bsm-design-system 1.16.0 → 1.16.2

package/index.d.mts

@@ -90,53 +90,53 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "inline-flex items-center relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
 
-type ButtonVariant = keyof typeof buttonVariants.variants.variant;
-
-type ButtonSize = keyof typeof buttonVariants.variants.size;
-
-type ButtonColors = "primary" | "error";
-
-/**
- * Primary UI component for user interaction
- */
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  /**
-   * Button contents
-   */
-  children: React.ReactNode;
-  /**
-   * Button Trailling Icon
-   */
-  traillingIcon?: React.ReactNode;
-  /**
-   * Button Variant
-   */
-  variant?: ButtonVariant;
-  /**
-   * Button Size
-   */
-  size?: ButtonSize;
-  /**
-   * Button Color
-   */
-  color?: ButtonColors;
-  /**
-   * Button Loading State
-   */
-  loading?: boolean;
-  /**
-  /**
-   * Button Icon Only
-   */
-  iconOnly?: boolean;
-  /**
-   * Button Icon Only
-   */
-  rounded?: boolean;
-  /**
-   * Button Click Event
-   */
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+type ButtonVariant = keyof typeof buttonVariants.variants.variant;
+
+type ButtonSize = keyof typeof buttonVariants.variants.size;
+
+type ButtonColors = "primary" | "error";
+
+/**
+ * Primary UI component for user interaction
+ */
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Button contents
+   */
+  children: React.ReactNode;
+  /**
+   * Button Trailling Icon
+   */
+  traillingIcon?: React.ReactNode;
+  /**
+   * Button Variant
+   */
+  variant?: ButtonVariant;
+  /**
+   * Button Size
+   */
+  size?: ButtonSize;
+  /**
+   * Button Color
+   */
+  color?: ButtonColors;
+  /**
+   * Button Loading State
+   */
+  loading?: boolean;
+  /**
+  /**
+   * Button Icon Only
+   */
+  iconOnly?: boolean;
+  /**
+   * Button Icon Only
+   */
+  rounded?: boolean;
+  /**
+   * Button Click Event
+   */
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
 
 /**
@@ -176,21 +176,21 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
 
-type DefaultType$4 = Omit<
-  React.ComponentProps<typeof Root>,
-  "onCheckedChange" | "onChange"
->;
-
-type SwitchSize = keyof typeof switchVariants.variants.size;
-
-interface SwitchProps extends DefaultType$4 {
-  size?: SwitchSize;
-  iconOn?: React.ReactNode;
-  iconOff?: React.ReactNode;
-  /**
-   * Switch onChange event
-   */
-  onChange?: (checked: boolean) => void;
+type DefaultType$4 = Omit<
+  React.ComponentProps<typeof Root>,
+  "onCheckedChange" | "onChange"
+>;
+
+type SwitchSize = keyof typeof switchVariants.variants.size;
+
+interface SwitchProps extends DefaultType$4 {
+  size?: SwitchSize;
+  iconOn?: React.ReactNode;
+  iconOff?: React.ReactNode;
+  /**
+   * Switch onChange event
+   */
+  onChange?: (checked: boolean) => void;
 }
 
 /**
@@ -242,19 +242,19 @@ declare const radioVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "grid gap-3", unknown, unknown, undefined>>;
 
-type DefaultType$3 = Omit<
-  React.ComponentProps<typeof Root$1>,
-  "onValueChange" | "onChange"
->;
-
-type RadioSize = keyof typeof radioVariants.variants.size;
-
-interface RadioProps extends DefaultType$3 {
-  size?: RadioSize;
-  /**
-   * RadioGroup onChange event
-   */
-  onChange?: (value: string) => void;
+type DefaultType$3 = Omit<
+  React.ComponentProps<typeof Root$1>,
+  "onValueChange" | "onChange"
+>;
+
+type RadioSize = keyof typeof radioVariants.variants.size;
+
+interface RadioProps extends DefaultType$3 {
+  size?: RadioSize;
+  /**
+   * RadioGroup onChange event
+   */
+  onChange?: (value: string) => void;
 }
 
 declare function RadioGroup({ className, size, disabled, orientation, onChange, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
@@ -294,22 +294,22 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
 
-type DefaultType$2 = Omit<
-  React.ComponentProps<typeof Root$2>,
-  "onCheckedChange" | "onChange"
->;
-
-type CheckboxSize = keyof typeof checkboxVariants.variants.size;
-
-interface CheckboxProps extends DefaultType$2 {
-  /**
-   * Checkbox size
-   */
-  size?: CheckboxSize;
-  /**
-   * Checkbox onChange event
-   */
-  onChange?: (checked: boolean | "indeterminate") => void;
+type DefaultType$2 = Omit<
+  React.ComponentProps<typeof Root$2>,
+  "onCheckedChange" | "onChange"
+>;
+
+type CheckboxSize = keyof typeof checkboxVariants.variants.size;
+
+interface CheckboxProps extends DefaultType$2 {
+  /**
+   * Checkbox size
+   */
+  size?: CheckboxSize;
+  /**
+   * Checkbox onChange event
+   */
+  onChange?: (checked: boolean | "indeterminate") => void;
 }
 
 declare function Checkbox({ className, size, disabled, onChange, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
@@ -337,63 +337,63 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "w-full min-w-0  flex-1 rounded-none border-0 bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
 
-type DefaultType$1 = Omit<React.ComponentProps<"input">, "size">;
-
-type InputSize = keyof typeof inputVariants.variants.size;
-
-interface InputProps extends DefaultType$1 {
-  /**
-   * Input Size
-   */
-  size?: InputSize;
-  /**
-   * Input label
-   */
-  label?: string;
-  /**
-   * Input hint
-   */
-  hint?: string;
-  /**
-   * Input Error State
-   */
-  error?: boolean;
-  /**
-   * Input Rounded State
-   */
-  rounded?: boolean;
-  /**
-   * Input Loading State
-   */
-  loading?: boolean;
-  /**
-   * Input Leading Icon
-   */
-  beforeIcon?: React.ReactNode;
-  /**
-   * Input Trailling Icon
-   */
-  afterIcon?: React.ReactNode;
-  /**
-   * Input Action Icon
-   */
-  actionIcon?: React.ReactNode;
-  /**
-   * Action Buttom Event Handler
-   */
-  onActionClick?: () => void;
-  /**
-   * Input Prefix Section
-   */
-  prefix?: string;
-  /**
-   * Input Prefix Section
-   */
-  suffix?: string;
-  /**
-   * Input helpertext Icon
-   */
-  helperText?: string;
+type DefaultType$1 = Omit<React.ComponentProps<"input">, "size">;
+
+type InputSize = keyof typeof inputVariants.variants.size;
+
+interface InputProps extends DefaultType$1 {
+  /**
+   * Input Size
+   */
+  size?: InputSize;
+  /**
+   * Input label
+   */
+  label?: string;
+  /**
+   * Input hint
+   */
+  hint?: string;
+  /**
+   * Input Error State
+   */
+  error?: boolean;
+  /**
+   * Input Rounded State
+   */
+  rounded?: boolean;
+  /**
+   * Input Loading State
+   */
+  loading?: boolean;
+  /**
+   * Input Leading Icon
+   */
+  beforeIcon?: React.ReactNode;
+  /**
+   * Input Trailling Icon
+   */
+  afterIcon?: React.ReactNode;
+  /**
+   * Input Action Icon
+   */
+  actionIcon?: React.ReactNode;
+  /**
+   * Action Buttom Event Handler
+   */
+  onActionClick?: () => void;
+  /**
+   * Input Prefix Section
+   */
+  prefix?: string;
+  /**
+   * Input Prefix Section
+   */
+  suffix?: string;
+  /**
+   * Input helpertext Icon
+   */
+  helperText?: string;
 }
 
 declare function Input({ size, label, error, loading, beforeIcon, afterIcon, actionIcon, className, helperText, prefix, suffix, hint, rounded, onActionClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
@@ -445,34 +445,34 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "bg-background-segment inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
 
-type DefaultType = Omit<
-  React.ComponentProps<typeof TabsPrimitive.Root>,
-  "onValueChange" | "onChange"
->;
-
-type SegmentButtonSize = keyof typeof containerVariants.variants.size;
-
-interface SegmentButtonType extends DefaultType {
-  /**
-   * Segment Button Size
-   */
-  size?: SegmentButtonSize;
-  /**
-   * Segment Button Disabled
-   */
-  disabled?: boolean;
-  /**
-   * Segment Button Rounded
-   */
-  rounded?: boolean;
-  /**
-   * Segment Button fullWidth
-   */
-  fullWidth?: boolean;
-  /**
-   * Segment Button onChange event
-   */
-  onChange?: (value: string) => void;
+type DefaultType = Omit<
+  React.ComponentProps<typeof TabsPrimitive.Root>,
+  "onValueChange" | "onChange"
+>;
+
+type SegmentButtonSize = keyof typeof containerVariants.variants.size;
+
+interface SegmentButtonType extends DefaultType {
+  /**
+   * Segment Button Size
+   */
+  size?: SegmentButtonSize;
+  /**
+   * Segment Button Disabled
+   */
+  disabled?: boolean;
+  /**
+   * Segment Button Rounded
+   */
+  rounded?: boolean;
+  /**
+   * Segment Button fullWidth
+   */
+  fullWidth?: boolean;
+  /**
+   * Segment Button onChange event
+   */
+  onChange?: (value: string) => void;
 }
 
 declare function SegmentButton({ className, size, disabled, rounded, fullWidth, children, onChange, ...props }: SegmentButtonType): react_jsx_runtime.JSX.Element;
@@ -518,19 +518,19 @@ declare const contentVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "bg-background-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 \n            data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-primary-border\n            fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg \n            border p-4 duration-200 text-text", unknown, unknown, undefined>>;
 
-type DefaulTtype = Omit<
-  React.ComponentProps<typeof DialogPrimitive.Root>,
-  "onOpenChange"
->;
-
-type DialogSize = keyof typeof contentVariants.variants.size;
-
-type SmartDialogProps = {
-  open?: boolean;
-  onClose?: (open: boolean) => void;
-  trigger?: React.ReactNode;
-  children?: React.ReactNode;
-  size?: DialogSize;
+type DefaulTtype = Omit<
+  React.ComponentProps<typeof DialogPrimitive.Root>,
+  "onOpenChange"
+>;
+
+type DialogSize = keyof typeof contentVariants.variants.size;
+
+type SmartDialogProps = {
+  open?: boolean;
+  onClose?: (open: boolean) => void;
+  trigger?: React.ReactNode;
+  children?: React.ReactNode;
+  size?: DialogSize;
 } & DefaulTtype;
 
 declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -567,43 +567,43 @@ declare namespace SmartSheet {
     var Footer: typeof SheetFooter;
 }
 
-type Option = {
-  label: string;
-  value: string;
-};
-
-interface BaseSelectProps {
-  className?: string;
-  rounded?: boolean;
-  options: Option[];
-  onSearch?: (text: string) => void;
-  placeholder?: string;
-  emptyText?: string;
-  searchable?: boolean;
-  error?: boolean;
-  loading?: boolean;
-  disabled?: boolean;
-  readOnly?: boolean;
-  asyncSearch?: boolean;
-  label?: string;
-  hint?: string;
-  helperText?: string;
-  size?: "xs" | "sm" | "md" | "lg";
-  scrollContent?: boolean;
-}
-
-interface SingleSelectProps extends BaseSelectProps {
-  mode?: "select"; // default
-  value: string | null;
-  onChange: (v: string | null) => void;
-}
-
-interface MultiSelectProps extends BaseSelectProps {
-  mode: "multi";
-  value: string[];
-  onChange: (v: string[]) => void;
-}
-
+type Option = {
+  label: string;
+  value: string;
+};
+
+interface BaseSelectProps {
+  className?: string;
+  rounded?: boolean;
+  options: Option[];
+  onSearch?: (text: string) => void;
+  placeholder?: string;
+  emptyText?: string;
+  searchable?: boolean;
+  error?: boolean;
+  loading?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  asyncSearch?: boolean;
+  label?: string;
+  hint?: string;
+  helperText?: string;
+  size?: "xs" | "sm" | "md" | "lg";
+  scrollContent?: boolean;
+}
+
+interface SingleSelectProps extends BaseSelectProps {
+  mode?: "select"; // default
+  value: string | null;
+  onChange: (v: string | null) => void;
+}
+
+interface MultiSelectProps extends BaseSelectProps {
+  mode: "multi";
+  value: string[];
+  onChange: (v: string[]) => void;
+}
+
 type SelectProps = SingleSelectProps | MultiSelectProps;
 
 declare function Select({ mode, options, value, className, onChange, onSearch, searchable, loading, label, hint, helperText, error, disabled, rounded, readOnly, size, asyncSearch, scrollContent, placeholder, emptyText, }: SelectProps): react_jsx_runtime.JSX.Element;
@@ -650,16 +650,16 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, " text-text flex flex-1 cursor-pointer items-start gap-4 px-4 py-4 text-right text-sm font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", unknown, unknown, undefined>>;
 
-type AccordionVariant =
-  keyof typeof AccordionTriggerVariants.variants.variant;
-
-interface AccordionProps {
-  separate?: boolean;
-  variant?: AccordionVariant;
-  type?: "single" | "multiple";
-  collapsible?: boolean;
-  iconPosition?: "start" | "end";
-  onChange?: (v: string | strin[]) => void;
+type AccordionVariant =
+  keyof typeof AccordionTriggerVariants.variants.variant;
+
+interface AccordionProps {
+  separate?: boolean;
+  variant?: AccordionVariant;
+  type?: "single" | "multiple";
+  collapsible?: boolean;
+  iconPosition?: "start" | "end";
+  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;
@@ -672,16 +672,16 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 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;
+type PaginationProps = {
+  className?: string;
+  totalItems: number;
+  initialPage?: number;
+  pageSize?: number;
+  pageSizeOptions?: number[];
+  siblings?: number;
+  onPageChange?: (page: number, pageSize: number) => void;
+  showPageSizeSelector?: boolean;
+  showPageInfo?: boolean;
 };
 
 declare function Pagination({ totalItems, initialPage, pageSize, pageSizeOptions, siblings, onPageChange, className, showPageSizeSelector, showPageInfo, }: PaginationProps): react_jsx_runtime.JSX.Element;
@@ -721,17 +721,17 @@ declare const chipsVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-disabled-border disabled:bg-disabled-tertiary  disabled:text-disabled  min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
 
-type variant$1 = keyof typeof chipsVariants.variants.variant;
-
-interface ChipsType {
-  className?: string;
-  label?: string;
-  rounded?: boolean;
-  disabled?: boolean;
-  icon?: React.ReactNode;
-  variant?: variant$1;
-  onClose?: () => void;
-  onClick?: () => void;
+type variant$1 = keyof typeof chipsVariants.variants.variant;
+
+interface ChipsType {
+  className?: string;
+  label?: string;
+  rounded?: boolean;
+  disabled?: boolean;
+  icon?: React.ReactNode;
+  variant?: variant$1;
+  onClose?: () => void;
+  onClick?: () => void;
 }
 
 declare function Badge({ label, icon, className, rounded, variant, disabled, onClose, onClick, }: ChipsType): react_jsx_runtime.JSX.Element;
@@ -801,26 +801,27 @@ declare const tagVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "inline-flex items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", unknown, unknown, undefined>>;
 
-type variant = keyof typeof tagVariants.variants.variant;
-
-interface TagType {
-  className?: string;
-  label?: string;
-  rounded?: boolean;
-  borderLess?: boolean;
-  icon?: React.ReactNode;
-  variant?: variant;
+type variant = keyof typeof tagVariants.variants.variant;
+
+interface TagType {
+  className?: string;
+  label?: string;
+  rounded?: boolean;
+  borderLess?: boolean;
+  icon?: React.ReactNode;
+  variant?: variant;
 }
 
 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, className, align, separate, }: {
+    ({ children, className, align, separated, bordered, }: {
         children: React.ReactNode;
         className?: string;
         align?: "right" | "left" | "center";
-        separate?: boolean;
+        separated?: boolean;
+        bordered?: boolean;
     }): react_jsx_runtime.JSX.Element;
     Row: typeof Row;
     Header: ({ children, className, }: {
@@ -925,14 +926,14 @@ declare const tabsListVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "inline-flex items-center", unknown, unknown, undefined>>;
 
-type TabsVariants = keyof typeof tabsListVariants.variants.variant;
-type TabsSize = keyof typeof tabsListVariants.variants.size;
-
-interface TabsType {
-  onChange?: (value: string) => void;
-  variant?: TabsVariants;
-  size?: TabsSize;
-  fullWidth?: boolean;
+type TabsVariants = keyof typeof tabsListVariants.variants.variant;
+type TabsSize = keyof typeof tabsListVariants.variants.size;
+
+interface TabsType {
+  onChange?: (value: string) => void;
+  variant?: TabsVariants;
+  size?: TabsSize;
+  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;