bsm-design-system 1.22.0 → 1.22.2

package/index.d.mts

@@ -582,70 +582,6 @@ declare namespace SmartSheet {
     var Footer: typeof SheetFooter;
 }
 
-type SingleSelectValueType = string | null;
-type MultiSelectValueType = string[];
-type SelectValue = string | number;
-
-type SelectOptionType<T extends object = {}> = {
-  label: string;
-  value: SelectValue;
-} & T;
-
-interface BaseSelectProps {
-  className?: string;
-  rounded?: boolean;
-  options: SelectOptionType[];
-  onSearch?: (text: string) => void;
-  placeholder?: string;
-  emptyText?: string;
-  searchable?: boolean;
-  error?: boolean;
-  loading?: boolean;
-  disabled?: boolean;
-  readOnly?: boolean;
-  asyncSearch?: boolean;
-  clearable?: boolean;
-  label?: string;
-  hint?: string;
-  helperText?: string;
-  size?: "xs" | "sm" | "md" | "lg";
-  scrollContent?: boolean;
-}
-
-interface SingleSelectProps extends BaseSelectProps {
-  mode?: "select"; // default
-  value: SelectValue | null;
-  onChange: (v: SelectValue | null, opt?: SelectOptionType) => void;
-}
-
-interface MultiSelectProps extends BaseSelectProps {
-  mode: "multi";
-  value: SelectValue[] | [];
-  onChange: (v: SelectValue[]) => void;
-}
-
-type SelectProps = SingleSelectProps | MultiSelectProps;
-
-declare function Select(props: SingleSelectProps): JSX.Element;
-declare function Select(props: MultiSelectProps): JSX.Element;
-declare function Select({ mode, options, value, className, onChange, onSearch, searchable, loading, label, hint, helperText, error, disabled, rounded, readOnly, size, asyncSearch, scrollContent, clearable, placeholder, emptyText, }: SelectProps): react_jsx_runtime.JSX.Element;
-
-declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare namespace Tooltip {
-    var Trigger: typeof TooltipTrigger;
-    var Content: typeof TooltipContent;
-}
-declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
-
-declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare namespace Popover {
-    var Trigger: typeof PopoverTrigger$1;
-    var Content: typeof PopoverContent$1;
-}
-declare function PopoverTrigger$1({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function PopoverContent$1({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
-
 declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
     separate: {
         true: string;
@@ -684,31 +620,6 @@ interface AccordionProps {
   onChange?: (v: string | strin[]) => void;
 }
 
-declare function Accordion({ className, separate, variant, collapsible, type, onChange, iconPosition, ...props }: Omit<React$1.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "onValueChange" | "onChange"> & AccordionProps): react_jsx_runtime.JSX.Element;
-declare namespace Accordion {
-    var Item: typeof AccordionItem;
-    var Trigger: typeof AccordionTrigger;
-    var Content: typeof AccordionContent;
-}
-declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
-
-type PaginationProps = {
-  className?: string;
-  totalItems: number;
-  initialPage?: number;
-  pageSize?: number;
-  pageSizeOptions?: number[];
-  siblings?: number;
-  onPageChange?: (page: number, pageSize: number) => void;
-  showPageSizeSelector?: boolean;
-  showPageInfo?: boolean;
-  rounded?: boolean;
-};
-
-declare function Pagination({ totalItems, initialPage, pageSize, pageSizeOptions, siblings, onPageChange, className, showPageSizeSelector, showPageInfo, rounded, }: PaginationProps): react_jsx_runtime.JSX.Element;
-
 declare const chipsVariants: tailwind_variants.TVReturnType<{
     variant: {
         default: string;
@@ -757,7 +668,27 @@ interface ChipsType {
   onClick?: () => void;
 }
 
-declare function Badge({ label, icon, className, rounded, variant, disabled, onClose, onClick, }: ChipsType): react_jsx_runtime.JSX.Element;
+type PaginationProps = {
+  className?: string;
+  totalItems: number;
+  initialPage?: number;
+  pageSize?: number;
+  pageSizeOptions?: number[];
+  siblings?: number;
+  onPageChange?: (page: number, pageSize: number) => void;
+  showPageSizeSelector?: boolean;
+  showPageInfo?: boolean;
+  rounded?: boolean;
+};
+
+type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;
+type PopoverTrigger$1 = React.ComponentProps<
+  typeof PopoverPrimitive.Trigger
+>;
+
+type PopoverContent$1 = React.ComponentProps<
+  typeof PopoverPrimitive.Content
+>;
 
 declare const tagVariants: tailwind_variants.TVReturnType<{
     variant: {
@@ -835,76 +766,6 @@ interface TagType {
   variant?: TagVariantsType;
 }
 
-declare function Tag({ label, icon, className, rounded, variant, borderLess, }: TagType): react_jsx_runtime.JSX.Element;
-
-declare function Panel({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare const Table: {
-    ({ children, align, separated, bordered, heigthClassName, }: {
-        children: React.ReactNode;
-        align?: "right" | "left" | "center";
-        separated?: boolean;
-        bordered?: boolean;
-        heigthClassName?: string;
-    }): react_jsx_runtime.JSX.Element;
-    Row: typeof Row;
-    Header: ({ children, className, }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    Body: ({ children }: {
-        children: React.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    Footer: ({ children, className, }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    Panel: typeof Panel;
-    Cell: typeof Cell;
-    Head: typeof Head;
-    Container: ({ children, className, }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    Caption: typeof Caption;
-};
-declare function Row({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
-declare function Head({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
-declare function Cell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
-declare function Caption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
-
-declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare namespace DropdownMenu {
-    var Portal: typeof DropdownMenuPortal;
-    var Trigger: typeof DropdownMenuTrigger;
-    var Content: typeof DropdownMenuContent;
-    var Group: typeof DropdownMenuGroup;
-    var Label: typeof DropdownMenuLabel;
-    var Item: typeof DropdownMenuItem;
-    var Separator: typeof DropdownMenuSeparator;
-    var Shortcut: typeof DropdownMenuShortcut;
-    var Sub: typeof DropdownMenuSub;
-    var SubTrigger: typeof DropdownMenuSubTrigger;
-    var SubContent: typeof DropdownMenuSubContent;
-}
-declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuTrigger({ asChild, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
-
 declare const tabsListVariants: tailwind_variants.TVReturnType<{
     variant: {
         filled: string;
@@ -962,16 +823,6 @@ interface TabsType {
   fullWidth?: boolean;
 }
 
-declare function Tabs({ className, onChange, variant, size, fullWidth, ...props }: Omit<React$1.ComponentProps<typeof TabsPrimitive.Root>, "onChange" | "onValueChange"> & TabsType): react_jsx_runtime.JSX.Element;
-declare namespace Tabs {
-    var List: typeof TabsList;
-    var Trigger: typeof TabsTrigger;
-    var Content: typeof TabsContent;
-}
-declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
-
 type InputRule =
   | {format: string; maxLength?: never}
   | {maxLength: number; format?: never};
@@ -991,32 +842,25 @@ type OTPProps = Omit<
 } & contextType &
   InputRule;
 
-declare function InputOTP({ className, containerClassName, separate, withPlaceholder, placeholderChar, group, format, maxLength, pattern, ...props }: OTPProps): react_jsx_runtime.JSX.Element;
-
-type MenuItem = {
-    key: string;
-    label: string;
-    icon?: React.ReactNode;
-    onClick?: () => void;
-    children?: MenuItem[];
-};
-type Props = {
-    items: MenuItem[];
-    activeKey?: string;
-    level?: number;
-};
-declare function NestedAccordionMenu({ items, activeKey, level, }: Props): react_jsx_runtime.JSX.Element;
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;
-type PopoverTrigger = React.ComponentProps<
-  typeof PopoverPrimitive.Trigger
->;
+interface StepItem {
+  id: number;
+  label: string;
+  caption?: string;
+  disabled?: boolean;
+  icon?: React.ReactNode;
+}
 
-type PopoverContent = React.ComponentProps<
-  typeof PopoverPrimitive.Content
->;
+type ConnectorType = "dashed" | "solid";
+interface StepperProps {
+  steps: StepItem[];
+  activeStep: number;
+  onChange?: (id: number) => void;
+  orientation?: OrientationType;
+  className?: string;
+  clickable?: boolean;
+  dotStyle?: boolean;
+  connector?: ConnectorType;
+}
 
 declare const alertVariants: tailwind_variants.TVReturnType<{
     type: {
@@ -1094,25 +938,189 @@ type StateAction<T> = () => void | React.Dispatch<
   React.SetStateAction<T>
 >;
 
-interface StepItem {
-  id: number;
+type SingleSelectValueType = string | null;
+type MultiSelectValueType = string[];
+type SelectValue = string | number | undefined;
+
+type SelectOptionType<T extends object = {}> = {
   label: string;
-  caption?: string;
+  value: SelectValue;
+} & T;
+
+interface BaseSelectProps {
+  className?: string;
+  rounded?: boolean;
+  options: SelectOptionType[];
+  onSearch?: (text: string) => void;
+  placeholder?: string;
+  emptyText?: string;
+  searchable?: boolean;
+  error?: boolean;
+  loading?: boolean;
   disabled?: boolean;
-  icon?: React.ReactNode;
+  readOnly?: boolean;
+  asyncSearch?: boolean;
+  clearable?: boolean;
+  label?: string;
+  hint?: string;
+  helperText?: string;
+  size?: "xs" | "sm" | "md" | "lg";
+  scrollContent?: boolean;
 }
 
-type ConnectorType = "dashed" | "solid";
-interface StepperProps {
-  steps: StepItem[];
-  activeStep: number;
-  onChange?: (id: number) => void;
-  orientation?: OrientationType;
-  className?: string;
-  clickable?: boolean;
-  dotStyle?: boolean;
-  connector?: ConnectorType;
+type OnChangeHandlerType<T extends SelectValue> =
+  | ((value: T, opt?: SelectOptionType<T>) => void)
+  | React.Dispatch<React.SetStateAction<T>>;
+
+type OnChangeHandlerMultiType<T extends SelectValue> =
+  | ((v: SelectValue[]) => void)
+  | React.Dispatch<React.SetStateAction<T>>;
+
+interface SingleSelectProps extends BaseSelectProps {
+  mode?: "select"; // default
+  value: SelectValue;
+  onChange: OnChangeHandlerType;
+}
+
+interface MultiSelectProps extends BaseSelectProps {
+  mode: "multi";
+  value: SelectValue[] | [];
+  onChange: OnChangeHandlerMultiType;
+}
+
+type SelectProps = SingleSelectProps | MultiSelectProps;
+
+declare function Select(props: SingleSelectProps): JSX.Element;
+declare function Select(props: MultiSelectProps): JSX.Element;
+declare function Select({ mode, options, value, className, onChange, onSearch, searchable, loading, label, hint, helperText, error, disabled, rounded, readOnly, size, asyncSearch, scrollContent, clearable, placeholder, emptyText, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Tooltip {
+    var Trigger: typeof TooltipTrigger;
+    var Content: typeof TooltipContent;
+}
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Popover {
+    var Trigger: typeof PopoverTrigger;
+    var Content: typeof PopoverContent;
+}
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Accordion({ className, separate, variant, collapsible, type, onChange, iconPosition, ...props }: Omit<React$1.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "onValueChange" | "onChange"> & AccordionProps): react_jsx_runtime.JSX.Element;
+declare namespace Accordion {
+    var Item: typeof AccordionItem;
+    var Trigger: typeof AccordionTrigger;
+    var Content: typeof AccordionContent;
+}
+declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Pagination({ totalItems, initialPage, pageSize, pageSizeOptions, siblings, onPageChange, className, showPageSizeSelector, showPageInfo, rounded, }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+declare function Badge({ label, icon, className, rounded, variant, disabled, onClose, onClick, }: ChipsType): react_jsx_runtime.JSX.Element;
+
+declare function Tag({ label, icon, className, rounded, variant, borderLess, }: TagType): react_jsx_runtime.JSX.Element;
+
+declare function Panel({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const Table: {
+    ({ children, align, separated, bordered, heigthClassName, }: {
+        children: React.ReactNode;
+        align?: "right" | "left" | "center";
+        separated?: boolean;
+        bordered?: boolean;
+        heigthClassName?: string;
+    }): react_jsx_runtime.JSX.Element;
+    Row: typeof Row;
+    Header: ({ children, className, }: {
+        children: React.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Body: ({ children }: {
+        children: React.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children, className, }: {
+        children: React.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Panel: typeof Panel;
+    Cell: typeof Cell;
+    Head: typeof Head;
+    Container: ({ children, className, }: {
+        children: React.ReactNode;
+        className?: string;
+    }) => react_jsx_runtime.JSX.Element;
+    Caption: typeof Caption;
+};
+declare function Row({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare function Head({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare function Cell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function Caption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenu {
+    var Portal: typeof DropdownMenuPortal;
+    var Trigger: typeof DropdownMenuTrigger;
+    var Content: typeof DropdownMenuContent;
+    var Group: typeof DropdownMenuGroup;
+    var Label: typeof DropdownMenuLabel;
+    var Item: typeof DropdownMenuItem;
+    var Separator: typeof DropdownMenuSeparator;
+    var Shortcut: typeof DropdownMenuShortcut;
+    var Sub: typeof DropdownMenuSub;
+    var SubTrigger: typeof DropdownMenuSubTrigger;
+    var SubContent: typeof DropdownMenuSubContent;
+}
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ asChild, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+declare function Tabs({ className, onChange, variant, size, fullWidth, ...props }: Omit<React$1.ComponentProps<typeof TabsPrimitive.Root>, "onChange" | "onValueChange"> & TabsType): react_jsx_runtime.JSX.Element;
+declare namespace Tabs {
+    var List: typeof TabsList;
+    var Trigger: typeof TabsTrigger;
+    var Content: typeof TabsContent;
 }
+declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function InputOTP({ className, containerClassName, separate, withPlaceholder, placeholderChar, group, format, maxLength, pattern, ...props }: OTPProps): react_jsx_runtime.JSX.Element;
+
+type MenuItem = {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    children?: MenuItem[];
+};
+type Props = {
+    items: MenuItem[];
+    activeKey?: string;
+    level?: number;
+};
+declare function NestedAccordionMenu({ items, activeKey, level, }: Props): react_jsx_runtime.JSX.Element;
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 declare function Stepper({ steps, activeStep, onChange, orientation, className, clickable, dotStyle, connector, }: StepperProps): react_jsx_runtime.JSX.Element;
 
@@ -1138,4 +1146,4 @@ declare const isNoSpace: (value: string) => boolean;
 
 declare const toEnglishDigits: (value: string) => string;
 
-export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent, type PopoverProps, type PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
+export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };