@bricks-toolkit/toolkit 0.1.21 → 0.1.23

package/dist/file-upload/index.d.mts

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type FileUploadSize = 'sm' | 'md' | 'lg';
+type FileUploadState = 'default' | 'error' | 'success' | 'warning';
+interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    size?: FileUploadSize;
+    state?: FileUploadState;
+    fullWidth?: boolean;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    dropzoneClassName?: string;
+    icon?: ReactNode;
+    maxSize?: number;
+    maxFiles?: number;
+    onFilesSelected?: (files: File[]) => void;
+}
+
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
+
+export { FileUpload, type FileUploadProps, type FileUploadSize, type FileUploadState };

package/dist/file-upload/index.d.ts

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+type FileUploadSize = 'sm' | 'md' | 'lg';
+type FileUploadState = 'default' | 'error' | 'success' | 'warning';
+interface FileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'> {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    warningMessage?: string;
+    size?: FileUploadSize;
+    state?: FileUploadState;
+    fullWidth?: boolean;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    helperClassName?: string;
+    dropzoneClassName?: string;
+    icon?: ReactNode;
+    maxSize?: number;
+    maxFiles?: number;
+    onFilesSelected?: (files: File[]) => void;
+}
+
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
+
+export { FileUpload, type FileUploadProps, type FileUploadSize, type FileUploadState };

package/dist/header/index.d.mts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+
+interface HeaderProps {
+    /** Logo or brand element to display on the left. */
+    logo?: ReactNode;
+    /** Middle section content, often used for search. */
+    children?: ReactNode;
+    /** Array of menu items or icons for the right side actions. */
+    actions?: ReactNode;
+    /** Optional user profile section content. */
+    userSection?: ReactNode;
+    /** Whether the header is sticky at the top. */
+    isSticky?: boolean;
+    /** Additional CSS classes for the container. */
+    className?: string;
+    /** Whether to show the glass effect. */
+    glass?: boolean;
+    /** Sidebar toggle click handler (for mobile). */
+    onMenuToggle?: () => void;
+}
+
+interface HeaderComponent {
+    (props: HeaderProps): React.JSX.Element;
+    displayName?: string;
+}
+declare const Header: HeaderComponent;
+
+export { Header, type HeaderProps };

package/dist/header/index.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+
+interface HeaderProps {
+    /** Logo or brand element to display on the left. */
+    logo?: ReactNode;
+    /** Middle section content, often used for search. */
+    children?: ReactNode;
+    /** Array of menu items or icons for the right side actions. */
+    actions?: ReactNode;
+    /** Optional user profile section content. */
+    userSection?: ReactNode;
+    /** Whether the header is sticky at the top. */
+    isSticky?: boolean;
+    /** Additional CSS classes for the container. */
+    className?: string;
+    /** Whether to show the glass effect. */
+    glass?: boolean;
+    /** Sidebar toggle click handler (for mobile). */
+    onMenuToggle?: () => void;
+}
+
+interface HeaderComponent {
+    (props: HeaderProps): React.JSX.Element;
+    displayName?: string;
+}
+declare const Header: HeaderComponent;
+
+export { Header, type HeaderProps };

package/dist/icon-button/index.d.mts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { B as ButtonProps } from '../Button.types-D-srlWFf.mjs';
+import '../Tooltip.types-PbUasE3C.mjs';
+
+interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
+    /** The icon to display inside the button */
+    icon: ReactNode;
+    /** Accessible label for the icon button */
+    'aria-label': string;
+    /** Whether the button should be rounded/circular */
+    isRound?: boolean;
+}
+
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/icon-button/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { B as ButtonProps } from '../Button.types-BsQYqZml.js';
+import '../Tooltip.types-PbUasE3C.js';
+
+interface IconButtonProps extends Omit<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'loadingText' | 'fullWidth'> {
+    /** The icon to display inside the button */
+    icon: ReactNode;
+    /** Accessible label for the icon button */
+    'aria-label': string;
+    /** Whether the button should be rounded/circular */
+    isRound?: boolean;
+}
+
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/image/index.d.mts

