@okshaun/components 0.5.8 → 1.0.1

package/dist/index.d.ts

@@ -1,1268 +1,3 @@
-import { AriaAttributes } from 'react';
-import { AvatarVariantProps } from '../../../styled-system/recipes';
-import { BadgeVariantProps } from '../../../styled-system/recipes';
-import { BoxVariantProps } from '../../../styled-system/recipes';
-import { ButtonVariantProps } from '../../../styled-system/recipes';
-import { CardVariantProps } from '../../../styled-system/recipes';
-import { ChangeEventHandler } from 'react';
-import { CheckboxInputVariantProps } from '../../../styled-system/recipes';
-import { CheckboxVariantProps } from '../../../styled-system/recipes';
-import { ChipVariantProps } from '../../../styled-system/recipes';
-import { CodeVariantProps } from '../../../styled-system/recipes';
-import { ColorToken } from '../../../styled-system/tokens';
-import { ComponentPropsWithoutRef } from 'react';
-import { default as default_2 } from 'react';
-import { DividerVariantProps } from '../../../styled-system/recipes';
-import { DropdownProps } from './types';
-import { ElementType } from 'react';
-import { FC } from 'react';
-import { FontSizeToken } from '../../../styled-system/tokens';
-import { FontToken } from '../../../styled-system/tokens';
-import { FontWeightToken } from '../../../styled-system/tokens';
-import { HeadingVariantProps } from '../../../styled-system/recipes';
-import { IconButtonVariantProps } from '../../../styled-system/recipes';
-import { IconNamesList } from './icons';
-import { JSX } from 'react/jsx-runtime';
-import { LabelVariantProps } from '../../../styled-system/recipes';
-import { LinkVariantProps } from '../../../styled-system/recipes';
-import { menu } from '../../../styled-system/recipes';
-import { MenuVariantProps } from '../../../styled-system/recipes';
-import { ModalVariantProps } from '../../../styled-system/recipes';
-import { NumericSizeToken } from '../../../styled-system/tokens';
-import { Placement } from '@floating-ui/react';
-import { RadioInputVariantProps } from '../../../styled-system/recipes';
-import { RadioVariantProps } from '../../../styled-system/recipes';
-import * as React_2 from 'react';
-import { ReactNode } from 'react';
-import { RefObject } from 'react';
-import { SelectContextValue } from './types';
-import { SelectOptionProps } from './types';
-import { SelectProps } from './types';
-import { SelectTriggerProps } from './types';
-import { SpinnerVariantProps } from '../../../styled-system/recipes';
-import { SVGAttributes } from 'react';
-import { SystemStyleObject } from '../../../styled-system/types';
-import { TagVariantProps } from '../../../styled-system/recipes';
-import { TextareaVariantProps } from '../../../styled-system/recipes';
-import { TextinputVariantProps } from '../../../styled-system/recipes';
-import { TextVariantProps } from '../../../styled-system/recipes';
-import { ToggleInputVariantProps } from '../../../styled-system/recipes';
-import { ToggleVariantProps } from '../../../styled-system/recipes';
-import { TooltipVariantProps } from '../../../styled-system/recipes';
-import { WrapProps } from '../../../styled-system/jsx';
-
-declare type AllowedIconSizes = keyof typeof numericSizes;
-
-export declare const Autocomplete: default_2.FC<AutocompleteProps>;
-
-export declare interface AutocompleteOption {
-    /** Unique identifier for the option */
-    id: string;
-    /** Display label */
-    label: string;
-    /** Optional description */
-    description?: string;
-    /** Optional icon name */
-    icon?: string;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-}
-
-export declare type AutocompleteProps = MenuVariantProps & {
-    /** Input name attribute */
-    name: string;
-    /** Current input value */
-    value: string;
-    /** Callback when input value changes */
-    onChange: (value: string) => void;
-    /** Available options to filter and display */
-    options: AutocompleteOption[];
-    /** Callback when an option is selected */
-    onSelect: (option: AutocompleteOption) => void;
-    /** Placeholder text for the input */
-    placeholder?: string;
-    /** Floating UI placement */
-    placement?: Placement;
-    /** Offset distance from input (in pixels) */
-    offset?: number;
-    /** Optional ID for ARIA attributes */
-    id?: string;
-    /** Disable the autocomplete */
-    disabled?: boolean;
-    /** Show error state */
-    error?: boolean;
-    /** Custom filter function (defaults to case-insensitive label match) */
-    filterFn?: (option: AutocompleteOption, inputValue: string) => boolean;
-    /** Message to show when no options match */
-    noResultsMessage?: string;
-    /** Props to pass to the TextInput */
-    inputProps?: Omit<TextInputProps, 'name' | 'value' | 'onChange' | 'disabled' | 'error' | 'id'>;
-};
-
-/**
- * Avatar component for displaying user or entity images with optional
- * presence and status indicators.
- */
-export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare type AvatarPresence = 'online' | 'busy' | 'offline' | 'focus';
-
-export declare type AvatarProps = BoxProps & Omit<AvatarVariantProps, 'size' | 'shape'> & {
-    /** Image source URL */
-    src?: string;
-    /** Alt text for image */
-    alt?: string;
-    /** Name for generating initials fallback */
-    name?: string;
-    /** Size of the avatar */
-    size?: AvatarSize;
-    /** Shape of the avatar */
-    shape?: AvatarShape;
-    /** Presence indicator (bottom-right) */
-    presence?: AvatarPresence;
-    /** Status indicator (top-right) */
-    status?: AvatarStatus;
-    /** Custom fallback content (overrides initials) */
-    fallback?: React_2.ReactNode;
-    /** Border color for the avatar */
-    borderColor?: string;
-    /** Additional class name */
-    className?: string;
-};
-
-export declare type AvatarShape = 'circle' | 'square' | 'hexagon';
-
-export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-
-export declare type AvatarStatus = 'approved' | 'declined' | 'locked';
-
-/**
- * Badge component for displaying notification counts or status indicators.
- *
- * - Without children: renders as standalone badge
- * - With children: wraps content and positions badge at top-right
- * - Without count prop: shows as dot
- * - With count prop: shows the number (or "99+" if exceeds overflowCount)
- */
-export declare const Badge: React_2.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare type BadgeAppearance = 'neutral' | 'inverted' | 'subtle' | 'subtle-inverted' | 'success' | 'danger' | 'warning' | 'info';
-
-export declare type BadgeProps = BoxProps & Omit<BadgeVariantProps, 'standalone' | 'dot'> & {
-    /** Number to show in badge. If provided, switches to count mode. */
-    count?: number;
-    /** Show badge when count is zero. Default: false */
-    showZero?: boolean;
-    /** Max count to show. Displays "99+" when exceeded. Default: 99 */
-    overflowCount?: number;
-    /** Color scheme of the badge. Default: 'danger' */
-    appearance?: BadgeAppearance;
-    /** Additional class name */
-    className?: string;
-    /** Content to wrap with the badge */
-    children?: React_2.ReactNode;
-};
-
-export declare const Box: default_2.FC<BoxProps>;
-
-export declare type BoxProps = Omit<ComponentPropsWithoutRef<ElementType>, 'as'> & SystemStyleObject & BoxVariantProps & {
-    as?: ElementType;
-} & AriaAttributes;
-
-export declare const Breadcrumbs: default_2.FC<BreadcrumbsProps>;
-
-export declare type BreadcrumbsProps = BoxProps & {
-    items: {
-        id: string;
-        label: string;
-        href?: string;
-    }[];
-};
-
-export declare function BreakpointIndicator(): JSX.Element;
-
-declare type BreakpointKey = keyof typeof breakpoints;
-
-declare const breakpoints: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-};
-
-/**
- * The Button component uses the polymorphic Box as its base.
- * It automatically renders as an <a> if href is provided.
- * Since ButtonProps extends BoxProps, any extra props (like onClick) are automatically allowed.
- */
-export declare const Button: ButtonComponent;
-
-/**
- * Define a polymorphic ButtonComponent type.
- * The ref type will be inferred from the element type E.
- */
-declare type ButtonComponent = <E extends React_2.ElementType = 'button'>(props: ButtonProps<E> & {
-    ref?: React_2.ForwardedRef<Element>;
-}) => React_2.ReactElement;
-
-/**
- * ButtonProps is generic and manages its own polymorphism.
- * It includes props for the element type E (default "button") and ButtonVariantProps.
- * This means that any prop accepted by the underlying element (e.g. onClick) is automatically allowed.
- */
-export declare type ButtonProps<E extends React_2.ElementType = 'button'> = Omit<BoxProps, keyof ButtonVariantProps | 'as'> & Omit<ButtonVariantProps, 'iconBefore' | 'iconAfter'> & {
-    as?: E;
-    href?: string;
-    loading?: boolean;
-    className?: string;
-    children?: React_2.ReactNode;
-    disabled?: boolean;
-    iconBefore?: IconNamesList;
-    iconAfter?: IconNamesList;
-    gap?: NumericSizeToken;
-};
-
-/**
- * Card component that supports both static (content container) and interactive (button/link) modes.
- *
- * By default, renders as a div for semantic correctness.
- * - With `href`: renders as an anchor element
- * - With `interactive` or `onClick`: renders as a button element
- * - Use `as` prop for custom elements like 'article' or 'section'
- */
-export declare const Card: CardComponent;
-
-/**
- * Define a polymorphic CardComponent type.
- */
-declare type CardComponent = <E extends React_2.ElementType = 'div'>(props: CardProps<E> & {
-    ref?: React_2.ForwardedRef<Element>;
-}) => React_2.ReactElement;
-
-/**
- * CardProps is generic and manages its own polymorphism.
- * Default element is 'div' for non-interactive cards.
- * Automatically renders as 'a' when href is provided, or 'button' when interactive without href.
- */
-export declare type CardProps<E extends React_2.ElementType = 'div'> = Omit<BoxProps, keyof CardVariantProps | 'as'> & Omit<CardVariantProps, 'interactive'> & {
-    as?: E;
-    href?: string;
-    children?: React_2.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    /**
-     * When true, the card becomes interactive (button or link).
-     * Automatically true when href or onClick is provided.
-     */
-    interactive?: boolean;
-};
-
-/**
- * Checkbox is a controlled component.
- * You must pass `checked` and `onChange` props.
- *
- * @example
- * const [checked, setChecked] = useState(false);
- * <Checkbox
- *   checked={checked}
- *   onChange={(e) => setChecked(e.target.checked)}
- * />
- */
-export declare const Checkbox: React.FC<CheckboxProps>;
-
-export declare const CheckboxInput: FC<CheckboxInputProps>;
-
-export declare type CheckboxInputProps = BoxProps & CheckboxInputVariantProps & {
-    name: string;
-    checked: boolean;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    id?: string;
-    error?: boolean;
-    children?: string | ReactNode;
-    disabled?: boolean;
-};
-
-export declare type CheckboxProps = {
-    /** Form field name */
-    name: string;
-    /** Controlled checked state (REQUIRED) */
-    checked: boolean;
-    /** Change handler (REQUIRED) */
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    /** Unique identifier for the checkbox */
-    id?: string;
-    /** Display indeterminate state (partially checked) */
-    indeterminate?: boolean;
-    /** Disable the checkbox */
-    disabled?: boolean;
-    /** Display error state */
-    error?: boolean;
-} & Omit<BoxProps, 'checked' | 'onChange' | keyof CheckboxVariantProps> & CheckboxVariantProps;
-
-export declare const Chip: React.FC<ChipProps>;
-
-export declare const ChipGroup: React.FC<ChipGroupProps>;
-
-export declare type ChipGroupProps = Omit<WrapProps, 'role'> & {
-    type: ChipGroupType;
-    value: string | string[];
-    onChange: (value: string | string[]) => void;
-    children: ReactNode;
-    label?: string;
-    id?: string;
-    name?: string;
-};
-
-export declare type ChipGroupType = 'single' | 'multi';
-
-export declare type ChipProps = BoxProps & Omit<ChipVariantProps, 'before' | 'after'> & {
-    children: string | ReactNode;
-    /** Content to render before the label (e.g., Icon, Avatar) */
-    before?: ReactNode;
-    /** Content to render after the label (e.g., Badge, Icon) */
-    after?: ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-    deleted?: boolean;
-    dismissable?: boolean;
-    onDismiss?: () => void;
-    value?: string;
-    gap?: NumericSizeToken;
-};
-
-export declare const Code: React.FC<CodeProps>;
-
-export declare type CodeProps = Omit<BoxProps, keyof CodeVariantProps | keyof TextProps> & CodeVariantProps & TextProps & {
-    children?: string | React.ReactNode;
-    lang?: string;
-};
-
-declare type ContainerSizeKey = keyof typeof containerSizes;
-
-declare const containerSizes: {
-    '2xs': string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-    '6xl': string;
-    '7xl': string;
-    '8xl': string;
-};
-
-export declare const Divider: React.FC<DividerProps>;
-
-export declare type DividerProps = BoxProps & DividerVariantProps & {
-    direction?: string;
-    weight?: string;
-};
-
-export declare const Dropdown: default_2.FC<DropdownProps>;
-
-export { DropdownProps }
-
-export declare const Heading: React.FC<HeadingProps>;
-
-export declare type HeadingProps = Omit<TextProps, keyof HeadingVariantProps> & HeadingVariantProps & {
-    children?: string | React.ReactNode;
-    level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-};
-
-export declare const Icon: default_2.FC<IconProps>;
-
-/**
- * The IconButton component builds on Box.
- * It automatically renders as a "button" (or an "a" if an href is provided)
- * and applies the iconButton recipe styles.
- *
- * If the caller does not pass children but does provide an 'iconName',
- * the component renders the corresponding Icon automatically.
- */
-export declare const IconButton: IconButtonComponent;
-
-/**
- * Define the polymorphic component type for IconButton.
- */
-declare type IconButtonComponent = <E extends React_2.ElementType = 'button'>(props: IconButtonProps<E> & {
-    ref?: React_2.ForwardedRef<Element>;
-}) => React_2.ReactElement;
-
-/**
- * IconButtonProps is generic and manages its own polymorphism.
- * It includes props for the element type E (default "button") and IconButtonVariantProps.
- *
- * We've added a new optional prop 'iconName'. When provided (and if no children
- * are passed), IconButton will render the corresponding Icon automatically.
- */
-export declare type IconButtonProps<E extends React_2.ElementType = 'button'> = Omit<BoxProps, keyof IconButtonVariantProps | 'as'> & IconButtonVariantProps & {
-    as?: E;
-    href?: string;
-    loading?: boolean;
-    disabled?: boolean;
-    className?: string;
-    iconName?: IconNamesList;
-};
-
-export declare const IconNames: {
-    readonly 'aa-placeholder': "aa-placeholder";
-    readonly alarm: "alarm";
-    readonly 'alt-route': "alt-route";
-    readonly apps: "apps";
-    readonly 'arrow-bubble': "arrow-bubble";
-    readonly 'arrow-down': "arrow-down";
-    readonly 'arrow-drop-down': "arrow-drop-down";
-    readonly 'arrow-drop-up': "arrow-drop-up";
-    readonly 'arrow-left': "arrow-left";
-    readonly 'arrow-line-down': "arrow-line-down";
-    readonly 'arrow-line-left': "arrow-line-left";
-    readonly 'arrow-line-right': "arrow-line-right";
-    readonly 'arrow-line-up': "arrow-line-up";
-    readonly 'arrow-prompt': "arrow-prompt";
-    readonly 'arrow-redo': "arrow-redo";
-    readonly 'arrow-right': "arrow-right";
-    readonly 'arrow-square-in': "arrow-square-in";
-    readonly 'arrow-square-out': "arrow-square-out";
-    readonly 'arrow-undo': "arrow-undo";
-    readonly 'arrow-up': "arrow-up";
-    readonly 'arrows-down-up': "arrows-down-up";
-    readonly 'arrows-left-right': "arrows-left-right";
-    readonly asterisk: "asterisk";
-    readonly at: "at";
-    readonly attachment: "attachment";
-    readonly bank: "bank";
-    readonly 'barcode-reader': "barcode-reader";
-    readonly barcode: "barcode";
-    readonly barricade: "barricade";
-    readonly basket: "basket";
-    readonly 'bell-active': "bell-active";
-    readonly 'bell-slash': "bell-slash";
-    readonly bell: "bell";
-    readonly bin: "bin";
-    readonly 'blog-post': "blog-post";
-    readonly blueprint: "blueprint";
-    readonly 'book-a': "book-a";
-    readonly book: "book";
-    readonly 'bookmark-outlined': "bookmark-outlined";
-    readonly bookmark: "bookmark";
-    readonly bookmarks: "bookmarks";
-    readonly broadcast: "broadcast";
-    readonly Building: "Building";
-    readonly 'calendar-add': "calendar-add";
-    readonly 'calendar-view-day': "calendar-view-day";
-    readonly 'calendar-view-month': "calendar-view-month";
-    readonly 'calendar-view-week': "calendar-view-week";
-    readonly calendar: "calendar";
-    readonly 'caret-down': "caret-down";
-    readonly 'caret-left': "caret-left";
-    readonly 'caret-right': "caret-right";
-    readonly 'caret-up': "caret-up";
-    readonly cart: "cart";
-    readonly certificate: "certificate";
-    readonly 'check-all': "check-all";
-    readonly 'check-thick': "check-thick";
-    readonly check: "check";
-    readonly 'checkbox-checked': "checkbox-checked";
-    readonly 'checkbox-focus': "checkbox-focus";
-    readonly 'checkbox-indeterminate': "checkbox-indeterminate";
-    readonly checkbox: "checkbox";
-    readonly 'chevron-down': "chevron-down";
-    readonly 'chevron-filled-down': "chevron-filled-down";
-    readonly 'chevron-filled-left': "chevron-filled-left";
-    readonly 'chevron-filled-right': "chevron-filled-right";
-    readonly 'chevron-filled-up': "chevron-filled-up";
-    readonly 'chevron-left': "chevron-left";
-    readonly 'chevron-right': "chevron-right";
-    readonly 'chevron-up': "chevron-up";
-    readonly 'circle-change': "circle-change";
-    readonly 'circle-check': "circle-check";
-    readonly circle: "circle";
-    readonly 'circles-add': "circles-add";
-    readonly circuit: "circuit";
-    readonly clipboard: "clipboard";
-    readonly 'clock-countdown': "clock-countdown";
-    readonly clock: "clock";
-    readonly 'cloud-synced': "cloud-synced";
-    readonly code: "code";
-    readonly color: "color";
-    readonly compass: "compass";
-    readonly cone: "cone";
-    readonly confetti: "confetti";
-    readonly copy: "copy";
-    readonly 'credit-card': "credit-card";
-    readonly 'cube-focus': "cube-focus";
-    readonly 'cursor-click': "cursor-click";
-    readonly cursor: "cursor";
-    readonly cut: "cut";
-    readonly 'data-object': "data-object";
-    readonly database: "database";
-    readonly devices: "devices";
-    readonly dictionary: "dictionary";
-    readonly dna: "dna";
-    readonly donut: "donut";
-    readonly dot: "dot";
-    readonly dots: "dots";
-    readonly 'download-cloud': "download-cloud";
-    readonly download: "download";
-    readonly edit: "edit";
-    readonly encrypted: "encrypted";
-    readonly envelope: "envelope";
-    readonly equal: "equal";
-    readonly eraser: "eraser";
-    readonly error: "error";
-    readonly 'event-list': "event-list";
-    readonly export: "export";
-    readonly extension: "extension";
-    readonly 'eye-slash': "eye-slash";
-    readonly eye: "eye";
-    readonly faq: "faq";
-    readonly 'file-add': "file-add";
-    readonly file: "file";
-    readonly files: "files";
-    readonly 'filter-remove': "filter-remove";
-    readonly filter: "filter";
-    readonly finish: "finish";
-    readonly 'fit-screen': "fit-screen";
-    readonly 'flag-checkered': "flag-checkered";
-    readonly flag: "flag";
-    readonly forklift: "forklift";
-    readonly 'fullscreen-exit': "fullscreen-exit";
-    readonly fullscreen: "fullscreen";
-    readonly garage: "garage";
-    readonly gauge: "gauge";
-    readonly 'globe-grid': "globe-grid";
-    readonly globe: "globe";
-    readonly gripper: "gripper";
-    readonly 'handle-vertical': "handle-vertical";
-    readonly handle: "handle";
-    readonly hash: "hash";
-    readonly 'heart-outlined': "heart-outlined";
-    readonly heart: "heart";
-    readonly help: "help";
-    readonly history: "history";
-    readonly home: "home";
-    readonly image: "image";
-    readonly images: "images";
-    readonly inbox: "inbox";
-    readonly infinity: "infinity";
-    readonly info: "info";
-    readonly inventory: "inventory";
-    readonly invoice: "invoice";
-    readonly 'jump-back': "jump-back";
-    readonly 'jump-forward': "jump-forward";
-    readonly kanban: "kanban";
-    readonly 'kbd-backspace': "kbd-backspace";
-    readonly 'kbd-capslock': "kbd-capslock";
-    readonly 'kbd-command': "kbd-command";
-    readonly 'kbd-control': "kbd-control";
-    readonly 'kbd-hide': "kbd-hide";
-    readonly 'kbd-option': "kbd-option";
-    readonly 'kbd-return': "kbd-return";
-    readonly 'kbd-shift': "kbd-shift";
-    readonly 'kbd-space': "kbd-space";
-    readonly kbd: "kbd";
-    readonly lightning: "lightning";
-    readonly 'line-segment': "line-segment";
-    readonly 'line-segments': "line-segments";
-    readonly 'link-slash': "link-slash";
-    readonly link: "link";
-    readonly 'linked-services': "linked-services";
-    readonly 'list-bullets': "list-bullets";
-    readonly 'list-checks': "list-checks";
-    readonly 'list-numbers': "list-numbers";
-    readonly 'lock-open': "lock-open";
-    readonly lock: "lock";
-    readonly 'map-pin': "map-pin";
-    readonly map: "map";
-    readonly 'mark-unread': "mark-unread";
-    readonly 'menu-close': "menu-close";
-    readonly menu: "menu";
-    readonly message: "message";
-    readonly messages: "messages";
-    readonly 'minus-thick': "minus-thick";
-    readonly minus: "minus";
-    readonly money: "money";
-    readonly monitor: "monitor";
-    readonly moon: "moon";
-    readonly navigation: "navigation";
-    readonly 'network-x': "network-x";
-    readonly network: "network";
-    readonly 'newspaper-clipping': "newspaper-clipping";
-    readonly newspaper: "newspaper";
-    readonly 'note-stack': "note-stack";
-    readonly note: "note";
-    readonly notepad: "notepad";
-    readonly notification: "notification";
-    readonly nut: "nut";
-    readonly order: "order";
-    readonly package: "package";
-    readonly 'page-first': "page-first";
-    readonly 'page-last': "page-last";
-    readonly parts: "parts";
-    readonly password: "password";
-    readonly path: "path";
-    readonly pause: "pause";
-    readonly pencil: "pencil";
-    readonly percent: "percent";
-    readonly 'play-pause': "play-pause";
-    readonly play: "play";
-    readonly plus: "plus";
-    readonly printer: "printer";
-    readonly prohibit: "prohibit";
-    readonly 'question-mark': "question-mark";
-    readonly quote: "quote";
-    readonly 'radio-checked': "radio-checked";
-    readonly 'radio-focus': "radio-focus";
-    readonly radio: "radio";
-    readonly 'read-doc': "read-doc";
-    readonly receipt: "receipt";
-    readonly recycle: "recycle";
-    readonly refresh: "refresh";
-    readonly repeat: "repeat";
-    readonly 'reply-all': "reply-all";
-    readonly reply: "reply";
-    readonly resize: "resize";
-    readonly ribbon: "ribbon";
-    readonly 'rows-add': "rows-add";
-    readonly ruler: "ruler";
-    readonly rules: "rules";
-    readonly scale: "scale";
-    readonly 'schedule-backward': "schedule-backward";
-    readonly 'schedule-forward': "schedule-forward";
-    readonly screwdriver: "screwdriver";
-    readonly scroll: "scroll";
-    readonly 'search-check': "search-check";
-    readonly 'search-items': "search-items";
-    readonly 'search-objects': "search-objects";
-    readonly search: "search";
-    readonly send: "send";
-    readonly settings: "settings";
-    readonly shapes: "shapes";
-    readonly share: "share";
-    readonly shuffle: "shuffle";
-    readonly signpost: "signpost";
-    readonly 'skip-back': "skip-back";
-    readonly 'skip-forward': "skip-forward";
-    readonly skull: "skull";
-    readonly sliders: "sliders";
-    readonly 'sort-alpha-down': "sort-alpha-down";
-    readonly 'sort-alpha-up': "sort-alpha-up";
-    readonly 'sort-ascending': "sort-ascending";
-    readonly 'sort-descending': "sort-descending";
-    readonly 'sort-time-down': "sort-time-down";
-    readonly 'sort-time-up': "sort-time-up";
-    readonly 'square-add': "square-add";
-    readonly 'square-inside': "square-inside";
-    readonly 'square-select': "square-select";
-    readonly square: "square";
-    readonly stamp: "stamp";
-    readonly 'star-outlined': "star-outlined";
-    readonly star: "star";
-    readonly start: "start";
-    readonly step: "step";
-    readonly stop: "stop";
-    readonly story: "story";
-    readonly strategy: "strategy";
-    readonly success: "success";
-    readonly sun: "sun";
-    readonly support: "support";
-    readonly sync: "sync";
-    readonly tag: "tag";
-    readonly 'target-2': "target-2";
-    readonly target: "target";
-    readonly 'task-alt': "task-alt";
-    readonly 'text-add': "text-add";
-    readonly textbox: "textbox";
-    readonly 'time-add': "time-add";
-    readonly timer: "timer";
-    readonly toolbox: "toolbox";
-    readonly tools: "tools";
-    readonly trash: "trash";
-    readonly trophy: "trophy";
-    readonly 'truck-trailer': "truck-trailer";
-    readonly update: "update";
-    readonly 'upload-cloud': "upload-cloud";
-    readonly upload: "upload";
-    readonly 'user-add': "user-add";
-    readonly 'user-details': "user-details";
-    readonly 'user-group': "user-group";
-    readonly 'user-id-badge': "user-id-badge";
-    readonly 'user-id-card': "user-id-card";
-    readonly 'user-recent': "user-recent";
-    readonly user: "user";
-    readonly verified: "verified";
-    readonly video: "video";
-    readonly 'view-cards': "view-cards";
-    readonly 'view-doc': "view-doc";
-    readonly 'view-grid': "view-grid";
-    readonly 'view-rows': "view-rows";
-    readonly 'view-table': "view-table";
-    readonly wand: "wand";
-    readonly warning: "warning";
-    readonly weight: "weight";
-    readonly widgets: "widgets";
-    readonly 'work-order': "work-order";
-    readonly 'wrench-2': "wrench-2";
-    readonly wrench: "wrench";
-    readonly x: "x";
-    readonly 'zoom-in': "zoom-in";
-    readonly 'zoom-out': "zoom-out";
-};
-
-export declare type IconProps = Omit<BoxProps, 'size'> & SVGAttributes<SVGElement> & {
-    name: IconNamesList;
-    size?: AllowedIconSizes;
-    fill?: ColorToken;
-};
-
-export declare const Label: default_2.FC<LabelProps>;
-
-export declare type LabelProps = Omit<BoxProps, keyof LabelVariantProps> & LabelVariantProps & {
-    htmlFor?: string;
-    children?: string | default_2.ReactNode;
-};
-
-export declare const Link: React.FC<LinkProps>;
-
-export declare type LinkProps = Omit<BoxProps, keyof LinkVariantProps> & LinkVariantProps & {
-    href: string;
-    external?: boolean;
-    disabled?: boolean;
-    size?: FontSizeToken;
-    family?: FontToken;
-    italic?: boolean;
-    bold?: boolean;
-    weight?: FontWeightToken;
-    className?: string;
-    children?: React.ReactNode;
-};
-
-export declare const Menu: default_2.FC<MenuProps>;
-
-declare interface MenuContextValue {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    refs: {
-        setReference: (node: HTMLElement | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    };
-    floatingStyles: React.CSSProperties;
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: React.HTMLProps<HTMLElement> & {
-        index?: number;
-        active?: boolean;
-    }) => Record<string, unknown>;
-    activeIndex: number | null;
-    listRef: React.MutableRefObject<(HTMLElement | null)[]>;
-    classes: ReturnType<menu>;
-}
-
-export declare const MenuDivider: default_2.FC<MenuDividerProps>;
-
-export declare type MenuDividerProps = Omit<BoxProps, 'children'>;
-
-export declare const MenuGroup: default_2.FC<MenuGroupProps>;
-
-export declare type MenuGroupProps = Omit<BoxProps, 'title'> & {
-    /** Group label */
-    label?: string;
-    /** Children (MenuItem components) */
-    children: React.ReactNode;
-};
-
-export declare const MenuItem: default_2.FC<MenuItemProps>;
-
-export declare type MenuItemProps = Omit<BoxProps, 'children'> & {
-    /** Item behavior type */
-    type?: MenuItemType;
-    /** Selected state (for single-select and multi-select) */
-    selected?: boolean;
-    /** Callback when item is selected/activated */
-    onSelect?: () => void;
-    /** Disable the item */
-    disabled?: boolean;
-    /** Primary label (required) */
-    label: string | React.ReactNode;
-    /** Secondary description text */
-    description?: string;
-    /** Icon on the left side */
-    iconLeft?: IconNamesList;
-    /** Icon on the right side */
-    iconRight?: IconNamesList;
-    /** Text to highlight (for autocomplete/search scenarios) */
-    highlightMatch?: string;
-    /** Selection indicator style (only for select types) */
-    selectionIndicator?: SelectionIndicator;
-    /** Index for keyboard navigation (managed internally via context) */
-    index?: number;
-};
-
-export declare type MenuItemType = 'action' | 'single-select' | 'multi-select';
-
-export declare const MenuList: default_2.ForwardRefExoticComponent<Omit<MenuListProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare const MenuListDivider: default_2.FC<MenuListDividerProps>;
-
-export declare type MenuListDividerProps = Omit<BoxProps, 'children' | keyof MenuVariantProps> & MenuVariantProps;
-
-export declare const MenuListGroup: default_2.FC<MenuListGroupProps>;
-
-export declare type MenuListGroupProps = Omit<BoxProps, 'title' | keyof MenuVariantProps> & MenuVariantProps & {
-    /** Group label */
-    label?: string;
-    /** Children (MenuListItem components) */
-    children: React.ReactNode;
-};
-
-export declare const MenuListItem: default_2.ForwardRefExoticComponent<Omit<MenuListItemProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
-
-export declare type MenuListItemProps = Omit<BoxProps, 'children' | 'onClick' | keyof MenuVariantProps> & MenuVariantProps & {
-    /** Item behavior type */
-    type?: MenuItemType;
-    /** Selected state (for single-select and multi-select) */
-    selected?: boolean;
-    /** Active highlight state (controlled externally) */
-    active?: boolean;
-    /** Click handler */
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    /** Disable the item */
-    disabled?: boolean;
-    /** Primary label (required) */
-    label: string | React.ReactNode;
-    /** Secondary description text */
-    description?: string;
-    /** Icon on the left side */
-    iconLeft?: IconNamesList;
-    /** Icon on the right side */
-    iconRight?: IconNamesList;
-    /** Text to highlight (for autocomplete/search scenarios) */
-    highlightMatch?: string;
-    /** Selection indicator style (only for select types) */
-    selectionIndicator?: SelectionIndicator;
-};
-
-export declare type MenuListProps = Omit<BoxProps, keyof MenuVariantProps> & MenuVariantProps;
-
-export declare type MenuProps = Omit<BoxProps, keyof MenuVariantProps> & MenuVariantProps & {
-    /** Controlled open state (REQUIRED) */
-    open: boolean;
-    /** Callback when open state should change (REQUIRED) */
-    onOpenChange: (open: boolean) => void;
-    /** Floating UI placement */
-    placement?: Placement;
-    /** Offset distance from trigger (in pixels) */
-    offset?: number;
-    /** Children (MenuTrigger, MenuItem, MenuGroup, etc.) */
-    children: React.ReactNode;
-    /** Optional ID for ARIA attributes */
-    id?: string;
-};
-
-export declare const MenuTrigger: default_2.FC<MenuTriggerProps>;
-
-export declare type MenuTriggerProps = Omit<BoxProps, 'children'> & {
-    /** Trigger element (button, custom component, etc.) */
-    children: React.ReactElement;
-    /** Disable the trigger */
-    disabled?: boolean;
-};
-
-export declare const Modal: default_2.FC<ModalProps>;
-
-export declare const ModalBody: default_2.FC<ModalBodyProps>;
-
-export declare type ModalBodyProps = Omit<BoxProps, 'children'> & {
-    /** Body content */
-    children: React.ReactNode;
-};
-
-declare interface ModalContextValue {
-    /** Whether the modal is open */
-    open: boolean;
-    /** Callback to close the modal */
-    onClose: () => void;
-    /** Whether overlay clicks should close the modal */
-    preventOverlayClose?: boolean;
-}
-
-export declare const ModalFooter: default_2.FC<ModalFooterProps>;
-
-export declare type ModalFooterProps = Omit<BoxProps, 'children'> & {
-    /** Footer content (typically action buttons) */
-    children: React.ReactNode;
-};
-
-export declare const ModalHeader: default_2.FC<ModalHeaderProps>;
-
-export declare type ModalHeaderProps = Omit<BoxProps, 'children'> & {
-    /** Title text */
-    title?: string | React.ReactNode;
-    /** Whether to show the close button */
-    showCloseButton?: boolean;
-    /** Children (custom header content) */
-    children?: React.ReactNode;
-};
-
-export declare type ModalProps = Omit<BoxProps, keyof ModalVariantProps> & ModalVariantProps & {
-    /** Controlled open state (REQUIRED) */
-    open: boolean;
-    /** Callback when open state should change (REQUIRED) */
-    onOpenChange: (open: boolean) => void;
-    /** Whether clicking the overlay should close the modal */
-    preventOverlayClose?: boolean;
-    /** Children (ModalHeader, ModalBody, ModalFooter) */
-    children: React.ReactNode;
-    /** Optional ID for ARIA attributes */
-    id?: string;
-};
-
-declare const numericSizes: {
-    '0': {
-        value: string;
-    };
-    '1': {
-        value: string;
-    };
-    '2': {
-        value: string;
-    };
-    '3': {
-        value: string;
-    };
-    '4': {
-        value: string;
-    };
-    '5': {
-        value: string;
-    };
-    '6': {
-        value: string;
-    };
-    '7': {
-        value: string;
-    };
-    '8': {
-        value: string;
-    };
-    '9': {
-        value: string;
-    };
-    '10': {
-        value: string;
-    };
-    '12': {
-        value: string;
-    };
-    '14': {
-        value: string;
-    };
-    '16': {
-        value: string;
-    };
-    '20': {
-        value: string;
-    };
-    '22': {
-        value: string;
-    };
-    '24': {
-        value: string;
-    };
-    '32': {
-        value: string;
-    };
-    '40': {
-        value: string;
-    };
-    '48': {
-        value: string;
-    };
-    '56': {
-        value: string;
-    };
-    '64': {
-        value: string;
-    };
-    '72': {
-        value: string;
-    };
-    '80': {
-        value: string;
-    };
-    '88': {
-        value: string;
-    };
-    '96': {
-        value: string;
-    };
-    '104': {
-        value: string;
-    };
-    '112': {
-        value: string;
-    };
-    '120': {
-        value: string;
-    };
-    '128': {
-        value: string;
-    };
-    '136': {
-        value: string;
-    };
-    '144': {
-        value: string;
-    };
-    '152': {
-        value: string;
-    };
-    '160': {
-        value: string;
-    };
-    '168': {
-        value: string;
-    };
-    '176': {
-        value: string;
-    };
-    '184': {
-        value: string;
-    };
-    '192': {
-        value: string;
-    };
-    '200': {
-        value: string;
-    };
-    '208': {
-        value: string;
-    };
-    '216': {
-        value: string;
-    };
-    '224': {
-        value: string;
-    };
-    '232': {
-        value: string;
-    };
-    '240': {
-        value: string;
-    };
-    '248': {
-        value: string;
-    };
-    '256': {
-        value: string;
-    };
-    '264': {
-        value: string;
-    };
-    '272': {
-        value: string;
-    };
-    '280': {
-        value: string;
-    };
-};
-
-declare type Position = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start' | 'left-start' | 'right-start' | 'top-end' | 'bottom-end' | 'left-end' | 'right-end';
-
-export declare const Pre: React.FC<PreProps>;
-
-export declare type PreProps = BoxProps & {
-    children: string | React.ReactNode;
-    lang?: string;
-    as?: string;
-};
-
-declare type QueryDirection = 'min' | 'max';
-
-declare type QueryDirection_2 = 'min' | 'max';
-
-export declare const Radio: React.FC<RadioProps>;
-
-export declare const RadioInput: FC<RadioInputProps>;
-
-export declare type RadioInputProps = BoxProps & RadioInputVariantProps & {
-    name: string;
-    id?: string;
-    error?: boolean;
-    children?: string | ReactNode;
-};
-
-export declare type RadioProps = Omit<BoxProps, keyof RadioVariantProps> & RadioVariantProps & {
-    id?: string;
-    name: string;
-    disabled?: boolean;
-    error?: boolean;
-};
-
-export declare const Select: default_2.FC<SelectProps>;
-
-export { SelectContextValue }
-
-export declare type SelectionIndicator = 'checkmark' | 'checkbox';
-
-/**
- * SelectOption component used within Select
- * Note: This component doesn't render directly - the Select parent component
- * converts SelectOption instances to MenuItem components for actual rendering.
- */
-export declare const SelectOption: default_2.FC<SelectOptionProps>;
-
-export { SelectOptionProps }
-
-export { SelectProps }
-
-export declare const SelectTrigger: default_2.FC<SelectTriggerProps>;
-
-export { SelectTriggerProps }
-
-export declare const Spinner: React.FC<SpinnerProps>;
-
-export declare type SpinnerProps = Omit<BoxProps, keyof SpinnerVariantProps> & SpinnerVariantProps & {
-    size?: 'standard' | 'small' | 'large';
-    className?: string;
-    inverse?: boolean;
-};
-
-export declare const splitProps: (props: Record<string, any>) => [string, Record<string, any>];
-
-export declare const Tag: React.FC<TagProps>;
-
-export declare type TagProps = BoxProps & TagVariantProps & {
-    children: string | ReactNode;
-    iconName?: IconNamesList;
-};
-
-declare const Text_2: default_2.FC<TextProps>;
-export { Text_2 as Text }
-
-export declare const Textarea: React.FC<TextareaProps>;
-
-export declare type TextareaProps = Omit<BoxProps, keyof TextareaVariantProps> & TextareaVariantProps & {
-    name: string;
-    error?: boolean;
-    id?: string;
-};
-
-export declare const TextInput: React.FC<TextInputProps>;
-
-export declare type TextInputProps = Omit<BoxProps, keyof TextinputVariantProps> & TextinputVariantProps & {
-    name: string;
-    error?: boolean;
-    id?: string;
-};
-
-export declare type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVariantProps & {
-    italic?: boolean;
-    family?: FontToken;
-    bold?: boolean;
-    underline?: boolean;
-    size?: FontSizeToken;
-    weight?: FontWeightToken;
-    children?: string | default_2.ReactNode;
-    as?: ElementType;
-    className?: string;
-};
-
-export declare type Theme = 'light' | 'dark';
-
-declare interface ThemeContextType {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-}
-
-export declare function ThemeProvider({ children }: {
-    children: React.ReactNode;
-}): JSX.Element;
-
-export declare function ThemeSwitcher(): JSX.Element;
-
-export declare const Toggle: default_2.FC<ToggleProps>;
-
-export declare const ToggleInput: FC<ToggleInputProps>;
-
-export declare type ToggleInputProps = BoxProps & ToggleInputVariantProps & {
-    name: string;
-    id?: string;
-    error?: boolean;
-    children?: string | ReactNode;
-};
-
-export declare type ToggleProps = Omit<BoxProps, keyof ToggleVariantProps> & ToggleVariantProps & {
-    name: string;
-    id?: string;
-    error?: boolean;
-    disabled?: boolean;
-};
-
-export declare const Tooltip: React.FC<TooltipProps>;
-
-export declare type TooltipProps = Omit<BoxProps, keyof TooltipVariantProps> & TooltipVariantProps & {
-    text: string;
-    title?: string;
-    caret?: boolean;
-    position?: Position;
-    children?: ReactNode;
-    trigger?: 'onHover' | 'onClick';
-};
-
-/**
- * Token-aware container query hook for conditional rendering based on container sizes.
- * Requires a ref to the container element and the container must have container-type set.
- *
- * @example
- * // Component with container query
- * function MyComponent() {
- *   const containerRef = useRef<HTMLDivElement>(null);
- *   const isLarge = useContainerQuery(containerRef, 'lg');
- *
- *   return (
- *     <div ref={containerRef} style={{ containerType: 'inline-size' }}>
- *       {isLarge && <LargeLayout />}
- *       {!isLarge && <SmallLayout />}
- *     </div>
- *   );
- * }
- *
- * @example
- * // Max-width: matches when container is < xl size
- * const isSmall = useContainerQuery(containerRef, 'xl', 'max');
- */
-export declare function useContainerQuery(containerRef: RefObject<HTMLElement>, size: ContainerSizeKey, direction?: QueryDirection_2): boolean;
-
-/**
- * Token-aware media query hook for conditional rendering based on breakpoints.
- *
- * @example
- * // Mobile-first: matches when viewport is >= md (768px)
- * const isDesktop = useMediaQuery('md');
- *
- * @example
- * // Max-width: matches when viewport is < lg (1024px)
- * const isMobile = useMediaQuery('lg', 'max');
- *
- * @example
- * // In JSX
- * {isDesktop && <DesktopOnlyComponent />}
- */
-export declare function useMediaQuery(breakpoint: BreakpointKey, direction?: QueryDirection): boolean;
-
-export declare const useMenuContext: () => MenuContextValue;
-
-export declare const useModalContext: () => ModalContextValue;
-
-export declare const useSelectContext: () => SelectContextValue;
-
-export declare function useTheme(): ThemeContextType;
-
-export { }
+// This is a template file that is copied to the /dist folder during build
+// It is not used when running dev locally
+export * from './types';