mada-design-system 0.0.9 → 0.0.11

package/index.es.d.ts

@@ -1,9 +1,12 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { AllowInDimension } from 'recharts/types/util/types';
+import { AnimationDuration } from 'recharts/types/util/types';
+import { AnimationTiming } from 'recharts/types/util/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { ButtonProps as ButtonProps_2 } from './button';
+import { CartesianViewBox } from 'recharts/types/util/types';
 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';
@@ -11,7 +14,9 @@ import { ClassValue } from 'clsx';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { ColumnDef } from '@tanstack/react-table';
 import { ComponentType } from 'react';
+import { ContentType } from 'recharts/types/component/Tooltip';
 import { ControllerProps } from 'react-hook-form';
+import { Coordinate } from 'recharts/types/util/types';
 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';
@@ -26,16 +31,20 @@ 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 { HTMLAttributes } from 'react';
 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 { NameType } from 'recharts/types/component/DefaultTooltipContent';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { Payload } from 'recharts/types/component/DefaultTooltipContent';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { PopoverProps } from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { PropsWithChildren } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { QueryKey } from '@tanstack/react-query';
 import { QuerySessionStatusArgs } from 'oidc-client-ts';
@@ -43,6 +52,7 @@ 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 * as RechartsPrimitive from 'recharts';
 import { RenderProps } from 'input-otp';
 import { RevokeTokensTypes } from 'oidc-client-ts';
 import { Row } from '@tanstack/react-table';
@@ -50,7 +60,6 @@ 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';
@@ -60,6 +69,7 @@ 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 { Slot } from '@radix-ui/react-slot';
 import { SlotProps } from '@radix-ui/react-slot';
 import { SlotProps as SlotProps_2 } from 'input-otp';
 import { StateCreator } from 'zustand';
@@ -71,6 +81,7 @@ 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 { UniqueOption } from 'recharts/types/util/payload/getUniqPayload';
 import { UseBoundStore } from 'zustand';
 import { useController } from 'react-hook-form';
 import { useFieldArray } from 'react-hook-form';
@@ -83,9 +94,12 @@ 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 { ValueType as ValueType_2 } from 'recharts/types/component/DefaultTooltipContent';
 import { VariantProps } from 'class-variance-authority';
 import { WritableDraft } from 'immer';
 
+declare type AcceptedFormatsType = Record<string, string[]>;
+
 export declare const accessibilityTools: UseBoundStore<Omit<Omit<StoreApi<Local_DTO_2.AccessibilityToolsStore>, "setState"> & {
 setState<A extends string | {
 type: string;
@@ -96,12 +110,17 @@ type: string;
 } | undefined): void;
 }>;
 
-export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: React_2.ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React_2.RefAttributes<HTMLDivElement>, "ref">) & AccordionToggleType) & 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>>;
 