@@ -0,0 +1,48 @@
+import React__default, { ImgHTMLAttributes, ReactNode } from 'react';
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * The source URL of the image.
+     */
+    src: string;
+    /**
+     * The alt text for the image.
+     */
+    alt: string;
+    /**
+     * Optional fallback component or image URL to show if the image fails to load.
+     */
+    fallback?: ReactNode;
+    /**
+     * Optional component to show while the image is loading.
+     * If not provided, a default Skeleton will be used.
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Whether to show a skeleton loader while loading.
+     * @default true
+     */
+    showSkeleton?: boolean;
+    /**
+     * The aspect ratio of the image container.
+     * Useful to prevent layout shift.
+     * Example: '16/9', '1/1', '4/3'
+     */
+    aspectRatio?: string;
+    /**
+     * How the image should be fitted in its container.
+     * @default 'cover'
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Container className.
+     */
+    containerClassName?: string;
+}
+
+/**
+ * A robust Image component with built-in loading states and error handling.
+ */
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/image/index.d.ts

@@ -0,0 +1,48 @@
+import React__default, { ImgHTMLAttributes, ReactNode } from 'react';
+
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * The source URL of the image.
+     */
+    src: string;
+    /**
+     * The alt text for the image.
+     */
+    alt: string;
+    /**
+     * Optional fallback component or image URL to show if the image fails to load.
+     */
+    fallback?: ReactNode;
+    /**
+     * Optional component to show while the image is loading.
+     * If not provided, a default Skeleton will be used.
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Whether to show a skeleton loader while loading.
+     * @default true
+     */
+    showSkeleton?: boolean;
+    /**
+     * The aspect ratio of the image container.
+     * Useful to prevent layout shift.
+     * Example: '16/9', '1/1', '4/3'
+     */
+    aspectRatio?: string;
+    /**
+     * How the image should be fitted in its container.
+     * @default 'cover'
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Container className.
+     */
+    containerClassName?: string;
+}
+
+/**
+ * A robust Image component with built-in loading states and error handling.
+ */
+declare const Image: React__default.ForwardRefExoticComponent<ImageProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Image, type ImageProps };

package/dist/index.cjs

@@ -7,7 +7,7 @@ require('./chunk-NMJ5CVZH.cjs');
 var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
 var chunkY6AN7AWX_cjs = require('./chunk-Y6AN7AWX.cjs');
 var chunkXFNRKHHF_cjs = require('./chunk-XFNRKHHF.cjs');
-var chunk62JXQJBD_cjs = require('./chunk-62JXQJBD.cjs');
+var chunkWB5UDFLD_cjs = require('./chunk-WB5UDFLD.cjs');
 var chunkYMMNWJT6_cjs = require('./chunk-YMMNWJT6.cjs');
 var chunkQ3IFXFFD_cjs = require('./chunk-Q3IFXFFD.cjs');
 var chunkYK7IS7JL_cjs = require('./chunk-YK7IS7JL.cjs');
