npm - @sustaina/shared-ui - Versions diffs - 1.34.0 → 1.36.0 - Mend

@sustaina/shared-ui 1.34.0 → 1.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -503,7 +503,7 @@ interface DialogAlertProps {
     outlet?: React.ReactNode | null;
     persistent?: boolean;
 }
-type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.remove" | "confirm.logout";
+type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.reset_form" | "confirm.remove" | "confirm.logout";
 type DialogAlertTemplateUnit = Omit<DialogAlertProps, "open" | "onOpenChange">;
 type DialogAlertTemplates = Record<TemplateKeys, DialogAlertTemplateUnit>;
 type DialogAlertI18nResource = Resource;
@@ -726,42 +726,54 @@ type UseGridSettingsStoreState = {
 };
 declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
-declare const ArrowIcon: React$1.FC<SVGProps<SVGSVGElement>>;
+type IconProps = SVGProps<SVGSVGElement> & {
+  size?: number | string;
+  color?: string;
+};
-declare const SuiCalendarIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const ArrowIcon: React$1.FC<IconProps>;
-declare const SuiCalendarIcon2: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const DecreaseIcon: React$1.FC<IconProps>;
-declare const SuiCheckIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const FiltersIcon: React$1.FC<IconProps>;
-declare const SuiDotsVerticalIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const InformationIcon: React$1.FC<IconProps>;
-declare const SuiEmptyDataIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const NotFoundIcon: React__default.FC<IconProps>;
-declare const SuiExpandIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const PlusIcon$2: React$1.FC<IconProps>;
-declare const SuiFilterIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const CustomFieldIcon: React$1.FC<IconProps>;
-interface FiltersIconProps extends SVGProps<SVGSVGElement> {
-    size?: number | string;
-    color?: string;
-    strokeWidth?: number;
-}
-declare const FiltersIcon: React$1.FC<FiltersIconProps>;
+declare const SuiCalendarIcon: React$1.FC<IconProps>;
-declare const NotFoundIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+declare const SuiCalendarIcon2: (props: IconProps) => react_jsx_runtime.JSX.Element;
-declare const SuiSettingIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const SuiCheckIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
-declare const SuiTriangleDownIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const SuiDotsVerticalIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
-declare const SuiWarningIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const SuiEmptyDataIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
-type TrashIconProps = SVGProps<SVGSVGElement> & {
-    size?: number | string;
-    color?: string;
-};
-declare const TrashIcon: React$1.FC<TrashIconProps>;
+declare const SuiExpandIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiFilterIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiSettingIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiTriangleDownIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiWarningIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const TrashIcon: React$1.FC<IconProps>;
+declare const RoleIcon: React$1.FC<IconProps>;
+declare const UserIcon: React$1.FC<IconProps>;
+declare const PlusIcon$1: React$1.FC<IconProps>;
+declare const PlusIcon: React$1.FC<IconProps>;
 type ImageLoaderProps = {
     src: string;
@@ -835,52 +847,34 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps$
 declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
-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;
+type MainListContainerSlots = {
+    Container?: React$1.ElementType<any>;
+    Header?: React$1.ElementType<any>;
 };
-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;
+type MainListContainerClassNames = {
+    root?: string;
+    content?: string;
+};
+type MainListContainerProps = {
+    title?: React$1.ReactNode;
+    titleIcon?: 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>;
+    /** advanced */
+    slots?: MainListContainerSlots;
+    classNames?: MainListContainerClassNames;
+    /** render prop for full control */
+    renderHeader?: (props: {
+        title?: React$1.ReactNode;
+        titleIcon?: React$1.ReactNode;
+        isExpanded?: boolean;
+        onSettingClick?: () => void;
+        onExpandClick?: () => void;
+    }) => React$1.ReactNode;
+};
+declare const MainListContainer: React$1.FC<MainListContainerProps>;
 interface LookupSelectOption {
     value: string;
@@ -1049,6 +1043,40 @@ declare const RichText: React$1.ForwardRefExoticComponent<{
     allowImageUrlInsert?: boolean;
 } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+type RightPanelContainerSlots = {
+    Container?: React$1.ElementType<any>;
+    Header?: React$1.ElementType<RightPanelContainerHeaderProps>;
+};
+type RightPanelContainerClassNames = {
+    root?: string;
+    body?: string;
+    content?: string;
+    header?: string;
+    iconWrapper?: string;
+    title?: string;
+    subtitle?: string;
+};
+type RightPanelContainerHeaderProps = {
+    title?: React$1.ReactNode;
+    subtitle?: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+    classNames?: RightPanelContainerClassNames;
+    rightActions?: React$1.ReactNode;
+};
+type RightPanelContainerProps = {
+    title?: React$1.ReactNode;
+    subtitle?: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+    rightActions?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    isExpanded?: boolean;
+    className?: string;
+    classNames?: RightPanelContainerClassNames;
+    slots?: RightPanelContainerSlots;
+    renderHeader?: (props: RightPanelContainerHeaderProps) => React$1.ReactNode;
+};
+declare const RightPanelContainer: React$1.FC<RightPanelContainerProps>;
 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;
@@ -1072,6 +1100,26 @@ type ClearButtonProps = {
 };
 declare const ClearButton: React__default.FC<ClearButtonProps>;
+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>;
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const spinnerVariants: (props?: ({
@@ -1124,6 +1172,10 @@ declare const index_FormMessage: typeof FormMessage;
 declare const index_Input: typeof Input;
 declare const index_InputPrimitive: typeof InputPrimitive;
 declare const index_Label: typeof Label;
+declare const index_ListContainer: typeof ListContainer;
+type index_ListContainerProps = ListContainerProps;
+declare const index_ListHeader: typeof ListHeader;
+type index_ListHeaderProps = ListHeaderProps;
 declare const index_Popover: typeof Popover;
 declare const index_PopoverAnchor: typeof PopoverAnchor;
 declare const index_PopoverArrow: typeof PopoverArrow;
@@ -1195,7 +1247,7 @@ declare const index_spinnerVariants: typeof spinnerVariants;
 declare const index_useFormField: typeof useFormField;
 declare const index_useSidebar: typeof useSidebar;
 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, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, Dialog$1 as Dialog, index_DialogContent as DialogContent, type index_DialogContentProps as DialogContentProps, 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_Input as Input, index_InputPrimitive as InputPrimitive, type InputPrimitiveProps$1 as InputPrimitiveProps, type InputProps$1 as InputProps, 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_RichText as RichText, 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_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, 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, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, inputVariants$1 as inputVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
+  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, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, Dialog$1 as Dialog, index_DialogContent as DialogContent, type index_DialogContentProps as DialogContentProps, 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_Input as Input, index_InputPrimitive as InputPrimitive, type InputPrimitiveProps$1 as InputPrimitiveProps, type InputProps$1 as InputProps, index_Label as Label, index_ListContainer as ListContainer, type index_ListContainerProps as ListContainerProps, index_ListHeader as ListHeader, type index_ListHeaderProps as ListHeaderProps, 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_RichText as RichText, 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_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, 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, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, inputVariants$1 as inputVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
 }
 type SidebarContextProps = {
@@ -1458,6 +1510,10 @@ type ComboboxProps<TData extends OptionData> = React$1.AriaAttributes & Omit<Vir
     showClear?: boolean;
     onBlur?: (event: React$1.FocusEvent<HTMLButtonElement, Element>) => void;
     onFocus?: (event: React$1.FocusEvent<HTMLButtonElement, Element>) => void;
+    onClear?: (selected: string, option: VirtualizedCommandOption<TData>) => void;
+    open?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    showValueWhenNoMatch?: boolean;
 };
 declare const Combobox: <TData extends OptionData>(props: ComboboxProps<TData> & React$1.RefAttributes<HTMLButtonElement>) => React$1.ReactElement | null;
@@ -1590,7 +1646,8 @@ type UseControllableStateOptions<T = any> = {
 };
 type UseControllableStateResult<T = any> = {
     value: T;
-    updateState: (nextValue: T | ((prev: T) => T)) => void;
+    setValue: (nextValue: T | ((prev: T) => T)) => void;
+    isControlled: boolean;
 };
 declare const useControllableState: <T = any>({ defaultValue, value }: UseControllableStateOptions<T>) => UseControllableStateResult<T>;
@@ -1608,4 +1665,4 @@ type DeepPartialNullish<T> = T extends BrowserNativeObject ? T | null : {
     [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] | null : DeepPartialNullish<T[K]> | null;
 };
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActionButtonProps, ActionMenu, type ActionMenuProps, AdvanceSearch, ArrowIcon, AuditFooter, type AuditFooterProps, type Breakpoints, type BrowserNativeObject, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Combobox, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, 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, type DeepPartial, type DeepPartialNullish, Dialog$1 as Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplateUnit, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type EllipsisConfig, type EmptyObject, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type ExtractObjects, type FieldSchema, type FieldType, FiltersIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, type FormulaEditorProps, type FormulaOperator, type FormulaTokenAttributes, type FormulaTokenConfig, type FormulaTokenSuggestion, type FormulaTokenType, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, Input, type InputCustomInputProps, InputNumber, type InputNumberProps, type InputProps$1 as InputProps, Label, 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 OptionData, type Params, type PermissionString, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, type PrefixMap, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, type RawFormulaSegment, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCalendarIcon2, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, TrashIcon, Truncated, TruncatedMouseEnterDiv, type TruncatedMouseEnterDivProps, type TruncatedProps, index as UI, type UseControllableStateOptions, type UseControllableStateResult, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, VirtualizedCommand, type VirtualizedCommandFieldNames, type VirtualizedCommandOption, type VirtualizedCommandProps, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, inputVariants$1 as inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useControllableState, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActionButtonProps, ActionMenu, type ActionMenuProps, AdvanceSearch, ArrowIcon, AuditFooter, type AuditFooterProps, type Breakpoints, type BrowserNativeObject, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Combobox, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, 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, DecreaseIcon, type DeepPartial, type DeepPartialNullish, Dialog$1 as Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplateUnit, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type EllipsisConfig, type EmptyObject, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type ExtractObjects, type FieldSchema, type FieldType, FiltersIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, type FormulaEditorProps, type FormulaOperator, type FormulaTokenAttributes, type FormulaTokenConfig, type FormulaTokenSuggestion, type FormulaTokenType, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, InformationIcon, Input, type InputCustomInputProps, InputNumber, type InputNumberProps, type InputProps$1 as InputProps, Label, LookupSelect, type LookupSelectOption, type LookupSelectProps, MainListContainer, type MainListContainerClassNames, type MainListContainerProps, type MainListContainerSlots, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type OptionData, type Params, type PermissionString, PlusIcon$2 as PlusIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, type PrefixMap, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, type RawFormulaSegment, RichText, RightPanelContainer, type RightPanelContainerClassNames, type RightPanelContainerHeaderProps, type RightPanelContainerProps, type RightPanelContainerSlots, RoleIcon, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCalendarIcon2, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, TrashIcon, Truncated, TruncatedMouseEnterDiv, type TruncatedMouseEnterDivProps, type TruncatedProps, index as UI, type UseControllableStateOptions, type UseControllableStateResult, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, PlusIcon as UserAloneIcon, PlusIcon$1 as UserFriendIcon, UserIcon, VirtualizedCommand, type VirtualizedCommandFieldNames, type VirtualizedCommandOption, type VirtualizedCommandProps, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, inputVariants$1 as inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useControllableState, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };

package/dist/index.d.ts CHANGED Viewed

@@ -503,7 +503,7 @@ interface DialogAlertProps {
     outlet?: React.ReactNode | null;
     persistent?: boolean;
 }
-type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.remove" | "confirm.logout";
+type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.reset_form" | "confirm.remove" | "confirm.logout";
 type DialogAlertTemplateUnit = Omit<DialogAlertProps, "open" | "onOpenChange">;
 type DialogAlertTemplates = Record<TemplateKeys, DialogAlertTemplateUnit>;
 type DialogAlertI18nResource = Resource;
@@ -726,42 +726,54 @@ type UseGridSettingsStoreState = {
 };
 declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
-declare const ArrowIcon: React$1.FC<SVGProps<SVGSVGElement>>;
+type IconProps = SVGProps<SVGSVGElement> & {
+  size?: number | string;
+  color?: string;
+};
-declare const SuiCalendarIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const ArrowIcon: React$1.FC<IconProps>;
-declare const SuiCalendarIcon2: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const DecreaseIcon: React$1.FC<IconProps>;
-declare const SuiCheckIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const FiltersIcon: React$1.FC<IconProps>;
-declare const SuiDotsVerticalIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const InformationIcon: React$1.FC<IconProps>;
-declare const SuiEmptyDataIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const NotFoundIcon: React__default.FC<IconProps>;
-declare const SuiExpandIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const PlusIcon$2: React$1.FC<IconProps>;
-declare const SuiFilterIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const CustomFieldIcon: React$1.FC<IconProps>;
-interface FiltersIconProps extends SVGProps<SVGSVGElement> {
-    size?: number | string;
-    color?: string;
-    strokeWidth?: number;
-}
-declare const FiltersIcon: React$1.FC<FiltersIconProps>;
+declare const SuiCalendarIcon: React$1.FC<IconProps>;
-declare const NotFoundIcon: React__default.FC<React__default.SVGProps<SVGSVGElement>>;
+declare const SuiCalendarIcon2: (props: IconProps) => react_jsx_runtime.JSX.Element;
-declare const SuiSettingIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const SuiCheckIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
-declare const SuiTriangleDownIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const SuiDotsVerticalIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
-declare const SuiWarningIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare const SuiEmptyDataIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
-type TrashIconProps = SVGProps<SVGSVGElement> & {
-    size?: number | string;
-    color?: string;
-};
-declare const TrashIcon: React$1.FC<TrashIconProps>;
+declare const SuiExpandIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiFilterIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiSettingIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiTriangleDownIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const SuiWarningIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const TrashIcon: React$1.FC<IconProps>;
+declare const RoleIcon: React$1.FC<IconProps>;
+declare const UserIcon: React$1.FC<IconProps>;
+declare const PlusIcon$1: React$1.FC<IconProps>;
+declare const PlusIcon: React$1.FC<IconProps>;
 type ImageLoaderProps = {
     src: string;
@@ -835,52 +847,34 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<InputPrimitiveProps$
 declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
-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;
+type MainListContainerSlots = {
+    Container?: React$1.ElementType<any>;
+    Header?: React$1.ElementType<any>;
 };
-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;
+type MainListContainerClassNames = {
+    root?: string;
+    content?: string;
+};
+type MainListContainerProps = {
+    title?: React$1.ReactNode;
+    titleIcon?: 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>;
+    /** advanced */
+    slots?: MainListContainerSlots;
+    classNames?: MainListContainerClassNames;
+    /** render prop for full control */
+    renderHeader?: (props: {
+        title?: React$1.ReactNode;
+        titleIcon?: React$1.ReactNode;
+        isExpanded?: boolean;
+        onSettingClick?: () => void;
+        onExpandClick?: () => void;
+    }) => React$1.ReactNode;
+};
+declare const MainListContainer: React$1.FC<MainListContainerProps>;
 interface LookupSelectOption {
     value: string;
@@ -1049,6 +1043,40 @@ declare const RichText: React$1.ForwardRefExoticComponent<{
     allowImageUrlInsert?: boolean;
 } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+type RightPanelContainerSlots = {
+    Container?: React$1.ElementType<any>;
+    Header?: React$1.ElementType<RightPanelContainerHeaderProps>;
+};
+type RightPanelContainerClassNames = {
+    root?: string;
+    body?: string;
+    content?: string;
+    header?: string;
+    iconWrapper?: string;
+    title?: string;
+    subtitle?: string;
+};
+type RightPanelContainerHeaderProps = {
+    title?: React$1.ReactNode;
+    subtitle?: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+    classNames?: RightPanelContainerClassNames;
+    rightActions?: React$1.ReactNode;
+};
+type RightPanelContainerProps = {
+    title?: React$1.ReactNode;
+    subtitle?: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+    rightActions?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    isExpanded?: boolean;
+    className?: string;
+    classNames?: RightPanelContainerClassNames;
+    slots?: RightPanelContainerSlots;
+    renderHeader?: (props: RightPanelContainerHeaderProps) => React$1.ReactNode;
+};
+declare const RightPanelContainer: React$1.FC<RightPanelContainerProps>;
 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;
@@ -1072,6 +1100,26 @@ type ClearButtonProps = {
 };
 declare const ClearButton: React__default.FC<ClearButtonProps>;
+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>;
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const spinnerVariants: (props?: ({
@@ -1124,6 +1172,10 @@ declare const index_FormMessage: typeof FormMessage;
 declare const index_Input: typeof Input;
 declare const index_InputPrimitive: typeof InputPrimitive;
 declare const index_Label: typeof Label;
+declare const index_ListContainer: typeof ListContainer;
+type index_ListContainerProps = ListContainerProps;
+declare const index_ListHeader: typeof ListHeader;
+type index_ListHeaderProps = ListHeaderProps;
 declare const index_Popover: typeof Popover;
 declare const index_PopoverAnchor: typeof PopoverAnchor;
 declare const index_PopoverArrow: typeof PopoverArrow;
@@ -1195,7 +1247,7 @@ declare const index_spinnerVariants: typeof spinnerVariants;
 declare const index_useFormField: typeof useFormField;
 declare const index_useSidebar: typeof useSidebar;
 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, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, Dialog$1 as Dialog, index_DialogContent as DialogContent, type index_DialogContentProps as DialogContentProps, 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_Input as Input, index_InputPrimitive as InputPrimitive, type InputPrimitiveProps$1 as InputPrimitiveProps, type InputProps$1 as InputProps, 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_RichText as RichText, 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_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, 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, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, inputVariants$1 as inputVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
+  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, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, Dialog$1 as Dialog, index_DialogContent as DialogContent, type index_DialogContentProps as DialogContentProps, 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_Input as Input, index_InputPrimitive as InputPrimitive, type InputPrimitiveProps$1 as InputPrimitiveProps, type InputProps$1 as InputProps, index_Label as Label, index_ListContainer as ListContainer, type index_ListContainerProps as ListContainerProps, index_ListHeader as ListHeader, type index_ListHeaderProps as ListHeaderProps, 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_RichText as RichText, 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_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, 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, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, inputVariants$1 as inputVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
 }
 type SidebarContextProps = {
@@ -1458,6 +1510,10 @@ type ComboboxProps<TData extends OptionData> = React$1.AriaAttributes & Omit<Vir
     showClear?: boolean;
     onBlur?: (event: React$1.FocusEvent<HTMLButtonElement, Element>) => void;
     onFocus?: (event: React$1.FocusEvent<HTMLButtonElement, Element>) => void;
+    onClear?: (selected: string, option: VirtualizedCommandOption<TData>) => void;
+    open?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    showValueWhenNoMatch?: boolean;
 };
 declare const Combobox: <TData extends OptionData>(props: ComboboxProps<TData> & React$1.RefAttributes<HTMLButtonElement>) => React$1.ReactElement | null;
@@ -1590,7 +1646,8 @@ type UseControllableStateOptions<T = any> = {
 };
 type UseControllableStateResult<T = any> = {
     value: T;
-    updateState: (nextValue: T | ((prev: T) => T)) => void;
+    setValue: (nextValue: T | ((prev: T) => T)) => void;
+    isControlled: boolean;
 };
 declare const useControllableState: <T = any>({ defaultValue, value }: UseControllableStateOptions<T>) => UseControllableStateResult<T>;
@@ -1608,4 +1665,4 @@ type DeepPartialNullish<T> = T extends BrowserNativeObject ? T | null : {
     [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] | null : DeepPartialNullish<T[K]> | null;
 };
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActionButtonProps, ActionMenu, type ActionMenuProps, AdvanceSearch, ArrowIcon, AuditFooter, type AuditFooterProps, type Breakpoints, type BrowserNativeObject, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Combobox, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, 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, type DeepPartial, type DeepPartialNullish, Dialog$1 as Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplateUnit, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type EllipsisConfig, type EmptyObject, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type ExtractObjects, type FieldSchema, type FieldType, FiltersIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, type FormulaEditorProps, type FormulaOperator, type FormulaTokenAttributes, type FormulaTokenConfig, type FormulaTokenSuggestion, type FormulaTokenType, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, Input, type InputCustomInputProps, InputNumber, type InputNumberProps, type InputProps$1 as InputProps, Label, 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 OptionData, type Params, type PermissionString, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, type PrefixMap, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, type RawFormulaSegment, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCalendarIcon2, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, TrashIcon, Truncated, TruncatedMouseEnterDiv, type TruncatedMouseEnterDivProps, type TruncatedProps, index as UI, type UseControllableStateOptions, type UseControllableStateResult, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, VirtualizedCommand, type VirtualizedCommandFieldNames, type VirtualizedCommandOption, type VirtualizedCommandProps, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, inputVariants$1 as inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useControllableState, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActionButtonProps, ActionMenu, type ActionMenuProps, AdvanceSearch, ArrowIcon, AuditFooter, type AuditFooterProps, type Breakpoints, type BrowserNativeObject, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, Combobox, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, 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, DecreaseIcon, type DeepPartial, type DeepPartialNullish, Dialog$1 as Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplateUnit, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type EllipsisConfig, type EmptyObject, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type ExtractObjects, type FieldSchema, type FieldType, FiltersIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, type FormulaEditorProps, type FormulaOperator, type FormulaTokenAttributes, type FormulaTokenConfig, type FormulaTokenSuggestion, type FormulaTokenType, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, InformationIcon, Input, type InputCustomInputProps, InputNumber, type InputNumberProps, type InputProps$1 as InputProps, Label, LookupSelect, type LookupSelectOption, type LookupSelectProps, MainListContainer, type MainListContainerClassNames, type MainListContainerProps, type MainListContainerSlots, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type OptionData, type Params, type PermissionString, PlusIcon$2 as PlusIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, type PrefixMap, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, type RawFormulaSegment, RichText, RightPanelContainer, type RightPanelContainerClassNames, type RightPanelContainerHeaderProps, type RightPanelContainerProps, type RightPanelContainerSlots, RoleIcon, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCalendarIcon2, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, TrashIcon, Truncated, TruncatedMouseEnterDiv, type TruncatedMouseEnterDivProps, type TruncatedProps, index as UI, type UseControllableStateOptions, type UseControllableStateResult, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, PlusIcon as UserAloneIcon, PlusIcon$1 as UserFriendIcon, UserIcon, VirtualizedCommand, type VirtualizedCommandFieldNames, type VirtualizedCommandOption, type VirtualizedCommandProps, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, inputVariants$1 as inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useControllableState, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };