@ya-accelerators/nextjs-framework 0.0.100 → 0.0.101

package/dist/ui/composite/index.d.ts

@@ -1,80 +1,258 @@
 import * as button from './button';
+import * as form from './form';
+import * as table from './table';
+import * as toast from './toast';
 export declare const Composite: {
-    PageTitle: ({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
-        routes?: {
-            label: string;
-            href: string;
-        }[];
-        title: string;
-        actions?: {
-            path: string;
-            button?: import("react").ComponentProps<typeof button.Button>;
+    LoadingOverlay: (props: import("react").ComponentProps<typeof import("../component/loading").LoadingSpinner>) => import("react").JSX.Element;
+    ModalCard: ({ showCloseButton, onClickClose, id, className, children, ...props }: {
+        showCloseButton?: boolean;
+        onClickClose?: (id?: string) => void;
+        id?: string;
+    } & import("react").ComponentProps<typeof import("../component/card").Card>) => import("react").JSX.Element;
+    ModalOverlay: ({ items, onDismiss, }: {
+        items: {
+            id: string;
+            rounded?: import("..").Rounded;
+            title?: string;
+            message?: string;
             content?: import("react").ReactNode;
+            actions?: {
+                default?: boolean;
+                label: string;
+                color?: import("..").ColorTypes;
+                onClick?: () => void;
+            }[];
+            showCloseButton?: boolean;
+            dismissOnBarrierClick?: boolean;
         }[];
-        back?: boolean;
-        keepRoutesSpace?: boolean;
-        showTitle?: boolean;
+        onDismiss: (id?: string) => void;
+    }) => import("react").JSX.Element | null;
+    ToastPosition: {
+        readonly topLeft: 'topLeft';
+        readonly topCenter: 'topCenter';
+        readonly topRight: 'topRight';
+        readonly bottomLeft: 'bottomLeft';
+        readonly bottomCenter: 'bottomCenter';
+        readonly bottomRight: 'bottomRight';
+    };
+    Toast: ({ color, position, onClickClose, body, ...props }: {
+        color: import("..").ColorTypes;
+        position?: toast.ToastPosition;
+        onClickClose: () => void;
+        body: string;
+    } & Omit<import("react").ComponentProps<typeof import("../component/card").Card>, 'children'>) => import("react").JSX.Element;
+    Accordion: ({ items, multiple, rounded, className, }: {
+        items: {
+            label: string;
+            content: import("react").ReactNode;
+            defaultOpen?: boolean;
+        }[];
+        multiple?: boolean;
+        rounded?: import("..").Rounded;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Alert: ({ color, title, icon, rounded, actions, onClickClose, className, body, }: {
+        color?: import("..").ColorTypes;
+        title?: string;
+        icon?: import("..").IconType;
+        rounded?: import("..").Rounded;
+        actions?: import("react").ReactNode;
+        onClickClose?: () => void;
         className?: string;
+        body?: string;
     }) => import("react").JSX.Element;
-    Label: ({ color, size, rounded, border, label, icon, className, ...props }: {
+    Avatar: ({ src, name, color, size, rounded, className, }: {
+        src?: string;
+        name?: string;
+        color?: import("..").ColorTypes;
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Button: (buttonProps: ((({
+        variant: 'image';
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, 'alt' | 'fill' | 'width' | 'height'> & {
+            square?: boolean;
+        };
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "color">, "icon">) | ({
+        variant: 'colored';
+    } & {
         color: import("..").ColorTypes;
+        container?: boolean;
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, 'alt' | 'fill' | 'width' | 'height'> & {
+            square?: boolean;
+        };
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "color">, "image">)) & {
+        action?: import("../..").ModalProps;
+    }) | ({
+        variant: 'image';
+    } & Omit<{
         size?: import("..").ControlSize;
         rounded?: import("..").Rounded;
         border?: import("..").BorderProps;
         label?: string;
         icon?: import("..").IconType;
-    } & Omit<import("react").ComponentProps<"label">, "color">) => import("react").JSX.Element;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, 'alt' | 'fill' | 'width' | 'height'> & {
+            square?: boolean;
+        };
+        disabled?: boolean;
+    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+        children?: React.ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>, "children" | "color" | "disabled" | "onClick">, "icon">) | ({
+        variant: 'colored';
+    } & {
+        color: import("..").ColorTypes;
+        container?: boolean;
+    } & Omit<{
+        size?: import("..").ControlSize;
+        rounded?: import("..").Rounded;
+        border?: import("..").BorderProps;
+        label?: string;
+        icon?: import("..").IconType;
+        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, 'alt' | 'fill' | 'width' | 'height'> & {
+            square?: boolean;
+        };
+        disabled?: boolean;
+    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+        children?: React.ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>, "children" | "color" | "disabled" | "onClick">, "image">)) => import("react").JSX.Element;
+    DropDown: ({ button, content, position, menuRounded, menuClassName, disabled, }: {
+        button: import("react").ComponentProps<typeof import("../component/button").Button>;
+        content: import("react").ReactNode | (import("react").ComponentProps<typeof import("./button").Button> | 'divider')[];
+        position: 'left' | 'center' | 'right';
+        menuRounded?: import("..").Rounded;
+        menuClassName?: string;
+        disabled?: boolean;
+    }) => import("react").JSX.Element | null;
+    EmptyState: ({ icon, title, message, action, className, }: {
+        icon?: import("..").IconType;
+        title: string;
+        message?: string;
+        action?: import("react").ReactNode;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Form: <T, U>({ singlePage, name, title, actions, items, uploadPath, submitButton, cancelButton, disabled, className, rounded, }: {
+        singlePage?: boolean;
+        name: string;
+        title?: string;
+        actions: {
+            validate?: (data: T) => Promise<void>;
+            confirm?: Omit<import("../..").ModalProps, 'rounded' | 'actions'>;
+            submit: (data: T) => Promise<U>;
+            onSuccess?: {
+                toast?: string;
+            } & ({
+                callback?: ((result?: U | undefined) => void) | undefined;
+            } | {
+                replace: string;
+            } | {
+                back: true;
+            });
+        };
+        items: ((false | import("..").FormItem | undefined)[] | (false | import("..").FormItem | undefined)[][] | false | undefined)[];
+        uploadPath?: string;
+        submitButton?: import("react").ComponentProps<typeof import("../component/button").Button>;
+        cancelButton?: import("react").ComponentProps<typeof import("../component/button").Button>;
+        disabled?: boolean;
+        className?: string;
+        rounded?: import("..").Rounded;
+    }) => import("react").JSX.Element;
+    PagedForm: <T, U>({ rounded, title, actions, submitButton, cancelButton, disabled, className, pages, }: {
+        rounded?: import("..").Rounded;
+        title?: string;
+        actions: {
+            submit: (data: T) => Promise<U>;
+            confirm?: Omit<import("../..").ModalProps, 'rounded' | 'actions'>;
+            onSuccess?: {
+                toast?: string;
+            } & ({
+                callback?: ((result?: U | undefined) => void) | undefined;
+            } | {
+                replace: string;
+            } | {
+                back: true;
+            });
+        };
+        submitButton: import("react").ComponentProps<typeof import("../component/button").Button>;
+        cancelButton: import("react").ComponentProps<typeof import("../component/button").Button>;
+        disabled?: boolean;
+        className?: string;
+        pages: {
+            name: string;
+            title?: string;
+            items: Pick<import("react").ComponentProps<typeof form.Form>, 'items'>['items'];
+            validate?: (data: never) => Promise<void>;
+        }[];
+    }) => import("react").JSX.Element;
+    ActionForm: <T, U, Items extends readonly {
+        name: string;
+    }[]>({ items, layout, overrides, additionals, submitButton, ...props }: {
+        items: Items;
+        layout?: Items[number]["name"][][] | undefined;
+        overrides?: { [K in Items[number]["name"]]?: import("..").FormItem[][] | import("..").FormItem[] | (Partial<Omit<import("..").FormElement, "name" | "required">> | Partial<Omit<import("..").FormInputHidden, "name" | "required">> | Partial<Omit<import("..").FormInputCheckbox, "name" | "required">> | Partial<Omit<import("..").FormInputDate, "name" | "required">> | Partial<Omit<import("..").FormInputDateRange, "name" | "required">> | Partial<Omit<import("..").FormInputDateTime, "name" | "required">> | Partial<Omit<import("..").FormInputDateTimeRange, "name" | "required">> | Partial<Omit<import("..").FormInputFile, "name" | "required">> | Partial<Omit<import("..").FormInputList, "name" | "required">> | Partial<Omit<import("..").FormInputRadio, "name" | "required">> | Partial<Omit<import("..").FormInputSelect, "name" | "required">> | Partial<Omit<import("..").FormInputText, "name" | "required">> | Partial<Omit<import("..").FormInputTextArea, "name" | "required">> | Partial<Omit<import("..").FormInputTime, "name" | "required">> | Partial<Omit<import("..").FormInputTimeRange, "name" | "required">> | Partial<Omit<import("..").FormInputWeekday, "name" | "required">> | Partial<Omit<import("..").FormInputWeekdays, "name" | "required">>) | undefined; } | undefined;
+        additionals?: import("..").FormItem[] | import("..").FormItem[][] | ((false | import("..").FormItem | undefined)[] | (false | import("..").FormItem | undefined)[][] | false | undefined)[];
+        submitButton?: import("react").ComponentProps<typeof import("../component/button").Button>;
+    } & Omit<{
+        singlePage?: boolean;
+        name: string;
+        title?: string;
+        actions: {
+            validate?: ((data: T) => Promise<void>) | undefined;
+            confirm?: Omit<import("../..").ModalProps, 'rounded' | 'actions'>;
+            submit: (data: T) => Promise<U>;
+            onSuccess?: ({
+                toast?: string;
+            } & ({
+                callback?: ((result?: U | undefined) => void) | undefined;
+            } | {
+                replace: string;
+            } | {
+                back: true;
+            })) | undefined;
+        };
+        items: ((false | import("..").FormItem | undefined)[] | (false | import("..").FormItem | undefined)[][] | false | undefined)[];
+        uploadPath?: string;
+        submitButton?: import("react").ComponentProps<typeof import("../component/button").Button>;
+        cancelButton?: import("react").ComponentProps<typeof import("../component/button").Button>;
+        disabled?: boolean;
+        className?: string;
+        rounded?: import("..").Rounded;
+    }, "items">) => import("react").JSX.Element;
     Input: {
-        WeekDaysSelector: ({ name, short, defaultValue, onChange, disabled, className, error, }: {
+        Checkbox: ({ orientation, name, options, defaultValue, onChange, disabled, error, }: {
+            orientation: 'horizontal' | 'vertical';
             name: string;
-            short?: boolean;
-            defaultValue?: import("../..").Weekday | import("../..").Weekday[] | null;
-            onChange?: (value: import("../..").Weekday | import("../..").Weekday[]) => void;
+            options: {
+                value: string;
+                label: string;
+                disabled?: boolean;
+            }[];
+            defaultValue?: string[];
+            onChange?: (values: string[]) => void;
             disabled?: boolean;
-            className?: string;
             error?: boolean;
         }) => import("react").JSX.Element;
-        WeekdayPicker: ({ name, short, defaultValue, onChange, disabled, className, required, multiSelect, error, ...props }: {
+        CheckboxItem: ({ name, checked, onClick, value, label, disabled, error, }: {
             name: string;
-            short?: boolean;
-            defaultValue?: import("../..").Weekday | import("../..").Weekday[] | null;
-            onChange?: (value: import("../..").Weekday | import("../..").Weekday[]) => void;
+            checked: boolean;
+            onClick: () => void;
+            value: string;
+            label: string;
             disabled?: boolean;
-            className?: string;
-            required?: boolean;
-            multiSelect?: boolean;
             error?: boolean;
         }) => import("react").JSX.Element;
-        TimeRange: ({ defaultValue, name, disabled, error, required, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/timePicker").TimePicker>, "defaultValue" | "onChange"> & {
-            defaultValue?: {
-                start?: string | null;
-                end?: string | null;
-            };
-            error?: boolean;
-            required?: boolean;
-            disabled?: boolean;
-            stepMinutes?: number;
-            onChange?: (value: {
-                start?: string | null;
-                end?: string | null;
-            }) => void;
-        }) => import("react").JSX.Element;
-        TimePicker: ({ min, max, stepMinutes, defaultValue, value, selectRef, ...props }: {
-            min?: string | null;
-            max?: string | null;
-            stepMinutes?: number;
-            defaultValue?: string | null;
-            value?: string | null;
-            selectRef?: React.RefObject<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean> | null>;
-        } & Omit<import("react").ComponentProps<typeof import("./input/select").Select>, "options" | "defaultValue">) => import("react").JSX.Element;
-        TextArea: ({ name, color, rounded, disabled, className, required, defaultValue, error, rows, ...props }: {
-            name: string;
-            color?: import("..").TextColorTypes;
-            rounded?: import("..").Rounded;
-            required?: boolean;
-            defaultValue?: string | number | readonly string[] | undefined | null;
-            error?: boolean;
-        } & Omit<import("react").ComponentProps<"textarea">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
         Text: ({ name, rounded, focused, color, icon, className, defaultValue, error, inputClassName, isClearable, ...props }: {
             name: string;
             rounded?: import("..").Rounded;
@@ -85,7 +263,36 @@ export declare const Composite: {
             error?: boolean;
             inputClassName?: string;
             isClearable?: boolean;
-        } & Omit<import("react").ComponentProps<"input">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
+        } & Omit<import("react").ComponentProps<'input'>, 'name' | 'color' | 'defaultValue'>) => import("react").JSX.Element;
+        DatePicker: (props: Parameters<({ name, rounded, placement, defaultValue, value, min, max, precision, plainDate, onChange, disabled, className, required, error, autoFocus, }: {
+            name: string;
+            rounded?: import("..").Rounded;
+            placement?: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+            defaultValue?: Date;
+            value?: Date;
+            min?: Date;
+            max?: Date;
+            precision?: "day" | "month" | "year";
+            plainDate?: boolean;
+            onChange?: (value?: Date) => void;
+            disabled?: boolean;
+            className?: string;
+            required?: boolean;
+            error?: boolean;
+            autoFocus?: boolean;
+        }) => import("react").JSX.Element>[0]) => import("react").JSX.Element;
+        DateRange: ({ defaultValue, name, disabled, error, stepDays, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/datePicker").DatePicker>, 'defaultValue' | 'onChange'> & {
+            defaultValue?: {
+                start?: Date;
+                end?: Date;
+            };
+            error?: boolean;
+            stepDays?: number;
+            onChange?: (value: {
+                start?: Date;
+                end?: Date;
+            }) => void;
+        }) => import("react").JSX.Element;
         useScrollToSelectedOnOpen: (args: {
             menuOpen: boolean;
             portalEl?: HTMLElement;
@@ -111,59 +318,14 @@ export declare const Composite: {
             rounded?: import("..").Rounded;
             error?: boolean;
         } & import("react").RefAttributes<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean>>>;
-        Search: ({ value, onUpdate, className, }: {
-            value?: string;
-            onUpdate: (value: string) => void;
-            className?: string;
-        }) => import("react").JSX.Element;
-        Radio: ({ orientation, name, options, value, defaultValue, onChange, disabled, required, }: {
-            orientation: "horizontal" | "vertical";
-            name: string;
-            options: {
-                value: string;
-                label: string;
-                disabled?: boolean;
-            }[];
-            value?: string;
-            defaultValue?: string | null;
-            onChange?: (value: string) => void;
-            disabled?: boolean;
-            required?: boolean;
-        }) => import("react").JSX.Element;
-        List: ({ name, rounded, columns, scalarArray, defaultValues, minListLength, maxListLength, isFirstItem, }: {
-            name: string;
-            rounded?: import("..").Rounded;
-            columns: import("..").FormListColumn[];
-            scalarArray?: boolean;
-            defaultValues?: Record<string, string | number | boolean | Date | string[]>[];
-            minListLength?: number;
-            maxListLength?: number;
-            isFirstItem: boolean;
-        }) => import("react").JSX.Element;
-        File: ({ name, accept, multiple, rounded, disabled, required, onChange, onDone, uploadPath, className, }: {
-            name: string;
-            accept?: string;
-            multiple?: boolean;
-            rounded?: import("..").Rounded;
-            disabled?: boolean;
-            required?: boolean;
-            onChange?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
-            onDone?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
-            uploadPath?: string;
-            className?: string;
-        }) => import("react").JSX.Element;
-        DateTimeRange: ({ defaultValue, name, disabled, error, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/dateTimePicker").DateTimePicker>, "defaultValue" | "onChange"> & {
-            defaultValue?: {
-                start?: Date;
-                end?: Date;
-            };
-            error?: boolean;
+        TimePicker: ({ min, max, stepMinutes, defaultValue, value, selectRef, ...props }: {
+            min?: string | null;
+            max?: string | null;
             stepMinutes?: number;
-            onChange?: (value: {
-                start?: Date;
-                end?: Date;
-            }) => void;
-        }) => import("react").JSX.Element;
+            defaultValue?: string | null;
+            value?: string | null;
+            selectRef?: React.RefObject<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean> | null>;
+        } & Omit<import("react").ComponentProps<typeof import("./input/select").Select>, 'options' | 'defaultValue'>) => import("react").JSX.Element;
         DateTimePicker: ({ name, defaultValue, value, min, max, onChange, disabled, required, error, stepMinutes, timeSelectRef, }: {
             name: string;
             defaultValue?: Date;
@@ -177,57 +339,106 @@ export declare const Composite: {
             stepMinutes?: number;
             timeSelectRef?: React.RefObject<import("react-select").SelectInstance<import("./input/select/types").SelectOption, boolean> | null>;
         }) => import("react").JSX.Element;
-        DateRange: ({ defaultValue, name, disabled, error, stepDays, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/datePicker").DatePicker>, "defaultValue" | "onChange"> & {
+        DateTimeRange: ({ defaultValue, name, disabled, error, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/dateTimePicker").DateTimePicker>, 'defaultValue' | 'onChange'> & {
             defaultValue?: {
                 start?: Date;
                 end?: Date;
             };
             error?: boolean;
-            stepDays?: number;
+            stepMinutes?: number;
             onChange?: (value: {
                 start?: Date;
                 end?: Date;
             }) => void;
         }) => import("react").JSX.Element;
-        DatePicker: (props: Parameters<({ name, rounded, placement, defaultValue, value, min, max, precision, plainDate, onChange, disabled, className, required, error, autoFocus, }: {
+        File: ({ name, accept, multiple, rounded, disabled, required, onChange, onDone, uploadPath, className, }: {
             name: string;
+            accept?: string;
+            multiple?: boolean;
             rounded?: import("..").Rounded;
-            placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-            defaultValue?: Date;
-            value?: Date;
-            min?: Date;
-            max?: Date;
-            precision?: "year" | "month" | "day";
-            plainDate?: boolean;
-            onChange?: (value?: Date) => void;
             disabled?: boolean;
-            className?: string;
             required?: boolean;
-            error?: boolean;
-            autoFocus?: boolean;
-        }) => import("react").JSX.Element>[0]) => import("react").JSX.Element;
-        Checkbox: ({ orientation, name, options, defaultValue, onChange, disabled, error, }: {
-            orientation: "horizontal" | "vertical";
+            onChange?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
+            onDone?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
+            uploadPath?: string;
+            className?: string;
+        }) => import("react").JSX.Element;
+        Radio: ({ orientation, name, options, value, defaultValue, onChange, disabled, required, }: {
+            orientation: 'horizontal' | 'vertical';
             name: string;
             options: {
                 value: string;
                 label: string;
                 disabled?: boolean;
             }[];
-            defaultValue?: string[] | null;
-            onChange?: (values: string[]) => void;
+            value?: string;
+            defaultValue?: string;
+            onChange?: (value: string) => void;
+            disabled?: boolean;
+            required?: boolean;
+        }) => import("react").JSX.Element;
+        Switch: ({ name, label, color, defaultChecked, disabled, error, onChange, className, }: {
+            name: string;
+            label?: string;
+            color?: import("..").ColorTypes;
+            defaultChecked?: boolean;
             disabled?: boolean;
             error?: boolean;
+            onChange?: (checked: boolean) => void;
+            className?: string;
         }) => import("react").JSX.Element;
-        CheckboxItem: ({ name, checked, onClick, value, label, disabled, error, }: {
+        TextArea: ({ name, color, rounded, disabled, className, required, defaultValue, error, rows, ...props }: {
             name: string;
-            checked: boolean;
-            onClick: () => void;
-            value: string;
-            label: string;
+            color?: import("..").TextColorTypes;
+            rounded?: import("..").Rounded;
+            required?: boolean;
+            defaultValue?: string | number | readonly string[] | undefined | null;
+            error?: boolean;
+        } & Omit<import("react").ComponentProps<'textarea'>, 'name' | 'color' | 'defaultValue'>) => import("react").JSX.Element;
+        TimeRange: ({ defaultValue, name, disabled, error, required, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof import("./input/timePicker").TimePicker>, 'defaultValue' | 'onChange'> & {
+            defaultValue?: {
+                start?: string | null;
+                end?: string | null;
+            };
+            error?: boolean;
+            required?: boolean;
+            disabled?: boolean;
+            stepMinutes?: number;
+            onChange?: (value: {
+                start?: string | null;
+                end?: string | null;
+            }) => void;
+        }) => import("react").JSX.Element;
+        WeekDaysSelector: ({ name, short, defaultValue, onChange, disabled, className, error, }: {
+            name: string;
+            short?: boolean;
+            defaultValue?: import("../..").Weekday | import("../..").Weekday[];
+            onChange?: (value: import("../..").Weekday | import("../..").Weekday[]) => void;
             disabled?: boolean;
+            className?: string;
             error?: boolean;
         }) => import("react").JSX.Element;
+        WeekdayPicker: ({ name, short, defaultValue, onChange, disabled, className, required, multiSelect, error, ...props }: {
+            name: string;
+            short?: boolean;
+            defaultValue?: import("../..").Weekday | import("../..").Weekday[];
+            onChange?: (value: import("../..").Weekday | import("../..").Weekday[]) => void;
+            disabled?: boolean;
+            className?: string;
+            required?: boolean;
+            multiSelect?: boolean;
+            error?: boolean;
+        }) => import("react").JSX.Element;
+        List: ({ name, rounded, columns, scalarArray, defaultValues, minListLength, maxListLength, isFirstItem, }: {
+            name: string;
+            rounded?: import("..").Rounded;
+            columns: import("..").FormListColumn[];
+            scalarArray?: boolean;
+            defaultValues?: Record<string, string | number | boolean | Date | string[]>[];
+            minListLength?: number;
+            maxListLength?: number;
+            isFirstItem: boolean;
+        }) => import("react").JSX.Element;
         Attachment: ({ name, accept, multiple, rounded, size, disabled, required, onChange, uploadPath, className, ref, }: {
             name: string;
             accept?: string;
@@ -243,109 +454,149 @@ export declare const Composite: {
                 open: () => void;
             }>;
         }) => import("react").JSX.Element;
+        Search: ({ value, onUpdate, className, }: {
+            value?: string;
+            onUpdate: (value: string) => void;
+            className?: string;
+        }) => import("react").JSX.Element;
     };
-    DropDown: ({ button, content, position, menuRounded, menuClassName, disabled, }: {
-        button: import("react").ComponentProps<({ variant, ...props }: ({
-            variant: "colored";
-        } & import("react").ComponentProps<typeof import("../component/button/colored").Colored>) | ({
-            variant: "text";
-        } & import("react").ComponentProps<typeof import("../component/button/text").Text>) | ({
-            variant: "image";
-        } & import("react").ComponentProps<typeof import("../component/button/image").Imaged>)) => import("react").JSX.Element>;
-        content: import("react").ReactNode | (import("react").ComponentProps<typeof import("./button").Button> | "divider")[];
-        position: "left" | "center" | "right";
-        menuRounded?: import("..").Rounded;
-        menuClassName?: string;
-        disabled?: boolean;
-    }) => import("react").JSX.Element | null;
-    Button: (buttonProps: ({
-        variant: "colored";
-    } & {
+    Label: ({ color, container, size, rounded, border, label, icon, className, ...props }: {
         color: import("..").ColorTypes;
         container?: boolean;
-    } & Omit<{
-        size?: import("..").ControlSize;
-        rounded?: import("..").Rounded;
-        border?: import("..").BorderProps;
-        label?: string;
-        icon?: import("..").IconType;
-        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
-            square?: boolean;
-        };
-        disabled?: boolean;
-    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
-        children?: React.ReactNode | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>, "children" | "color" | "disabled" | "onClick">, "image">) | ({
-        variant: "text";
-    } & {
-        color?: import("..").TextColorTypes;
-        container?: boolean;
-    } & Omit<{
         size?: import("..").ControlSize;
         rounded?: import("..").Rounded;
         border?: import("..").BorderProps;
         label?: string;
         icon?: import("..").IconType;
-        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
-            square?: boolean;
-        };
-        disabled?: boolean;
-    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
-        children?: React.ReactNode | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>, "children" | "color" | "disabled" | "onClick">, "image">) | ({
-        variant: "image";
-    } & Omit<{
-        size?: import("..").ControlSize;
+    } & Omit<import("react").ComponentProps<'label'>, 'color'>) => import("react").JSX.Element;
+    Markdown: ({ body }: {
+        body: string;
+    }) => import("react").JSX.Element;
+    DataTable: <TData extends import("..").DataTableRow>({ className, rounded, addtionalHeader, showTableHeader, headerBackgroundColor, headerTextColor, columns, emptyMessage, data: tmp, pagination, sort, rowSelect, }: {
+        className?: string;
         rounded?: import("..").Rounded;
-        border?: import("..").BorderProps;
-        label?: string;
-        icon?: import("..").IconType;
-        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
-            square?: boolean;
+        addtionalHeader?: import("react").ReactNode;
+        showTableHeader?: boolean;
+        headerBackgroundColor?: import("..").ColorTypes;
+        headerTextColor?: import("..").TextColorTypes;
+        columns: import("..").DataTableColumnDef<TData>[];
+        emptyMessage?: import("react").ReactNode;
+        data: TData[];
+        pagination?: {
+            count: number;
+            page: number;
+            onPageSelected?: (page: number) => void;
         };
-        disabled?: boolean;
-    } & Omit<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
-        children?: React.ReactNode | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>, "children" | "color" | "disabled" | "onClick">, "icon">) | ((({
-        variant: "colored";
-    } & {
-        color: import("..").ColorTypes;
-        container?: boolean;
-    } & Omit<{
-        size?: import("..").ControlSize;
-        rounded?: import("..").Rounded;
-        border?: import("..").BorderProps;
-        label?: string;
-        icon?: import("..").IconType;
-        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
-            square?: boolean;
+        sort?: {
+            isRouterSortEnabled: boolean;
+            orderBy?: Record<string, 'asc' | 'desc'>[];
+            excludeHeaders?: string[];
+            dndEnabled?: boolean;
+            onSorted?: (data: TData[]) => void;
         };
-    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "color">, "image">) | ({
-        variant: "text";
+        rowSelect?: (data: TData) => void;
+    }) => import("react").JSX.Element;
+    ObjectView: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, className, itemOrientation, itemClassName, labelWidth, }: {
+        name: string;
+        obj: T;
+        layout?: (keyof T)[][] | undefined;
+        overrides?: { [K in keyof T]?: Partial<Omit<{
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }, "key">> | undefined; } | undefined;
+        additionals?: {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[] | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[][] | ((false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[] | (false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[][] | false | undefined)[];
+        className?: string;
     } & {
-        color?: import("..").TextColorTypes;
-        container?: boolean;
-    } & Omit<{
-        size?: import("..").ControlSize;
+        itemOrientation?: 'horizontal' | 'vertical';
+        itemClassName?: string;
+        labelWidth?: number;
+    }) => import("react").JSX.Element;
+    ObjectTable: <T extends Record<string, unknown>>({ name, obj, layout, overrides, additionals, firstColumnSize, ...restProps }: {
+        name: string;
+        obj: T;
+        layout?: (keyof T)[][] | undefined;
+        overrides?: { [K in keyof T]?: Partial<Omit<{
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }, "key">> | undefined; } | undefined;
+        additionals?: {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[] | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        }[][] | ((false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[] | (false | {
+            key: string;
+            label?: string;
+            value?: string | number | boolean | null | import("react").ReactNode;
+        } | undefined)[][] | false | undefined)[];
+        className?: string;
+    } & Omit<import("react").ComponentProps<typeof table.DataTable>, 'data' | 'columns'> & {
+        firstColumnSize?: number;
+    }) => import("react").JSX.Element;
+    PageTitle: ({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
+        routes?: {
+            label: string;
+            href: string;
+        }[];
+        title: string;
+        actions?: {
+            path: string;
+            button?: import("react").ComponentProps<typeof button.Button>;
+            content?: import("react").ReactNode;
+        }[];
+        back?: boolean;
+        keepRoutesSpace?: boolean;
+        showTitle?: boolean;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Popover: ({ trigger, content, placement, rounded, panelClassName, disabled, className, }: {
+        trigger: import("react").ReactNode;
+        content: import("react").ReactNode;
+        placement?: import("../../hooks/anchor").AnchorPlacement;
         rounded?: import("..").Rounded;
-        border?: import("..").BorderProps;
-        label?: string;
-        icon?: import("..").IconType;
-        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
-            square?: boolean;
-        };
-    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "color">, "image">) | ({
-        variant: "image";
-    } & Omit<{
-        size?: import("..").ControlSize;
+        panelClassName?: string;
+        disabled?: boolean;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Stepper: ({ steps, current, orientation, className, }: {
+        steps: {
+            label: string;
+        }[];
+        current: number;
+        orientation?: 'horizontal' | 'vertical';
+        className?: string;
+    }) => import("react").JSX.Element;
+    Tooltip: ({ content, placement, rounded, disabled, className, children, }: {
+        content: import("react").ReactNode;
+        placement?: import("../../hooks/anchor").AnchorPlacement;
         rounded?: import("..").Rounded;
-        border?: import("..").BorderProps;
-        label?: string;
-        icon?: import("..").IconType;
-        image?: Omit<import("react").ComponentProps<typeof import("next/image").default>, "alt" | "fill" | "width" | "height"> & {
-            square?: boolean;
-        };
-    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "color">, "icon">)) & {
-        action?: import("../..").ModalProps;
-    })) => import("react").JSX.Element;
+        disabled?: boolean;
+        className?: string;
+        children: import("react").ReactNode;
+    }) => import("react").JSX.Element;
 };