@yusr_systems/ui 2.0.1 → 2.0.2

package/dist/index.d.ts

@@ -1 +1,1151 @@
-export {}
+import { ActionCreatorWithPayload } from '@reduxjs/toolkit';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { AsyncThunk } from '@reduxjs/toolkit';
+import { AsyncThunkConfig } from '@reduxjs/toolkit';
+import { AuthState } from '../../../yusr-core/src/auth';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { BaseApiService } from '../../../../../yusr-core/src/networking';
+import { BaseEntity } from '../../../../../yusr-core/src/entities';
+import { BaseEntity as BaseEntity_2 } from '../../../../yusr-core/src/entities';
+import { BaseFilterableApiService } from '../../../../yusr-core/src/networking';
+import { CaseReducerActions } from '@reduxjs/toolkit';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ColumnName } from '../../../../../yusr-core/src/types';
+import { Combobox as Combobox_2 } from '@base-ui/react/combobox';
+import { Command as Command_2 } from 'cmdk';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { DayButton } from 'react-day-picker';
+import { DayPicker } from 'react-day-picker';
+import { default as default_2 } from 'embla-carousel-react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as Direction from '@radix-ui/react-direction';
+import { Dispatch } from 'redux';
+import { Draft } from 'immer';
+import { Drawer as Drawer_2 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { EnhancedStore } from '@reduxjs/toolkit';
+import { FilterCondition } from '../../../../../yusr-core/src/entities';
+import { FilterCondition as FilterCondition_2 } from '../../../../yusr-core/src/entities';
+import { FilterResult } from '../../../../../yusr-core/src/types';
+import { FilterResult as FilterResult_2 } from '../../../../yusr-core/src/types';
+import { JSX } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Locale } from 'react-day-picker';
+import { PayloadAction } from '@reduxjs/toolkit';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { PropsWithChildren } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { Reducer } from 'redux';
+import { ReducersMapObject } from '@reduxjs/toolkit';
+import { RequestResult } from '../../../../yusr-core/src/types';
+import { ResourcePermissions } from '../../../../../yusr-core/src/auth/permissionSelector';
+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 { Slice } from '@reduxjs/toolkit';
+import { SliceCaseReducers } from '@reduxjs/toolkit';
+import { SliceSelectors } from '@reduxjs/toolkit';
+import { StorageFile } from '../../../../../yusr-core/src/entities';
+import { StoreEnhancer } from 'redux';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { ThunkDispatch } from 'redux-thunk';
+import { ToasterProps } from 'sonner';
+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 { Tuple } from '@reduxjs/toolkit';
+import { TypedUseSelectorHook } from 'react-redux';
+import { UnknownAction } from '@reduxjs/toolkit';
+import { UnknownAction as UnknownAction_2 } from 'redux';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+import { ValidationRule } from '../../../yusr-core/src/validation/validationRule';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>): JSX.Element;
+
+export declare function AlertAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element;
+
+export declare function AlertDialogAction({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+
+export declare function AlertDialogCancel({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+
+export declare function AlertDialogContent({ className, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: "default" | "sm";
+}): JSX.Element;
+
+export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Description>): JSX.Element;
+
+export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogOverlay({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Overlay>): JSX.Element;
+
+export declare function AlertDialogPortal({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Portal>): JSX.Element;
+
+export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Title>): JSX.Element;
+
+export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>): JSX.Element;
+
+export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare type AppStore = ReturnType<typeof createInternalStore>;
+
+export declare function Avatar({ className, size, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): JSX.Element;
+
+export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Fallback>): JSX.Element;
+
+export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Image>): JSX.Element;
+
+export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function BaseInput({ isInvalid, className, ...props }: BaseInputProps): JSX.Element;
+
+export declare interface BaseInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    isInvalid?: boolean;
+}
+
+export declare function Breadcrumb({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+
+export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
+
+export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
+}): JSX.Element;
+
+export declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React_2.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): JSX.Element;
+
+export declare function Card({ className, size, ...props }: React_2.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): JSX.Element;
+
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare type CardProps = {
+    title: string;
+    data: string;
+    icon: ReactNode;
+};
+
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React_2.ComponentProps<"div"> & CarouselProps): JSX.Element;
+
+export declare type CarouselApi = UseEmblaCarouselType[1];
+
+export declare function CarouselContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type CarouselContextProps = {
+    carouselRef: ReturnType<typeof default_2>[0];
+    api: ReturnType<typeof default_2>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+
+export declare function CarouselItem({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CarouselNext({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare type CarouselOptions = UseCarouselParameters[0];
+
+declare type CarouselPlugin = UseCarouselParameters[1];
+
+export declare function CarouselPrevious({ className, variant, size, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+declare type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+
+export declare interface ChangeDialogProps<T extends BaseEntity> extends SaveButtonProps<T>, PropsWithChildren {
+    title: string;
+    description?: string;
+    className?: string;
+}
+
+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 function ChartContainer({ id, className, children, config, ...props }: React_2.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): JSX.Element;
+
+export declare const ChartLegend: React_2.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React_2.ReactPortal | null>;
+
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey }: React_2.ComponentProps<"div"> & {
+    payload?: any[];
+    verticalAlign?: "top" | "bottom" | "middle";
+} & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): JSX.Element | null;
+
+export declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => JSX.Element | null;
+
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }: React_2.ComponentProps<typeof RechartsPrimitive.Tooltip> & React_2.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    payload?: any[];
+    label?: any;
+}): JSX.Element | null;
+
+export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare const Combobox: typeof Combobox_2.Root;
+
+export declare function ComboboxChip({ className, children, showRemove, ...props }: Combobox_2.Chip.Props & {
+    showRemove?: boolean;
+}): JSX.Element;
+
+export declare function ComboboxChips({ className, ...props }: React_2.ComponentPropsWithRef<typeof Combobox_2.Chips> & Combobox_2.Chips.Props): JSX.Element;
+
+export declare function ComboboxChipsInput({ className, ...props }: Combobox_2.Input.Props): JSX.Element;
+
+export declare function ComboboxCollection({ ...props }: Combobox_2.Collection.Props): JSX.Element;
+
+export declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: Combobox_2.Popup.Props & Pick<Combobox_2.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): JSX.Element;
+
+export declare function ComboboxEmpty({ className, ...props }: Combobox_2.Empty.Props): JSX.Element;
+
+export declare function ComboboxGroup({ className, ...props }: Combobox_2.Group.Props): JSX.Element;
+
+export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox_2.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): JSX.Element;
+
+export declare function ComboboxItem({ className, children, ...props }: Combobox_2.Item.Props): JSX.Element;
+
+export declare function ComboboxLabel({ className, ...props }: Combobox_2.GroupLabel.Props): JSX.Element;
+
+export declare function ComboboxList({ className, ...props }: Combobox_2.List.Props): JSX.Element;
+
+export declare function ComboboxSeparator({ className, ...props }: Combobox_2.Separator.Props): JSX.Element;
+
+export declare function ComboboxTrigger({ className, children, ...props }: Combobox_2.Trigger.Props): JSX.Element;
+
+export declare function ComboboxValue({ ...props }: Combobox_2.Value.Props): JSX.Element;
+
+export declare function Command({ className, ...props }: React_2.ComponentProps<typeof Command_2>): JSX.Element;
+
+export declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function CommandEmpty({ className, ...props }: React_2.ComponentProps<typeof Command_2.Empty>): JSX.Element;
+
+export declare function CommandGroup({ className, ...props }: React_2.ComponentProps<typeof Command_2.Group>): JSX.Element;
+
+export declare function CommandInput({ className, ...props }: React_2.ComponentProps<typeof Command_2.Input>): JSX.Element;
+
+export declare function CommandItem({ className, children, ...props }: React_2.ComponentProps<typeof Command_2.Item>): JSX.Element;
+
+export declare function CommandList({ className, ...props }: React_2.ComponentProps<typeof Command_2.List>): JSX.Element;
+
+export declare function CommandSeparator({ className, ...props }: React_2.ComponentProps<typeof Command_2.Separator>): JSX.Element;
+
+export declare function CommandShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare type CommonChangeDialogProps<T extends BaseEntity> = {
+    entity?: T;
+    mode: DialogMode;
+    service: BaseApiService<T>;
+    onSuccess?: (newData: T, mode: DialogMode) => void;
+};
+
+export declare function ContextMenu({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
+
+export declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function ContextMenuContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): JSX.Element;
+
+export declare function ContextMenuGroup({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Group>): JSX.Element;
+
+export declare function ContextMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
+
+export declare function ContextMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function ContextMenuPortal({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Portal>): JSX.Element;
+
+export declare function ContextMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element;
+
+export declare function ContextMenuRadioItem({ className, children, inset, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function ContextMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element;
+
+export declare function ContextMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function ContextMenuSub({ ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element;
+
+export declare function ContextMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element;
+
+export declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function ContextMenuTrigger({ className, ...props }: React_2.ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element;
+
+export declare function createGenericDialogSlice<T>(sliceName: string): Slice<IDialogState<T>, {
+    openChangeDialog: (state: {
+        selectedRow: T | null extends infer V ? V extends object ? Draft<V> : V : never;
+        isChangeDialogOpen: boolean;
+        isDeleteDialogOpen: boolean;
+    }, action: PayloadAction<T>) => void;
+    openDeleteDialog: (state: {
+        selectedRow: T | null extends infer V ? V extends object ? Draft<V> : V : never;
+        isChangeDialogOpen: boolean;
+        isDeleteDialogOpen: boolean;
+    }, action: PayloadAction<T>) => void;
+    setIsChangeDialogOpen: (state: {
+        selectedRow: T | null extends infer V ? V extends object ? Draft<V> : V : never;
+        isChangeDialogOpen: boolean;
+        isDeleteDialogOpen: boolean;
+    }, action: PayloadAction<boolean>) => void;
+    setIsDeleteDialogOpen: (state: {
+        selectedRow: T | null extends infer V ? V extends object ? Draft<V> : V : never;
+        isChangeDialogOpen: boolean;
+        isDeleteDialogOpen: boolean;
+    }, action: PayloadAction<boolean>) => void;
+}, string, string, SliceSelectors<IDialogState<T>>>;
+
+export declare function createGenericEntitySlice<T extends BaseEntity_2, CR extends SliceCaseReducers<IEntityState<T>> = {}>(sliceName: string, service: BaseFilterableApiService<T>, filterMethod?: FilterMethodType<T>, customReducers?: CR): {
+    reducer: Reducer<IEntityState<T>>;
+    actions: CaseReducerActions<{
+        setCurrentPage: (state: {
+            entities: {
+                data: Draft<T>[] | undefined;
+                count: number;
+            };
+            isLoaded: boolean;
+            isLoading: boolean;
+            currentPage: number;
+            rowsPerPage: number;
+        }, action: PayloadAction<number>) => void;
+        refresh: (state: {
+            entities: {
+                data: Draft<T>[] | undefined;
+                count: number;
+            };
+            isLoaded: boolean;
+            isLoading: boolean;
+            currentPage: number;
+            rowsPerPage: number;
+        }, action: PayloadAction<{
+            data?: T;
+            deletedId?: number;
+        }>) => void;
+    } & CR, string> & {
+        filter: AsyncThunk<FilterResult_2<T> | undefined, FilterCondition_2 | undefined, AsyncThunkConfig>;
+    };
+};
+
+export declare const createInternalStore: <TUser extends object, TSetting extends object>(externalReducers?: ReducersMapObject) => EnhancedStore<{
+    auth: AuthState<object, object>;
+}, UnknownAction_2, Tuple<[ StoreEnhancer<{
+    dispatch: ThunkDispatch<{
+        auth: AuthState<object, object>;
+    }, undefined, UnknownAction_2>;
+}>, StoreEnhancer]>>;
+
+export declare interface CrudActions<T extends BaseEntity> {
+    filter: AsyncThunk<FilterResult<T> | undefined, FilterCondition | undefined, object>;
+    openChangeDialog: (entity: T) => UnknownAction;
+    openDeleteDialog: (entity: T) => UnknownAction;
+    setIsChangeDialogOpen: (open: boolean) => UnknownAction;
+    setIsDeleteDialogOpen: (open: boolean) => UnknownAction;
+    refresh: ActionCreatorWithPayload<{
+        newData?: T;
+        deletedId?: number;
+    }>;
+    setCurrentPage: (page: number) => UnknownAction;
+}
+
+export declare type CrudPageProps<T extends BaseEntity> = PropsWithChildren & {
+    entityState: IEntityState<T>;
+    useSlice: () => IDialogState<T>;
+    actions: CrudActions<T>;
+    permissions: ResourcePermissions;
+    entityName: string;
+    title: string;
+    addNewItemTitle: string;
+    cards: CardProps[];
+    columnsToFilter: ColumnName[];
+    service: BaseApiService<T>;
+    tableHeadRows: TableHeadRow[];
+    tableRowMapper: (entity: T) => TableBodyRowInfo[];
+    ChangeDialog: React.ReactNode;
+};
+
+export declare function DateField({ label, error, isInvalid, required, ...props }: DateFieldProps): JSX.Element;
+
+declare interface DateFieldProps extends DateInputProps {
+    label: string;
+    error?: string;
+    required?: boolean;
+}
+
+export declare function DateInput({ value, onChange, isInvalid, placeholder, locale }: DateInputProps): JSX.Element;
+
+export declare interface DateInputProps {
+    value?: Date;
+    onChange: (date: Date | undefined) => void;
+    isInvalid?: boolean;
+    placeholder?: string;
+    locale?: any;
+}
+
+export declare function DateTimeField({ label, error, isInvalid, required, ...props }: DateTimeFieldProps): JSX.Element;
+
+declare interface DateTimeFieldProps extends DateTimeInputProps {
+    label: string;
+    error?: string;
+    required?: boolean;
+}
+
+export declare function DateTimeInput({ value, onChange, isInvalid, locale }: DateTimeInputProps): JSX.Element;
+
+export declare interface DateTimeInputProps {
+    value?: Date;
+    onChange: (date: Date) => void;
+    isInvalid?: boolean;
+    locale?: any;
+}
+
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
+
+export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+
+export declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare type DialogMode = "create" | "update";
+
+export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
+
+export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+
+export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
+
+export declare function DirectionProvider({ dir, direction, children }: React_2.ComponentProps<typeof Direction.DirectionProvider> & {
+    direction?: React_2.ComponentProps<typeof Direction.DirectionProvider>["dir"];
+}): JSX.Element;
+
+export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
+
+export declare function DrawerClose({ ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
+
+export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
+
+export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
+
+export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
+
+export declare function DrawerPortal({ ...props }: React_2.ComponentProps<typeof Drawer_2.Portal>): JSX.Element;
+
+export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
+
+export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
+
+export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
+
+export declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
+
+export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
+
+export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Portal>): JSX.Element;
+
+export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
+
+export declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
+
+export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
+
+export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): JSX.Element;
+
+export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
+
+export declare function Empty({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
+
+export declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): JSX.Element;
+
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): JSX.Element;
+
+export declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
+
+export declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): JSX.Element | null;
+
+export declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): JSX.Element;
+
+export declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): JSX.Element;
+
+export declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): JSX.Element;
+
+export declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): JSX.Element;
+
+export declare function FieldsSection({ title, children, columns, className }: FieldsSectionProps): JSX.Element;
+
+declare interface FieldsSectionProps {
+    title?: string;
+    children: React.ReactNode;
+    columns?: number;
+    className?: string;
+}
+
+export declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare type FilterMethodType<T> = (pageNumber: number, rowsPerPage: number, condition?: FilterCondition_2 | undefined) => Promise<RequestResult<FilterResult_2<T>>> | undefined;
+
+export declare function FormField({ label, error, isInvalid, children, required }: FormFieldProps): JSX.Element;
+
+declare interface FormFieldProps {
+    label: string;
+    error?: string;
+    isInvalid?: boolean;
+    children: React.ReactNode;
+    required?: boolean;
+}
+
+export declare interface IDialogState<T> {
+    selectedRow: T | null;
+    isChangeDialogOpen: boolean;
+    isDeleteDialogOpen: boolean;
+}
+
+declare interface IEntityState<T> {
+    entities: FilterResult_2<T>;
+    isLoaded: boolean;
+    isLoading: boolean;
+    currentPage: number;
+    rowsPerPage: number;
+}
+
+export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
+
+export declare function InputField({ label, error, isInvalid, required, ...props }: InputFieldProps): JSX.Element;
+
+export declare interface InputFieldProps extends BaseInputProps {
+    label: string;
+    error?: string;
+    required?: boolean;
+}
+
+export declare function InputGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
+
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-end" | "block-start" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React_2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): JSX.Element;
+
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function InputGroupInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
+
+export declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function InputGroupTextarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+
+export declare type InternalDispatch = AppStore['dispatch'];
+
+export declare type InternalRootState = ReturnType<AppStore['getState']>;
+
+export declare function isPDF(file?: StorageFile): boolean;
+
+export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
+
+export declare function NumberField({ label, error, isInvalid, required, ...props }: NumberFieldProps): JSX.Element;
+
+declare interface NumberFieldProps extends NumberInputProps {
+    label: string;
+    error?: string;
+    required?: boolean;
+}
+
+export declare function NumberInput({ onChange, min, max, isInvalid, className, ...props }: NumberInputProps): JSX.Element;
+
+export declare interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
+    isInvalid?: boolean;
+    onChange?: (val: number | undefined) => void;
+}
+
+export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+
+export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+
+export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+
+export declare function PaginationItem({ ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+
+declare type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React_2.ComponentProps<typeof Button>, "size"> & React_2.ComponentProps<"a">;
+
+export declare function PaginationNext({ className, text, ...props }: React_2.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): JSX.Element;
+
+export declare function PaginationPrevious({ className, text, ...props }: React_2.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): JSX.Element;
+
+export declare function PasswordField(props: InputFieldProps): JSX.Element;
+
+export declare function PhoneField(props: InputFieldProps): JSX.Element;
+
+export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
+
+export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
+
+export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
+
+export declare function PopoverDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element;
+
+export declare function PopoverHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function PopoverTitle({ className, ...props }: React_2.ComponentProps<"h2">): JSX.Element;
+
+export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
+
+export declare interface SaveButtonProps<T extends BaseEntity> {
+    formData: T | Partial<T>;
+    dialogMode?: DialogMode;
+    service?: BaseApiService<T>;
+    disable?: () => boolean;
+    onSuccess?: (newData: T) => void;
+    validate?: () => boolean;
+}
+
+export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
+
+export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
+
+export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
+
+export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
+
+export declare function SelectField({ label, error, required, isInvalid, ...props }: SelectInputProps & {
+    label: string;
+    error?: string;
+    required?: boolean;
+}): JSX.Element;
+
+export declare function SelectGroup({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Group>): JSX.Element;
+
+export declare function SelectInput({ value, onValueChange, options, placeholder, isInvalid, disabled }: SelectInputProps): JSX.Element;
+
+export declare interface SelectInputProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: string;
+    isInvalid?: boolean;
+    disabled?: boolean;
+}
+
+export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Item>): JSX.Element;
+
+export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
+
+export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element;
+
+export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element;
+
+export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
+
+export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): JSX.Element;
+
+export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Value>): JSX.Element;
+
+export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
+
+export declare function Sheet({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
+
+export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
+
+export declare function SheetContent({ className, children, side, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+
+export declare function SheetTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
+
+export declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): JSX.Element;
+
+export declare function SideBarCompanyData({ company }: {
+    company: {
+        name: string;
+        logo: string;
+    };
+}): JSX.Element;
+
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX.Element;
+
+export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
+
+export declare interface SidebarLogoProps {
+    logos: {
+        full: {
+            light: string;
+            dark: string;
+        };
+        collapsed: {
+            light: string;
+            dark: string;
+        };
+    };
+    alt?: string;
+}
+
+export declare function SideBarMainMenu({ items }: {
+    items: {
+        title: string;
+        url: string;
+        icon?: React.ReactNode;
+        hasAuth: boolean;
+    }[];
+}): JSX.Element;
+
+export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+
+export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
+
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+
+export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): JSX.Element;
+
+export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): JSX.Element;
+
+export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
+
+export declare function SideBarSecondaryMenu({ items, onLogout, ...props }: SideBarSecondaryMenuProps): JSX.Element;
+
+export declare interface SideBarSecondaryMenuProps extends React_2.ComponentPropsWithoutRef<typeof SidebarGroup> {
+    items: {
+        title: string;
+        url: string;
+        icon: React_2.ReactNode;
+    }[];
+    onLogout: () => void;
+}
+
+export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
+
+export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
+
+export declare function SideBarUserData<T extends UsernameObject>({ user }: {
+    user: T | undefined;
+}): JSX.Element;
+
+export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function Switch({ className, size, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root> & {
+    size?: "sm" | "default";
+}): JSX.Element;
+
+export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
+
+export declare type TableBodyRowInfo = {
+    rowName: string;
+    rowStyles: string;
+};
+
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
+
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
+
+export declare type TableHeadRow = {
+    rowName: string;
+    rowStyles: string;
+};
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
+
+export declare function Tabs({ className, orientation, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
+
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
+
+export declare function TabsList({ className, variant, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): JSX.Element;
+
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
+
+export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+
+export declare function TextAreaField({ label, error, isInvalid, required, ...props }: TextAreaInputProps & {
+    label: string;
+    error?: string;
+    required?: boolean;
+}): JSX.Element;
+
+export declare function TextAreaInput({ isInvalid, className, ...props }: TextAreaInputProps): JSX.Element;
+
+export declare interface TextAreaInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    isInvalid?: boolean;
+}
+
+export declare function TextField(props: InputFieldProps): JSX.Element;
+
+declare type Theme = "dark" | "light" | "system";
+
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): JSX.Element;
+
+declare type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+
+declare type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+export declare function ThemeToggle({ variant }: {
+    variant?: "icon" | "sidebar";
+}): JSX.Element;
+
+export declare function TitleSeparator({ title }: TitleSeparatorProps): JSX.Element;
+
+declare interface TitleSeparatorProps {
+    title: string;
+}
+
+export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
+
+export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): JSX.Element;
+
+export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
+
+export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+
+export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
+
+export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+
+export declare function useCarousel(): CarouselContextProps;
+
+declare type UseCarouselParameters = Parameters<typeof default_2>;
+
+export declare function useComboboxAnchor(): React_2.RefObject<HTMLDivElement | null>;
+
+export declare const useDirection: typeof Direction.useDirection;
+
+export declare function useDynamicList<T, K extends keyof T>(fieldName: K, setFormData: (updater: (prev: T) => T) => void, clearError: (field: string) => void): {
+    addRow: (newItem: any) => void;
+    removeRow: (index: number, reindexField?: string) => void;
+    updateRow: (index: number, subField: string, value: any) => void;
+};
+
+export declare function useEntityForm<T>(initialData: Partial<T> | undefined, rules: ValidationRule<Partial<T>>[]): {
+    errors: Record<string, string>;
+    getError: (field: string | keyof T) => string;
+    isInvalid: (field: string | keyof T) => boolean;
+    validate: () => boolean;
+    clearError: (field: string | keyof T) => void;
+    errorInputClass: (field: string) => "" | "border-red-600 dark:border-red-600 ring-red-600 text-red-600 placeholder:text-red-600";
+    formData: Partial<T>;
+    handleChange: (update: Partial<T> | ((prev: Partial<T>) => Partial<T>)) => void;
+};
+
+export declare function useFormValidation<T>(data: T, rules: ValidationRule<T>[]): {
+    errors: Record<string, string>;
+    getError: (field: keyof T | string) => string;
+    isInvalid: (field: keyof T | string) => boolean;
+    validate: () => boolean;
+    clearError: (field: keyof T | string) => void;
+    errorInputClass: (field: string) => "" | "border-red-600 dark:border-red-600 ring-red-600 text-red-600 placeholder:text-red-600";
+};
+
+export declare function useIsMobile(): boolean;
+
+declare interface UsernameObject {
+    username?: string;
+}
+
+export declare function useSidebar(): SidebarContextProps;
+
+export declare const useTheme: () => ThemeProviderState;
+
+export declare const useYusrDispatch: () => ThunkDispatch<{
+    auth: AuthState<object, object>;
+}, undefined, UnknownAction_2> & Dispatch<UnknownAction_2>;
+
+export declare const useYusrSelector: TypedUseSelectorHook<InternalRootState>;
+
+export { }