@sustaina/shared-ui 1.8.2 → 1.9.0

package/dist/index.d.mts

@@ -1,63 +1,117 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode } from 'react';
-import { FieldValues, FieldPath, ControllerProps, UseFormGetFieldState } from 'react-hook-form';
-import { Header, RowData as RowData$1, Column as Column$1, Table as Table$1, ColumnDef, ColumnFiltersState, OnChangeFn, FilterFnOption, SortingState, ColumnOrderState, VisibilityState, ColumnPinningState, GroupingState, GroupingOptions, ColumnResizeMode, RowSelectionState, Row, ExpandedState, Cell, HeaderGroup, HeaderContext } from '@tanstack/react-table';
-import * as zustand from 'zustand';
+import React__default, { CSSProperties, ReactNode, SVGProps } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Header, RowData as RowData$1, Column as Column$1, Table as Table$1, ColumnDef, ColumnFiltersState, OnChangeFn, FilterFnOption, SortingState, ColumnOrderState, VisibilityState, ColumnPinningState, GroupingState, GroupingOptions, ColumnResizeMode, RowSelectionState, Row, ExpandedState, Cell, HeaderGroup, HeaderContext } from '@tanstack/react-table';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import * as zustand from 'zustand';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { ClassValue } from 'clsx';
 
-type FormErrorMessageProps = React__default.ComponentProps<"p"> & {
-    errorClassName?: string;
-};
-declare function FormErrorMessage({ className, errorClassName, ...props }: FormErrorMessageProps): react_jsx_runtime.JSX.Element | null;
+declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-type FormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
-type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    name: TName;
+type FieldType = "text" | "number" | "date" | "datetime" | "datemonth" | "checkbox" | "dropdown" | "lookup" | "uuid" | "json";
+type Option = {
+    value: string;
+    label: string;
 };
-declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string>>;
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
-
-type FormItemProps = React__default.ComponentProps<"div">;
-type FormItemContextValue = {
+interface FieldSchemaBase<T extends FieldType> {
+    name: string;
+    type: T;
+    label?: string;
+    multiTableSearch?: boolean;
+    jsonPath?: string[];
+}
+interface DropdownFieldSchema extends FieldSchemaBase<"dropdown"> {
+    options: Option[];
+}
+type TextFieldSchema = FieldSchemaBase<"text">;
+type NumberFieldSchema = FieldSchemaBase<"number">;
+type DateFieldSchema = FieldSchemaBase<"date">;
+type DateTimeFieldSchema = FieldSchemaBase<"datetime">;
+type DateMonthFieldSchema = FieldSchemaBase<"datemonth">;
+type CheckboxFieldSchema = FieldSchemaBase<"checkbox">;
+interface LookupFieldSchema extends FieldSchemaBase<"lookup"> {
+    maxTags?: number;
+    fetchSuggestions?: (query: string) => Promise<Option[]>;
+    suggestionDebounce?: number;
+    placeholder?: string;
+    noOptionsMessage?: string;
+    loadingMessage?: string;
+}
+type UUIDFieldSchema = FieldSchemaBase<"uuid">;
+type JSONFieldSchema = FieldSchemaBase<"json">;
+type FieldSchema = DropdownFieldSchema | TextFieldSchema | NumberFieldSchema | DateFieldSchema | DateTimeFieldSchema | DateMonthFieldSchema | CheckboxFieldSchema | LookupFieldSchema | UUIDFieldSchema | JSONFieldSchema;
+type OperatorValue = "contains" | "equals" | "beginsWith" | "endsWith" | "notEquals" | "notBeginsWith" | "notEndsWith" | "notContains" | "gt" | "gte" | "lt" | "lte" | "on" | "after" | "before" | "between" | "is" | "isNot" | "containsAny" | "containsOnly" | "containsAll";
+type RowState = {
     id: string;
+    fieldName: string;
+    fieldType: FieldType;
+    operator: Exclude<OperatorValue, "between">;
+    value: string;
+    value2?: undefined;
+    multiTableSearch?: boolean;
+    jsonPath?: string[];
+} | {
+    id: string;
+    fieldName: string;
+    fieldType: FieldType;
+    operator: "between";
+    value: string;
+    value2: string;
+    multiTableSearch?: boolean;
+    jsonPath?: string[];
 };
-declare const FormItemContext: React__default.Context<FormItemContextValue>;
-declare function FormItem({ children, ...props }: FormItemProps): react_jsx_runtime.JSX.Element;
-
-type FormLabelProps = React__default.ComponentProps<"label"> & {
-    errorClassName?: string;
-    required?: boolean;
-};
-declare function FormLabel({ children, className, errorClassName, required, ...props }: FormLabelProps): react_jsx_runtime.JSX.Element;
+interface Params {
+    AND: Record<string, unknown>[];
+}
+interface AdvanceSearchProps {
+    fields: FieldSchema[];
+    portalId: string;
+    limitRows?: number;
+    iconColor?: string;
+    onSearch?: (param: Params) => void;
+    onClear?: () => void;
+}
 
-type UseFormFieldOptions = {
-    skipValidationIfNoContext?: boolean;
-};
-type UseFormFieldReturn = ReturnType<UseFormGetFieldState<any>> & {
-    prefixId: string | undefined;
-    name: string | undefined;
-    formItemId: string | undefined;
-    formLabelId: string | undefined;
-    formErrorMessageId: string | undefined;
-};
-declare function useFormField(options?: UseFormFieldOptions): UseFormFieldReturn;
+declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 
-type TextInputProps = React__default.ComponentProps<"input">;
-declare function TextInput({ className, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | "cancel" | "defaultSelect" | "defaultOutline" | "warning" | null | undefined;
+    size?: "default" | "option" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, active, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    active?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
-type NumberInputProps = React__default.ComponentProps<"input">;
-declare function NumberInput({ className, ...props }: NumberInputProps): react_jsx_runtime.JSX.Element;
+declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 declare function TableContainer({ className, children, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
 declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
 declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
 declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
 declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
 declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
 
 type ColumnResizerProps = {
     header: Header<any, any>;
@@ -301,18 +355,104 @@ type HeaderCellProps<TData = any, TValue = any> = {
 };
 declare const HeaderCell: ({ rootClassName, labelClassName, context, label, sorterProps, align }: HeaderCellProps) => react_jsx_runtime.JSX.Element;
 
-declare const PreventPageLeave: ({ children }: React__default.PropsWithChildren) => React__default.ReactNode;
+type ButtonVariant$1 = "default" | "outline" | "ghost" | "link" | "destructive" | "secondary" | null | undefined;
+type DatePickerProps$1 = {
+    selectedDate?: Date;
+    onDateSelect?: (date: Date) => void;
+    onMonthForward?: () => void;
+    onMonthBackward?: () => void;
+    callbacks?: {
+        yearLabel?: (year: number) => string;
+        monthLabel?: (year: number, monthIndex: number) => string;
+        dayLabel?: (date: Date) => string | number;
+        weekdayLabel?: (index0Mon: number) => string;
+    };
+    variant?: {
+        day?: {
+            main?: ButtonVariant$1;
+            selected?: ButtonVariant$1;
+            outside?: ButtonVariant$1;
+            today?: ButtonVariant$1;
+        };
+        chevrons?: ButtonVariant$1;
+    };
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+} & React$1.HTMLAttributes<HTMLDivElement>;
+/** ---------- Component ---------- */
+declare function DatePicker$1({ selectedDate, onDateSelect, callbacks, onMonthBackward, onMonthForward, variant, minDate, maxDate, disabledDates, className, ...props }: DatePickerProps$1): react_jsx_runtime.JSX.Element;
+
+type CalendarProps$1 = React__default.ComponentProps<typeof DatePicker$1>;
+type DatePickerProps = {
+    value?: Date | string | null;
+    onChange?: (date?: Date) => void;
+    onValueChange?: (value?: string) => void;
+    placeholder?: string;
+    allowClear?: boolean;
+    displayFormatter?: (date: Date) => string;
+    valueFormatter?: (date: Date) => string;
+    valueParser?: (value: string) => Date | undefined;
+    buttonClassName?: string;
+    wrapperClassName?: string;
+    invalid?: boolean;
+    calendarClassName?: string;
+    popoverContentClassName?: string;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    clearAriaLabel?: string;
+    ariaLabel?: string;
+} & Omit<CalendarProps$1, "selectedDate" | "onDateSelect" | "className">;
+declare const DatePicker: React__default.FC<DatePickerProps>;
+
+declare function Dialog(props: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger(props: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimitive.Content> {
+    header?: React$1.ReactNode;
+    showOverlay?: boolean;
+}
+declare function DialogContent({ className, children, header, showOverlay, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
 
-type PreventPageLeaveStore = {
-    isPreventing: boolean;
-    setPreventing: (value: boolean) => void;
-};
-declare const usePreventPageLeaveStore: zustand.UseBoundStore<zustand.StoreApi<PreventPageLeaveStore>>;
+type DialogVariant = "default" | "success" | "error" | "warning";
+interface DialogAlertProps {
+    open: boolean;
+    onOpenChange: (state: boolean) => void;
+    title?: string;
+    description?: string;
+    variant?: DialogVariant;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    align?: "start" | "center" | "end";
+    outlet?: React__default.ReactNode | null;
+    persistent?: boolean;
+}
+declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet, persistent }: DialogAlertProps): react_jsx_runtime.JSX.Element;
 
-type UsePreventPageLeaveOptions = {
-    isPrevening: boolean;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
 };
-declare const usePreventPageLeave: ({ isPrevening }: UsePreventPageLeaveOptions) => void;
+declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot>): react_jsx_runtime.JSX.Element;
+declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
 
 type Column = {
     id: string;
@@ -368,15 +508,186 @@ type UseGridSettingsStoreState = {
 };
 declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "cancel" | "ghost" | "defaultSelect" | "defaultOutline" | null | undefined;
-    size?: "default" | "option" | "icon" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
-    active?: boolean | null | undefined;
+declare const ArrowIcon: React$1.FC<SVGProps<SVGSVGElement>>;
+
+declare const SuiCalendarIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiCheckIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiDotsVerticalIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiEmptyDataIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiExpandIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiFilterIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const NotFoundIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+
+declare const SuiSettingIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiTriangleDownIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const SuiWarningIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+type InputPrimitiveProps = React$1.InputHTMLAttributes<HTMLInputElement>;
+declare const InputPrimitive: React$1.ForwardRefExoticComponent<InputPrimitiveProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const inputVariants: (props?: ({
+    controlSize?: "sm" | "lg" | "md" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    appearance?: "filled" | "unfilled" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, active, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    active?: boolean;
-}): react_jsx_runtime.JSX.Element;
+type InputProps = Omit<InputPrimitiveProps, "size"> & VariantProps<typeof inputVariants> & {
+    prefix?: React$1.ReactNode;
+    prefixProps?: React$1.HTMLAttributes<HTMLSpanElement>;
+    suffix?: React$1.ReactNode;
+    suffixProps?: React$1.HTMLAttributes<HTMLSpanElement>;
+    wrapperClassName?: string;
+    invalid?: boolean;
+    loading?: boolean;
+    loadingIcon?: React$1.ReactNode;
+    validationMessage?: React$1.ReactNode;
+    validationIcon?: React$1.ReactNode;
+    validationMessageProps?: React$1.HTMLAttributes<HTMLParagraphElement>;
+};
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "size"> & VariantProps<(props?: ({
+    controlSize?: "sm" | "lg" | "md" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    appearance?: "filled" | "unfilled" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
+    prefix?: React$1.ReactNode;
+    prefixProps?: React$1.HTMLAttributes<HTMLSpanElement>;
+    suffix?: React$1.ReactNode;
+    suffixProps?: React$1.HTMLAttributes<HTMLSpanElement>;
+    wrapperClassName?: string;
+    invalid?: boolean;
+    loading?: boolean;
+    loadingIcon?: React$1.ReactNode;
+    validationMessage?: React$1.ReactNode;
+    validationIcon?: React$1.ReactNode;
+    validationMessageProps?: React$1.HTMLAttributes<HTMLParagraphElement>;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type ListProps = {
+    gridSettingPayload: GridPayload;
+    isLeftExpanded: boolean;
+    handleSettingClick: () => void;
+    handleExpandClick: () => void;
+    onCreateExample: () => void;
+    onViewExample: (exampleId: string) => void;
+    onEditExample: (exampleId: string) => void;
+    onDeleteExample: (exampleId: string) => void;
+    selectedRowId?: string;
+    onTableReady?: (table: unknown) => void;
+    children?: React$1.ReactNode;
+};
+declare const List: React$1.FC<ListProps>;
+
+interface ListContainerProps {
+    className?: string;
+    isLeftExpanded: boolean;
+    children: React$1.ReactNode;
+}
+declare const ListContainer: React$1.FC<ListContainerProps>;
+
+interface ListHeaderProps {
+    title: string | React$1.ReactNode;
+    isExpanded?: boolean;
+    onSettingClick?: () => void;
+    onExpandClick?: () => void;
+    bgColor?: string;
+    textClassName?: string;
+    titleIcon?: React$1.ReactNode;
+    rightActions?: React$1.ReactNode;
+    className?: string;
+}
+declare const ListHeader: React$1.FC<ListHeaderProps>;
+
+interface ListTableProps {
+    gridSettingPayload?: GridPayload;
+    onCreateExample?: () => void;
+    onViewExample?: (exampleId: string) => void;
+    onEditExample?: (exampleId: string) => void;
+    onDeleteExample?: (exampleId: string) => void;
+    selectedRowId?: string;
+    onTableReady?: (table: unknown) => void;
+    children?: React$1.ReactNode;
+}
+declare const ListTable: React$1.FC<ListTableProps>;
+
+interface LookupSelectOption {
+    value: string;
+    label: string;
+}
+interface LookupSelectProps {
+    value?: string[];
+    onChange: (tags: string[]) => void;
+    placeholder?: string;
+    onClear?: () => void;
+    error?: boolean;
+    maxTags?: number;
+    fetchSuggestions?: (query: string) => Promise<LookupSelectOption[]>;
+    suggestionDebounce?: number;
+    noOptionsMessage?: string;
+    loadingMessage?: string;
+    dropdownPortalId?: string;
+}
+declare const LookupSelect: React__default.FC<LookupSelectProps>;
+
+type ButtonVariant = "default" | "outline" | "ghost" | "link" | "destructive" | "secondary" | null | undefined;
+type MonthCell = {
+    number: number;
+    name: string;
+};
+type MonthPickerCallbacks = {
+    yearLabel?: (year: number) => string;
+    monthLabel?: (month: MonthCell) => string;
+};
+type MonthPickerVariant = {
+    calendar?: {
+        main?: ButtonVariant;
+        selected?: ButtonVariant;
+    };
+    chevrons?: ButtonVariant;
+};
+type MonthPickerProps$1 = {
+    selectedDate?: Date;
+    onDateSelect?: (date?: Date) => void;
+    onYearForward?: () => void;
+    onYearBackward?: () => void;
+    callbacks?: MonthPickerCallbacks;
+    variant?: MonthPickerVariant;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+} & React$1.HTMLAttributes<HTMLDivElement>;
+declare function MonthPicker$1({ selectedDate, onDateSelect, minDate, maxDate, disabledDates, callbacks, onYearBackward, onYearForward, variant, className, ...props }: MonthPickerProps$1): react_jsx_runtime.JSX.Element;
+declare namespace MonthPicker$1 {
+    var displayName: string;
+}
+
+type CalendarProps = React__default.ComponentProps<typeof MonthPicker$1>;
+type MonthPickerProps = {
+    value?: Date | string | null;
+    onChange?: (month?: Date) => void;
+    onValueChange?: (value?: string) => void;
+    placeholder?: string;
+    allowClear?: boolean;
+    displayFormatter?: (month: Date) => string;
+    valueFormatter?: (month: Date) => string;
+    valueParser?: (value: string) => Date | undefined;
+    buttonClassName?: string;
+    wrapperClassName?: string;
+    invalid?: boolean;
+    calendarClassName?: string;
+    popoverContentClassName?: string;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    clearAriaLabel?: string;
+    ariaLabel?: string;
+} & Omit<CalendarProps, "selectedDate" | "onDateSelect" | "className">;
+declare const MonthPicker: React__default.FC<MonthPickerProps>;
 
 type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
     [K in Keys]: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
@@ -406,81 +717,152 @@ type NavbarBaseProps = {
 type NavbarProps = RequireAtLeastOne<NavbarBaseProps, "title">;
 declare const _default: React__default.MemoExoticComponent<({ className, title, subTitle, headImageURL, headImageURLClassName, tooltipContentClassName, tooltipTitle, tooltipIcon, tooltipdescription, tooltipDescriptionWrapperClassName, mainButtonText, mainButtonClassName, mainButtonDisable, subButtonText, subButtonClassName, subButtonDisable, onMainButtonClick, onSubButtonClick, separatorDisable, searchButton }: NavbarProps) => react_jsx_runtime.JSX.Element>;
 
-type FieldType = "text" | "number" | "date" | "datetime" | "checkbox" | "dropdown" | "lookup" | "uuid" | "json";
-type Option = {
-    value: string;
-    label: string;
+declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverArrow(props: React$1.ComponentProps<typeof PopoverPrimitive.Arrow>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, children, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+
+declare const PreventPageLeave: ({ children }: React__default.PropsWithChildren) => React__default.ReactNode;
+
+type PreventPageLeaveStore = {
+    isPreventing: boolean;
+    setPreventing: (value: boolean) => void;
 };
-interface FieldSchemaBase<T extends FieldType> {
-    name: string;
-    type: T;
-    label?: string;
-    multiTableSearch?: boolean;
-    jsonPath?: string[];
-}
-interface DropdownFieldSchema extends FieldSchemaBase<"dropdown"> {
-    options: Option[];
-}
-type TextFieldSchema = FieldSchemaBase<"text">;
-type NumberFieldSchema = FieldSchemaBase<"number">;
-type DateFieldSchema = FieldSchemaBase<"date">;
-type DateTimeFieldSchema = FieldSchemaBase<"datetime">;
-type CheckboxFieldSchema = FieldSchemaBase<"checkbox">;
-type LookupFieldSchema = FieldSchemaBase<"lookup">;
-type UUIDFieldSchema = FieldSchemaBase<"uuid">;
-type JSONFieldSchema = FieldSchemaBase<"json">;
-type FieldSchema = DropdownFieldSchema | TextFieldSchema | NumberFieldSchema | DateFieldSchema | DateTimeFieldSchema | CheckboxFieldSchema | LookupFieldSchema | UUIDFieldSchema | JSONFieldSchema;
-type OperatorValue = "contains" | "equals" | "beginsWith" | "endsWith" | "notEquals" | "notBeginsWith" | "notEndsWith" | "notContains" | "gt" | "gte" | "lt" | "lte" | "on" | "after" | "before" | "between" | "is" | "isNot" | "containsAny" | "containsOnly" | "containsAll";
-type RowState = {
-    id: string;
-    fieldName: string;
-    fieldType: FieldType;
-    operator: Exclude<OperatorValue, "between">;
-    value: string;
-    value2?: undefined;
-    multiTableSearch?: boolean;
-    jsonPath?: string[];
-} | {
-    id: string;
-    fieldName: string;
-    fieldType: FieldType;
-    operator: "between";
+declare const usePreventPageLeaveStore: zustand.UseBoundStore<zustand.StoreApi<PreventPageLeaveStore>>;
+
+type UsePreventPageLeaveOptions = {
+    isPrevening: boolean;
+};
+declare const usePreventPageLeave: ({ isPrevening }: UsePreventPageLeaveOptions) => void;
+
+declare function RadioGroupRoot({ children, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function RadioGroupItem({ id, value, children, className, containerProps, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
     value: string;
-    value2: string;
-    multiTableSearch?: boolean;
-    jsonPath?: string[];
+    containerProps?: React.ComponentProps<"div">;
+}): react_jsx_runtime.JSX.Element;
+declare function RadioLabel({ children, htmlFor, className, ...props }: React.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+type TextareaProps = React$1.ComponentProps<"textarea"> & {
+    autoResize?: boolean;
 };
-interface Params {
-    AND: Record<string, unknown>[];
-}
-interface AdvanceSearchProps {
-    fields: FieldSchema[];
-    portalId: string;
-    limitRows?: number;
-    iconColor?: string;
-    onSearch?: (param: Params, rows: RowState[]) => void;
-    onClear?: () => void;
-}
+declare function Textarea({ className, autoResize, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
 
-declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
+declare function TooltipProvider$1({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip$1({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger$1({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipArrow(props: React$1.ComponentProps<typeof TooltipPrimitive.Arrow>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent$1({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-type DialogVariant = "default" | "success" | "error" | "warning";
-interface DialogAlertProps {
-    open: boolean;
-    onOpenChange: (state: boolean) => void;
+type ClearButtonProps = {
+    onClick?: () => void;
     title?: string;
-    description?: string;
-    variant?: DialogVariant;
-    confirmText?: string;
-    cancelText?: string;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    showCancel?: boolean;
-    align?: "start" | "center" | "end";
-    outlet?: React__default.ReactNode | null;
-    persistent?: boolean;
+    ariaLabel?: string;
+    className?: string;
+};
+declare const ClearButton: React__default.FC<ClearButtonProps>;
+
+declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const spinnerVariants: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface SpinnerProps extends React$1.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof spinnerVariants>, "size"> {
+    className?: string;
+    size?: VariantProps<typeof spinnerVariants>["size"] | number;
+}
+declare const Spinner: ({ className, variant, size }: SpinnerProps) => react_jsx_runtime.JSX.Element;
+
+declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, arrowClassName, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content> & {
+    arrowClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const index_Accordion: typeof Accordion;
+declare const index_AccordionContent: typeof AccordionContent;
+declare const index_AccordionItem: typeof AccordionItem;
+declare const index_AccordionTrigger: typeof AccordionTrigger;
+declare const index_Button: typeof Button;
+declare const index_Checkbox: typeof Checkbox;
+declare const index_ClearButton: typeof ClearButton;
+declare const index_Dialog: typeof Dialog;
+declare const index_DialogContent: typeof DialogContent;
+declare const index_DialogDescription: typeof DialogDescription;
+declare const index_DialogFooter: typeof DialogFooter;
+declare const index_DialogTitle: typeof DialogTitle;
+declare const index_DialogTrigger: typeof DialogTrigger;
+declare const index_Form: typeof Form;
+declare const index_FormControl: typeof FormControl;
+declare const index_FormDescription: typeof FormDescription;
+declare const index_FormField: typeof FormField;
+declare const index_FormItem: typeof FormItem;
+declare const index_FormLabel: typeof FormLabel;
+declare const index_FormMessage: typeof FormMessage;
+declare const index_InputPrimitive: typeof InputPrimitive;
+type index_InputPrimitiveProps = InputPrimitiveProps;
+declare const index_Label: typeof Label;
+declare const index_Popover: typeof Popover;
+declare const index_PopoverAnchor: typeof PopoverAnchor;
+declare const index_PopoverArrow: typeof PopoverArrow;
+declare const index_PopoverContent: typeof PopoverContent;
+declare const index_PopoverTrigger: typeof PopoverTrigger;
+declare const index_RadioGroupItem: typeof RadioGroupItem;
+declare const index_RadioGroupRoot: typeof RadioGroupRoot;
+declare const index_RadioLabel: typeof RadioLabel;
+declare const index_Select: typeof Select;
+declare const index_SelectContent: typeof SelectContent;
+declare const index_SelectGroup: typeof SelectGroup;
+declare const index_SelectItem: typeof SelectItem;
+declare const index_SelectLabel: typeof SelectLabel;
+declare const index_SelectScrollDownButton: typeof SelectScrollDownButton;
+declare const index_SelectScrollUpButton: typeof SelectScrollUpButton;
+declare const index_SelectSeparator: typeof SelectSeparator;
+declare const index_SelectTrigger: typeof SelectTrigger;
+declare const index_SelectValue: typeof SelectValue;
+declare const index_Separator: typeof Separator;
+declare const index_Spinner: typeof Spinner;
+type index_SpinnerProps = SpinnerProps;
+declare const index_Switch: typeof Switch;
+declare const index_Table: typeof Table;
+declare const index_TableBody: typeof TableBody;
+declare const index_TableCaption: typeof TableCaption;
+declare const index_TableCell: typeof TableCell;
+declare const index_TableContainer: typeof TableContainer;
+declare const index_TableFooter: typeof TableFooter;
+declare const index_TableHead: typeof TableHead;
+declare const index_TableHeader: typeof TableHeader;
+declare const index_TableRow: typeof TableRow;
+declare const index_Textarea: typeof Textarea;
+declare const index_Tooltip: typeof Tooltip;
+declare const index_TooltipContent: typeof TooltipContent;
+declare const index_TooltipProvider: typeof TooltipProvider;
+declare const index_TooltipTrigger: typeof TooltipTrigger;
+declare const index_buttonVariants: typeof buttonVariants;
+declare const index_spinnerVariants: typeof spinnerVariants;
+declare const index_useFormField: typeof useFormField;
+declare namespace index {
+  export { index_Accordion as Accordion, index_AccordionContent as AccordionContent, index_AccordionItem as AccordionItem, index_AccordionTrigger as AccordionTrigger, index_Button as Button, index_Checkbox as Checkbox, index_ClearButton as ClearButton, DatePicker$1 as DatePicker, index_Dialog as Dialog, index_DialogContent as DialogContent, index_DialogDescription as DialogDescription, index_DialogFooter as DialogFooter, index_DialogTitle as DialogTitle, index_DialogTrigger as DialogTrigger, index_Form as Form, index_FormControl as FormControl, index_FormDescription as FormDescription, index_FormField as FormField, index_FormItem as FormItem, index_FormLabel as FormLabel, index_FormMessage as FormMessage, index_InputPrimitive as InputPrimitive, type index_InputPrimitiveProps as InputPrimitiveProps, index_Label as Label, MonthPicker$1 as MonthPicker, type MonthPickerProps$1 as MonthPickerProps, index_Popover as Popover, index_PopoverAnchor as PopoverAnchor, index_PopoverArrow as PopoverArrow, index_PopoverContent as PopoverContent, index_PopoverTrigger as PopoverTrigger, index_RadioGroupItem as RadioGroupItem, index_RadioGroupRoot as RadioGroupRoot, index_RadioLabel as RadioLabel, index_Select as Select, index_SelectContent as SelectContent, index_SelectGroup as SelectGroup, index_SelectItem as SelectItem, index_SelectLabel as SelectLabel, index_SelectScrollDownButton as SelectScrollDownButton, index_SelectScrollUpButton as SelectScrollUpButton, index_SelectSeparator as SelectSeparator, index_SelectTrigger as SelectTrigger, index_SelectValue as SelectValue, index_Separator as Separator, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_Switch as Switch, index_Table as Table, index_TableBody as TableBody, index_TableCaption as TableCaption, index_TableCell as TableCell, index_TableContainer as TableContainer, index_TableFooter as TableFooter, index_TableHead as TableHead, index_TableHeader as TableHeader, index_TableRow as TableRow, index_Textarea as Textarea, index_Tooltip as Tooltip, index_TooltipContent as TooltipContent, index_TooltipProvider as TooltipProvider, index_TooltipTrigger as TooltipTrigger, index_buttonVariants as buttonVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField };
 }
-declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet, persistent }: DialogAlertProps): react_jsx_runtime.JSX.Element;
 
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
@@ -579,4 +961,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, type DebounceOptions, type DebouncedFunction, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, type Params, PreventPageLeave, type RowClickType, type RowState, type ScrollInfo, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, type Column, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SorterProps, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip$1 as Tooltip, TooltipArrow, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };