import * as AccordionPrimitive from '@radix-ui/react-accordion';
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
import * as AvatarPrimitive from '@radix-ui/react-avatar';
import { ButtonProps as ButtonProps_2 } from './button';
import { ChangeEvent } from 'react';
import { ChartOptions } from 'highcharts';
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
import { ClassNameValue } from 'tailwind-merge';
import { ClassProp } from 'class-variance-authority/types';
import { ClassValue } from 'clsx';
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
import { ColumnDef } from '@tanstack/react-table';
import { ComponentType } from 'react';
import { ControllerProps } from 'react-hook-form';
import { DateCalendarProps } from '@mui/x-date-pickers/DateCalendar/DateCalendar.types';
import { DateCalendarProps as DateCalendarProps_2 } from '@mui/x-date-pickers';
import { default as default_2 } from 'react';
import { DevtoolsOptions } from 'zustand/middleware';
import * as DialogPrimitive from '@radix-ui/react-dialog';
import { DialogProps } from '@radix-ui/react-dialog';
import { Draft } from 'immer';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import { FC } from 'react';
import { FieldError } from 'react-hook-form';
import { FieldPath } from 'react-hook-form';
import { FieldValues } from 'react-hook-form';
import { FormProviderProps } from 'react-hook-form';
import { GoogleMaterialIcon } from 'google-material-icons/outlined';
import { InputProps as InputProps_2 } from './input';
import { JSX as JSX_2 } from 'react/jsx-runtime';
import * as LabelPrimitive from '@radix-ui/react-label';
import { Local_DTO } from '../Models/dto';
import { LocalizedStrings } from 'react-localization';
import { Moment } from 'moment';
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
import * as PopoverPrimitive from '@radix-ui/react-popover';
import { PopoverProps } from '@radix-ui/react-popover';
import * as ProgressPrimitive from '@radix-ui/react-progress';
import { QueryClient } from '@tanstack/react-query';
import { QueryKey } from '@tanstack/react-query';
import { QuerySessionStatusArgs } from 'oidc-client-ts';
import { QueryStatus } from '@tanstack/react-query';
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
import * as React_2 from 'react';
import { ReactNode } from 'react';
import { RenderProps } from 'input-otp';
import { RevokeTokensTypes } from 'oidc-client-ts';
import { Row } from '@tanstack/react-table';
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
import * as SelectPrimitive from '@radix-ui/react-select';
import * as SeparatorPrimitive from '@radix-ui/react-separator';
import { SeparatorProps } from '@radix-ui/react-separator';
import { SeriesPieOptions } from 'highcharts';
import { SessionStatus } from 'oidc-client-ts';
import { SigninPopupArgs } from 'oidc-client-ts';
import { SigninRedirectArgs } from 'oidc-client-ts';
import { SigninResourceOwnerCredentialsArgs } from 'oidc-client-ts';
import { SigninSilentArgs } from 'oidc-client-ts';
import { SignoutPopupArgs } from 'oidc-client-ts';
import { SignoutRedirectArgs } from 'oidc-client-ts';
import { SignoutSilentArgs } from 'oidc-client-ts';
import * as SliderPrimitive from '@radix-ui/react-slider';
import { SlotProps } from '@radix-ui/react-slot';
import { SlotProps as SlotProps_2 } from 'input-otp';
import { StateCreator } from 'zustand';
import { StoreApi } from 'zustand';
import { SubmitHandler } from 'react-hook-form';
import * as SwitchPrimitives from '@radix-ui/react-switch';
import * as TabsPrimitive from '@radix-ui/react-tabs';
import * as ToastPrimitives from '@radix-ui/react-toast';
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
import * as TogglePrimitive from '@radix-ui/react-toggle';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import { UseBoundStore } from 'zustand';
import { useController } from 'react-hook-form';
import { useFieldArray } from 'react-hook-form';
import { useForm } from 'react-hook-form';
import { useFormContext } from 'react-hook-form';
import { UseFormReturn } from 'react-hook-form';
import { useFormState } from 'react-hook-form';
import { User } from 'oidc-client-ts';
import { UserManager } from 'oidc-client-ts';
import { UserManagerEvents } from 'oidc-client-ts';
import { UserManagerSettings } from 'oidc-client-ts';
import { useWatch } from 'react-hook-form';
import { VariantProps } from 'class-variance-authority';
import { WritableDraft } from 'immer';

export declare const accessibilityTools: UseBoundStore<Omit<Omit<StoreApi<Local_DTO_2.AccessibilityToolsStore>, "setState"> & {
setState<A extends string | {
type: string;
}>(partial: Local_DTO_2.AccessibilityToolsStore | Partial<Local_DTO_2.AccessibilityToolsStore> | ((state: Local_DTO_2.AccessibilityToolsStore) => Local_DTO_2.AccessibilityToolsStore | Partial<Local_DTO_2.AccessibilityToolsStore>), replace?: boolean | undefined, action?: A | undefined): void;
}, "setState"> & {
setState(nextStateOrUpdater: Local_DTO_2.AccessibilityToolsStore | Partial<Local_DTO_2.AccessibilityToolsStore> | ((state: WritableDraft<Local_DTO_2.AccessibilityToolsStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
type: string;
} | undefined): void;
}>;

export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;

export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

declare type Action = {
    type: ActionType['ADD_TOAST'];
    toast: ToasterToast;
} | {
    type: ActionType['UPDATE_TOAST'];
    toast: Partial<ToasterToast>;
} | {
    type: ActionType['DISMISS_TOAST'];
    toastId?: ToasterToast['id'];
} | {
    type: ActionType['REMOVE_TOAST'];
    toastId?: ToasterToast['id'];
};

declare type Action_2 = {
    type: 'INITIALISED' | 'USER_LOADED';
    user: User | null;
} | {
    type: 'USER_UNLOADED';
} | {
    type: 'USER_SIGNED_OUT';
} | {
    type: 'NAVIGATOR_INIT';
    method: NonNullable<AuthState['activeNavigator']>;
} | {
    type: 'NAVIGATOR_CLOSE';
} | {
    type: 'ERROR';
    error: Error;
};

export declare const ActionLoader: () => JSX_2.Element;

declare type ActionType = typeof actionTypes;

declare const actionTypes: {
    readonly ADD_TOAST: "ADD_TOAST";
    readonly UPDATE_TOAST: "UPDATE_TOAST";
    readonly DISMISS_TOAST: "DISMISS_TOAST";
    readonly REMOVE_TOAST: "REMOVE_TOAST";
};

export declare const Alert: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    variant?: "default" | "outline" | "ghost" | null | undefined;
    colors?: "default" | "primary" | "secondary" | "error" | "warning" | "info" | null | undefined;
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;

export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const AlertDialog: React_2.FC<AlertDialogPrimitive.AlertDialogProps>;

export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const AlertDialogFooter: {
    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
    displayName: string;
};

export declare const AlertDialogHeader: {
    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
    displayName: string;
};

export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const AlertDialogPortal: React_2.FC<AlertDialogPrimitive.AlertDialogPortalProps>;

export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;

export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;

declare type AllowedElements = Extract<keyof JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;

declare type AllowedElements_2 = Extract<keyof JSX.IntrinsicElements, 'span' | 'label' | 'p'>;

/**
 * @public
 */
export declare const AuthContext: default_2.Context<AuthContextProps | undefined>;

/**
 * @public
 */
export declare interface AuthContextProps extends AuthState {
    /**
     * UserManager functions. See [UserManager](https://github.com/authts/oidc-client-ts) for more details.
     */
    readonly settings: UserManagerSettings;
    readonly events: UserManagerEvents;
    clearStaleState(): Promise<void>;
    removeUser(): Promise<void>;
    signinPopup(args?: SigninPopupArgs): Promise<User>;
    signinSilent(args?: SigninSilentArgs): Promise<User | null>;
    signinRedirect(args?: SigninRedirectArgs): Promise<void>;
    signinResourceOwnerCredentials(args: SigninResourceOwnerCredentialsArgs): Promise<User>;
    signoutRedirect(args?: SignoutRedirectArgs): Promise<void>;
    signoutPopup(args?: SignoutPopupArgs): Promise<void>;
    signoutSilent(args?: SignoutSilentArgs): Promise<void>;
    querySessionStatus(args?: QuerySessionStatusArgs): Promise<SessionStatus | null>;
    revokeTokens(types?: RevokeTokensTypes): Promise<void>;
    startSilentRenew(): void;
    stopSilentRenew(): void;
}

/**
 * Provides the AuthContext to its child components.
 *
 * @public
 */
export declare const AuthProvider: (props: AuthProviderProps) => JSX.Element;

/**
 * @public
 */
export declare interface AuthProviderBaseProps {
    /**
     * The child nodes your Provider has wrapped
     */
    children?: default_2.ReactNode;
    /**
     * On sign in callback hook. Can be a async function.
     * Here you can remove the code and state parameters from the url when you are redirected from the authorize page.
     *
     * ```jsx
     * const onSigninCallback = (_user: User | void): void => {
     *     window.history.replaceState(
     *         {},
     *         document.title,
     *         window.location.pathname
     *     )
     * }
     * ```
     */
    onSigninCallback?: (user: User | void) => Promise<void> | void;
    /**
     * By default, if the page url has code/state params, this provider will call automatically the `userManager.signinCallback`.
     * In some cases the code might be for something else (another OAuth SDK perhaps). In these
     * instances you can instruct the client to ignore them.
     *
     * ```jsx
     * <AuthProvider
     *   skipSigninCallback={window.location.pathname === "/stripe-oauth-callback"}
     * >
     * ```
     */
    skipSigninCallback?: boolean;
    /**
     * Match the redirect uri used for logout (e.g. `post_logout_redirect_uri`)
     * This provider will then call automatically the `userManager.signoutCallback`.
     *
     * HINT:
     * Do not call `userManager.signoutRedirect()` within a `React.useEffect`, otherwise the
     * logout might be unsuccessful.
     *
     * ```jsx
     * <AuthProvider
     *   matchSignoutCallback={(args) => {
     *     window &&
     *     (window.location.href === args.post_logout_redirect_uri);
     *   }}
     * ```
     */
    matchSignoutCallback?: (args: UserManagerSettings) => boolean;
    /**
     * On sign out callback hook. Can be a async function.
     * Here you can change the url after the user is signed out.
     * When using this, specifying `matchSignoutCallback` is required.
     *
     * ```jsx
     * const onSignoutCallback = (): void => {
     *     // go to home after logout
     *     window.location.pathname = ""
     * }
     * ```
     */
    onSignoutCallback?: () => Promise<void> | void;
    /**
     * On remove user hook. Can be a async function.
     * Here you can change the url after the user is removed.
     *
     * ```jsx
     * const onRemoveUser = (): void => {
     *     // go to home after logout
     *     window.location.pathname = ""
     * }
     * ```
     */
    onRemoveUser?: () => Promise<void> | void;
}

/**
 * This interface (default) is used to pass `UserManagerSettings` together with `AuthProvider` properties to the provider.
 *
 * @public
 */
export declare interface AuthProviderNoUserManagerProps extends AuthProviderBaseProps, UserManagerSettings {
    /**
     * Prevent this property.
     */
    userManager?: never;
}

/**
 * @public
 */
export declare type AuthProviderProps = AuthProviderNoUserManagerProps | AuthProviderUserManagerProps;

/**
 * This interface is used to pass directly a `UserManager` instance together with `AuthProvider` properties to the provider.
 *
 * @public
 */
export declare interface AuthProviderUserManagerProps extends AuthProviderBaseProps {
    /**
     * Allow passing a custom UserManager instance.
     */
    userManager?: UserManager;
}

export declare class AuthService implements IAuthService {
    private static instance;
    private userManager;
    private config;
    user?: User | null;
    isLoading: boolean;
    isAuthenticated: boolean;
    error?: Error;
    private constructor();
    static getInstance(config: OIDCConfig): AuthService;
    private setupEventListeners;
    hasAuthParams(location?: Location): boolean;
    signin(): Promise<void>;
    completeSignIn(): Promise<void | User>;
    getUser(): Promise<User | null>;
    /**
     * function to call another url to kill opend session with 'sso service'
     */
    clearSession(): Promise<void>;
    signout: (redirectUrl?: string) => Promise<void>;
}

/**
 * The auth state which, when combined with the auth methods, make up the return object of the `useAuth` hook.
 *
 * @public
 */
export declare interface AuthState {
    /**
     * See [User](https://authts.github.io/oidc-client-ts/classes/User.html) for more details.
     */
    user?: User | null;
    /**
     * True when the library has been initialized and no navigator request is in progress.
     */
    isLoading: boolean;
    /**
     * True while the user has a valid access token.
     */
    isAuthenticated: boolean;
    /**
     * Tracks the status of most recent signin/signout request method.
     */
    activeNavigator?: 'signinRedirect' | 'signinResourceOwnerCredentials' | 'signinPopup' | 'signinSilent' | 'signoutRedirect' | 'signoutPopup' | 'signoutSilent';
    /**
     * Was there a signin or silent renew error?
     */
    error?: Error;
}

export declare const authStore: UseBoundStore<Omit<Omit<StoreApi<Local_DTO_2.AuthStore>, "setState"> & {
setState<A extends string | {
type: string;
}>(partial: Local_DTO_2.AuthStore | Partial<Local_DTO_2.AuthStore> | ((state: Local_DTO_2.AuthStore) => Local_DTO_2.AuthStore | Partial<Local_DTO_2.AuthStore>), replace?: boolean | undefined, action?: A | undefined): void;
}, "setState"> & {
setState(nextStateOrUpdater: Local_DTO_2.AuthStore | Partial<Local_DTO_2.AuthStore> | ((state: WritableDraft<Local_DTO_2.AuthStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
type: string;
} | undefined): void;
}>;

export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;

export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;

export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;

export declare function Badge({ className, variant, size, rounded, colors, disabled, ...props }: BadgeProps): JSX_2.Element;

export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
}

export declare const badgeVariants: (props?: ({
    variant?: "default" | "outline" | "ghost" | null | undefined;
    size?: "default" | "sm" | null | undefined;
    rounded?: "full" | "default" | null | undefined;
    colors?: "default" | "primary" | "secondary" | "tertiary" | "error" | "warning" | "success" | "info" | "gray" | null | undefined;
    disabled?: boolean | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Breadcrumb: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
    separator?: React_2.ReactNode;
} & React_2.RefAttributes<HTMLElement>>;

export declare const BreadcrumbEllipsis: {
    ({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
    displayName: string;
};

export declare const BreadcrumbItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;

export declare const BreadcrumbLink: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
    asChild?: boolean;
    style?: React_2.CSSProperties;
} & React_2.RefAttributes<HTMLAnchorElement>>;

export declare const BreadcrumbList: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;

export declare const BreadcrumbPage: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;

export declare const BreadcrumbSeparator: {
    ({ children, className, ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
    displayName: string;
};

export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
    asChild?: boolean;
}

declare interface ButtonPropsExtend extends ButtonProps {
    isLoading?: boolean;
    isForm?: boolean;
}

export declare const buttonVariants: (props?: ({
    variant?: "link" | "default" | "outline" | "ghost" | null | undefined;
    size?: "default" | "sm" | "icon" | "icon-sm" | null | undefined;
    rounded?: "full" | "default" | null | undefined;
    colors?: "default" | "primary" | "secondary" | "tertiary" | "error" | "warning" | "success" | "info" | "gray" | null | undefined;
} & ClassProp) | undefined) => string;

export declare function Calendar({ ishijri, lang, ...props }: {
    ishijri?: boolean;
    lang?: 'ar' | 'en';
} & DateCalendarProps<Moment>): JSX_2.Element;

export declare namespace Calendar {
    var displayName: string;
}

export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & {
    isClickable?: boolean;
} & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare function cn(...inputs: ClassValue[]): string;

export declare const Collapsible: React_2.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const CollapsibleContent: React_2.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const CollapsibleTrigger: React_2.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export { ColumnDef }

export declare const Combobox: default_2.FC<PopoverProps>;

export declare const ComboboxContent: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;

export declare const ComboboxControl: <_, T>({ options, optionLabel, placeholder, isLoading, optionValue, onChange, value, triggerProps, ...rest }: Props<T>) => JSX_2.Element;

export declare const ComboboxControlNoForm: <_, T>({ options, optionLabel, placeholder, isLoading, optionValue, onChange, value, triggerProps, isDate, disabledOption, ...rest }: Props<T>) => JSX_2.Element;

export declare const ComboboxEmpty: default_2.ForwardRefExoticComponent<Omit<{
    children?: default_2.ReactNode;
} & default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;

export declare const ComboboxGroup: default_2.ForwardRefExoticComponent<Omit<Omit<{
    children?: default_2.ReactNode;
} & Omit<default_2.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
    heading?: default_2.ReactNode;
    value?: string;
    forceMount?: boolean;
} & default_2.RefAttributes<HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;

export declare const ComboboxInput: default_2.ForwardRefExoticComponent<Omit<Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
    value?: string;
    onValueChange?: (search: string) => void;
} & default_2.RefAttributes<HTMLInputElement>, "ref"> & default_2.RefAttributes<HTMLInputElement>>;

export declare const ComboboxItem: default_2.ForwardRefExoticComponent<Omit<{
    children?: default_2.ReactNode;
} & Omit<default_2.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
    disabled?: boolean;
    onSelect?: (value: string) => void;
    value?: string;
    forceMount?: boolean;
} & default_2.RefAttributes<HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;

export declare const ComboboxTrigger: default_2.ForwardRefExoticComponent<ButtonPropsExtend & default_2.RefAttributes<HTMLButtonElement>>;

export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
    children?: React_2.ReactNode;
} & React_2.HTMLAttributes<HTMLDivElement> & {
    label?: string;
    shouldFilter?: boolean;
    filter?: (value: string, search: string) => number;
    defaultValue?: string;
    value?: string;
    onValueChange?: (value: string) => void;
    loop?: boolean;
    vimBindings?: boolean;
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => JSX_2.Element;

declare interface CommandDialogProps extends DialogProps {
}

export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
    children?: React_2.ReactNode;
} & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
    children?: React_2.ReactNode;
} & Omit<React_2.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
    heading?: React_2.ReactNode;
    value?: string;
    forceMount?: boolean;
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
    value?: string;
    onValueChange?: (search: string) => void;
} & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;

