npm - @sustaina/shared-ui - Versions diffs - 1.39.0 → 1.40.1 - Mend

@sustaina/shared-ui 1.39.0 → 1.40.1

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

@@ -152,7 +152,7 @@ declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 declare const buttonVariants: (props?: ({
     variant?: "cancel" | "default" | "link" | "secondary" | "destructive" | "warning" | "cottonYellowDark" | "cottonGreen" | "cottonBlue" | "cottonRed" | "cottonAccent" | "cottonYellow" | "cottonBlack" | "defaultOutline" | "destructiveOutline" | "outline" | "ghost" | "defaultSelect" | null | undefined;
-    size?: "default" | "option" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    size?: "default" | "option" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-rounded" | "icon-xs-rounded" | "icon-sm-rounded" | "icon-md-rounded" | "icon-lg-rounded" | 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> & {
@@ -1559,6 +1559,20 @@ interface TruncatedMouseEnterDivProps {
 }
 declare const TruncatedMouseEnterDiv: ({ value, className, tooltipProps, tooltipContentProps, arrowClassName }: TruncatedMouseEnterDivProps) => react_jsx_runtime.JSX.Element;
+type TabSelectItem<T extends string> = {
+    id: T;
+    label: string;
+};
+interface TabSelectProps<T extends string> {
+    items: TabSelectItem<T>[];
+    onSelectTab: (state: T) => void;
+    labelWrapperClassName?: string;
+    labelClassName?: string;
+    activeBorderClassName?: string;
+    separatorClassName?: string;
+}
+declare const TabSelect: <T extends string>({ items, onSelectTab, labelWrapperClassName, labelClassName, activeBorderClassName, separatorClassName, ...rest }: ComponentProps<"div"> & TabSelectProps<T>) => react_jsx_runtime.JSX.Element | null;
 declare function isDefined<T>(value: T | null | undefined): value is NonNullable<T>;
 declare function isEmptyObject(value: any): boolean;
 type DebounceOptions = {
@@ -1724,4 +1738,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, AdministrationIcon, AdvanceSearch, AnalyticsIcon, ApplicationLogIcon, 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, CustomActionStatusIcon, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, DashboardIcon, DataEntryIcon, 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 DraftGuardState, type DraftSource, 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, HamburgerMenuIcon, HandymanIcon, 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, MailIcon, MainListContainer, type MainListContainerClassNames, type MainListContainerProps, type MainListContainerSlots, ManIcon, ManagementIcon, MenuIcon, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type OptionData, type Params, type PermissionString, PlusIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PowerIcon, type PrefixMap, PreventPageLeave, QuestionIcon, 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, SetupIcon, 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, ToolBoxIcon, 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, UserAloneIcon, 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, useDraftGuardStore, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useSafeBlocker, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActionButtonProps, ActionMenu, type ActionMenuProps, AdministrationIcon, AdvanceSearch, AnalyticsIcon, ApplicationLogIcon, 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, CustomActionStatusIcon, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, DashboardIcon, DataEntryIcon, 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 DraftGuardState, type DraftSource, 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, HamburgerMenuIcon, HandymanIcon, 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, MailIcon, MainListContainer, type MainListContainerClassNames, type MainListContainerProps, type MainListContainerSlots, ManIcon, ManagementIcon, MenuIcon, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type OptionData, type Params, type PermissionString, PlusIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PowerIcon, type PrefixMap, PreventPageLeave, QuestionIcon, 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, SetupIcon, 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, TabSelect, type TabSelectItem, type TemplateKeys, Textarea, ToolBoxIcon, 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, UserAloneIcon, 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, useDraftGuardStore, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useSafeBlocker, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };

package/dist/index.d.ts CHANGED Viewed

@@ -152,7 +152,7 @@ declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 declare const buttonVariants: (props?: ({
     variant?: "cancel" | "default" | "link" | "secondary" | "destructive" | "warning" | "cottonYellowDark" | "cottonGreen" | "cottonBlue" | "cottonRed" | "cottonAccent" | "cottonYellow" | "cottonBlack" | "defaultOutline" | "destructiveOutline" | "outline" | "ghost" | "defaultSelect" | null | undefined;
-    size?: "default" | "option" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    size?: "default" | "option" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-rounded" | "icon-xs-rounded" | "icon-sm-rounded" | "icon-md-rounded" | "icon-lg-rounded" | 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> & {
@@ -1559,6 +1559,20 @@ interface TruncatedMouseEnterDivProps {
 }
 declare const TruncatedMouseEnterDiv: ({ value, className, tooltipProps, tooltipContentProps, arrowClassName }: TruncatedMouseEnterDivProps) => react_jsx_runtime.JSX.Element;
+type TabSelectItem<T extends string> = {
+    id: T;
+    label: string;
+};
+interface TabSelectProps<T extends string> {
+    items: TabSelectItem<T>[];
+    onSelectTab: (state: T) => void;
+    labelWrapperClassName?: string;
+    labelClassName?: string;
+    activeBorderClassName?: string;
+    separatorClassName?: string;
+}
+declare const TabSelect: <T extends string>({ items, onSelectTab, labelWrapperClassName, labelClassName, activeBorderClassName, separatorClassName, ...rest }: ComponentProps<"div"> & TabSelectProps<T>) => react_jsx_runtime.JSX.Element | null;
 declare function isDefined<T>(value: T | null | undefined): value is NonNullable<T>;
 declare function isEmptyObject(value: any): boolean;
 type DebounceOptions = {
@@ -1724,4 +1738,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, AdministrationIcon, AdvanceSearch, AnalyticsIcon, ApplicationLogIcon, 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, CustomActionStatusIcon, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, DashboardIcon, DataEntryIcon, 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 DraftGuardState, type DraftSource, 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, HamburgerMenuIcon, HandymanIcon, 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, MailIcon, MainListContainer, type MainListContainerClassNames, type MainListContainerProps, type MainListContainerSlots, ManIcon, ManagementIcon, MenuIcon, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type OptionData, type Params, type PermissionString, PlusIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PowerIcon, type PrefixMap, PreventPageLeave, QuestionIcon, 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, SetupIcon, 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, ToolBoxIcon, 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, UserAloneIcon, 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, useDraftGuardStore, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useSafeBlocker, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActionButtonProps, ActionMenu, type ActionMenuProps, AdministrationIcon, AdvanceSearch, AnalyticsIcon, ApplicationLogIcon, 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, CustomActionStatusIcon, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, DashboardIcon, DataEntryIcon, 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 DraftGuardState, type DraftSource, 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, HamburgerMenuIcon, HandymanIcon, 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, MailIcon, MainListContainer, type MainListContainerClassNames, type MainListContainerProps, type MainListContainerSlots, ManIcon, ManagementIcon, MenuIcon, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type OptionData, type Params, type PermissionString, PlusIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PowerIcon, type PrefixMap, PreventPageLeave, QuestionIcon, 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, SetupIcon, 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, TabSelect, type TabSelectItem, type TemplateKeys, Textarea, ToolBoxIcon, 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, UserAloneIcon, 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, useDraftGuardStore, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useSafeBlocker, useScreenSize, useSidebar, useTruncated, validateTokenPrefixes };

package/dist/index.js CHANGED Viewed

@@ -3013,25 +3013,65 @@ var ConditionNumberInput = ({ row, control, onClear }) => /* @__PURE__ */ jsxRun
     }
   }
 );
-var cotton = "hover:ring-2 active:ring-0 focus-visible:ring-2 text-primary-foreground ";
+var cotton = "hover:ring-2 active:ring-0 focus-visible:ring-2 text-primary-foreground disabled:bg-sus-secondary-gray-5 disabled:text-sus-secondary-gray-8";
+var outline = "bg-none disabled:bg-none disabled:border-sus-secondary-gray-5 disabled:text-sus-secondary-gray-8";
 var buttonVariants = classVarianceAuthority.cva(
-  "disabled:bg-sus-secondary-gray-5 disabled:text-sus-secondary-gray-8 inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
   {
     variants: {
       variant: {
-        default: cotton + "bg-sus-primary-green-9 hover:bg-sus-primary-green-8 hover:ring-sus-primary-green-8/20 focus-visible:ring-2 focus-visible:bg-sus-primary-green-8 active:bg-sus-primary-green-10 focus-visible:ring-sus-primary-green-10",
-        destructive: cotton + "bg-sus-button-red-2 hover:bg-sus-button-red-1 hover:ring-sus-button-red-1/20 focus-visible:ring-2 active:bg-sus-button-red-3 focus-visible:bg-sus-button-red-1 focus-visible:ring-sus-button-red-3",
-        cancel: cotton + "bg-sus-button-accent-2 hover:bg-sus-button-accent-1 hover:ring-sus-button-accent-1/20 focus-visible:ring-2 active:bg-sus-button-accent-3 focus-visible:bg-sus-button-accent-1 focus-visible:ring-sus-button-accent-3",
-        warning: cotton + "bg-sus-button-yellow-2 hover:bg-sus-button-yellow-1 hover:ring-sus-button-yellow-1/20 focus-visible:ring-2 active:bg-sus-button-yellow-3 focus-visible:bg-sus-button-yellow-1 focus-visible:ring-sus-button-yellow-3",
-        cottonYellowDark: cotton + "bg-sus-button-yellowdark-2 hover:bg-sus-button-yellowdark-1 hover:ring-sus-button-yellowdark-1/20 focus-visible:ring-2 active:bg-sus-button-yellowdark-3 focus-visible:bg-sus-button-yellowdark-1 focus-visible:ring-sus-button-yellowdark-3",
-        cottonGreen: cotton + "bg-sus-button-green-2 hover:bg-sus-button-green-1 hover:ring-sus-button-green-1/20 focus-visible:ring-2 active:bg-sus-button-green-3 focus-visible:bg-sus-button-green-1 focus-visible:ring-sus-button-green-3",
-        cottonBlue: cotton + "bg-sus-button-blue-2 hover:bg-sus-button-blue-1 hover:ring-sus-button-blue-1/20 focus-visible:ring-2 active:bg-sus-button-blue-3 focus-visible:bg-sus-button-blue-1 focus-visible:ring-sus-button-blue-3",
-        cottonRed: cotton + "bg-sus-button-red-2 hover:bg-sus-button-red-1 hover:ring-sus-button-red-1/20 focus-visible:ring-2 active:bg-sus-button-red-3 focus-visible:bg-sus-button-red-1 focus-visible:ring-sus-button-red-3",
-        cottonAccent: cotton + "bg-sus-button-accent-2 hover:bg-sus-button-accent-1 hover:ring-sus-button-accent-1/20 focus-visible:ring-2 active:bg-sus-button-accent-3 focus-visible:bg-sus-button-accent-1 focus-visible:ring-sus-button-accent-3",
-        cottonYellow: cotton + "bg-sus-button-yellow-2 hover:bg-sus-button-yellow-1 hover:ring-sus-button-yellow-1/20 focus-visible:ring-2 active:bg-sus-button-yellow-3 focus-visible:bg-sus-button-yellow-1 focus-visible:ring-sus-button-yellow-3",
-        cottonBlack: cotton + "bg-sus-button-black-2 hover:bg-sus-button-black-1 hover:ring-sus-button-black-1/20 focus-visible:ring-2 active:bg-sus-button-black-3 focus-visible:bg-sus-button-black-1 focus-visible:ring-sus-button-black-3",
-        defaultOutline: "border border-sus-primary-green-9 text-black hover:border-sus-primary-green-8 hover:text-sus-primary-green-8 active:border-sus-primary-green-9 active:text-black  focus-visible:border-sus-primary-green-10 focus-visible:text-sus-primary-green-10",
-        destructiveOutline: "border border-sus-button-red-2 text-black hover:border-sus-button-red-1 hover:text-sus-button-red-1 active:border-sus-button-red-2 active:text-black  focus-visible:border-sus-button-red-3 focus-visible:text-sus-button-red-3",
+        default: cn(
+          cotton,
+          "bg-sus-primary-green-9 hover:bg-sus-primary-green-8 hover:ring-sus-primary-green-8/20 focus-visible:ring-2 focus-visible:bg-sus-primary-green-8 active:bg-sus-primary-green-10 focus-visible:ring-sus-primary-green-10"
+        ),
+        destructive: cn(
+          cotton,
+          "bg-sus-button-red-2 hover:bg-sus-button-red-1 hover:ring-sus-button-red-1/20 focus-visible:ring-2 active:bg-sus-button-red-3 focus-visible:bg-sus-button-red-1 focus-visible:ring-sus-button-red-3"
+        ),
+        cancel: cn(
+          cotton,
+          "bg-sus-button-accent-2 hover:bg-sus-button-accent-1 hover:ring-sus-button-accent-1/20 focus-visible:ring-2 active:bg-sus-button-accent-3 focus-visible:bg-sus-button-accent-1 focus-visible:ring-sus-button-accent-3"
+        ),
+        warning: cn(
+          cotton,
+          "bg-sus-button-yellow-2 hover:bg-sus-button-yellow-1 hover:ring-sus-button-yellow-1/20 focus-visible:ring-2 active:bg-sus-button-yellow-3 focus-visible:bg-sus-button-yellow-1 focus-visible:ring-sus-button-yellow-3"
+        ),
+        cottonYellowDark: cn(
+          cotton,
+          "bg-sus-button-yellowdark-2 hover:bg-sus-button-yellowdark-1 hover:ring-sus-button-yellowdark-1/20 focus-visible:ring-2 active:bg-sus-button-yellowdark-3 focus-visible:bg-sus-button-yellowdark-1 focus-visible:ring-sus-button-yellowdark-3"
+        ),
+        cottonGreen: cn(
+          cotton,
+          "bg-sus-button-green-2 hover:bg-sus-button-green-1 hover:ring-sus-button-green-1/20 focus-visible:ring-2 active:bg-sus-button-green-3 focus-visible:bg-sus-button-green-1 focus-visible:ring-sus-button-green-3"
+        ),
+        cottonBlue: cn(
+          cotton,
+          "bg-sus-button-blue-2 hover:bg-sus-button-blue-1 hover:ring-sus-button-blue-1/20 focus-visible:ring-2 active:bg-sus-button-blue-3 focus-visible:bg-sus-button-blue-1 focus-visible:ring-sus-button-blue-3"
+        ),
+        cottonRed: cn(
+          cotton,
+          "bg-sus-button-red-2 hover:bg-sus-button-red-1 hover:ring-sus-button-red-1/20 focus-visible:ring-2 active:bg-sus-button-red-3 focus-visible:bg-sus-button-red-1 focus-visible:ring-sus-button-red-3"
+        ),
+        cottonAccent: cn(
+          cotton,
+          "bg-sus-button-accent-2 hover:bg-sus-button-accent-1 hover:ring-sus-button-accent-1/20 focus-visible:ring-2 active:bg-sus-button-accent-3 focus-visible:bg-sus-button-accent-1 focus-visible:ring-sus-button-accent-3"
+        ),
+        cottonYellow: cn(
+          cotton,
+          "bg-sus-button-yellow-2 hover:bg-sus-button-yellow-1 hover:ring-sus-button-yellow-1/20 focus-visible:ring-2 active:bg-sus-button-yellow-3 focus-visible:bg-sus-button-yellow-1 focus-visible:ring-sus-button-yellow-3"
+        ),
+        cottonBlack: cn(
+          cotton,
+          "bg-sus-button-black-2 hover:bg-sus-button-black-1 hover:ring-sus-button-black-1/20 focus-visible:ring-2 active:bg-sus-button-black-3 focus-visible:bg-sus-button-black-1 focus-visible:ring-sus-button-black-3"
+        ),
+        defaultOutline: cn(
+          outline,
+          "border border-sus-primary-green-9 text-black hover:border-sus-primary-green-8 hover:text-sus-primary-green-8 active:border-sus-primary-green-9 active:text-black  focus-visible:border-sus-primary-green-10 focus-visible:text-sus-primary-green-10"
+        ),
+        destructiveOutline: cn(
+          outline,
+          "border border-sus-button-red-2 text-black hover:border-sus-button-red-1 hover:text-sus-button-red-1 active:border-sus-button-red-2 active:text-black  focus-visible:border-sus-button-red-3 focus-visible:text-sus-button-red-3"
+        ),
         outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
@@ -3046,8 +3086,13 @@ var buttonVariants = classVarianceAuthority.cva(
         icon: "size-9",
         "icon-xs": "size-5",
         "icon-sm": "size-[22px]",
-        "icon-md": "size-7",
-        "icon-lg": "size-10"
+        "icon-md": "size-9",
+        "icon-lg": "size-10",
+        "icon-rounded": "size-9 rounded-full",
+        "icon-xs-rounded": "size-5 rounded-full",
+        "icon-sm-rounded": "size-[22px] rounded-full",
+        "icon-md-rounded": "size-9 rounded-full",
+        "icon-lg-rounded": "size-10 rounded-full"
       },
       active: {
         true: "",
@@ -5330,8 +5375,9 @@ var AdvanceSearch = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
+              variant: "cottonAccent",
               type: "button",
-              className: "w-full bg-[#8b8b8b] text-white md:w-auto md:min-w-[120px]",
+              className: "w-full md:w-auto md:min-w-[120px]",
               onClick: () => {
                 clearAllRow();
                 setOperatorErrors({});
@@ -5345,8 +5391,9 @@ var AdvanceSearch = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
+              variant: "default",
               type: "submit",
-              className: "w-full bg-sus-green-2 text-white hover:bg-[#2f7c21] md:w-auto md:min-w-[120px]",
+              className: "w-full md:w-auto md:min-w-[120px]",
               "data-testid": "advsearch-btn-search",
               children: "Search"
             }
@@ -12770,6 +12817,69 @@ var TruncatedMouseEnterDiv = ({
   ] });
 };
 var truncatedMouseEnterDiv_default = TruncatedMouseEnterDiv;
+var TabSelect = ({
+  items,
+  onSelectTab,
+  labelWrapperClassName,
+  labelClassName,
+  activeBorderClassName,
+  separatorClassName,
+  ...rest
+}) => {
+  const [selected, setSelected] = React25.useState(items[0]);
+  React25.useEffect(() => {
+    onSelectTab(selected.id);
+  }, [onSelectTab, selected]);
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "w-full h-10 px-3 flex justify-start items-center border-b border-sus-secondary-gray-3 overflow-scroll"
+      ),
+      ...rest,
+      children: items.length > 0 ? items.map((item, index) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-fit h-full", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "text-sm cursor-pointer relative h-full px-2",
+                selected.id === item.id ? "text-sus-primary-green-9 font-bold" : "text-black font-Semibold",
+                labelWrapperClassName
+              ),
+              onClick: () => setSelected(item),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex items-center h-full", labelClassName), children: item.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "absolute left-0 right-0 bottom-0 border-b-2",
+                      selected.id === item.id ? "border-sus-primary-green-9" : "border-transparent",
+                      activeBorderClassName
+                    )
+                  }
+                )
+              ]
+            },
+            `${item}.${index}`
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Separator2,
+            {
+              hidden: index >= items.length - 1,
+              orientation: "vertical",
+              className: cn("h-[70%]! mx-2 bg-sus-secondary-gray-3", separatorClassName)
+            }
+          )
+        ] }, `key-${index}`);
+      }) : ""
+    }
+  );
+};
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
@@ -12920,6 +13030,7 @@ exports.SuiSettingIcon = setting_default;
 exports.SuiTriangleDownIcon = triangle_down_default;
 exports.SuiWarningIcon = warning_default;
 exports.Switch = Switch;
+exports.TabSelect = TabSelect;
 exports.Textarea = Textarea;
 exports.ToolBoxIcon = ToolBoxIcon;
 exports.Tooltip = Tooltip2;