@cytario/design 1.6.1 → 1.8.0

package/dist/index.d.ts

@@ -1,58 +1,611 @@
-export { RouterProvider } from "react-aria-components";
-export type { RouterConfig, Key } from "react-aria-components";
-export { Button } from "./components/Button";
-export type { ButtonProps, ButtonVariant, ButtonSize } from "./components/Button";
-export { Spinner } from "./components/Spinner";
-export type { SpinnerProps } from "./components/Spinner";
-export { Icon } from "./components/Icon";
-export type { IconProps } from "./components/Icon";
-export { Tooltip } from "./components/Tooltip";
-export type { TooltipProps } from "./components/Tooltip";
-export { IconButton } from "./components/IconButton";
-export type { IconButtonProps } from "./components/IconButton";
-export { Input } from "./components/Input";
-export type { InputProps } from "./components/Input";
-export { Select } from "./components/Select";
-export type { SelectProps, SelectItem } from "./components/Select";
-export { Table, TableHeader, Column, TableBody, Row, Cell } from "./components/Table";
-export type { DataTableProps, TableSize } from "./components/Table";
-export { Dialog } from "./components/Dialog";
-export type { DialogProps } from "./components/Dialog";
-export { ToastProvider, useToast, createToastBridge } from "./components/Toast";
-export type { ToastData, ToastVariant, ToastContextValue, ToastBridge } from "./components/Toast";
-export { EmptyState } from "./components/EmptyState";
-export type { EmptyStateProps } from "./components/EmptyState";
-export { Checkbox } from "./components/Checkbox";
-export type { CheckboxProps } from "./components/Checkbox";
-export { Switch } from "./components/Switch";
-export type { SwitchProps } from "./components/Switch";
-export { RadioGroup, Radio, RadioButton } from "./components/Radio";
-export type { RadioGroupProps, RadioProps, RadioButtonProps } from "./components/Radio";
-export { Label } from "./components/Label";
-export type { LabelProps } from "./components/Label";
-export { Field } from "./components/Field";
-export type { FieldProps } from "./components/Field";
-export { Fieldset } from "./components/Fieldset";
-export type { FieldsetProps } from "./components/Fieldset";
-export { InputGroup, InputGroupContext, useInputGroup } from "./components/InputGroup";
-export type { InputGroupProps, GroupPosition } from "./components/InputGroup";
-export { InputAddon } from "./components/InputAddon";
-export type { InputAddonProps } from "./components/InputAddon";
-export { Heading, H1, H2, H3 } from "./components/Heading";
-export type { HeadingProps, HeadingLevel, HeadingSize } from "./components/Heading";
-export { Link } from "./components/Link";
-export type { LinkProps, LinkVariant } from "./components/Link";
-export { Breadcrumbs } from "./components/Breadcrumbs";
-export type { BreadcrumbsProps, BreadcrumbItem } from "./components/Breadcrumbs";
-export { ButtonLink, IconButtonLink } from "./components/ButtonLink";
-export type { ButtonLinkProps, IconButtonLinkProps } from "./components/ButtonLink";
-export { ToggleButton } from "./components/ToggleButton";
-export type { ToggleButtonProps, ToggleButtonVariant, ToggleButtonSize } from "./components/ToggleButton";
-export { Menu } from "./components/Menu";
-export type { MenuProps, MenuItemData } from "./components/Menu";
-export { Popover, PopoverTrigger, PopoverContent } from "./components/Popover";
-export type { PopoverProps, PopoverTriggerProps, PopoverContentProps } from "./components/Popover";
-export { Tabs, TabList, Tab, TabPanel } from "./components/Tabs";
-export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsVariant, TabsSize } from "./components/Tabs";
-export * from "./tokens/tokens";
-//# sourceMappingURL=index.d.ts.map
+import { ButtonProps as ButtonProps$1, TextFieldProps, SelectProps as SelectProps$1, CellProps, ColumnProps, TableProps, RowProps, TableBodyProps, TableHeaderProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, LabelProps as LabelProps$1, LinkProps as LinkProps$1, ToggleButtonProps as ToggleButtonProps$1, PopoverProps as PopoverProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1 } from 'react-aria-components';
+export { Key, RouterConfig, RouterProvider } from 'react-aria-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import { TreeApi } from 'react-arborist';
+export { TreeApi } from 'react-arborist';
+
+type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive" | "default" | "success" | "info" | "neutral";
+type ButtonSize = "sm" | "md" | "lg";
+
+interface ButtonProps extends ButtonProps$1 {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size preset */
+    size?: ButtonSize;
+    /** Shows a spinner and disables interaction */
+    isLoading?: boolean;
+    /** Lucide icon rendered before children */
+    iconLeft?: LucideIcon;
+    /** Lucide icon rendered after children */
+    iconRight?: LucideIcon;
+}
+declare function Button({ variant, size, isLoading, isDisabled, iconLeft, iconRight, className, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps {
+    /** Size preset */
+    size?: "sm" | "md" | "lg";
+    /** Accessible label — when provided, the spinner is announced to screen readers */
+    "aria-label"?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function Spinner({ size, "aria-label": ariaLabel, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+interface IconProps {
+    /** A Lucide icon component */
+    icon: LucideIcon;
+    /** Size preset */
+    size?: "sm" | "md" | "lg" | "xl";
+    /** SVG stroke width */
+    strokeWidth?: number;
+    /** Accessible label — when provided, the icon is treated as meaningful */
+    "aria-label"?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function Icon({ icon: LucideComponent, size, strokeWidth, "aria-label": ariaLabel, className, }: IconProps): react_jsx_runtime.JSX.Element;
+
+interface TooltipProps {
+    /** Tooltip text content */
+    content: string;
+    /** Trigger element */
+    children: React__default.ReactElement;
+    /** Placement relative to trigger */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Delay in ms before showing (default 500) */
+    delay?: number;
+    /** Additional CSS classes for the tooltip */
+    className?: string;
+}
+declare function Tooltip({ content, children, placement, delay, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+interface IconButtonProps extends Omit<ButtonProps$1, "className"> {
+    /** Lucide icon to render */
+    icon: LucideIcon;
+    /** Required for accessibility — also used as tooltip content */
+    "aria-label": string;
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size preset */
+    size?: "sm" | "md" | "lg";
+    /** Show tooltip on hover (default true) */
+    showTooltip?: boolean;
+    /** Tooltip placement */
+    tooltipPlacement?: "top" | "bottom" | "left" | "right";
+    /** Shows a spinner and disables interaction */
+    isLoading?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function IconButton({ icon, "aria-label": ariaLabel, variant, size, showTooltip, tooltipPlacement, isLoading, isDisabled, className, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
+    /** Label text displayed above the input. Omit for raw input mode. */
+    label?: string;
+    /** Placeholder text shown when the input is empty */
+    placeholder?: string;
+    /** Help text shown below the input */
+    description?: string;
+    /** Error message shown below the input (triggers error styling) */
+    errorMessage?: string;
+    /** HTML input type */
+    type?: "text" | "email" | "password" | "number";
+    /** Controls padding and font size */
+    size?: "sm" | "md" | "lg";
+    /** Text prefix shown inside the input on the left (e.g., "$", "https://") */
+    prefix?: string;
+    /** Text alignment within the input */
+    align?: "left" | "center" | "right";
+    /** Additional CSS class for the outer wrapper */
+    className?: string;
+}
+declare function Input({ label, placeholder, description, errorMessage, type, size, prefix, align, isDisabled, isRequired, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+interface SelectItem {
+    id: string;
+    name: string;
+}
+interface SelectProps extends Omit<SelectProps$1<SelectItem>, "children"> {
+    /** Label displayed above the trigger (always visible) */
+    label: string;
+    /** Options to display in the dropdown */
+    items: SelectItem[];
+    /** Placeholder text when no item is selected */
+    placeholder?: string;
+    /** Error message displayed below the trigger */
+    errorMessage?: string;
+}
+declare function Select({ label, items, placeholder, errorMessage, isDisabled, isRequired, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
+
+type TableSize = "compact" | "comfortable";
+interface DataTableProps extends TableProps {
+    /** Row density */
+    size?: TableSize;
+}
+declare function Table({ size, className, ...props }: DataTableProps): react_jsx_runtime.JSX.Element;
+declare function TableHeader<T extends object>(props: TableHeaderProps<T>): react_jsx_runtime.JSX.Element;
+declare function Column(props: ColumnProps): react_jsx_runtime.JSX.Element;
+declare function TableBody<T extends object>(props: TableBodyProps<T>): react_jsx_runtime.JSX.Element;
+declare function Row<T extends object>(props: RowProps<T>): react_jsx_runtime.JSX.Element;
+declare function Cell(props: CellProps): react_jsx_runtime.JSX.Element;
+
+interface DialogProps {
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    title: string;
+    size?: "sm" | "md" | "lg" | "xl";
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Dialog({ isOpen, onOpenChange, title, size, children, className, }: DialogProps): react_jsx_runtime.JSX.Element;
+
+type ToastVariant = "success" | "error" | "info";
+interface ToastData {
+    id: string;
+    variant: ToastVariant;
+    message: string;
+    duration?: number;
+}
+interface ToastContextValue {
+    toasts: ToastData[];
+    addToast: (toast: Omit<ToastData, "id">) => void;
+    removeToast: (id: string) => void;
+}
+interface ToastBridge {
+    /** Call from anywhere (including outside React) to show a toast. */
+    emit: (toast: Omit<ToastData, "id">) => void;
+    /** Used internally by ToastProvider to subscribe to external emits. */
+    subscribe: (fn: (toast: Omit<ToastData, "id">) => void) => () => void;
+}
+declare function createToastBridge(): ToastBridge;
+interface ToastProviderProps {
+    children: ReactNode;
+    /** Optional bridge for receiving toasts from outside the React tree. */
+    bridge?: ToastBridge;
+}
+declare function ToastProvider({ children, bridge }: ToastProviderProps): react_jsx_runtime.JSX.Element;
+declare function useToast(): {
+    toast: (toast: Omit<ToastData, "id">) => void;
+    toasts: ToastData[];
+    removeToast: (id: string) => void;
+};
+
+interface EmptyStateProps {
+    icon?: LucideIcon;
+    title: string;
+    description?: string;
+    action?: React__default.ReactNode;
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className"> {
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type PresetColor = "primary" | "success" | "destructive";
+interface SwitchProps extends Omit<SwitchProps$1, "children" | "className"> {
+    children?: React__default.ReactNode;
+    /** Preset color name or any valid CSS color string for the track when selected */
+    color?: PresetColor | (string & {});
+    className?: string;
+}
+declare function Switch({ children, color, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+interface RadioGroupProps extends Omit<RadioGroupProps$1, "children" | "className"> {
+    children: React__default.ReactNode;
+    className?: string;
+}
+interface RadioProps extends Omit<RadioProps$1, "children" | "className"> {
+    children?: React__default.ReactNode;
+    className?: string;
+}
+interface RadioButtonProps extends Omit<RadioProps$1, "children" | "className"> {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function RadioGroup({ children, className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function Radio({ children, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare function RadioButton({ children, className, ...props }: RadioButtonProps): react_jsx_runtime.JSX.Element;
+
+interface LabelProps extends Omit<LabelProps$1, "className"> {
+    isRequired?: boolean;
+    className?: string;
+}
+declare function Label({ isRequired, children, className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+
+interface FieldProps {
+    label?: string;
+    isRequired?: boolean;
+    description?: string;
+    error?: string | {
+        message?: string;
+    };
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Field({ label, isRequired, description, error, children, className, }: FieldProps): react_jsx_runtime.JSX.Element;
+
+interface FieldsetProps {
+    legend?: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Fieldset({ legend, children, className }: FieldsetProps): react_jsx_runtime.JSX.Element;
+
+interface InputGroupProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function InputGroup({ children, className }: InputGroupProps): react_jsx_runtime.JSX.Element;
+
+type GroupPosition = "start" | "middle" | "end" | "standalone";
+interface InputGroupContextValue {
+    inGroup: boolean;
+    position: GroupPosition;
+}
+declare const InputGroupContext: React$1.Context<InputGroupContextValue>;
+declare function useInputGroup(): InputGroupContextValue;
+
+interface InputAddonProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function InputAddon({ children, className }: InputAddonProps): react_jsx_runtime.JSX.Element;
+
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+type HeadingWeight = "semibold" | "bold";
+interface HeadingProps {
+    /** HTML heading element to render */
+    as?: HeadingLevel;
+    /** Visual size (defaults to match the `as` level) */
+    size?: HeadingSize;
+    /** Font weight (defaults to "semibold") */
+    weight?: HeadingWeight;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function Heading({ as: Tag, size, weight, className, children, }: HeadingProps): react_jsx_runtime.JSX.Element;
+/** Convenience: renders `<h1>` at 2xl size with bold weight */
+declare function H1(props: Omit<HeadingProps, "as">): react_jsx_runtime.JSX.Element;
+/** Convenience: renders `<h2>` at xl size */
+declare function H2(props: Omit<HeadingProps, "as">): react_jsx_runtime.JSX.Element;
+/** Convenience: renders `<h3>` at lg size */
+declare function H3(props: Omit<HeadingProps, "as">): react_jsx_runtime.JSX.Element;
+
+type LinkVariant = "default" | "subtle";
+interface LinkProps extends Omit<LinkProps$1, "className"> {
+    /** Visual style variant */
+    variant?: LinkVariant;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function Link({ variant, className, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbItem {
+    id: string;
+    label: string;
+    href?: string;
+}
+interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    className?: string;
+}
+declare function Breadcrumbs({ items, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonLinkProps extends Omit<LinkProps$1, "className"> {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size preset */
+    size?: ButtonSize;
+    /** Lucide icon rendered before children */
+    iconLeft?: LucideIcon;
+    /** Lucide icon rendered after children */
+    iconRight?: LucideIcon;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function ButtonLink({ variant, size, iconLeft, iconRight, className, children, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
+interface IconButtonLinkProps extends Omit<LinkProps$1, "className"> {
+    /** Lucide icon to render */
+    icon: LucideIcon;
+    /** Required for accessibility — also used as tooltip content */
+    "aria-label": string;
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size preset */
+    size?: "sm" | "md" | "lg";
+    /** Show tooltip on hover (default true) */
+    showTooltip?: boolean;
+    /** Tooltip placement */
+    tooltipPlacement?: "top" | "bottom" | "left" | "right";
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function IconButtonLink({ icon, "aria-label": ariaLabel, variant, size, showTooltip, tooltipPlacement, className, ...props }: IconButtonLinkProps): react_jsx_runtime.JSX.Element;
+
+type ToggleButtonVariant = "default" | "primary" | "outlined";
+type ToggleButtonSize = "sm" | "md" | "lg";
+interface ToggleButtonProps extends Omit<ToggleButtonProps$1, "className"> {
+    /** Visual style variant */
+    variant?: ToggleButtonVariant;
+    /** Size preset */
+    size?: ToggleButtonSize;
+    /** Use fixed square dimensions instead of padding-based sizing */
+    isSquare?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function ToggleButton({ variant, size, isSquare, className, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+
+interface MenuItemData {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    onAction?: () => void;
+    /** When set, renders the menu item as a navigational link */
+    href?: string;
+    /** Link target, e.g. "_blank" for external links */
+    target?: string;
+    isDisabled?: boolean;
+    isDanger?: boolean;
+}
+interface MenuProps {
+    /** Items to render in the menu */
+    items: MenuItemData[];
+    /** Trigger element (typically a Button or IconButton) */
+    children: React__default.ReactNode;
+    /** Additional CSS classes for the menu popover */
+    className?: string;
+}
+declare function Menu({ items, children, className }: MenuProps): react_jsx_runtime.JSX.Element;
+
+interface PopoverProps {
+    /** Controls open state (uncontrolled by default via DialogTrigger) */
+    isOpen?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    children: React__default.ReactNode;
+}
+interface PopoverTriggerProps {
+    children: React__default.ReactNode;
+    /** Additional CSS classes for the trigger wrapper */
+    className?: string;
+}
+interface PopoverContentProps {
+    /** Placement relative to the trigger element */
+    placement?: PopoverProps$1["placement"];
+    /** Offset from the trigger in pixels */
+    offset?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Content to render inside the popover. Can be a render function receiving { close }. */
+    children: React__default.ReactNode | ((opts: {
+        close: () => void;
+    }) => React__default.ReactNode);
+}
+/**
+ * Popover root -- wraps React Aria's DialogTrigger.
+ */
+declare function Popover({ children, isOpen, onOpenChange }: PopoverProps): react_jsx_runtime.JSX.Element;
+/**
+ * PopoverTrigger -- wraps the child in a React Aria Button so it
+ * participates in DialogTrigger's open/close handling.
+ *
+ * Renders as an unstyled inline element. Pass your visual trigger
+ * (text, icon, swatch) as children.
+ */
+declare function PopoverTrigger({ children, className }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+/**
+ * PopoverContent -- the floating panel anchored to the trigger.
+ * Built on React Aria's Popover + Dialog for accessible focus management.
+ */
+declare function PopoverContent({ placement, offset: offsetPx, className, children, }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+
+type TabsVariant = "underline" | "pills";
+type TabsSize = "sm" | "md" | "lg";
+interface TabsProps extends Omit<TabsProps$1, "className" | "orientation"> {
+    /** Visual style variant */
+    variant?: TabsVariant;
+    /** Size preset */
+    size?: TabsSize;
+    /** Layout orientation */
+    orientation?: "horizontal" | "vertical";
+    /** Additional CSS classes */
+    className?: string;
+    children: ReactNode;
+}
+declare function Tabs({ variant, size, orientation, className, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
+interface TabListProps<T extends object> extends Omit<TabListProps$1<T>, "className"> {
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
+interface TabProps extends Omit<TabProps$1, "className"> {
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function Tab({ className, ...props }: TabProps): react_jsx_runtime.JSX.Element;
+interface TabPanelProps extends Omit<TabPanelProps$1, "className"> {
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function TabPanel({ className, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
+
+interface TreeNode {
+    id: string;
+    name: string;
+    icon?: LucideIcon;
+    children?: TreeNode[];
+}
+interface TreeProps<T extends TreeNode = TreeNode> {
+    data: readonly T[];
+    "aria-label": string;
+    size?: "compact" | "comfortable";
+    selectionMode?: "none" | "single" | "multi" | "checkbox";
+    selectedIds?: Set<string>;
+    onSelectionChange?: (ids: Set<string>) => void;
+    onActivate?: (node: T) => void;
+    openByDefault?: boolean;
+    searchTerm?: string;
+    searchMatch?: (node: T, term: string) => boolean;
+    height?: number;
+    indent?: number;
+    disableDrag?: boolean;
+    disableDrop?: boolean;
+    treeRef?: React.Ref<TreeApi<T>>;
+    className?: string;
+}
+declare function Tree<T extends TreeNode = TreeNode>({ data, "aria-label": ariaLabel, size, selectionMode, selectedIds, onSelectionChange, onActivate, openByDefault, searchTerm, searchMatch, height, indent, disableDrag, disableDrop, treeRef, className, }: TreeProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const ColorPurple50 = "#f5f0fa";
+declare const ColorPurple100 = "#ead9f5";
+declare const ColorPurple200 = "#d4b3eb";
+declare const ColorPurple300 = "#b87ddb";
+declare const ColorPurple400 = "#9b4fcb";
+declare const ColorPurple500 = "#7a2ea8";
+declare const ColorPurple600 = "#6b2695";
+declare const ColorPurple700 = "#5c2483";
+declare const ColorPurple800 = "#4a1d6a";
+declare const ColorPurple900 = "#3a1754";
+declare const ColorTeal50 = "#edf9f9";
+declare const ColorTeal100 = "#d0f0f0";
+declare const ColorTeal200 = "#a1e1e2";
+declare const ColorTeal300 = "#6dd0d1";
+declare const ColorTeal400 = "#44c4c5";
+declare const ColorTeal500 = "#35b7b8";
+declare const ColorTeal600 = "#2a9b9c";
+declare const ColorTeal700 = "#217d7e";
+declare const ColorTeal800 = "#1a6364";
+declare const ColorTeal900 = "#144d4e";
+declare const ColorGreen50 = "#f0fdf4";
+declare const ColorGreen100 = "#dcfce7";
+declare const ColorGreen200 = "#bbf7d0";
+declare const ColorGreen300 = "#86efac";
+declare const ColorGreen400 = "#4ade80";
+declare const ColorGreen500 = "#22c55e";
+declare const ColorGreen600 = "#16a34a";
+declare const ColorGreen700 = "#15803d";
+declare const ColorGreen800 = "#166534";
+declare const ColorGreen900 = "#14532d";
+declare const ColorRose50 = "#fff1f2";
+declare const ColorRose100 = "#ffe4e6";
+declare const ColorRose200 = "#fecdd3";
+declare const ColorRose300 = "#fda4af";
+declare const ColorRose400 = "#fb7185";
+declare const ColorRose500 = "#f43f5e";
+declare const ColorRose600 = "#e11d48";
+declare const ColorRose700 = "#be123c";
+declare const ColorRose800 = "#9f1239";
+declare const ColorRose900 = "#881337";
+declare const ColorSlate50 = "#f8fafc";
+declare const ColorSlate100 = "#f1f5f9";
+declare const ColorSlate200 = "#e2e8f0";
+declare const ColorSlate300 = "#cbd5e1";
+declare const ColorSlate400 = "#94a3b8";
+declare const ColorSlate500 = "#64748b";
+declare const ColorSlate600 = "#475569";
+declare const ColorSlate700 = "#334155";
+declare const ColorSlate800 = "#1e293b";
+declare const ColorSlate900 = "#0f172a";
+declare const ColorNeutral0 = "#ffffff";
+declare const ColorNeutral50 = "#f9fafb";
+declare const ColorNeutral100 = "#f3f4f6";
+declare const ColorNeutral200 = "#e5e7eb";
+declare const ColorNeutral300 = "#d1d5db";
+declare const ColorNeutral400 = "#9ca3af";
+declare const ColorNeutral500 = "#6b7280";
+declare const ColorNeutral600 = "#4b5563";
+declare const ColorNeutral700 = "#374151";
+declare const ColorNeutral800 = "#1f2937";
+declare const ColorNeutral900 = "#111827";
+declare const ColorNeutral950 = "#030712";
+declare const ColorNeutral1000 = "#000000";
+declare const ColorBrandPrimary = "#5c2483";
+declare const ColorBrandAccent = "#35b7b8";
+declare const ColorActionPrimary = "#35b7b8";
+declare const ColorActionPrimaryHover = "#2a9b9c";
+declare const ColorActionPrimaryActive = "#217d7e";
+declare const ColorActionSecondary = "#5c2483";
+declare const ColorActionSecondaryHover = "#6b2695";
+declare const ColorActionDanger = "#e11d48";
+declare const ColorActionDangerHover = "#be123c";
+declare const ColorActionSuccess = "#16a34a";
+declare const ColorActionSuccessHover = "#15803d";
+declare const ColorActionInfo = "#475569";
+declare const ColorActionInfoHover = "#334155";
+declare const ColorActionDefault = "#1e293b";
+declare const ColorActionDefaultHover = "#334155";
+declare const ColorTextPrimary = "#111827";
+declare const ColorTextSecondary = "#4b5563";
+declare const ColorTextTertiary = "#9ca3af";
+declare const ColorTextInverse = "#ffffff";
+declare const ColorTextBrand = "#5c2483";
+declare const ColorTextAccent = "#35b7b8";
+declare const ColorTextDanger = "#e11d48";
+declare const ColorTextSuccess = "#16a34a";
+declare const ColorTextInfo = "#475569";
+declare const ColorTextWarning = "#d97706";
+declare const ColorSurfaceDefault = "#ffffff";
+declare const ColorSurfaceSubtle = "#f9fafb";
+declare const ColorSurfaceMuted = "#f3f4f6";
+declare const ColorSurfaceBrand = "#5c2483";
+declare const ColorSurfaceAccent = "#35b7b8";
+declare const ColorSurfaceDanger = "#fff1f2";
+declare const ColorSurfaceSuccess = "#f0fdf4";
+declare const ColorSurfaceWarning = "#fffbeb";
+declare const ColorSurfaceInfo = "#f8fafc";
+declare const ColorSurfaceOverlay = "#000000cc";
+declare const ColorBorderDefault = "#e5e7eb";
+declare const ColorBorderStrong = "#d1d5db";
+declare const ColorBorderBrand = "#5c2483";
+declare const ColorBorderAccent = "#35b7b8";
+declare const ColorBorderFocus = "#35b7b8";
+declare const ColorBorderDanger = "#e11d48";
+declare const ColorBorderSuccess = "#16a34a";
+declare const ColorBorderInfo = "#94a3b8";
+declare const ColorBorderWarning = "#d97706";
+declare const ColorOverlayBackdrop = "#00000066";
+declare const Spacing1 = "4px";
+declare const Spacing2 = "8px";
+declare const Spacing3 = "12px";
+declare const Spacing4 = "16px";
+declare const Spacing6 = "24px";
+declare const Spacing8 = "32px";
+declare const Spacing12 = "48px";
+declare const Spacing16 = "64px";
+declare const BorderRadiusNone = "0px";
+declare const BorderRadiusSm = "4px";
+declare const BorderRadiusMd = "8px";
+declare const BorderRadiusLg = "12px";
+declare const BorderRadiusXl = "16px";
+declare const BorderRadiusFull = "9999px";
+declare const FontSizeXs = "12px";
+declare const FontSizeSm = "14px";
+declare const FontSizeBase = "16px";
+declare const FontSizeLg = "18px";
+declare const FontSizeXl = "20px";
+declare const FontSize2xl = "24px";
+declare const FontSize3xl = "30px";
+declare const FontSize4xl = "36px";
+declare const FontSize5xl = "48px";
+declare const FontWeightLight = 300;
+declare const FontWeightRegular = 400;
+declare const FontWeightMedium = 500;
+declare const FontWeightSemibold = 600;
+declare const FontWeightBold = 700;
+declare const FontWeightExtrabold = 800;
+declare const LineHeightTight = 1.25;
+declare const LineHeightNormal = 1.5;
+declare const LineHeightRelaxed = 1.625;
+
+export { BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Cell, Checkbox, type CheckboxProps, ColorActionDanger, ColorActionDangerHover, ColorActionDefault, ColorActionDefaultHover, ColorActionInfo, ColorActionInfoHover, ColorActionPrimary, ColorActionPrimaryActive, ColorActionPrimaryHover, ColorActionSecondary, ColorActionSecondaryHover, ColorActionSuccess, ColorActionSuccessHover, ColorBorderAccent, ColorBorderBrand, ColorBorderDanger, ColorBorderDefault, ColorBorderFocus, ColorBorderInfo, ColorBorderStrong, ColorBorderSuccess, ColorBorderWarning, ColorBrandAccent, ColorBrandPrimary, ColorGreen100, ColorGreen200, ColorGreen300, ColorGreen400, ColorGreen50, ColorGreen500, ColorGreen600, ColorGreen700, ColorGreen800, ColorGreen900, ColorNeutral0, ColorNeutral100, ColorNeutral1000, ColorNeutral200, ColorNeutral300, ColorNeutral400, ColorNeutral50, ColorNeutral500, ColorNeutral600, ColorNeutral700, ColorNeutral800, ColorNeutral900, ColorNeutral950, ColorOverlayBackdrop, ColorPurple100, ColorPurple200, ColorPurple300, ColorPurple400, ColorPurple50, ColorPurple500, ColorPurple600, ColorPurple700, ColorPurple800, ColorPurple900, ColorRose100, ColorRose200, ColorRose300, ColorRose400, ColorRose50, ColorRose500, ColorRose600, ColorRose700, ColorRose800, ColorRose900, ColorSlate100, ColorSlate200, ColorSlate300, ColorSlate400, ColorSlate50, ColorSlate500, ColorSlate600, ColorSlate700, ColorSlate800, ColorSlate900, ColorSurfaceAccent, ColorSurfaceBrand, ColorSurfaceDanger, ColorSurfaceDefault, ColorSurfaceInfo, ColorSurfaceMuted, ColorSurfaceOverlay, ColorSurfaceSubtle, ColorSurfaceSuccess, ColorSurfaceWarning, ColorTeal100, ColorTeal200, ColorTeal300, ColorTeal400, ColorTeal50, ColorTeal500, ColorTeal600, ColorTeal700, ColorTeal800, ColorTeal900, ColorTextAccent, ColorTextBrand, ColorTextDanger, ColorTextInfo, ColorTextInverse, ColorTextPrimary, ColorTextSecondary, ColorTextSuccess, ColorTextTertiary, ColorTextWarning, Column, type DataTableProps, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Field, type FieldProps, Fieldset, type FieldsetProps, FontSize2xl, FontSize3xl, FontSize4xl, FontSize5xl, FontSizeBase, FontSizeLg, FontSizeSm, FontSizeXl, FontSizeXs, FontWeightBold, FontWeightExtrabold, FontWeightLight, FontWeightMedium, FontWeightRegular, FontWeightSemibold, type GroupPosition, H1, H2, H3, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, type IconProps, Input, InputAddon, type InputAddonProps, InputGroup, InputGroupContext, type InputGroupProps, type InputProps, Label, type LabelProps, LineHeightNormal, LineHeightRelaxed, LineHeightTight, Link, type LinkProps, type LinkVariant, Menu, type MenuItemData, type MenuProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Row, Select, type SelectItem, type SelectProps, Spacing1, Spacing12, Spacing16, Spacing2, Spacing3, Spacing4, Spacing6, Spacing8, Spinner, type SpinnerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableSize, Tabs, type TabsProps, type TabsSize, type TabsVariant, type ToastBridge, type ToastContextValue, type ToastData, ToastProvider, type ToastVariant, ToggleButton, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, createToastBridge, useInputGroup, useToast };