bsm-design-system 1.22.12 → 1.22.13

package/index.d.mts

@@ -0,0 +1,1157 @@
+import * as React$1 from 'react';
+import React__default, { ButtonHTMLAttributes, JSX } from 'react';
+import * as tailwind_variants from 'tailwind-variants';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Root } from '@radix-ui/react-switch';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Root as Root$1 } from '@radix-ui/react-radio-group';
+import { Root as Root$2 } from '@radix-ui/react-checkbox';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { OTPInput } from 'input-otp';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+
+declare const buttonVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        fill: string;
+        ghost: string;
+        outlined: string;
+        text: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+    rounded: {
+        true: string;
+        false: string;
+    };
+}, 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", {
+    variant: {
+        fill: string;
+        ghost: string;
+        outlined: string;
+        text: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+    rounded: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        fill: string;
+        ghost: string;
+        outlined: string;
+        text: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    iconOnly: {
+        true: string;
+        false: string;
+    };
+    rounded: {
+        true: string;
+        false: string;
+    };
+}, 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>;
+}
+
+/**
+ * A button component with support for ref
+ */
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const switchVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, 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", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, 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;
+
+type SwitchProps = {
+  size?: SwitchSize;
+  iconOn?: React.ReactNode;
+  iconOff?: React.ReactNode;
+  /**
+   * Switch onChange event
+   */
+  onChange?: (checked: boolean) => void;
+} & DefaultType$4;
+
+/**
+ * A switch component
+ */
+declare function Switch({ className, size, disabled, iconOff, iconOn, onChange, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+declare const radioVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, "grid gap-3", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, 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;
+
+type RadioItemProps = React.ComponentProps<
+  typeof RadioGroupPrimitive.Item
+>;
+
+type RadioProps = {
+  size?: RadioSize;
+  /**
+   * RadioGroup onChange event
+   */
+  onChange?: (value: string) => void;
+} & DefaultType$3;
+
+declare function RadioGroup({ className, size, disabled, orientation, onChange, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroup {
+    var Item: ({ className, disabled, children, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) => react_jsx_runtime.JSX.Element;
+}
+
+declare const checkboxVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, 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", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, 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;
+  /**
+   * Checkbox label
+   */
+  label?: string;
+}
+
+declare function Checkbox({ className, size, disabled, onChange, label, id, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+declare const inputVariants: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "peer 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!", {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "peer 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;
+}
+
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const containerVariants: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+        false: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+}, undefined, "bg-background-segment inline-flex items-center justify-center p-1 gap-1", {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+        false: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    rounded: {
+        true: string;
+        false: string;
+    };
+    fullWidth: {
+        true: string;
+        false: string;
+    };
+}, 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;
+
+type SegmentButtonType = {
+  /**
+   * 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;
+} & DefaultType;
+
+declare function SegmentButton({ className, size, disabled, rounded, fullWidth, children, onChange, ...props }: SegmentButtonType): react_jsx_runtime.JSX.Element;
+declare namespace SegmentButton {
+    var Container: ({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) => react_jsx_runtime.JSX.Element;
+    var Item: typeof Trigger;
+}
+declare function Trigger({ className, disabled, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+
+declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace Card {
+    var Header: typeof CardHeader;
+    var Footer: typeof CardFooter;
+    var Content: typeof CardContent;
+}
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
+
+type DefaulTtype = Omit<
+  React.ComponentProps<typeof DialogPrimitive.Root>,
+  "onOpenChange"
+>;
+
+type DialogSize = keyof typeof contentWrapperVariants.variants.size;
+
+type DialogHeaderBarProps = {
+  title?: string | React.ReactNode;
+  hideClose?: boolean;
+  children?: React.ReactNode;
+};
+
+type SmartDialogProps = {
+  open?: boolean;
+  disableCloseOutside?: boolean;
+  onClose?: (open: boolean) => void;
+  trigger?: React.ReactNode;
+  children?: React.ReactNode;
+  size?: DialogSize;
+  onInteractOutside?:
+    | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
+    | undefined;
+} & DefaulTtype;
+
+declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogHeaderBar({ title, hideClose, children }: DialogHeaderBarProps): react_jsx_runtime.JSX.Element;
+declare function SmartDialog({ open, onClose, disableCloseOutside, onInteractOutside, trigger, children, size, ...props }: SmartDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace SmartDialog {
+    var Header: typeof DialogHeaderBar;
+    var Footer: typeof DialogFooter;
+}
+
+type DrawerSide = "top" | "bottom" | "left" | "right";
+
+type DrawerHeader = {
+  title?: string | React.ReactNode;
+  hideClose?: boolean;
+  children?: React.ReactNode;
+  extraAction?: React.ReactNode;
+};
+
+type DrawerProps = {
+  open?: boolean;
+  disableCloseOutside?: boolean;
+  onClose?: (open: boolean) => void;
+  trigger?: React.ReactNode;
+  side?: DrawerSide;
+  onInteractOutside?:
+    | ((event: PointerDownOutsideEvent | FocusOutsideEvent) => void)
+    | undefined;
+  children?: React.ReactNode;
+};
+
+declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SheetHeaderBar({ title, hideClose, children, extraAction, }: DrawerHeader): react_jsx_runtime.JSX.Element;
+declare function SmartSheet({ open, onClose, trigger, disableCloseOutside, onInteractOutside, side, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare namespace SmartSheet {
+    var Header: typeof SheetHeaderBar;
+    var Footer: typeof SheetFooter;
+}
+
+declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
+    separate: {
+        true: string;
+    };
+    variant: {
+        default: string;
+        ghost: string;
+    };
+}, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base  font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
+    separate: {
+        true: string;
+    };
+    variant: {
+        default: string;
+        ghost: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    separate: {
+        true: string;
+    };
+    variant: {
+        default: string;
+        ghost: string;
+    };
+}, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base  font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", 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;
+}
+
+declare const chipsVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+    };
+    isClickable: {
+        true: string;
+    };
+    rounded: {
+        true: string;
+    };
+}, 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", {
+    variant: {
+        default: string;
+        secondary: string;
+    };
+    isClickable: {
+        true: string;
+    };
+    rounded: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+    };
+    isClickable: {
+        true: string;
+    };
+    rounded: {
+        true: string;
+    };
+}, 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 ChipsVariantType = keyof typeof chipsVariants.variants.variant;
+
+interface ChipsType {
+  className?: string;
+  label?: string;
+  rounded?: boolean;
+  disabled?: boolean;
+  icon?: React.ReactNode;
+  variant?: ChipsVariantType;
+  onClose?: () => void;
+  onClick?: () => void;
+}
+
+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: {
+        default: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+        magenta: string;
+        cyan: string;
+        blue: string;
+        lime: string;
+        purple: string;
+        volcano: string;
+    };
+    rounded: {
+        true: string;
+    };
+    borderLess: {
+        true: string;
+    };
+}, 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", {
+    variant: {
+        default: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+        magenta: string;
+        cyan: string;
+        blue: string;
+        lime: string;
+        purple: string;
+        volcano: string;
+    };
+    rounded: {
+        true: string;
+    };
+    borderLess: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+        magenta: string;
+        cyan: string;
+        blue: string;
+        lime: string;
+        purple: string;
+        volcano: string;
+    };
+    rounded: {
+        true: string;
+    };
+    borderLess: {
+        true: string;
+    };
+}, 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 TagVariantsType = keyof typeof tagVariants.variants.variant;
+
+interface TagType {
+  className?: string;
+  label?: string;
+  rounded?: boolean;
+  borderLess?: boolean;
+  icon?: React.ReactNode;
+  variant?: TagVariantsType;
+}
+
+declare const tabsListVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        filled: string;
+        underline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center", {
+    variant: {
+        filled: string;
+        underline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        filled: string;
+        underline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center", unknown, unknown, undefined>>;
+
+type TabsVariants = keyof typeof tabsListVariants.variants.variant;
+type TabsSize = keyof typeof tabsListVariants.variants.size;
+
+type TabsProps = Omit<
+  React.ComponentProps<typeof TabsPrimitive.Root>,
+  "onChange" | "onValueChange"
+> &
+  TabsType;
+
+type TabsListProps = React.ComponentProps<typeof TabsPrimitive.List>;
+
+type TabsTriggerProps = React.ComponentProps<
+  typeof TabsPrimitive.Trigger
+>;
+
+type TabsContentProps = React.ComponentProps<
+  typeof TabsPrimitive.Content
+>;
+interface TabsType {
+  onChange?: (value: string) => void;
+  variant?: TabsVariants;
+  size?: TabsSize;
+  fullWidth?: boolean;
+}
+
+type InputRule =
+  | {format: string; maxLength?: never}
+  | {maxLength: number; format?: never};
+
+type contextType = {
+  separate?: boolean;
+  placeholderChar?: string | null;
+  withPlaceholder?: boolean;
+};
+
+type OTPProps = Omit<
+  React.ComponentProps<typeof OTPInput>,
+  "render" | "maxLength"
+> & {
+  containerClassName?: string;
+  group?: number[];
+} & contextType &
+  InputRule;
+
+interface StepItem {
+  id: number;
+  label: string;
+  caption?: string;
+  disabled?: boolean;
+  icon?: React.ReactNode;
+}
+
+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: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+        default: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+    };
+}, undefined, "relative w-full rounded-2xl border py-4 pr-4 pl-3 text-right flex gap-x-3", {
+    type: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+        default: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    type: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+        default: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+    };
+}, undefined, "relative w-full rounded-2xl border py-4 pr-4 pl-3 text-right flex gap-x-3", unknown, unknown, undefined>>;
+
+type AlertTypes = keyof typeof alertVariants.variants.type;
+type AlertVariants = keyof typeof alertVariants.variants.variant;
+
+type AlertProps = {
+  type?: AlertTypes;
+  variant?: AlertVariants;
+  title?: string;
+  withIcon?: boolean;
+  onClose?: StateAction;
+} & React.ComponentProps<"div">;
+
+type BreadcrumbItemType = {
+  label: string;
+  href?: string;
+  icon?: ReactNode;
+  onClick?: () => void;
+};
+
+type BreadcrumbProps = {
+  items: BreadcrumbItemType[];
+  maxVisible?: number;
+  seperator?: ReactNode;
+  LinkComponent?: ComponentType<{
+    to?: string;
+    href?: string;
+    children: ReactNode;
+  }>;
+};
+
+type IconType = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+
+type OrientationType = "horizontal" | "vertical";
+
+
+type StateAction<T> = () => void | React.Dispatch<
+  React.SetStateAction<T>
+>;
+
+type SingleSelectValueType = string | null;
+type MultiSelectValueType = string[];
+type SelectValue = string | number | undefined;
+
+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;
+}
+
+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;
+
+declare function Alert({ className, type, variant, title, withIcon, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
+
+declare function ScrollArea({ className, children, viewportClassName, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+    viewportClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DynamicBreadcrumb({ items, seperator, maxVisible, LinkComponent, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
+declare const RULES: {
+    readonly ONLY_DIGITS: RegExp;
+    readonly ONLY_CHARS: RegExp;
+    readonly ONLY_DIGITS_AND_CHARS: RegExp;
+    readonly NO_SPACES: RegExp;
+};
+
+declare const isOnlyDigits: (value: string) => boolean;
+declare const isOnlyChars: (value: string) => boolean;
+declare const isOnlyDigitsAndChars: (value: string) => boolean;
+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$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 };