export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
    children?: React_2.ReactNode;
} & Omit<React_2.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
    disabled?: boolean;
    onSelect?: (value: string) => void;
    value?: string;
    forceMount?: boolean;
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
    children?: React_2.ReactNode;
} & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.HTMLAttributes<HTMLDivElement> & {
    alwaysRender?: boolean;
} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CommandShortcut: {
    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
    displayName: string;
};

export declare const createIdentityConfig: (config: OIDCConfig) => {
    authority: string;
    client_id: string;
    client_secret: string;
    redirect_uri: string;
    login: string;
    automaticSilentRenew: boolean;
    loadUserInfo: boolean;
    silent_redirect_uri: string;
    post_logout_redirect_uri: string;
    audience: string;
    responseType: string;
    grantType: string;
    scope: string;
    webAuthResponseType: string;
};

export declare const createMetadataConfig: (authUrl: string, jwks: string) => {
    issuer: string;
    jwks_uri: string;
    authorization_endpoint: string;
    token_endpoint: string;
    userinfo_endpoint: string;
    end_session_endpoint: string;
    check_session_iframe: string;
    revocation_endpoint: string;
    introspection_endpoint: string;
};

export declare function DataTable<TData, TValue>({ columns, data, loading, NoDataComponent, itemsPerPage, hasPagination, onClickRow, isFirstRowSelected, ...rest }: DataTableProps<TData, TValue>): JSX_2.Element | null;

declare interface DataTableProps<TData, TValue> {
    columns: ColumnDef<TData, TValue>[];
    data: TData[];
    loading: boolean;
    NoDataComponent?: JSX.Element;
    onPageChange?: (number: number) => void;
    totalItems?: number;
    pageNumber?: number;
    itemsPerPage?: number;
    setLimit?: (number: number) => void;
    hasPagination?: boolean;
    isFirstRowSelected?: boolean;
    onClickRow?: (data: Row<TData>) => void;
}

export declare const dateFormatter: ({ date, format, isHijri, hasHijriFormat, }: {
    date: string | Date | undefined;
    format: "short" | "mid" | "long";
    isHijri?: boolean;
    hasHijriFormat?: boolean;
}) => string;

export declare const DatePicker: ({ placeholder, value, onChange, lang, rounded, defaultToToday, ...rest }: Props_3 & Omit<DateCalendarProps_2<Moment>, "value">) => JSX_2.Element;

export declare function debounce<T extends (...args: any[]) => void>(func: T, wait: number): T;

export declare const Description: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & {
    children?: default_2.ReactNode | undefined;
} & default_2.RefAttributes<HTMLDivElement>>;

