@bricks-toolkit/toolkit 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -1,75 +1,141 @@
-export { Phone } from './components/Phone';
-export { SearchInput } from './components/SearchInput';
-export { TextInput } from './components/TextInput';
-export { Button } from './components/Button';
-export { IconButton } from './components/IconButton';
-export { Sidebar } from './components/Sidebar';
-export { Header } from './components/Header';
-export { Checkbox } from './components/Checkbox';
-export { Toaster } from './components/Toaster';
-export { MultiSelect } from './components/MultiSelect';
-export { RadioButton } from './components/RadioButton';
-export { TimePicker } from './components/TimePicker';
-export { DatePicker } from './components/DatePicker';
-export { OtpInput } from './components/OtpInput';
-export type { OtpInputProps } from './components/OtpInput';
-export { Email } from './components/Email';
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, } from './components/Card';
-export { Link } from './components/Link';
-export type { SearchInputProps } from './components/SearchInput';
-export type { TextInputProps, TextInputSize, TextInputState } from './components/TextInput';
-export type { PhoneProps } from './components/Phone';
-export type { EmailProps } from './components/Email';
-export type { CardProps, CardVariant, CardPadding, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './components/Card';
-export type { LinkProps, LinkVariant, LinkSize, LinkUnderline } from './components/Link';
-export type { CheckboxProps, CheckboxSize, CheckboxState } from './components/Checkbox';
-export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
-export type { IconButtonProps } from './components/IconButton';
-export { PasswordInput } from './components/PasswordInput';
-export type { PasswordInputProps, PasswordInputVariant, PasswordInputSize, PasswordInputState, } from './components/PasswordInput';
-export { Tabs } from './components/Tabs';
-export type { TabsProps, TabsVariant, TabsSize, TabItem } from './components/Tabs';
-export { Avatar } from './components/Avatar';
-export type { AvatarProps, AvatarVariant, AvatarSize, AvatarState } from './components/Avatar';
-export type { DatePickerProps, DatePickerVariant, DatePickerSize, DatePickerState, } from './components/DatePicker';
-export type { TimePickerProps, TimePickerVariant, TimePickerSize, TimePickerState, } from './components/TimePicker';
-export type { RadioButtonProps, RadioButtonSize, RadioButtonState } from './components/RadioButton';
-export type { MultiSelectProps, MultiSelectVariant, MultiSelectSize, MultiSelectState, } from './components/MultiSelect';
-export { FileUpload } from './components/FileUpload';
-export type { FileUploadProps, FileUploadSize, FileUploadState } from './components/FileUpload';
-export { Dialog, DialogHeader, DialogBody, DialogFooter, DialogCloseButton, } from './components/Dialog';
-export type { DialogProps, DialogSize, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogCloseButtonProps, } from './components/Dialog';
-export { Modal, ModalHeader, ModalBody, ModalFooter, ModalCloseButton } from './components/Modal';
-export type { ModalProps, ModalSize, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalCloseButtonProps, } from './components/Modal';
-export { ComboBox } from './components/ComboBox';
-export type { ComboBoxProps, ComboBoxOption, ComboBoxSize, ComboBoxState, } from './components/ComboBox';
-export type { ToasterProps, ToasterStatus, ToasterVariant } from './components/Toaster';
-export { Table, Pagination } from './components/Table';
-export type { TableProps, TableColumn, TableSize, TableAlign, SortState, SortDirection, PaginationProps, } from './components/Table';
-export { Breadcrumbs } from './components/Breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, } from './components/Breadcrumbs';
-export { Loader } from './components/Loader';
-export type { LoaderProps, LoaderVariant, LoaderSize, LoaderColor } from './components/Loader';
-export { Skeleton, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonTable, } from './components/Skeleton';
-export type { SkeletonProps, SkeletonVariant, SkeletonShape, SkeletonTextProps, SkeletonAvatarProps, SkeletonCardProps, SkeletonTableProps, } from './components/Skeleton';
-export { Tooltip } from './components/Tooltip';
-export type { TooltipProps, TooltipPlacement, TooltipTrigger, TooltipSize, } from './components/Tooltip';
-export { Badge } from './components/Badge';
-export type { BadgeProps, BadgeVariant, BadgeColor, BadgeSize, BadgeShape, } from './components/Badge';
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, } from './components/DropdownMenu';
-export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuSeparatorProps, DropdownMenuSize, DropdownMenuVariant, } from './components/DropdownMenu';
-export { ThemeProvider, useTheme } from './components/ThemeProvider';
-export type { ThemeProviderProps, ThemeProviderState, ThemeMode, ThemeConfig, SemanticColors, } from './components/ThemeProvider';
-export { cn } from './utils';
-export { Select } from './components/Select';
-export type { SelectProps, SelectOption, SelectVariant, SelectSize, SelectState, } from './components/Select';
-export type { SidebarProps, SidebarItem, SidebarGroup } from './components/Sidebar';
-export type { HeaderProps } from './components/Header';
-export { Image } from './components/Image';
-export type { ImageProps } from './components/Image';
-export { Stepper } from './components/Stepper';
-export type { StepperProps, StepperVariant, StepperSize, StepperOrientation, StepItem, StepStatus, } from './components/Stepper';
-export { Toggle } from './components/Toggle';
-export type { ToggleProps, ToggleSize, ToggleState } from './components/Toggle';
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/Accordion';
-export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './components/Accordion';
+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 };