@bricks-toolkit/toolkit 0.1.11 → 0.1.12

package/dist/image/index.d.ts

@@ -1,48 +0,0 @@
-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.d.mts

@@ -1,141 +0,0 @@
-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 { 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

@@ -1,141 +0,0 @@
-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 { 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/link/index.d.mts

@@ -1,25 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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/loader/index.d.mts

@@ -1,21 +0,0 @@
-type LoaderVariant = 'spinner' | 'dots' | 'pulse' | 'bar';
-type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type LoaderColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white' | 'current';
-interface LoaderProps {
-    /** Visual style of the loader. Defaults to 'spinner'. */
-    variant?: LoaderVariant;
-    /** Size of the loader. Defaults to 'md'. */
-    size?: LoaderSize;
-    /** Color theme. Defaults to 'primary'. */
-    color?: LoaderColor;
-    /** Screen-reader label. Defaults to 'Loading…'. */
-    label?: string;
-    /** When true the loader is centred inside a full-page overlay. */
-    fullscreen?: boolean;
-    /** Additional class for the outermost element. */
-    className?: string;
-}
-
-declare function Loader({ variant, size, color, label, fullscreen, className, }: LoaderProps): React.JSX.Element;
-
-export { Loader, type LoaderColor, type LoaderProps, type LoaderSize, type LoaderVariant };

package/dist/loader/index.d.ts

@@ -1,21 +0,0 @@
-type LoaderVariant = 'spinner' | 'dots' | 'pulse' | 'bar';
-type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type LoaderColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white' | 'current';
-interface LoaderProps {
-    /** Visual style of the loader. Defaults to 'spinner'. */
-    variant?: LoaderVariant;
-    /** Size of the loader. Defaults to 'md'. */
-    size?: LoaderSize;
-    /** Color theme. Defaults to 'primary'. */
-    color?: LoaderColor;
-    /** Screen-reader label. Defaults to 'Loading…'. */
-    label?: string;
-    /** When true the loader is centred inside a full-page overlay. */
-    fullscreen?: boolean;
-    /** Additional class for the outermost element. */
-    className?: string;
-}
-
-declare function Loader({ variant, size, color, label, fullscreen, className, }: LoaderProps): React.JSX.Element;
-
-export { Loader, type LoaderColor, type LoaderProps, type LoaderSize, type LoaderVariant };

package/dist/modal/index.d.mts

@@ -1,116 +0,0 @@
-import { ReactNode } from 'react';
-
-type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
-/**
- * Visual style variant of the modal
- * - `default`: Standard surface background with border
- * - `glass`: Glassmorphism effect with blur and translucency
- * - `flat`: No border, flat surface
- */
-type ModalVariant = 'default' | 'glass' | 'flat';
-/**
- * Position/entry direction of the modal
- * - `top`: Modal appears near the top
- * - `center`: Modal is vertically centered (default dialog)
- * - `bottom`: Slides up from the bottom (bottom sheet)
- * - `left`: Slides in from the left (left drawer)
- * - `right`: Slides in from the right (right drawer)
- */
-type ModalPosition = 'top' | 'center' | 'bottom' | 'left' | 'right';
-interface ModalProps {
-    /** Controls whether the modal is visible */
-    isOpen: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Content rendered inside the modal */
-    children?: ReactNode;
-    /**
-     * Size of the modal
-     * @default 'md'
-     */
-    size?: ModalSize;
-    /**
-     * Visual variant of the modal
-     * @default 'default'
-     */
-    variant?: ModalVariant;
-    /**
-     * Vertical position of modal on screen
-     * @default 'center'
-     */
-    position?: ModalPosition;
-    /**
-     * Close modal when clicking the overlay
-     * @default true
-     */
-    closeOnOverlayClick?: boolean;
-    /**
-     * Close modal when pressing the Escape key
-     * @default true
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Trap focus inside the modal for accessibility
-     * @default true
-     */
-    trapFocus?: boolean;
-    /**
-     * Lock body scroll when modal is open
-     * @default true
-     */
-    lockScroll?: boolean;
-    /** Extra class(es) applied to the modal content panel */
-    contentClassName?: string;
-    /** Extra class(es) applied to the backdrop overlay */
-    overlayClassName?: string;
-    /**
-     * Show the dark backdrop overlay
-     * @default true
-     */
-    showBackdrop?: boolean;
-    /** aria-label for the dialog (use when no visible title exists) */
-    ariaLabel?: string;
-    /** ID of the element that labels the dialog */
-    ariaLabelledby?: string;
-    /** ID of the element that describes the dialog */
-    ariaDescribedby?: string;
-}
-interface ModalHeaderProps {
-    children: ReactNode;
-    className?: string;
-    /** Optional decorative icon rendered before the title */
-    icon?: ReactNode;
-    /** Optional description shown below the title */
-    description?: string;
-}
-interface ModalBodyProps {
-    children: ReactNode;
-    className?: string;
-    /** Remove default padding (useful for full-bleed content) */
-    noPadding?: boolean;
-}
-interface ModalFooterProps {
-    children: ReactNode;
-    className?: string;
-    /** Left-align the footer actions instead of right-aligning */
-    align?: 'left' | 'center' | 'right';
-}
-interface ModalCloseButtonProps {
-    onClick?: () => void;
-    className?: string;
-}
-
-interface ModalComponent {
-    (props: ModalProps): React.ReactPortal | null;
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-    CloseButton: typeof ModalCloseButton;
-}
-declare const Modal: ModalComponent;
-declare function ModalHeader({ children, className, icon, description, }: ModalHeaderProps): React.JSX.Element;
-declare function ModalBody({ children, className, noPadding, }: ModalBodyProps): React.JSX.Element;
-declare function ModalFooter({ children, className, align, }: ModalFooterProps): React.JSX.Element;
-declare function ModalCloseButton({ onClick, className }: ModalCloseButtonProps): React.JSX.Element;
-
-export { Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPosition, type ModalProps, type ModalSize, type ModalVariant };

package/dist/modal/index.d.ts

@@ -1,116 +0,0 @@
-import { ReactNode } from 'react';
-
-type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
-/**
- * Visual style variant of the modal
- * - `default`: Standard surface background with border
- * - `glass`: Glassmorphism effect with blur and translucency
- * - `flat`: No border, flat surface
- */
-type ModalVariant = 'default' | 'glass' | 'flat';
-/**
- * Position/entry direction of the modal
- * - `top`: Modal appears near the top
- * - `center`: Modal is vertically centered (default dialog)
- * - `bottom`: Slides up from the bottom (bottom sheet)
- * - `left`: Slides in from the left (left drawer)
- * - `right`: Slides in from the right (right drawer)
- */
-type ModalPosition = 'top' | 'center' | 'bottom' | 'left' | 'right';
-interface ModalProps {
-    /** Controls whether the modal is visible */
-    isOpen: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Content rendered inside the modal */
-    children?: ReactNode;
-    /**
-     * Size of the modal
-     * @default 'md'
-     */
-    size?: ModalSize;
-    /**
-     * Visual variant of the modal
-     * @default 'default'
-     */
-    variant?: ModalVariant;
-    /**
-     * Vertical position of modal on screen
-     * @default 'center'
-     */
-    position?: ModalPosition;
-    /**
-     * Close modal when clicking the overlay
-     * @default true
-     */
-    closeOnOverlayClick?: boolean;
-    /**
-     * Close modal when pressing the Escape key
-     * @default true
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Trap focus inside the modal for accessibility
-     * @default true
-     */
-    trapFocus?: boolean;
-    /**
-     * Lock body scroll when modal is open
-     * @default true
-     */
-    lockScroll?: boolean;
-    /** Extra class(es) applied to the modal content panel */
-    contentClassName?: string;
-    /** Extra class(es) applied to the backdrop overlay */
-    overlayClassName?: string;
-    /**
-     * Show the dark backdrop overlay
-     * @default true
-     */
-    showBackdrop?: boolean;
-    /** aria-label for the dialog (use when no visible title exists) */
-    ariaLabel?: string;
-    /** ID of the element that labels the dialog */
-    ariaLabelledby?: string;
-    /** ID of the element that describes the dialog */
-    ariaDescribedby?: string;
-}
-interface ModalHeaderProps {
-    children: ReactNode;
-    className?: string;
-    /** Optional decorative icon rendered before the title */
-    icon?: ReactNode;
-    /** Optional description shown below the title */
-    description?: string;
-}
-interface ModalBodyProps {
-    children: ReactNode;
-    className?: string;
-    /** Remove default padding (useful for full-bleed content) */
-    noPadding?: boolean;
-}
-interface ModalFooterProps {
-    children: ReactNode;
-    className?: string;
-    /** Left-align the footer actions instead of right-aligning */
-    align?: 'left' | 'center' | 'right';
-}
-interface ModalCloseButtonProps {
-    onClick?: () => void;
-    className?: string;
-}
-
-interface ModalComponent {
-    (props: ModalProps): React.ReactPortal | null;
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-    CloseButton: typeof ModalCloseButton;
-}
-declare const Modal: ModalComponent;
-declare function ModalHeader({ children, className, icon, description, }: ModalHeaderProps): React.JSX.Element;
-declare function ModalBody({ children, className, noPadding, }: ModalBodyProps): React.JSX.Element;
-declare function ModalFooter({ children, className, align, }: ModalFooterProps): React.JSX.Element;
-declare function ModalCloseButton({ onClick, className }: ModalCloseButtonProps): React.JSX.Element;
-
-export { Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPosition, type ModalProps, type ModalSize, type ModalVariant };