@@ -22,8 +22,8 @@ var chunkBIKJK4L4_cjs = require('./chunk-BIKJK4L4.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
 var chunkKLBABQEJ_cjs = require('./chunk-KLBABQEJ.cjs');
-var chunkYV3WWKQY_cjs = require('./chunk-YV3WWKQY.cjs');
-var chunkM6XPQ5BE_cjs = require('./chunk-M6XPQ5BE.cjs');
+var chunkOLVRWN5H_cjs = require('./chunk-OLVRWN5H.cjs');
+var chunk3AAAFTLB_cjs = require('./chunk-3AAAFTLB.cjs');
 require('./chunk-J53N2LAE.cjs');
 var chunkOPOCCRJG_cjs = require('./chunk-OPOCCRJG.cjs');
 var chunkAJXVELXK_cjs = require('./chunk-AJXVELXK.cjs');
@@ -651,7 +651,7 @@ Object.defineProperty(exports, "TextInput", {
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunk62JXQJBD_cjs.TimePicker; }
+  get: function () { return chunkWB5UDFLD_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
@@ -727,11 +727,11 @@ Object.defineProperty(exports, "ComboBox", {
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkYV3WWKQY_cjs.DatePicker; }
+  get: function () { return chunkOLVRWN5H_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunkM6XPQ5BE_cjs.DateTimePicker; }
+  get: function () { return chunk3AAAFTLB_cjs.DateTimePicker; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,

package/dist/index.d.mts

@@ -0,0 +1,142 @@
+export { Phone, PhoneProps } from './phone/index.mjs';
+export { SearchInput, SearchInputProps } from './search-input/index.mjs';
+export { TextInput } from './text-input/index.mjs';
+export { T as TextInputProps, a as TextInputSize, b as TextInputState } from './TextInput.types-DRI8HQza.mjs';
+export { Button } from './button/index.mjs';
+export { B as ButtonProps, a as ButtonSize, b as ButtonVariant } from './Button.types-D-srlWFf.mjs';
+export { IconButton, IconButtonProps } from './icon-button/index.mjs';
+export { Sidebar, SidebarGroup, SidebarItem, SidebarProps } from './sidebar/index.mjs';
+export { Header, HeaderProps } from './header/index.mjs';
+export { Checkbox, CheckboxProps, CheckboxSize, CheckboxState } from './checkbox/index.mjs';
+export { Toaster, ToasterProps, ToasterStatus, ToasterVariant } from './toaster/index.mjs';
+export { MultiSelect, MultiSelectProps, MultiSelectSize, MultiSelectState, MultiSelectVariant } from './multi-select/index.mjs';
+export { RadioButton, RadioButtonProps, RadioButtonSize, RadioButtonState } from './radio-button/index.mjs';
+export { TimePicker, TimePickerProps, TimePickerSize, TimePickerState, TimePickerVariant } from './time-picker/index.mjs';
+export { DatePicker, DatePickerProps, DatePickerSize, DatePickerState, DatePickerVariant } from './date-picker/index.mjs';
+export { OtpInput, OtpInputProps } from './otp-input/index.mjs';
+export { Email, EmailProps } from './email/index.mjs';
+export { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardPadding, CardProps, CardTitle, CardTitleProps, CardVariant } from './card/index.mjs';
+export { Link, LinkProps, LinkSize, LinkUnderline, LinkVariant } from './link/index.mjs';
+export { PasswordInput, PasswordInputProps, PasswordInputSize, PasswordInputState, PasswordInputVariant } from './password-input/index.mjs';
+export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.mjs';
+export { Avatar, AvatarProps, AvatarSize, AvatarState, AvatarVariant } from './avatar/index.mjs';
+export { DateTimePicker, DateTimePickerProps, DateTimePickerSize, DateTimePickerState, DateTimePickerVariant } from './date-time-picker/index.mjs';
+export { FileUpload, FileUploadProps, FileUploadSize, FileUploadState } from './file-upload/index.mjs';
+export { Dialog, DialogBody, DialogBodyProps, DialogCloseButton, DialogCloseButtonProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize } from './dialog/index.mjs';
+export { Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalCloseButtonProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, ModalSize } from './modal/index.mjs';
+export { ComboBox, ComboBoxOption, ComboBoxProps, ComboBoxSize, ComboBoxState } from './combo-box/index.mjs';
+export { Pagination, PaginationProps, SortDirection, SortState, Table, TableAlign, TableColumn, TableProps, TableSize } from './table/index.mjs';
+export { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, Breadcrumbs, BreadcrumbsProps } from './breadcrumbs/index.mjs';
+export { Loader, LoaderColor, LoaderProps, LoaderSize, LoaderVariant } from './loader/index.mjs';
+export { Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonShape, SkeletonTable, SkeletonTableProps, SkeletonText, SkeletonTextProps, SkeletonVariant } from './skeleton/index.mjs';
+export { Tooltip } from './tooltip/index.mjs';
+export { T as TooltipPlacement, a as TooltipProps, b as TooltipSize, c as TooltipTrigger } from './Tooltip.types-PbUasE3C.mjs';
+export { Badge, BadgeColor, BadgeProps, BadgeShape, BadgeSize, BadgeVariant } from './badge/index.mjs';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSize, DropdownMenuTrigger, DropdownMenuTriggerProps, DropdownMenuVariant } from './dropdown-menu/index.mjs';
+export { SemanticColors, ThemeConfig, ThemeMode, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './theme-provider/index.mjs';
+import { ClassValue } from 'clsx';
+export { Select, SelectOption, SelectProps, SelectSize, SelectState, SelectVariant } from './select/index.mjs';
+export { Image, ImageProps } from './image/index.mjs';
+import { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/** Visual style of the stepper. */
+type StepperVariant = 'default' | 'filled' | 'outlined' | 'minimal';
+/** Size token for the stepper. */
+type StepperSize = 'sm' | 'md' | 'lg';
+/** Layout orientation. */
+type StepperOrientation = 'horizontal' | 'vertical';
+/** State of an individual step. */
+type StepStatus = 'completed' | 'active' | 'upcoming' | 'error';
+interface StepItem {
+    /** Unique identifier for the step. */
+    id: string;
+    /** Primary label shown below / beside the step indicator. */
+    label: ReactNode;
+    /** Optional secondary description text. */
+    description?: ReactNode;
+    /** Optional custom icon to render inside the step indicator (overrides the step number). */
+    icon?: ReactNode;
+    /** Marks the step as disabled — cannot be clicked. */
+    disabled?: boolean;
+    /** Optional extra content/panel revealed when this step is active. */
+    content?: ReactNode;
+    /** Override status explicitly. When omitted, status is derived from `currentStep`. */
+    status?: StepStatus;
+}
+interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Ordered list of steps to render. */
+    steps: StepItem[];
+    /** Zero-based index of the currently active step. */
+    currentStep?: number;
+    /** Callback fired when the user clicks a step (passes zero-based index). */
+    onChange?: (index: number) => void;
+    /** Visual style. Defaults to `'default'`. */
+    variant?: StepperVariant;
+    /** Size. Defaults to `'md'`. */
+    size?: StepperSize;
+    /** Layout direction. Defaults to `'horizontal'`. */
+    orientation?: StepperOrientation;
+    /** Whether steps are clickable for navigation. Defaults to `false`. */
+    clickable?: boolean;
+    /** Show content panel of the active step below the stepper. Defaults to `true`. */
+    showContent?: boolean;
+    /** Extra class applied to the step connector line. */
+    connectorClassName?: string;
+    /** Extra class applied to each step wrapper. */
+    stepClassName?: string;
+}
+
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+
+type ToggleSize = 'sm' | 'md' | 'lg';
+type ToggleState = 'default' | 'error' | 'success' | 'warning';
+interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: ToggleSize;
+    state?: ToggleState;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+}
+
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+
+interface AccordionProps {
+    children: ReactNode;
+    className?: string;
+    allowMultiple?: boolean;
+    defaultOpenIndices?: number[];
+}
+interface AccordionItemProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Optional manual control over open state.
+     * If provided, the Accordion's internal group logic is ignored for this item.
+     */
+    isOpen?: boolean;
+    onToggle?: () => void;
+    disabled?: boolean;
+}
+interface AccordionTriggerProps {
+    children: ReactNode;
+    className?: string;
+    /** Hide the default chevron icon */
+    hideChevron?: boolean;
+    /** Provide a custom icon instead of the default chevron */
+    icon?: ReactNode;
+    /** Extra content rendered on the right, independent of the toggle button */
+    rightContent?: ReactNode;
+}
+interface AccordionContentProps {
+    children: ReactNode;
+    className?: string;
+}
+
+declare const AccordionItem: ({ children, className, isOpen: controlledIsOpen, onToggle, disabled, }: AccordionItemProps) => React.ReactElement;
+declare const AccordionTrigger: ({ children, className, hideChevron, icon, rightContent, }: AccordionTriggerProps) => React.ReactElement;
+declare const AccordionContent: ({ children, className, }: AccordionContentProps) => React.ReactElement | null;
+declare const Accordion: ({ children, className, allowMultiple, defaultOpenIndices, }: AccordionProps) => React.ReactElement;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type StepItem, type StepStatus, Stepper, type StepperOrientation, type StepperProps, type StepperSize, type StepperVariant, Toggle, type ToggleProps, type ToggleSize, type ToggleState, cn };

package/dist/index.d.ts

@@ -0,0 +1,142 @@
+export { Phone, PhoneProps } from './phone/index.js';
+export { SearchInput, SearchInputProps } from './search-input/index.js';
+export { TextInput } from './text-input/index.js';
+export { T as TextInputProps, a as TextInputSize, b as TextInputState } from './TextInput.types-DRI8HQza.js';
+export { Button } from './button/index.js';
+export { B as ButtonProps, a as ButtonSize, b as ButtonVariant } from './Button.types-BsQYqZml.js';
+export { IconButton, IconButtonProps } from './icon-button/index.js';
+export { Sidebar, SidebarGroup, SidebarItem, SidebarProps } from './sidebar/index.js';
+export { Header, HeaderProps } from './header/index.js';
+export { Checkbox, CheckboxProps, CheckboxSize, CheckboxState } from './checkbox/index.js';
+export { Toaster, ToasterProps, ToasterStatus, ToasterVariant } from './toaster/index.js';
+export { MultiSelect, MultiSelectProps, MultiSelectSize, MultiSelectState, MultiSelectVariant } from './multi-select/index.js';
+export { RadioButton, RadioButtonProps, RadioButtonSize, RadioButtonState } from './radio-button/index.js';
+export { TimePicker, TimePickerProps, TimePickerSize, TimePickerState, TimePickerVariant } from './time-picker/index.js';
+export { DatePicker, DatePickerProps, DatePickerSize, DatePickerState, DatePickerVariant } from './date-picker/index.js';
+export { OtpInput, OtpInputProps } from './otp-input/index.js';
+export { Email, EmailProps } from './email/index.js';
+export { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardPadding, CardProps, CardTitle, CardTitleProps, CardVariant } from './card/index.js';
+export { Link, LinkProps, LinkSize, LinkUnderline, LinkVariant } from './link/index.js';
+export { PasswordInput, PasswordInputProps, PasswordInputSize, PasswordInputState, PasswordInputVariant } from './password-input/index.js';
+export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.js';
+export { Avatar, AvatarProps, AvatarSize, AvatarState, AvatarVariant } from './avatar/index.js';
+export { DateTimePicker, DateTimePickerProps, DateTimePickerSize, DateTimePickerState, DateTimePickerVariant } from './date-time-picker/index.js';
+export { FileUpload, FileUploadProps, FileUploadSize, FileUploadState } from './file-upload/index.js';
+export { Dialog, DialogBody, DialogBodyProps, DialogCloseButton, DialogCloseButtonProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogSize } from './dialog/index.js';
+export { Modal, ModalBody, ModalBodyProps, ModalCloseButton, ModalCloseButtonProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, ModalSize } from './modal/index.js';
+export { ComboBox, ComboBoxOption, ComboBoxProps, ComboBoxSize, ComboBoxState } from './combo-box/index.js';
+export { Pagination, PaginationProps, SortDirection, SortState, Table, TableAlign, TableColumn, TableProps, TableSize } from './table/index.js';
+export { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, Breadcrumbs, BreadcrumbsProps } from './breadcrumbs/index.js';
+export { Loader, LoaderColor, LoaderProps, LoaderSize, LoaderVariant } from './loader/index.js';
+export { Skeleton, SkeletonAvatar, SkeletonAvatarProps, SkeletonCard, SkeletonCardProps, SkeletonProps, SkeletonShape, SkeletonTable, SkeletonTableProps, SkeletonText, SkeletonTextProps, SkeletonVariant } from './skeleton/index.js';
+export { Tooltip } from './tooltip/index.js';
+export { T as TooltipPlacement, a as TooltipProps, b as TooltipSize, c as TooltipTrigger } from './Tooltip.types-PbUasE3C.js';
+export { Badge, BadgeColor, BadgeProps, BadgeShape, BadgeSize, BadgeVariant } from './badge/index.js';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSize, DropdownMenuTrigger, DropdownMenuTriggerProps, DropdownMenuVariant } from './dropdown-menu/index.js';
+export { SemanticColors, ThemeConfig, ThemeMode, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './theme-provider/index.js';
+import { ClassValue } from 'clsx';
+export { Select, SelectOption, SelectProps, SelectSize, SelectState, SelectVariant } from './select/index.js';
+export { Image, ImageProps } from './image/index.js';
+import { ReactNode, HTMLAttributes, InputHTMLAttributes } from 'react';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/** Visual style of the stepper. */
+type StepperVariant = 'default' | 'filled' | 'outlined' | 'minimal';
+/** Size token for the stepper. */
+type StepperSize = 'sm' | 'md' | 'lg';
+/** Layout orientation. */
+type StepperOrientation = 'horizontal' | 'vertical';
+/** State of an individual step. */
+type StepStatus = 'completed' | 'active' | 'upcoming' | 'error';
+interface StepItem {
+    /** Unique identifier for the step. */
+    id: string;
+    /** Primary label shown below / beside the step indicator. */
+    label: ReactNode;
+    /** Optional secondary description text. */
+    description?: ReactNode;
+    /** Optional custom icon to render inside the step indicator (overrides the step number). */
+    icon?: ReactNode;
+    /** Marks the step as disabled — cannot be clicked. */
+    disabled?: boolean;
+    /** Optional extra content/panel revealed when this step is active. */
+    content?: ReactNode;
+    /** Override status explicitly. When omitted, status is derived from `currentStep`. */
+    status?: StepStatus;
+}
+interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Ordered list of steps to render. */
+    steps: StepItem[];
+    /** Zero-based index of the currently active step. */
+    currentStep?: number;
+    /** Callback fired when the user clicks a step (passes zero-based index). */
+    onChange?: (index: number) => void;
+    /** Visual style. Defaults to `'default'`. */
+    variant?: StepperVariant;
+    /** Size. Defaults to `'md'`. */
+    size?: StepperSize;
+    /** Layout direction. Defaults to `'horizontal'`. */
+    orientation?: StepperOrientation;
+    /** Whether steps are clickable for navigation. Defaults to `false`. */
+    clickable?: boolean;
+    /** Show content panel of the active step below the stepper. Defaults to `true`. */
+    showContent?: boolean;
+    /** Extra class applied to the step connector line. */
+    connectorClassName?: string;
+    /** Extra class applied to each step wrapper. */
+    stepClassName?: string;
+}
+
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+
+type ToggleSize = 'sm' | 'md' | 'lg';
+type ToggleState = 'default' | 'error' | 'success' | 'warning';
+interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: ToggleSize;
+    state?: ToggleState;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+}
+
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+
+interface AccordionProps {
+    children: ReactNode;
+    className?: string;
+    allowMultiple?: boolean;
+    defaultOpenIndices?: number[];
+}
+interface AccordionItemProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Optional manual control over open state.
+     * If provided, the Accordion's internal group logic is ignored for this item.
+     */
+    isOpen?: boolean;
+    onToggle?: () => void;
+    disabled?: boolean;
+}
+interface AccordionTriggerProps {
+    children: ReactNode;
+    className?: string;
+    /** Hide the default chevron icon */
+    hideChevron?: boolean;
+    /** Provide a custom icon instead of the default chevron */
+    icon?: ReactNode;
+    /** Extra content rendered on the right, independent of the toggle button */
+    rightContent?: ReactNode;
+}
+interface AccordionContentProps {
+    children: ReactNode;
+    className?: string;
+}
+
+declare const AccordionItem: ({ children, className, isOpen: controlledIsOpen, onToggle, disabled, }: AccordionItemProps) => React.ReactElement;
+declare const AccordionTrigger: ({ children, className, hideChevron, icon, rightContent, }: AccordionTriggerProps) => React.ReactElement;
+declare const AccordionContent: ({ children, className, }: AccordionContentProps) => React.ReactElement | null;
+declare const Accordion: ({ children, className, allowMultiple, defaultOpenIndices, }: AccordionProps) => React.ReactElement;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type StepItem, type StepStatus, Stepper, type StepperOrientation, type StepperProps, type StepperSize, type StepperVariant, Toggle, type ToggleProps, type ToggleSize, type ToggleState, cn };