export declare const DescriptionItem: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDListElement> & {
    title: string;
    icon?: GoogleMaterialIcon;
} & VariantProps<(props?: ({
    variant?: "default" | "list" | null | undefined;
    size?: "default" | "sm" | null | undefined;
    orientation?: "vertical" | "horizental" | null | undefined;
    lastItem?: boolean | null | undefined;
    stretch?: boolean | null | undefined;
    padding?: "none" | "default" | null | undefined;
} & ClassProp) | undefined) => string> & {
    children?: default_2.ReactNode | undefined;
} & default_2.RefAttributes<HTMLDListElement>>;

export declare type DescriptionProps = {
    title: string;
    icon?: GoogleMaterialIcon;
} & VariantProps<typeof dlVariants>;

export declare const DevtoolsMiddlewares: <T>(f: StateCreator<T, [["zustand/devtools", never], ["zustand/immer", never]]>, devtoolsOptions?: DevtoolsOptions) => StateCreator<T, [], [["zustand/devtools", never], ["zustand/immer", never]]>;

export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;

export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
    ignoreInteractOutside?: boolean;
    hideOverlay?: boolean;
} & React_2.RefAttributes<HTMLDivElement>>;

export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const DialogFooter: {
    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
    displayName: string;
};

export declare const DialogHeader: {
    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
    displayName: string;
};

export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;

export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;

export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

declare const dlVariants: (props?: ({
    variant?: "default" | "list" | null | undefined;
    size?: "default" | "sm" | null | undefined;
    orientation?: "vertical" | "horizental" | null | undefined;
    lastItem?: boolean | null | undefined;
    stretch?: boolean | null | undefined;
    padding?: "none" | "default" | null | undefined;
} & ClassProp) | undefined) => string;

export declare function DraggableGrid({ configs, isEditMode, componentMap, onConfigChange, onOrderChange, onSave, onCancel, onReset, onAdd, isSidePanelShown, isSaving, }: Readonly<DraggableGridProps>): JSX_2.Element;

declare interface DraggableGridProps {
    configs: WidgetConfig[];
    isEditMode: boolean;
    componentMap: Record<string, React.ComponentType<WidgetBaseProps>>;
    onConfigChange: (changes: Partial<WidgetConfig>) => void;
    onOrderChange: (newConfigs: WidgetConfig[]) => void;
    onSave?: () => void;
    onCancel?: () => void;
    onReset?: () => void;
    onAdd?: () => void;
    isSidePanelShown?: boolean;
    isSaving?: boolean;
}

export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;

export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
} & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
} & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;

export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuShortcut: {
    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
    displayName: string;
};

export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;

export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
} & React_2.RefAttributes<HTMLDivElement>>;

export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare const Emoji: ({ variant, size, disabled, className, ...props }: EmojiProps) => JSX_2.Element;

export declare interface EmojiProps extends React.SVGProps<SVGSVGElement>, VariantProps<typeof EmojiVariants> {
}

declare const EmojiVariants: (props?: ({
    variant?: "awful" | "bad" | "ok" | "good" | "great" | null | undefined;
    size?: "default" | null | undefined;
    disabled?: boolean | null | undefined;
} & ClassProp) | undefined) => string;

export declare const EmptySection: default_2.FC<EmptySectionProps>;

export declare interface EmptySectionProps extends VariantProps<typeof emptySectionVariants> {
    className?: string;
    title?: string;
    message?: string;
    icon?: default_2.ReactNode;
    children?: default_2.ReactNode;
    bordered?: boolean;
}

declare const emptySectionVariants: (props?: ({
    layout?: "horizontal" | "vertical" | null | undefined;
    background?: "gray" | "transparent" | "white" | null | undefined;
} & ClassProp) | undefined) => string;

declare interface Extra {
    startAdornment?: React_2.ReactNode | string;
    endAdornment?: React_2.ReactNode | string;
}

declare interface Extra_2 {
    startAdornment?: React_2.ReactNode | string;
    endAdornment?: React_2.ReactNode | string;
}

export { FieldValues }

export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues> & {
    formId?: string;
}) => JSX_2.Element;

export declare const formatter: (dir: string) => Intl.DateTimeFormat;

export declare const formatterTime: (dir: string) => Intl.DateTimeFormat;

export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;

export declare const FormDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX_2.Element;

export declare const FormItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;

export declare const FormMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;

export declare const Grid: default_2.FC<GridProps>;

export declare const GridItem: default_2.FC<GridItemProps>;

declare const gridItemColVariants: (props?: ({
    base?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    sm?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    md?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    lg?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    xl?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    '2xl'?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
} & ClassProp) | undefined) => string;

declare interface GridItemProps extends default_2.HTMLAttributes<HTMLDivElement> {
    columns?: VariantProps<typeof gridItemColVariants> | VariantProps<typeof gridItemColVariants>['base'];
    children?: default_2.ReactNode[] | default_2.ReactNode;
}

declare type GridProps = default_2.ComponentPropsWithoutRef<'div'> & VariantProps<typeof gridStyles>;

declare const gridStyles: (props?: ({
    cols?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    gap?: "none" | 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    gapX?: "none" | 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    gapY?: "none" | 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | 9 | 8 | null | undefined;
    autoFlow?: "col" | "row" | "dense" | "rowDense" | "colDense" | null | undefined;
    alignItems?: "center" | "end" | "start" | "stretch" | null | undefined;
    justifyItems?: "center" | "end" | "start" | "stretch" | null | undefined;
    alignContent?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    justifyContent?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const handleArabicNumbers: (e: React.ChangeEvent<HTMLInputElement>, watch: any) => ChangeEvent<HTMLInputElement>;

/**
 * @public
 */
export declare const hasAuthParams: (location?: Location) => boolean;

export declare const Heading: default_2.ForwardRefExoticComponent<{
    as?: AllowedElements | undefined;
    asChild?: boolean;
    children: ReactNode;
} & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & default_2.RefAttributes<"symbol" | "object" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any> | "search" | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">>;

/**
 * @public
 */
export declare interface IAuthService {
    /**
     * See [User](https://authts.github.io/oidc-client-ts/classes/User.html) for more details.
     */
    user?: User | null;
    /**
     * True when the library has been initialized and no navigator request is in progress.
     */
    isLoading: boolean;
    /**
     * True while the user has a valid access token.
     */
    isAuthenticated: boolean;
    /**
     * Was there a signin or silent renew error?
     */
    error?: Error;
    hasAuthParams(): boolean;
    getUser(): Promise<User | null>;
    signin(): Promise<void>;
    completeSignIn(): Promise<void | User>;
    signout(): Promise<void>;
    clearSession(): Promise<void>;
}

/**
 * The initial auth state.
 */
export declare const initialAuthState: AuthState;

export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;

export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "maxLength" | "value" | "onChange" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
    value?: string;
    onChange?: (newValue: string) => unknown;
    maxLength: number;
    textAlign?: "left" | "center" | "right";
    onComplete?: (...args: any[]) => unknown;
    pushPasswordManagerStrategy?: "increase-width" | "none";
    pasteTransformer?: (pasted: string) => string;
    containerClassName?: string;
    noScriptCSSFallback?: string | null;
} & {
    render: (props: RenderProps) => React_2.ReactNode;
    children?: never;
} & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "maxLength" | "value" | "onChange" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
    value?: string;
    onChange?: (newValue: string) => unknown;
    maxLength: number;
    textAlign?: "left" | "center" | "right";
    onComplete?: (...args: any[]) => unknown;
    pushPasswordManagerStrategy?: "increase-width" | "none";
    pasteTransformer?: (pasted: string) => string;
    containerClassName?: string;
    noScriptCSSFallback?: string | null;
} & {
    render?: never;
    children: React_2.ReactNode;
} & React_2.RefAttributes<HTMLInputElement>, "ref">) & React_2.RefAttributes<HTMLInputElement>>;