+declare type AccordionToggleType = {
+    size?: 'default' | 'sm' | 'xs';
+    isLeading?: boolean;
+};
+
 export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare type Action = {
@@ -135,7 +154,9 @@ declare type Action_2 = {
     error: Error;
 };
 
-export declare const ActionLoader: () => JSX_2.Element;
+export declare const ActionLoader: ({ className }: {
+    className?: string;
+}) => JSX_2.Element;
 
 declare type ActionType = typeof actionTypes;
 
@@ -148,7 +169,7 @@ declare const actionTypes: {
 
 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;
+    colors?: "error" | "default" | "info" | "warning" | "primary" | "secondary" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -404,12 +425,27 @@ export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElemen
 
 export declare const badgeVariants: (props?: ({
     variant?: "default" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
     rounded?: "full" | "default" | null | undefined;
-    colors?: "default" | "primary" | "secondary" | "tertiary" | "error" | "warning" | "success" | "info" | "gray" | null | undefined;
+    colors?: "error" | "success" | "info" | "warning" | "primary" | "secondary" | "tertiary" | "gray" | null | undefined;
     disabled?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Bootstrap: ({ children, onLanguageChange, onDirChange }: BootstrapProps) => ReactNode;
+
+declare interface BootstrapProps extends PropsWithChildren {
+    onLanguageChange?: () => void;
+    onDirChange?: () => void;
+}
+
+declare interface BottomSectionProps {
+    basicLinks?: FooterLink[];
+    extraLinks?: FooterLink[];
+    bottomImages?: default_2.ReactNode[];
+    colors?: Colors;
+    showBasicLinks?: boolean;
+}
+
 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>>;
@@ -423,6 +459,7 @@ export declare const BreadcrumbItem: React_2.ForwardRefExoticComponent<Omit<Reac
 
 export declare const BreadcrumbLink: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     asChild?: boolean;
+    as?: typeof Slot;
     style?: React_2.CSSProperties;
 } & React_2.RefAttributes<HTMLAnchorElement>>;
 
@@ -430,6 +467,11 @@ export declare const BreadcrumbList: React_2.ForwardRefExoticComponent<Omit<Reac
 
 export declare const BreadcrumbPage: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
 
+export declare const Breadcrumbs: {
+    ({ items, dir }: PropsBreadcrumb): JSX_2.Element;
+    displayName: string;
+};
+
 export declare const BreadcrumbSeparator: {
     ({ children, className, ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
     displayName: string;
@@ -439,18 +481,20 @@ export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & Rea
 
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    tooltip?: string;
+    isLoading?: boolean;
 }
 
-declare interface ButtonPropsExtend extends ButtonProps {
+declare interface ButtonPropsExtend extends default_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof selectVariants> {
     isLoading?: boolean;
     isForm?: boolean;
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "icon" | "icon-sm" | null | undefined;
+    variant?: "link" | "text" | "default" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
     rounded?: "full" | "default" | null | undefined;
-    colors?: "default" | "primary" | "secondary" | "tertiary" | "error" | "warning" | "success" | "info" | "gray" | null | undefined;
+    colors?: "error" | "success" | "info" | "warning" | "primary" | "neutral" | "oncolor" | "secondary" | "tertiary" | "gray" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Calendar({ ishijri, lang, ...props }: {
@@ -476,7 +520,72 @@ export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 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 type ChartConfig = {
+    [k in string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare const ChartContainer: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ChartLegend: typeof RechartsPrimitive.Legend;
+
+export declare const ChartLegendContent: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign" | "payload"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => JSX_2.Element | null;
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+export declare const ChartTooltipContent: React_2.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType_2, NameType> & {
+    accessibilityLayer?: boolean;
+    active?: boolean | undefined;
+    includeHidden?: boolean | undefined;
+    allowEscapeViewBox?: AllowInDimension;
+    animationDuration?: AnimationDuration;
+    animationEasing?: AnimationTiming;
+    content?: ContentType<ValueType_2, NameType> | undefined;
+    coordinate?: Partial<Coordinate>;
+    cursor?: boolean | React_2.ReactElement | React_2.SVGProps<SVGElement>;
+    filterNull?: boolean;
+    defaultIndex?: number;
+    isAnimationActive?: boolean;
+    offset?: number;
+    payloadUniqBy?: UniqueOption<Payload<ValueType_2, NameType>> | undefined;
+    position?: Partial<Coordinate>;
+    reverseDirection?: AllowInDimension;
+    shared?: boolean;
+    trigger?: "hover" | "click";
+    useTranslate3d?: boolean;
+    viewBox?: CartesianViewBox;
+    wrapperStyle?: React_2.CSSProperties;
+} & React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    colors?: "primary" | "neutral" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function cn(...inputs: ClassValue[]): string;
 
@@ -486,6 +595,8 @@ export declare const CollapsibleContent: React_2.ForwardRefExoticComponent<Colla
 
 export declare const CollapsibleTrigger: React_2.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare type Colors = 'default' | 'neutral';
+
 export { ColumnDef }
 
 export declare const Combobox: default_2.FC<PopoverProps>;
@@ -508,14 +619,14 @@ export declare const ComboboxGroup: default_2.ForwardRefExoticComponent<Omit<Omi
     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"> & {
+export declare const ComboboxInput: default_2.ForwardRefExoticComponent<Omit<Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> & {
     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"> & {
+} & Omit<default_2.HTMLAttributes<HTMLDivElement>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -554,14 +665,14 @@ export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
     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"> & {
+export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "type"> & {
     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"> & {
+} & Omit<React_2.HTMLAttributes<HTMLDivElement>, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -634,7 +745,7 @@ export declare const dateFormatter: ({ date, format, isHijri, hasHijriFormat, }:
     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 const DatePicker: ({ placeholder, value, onChange, lang, rounded, defaultToToday, variant, className, colors, size, ...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;
 
@@ -646,12 +757,12 @@ export declare const DescriptionItem: default_2.ForwardRefExoticComponent<defaul
     title: string;
     icon?: GoogleMaterialIcon;
 } & VariantProps<(props?: ({
-    variant?: "default" | "list" | null | undefined;
+    variant?: "list" | "default" | 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;
+    padding?: "default" | "none" | null | undefined;
 } & ClassProp) | undefined) => string> & {
     children?: default_2.ReactNode | undefined;
 } & default_2.RefAttributes<HTMLDListElement>>;
@@ -691,12 +802,12 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const dlVariants: (props?: ({
-    variant?: "default" | "list" | null | undefined;
+    variant?: "list" | "default" | 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;
+    padding?: "default" | "none" | 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;
@@ -793,6 +904,67 @@ declare interface Extra_2 {
 
 export { FieldValues }
 
+export declare type FileInfo = {
+    id: string;
+    file: File;
+    progress: number;
+    status: 'uploading' | 'success' | 'error';
+    error?: string;
+};
+
+export declare function FileUpload({ acceptedFormats, onFileSelect, multiple, disabled, maxSize, maxFiles, }: FileUploadProps): JSX_2.Element;
+
+declare interface FileUploadProps {
+    acceptedFormats?: AcceptedFormatsType;
+    onFileSelect?: (files: FileInfo[], updateCallback: (id: string, progress: number, status: FileInfo['status'], error?: string) => void) => void;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    maxFiles?: number;
+}
+
+export declare const FilterGroup: default_2.ForwardRefExoticComponent<default_2.HtmlHTMLAttributes<HTMLDivElement> & {
+    label?: string;
+    onValueChange?: (value?: Value) => void;
+} & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const FilterSelect: ({ multi, data, placeholder, disabled, isLoading, rounded, size, name, defaultOpen }: FilterSelectProps) => JSX_2.Element;
+
+declare interface FilterSelectProps {
+    placeholder: string;
+    name: string;
+    multi?: boolean;
+    data: {
+        value: string;
+        label: string;
+    }[];
+    disabled?: boolean;
+    isLoading?: boolean;
+    rounded?: 'default' | 'full';
+    size?: 'default' | 'sm';
+    defaultOpen?: boolean;
+}
+
+export declare const Footer: ({ colors, ...props }: FooterProps) => JSX_2.Element;
+
+declare function FooterLink({ label, href, render, ...props }: FooterLinkProps): JSX_2.Element;
+
+declare interface FooterLink {
+    label: string;
+    href?: string;
+    render?: ReactNode;
+}
+
+declare interface FooterLinkProps extends FooterLink, LinkProps {
+}
+
+export declare interface FooterProps extends BottomSectionProps {
+    showGroupLinks?: boolean;
+    groupLinks?: GroupLink[];
+    socialMediaTitle: string;
+    socialMediaLinks: SocialLink[];
+}
+
 export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues> & {
     formId?: string;
 }) => JSX_2.Element;
@@ -835,9 +1007,9 @@ declare type GridProps = default_2.ComponentPropsWithoutRef<'div'> & VariantProp
 
 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;
+    gap?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
+    gapX?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 9 | 8 | null | undefined;
+    gapY?: 1 | 2 | 3 | 6 | 7 | 12 | 4 | 5 | 10 | 11 | "none" | 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;
@@ -845,6 +1017,11 @@ declare const gridStyles: (props?: ({
     justifyContent?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface GroupLink {
+    title: string;
+    links: FooterLink[];
+}
+
 export declare const handleArabicNumbers: (e: React.ChangeEvent<HTMLInputElement>, watch: any) => ChangeEvent<HTMLInputElement>;
 
 /**
@@ -856,7 +1033,7 @@ 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">>;
+} & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & default_2.RefAttributes<"symbol" | "object" | "code" | "label" | "stop" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "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" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
 
 /**
  * @public
@@ -927,15 +1104,23 @@ export declare const InputOTPSeparator: React_2.ForwardRefExoticComponent<Omit<R
 
 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 {
+export declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants>, Extra {
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "lighter" | null | undefined;
     rounded?: "full" | "default" | null | undefined;
-    colors?: "default" | "success" | "destructive" | null | undefined;
+    colors?: "default" | "destructive" | "success" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare type Item = {
+    title: string | string[];
+    path?: string;
+    state?: unknown;
+    render?: React_2.ReactNode;
+};
+
 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: {
@@ -954,13 +1139,24 @@ export declare const langRegex: {
     arSpaceRegex: RegExp;
 };
 
-declare type LegendTotalType = string[];
-
 export declare const LinesPerPage: ({ value, onChange }: {
     value: number;
     onChange: (value: string) => void;
 }) => JSX_2.Element;
 
+export declare const Link: React_2.ForwardRefExoticComponent<LinkProps & React_2.RefAttributes<HTMLAnchorElement>>;
+
+export declare interface LinkProps extends React_2.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
+    asChild?: boolean;
+}
+
+export declare const linkVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+    colors?: "primary" | "neutral" | "oncolor" | null | undefined;
+    underline?: "always" | "hover" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare namespace Local_DTO_2 {
     type User = {
         ProfilePicture?: string;
@@ -1103,25 +1299,35 @@ declare namespace Local_DTO_2 {
     };
 }
 
-export declare function MultiSelect<T extends ValueType>({ placeholder, options, selectedValues, onChange, disabled, size, dataTestId, rounded, }: MultiSelectProps<T>): JSX_2.Element;
+export declare function MultiSelect<T extends ValueType>({ placeholder, options, selectedValues, onChange, disabled, size, dataTestId, rounded, variant, colors, isLoading, className, }: MultiSelectProps<T>): JSX_2.Element;
 
-export declare interface MultiSelectProps<T extends ValueType> {
+export declare interface MultiSelectProps<T extends ValueType> extends VariantProps<typeof selectVariants> {
     placeholder: string;
-    options: {
-        label: string;
-        value: T;
-        icon?: ComponentType<{
-            className?: string;
-        }>;
-    }[];
+    options: Options<T>[];
     selectedValues: T[];
     onChange: (values: T[]) => void;
     disabled?: boolean;
-    size?: 'sm' | 'default';
     dataTestId?: string;
-    rounded?: 'default' | 'full';
+    className?: string;
+    isLoading?: boolean;
 }
 
+export declare const NavigationActions: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const NavigationHeader: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLHeadElement> & {
+    divider?: boolean;
+} & React_2.RefAttributes<HTMLHeadElement>>;
+
+export declare const NavigationHeaderLogo: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLAnchorElement> & {
+    logoSrc: string;
+    logoAlt?: string;
+} & React_2.RefAttributes<HTMLAnchorElement>>;
+
+export declare const NavigationMain: React_2.ForwardRefExoticComponent<React_2.HtmlHTMLAttributes<HTMLDivElement> & {
+    collapsed?: boolean;
+    onToggleCollapsed?: () => void;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
 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>>;
@@ -1130,7 +1336,7 @@ export declare const NavigationMenuIndicator: React_2.ForwardRefExoticComponent<
 
 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 NavigationMenuLink: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React_2.RefAttributes<HTMLAnchorElement>, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
 
 export declare const NavigationMenuList: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React_2.RefAttributes<HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
 
@@ -1140,6 +1346,31 @@ export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined)
 
 export declare const NavigationMenuViewport: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare const NavigationMobileHeader: ({ children, className, ...props }: React_2.HtmlHTMLAttributes<HTMLDivElement>) => JSX_2.Element;
+
+export declare const NavigationMobileLink: React_2.ForwardRefExoticComponent<React_2.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+} & React_2.RefAttributes<HTMLAnchorElement>>;
+
+export declare const NavigationMobileSideBar: ({ open, onOpenChange, children, }: React_2.PropsWithChildren<{
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}>) => JSX_2.Element;
+
+export declare const NavigationSearch: ({ onSearch, onValueChange, children, }: {
+    onSearch: (value: string) => void;
+    onValueChange?: (value: string) => void;
+    children?: React_2.ReactNode;
+}) => JSX_2.Element;
+
+export declare const NavigationSwitchLanguage: ({ onValueChange }: {
+    onValueChange?: () => void;
+}) => JSX_2.Element;
+
+export declare const NavigationSwitchTheme: ({ colors }: {
+    colors: ButtonProps["colors"];
+}) => JSX_2.Element;
+
 export declare interface OIDCConfig {
     clientId: string;
     clientSecret: string;
@@ -1154,6 +1385,14 @@ export declare interface OIDCConfig {
  */
 export declare const oidcReducer: (state: AuthState, action: Action_2) => AuthState;
 
+declare type Options<T> = {
+    label: string;
+    value: T;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+};
+
 export declare const PageLoader: () => JSX_2.Element;
 
 export declare const Pagination: ({ totalItems, onPageChange, selectedPage, className, withoutText, itemsPerPage }: Props_2) => JSX_2.Element | null;
@@ -1164,20 +1403,6 @@ export declare const PaginationDescription: ({ currentPage, totalCount, limit }:
     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>>;
@@ -1191,12 +1416,12 @@ export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPr
 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';
+    colors?: 'bg-primary' | 'bg-secondary' | 'bg-tertiary' | 'bg-error' | 'bg-warning' | 'bg-success' | 'bg-info' | 'bg-secondary-light' | 'bg-disabled';
     icon?: React_2.ReactNode;
     rounded?: boolean;
 }
 
-declare interface Props<T> extends VariantProps<typeof buttonVariants> {
+declare interface Props<T> extends VariantProps<typeof selectVariants> {
     options?: T[];
     optionLabel: keyof T;
     optionValue: keyof T;
@@ -1220,15 +1445,20 @@ declare interface Props_2 {
     itemsPerPage?: number;
 }
 
-declare interface Props_3 {
+declare interface Props_3 extends VariantProps<typeof selectVariants> {
     lang: 'ar' | 'en';
     placeholder?: string | null;
     value: Date | string | null | undefined;
     onChange: (value: string) => void;
-    rounded?: ButtonProps['rounded'];
     defaultToToday?: boolean;
+    className?: string;
 }
 
+declare type PropsBreadcrumb = {
+    items: Item[];
+    dir?: 'rtl' | 'ltr';
+};
+
 /**
  * Represents the state of a query.
  *
@@ -1273,12 +1503,24 @@ declare type QueryState<T> = {
     refetch: () => void;
 };
 
-export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    colors?: "primary" | "neutral" | null | undefined;
+} & ClassProp) | undefined) => string> & 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 function ResponsiveScroll({ children, scrollAmount, margin, className, buttonClassName }: ResponsiveScrollProps): JSX_2.Element;
+
+declare interface ResponsiveScrollProps {
+    children: React_2.ReactNode;
+    scrollAmount?: number;
+    className?: string;
+    margin?: number;
+    buttonClassName?: string;
+}
+
 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>>;
@@ -1296,7 +1538,21 @@ declare interface SearchInputProps {
     className?: string;
 }
 
-export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+export declare const SecondNavHeader: ({ colors, hideDivider, className, ...props }: SecondNavHeaderProps) => JSX_2.Element;
+
+export declare const SecondNavHeaderAction: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX_2.Element;
+
+export declare const SecondNavHeaderContent: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX_2.Element;
+
+declare interface SecondNavHeaderProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof secondNavHeaderVariants> {
+}
+
+declare const secondNavHeaderVariants: (props?: ({
+    colors?: "primary" | "gray" | null | undefined;
+    hideDivider?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Select: ({ variant, size, colors, rounded, children, ...props }: React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & VariantProps<typeof selectVariants>) => JSX_2.Element;
 
 export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -1316,18 +1572,14 @@ export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<Selec
 
 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;
-};
+export declare const selectVariants: (props?: ({
+    variant?: "default" | "outline" | "lighter" | null | undefined;
+    rounded?: "full" | "default" | null | undefined;
+    colors?: "default" | "destructive" | "success" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-declare type SeriesType = {
-    name: string;
-    data: seriesDataType[];
-    colors?: string[];
-    innerSize?: string;
-}[];
+export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const setLanguage: (lang: string) => void;
 
@@ -1383,7 +1635,7 @@ export declare const SheetTitle: default_2.ForwardRefExoticComponent<Omit<Dialog
 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;
+    side?: "top" | "center" | "right" | "bottom" | "left" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const ShouldRender: FC<ShouldRenderProps>;
@@ -1524,15 +1776,21 @@ export declare interface SliderPaginationProps {
     disabled?: boolean;
 }
 
+declare interface SocialLink {
+    title?: string;
+    target: string;
+    icon: default_2.ReactNode;
+}
+
 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;
+    gap?: 1 | 2 | 3 | 6 | 7 | "small" | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
+    gapX?: 1 | 2 | 3 | 6 | 7 | "small" | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 9 | 8 | null | undefined;
+    gapY?: 1 | 2 | 3 | 6 | 7 | "small" | 12 | 4 | 5 | 10 | 11 | "medium" | "none" | 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;
@@ -1597,14 +1855,22 @@ BackToHome: string;
 NoDataFound: string;
 showResults: string;
 reset: string;
+CopiedSuccessfully: string;
+comma: string;
+accessibilityTools: string;
+sortBy: string;
+siteLanguageText: string;
+lightMode: string;
+darkMode: string;
 };
 Footer: {
-TermsOfUse: string;
-PrivacyPolicy: string;
-InformationProtection: string;
-Colors: string;
-VoiceCommands: string;
-CopyRights: string;
+KSA: string;
+TermsAndConditions: string;
+PolicyAndPrivacy: string;
+RegulationsPolicies: string;
+Rights: string;
+Version: string;
+DevelopedByTetco: string;
 };
 DragAndDrop: {
 SaveCustomization: string;
@@ -1615,6 +1881,28 @@ Width: string;
 Show: string;
 AddToDashboard: string;
 };
+Attachments: {
+error: string;
+Attachments: string;
+AddAttachment: string;
+dragFiles: string;
+browseFile: string;
+uploadFiles: string;
+allowedFormats: string;
+maxSize: string;
+ApplyFile: string;
+maxAcceptedFilesCount: string;
+attachedFile: string;
+};
+Accessibility: {
+Accessibility: string;
+FontSize: string;
+IncreaseFontSize: string;
+DecreaseFontSize: string;
+ColorContrast: string;
+SignLanguage: string;
+VoiceCommands: string;
+};
 } | {
 messages: {
 exceedlimitedField: string;
@@ -1669,14 +1957,22 @@ BackToHome: string;
 NoDataFound: string;
 showResults: string;
 reset: string;
+CopiedSuccessfully: string;
+comma: string;
+accessibilityTools: string;
+sortBy: string;
+siteLanguageText: string;
+lightMode: string;
+darkMode: string;
 };
 Footer: {
-TermsOfUse: string;
-PrivacyPolicy: string;
-InformationProtection: string;
-Colors: string;
-VoiceCommands: string;
-CopyRights: string;
+KSA: string;
+TermsAndConditions: string;
+PolicyAndPrivacy: string;
+RegulationsPolicies: string;
+Rights: string;
+Version: string;
+DevelopedByTetco: string;
 };
 DragAndDrop: {
 SaveCustomization: string;
@@ -1687,6 +1983,28 @@ Width: string;
 Show: string;
 AddToDashboard: string;
 };
+Attachments: {
+error: string;
+Attachments: string;
+AddAttachment: string;
+dragFiles: string;
+browseFile: string;
+uploadFiles: string;
+allowedFormats: string;
+maxSize: string;
+ApplyFile: string;
+maxAcceptedFilesCount: string;
+attachedFile: string;
+};
+Accessibility: {
+Accessibility: string;
+FontSize: string;
+IncreaseFontSize: string;
+DecreaseFontSize: string;
+ColorContrast: string;
+SignLanguage: string;
+VoiceCommands: string;
+};
 }>;
 
 export { SubmitHandler }
@@ -1718,6 +2036,10 @@ export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPri
 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;
+    size?: "default" | "sm" | null | undefined;
+    disabled?: boolean | null | undefined;
+    underline?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | 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>>;
@@ -1725,9 +2047,13 @@ export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPri
 export declare const tabVariants: (props?: ({
     container?: "transparent" | "underline" | "filled" | null | undefined;
     variant?: "transparent" | "underline" | "filled" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+    disabled?: boolean | null | undefined;
+    underline?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | 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">>;
+declare const Text_2: default_2.ForwardRefExoticComponent<TextProps<AllowedElements_2> & default_2.RefAttributes<"symbol" | "object" | "code" | "label" | "stop" | "map" | "filter" | "search" | "big" | "link" | "small" | "sub" | "sup" | "s" | "dd" | "a" | "button" | "div" | "form" | "h2" | "h3" | "img" | "input" | "li" | "nav" | "ol" | "p" | "span" | "svg" | "ul" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "cite" | "col" | "colgroup" | "data" | "datalist" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "h1" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "keygen" | "legend" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "var" | "video" | "wbr" | "webview" | "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" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | default_2.ComponentClass<any, any> | default_2.FunctionComponent<any>>>;
 export { Text_2 as Text }
 
 export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
@@ -1736,9 +2062,9 @@ export declare interface TextareaProps extends React_2.TextareaHTMLAttributes<HT
 }
 
 declare const textAreaVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "lighter" | null | undefined;
     rounded?: "full" | "default" | null | undefined;
-    colors?: "default" | "success" | "destructive" | null | undefined;
+    colors?: "default" | "destructive" | "success" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare type TextProps<T extends AllowedElements_2 = 'span'> = {
@@ -1747,8 +2073,24 @@ declare type TextProps<T extends AllowedElements_2 = 'span'> = {
     children: ReactNode;
 } & default_2.ComponentPropsWithoutRef<T>;
 
+declare enum THEME {
+    LIGHT = 1,
+    DARK = 2,
+    SYSTEM = 3
+}
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+declare interface ThemeStore {
+    theme: THEME | string;
+    setTheme: (newTheme: THEME) => void;
+}
+
 export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "info" | "warning" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
 
 export declare function toast({ ...props }: Toast_2): {
@@ -1776,6 +2118,13 @@ export declare type ToasterToast = ToastProps & {
     action?: ToastActionElement;
 };
 
+export declare const ToastIcon: {
+    ({ icon }: {
+        icon?: React_2.ReactNode;
+    }): JSX_2.Element;
+    displayName: string;
+};
+
 export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
 
 export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
@@ -1786,26 +2135,26 @@ export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<Toast
 
 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;
+    size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    colors?: "default" | "oncolor" | "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;
+    size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    colors?: "default" | "oncolor" | "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;
+    size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    colors?: "default" | "oncolor" | "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;
+    size?: "default" | "sm" | "xs" | "icon" | "icon-sm" | "icon-xs" | "fit" | null | undefined;
+    colors?: "default" | "oncolor" | "gray" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
@@ -1816,8 +2165,6 @@ export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProvide
 
 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;
@@ -1896,10 +2243,22 @@ declare enum UserTypes {
     Parent = "ParentGuardian"
 }
 
+export declare const useShareLink: (text: string) => void;
+
 export declare function useSidebar(): SidebarContext;
 
 export declare const useSwitchData: () => (arValue?: string, enValue?: string) => string;
 
+export declare const useThemeStore: UseBoundStore<Omit<Omit<StoreApi<ThemeStore>, "setState"> & {
+setState<A extends string | {
+type: string;
+}>(partial: ThemeStore | Partial<ThemeStore> | ((state: ThemeStore) => ThemeStore | Partial<ThemeStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+setState(nextStateOrUpdater: ThemeStore | Partial<ThemeStore> | ((state: WritableDraft<ThemeStore>) => void), shouldReplace?: boolean | undefined, action?: string | {
+type: string;
+} | undefined): void;
+}>;
+
 export declare function useToast(): {
     toast: typeof toast;
     dismiss: (toastId?: string) => void;
@@ -1916,6 +2275,10 @@ export declare const useUpdateCachedData: <T>(queryClient: QueryClient) => (key:
 
 export { useWatch }
 
+declare type Value = {
+    [name: string]: string | string[];
+};
+
 declare type ValueType = string | number;
 
 export declare const Widget: React_2.ForwardRefExoticComponent<WidgetProps & React_2.RefAttributes<HTMLDivElement>>;