package/dist/index.mjs

@@ -5,7 +5,7 @@ import './chunk-SBNNV6FE.mjs';
 export { Pagination, Table } from './chunk-7364SUK6.mjs';
 export { Tabs } from './chunk-G4HVY6FM.mjs';
 export { TextInput } from './chunk-CMER5LO3.mjs';
-export { TimePicker } from './chunk-Z5FRCULF.mjs';
+export { TimePicker } from './chunk-APOHZX66.mjs';
 export { Toaster } from './chunk-YOTCXSXL.mjs';
 export { Sidebar } from './chunk-PJH2KEWK.mjs';
 export { Header } from './chunk-EL7COTGN.mjs';
@@ -20,8 +20,8 @@ export { Phone } from './chunk-3YIGXRMU.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
 export { ComboBox } from './chunk-4DA7CRNV.mjs';
-export { DatePicker } from './chunk-UPSMZISM.mjs';
-export { DateTimePicker } from './chunk-6LBTRQZD.mjs';
+export { DatePicker } from './chunk-FTXTHYUJ.mjs';
+export { DateTimePicker } from './chunk-TMVRQ4AY.mjs';
 import './chunk-4PRNRENN.mjs';
 export { Dialog, DialogBody, DialogCloseButton, DialogFooter, DialogHeader } from './chunk-OQPCL5XX.mjs';
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-2POU3NX4.mjs';