export declare const InputOTPGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const InputOTPSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const InputOTPSlot: React_2.ForwardRefExoticComponent<SlotProps_2 & Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants>, Extra {
}

declare const inputVariants: (props?: ({
    variant?: "default" | "outline" | null | undefined;
    rounded?: "full" | "default" | null | undefined;
    colors?: "default" | "success" | "destructive" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;

export declare const langRegex: {
    enRegex: RegExp;
    arRegex: RegExp;
    bothArAndEnRegexonlyLetters: RegExp;
    bothArAndEnRegexonlyLettersAndNumbers: RegExp;
    enletterAndNumbersRegex: RegExp;
    mobileNumber: RegExp;
    TelPhone: RegExp;
    nationalId: RegExp;
    nationalOrResidentId: RegExp;
    nonSaudianNationalId: RegExp;
    tags: RegExp;
    specialCharcter: RegExp;
    arSpaceRegex: RegExp;
};

declare type LegendTotalType = string[];

export declare const LinesPerPage: ({ value, onChange }: {
    value: number;
    onChange: (value: string) => void;
}) => JSX_2.Element;

declare namespace Local_DTO_2 {
    type User = {
        ProfilePicture?: string;
        Id: string;
        roles: UserTypes[];
        defaultRole?: UserTypes;
        personIdentifier?: string;
        refIdentificationTypeCode?: string;
        refIdentificationTypeName?: string;
        birthdate?: string;
        firstName: string;
        secondName: string;
        thridName: string;
        lastName: string;
        refSexName?: string;
        refSexCode?: string;
        refNationalityCountryCode?: string;
        refNationalityCountryName?: string;
        email: string;
        ssoEmail?: string;
        mobile?: string;
    };
    type AuthStore = {
        accessToken: string | undefined;
        refreshToken: string | undefined;
        isAuthenticated: boolean | undefined;
        user: User;
        nationalId?: string | null;
        sessionExpired?: boolean;
        login: (nationalId: string) => void;
        setUser: (user: Partial<User>) => void;
        updateUser: (user: Partial<User>) => void;
        logout: () => void;
        setDefaultRole: (defaultRole?: UserTypes) => void;
        setExpireSession: () => void;
    };
    interface ServiceCategory {
        CategoryName: string;
        Link: string;
        Id: string;
        Icon: (props: default_2.SVGProps<SVGSVGElement>) => default_2.JSX.Element;
        isActive: boolean;
    }
    interface MenuList {
        Category: string;
        ClassName?: string | null;
        ShortName?: string | null;
        Id: string;
        Services?: {
            Name: string;
            Value: string;
            Id: string;
            Categories?: ServiceCategory[];
        }[];
    }
    interface NavigationMenuProps {
        menuList: MenuList[];
    }
    interface NavigationMenuMobileProps extends NavigationMenuProps {
        isOpen: boolean;
        onMenuClose: () => void;
        UserLinks: UserLink[];
        changeLang: (lang: 'ar' | 'en') => void;
        logout: () => void;
        isAuthenticated: boolean;
        user: {
            Name: string;
            ProfilePicture?: string;
        };
        isUP?: boolean;
    }
    interface LabelProps {
        isRequired?: boolean;
    }
    interface TopMenuProps {
        changeLang: (lang: 'ar' | 'en') => void;
        isAuthenticated: boolean;
        user: {
            Name: string;
            ProfilePicture?: string;
        };
        logout: () => void;
        navigateTo?: (pathname: string) => void;
        currenLocation?: string;
        isUP?: boolean;
    }
    type AccessibilityToolsStore = {
        isActive: boolean;
        toggleColors: () => void;
        fontSize: string;
        isMax: boolean;
        isMin: boolean;
        isDesktop: boolean;
        increaseSize: () => void;
        decreaseSize: () => void;
        defaultSize: () => void;
    };
    interface UserLink {
        Name: string;
        Link?: string;
        onClick?: () => void;
        Id?: number;
        Icon: (props: default_2.SVGProps<SVGSVGElement>) => default_2.JSX.Element;
    }
    interface UserInfoProps {
        UserLinks: UserLink[];
        user: {
            Name: string;
            ProfilePicture?: string;
        };
        changeLang: (lang: 'ar' | 'en') => void;
        logout: () => void;
        isUP?: boolean;
    }
    interface Crumb {
        crumb: (data: any) => ReactNode | string;
    }
    interface TextareaProps extends LabelProps {
        label: string;
        control: any;
        name: string;
        placeholder?: string;
        maxLength?: number;
    }
    interface DropdownProps extends TextareaProps {
        options: {
            label: string;
            value: string | number;
        }[];
        disabled?: boolean;
    }
    interface InputProps extends TextareaProps {
        isNumber?: boolean;
        watch?: any;
    }
    type useLanguageStore = {
        lang: string;
        dir: 'rtl' | 'ltr';
        changeLang: (lang: 'ar' | 'en') => void;
    };
}

export declare function MultiSelect<T extends ValueType>({ placeholder, options, selectedValues, onChange, disabled, size, dataTestId, rounded, }: MultiSelectProps<T>): JSX_2.Element;

export declare interface MultiSelectProps<T extends ValueType> {
    placeholder: string;
    options: {
        label: string;
        value: T;
        icon?: ComponentType<{
            className?: string;
        }>;
    }[];
    selectedValues: T[];
    onChange: (values: T[]) => void;
    disabled?: boolean;
    size?: 'sm' | 'default';
    dataTestId?: string;
    rounded?: 'default' | 'full';
}

export declare const NavigationMenu: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;

export declare const NavigationMenuContent: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const NavigationMenuIndicator: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const NavigationMenuItem: React_2.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React_2.RefAttributes<HTMLLIElement>>;

export declare const NavigationMenuLink: React_2.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React_2.RefAttributes<HTMLAnchorElement>>;

export declare const NavigationMenuList: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React_2.RefAttributes<HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;

export declare const NavigationMenuTrigger: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;

export declare const NavigationMenuViewport: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare interface OIDCConfig {
    clientId: string;
    clientSecret: string;
    baseUrl: string;
    authUrl: string;
    jwks?: string;
    oauth20LogoutUrl: string;
}

/**
 * Handles how that state changes in the `useAuth` hook.
 */
export declare const oidcReducer: (state: AuthState, action: Action_2) => AuthState;

export declare const PageLoader: () => JSX_2.Element;

export declare const Pagination: ({ totalItems, onPageChange, selectedPage, className, withoutText, itemsPerPage }: Props_2) => JSX_2.Element | null;

export declare const PaginationDescription: ({ currentPage, totalCount, limit }: {
    currentPage: number;
    totalCount: number;
    limit: number;
}) => JSX_2.Element;

export declare const PieChart: ({ seriesData, title, tooltipFormatter, chartOptions, width, height, enableTooltip, center }: PieChartProps) => JSX_2.Element;

export declare type PieChartProps = {
    seriesData: SeriesType;
    legendTotal?: LegendTotalType;
    title?: TotalAmount;
    tooltipFormatter?: () => string;
    width: number;
    height: number;
    chartOptions?: ChartOptions;
    enableTooltip?: boolean;
    center?: string[];
};

export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;

export declare const PopoverArrow: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React_2.RefAttributes<SVGSVGElement>>;

export declare const PopoverClose: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

export declare const Progress: React_2.ForwardRefExoticComponent<ProgressProps & React_2.RefAttributes<HTMLDivElement>>;

declare interface ProgressProps extends React_2.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
    colors?: 'bg-primary' | 'bg-secondary' | 'bg-tertiary' | 'bg-error' | 'bg-warning' | 'bg-success' | 'bg-info' | 'bg-secondary-light';
    icon?: React_2.ReactNode;
    rounded?: boolean;
}

declare interface Props<T> extends VariantProps<typeof buttonVariants> {
    options?: T[];
    optionLabel: keyof T;
    optionValue: keyof T;
    value: string;
    placeholder: string;
    isLoading?: boolean;
    onChange: (value: string) => void;
    triggerProps?: ButtonPropsExtend;
    disabled?: boolean;
    isDate?: boolean;
    disabledOption?: (option: T) => boolean;
    className?: string;
}

declare interface Props_2 {
    totalItems: number;
    onPageChange: (page: number) => void;
    selectedPage: number;
    className?: string;
    withoutText?: boolean;
    itemsPerPage?: number;
}

declare interface Props_3 {
    lang: 'ar' | 'en';
    placeholder?: string | null;
    value: Date | string | null | undefined;
    onChange: (value: string) => void;
    rounded?: ButtonProps['rounded'];
    defaultToToday?: boolean;
}

/**
 * Represents the state of a query.
 *
 * @template T - The type of data being queried.
 */
declare type QueryState<T> = {
    /**
     * The cached data for the query, if available.
     */
    data?: T;
    /**
     * The current status of the query.
     * Can be 'idle', "pending" | "error" | "success", or any other status provided by `react-query`.
     */
    status: QueryStatus | 'idle';
    /**
     * Indicates if the query is currently in a pending state.
     * This is a custom state that can be used to differentiate between idle and pending states.
     */
    isPending: boolean;
    /**
     * Indicates if the query is currently being fetched.
     * This reflects whether a network request is in progress.
     */
    isFetching: boolean;
    /**
     * Indicates if the query has successfully fetched data.
     * This is true if the query has completed successfully and data is available.
     */
    isSuccess: boolean;
    /**
     * Indicates if the query has incountered any error.
     */
    isError: boolean;
    /**
     * The error associated with the query, if any.
     */
    error?: unknown;
    /**
     * refetch quiery based on provided key
     */
    refetch: () => void;
};

export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const reducer: (state: State, action: Action) => State;

export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SearchInput: default_2.ForwardRefExoticComponent<SearchInputProps & InputProps & default_2.RefAttributes<HTMLInputElement>>;

declare interface SearchInputProps {
    placeholder?: string;
    type: 'onType' | 'onButton';
    validationMessage?: string;
    value?: string;
    onSearch: (value: string) => void;
    disabled?: boolean;
    debounceTime?: number;
    className?: string;
}

export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;

export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectScrollDownButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectScrollUpButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectSeparator: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;

export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

declare type seriesDataType = Omit<SeriesPieOptions, 'type'> & {
    y: number;
};

declare type SeriesType = {
    name: string;
    data: seriesDataType[];
    colors?: string[];
    innerSize?: string;
}[];

export declare const setLanguage: (lang: string) => void;

export declare const Sheet: default_2.FC<DialogPrimitive.DialogProps>;

export declare const SheetBody: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;

export declare const SheetClose: default_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & default_2.RefAttributes<HTMLButtonElement>>;

export declare const SheetContent: default_2.ForwardRefExoticComponent<SheetContentProps & default_2.RefAttributes<HTMLDivElement>>;

export declare interface SheetContentProps extends default_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
    ignoreInteractOutside?: boolean;
    hideOverlay?: boolean;
}

export declare const SheetDescription: default_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & default_2.RefAttributes<HTMLParagraphElement>, "ref"> & default_2.RefAttributes<HTMLParagraphElement>>;

export declare const SheetFooter: {
    ({ className, ...props }: default_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
    displayName: string;
};

export declare const SheetForm: default_2.FC<DialogProps>;

export declare const SheetFormBody: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;

export declare const SheetFormContent: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;

export declare const SheetFormFooter: {
    ({ className, title, ...props }: default_2.ComponentPropsWithoutRef<typeof SheetFooter>): JSX_2.Element;
    displayName: string;
};

export declare const SheetFormHeader: {
    ({ className, title, ...props }: default_2.ComponentPropsWithoutRef<typeof SheetHeader>): JSX_2.Element;
    displayName: string;
};

export declare const SheetFormTrigger: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;

export declare const SheetHeader: {
    ({ className, title, children, ...props }: default_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
    displayName: string;
};

export declare const SheetOverlay: default_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & default_2.RefAttributes<HTMLDivElement>, "ref"> & default_2.RefAttributes<HTMLDivElement>>;

export declare const SheetPortal: default_2.FC<DialogPrimitive.DialogPortalProps>;

export declare const SheetTitle: default_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & default_2.RefAttributes<HTMLHeadingElement>, "ref"> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const SheetTrigger: default_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;

declare const sheetVariants: (props?: ({
    side?: "center" | "top" | "right" | "bottom" | "left" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const ShouldRender: FC<ShouldRenderProps>;

declare type ShouldRenderProps = {
    children: ReactNode;
    shouldRender?: boolean;
    other?: ReactNode;
};

export declare const Sidebar: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
    side?: "left" | "right";
    variant?: "sidebar" | "floating" | "inset";
    collapsible?: "offcanvas" | "icon" | "none";
}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

declare type SidebarContext = {
    state: 'expanded' | 'collapsed';
    open: boolean;
    setOpen: (open: boolean) => void;
    openMobile: boolean;
    setOpenMobile: (open: boolean) => void;
    isMobile: boolean;
    toggleSidebar: () => void;
};

declare const SidebarContext: React_2.Context<SidebarContext | null>;

export declare const SidebarFooter: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarGroupAction: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
    asChild?: boolean;
}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const SidebarGroupContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarGroupLabel: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
    asChild?: boolean;
}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<InputProps_2 & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;

export declare const SidebarInset: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarMenu: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;

export declare const SidebarMenuAction: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
    asChild?: boolean;
    showOnHover?: boolean;
}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const SidebarMenuBadge: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarMenuButton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
    asChild?: boolean;
    isActive?: boolean;
    tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
} & VariantProps<(props?: ({
    variant?: "default" | "outline" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const SidebarMenuItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;

export declare const SidebarMenuSkeleton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
    showIcon?: boolean;
}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarMenuSub: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;

export declare const SidebarMenuSubButton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLAnchorElement> & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & {
    asChild?: boolean;
    size?: "sm" | "md";
    isActive?: boolean;
}, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;

export declare const SidebarMenuSubItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;

export declare const SidebarProvider: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
    defaultOpen?: boolean;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Omit<SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const signinError: (error: unknown) => Error;

export declare const signoutError: (error: unknown) => Error;

export declare const SimpleGrid: default_2.FC<SimpleGridProps>;

declare interface SimpleGridProps extends default_2.HTMLAttributes<HTMLDivElement> {
    /**
     * The minimum width of each child element. When specified, the grid will adjust its columns
     * to fit as many items as possible per row based on this minimum width.
     */
    minChildWidth?: string | number;
    /**
     * The number of columns or responsive array of columns.
     * If `minChildWidth` is specified, this will be overridden.
     */
    cols?: number;
    /**
     * The gap between grid items.
     */
    gap?: string;
    /**
     * The column gap between grid items.
     */
    gapX?: string;
    /**
     * The row gap between grid items.
     */
    gapY?: string;
}

export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;

export declare const Slider: React_2.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;

export declare const SliderPagination: ({ setCurrentPage, currentPage, totalPages, disabled }: SliderPaginationProps) => JSX_2.Element | null;

export declare interface SliderPaginationProps {
    setCurrentPage: default_2.Dispatch<default_2.SetStateAction<number>>;
    currentPage: number;
    totalPages: number;
    disabled?: boolean;
}

export declare const Stack: default_2.FC<StackProps>;

declare type StackProps = default_2.ComponentPropsWithoutRef<'div'> & VariantProps<typeof stackStyles>;

declare const stackStyles: (props?: ({
    direction?: "col" | "row" | "row-reverse" | "col-reverse" | null | undefined;
    gap?: "small" | "none" | 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "medium" | 9 | 8 | null | undefined;
    gapX?: "small" | "none" | 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "medium" | 9 | 8 | null | undefined;
    gapY?: "small" | "none" | 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "medium" | 9 | 8 | null | undefined;
    alignItems?: "center" | "end" | "start" | "stretch" | null | undefined;
    justifyItems?: "center" | "end" | "start" | "stretch" | null | undefined;
    alignContent?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    justifyContent?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
} & ClassProp) | undefined) => string;

declare interface State {
    toasts: ToasterToast[];
}

export declare const strings: LocalizedStrings<    {
messages: {
exceedlimitedField: string;
required: string;
};
Shared: {
soon: string;
NationalId: string;
ResidentID: string;
Welcome: string;
Login: string;
Logout: string;
InformationPanel: string;
AccountSettings: string;
Chat: string;
TechnicalSupport: string;
FullName: string;
PersonalInformation: string;
TicketInformation: string;
TicketDetails: string;
Title: string;
Description: string;
Enter: string;
AddSupportingFiles: string;
Send: string;
Submit: string;
Cancel: string;
Main: string;
Select: string;
NotRobot: string;
Search: string;
Number: string;
Date: string;
hijriCalendar: string;
male: string;
female: string;
submit: string;
next: string;
previous: string;
morePages: string;
Total: string;
YearTitle: string;
MonthTitle: string;
PaginationDesc: string;
LinesPerPage: string;
Actions: string;
ViewDetails: string;
Language: string;
Specify: string;
ServerError: string;
BackToHome: string;
NoDataFound: string;
showResults: string;
reset: string;
};
Footer: {
TermsOfUse: string;
PrivacyPolicy: string;
InformationProtection: string;
Colors: string;
VoiceCommands: string;
CopyRights: string;
};
DragAndDrop: {
SaveCustomization: string;
Delete: string;
Half: string;
Full: string;
Width: string;
Show: string;
AddToDashboard: string;
};
} | {
messages: {
exceedlimitedField: string;
required: string;
};
Shared: {
soon: string;
NationalId: string;
ResidentID: string;
Welcome: string;
Login: string;
Logout: string;
InformationPanel: string;
AccountSettings: string;
Chat: string;
TechnicalSupport: string;
FullName: string;
PersonalInformation: string;
TicketInformation: string;
TicketDetails: string;
Title: string;
Description: string;
Enter: string;
AddSupportingFiles: string;
Send: string;
Submit: string;
Cancel: string;
Main: string;
Select: string;
NotRobot: string;
Search: string;
Number: string;
Date: string;
hijriCalendar: string;
male: string;
female: string;
submit: string;
next: string;
previous: string;
morePages: string;
Total: string;
YearTitle: string;
MonthTitle: string;
PaginationDesc: string;
LinesPerPage: string;
Actions: string;
ViewDetails: string;
Language: string;
Specify: string;
ServerError: string;
BackToHome: string;
NoDataFound: string;
showResults: string;
reset: string;
};
Footer: {
TermsOfUse: string;
PrivacyPolicy: string;
InformationProtection: string;
Colors: string;
VoiceCommands: string;
CopyRights: string;
};
DragAndDrop: {
SaveCustomization: string;
Delete: string;
Half: string;
Full: string;
Width: string;
Show: string;
AddToDashboard: string;
};
}>;

export { SubmitHandler }

export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const Table: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;

export declare const TableBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;

export declare const TableCaption: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableCaptionElement> & React_2.RefAttributes<HTMLTableCaptionElement>>;

export declare const TableCell: React_2.ForwardRefExoticComponent<React_2.TdHTMLAttributes<HTMLTableCellElement> & {
    isLast?: boolean;
} & React_2.RefAttributes<HTMLTableCellElement>>;

export declare const TableFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;

export declare const TableHead: React_2.ForwardRefExoticComponent<React_2.ThHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;

export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;

export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;

export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
    container?: "transparent" | "underline" | "filled" | null | undefined;
    variant?: "transparent" | "underline" | "filled" | null | undefined;
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;

export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const tabVariants: (props?: ({
    container?: "transparent" | "underline" | "filled" | null | undefined;
    variant?: "transparent" | "underline" | "filled" | null | undefined;
} & ClassProp) | undefined) => string;

declare const Text_2: default_2.ForwardRefExoticComponent<TextProps<AllowedElements_2> & default_2.RefAttributes<"symbol" | "object" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any> | "search" | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">>;
export { Text_2 as Text }

export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;

export declare interface TextareaProps extends React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants>, Extra_2 {
}

declare const textAreaVariants: (props?: ({
    variant?: "default" | "outline" | null | undefined;
    rounded?: "full" | "default" | null | undefined;
    colors?: "default" | "success" | "destructive" | null | undefined;
} & ClassProp) | undefined) => string;

declare type TextProps<T extends AllowedElements_2 = 'span'> = {
    as?: T;
    asChild?: boolean;
    children: ReactNode;
} & default_2.ComponentPropsWithoutRef<T>;

export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
    variant?: "default" | "success" | "destructive" | null | undefined;
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;

export declare function toast({ ...props }: Toast_2): {
    id: string;
    dismiss: () => void;
    update: (props: ToasterToast) => void;
};

declare type Toast_2 = Omit<ToasterToast, 'id'>;

export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;

export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare function Toaster(): JSX_2.Element;

export declare type ToasterToast = ToastProps & {
    id: string;
    title?: React_2.ReactNode;
    description?: React_2.ReactNode;
    action?: ToastActionElement;
};

export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;

export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;

export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;

export declare const Toggle: React_2.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
    variant?: "default" | "outline" | null | undefined;
    size?: "default" | "sm" | "icon" | "fit" | null | undefined;
    colors?: "default" | "gray" | null | undefined;
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const ToggleGroup: React_2.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
    variant?: "default" | "outline" | null | undefined;
    size?: "default" | "sm" | "icon" | "fit" | null | undefined;
    colors?: "default" | "gray" | null | undefined;
} & ClassProp) | undefined) => string>) & React_2.RefAttributes<HTMLDivElement>>;

