@oxymormon/chg-unified-ds 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,1473 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
+import { default as default_2 } from 'react';
+import { DisclosureGroupProps } from 'react-aria-components';
+import { DisclosureProps } from 'react-aria-components';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
+import { RadioProps as RadioProps_2 } from 'react-aria-components';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SliderProps as SliderProps_2 } from 'react-aria-components';
+import { SwitchProps } from 'react-aria-components';
+import { TabsProps as TabsProps_2 } from 'react-aria-components';
+import { TextareaHTMLAttributes } from 'react';
+import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
+
+export declare function Accordion({ allowsMultipleExpanded, className, children, ...props }: AccordionProps): JSX.Element;
+
+export declare function AccordionItem({ title, className, children, ...props }: AccordionItemProps): JSX.Element;
+
+export declare interface AccordionItemProps extends Omit<DisclosureProps, 'className' | 'children'> {
+    /** Header title text */
+    title: string;
+    /** Additional className */
+    className?: string;
+    /** Collapsible content */
+    children?: ReactNode;
+}
+
+export declare interface AccordionProps extends Omit<DisclosureGroupProps, 'className'> {
+    /** Allow multiple items to be expanded simultaneously. Default: true */
+    allowsMultipleExpanded?: boolean;
+    /** Additional className */
+    className?: string;
+    /** AccordionItem children */
+    children?: ReactNode;
+}
+
+export declare function ActionMenu({ onItemClick, children, className, ...props }: ActionMenuProps): JSX.Element;
+
+export declare namespace ActionMenu {
+    var Item: typeof ActionMenuItem;
+    var Divider: typeof ActionMenuDivider;
+}
+
+export declare function ActionMenuDivider({ className }: ActionMenuDividerProps): JSX.Element;
+
+export declare interface ActionMenuDividerProps {
+    /** Additional className */
+    className?: string;
+}
+
+export declare function ActionMenuItem({ value, icon, children, className, onClick, disabled, ...props }: ActionMenuItemProps): JSX.Element;
+
+export declare interface ActionMenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Optional value identifier for the item */
+    value?: string;
+    /** Icon to display before the label */
+    icon?: ReactNode;
+    /** Item label */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare interface ActionMenuProps extends HTMLAttributes<HTMLDivElement> {
+    /** Called when a menu item is clicked */
+    onItemClick?: (value?: string) => void;
+    /** Menu items */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function Avatar({ name, src, initials, status, size, className, }: AvatarProps): JSX.Element;
+
+export declare interface AvatarProps {
+    /** User's full name - used for alt text and computing initials */
+    name: string;
+    /** Image source URL (optional - falls back to initials) */
+    src?: string;
+    /** Override computed initials (e.g., for edge cases) */
+    initials?: string;
+    /** Status indicator - shows colored dot based on status type */
+    status?: AvatarStatus;
+    /** Avatar size. Default: 'md' */
+    size?: AvatarSize;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type AvatarSize = 'sm' | 'md' | 'lg';
+
+export declare type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';
+
+export declare function Branding({ brand, size, className, alt, }: BrandingProps): JSX.Element;
+
+export declare type BrandingBrand = keyof typeof logoMap;
+
+export declare interface BrandingProps {
+    /** The brand logo to display */
+    brand: BrandingBrand;
+    /** The size of the logo container */
+    size?: BrandingSize;
+    /** Additional className */
+    className?: string;
+    /** Alt text for the logo image */
+    alt?: string;
+}
+
+export declare type BrandingSize = keyof typeof styles.sizes;
+
+export declare function Button({ size, variant, children, className, iconLeading: IconLeading, iconTrailing: IconTrailing, isDisabled, href, target, rel, ...props }: ButtonProps): JSX.Element;
+
+export declare interface ButtonProps extends Omit<ButtonProps_2, 'className' | 'children'> {
+    /** The size of the button */
+    size?: ButtonSize;
+    /** The visual variant of the button */
+    variant?: ButtonVariant;
+    /** Icon component or element to show before the text */
+    iconLeading?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Icon component or element to show after the text */
+    iconTrailing?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Additional className */
+    className?: string;
+    /** href makes the button render as a link */
+    href?: string;
+    /** Link target (e.g., "_blank" for new tab) */
+    target?: string;
+    /** Link rel attribute (e.g., "noopener noreferrer") */
+    rel?: string;
+    /** Button content */
+    children?: ReactNode;
+}
+
+export declare type ButtonSize = keyof typeof styles_2.sizes;
+
+export declare type ButtonVariant = keyof typeof styles_2.variants;
+
+export declare function Chip({ size, isSelected, isRounded, isDismissible, icon: Icon, onDismiss, children, className, ...props }: ChipProps): JSX.Element;
+
+export declare interface ChipProps extends Omit<ButtonProps_2, 'className' | 'children'> {
+    /** The size of the chip */
+    size?: ChipSize;
+    /** Whether the chip is selected */
+    isSelected?: boolean;
+    /** Whether the chip has rounded (pill) shape */
+    isRounded?: boolean;
+    /** Whether the chip can be dismissed */
+    isDismissible?: boolean;
+    /** Icon component or element to show before the text */
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Callback when dismiss button is clicked */
+    onDismiss?: () => void;
+    /** Additional className */
+    className?: string;
+    /** Chip content */
+    children?: ReactNode;
+}
+
+export declare type ChipSize = keyof typeof styles_3.sizes;
+
+export declare type ChipVariant = keyof typeof styles_3.variants;
+
+export declare function CounterBadge({ color, isSolid, isRounded, children, className, }: CounterBadgeProps): JSX.Element;
+
+export declare type CounterBadgeColor = keyof typeof styles_4.colors;
+
+export declare interface CounterBadgeProps {
+    /** Color variant */
+    color?: CounterBadgeColor;
+    /** Filled background vs outline */
+    isSolid?: boolean;
+    /** Pill shape vs square corners */
+    isRounded?: boolean;
+    /** Badge content (typically a number or "99+") */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+/**
+ * Merges Tailwind CSS classes with conflict resolution
+ */
+export declare function cx(...classes: (string | undefined | null | false)[]): string;
+
+export declare function Divider({ appearance, alignment, type, label, icon: Icon, className, }: DividerProps): JSX.Element;
+
+export declare type DividerAlignment = 'none' | 'left' | 'center' | 'right';
+
+export declare type DividerAppearance = keyof typeof styles_5.appearances;
+
+export declare interface DividerProps {
+    /** Visual appearance of the divider content */
+    appearance?: DividerAppearance;
+    /** Alignment of the content */
+    alignment?: DividerAlignment;
+    /** Type of content to display */
+    type?: DividerType;
+    /** Label text (for label, title, and action types) */
+    label?: string;
+    /** Icon component or element (for action and icon types) */
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type DividerType = keyof typeof styles_5.types;
+
+export declare function DotStatus({ appearance, size, border, className, }: DotStatusProps): JSX.Element;
+
+export declare type DotStatusAppearance = keyof typeof styles_6.appearances;
+
+export declare interface DotStatusProps {
+    /** The color appearance of the dot */
+    appearance?: DotStatusAppearance;
+    /** The size of the dot */
+    size?: DotStatusSize;
+    /** Whether to show a border around the dot */
+    border?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type DotStatusSize = keyof typeof styles_6.sizes;
+
+export declare function Dropdown({ size, state, placeholder, children, className, isDisabled, ...props }: DropdownProps): JSX.Element;
+
+export declare interface DropdownProps extends Omit<ButtonProps_2, 'className' | 'children'> {
+    /** The size of the dropdown */
+    size?: DropdownSize;
+    /** Visual state of the dropdown */
+    state?: DropdownState;
+    /** Placeholder or selected value text */
+    placeholder?: string;
+    /** Additional className */
+    className?: string;
+    /** Dropdown content (overrides placeholder) */
+    children?: ReactNode;
+}
+
+export declare type DropdownSize = keyof typeof styles_7.sizes;
+
+export declare type DropdownState = keyof typeof styles_7.states;
+
+export declare function Field({ orientation, label, isRequired, infoText, showInfoIcon, helperText, currentCount, maxCount, showCounter, children, className, }: FieldProps): JSX.Element;
+
+export declare type FieldOrientation = keyof typeof styles_8.orientation;
+
+export declare interface FieldProps {
+    /** Layout orientation */
+    orientation?: FieldOrientation;
+    /** Label text for the field */
+    label?: ReactNode;
+    /** Shows required indicator (*) */
+    isRequired?: boolean;
+    /** Info text displayed in horizontal layout */
+    infoText?: ReactNode;
+    /** Shows info icon next to info text */
+    showInfoIcon?: boolean;
+    /** Helper text displayed below the input */
+    helperText?: ReactNode;
+    /** Current character count */
+    currentCount?: number;
+    /** Maximum character count */
+    maxCount?: number;
+    /** Shows character counter (e.g., "12/100") */
+    showCounter?: boolean;
+    /** The form input element */
+    children?: ReactNode;
+    /** Additional className for root element */
+    className?: string;
+}
+
+export declare function FileUpload({ instructions, fileTypesHint, icon, accept, multiple, isDisabled, hasError, onFilesChange, className, }: FileUploadProps): JSX.Element;
+
+export declare interface FileUploadProps {
+    /** Instructions text shown in the dropzone */
+    instructions?: ReactNode;
+    /** File type hint text */
+    fileTypesHint?: string;
+    /** Custom icon element */
+    icon?: ReactNode;
+    /** Accept attribute for file input (e.g., "image/*,.pdf") */
+    accept?: string;
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Disabled state */
+    isDisabled?: boolean;
+    /** Error state */
+    hasError?: boolean;
+    /** Called when files are selected or dropped */
+    onFilesChange?: (files: FileList | null) => void;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type FileUploadState = keyof typeof styles_16.state;
+
+export declare const isReactComponent: (component: any) => component is ReactComponent;
+
+export declare function Keys({ appearance, type, children, className, }: KeysProps): JSX.Element;
+
+export declare type KeysAppearance = keyof typeof styles_9.appearance;
+
+export declare interface KeysProps {
+    /** Visual appearance */
+    appearance?: KeysAppearance;
+    /** Sizing type - flex hugs content, fixed is 24×24 */
+    type?: KeysType;
+    /** Key label (e.g., "Esc", "⌘", "K") */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type KeysType = keyof typeof styles_9.type;
+
+declare const logoMap: {
+    readonly wireframe: string;
+    readonly connect: string;
+    readonly locumsmart: string;
+    readonly modio: string;
+    readonly myweatherby: string;
+    readonly mycomphealth: string;
+    readonly 'design-system': string;
+};
+
+export declare function PillToggle({ isSelected, onPress, children, className, }: PillToggleProps): JSX.Element;
+
+export declare interface PillToggleProps {
+    /** Whether the toggle is selected */
+    isSelected?: boolean;
+    /** Called when the toggle is clicked */
+    onPress?: () => void;
+    /** Toggle label */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function ProgressBar({ value, label, className, }: ProgressBarProps): JSX.Element;
+
+export declare type ProgressBarLabel = 'right' | 'bottom' | 'top-floating' | 'bottom-floating' | false;
+
+export declare interface ProgressBarProps {
+    /** Progress value (0-100) */
+    value: number;
+    /** Label position or false to hide */
+    label?: ProgressBarLabel;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function Radio({ showLabel, className, children, ...props }: RadioProps): JSX.Element;
+
+export declare function RadioGroup({ className, children, ...props }: RadioGroupProps): JSX.Element;
+
+export declare interface RadioGroupProps extends Omit<RadioGroupProps_2, 'className'> {
+    /** Additional className */
+    className?: string;
+    /** Radio items */
+    children?: ReactNode;
+}
+
+export declare interface RadioProps extends Omit<RadioProps_2, 'className' | 'children'> {
+    /** Whether to show the label */
+    showLabel?: boolean;
+    /** Additional className */
+    className?: string;
+    /** Radio label */
+    children?: ReactNode;
+}
+
+declare type ReactComponent = default_2.FC<any> | default_2.ComponentClass<any, any>;
+
+export declare function SideNavigation({ brand, defaultExpanded, isExpanded: controlledExpanded, onExpandedChange, children, className, ...props }: SideNavigationProps): JSX.Element;
+
+export declare namespace SideNavigation {
+    var Search: typeof SideNavigationSearch;
+    var Section: typeof SideNavigationSection;
+    var Item: typeof SideNavigationItem;
+    var SubItem: typeof SideNavigationSubItem;
+    var Account: typeof SideNavigationAccount;
+}
+
+export declare function SideNavigationAccount({ name, avatarSrc, initials, onSettingsClick, className, }: SideNavigationAccountProps): JSX.Element;
+
+export declare interface SideNavigationAccountProps {
+    /** User's name */
+    name: string;
+    /** Avatar image source */
+    avatarSrc?: string;
+    /** User's initials (fallback for avatar) */
+    initials?: string;
+    /** Callback when settings button is clicked */
+    onSettingsClick?: () => void;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function SideNavigationItem({ icon, label, isActive, isOpen, onToggle, children, className, onClick, ...props }: SideNavigationItemProps): JSX.Element;
+
+export declare interface SideNavigationItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Item icon */
+    icon?: ReactNode;
+    /** Item label */
+    label: string;
+    /** Whether the item is active */
+    isActive?: boolean;
+    /** Whether the submenu is open */
+    isOpen?: boolean;
+    /** Callback when item is clicked */
+    onToggle?: () => void;
+    /** Sub items */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare interface SideNavigationProps extends HTMLAttributes<HTMLElement> {
+    /** Brand logo to display */
+    brand?: BrandingBrand;
+    /** Initial expanded state */
+    defaultExpanded?: boolean;
+    /** Controlled expanded state */
+    isExpanded?: boolean;
+    /** Callback when expanded state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Navigation content */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function SideNavigationSearch({ placeholder, value, onChange, className, }: SideNavigationSearchProps): JSX.Element;
+
+export declare interface SideNavigationSearchProps {
+    /** Search placeholder */
+    placeholder?: string;
+    /** Search value */
+    value?: string;
+    /** Callback when search value changes */
+    onChange?: (value: string) => void;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function SideNavigationSection({ children, className, }: SideNavigationSectionProps): JSX.Element;
+
+export declare interface SideNavigationSectionProps {
+    /** Section content */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function SideNavigationSubItem({ label, isActive, className, ...props }: SideNavigationSubItemProps): JSX.Element;
+
+export declare interface SideNavigationSubItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Sub item label */
+    label: string;
+    /** Whether the sub item is active */
+    isActive?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function Slider({ showLabels, className, formatValue, ...props }: SliderProps): JSX.Element;
+
+export declare interface SliderProps extends Omit<SliderProps_2<number[]>, 'className'> {
+    /** Show value labels below the thumbs */
+    showLabels?: boolean;
+    /** Additional className */
+    className?: string;
+    /** Format the output value */
+    formatValue?: (value: number) => string;
+}
+
+export declare function Slot({ appearance, children, className, }: SlotProps): JSX.Element;
+
+export declare type SlotAppearance = 'default' | 'thin';
+
+export declare interface SlotProps {
+    /** Visual appearance */
+    appearance?: SlotAppearance;
+    /** Slot label text */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+/**
+ * Helper for organizing style objects - enables Tailwind IntelliSense sorting
+ */
+export declare function sortCx<T extends Record<string, any>>(classes: T): T;
+
+export declare function Status({ isSolid, isRounded, size, appearance, children, className, }: StatusProps): JSX.Element;
+
+export declare interface StatusProps {
+    /** Filled background vs white background */
+    isSolid?: boolean;
+    /** Pill shape vs square corners */
+    isRounded?: boolean;
+    /** Size variant */
+    size?: StatusSize;
+    /** Color appearance for the dot indicator */
+    appearance?: DotStatusAppearance;
+    /** Label text */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type StatusSize = keyof typeof styles_10.size;
+
+export declare const StepIndicator: typeof StepIndicatorRoot & {
+    Item: typeof StepIndicatorItem;
+};
+
+declare function StepIndicatorItem({ status, label, description, children, className, }: StepIndicatorItemProps): JSX.Element;
+
+export declare interface StepIndicatorItemProps {
+    /** Status of this step */
+    status?: StepStatus;
+    /** Main label text */
+    label?: ReactNode;
+    /** Optional description text */
+    description?: ReactNode;
+    /** Custom content below the label */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare interface StepIndicatorProps {
+    /** Layout orientation */
+    orientation?: StepOrientation;
+    /** Size variant */
+    size?: StepSize;
+    /** Whether to show labels */
+    showLabels?: boolean;
+    /** Step items */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+declare function StepIndicatorRoot({ orientation, size, showLabels, children, className, }: StepIndicatorProps): JSX.Element;
+
+export declare type StepOrientation = 'horizontal' | 'vertical';
+
+export declare type StepSize = 'default' | 'compact';
+
+export declare type StepStatus = 'complete' | 'active' | 'incomplete' | 'disabled' | 'error';
+
+declare const styles: {
+    root: string;
+    sizes: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    image: string;
+};
+
+declare const styles_10: {
+    common: {
+        root: string;
+        label: string;
+    };
+    solid: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    rounded: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    size: {
+        compact: {
+            rounded: {
+                root: string;
+            };
+            square: {
+                root: string;
+            };
+        };
+        default: {
+            rounded: {
+                root: string;
+            };
+            square: {
+                root: string;
+            };
+        };
+    };
+};
+
+declare const styles_11: {
+    common: {
+        root: string;
+        icon: string;
+    };
+    size: {
+        default: {
+            rounded: {
+                root: string;
+            };
+            square: {
+                root: string;
+            };
+        };
+        compact: {
+            rounded: {
+                root: string;
+            };
+            square: {
+                root: string;
+            };
+        };
+    };
+    rounded: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    colors: {
+        neutral: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        red: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        orange: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        yellow: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        emerald: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        green: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        sky: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        cyan: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        blue: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        indigo: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        purple: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        fuchsia: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        magenta: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        inverse: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        transparent: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+    };
+};
+
+declare const styles_12: {
+    common: {
+        root: string;
+    };
+    sizes: {
+        default: {
+            root: string;
+        };
+        compact: {
+            root: string;
+        };
+    };
+    states: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+        };
+    };
+    resize: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+};
+
+declare const styles_13: {
+    common: {
+        root: string;
+        content: string;
+        title: string;
+        description: string;
+        actionsSubtle: string;
+        actionsButtons: string;
+        actionLink: string;
+        actionLinkPrimary: string;
+        actionLinkSecondary: string;
+        closeButton: string;
+        icon: string;
+        dotWrapper: string;
+    };
+    sizes: {
+        default: {
+            root: string;
+            content: string;
+            actions: string;
+            icon: string;
+        };
+        condensed: {
+            root: string;
+            content: string;
+            actions: string;
+            icon: string;
+        };
+    };
+};
+
+declare const styles_14: {
+    common: {
+        root: string;
+        track: string;
+        knob: string;
+    };
+    size: {
+        default: {
+            track: string;
+            knob: string;
+            knobTranslate: string;
+            indeterminateKnob: string;
+        };
+        compact: {
+            track: string;
+            knob: string;
+            knobTranslate: string;
+            indeterminateKnob: string;
+        };
+    };
+    state: {
+        inactive: {
+            track: string;
+        };
+        active: {
+            track: string;
+        };
+        indeterminate: {
+            track: string;
+        };
+    };
+};
+
+declare const styles_15: {
+    common: {
+        root: string;
+        arrowWrapper: string;
+        arrow: string;
+    };
+    appearances: {
+        plain: {
+            root: string;
+            arrow: string;
+        };
+        soft: {
+            root: string;
+            arrow: string;
+        };
+        rich: {
+            root: string;
+            arrow: string;
+        };
+        micro: {
+            root: string;
+            arrow: string;
+        };
+    };
+};
+
+declare const styles_16: {
+    common: {
+        root: string;
+        icon: string;
+        instructions: string;
+        fileTypes: string;
+    };
+    state: {
+        default: {
+            root: string;
+        };
+        dragActive: {
+            root: string;
+        };
+        disabled: {
+            root: string;
+        };
+        error: {
+            root: string;
+        };
+    };
+};
+
+declare const styles_2: {
+    common: {
+        root: string;
+        icon: string;
+    };
+    sizes: {
+        xs: {
+            root: string;
+            icon: string;
+        };
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+    };
+    variants: {
+        primary: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        outline: {
+            root: string;
+        };
+        text: {
+            root: string;
+        };
+        ghost: {
+            root: string;
+        };
+        destructive: {
+            root: string;
+        };
+    };
+};
+
+declare const styles_3: {
+    common: {
+        root: string;
+        icon: string;
+        dismiss: string;
+    };
+    sizes: {
+        default: {
+            root: string;
+            icon: string;
+            dismiss: string;
+        };
+        compact: {
+            root: string;
+            icon: string;
+            dismiss: string;
+        };
+    };
+    variants: {
+        unselected: {
+            root: string;
+        };
+        selected: {
+            root: string;
+        };
+    };
+    rounded: {
+        false: {
+            root: string;
+        };
+        true: {
+            root: string;
+        };
+    };
+};
+
+declare const styles_4: {
+    common: {
+        root: string;
+        label: string;
+    };
+    rounded: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    colors: {
+        neutral: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        red: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        orange: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        yellow: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        lime: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        green: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        sky: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        cyan: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        blue: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        indigo: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        purple: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        magenta: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        rose: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+        inverse: {
+            solid: {
+                root: string;
+            };
+            outline: {
+                root: string;
+            };
+        };
+    };
+};
+
+declare const styles_5: {
+    common: {
+        root: string;
+        line: string;
+        lineShort: string;
+        content: string;
+    };
+    appearances: {
+        solid: {
+            content: string;
+        };
+        transparent: {
+            content: string;
+        };
+    };
+    types: {
+        label: {
+            content: string;
+        };
+        title: {
+            content: string;
+        };
+        action: {
+            content: string;
+            icon: string;
+        };
+        icon: {
+            content: string;
+            icon: string;
+        };
+    };
+};
+
+declare const styles_6: {
+    common: {
+        root: string;
+    };
+    sizes: {
+        compact: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    appearances: {
+        neutral: {
+            root: string;
+        };
+        red: {
+            root: string;
+        };
+        orange: {
+            root: string;
+        };
+        yellow: {
+            root: string;
+        };
+        celery: {
+            root: string;
+        };
+        green: {
+            root: string;
+        };
+        sky: {
+            root: string;
+        };
+        cyan: {
+            root: string;
+        };
+        blue: {
+            root: string;
+        };
+        indigo: {
+            root: string;
+        };
+        purple: {
+            root: string;
+        };
+        fuchsia: {
+            root: string;
+        };
+        magenta: {
+            root: string;
+        };
+        inverse: {
+            root: string;
+        };
+    };
+    border: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+};
+
+declare const styles_7: {
+    common: {
+        root: string;
+        icon: string;
+    };
+    sizes: {
+        default: {
+            root: string;
+            icon: string;
+        };
+        condensed: {
+            root: string;
+            icon: string;
+        };
+    };
+    states: {
+        default: {
+            root: string;
+        };
+        error: {
+            root: string;
+        };
+    };
+};
+
+declare const styles_8: {
+    common: {
+        root: string;
+        head: string;
+        labelWrapper: string;
+        label: string;
+        requiredIndicator: string;
+        body: string;
+        infoWrapper: string;
+        infoText: string;
+        infoIcon: string;
+        foot: string;
+        helperText: string;
+        counter: string;
+    };
+    orientation: {
+        vertical: {
+            root: string;
+            head: string;
+            labelWrapper: string;
+            body: string;
+            foot: string;
+        };
+        horizontal: {
+            root: string;
+            head: string;
+            labelWrapper: string;
+            body: string;
+            foot: string;
+        };
+    };
+};
+
+declare const styles_9: {
+    common: {
+        root: string;
+    };
+    appearance: {
+        light: {
+            root: string;
+        };
+        dark: {
+            root: string;
+        };
+    };
+    type: {
+        flex: {
+            root: string;
+        };
+        fixed: {
+            root: string;
+        };
+    };
+};
+
+export declare interface TabItem {
+    /** Unique identifier for the tab */
+    id: string;
+    /** Tab label text */
+    label: string;
+    /** Tab panel content */
+    content: ReactNode;
+}
+
+export declare function Tabs({ appearance, fill, items, className, ...props }: TabsProps): JSX.Element;
+
+export declare type TabsAppearance = 'underline' | 'block' | 'block-inverted';
+
+export declare interface TabsProps extends Omit<TabsProps_2, 'className' | 'children'> {
+    /** Visual appearance */
+    appearance?: TabsAppearance;
+    /** Whether tabs stretch to fill container width */
+    fill?: boolean;
+    /** Tab items configuration */
+    items: TabItem[];
+    /** Additional className */
+    className?: string;
+}
+
+export declare function Tag({ color, size, isSolid, isRounded, icon, iconRight, children, className, }: TagProps): JSX.Element;
+
+export declare type TagColor = keyof typeof styles_11.colors;
+
+export declare interface TagProps {
+    /** Color appearance */
+    color?: TagColor;
+    /** Size variant */
+    size?: TagSize;
+    /** Filled background vs outline */
+    isSolid?: boolean;
+    /** Pill shape vs square corners */
+    isRounded?: boolean;
+    /** Optional icon to display on the left */
+    icon?: ReactNode;
+    /** Optional icon to display on the right (e.g., close/dismiss button) */
+    iconRight?: ReactNode;
+    /** Tag label text */
+    children?: ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type TagSize = keyof typeof styles_11.size;
+
+export declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
+    /** Size variant */
+    size?: TextareaSize;
+    /** Visual state */
+    state?: TextareaState;
+    /** Allow user to resize vertically */
+    resize?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type TextareaSize = keyof typeof styles_12.sizes;
+
+export declare type TextareaState = keyof typeof styles_12.states;
+
+export declare function Toast({ title, description, appearance, actions, size, icon: Icon, dotAppearance, avatarProps, primaryActionLabel, secondaryActionLabel, onPrimaryAction, onSecondaryAction, onClose, className, }: ToastProps): JSX.Element;
+
+export declare type ToastActions = 'none' | 'close' | 'subtle' | 'buttons';
+
+export declare type ToastAppearance = 'icon' | 'dot' | 'avatar';
+
+export declare interface ToastProps {
+    /** The title text */
+    title: string;
+    /** The description text (only shown in default size) */
+    description?: string;
+    /** The visual appearance - what shows on the left */
+    appearance?: ToastAppearance;
+    /** The action type to display */
+    actions?: ToastActions;
+    /** The size variant */
+    size?: ToastSize;
+    /** Custom icon component (for appearance="icon") */
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Dot indicator color (for appearance="dot") */
+    dotAppearance?: DotStatusAppearance;
+    /** Avatar props (for appearance="avatar") */
+    avatarProps?: Omit<AvatarProps, 'size'>;
+    /** Primary action label (for actions="subtle" or "buttons") */
+    primaryActionLabel?: string;
+    /** Secondary action label (for actions="subtle" or "buttons") */
+    secondaryActionLabel?: string;
+    /** Callback when primary action is clicked */
+    onPrimaryAction?: () => void;
+    /** Callback when secondary action is clicked */
+    onSecondaryAction?: () => void;
+    /** Callback when close button is clicked (for actions="close") */
+    onClose?: () => void;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type ToastSize = keyof typeof styles_13.sizes;
+
+export declare function Toggle({ size, isIndeterminate, isSelected, className, ...props }: ToggleProps): JSX.Element;
+
+export declare interface ToggleProps extends Omit<SwitchProps, 'className' | 'children'> {
+    /** Size variant */
+    size?: ToggleSize;
+    /** Whether the toggle is in indeterminate state (overrides isSelected) */
+    isIndeterminate?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+export declare type ToggleSize = keyof typeof styles_14.size;
+
+export declare type ToggleState = 'inactive' | 'active' | 'indeterminate';
+
+export declare function Tooltip({ appearance, children, showArrow, className, ...props }: TooltipProps): JSX.Element;
+
+export declare type TooltipAppearance = keyof typeof styles_15.appearances;
+
+export declare type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+export declare interface TooltipProps extends Omit<TooltipProps_2, 'className' | 'children'> {
+    /** Visual appearance */
+    appearance?: TooltipAppearance;
+    /** Tooltip content */
+    children: ReactNode;
+    /** Show arrow pointing to trigger */
+    showArrow?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function TooltipTrigger({ children, tooltip, appearance, placement, showArrow, delay, className, }: TooltipTriggerProps): JSX.Element;
+
+export declare interface TooltipTriggerProps {
+    /** The trigger element (must accept ref) */
+    children: ReactNode;
+    /** Tooltip content */
+    tooltip: ReactNode;
+    /** Tooltip appearance */
+    appearance?: TooltipAppearance;
+    /** Preferred placement */
+    placement?: TooltipPlacement;
+    /** Show arrow pointing to trigger */
+    showArrow?: boolean;
+    /** Delay before showing (ms) */
+    delay?: number;
+    /** Additional className for tooltip */
+    className?: string;
+}
+
+export { }