package/dist/link/index.d.mts

@@ -0,0 +1,25 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type LinkUnderline = 'always' | 'hover' | 'none';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The styling variant of the link */
+    variant?: LinkVariant;
+    /** The text size of the link */
+    size?: LinkSize;
+    /** Controls when the underline decoration is visible */
+    underline?: LinkUnderline;
+    /** If true, natively configures target="_blank" and secure rel attributes */
+    isExternal?: boolean;
+    /** Disables the link securely (removes pointer events and sets aria-disabled) */
+    disabled?: boolean;
+    /** An optional icon element to display before the text */
+    leftIcon?: ReactNode;
+    /** An optional icon element to display after the text */
+    rightIcon?: ReactNode;
+}
+
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, type LinkProps, type LinkSize, type LinkUnderline, type LinkVariant };

package/dist/link/index.d.ts

@@ -0,0 +1,25 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+type LinkVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+type LinkSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type LinkUnderline = 'always' | 'hover' | 'none';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The styling variant of the link */
+    variant?: LinkVariant;
+    /** The text size of the link */
+    size?: LinkSize;
+    /** Controls when the underline decoration is visible */
+    underline?: LinkUnderline;
+    /** If true, natively configures target="_blank" and secure rel attributes */
+    isExternal?: boolean;
+    /** Disables the link securely (removes pointer events and sets aria-disabled) */
+    disabled?: boolean;
+    /** An optional icon element to display before the text */
+    leftIcon?: ReactNode;
+    /** An optional icon element to display after the text */
+    rightIcon?: ReactNode;
+}
+
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Link, type LinkProps, type LinkSize, type LinkUnderline, type LinkVariant };