export declare const ToggleGroupItem: React_2.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
    variant?: "default" | "outline" | null | undefined;
    size?: "default" | "sm" | "icon" | "fit" | null | undefined;
    colors?: "default" | "gray" | null | undefined;
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;

export declare const toggleVariants: (props?: ({
    variant?: "default" | "outline" | null | undefined;
    size?: "default" | "sm" | "icon" | "fit" | null | undefined;
    colors?: "default" | "gray" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;

export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;

export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;

declare type TotalAmount = string;

export declare const tw: (...classes: string[]) => string;

export declare const twMerge: (...classLists: ClassNameValue[]) => string;

/**
 * A function that updates cached data based on the old data.
 *
 * @template T - The type of the cached data.
 * @param {QueryClient} queryClient - The queryClient instance.
 * @param {T | undefined} oldData - The current cached data or undefined if no data exists.
 * @returns {T} - The updated data.
 */
declare type UpdaterFunction<T> = (draft: Draft<NoInfer<T>> | undefined) => T;

export declare const useAuth: () => {
    isAuthenticated: boolean | undefined;
    user: Local_DTO.User;
    nationalId: string | null | undefined;
};

/**
 * Custom hook to retrieve cached data and its associated state.
 *
 * @template T - The type of data being queried.
 * @param {QueryClient} queryClient - The queryClient instance.
 * @param {QueryKey} queryKey - The key used to identify the query in the cache.
 * @param {(data: T | undefined) => T | undefined} [transform] - Optional transformation function to apply to the cached data.
 * @returns {QueryState<T>} The state of the query, including the data, status, and any errors.
 */
export declare function useCachedData<T>(queryKey: QueryKey, queryClient: QueryClient, transform?: (data: T | undefined) => T | undefined): QueryState<T>;

export { useController }

export { useFieldArray }

export { useForm }

export { useFormContext }

export declare const useFormField: () => {
    invalid: boolean;
    isDirty: boolean;
    isTouched: boolean;
    isValidating: boolean;
    error?: FieldError;
    newId: string;
    name: string;
    formItemId: string;
    formDescriptionId: string;
    formMessageId: string;
};

export { UseFormReturn }

export { useFormState }

export declare const useLanguage: UseBoundStore<Omit<Omit<StoreApi<Local_DTO_2.useLanguageStore>, "setState"> & {
setState<A extends string | {
type: string;
}>(partial: Local_DTO_2.useLanguageStore | Partial<Local_DTO_2.useLanguageStore> | ((state: Local_DTO_2.useLanguageStore) => Local_DTO_2.useLanguageStore | Partial<Local_DTO_2.useLanguageStore>), replace?: boolean | undefined, action?: A | undefined): void;
}, "setState"> & {
setState(nextStateOrUpdater: Local_DTO_2.useLanguageStore | Partial<Local_DTO_2.useLanguageStore> | ((state: WritableDraft<Local_DTO_2.useLanguageStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
type: string;
} | undefined): void;
}>;

/**
 * @public
 */
export declare const useOIDCAuth: () => AuthContextProps;

declare enum UserTypes {
    None = "None",
    Employee = "Employee",
    Student = "K12Student",
    Parent = "ParentGuardian"
}

export declare function useSidebar(): SidebarContext;

export declare const useSwitchData: () => (arValue?: string, enValue?: string) => string;

export declare function useToast(): {
    toast: typeof toast;
    dismiss: (toastId?: string) => void;
    toasts: ToasterToast[];
};

/**
 * A custom hook to update cached data in React Query.
 *
 * @template T - The type of the data in the cache.
 * @returns {(key: QueryKey, updater: T | UpdaterFunction<T>) => void} - A function to update the cached data.
 */
export declare const useUpdateCachedData: <T>(queryClient: QueryClient) => (key: QueryKey, updater: T | UpdaterFunction<T>) => void;

export { useWatch }

declare type ValueType = string | number;

export declare const Widget: React_2.ForwardRefExoticComponent<WidgetProps & React_2.RefAttributes<HTMLDivElement>>;

export declare interface WidgetActionItem extends Partial<ButtonProps> {
    label: string;
    icon?: React_2.ReactNode;
    onClick: () => void;
    'data-testid'?: string;
}

export declare const WidgetActions: {
    ({ actions }: WidgetActionsProps): JSX_2.Element;
    displayName: string;
};

declare interface WidgetActionsProps extends React_2.HTMLAttributes<HTMLDivElement> {
    actions: WidgetActionItem[];
}

declare type WidgetBaseProps = Pick<WidgetProps, 'config' | 'isEditMode' | 'onConfigChange' | 'isDragOverlay' | 'isOver' | 'isDragging'>;

declare interface WidgetConfig {
    alias: string;
    title: string;
    titleEn: string;
    description?: string;
    descriptionEn?: string;
    srcImage?: string;
    srcImageEn?: string;
    size: WidgetSize;
    isVisible: boolean;
    isEditable: boolean;
    isMandatory: boolean;
    isResizable: boolean;
    containerValue?: string;
}

export declare const WidgetContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    direction?: "col" | "row" | null | undefined;
} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;

export declare const WidgetHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

declare interface WidgetProps extends React.HTMLAttributes<HTMLDivElement> {
    config: WidgetConfig;
    isEditMode: boolean;
    onConfigChange?: (changes: Partial<WidgetConfig>) => void;
    isDragOverlay?: boolean;
    isOver?: boolean;
    isDragging?: boolean;
}

declare type WidgetSize = 'half' | 'full';

export declare const WidgetTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLDivElement>>;

export { }


declare namespace Calendar {
    var displayName: string;
}