@cloudflare/kumo 1.0.0

package/dist/src/components/switch/switch.d.ts

@@ -0,0 +1,155 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export declare const KUMO_SWITCH_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "h-5.5 w-8.5";
+            readonly description: "Small switch for compact UIs";
+        };
+        readonly base: {
+            readonly classes: "h-6.5 w-10.5";
+            readonly description: "Default switch size";
+        };
+        readonly lg: {
+            readonly classes: "h-7.5 w-12.5";
+            readonly description: "Large switch for prominent toggles";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default switch appearance";
+        };
+        readonly error: {
+            readonly classes: "ring-kumo-danger";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const KUMO_SWITCH_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export type KumoSwitchSize = keyof typeof KUMO_SWITCH_VARIANTS.size;
+export type KumoSwitchVariant = keyof typeof KUMO_SWITCH_VARIANTS.variant;
+export interface KumoSwitchVariantsProps {
+    size?: KumoSwitchSize;
+    variant?: KumoSwitchVariant;
+}
+export declare function switchVariants({ size, variant, }?: KumoSwitchVariantsProps): string;
+export type SwitchSize = KumoSwitchSize;
+export type SwitchVariant = KumoSwitchVariant;
+/**
+ * Single switch component props (with built-in Field)
+ *
+ * Usage patterns:
+ *
+ * Basic usage:
+ * ```tsx
+ * <Switch label="Enable notifications" checked={true} onCheckedChange={setChecked} />
+ * ```
+ *
+ * Label first layout:
+ * ```tsx
+ * <Switch label="Dark mode" checked={false} onCheckedChange={setChecked} controlFirst={false} />
+ * ```
+ *
+ * Error variant (visual only, no error text):
+ * ```tsx
+ * <Switch label="Required setting" variant="error" checked={false} onCheckedChange={setChecked} />
+ * ```
+ *
+ * @property {string} label - Label text for the switch (Field wrapper is built-in)
+ * @property {boolean} [controlFirst] - When true (default), switch appears before label
+ */
+export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    /** Visual variant: "default" or "error" for validation failures (visual only, no error text) */
+    variant?: SwitchVariant;
+    /** Label content for the switch (Field wrapper is built-in) - can be a string or any React node. Optional when used standalone for visual-only purposes. */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /**
+     * Whether the switch is required.
+     * When explicitly false, shows "(optional)" text after the label.
+     */
+    required?: boolean;
+    /** When true (default), switch appears before label. When false, label appears before switch. */
+    controlFirst?: boolean;
+    size?: KumoSwitchSize;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    transitioning?: boolean;
+};
+/**
+ * Switch group component props (with built-in Fieldset)
+ *
+ * Usage:
+ * ```tsx
+ * <Switch.Group
+ *   legend="Notification settings"
+ *   error="You must enable at least one notification type"
+ * >
+ *   <Switch.Item label="Email notifications" value="email" />
+ *   <Switch.Item label="SMS notifications" value="sms" />
+ * </Switch.Group>
+ * ```
+ */
+export interface SwitchGroupProps {
+    /** Legend text for the group */
+    legend: string;
+    /** Child Switch.Item components */
+    children: ReactNode;
+    /** Error message for the group (only appears in groups, not single switches) */
+    error?: string;
+    /** Helper text for the group */
+    description?: ReactNode;
+    /** Whether all switches in the group are disabled */
+    disabled?: boolean;
+    /** When true (default), switch appears before label. When false, label appears before switch. */
+    controlFirst?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Individual switch item within a group
+ */
+export type SwitchItemProps = {
+    /** Visual variant: "default" or "error" for validation failures */
+    variant?: SwitchVariant;
+    /** Label text displayed next to switch */
+    label: string;
+    /** Additional CSS classes for the label wrapper */
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    size?: KumoSwitchSize;
+    transitioning?: boolean;
+};
+declare function SwitchGroup({ legend, children, error, description, disabled, controlFirst, className, }: SwitchGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Switch: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    /** Visual variant: "default" or "error" for validation failures (visual only, no error text) */
+    variant?: SwitchVariant;
+    /** Label content for the switch (Field wrapper is built-in) - can be a string or any React node. Optional when used standalone for visual-only purposes. */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /**
+     * Whether the switch is required.
+     * When explicitly false, shows "(optional)" text after the label.
+     */
+    required?: boolean;
+    /** When true (default), switch appears before label. When false, label appears before switch. */
+    controlFirst?: boolean;
+    size?: KumoSwitchSize;
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    transitioning?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Item: import('react').ForwardRefExoticComponent<SwitchItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Group: typeof SwitchGroup;
+};
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/dist/src/components/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table, KUMO_TABLE_DEFAULT_VARIANTS, KUMO_TABLE_VARIANTS, type KumoTableLayout, type KumoTableRowVariant, } from './table';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,KAAK,eAAe,EACpB,KAAK,mBAAmB,GACzB,MAAM,SAAS,CAAC"}

package/dist/src/components/table/table.d.ts

@@ -0,0 +1,54 @@
+export declare const KUMO_TABLE_VARIANTS: {
+    readonly layout: {
+        readonly auto: {
+            readonly classes: "";
+            readonly description: "Auto table layout - columns resize based on content";
+        };
+        readonly fixed: {
+            readonly classes: "table-fixed";
+            readonly description: "Fixed table layout - columns have equal width, controlled via colgroup";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default row variant";
+        };
+        readonly selected: {
+            readonly classes: "bg-kumo-tint";
+            readonly description: "Selected row variant";
+        };
+    };
+};
+export declare const KUMO_TABLE_DEFAULT_VARIANTS: {
+    readonly layout: "auto";
+    readonly variant: "default";
+};
+export type KumoTableRowVariant = keyof typeof KUMO_TABLE_VARIANTS.variant;
+export type KumoTableLayout = keyof typeof KUMO_TABLE_VARIANTS.layout;
+export declare const Table: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableElement> & {
+    layout?: KumoTableLayout;
+} & import('react').RefAttributes<HTMLTableElement>> & {
+    Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Head: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
+    Row: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableRowElement> & {
+        variant?: KumoTableRowVariant;
+    } & import('react').RefAttributes<HTMLTableRowElement>>;
+    Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    Cell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & import('react').RefAttributes<HTMLTableCellElement>>;
+    CheckCell: import('react').ForwardRefExoticComponent<import('react').TdHTMLAttributes<HTMLTableCellElement> & {
+        checked?: boolean;
+        onValueChange?: (checked: boolean) => void;
+        label?: string;
+        disabled?: boolean;
+    } & import('react').RefAttributes<HTMLTableCellElement>>;
+    CheckHead: import('react').ForwardRefExoticComponent<import('react').ThHTMLAttributes<HTMLTableCellElement> & {
+        checked?: boolean;
+        onValueChange?: (checked: boolean) => void;
+        label?: string;
+        disabled?: boolean;
+    } & import('react').RefAttributes<HTMLTableCellElement>>;
+    Footer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+    ResizeHandle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=table.d.ts.map

package/dist/src/components/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAsBtB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;CAG9B,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,mBAAmB,CAAC,MAAM,CAAC;AAuLtE,eAAO,MAAM,KAAK;aAlLL,eAAe;;;;;kBAmCd,mBAAmB;;;;;kBA+DnB,OAAO;wBACD,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;gBAClC,MAAM;mBACH,OAAO;;;kBAiCR,OAAO;wBACD,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;gBAClC,MAAM;mBACH,OAAO;;;;CAmDpB,CAAC"}

package/dist/src/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { Tabs } from './tabs';
+export type { TabsProps, TabsItem } from './tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/dist/src/components/tabs/tabs.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode } from 'react';
+export declare const KUMO_TABS_VARIANTS: {
+    readonly variant: readonly ["segmented", "underline"];
+};
+export declare const KUMO_TABS_DEFAULT_VARIANTS: {
+    readonly variant: "segmented";
+};
+export declare const KUMO_TABS_STYLING: {
+    readonly container: {
+        readonly height: 34;
+        readonly borderRadius: 8;
+        readonly background: "color-accent";
+        readonly padding: 1;
+    };
+    readonly tab: {
+        readonly paddingX: 10;
+        readonly verticalMargin: 1;
+        readonly fontSize: 16;
+        readonly fontWeight: 500;
+        readonly borderRadius: 8;
+        readonly activeColor: "text-color-surface";
+        readonly inactiveColor: "text-color-label";
+    };
+    readonly indicator: {
+        readonly background: "color-surface-secondary";
+        readonly ring: "color-color-2";
+        readonly borderRadius: 6;
+        readonly shadow: "shadow-sm";
+    };
+};
+export interface KumoTabsVariantsProps {
+    variant?: (typeof KUMO_TABS_VARIANTS.variant)[number];
+}
+export type TabsItem = {
+    value: string;
+    label: ReactNode;
+    className?: string;
+    /** Optional render function to customize the tab element (e.g., for links) */
+    render?: (props: Record<string, unknown>) => React.ReactElement;
+};
+export type TabsProps = KumoTabsVariantsProps & {
+    /** Array of tab items to render */
+    tabs?: TabsItem[];
+    /** Controlled value. When set, component becomes controlled. */
+    value?: string;
+    /** Default selected value for uncontrolled mode. Ignored when `value` is set. */
+    selectedValue?: string;
+    /** Callback fired when the active tab changes */
+    onValueChange?: (value: string) => void;
+    /**
+     * When true, tabs are activated immediately upon receiving focus via arrow keys.
+     * When false (default), tabs receive focus but require Enter/Space to activate.
+     * Set to true for better keyboard UX in most cases.
+     */
+    activateOnFocus?: boolean;
+    /** Additional class name for the root element */
+    className?: string;
+    /** Additional class name for the tab list element */
+    listClassName?: string;
+    /** Additional class name for the indicator element */
+    indicatorClassName?: string;
+};
+export declare function Tabs({ tabs, value, selectedValue, onValueChange, activateOnFocus, className, listClassName, indicatorClassName, variant, }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/src/components/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,kBAAkB;;CAErB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;CAsBpB,CAAC;AAGX,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,OAA4C,GAC7C,EAAE,SAAS,kDAqEX"}

package/dist/src/components/text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './text';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/src/components/text/text.d.ts

@@ -0,0 +1,153 @@
+import { CSSProperties, ComponentPropsWithoutRef, ElementRef, ForwardedRef, ElementType } from 'react';
+export declare const KUMO_TEXT_VARIANTS: {
+    readonly variant: {
+        readonly heading1: {
+            readonly classes: "text-3xl font-semibold";
+            readonly description: "Large heading for page titles";
+        };
+        readonly heading2: {
+            readonly classes: "text-2xl font-semibold";
+            readonly description: "Medium heading for section titles";
+        };
+        readonly heading3: {
+            readonly classes: "text-lg font-semibold";
+            readonly description: "Small heading for subsections";
+        };
+        readonly body: {
+            readonly classes: "text-kumo-default";
+            readonly description: "Default body text";
+        };
+        readonly secondary: {
+            readonly classes: "text-kumo-subtle";
+            readonly description: "Muted text for secondary information";
+        };
+        readonly success: {
+            readonly classes: "text-kumo-link";
+            readonly description: "Success state text";
+        };
+        readonly error: {
+            readonly classes: "text-kumo-danger";
+            readonly description: "Error state text";
+        };
+        readonly mono: {
+            readonly classes: "font-mono";
+            readonly description: "Monospace text for code";
+        };
+        readonly "mono-secondary": {
+            readonly classes: "font-mono text-kumo-subtle";
+            readonly description: "Muted monospace text";
+        };
+    };
+    readonly size: {
+        readonly xs: {
+            readonly classes: "text-xs";
+            readonly description: "Extra small text";
+        };
+        readonly sm: {
+            readonly classes: "text-sm";
+            readonly description: "Small text";
+        };
+        readonly base: {
+            readonly classes: "text-base";
+            readonly description: "Default text size";
+        };
+        readonly lg: {
+            readonly classes: "text-lg";
+            readonly description: "Large text";
+        };
+    };
+};
+export declare const KUMO_TEXT_DEFAULT_VARIANTS: {
+    readonly variant: "body";
+    readonly size: "base";
+};
+/**
+ * KUMO_TEXT_STYLING - Typography metadata for Figma generator
+ *
+ * This export provides structured styling information extracted from text.tsx
+ * for use by the Figma plugin generator. It documents font sizes, weights,
+ * colors, and font families used across all Text variants.
+ *
+ * Source of truth chain:
+ * text.tsx (this file) → component-registry.json → text.ts (Figma generator)
+ */
+export declare const KUMO_TEXT_STYLING: {
+    readonly fontSizes: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly "2xl": 24;
+        readonly "3xl": 30;
+    };
+    readonly fontWeights: {
+        readonly normal: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+    };
+    readonly baseColor: "text-kumo-default";
+    readonly variantColors: {
+        readonly body: "text-kumo-default";
+        readonly secondary: "text-kumo-subtle";
+        readonly success: "text-kumo-link";
+        readonly error: "text-kumo-danger";
+        readonly mono: "text-kumo-default";
+        readonly "mono-secondary": "text-kumo-subtle";
+    };
+    readonly fontFamilies: {
+        readonly default: "sans-serif";
+        readonly mono: "monospace";
+    };
+};
+export type KumoTextVariant = keyof typeof KUMO_TEXT_VARIANTS.variant;
+export type KumoTextSize = keyof typeof KUMO_TEXT_VARIANTS.size;
+export interface KumoTextVariantsProps {
+    variant?: KumoTextVariant;
+    size?: KumoTextSize;
+}
+export declare function textVariants({ variant, size, }?: KumoTextVariantsProps): string;
+type Heading = "heading1" | "heading2" | "heading3";
+type Copy = "body" | "secondary" | "success" | "error";
+type Monospace = "mono" | "mono-secondary";
+type TextSize = KumoTextSize;
+type TextVariant = KumoTextVariant;
+type BaseTextProps = Omit<ComponentPropsWithoutRef<"span">, "className" | "style"> & {
+    DANGEROUS_className?: string;
+    DANGEROUS_style?: CSSProperties;
+    as?: ElementType;
+};
+type TextPropsInternal<Variant extends TextVariant = "body"> = BaseTextProps & (Variant extends Copy ? {
+    variant?: Variant;
+    bold?: boolean;
+    size?: TextSize;
+} : Variant extends Monospace ? {
+    variant?: Variant;
+    bold?: never;
+    size?: "lg";
+} : Variant extends Heading ? {
+    variant?: Variant;
+    bold?: never;
+    size?: never;
+} : never);
+/**
+ * Props for the Text component.
+ * @description A typography component for rendering text with consistent styling.
+ */
+export interface TextProps {
+    /** Text style variant */
+    variant?: KumoTextVariant;
+    /** Text size (only applies to body/secondary/success/error variants) */
+    size?: KumoTextSize;
+    /** Whether to use bold font weight (only applies to body variants) */
+    bold?: boolean;
+    /** The element type to render as */
+    as?: ElementType;
+    /** Child text content */
+    children?: React.ReactNode;
+}
+export declare const Text: <Variant extends TextVariant = "body">(props: TextPropsInternal<Variant> & {
+    ref?: ForwardedRef<ElementRef<"span">>;
+}) => React.ReactElement;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/src/components/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAC7B,KAAK,UAAU,EACf,KAAK,YAAY,EAGjB,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BpB,CAAC;AAGX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC,OAAO,CAAC;AACtE,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAA4C,EAC5C,IAAsC,GACvC,GAAE,qBAA0B,UAK5B;AAGD,KAAK,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AACpD,KAAK,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AACvD,KAAK,SAAS,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAC3C,KAAK,QAAQ,GAAG,YAAY,CAAC;AAC7B,KAAK,WAAW,GAAG,eAAe,CAAC;AAEnC,KAAK,aAAa,GAAG,IAAI,CACvB,wBAAwB,CAAC,MAAM,CAAC,EAChC,WAAW,GAAG,OAAO,CACtB,GAAG;IACF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,KAAK,iBAAiB,CAAC,OAAO,SAAS,WAAW,GAAG,MAAM,IAAI,aAAa,GAC1E,CAAC,OAAO,SAAS,IAAI,GACjB;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GACD,OAAO,SAAS,SAAS,GACvB;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GACD,OAAO,SAAS,OAAO,GACrB;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD,KAAK,CAAC,CAAC;AAEjB;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,yBAAyB;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,wEAAwE;IACxE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oCAAoC;IACpC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkDD,eAAO,MAAM,IAAI,EAAwB,CAAC,OAAO,SAAS,WAAW,GAAG,MAAM,EAC5E,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAAG;IAClC,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;CACxC,KACE,KAAK,CAAC,YAAY,CAAC"}

package/dist/src/components/toast/index.d.ts

@@ -0,0 +1,3 @@
+export { Toasty } from './toast';
+export { Toast } from '@base-ui/react/toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/src/components/toast/toast.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+/**
+ * Toast styling configuration for Figma plugin consumption.
+ * Toast has no user-facing variants but documents the styling structure.
+ */
+export declare const KUMO_TOAST_VARIANTS: {
+    readonly root: {
+        readonly classes: "rounded-lg border border-kumo-fill bg-kumo-control p-4 shadow-lg";
+        readonly description: "Toast container with background, border, and shadow";
+    };
+    readonly title: {
+        readonly classes: "text-[0.975rem] leading-5 font-medium text-kumo-default";
+        readonly description: "Toast title with primary text color";
+    };
+    readonly description: {
+        readonly classes: "text-[0.925rem] leading-5 text-kumo-subtle";
+        readonly description: "Toast description with muted text color";
+    };
+    readonly close: {
+        readonly classes: "absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded border-none bg-transparent text-kumo-subtle hover:bg-kumo-fill-hover hover:text-kumo-strong";
+        readonly description: "Close button with X icon";
+    };
+};
+export declare const KUMO_TOAST_DEFAULT_VARIANTS: {};
+/**
+ * Toast styling configuration for Figma plugin consumption.
+ * Provides structured metadata for generating Toast components in Figma.
+ */
+export declare const KUMO_TOAST_STYLING: {
+    readonly container: {
+        readonly width: 300;
+        readonly padding: 16;
+        readonly borderRadius: 8;
+        readonly background: "color-secondary";
+        readonly border: "color-color";
+        readonly shadow: "shadow-lg";
+        readonly gap: 4;
+    };
+    readonly title: {
+        readonly fontSize: 16;
+        readonly fontWeight: 500;
+        readonly color: "text-color-surface";
+    };
+    readonly description: {
+        readonly fontSize: 15;
+        readonly fontWeight: 400;
+        readonly color: "text-color-muted";
+    };
+    readonly closeButton: {
+        readonly size: 20;
+        readonly iconSize: 16;
+        readonly iconName: "ph-x";
+        readonly iconColor: "text-color-muted";
+        readonly hoverBackground: "color-color-2";
+        readonly hoverColor: "text-color-label";
+        readonly borderRadius: 4;
+    };
+};
+export interface KumoToastVariantsProps {
+}
+export declare function toastVariants(_props?: KumoToastVariantsProps): string;
+export interface ToastyProps extends KumoToastVariantsProps {
+    children: React.ReactNode;
+}
+export declare function Toasty({ children }: ToastyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toast.d.ts.map

package/dist/src/components/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;CAkBtB,CAAC;AAEX,eAAO,MAAM,2BAA2B,IAAc,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC;AAGX,MAAM,WAAW,sBAAsB;CAAG;AAE1C,wBAAgB,aAAa,CAAC,MAAM,GAAE,sBAA2B,UAKhE;AAED,MAAM,WAAW,WAAY,SAAQ,sBAAsB;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAW/C"}

package/dist/src/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipProvider } from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/components/tooltip/tooltip.d.ts

@@ -0,0 +1,43 @@
+import { Tooltip as TooltipBase } from '@base-ui/react/tooltip';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const KUMO_TOOLTIP_VARIANTS: {
+    readonly side: {
+        readonly top: {
+            readonly classes: "";
+            readonly description: "Tooltip appears above the trigger";
+        };
+        readonly bottom: {
+            readonly classes: "";
+            readonly description: "Tooltip appears below the trigger";
+        };
+        readonly left: {
+            readonly classes: "";
+            readonly description: "Tooltip appears to the left of the trigger";
+        };
+        readonly right: {
+            readonly classes: "";
+            readonly description: "Tooltip appears to the right of the trigger";
+        };
+    };
+};
+export declare const KUMO_TOOLTIP_DEFAULT_VARIANTS: {
+    readonly side: "top";
+};
+export type KumoTooltipSide = keyof typeof KUMO_TOOLTIP_VARIANTS.side;
+export interface KumoTooltipVariantsProps {
+    side?: KumoTooltipSide;
+}
+export declare function tooltipVariants({ side, }?: KumoTooltipVariantsProps): string;
+export declare const TooltipProvider: import('react').FC<import('@base-ui/react/tooltip').TooltipProviderProps>;
+type BaseTooltipProps = ComponentPropsWithoutRef<typeof TooltipBase.Root>;
+/** Alignment options for tooltip positioning. Source: PositionerProps["align"] */
+type TooltipAlign = "start" | "center" | "end";
+export type TooltipProps = BaseTooltipProps & KumoTooltipVariantsProps & {
+    align?: TooltipAlign;
+    asChild?: boolean;
+    className?: string;
+    content: ReactNode;
+};
+export declare function Tooltip({ content, children, align, asChild, side, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/src/components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;CAmBxB,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC;AAGX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,qBAAqB,CAAC,IAAI,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAyC,GAC1C,GAAE,wBAA6B,UAY/B;AAED,eAAO,MAAM,eAAe,2EAAuB,CAAC;AAEpD,KAAK,gBAAgB,GAAG,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAI1E,kFAAkF;AAClF,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,wBAAwB,GAAG;IACzB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEJ,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAuCd"}

package/dist/src/index.d.ts

@@ -0,0 +1,39 @@
+export { Badge, type BadgeVariant } from './components/badge';
+export { Banner, BannerVariant } from './components/banner';
+export { Button, RefreshButton, LinkButton, buttonVariants, type ButtonProps, type LinkButtonProps, } from './components/button';
+export { DateRangePicker } from './components/date-range-picker';
+export { Checkbox, type CheckboxProps } from './components/checkbox';
+export { ClipboardText } from './components/clipboard-text';
+export { Code, CodeBlock } from './components/code';
+export { Combobox } from './components/combobox';
+export { Dialog, DialogRoot, DialogTrigger, DialogTitle, DialogDescription, DialogClose, } from './components/dialog';
+export { DropdownMenu } from './components/dropdown';
+export { Collapsible } from './components/collapsible';
+export { Field, type FieldProps, type FieldErrorMatch, fieldVariants, KUMO_FIELD_VARIANTS, KUMO_FIELD_DEFAULT_VARIANTS, } from './components/field';
+export { Label, type LabelProps, labelVariants, labelContentVariants, KUMO_LABEL_VARIANTS, KUMO_LABEL_DEFAULT_VARIANTS, } from './components/label';
+export { Input, inputVariants, type InputProps, InputArea, type InputAreaProps, InputGroup, } from './components/input';
+export { LayerCard } from './components/layer-card';
+export { Loader, SkeletonLine } from './components/loader';
+export { MenuBar, useMenuNavigation } from './components/menubar';
+export { Meter } from './components/meter';
+export { Pagination } from './components/pagination';
+export { Select } from './components/select';
+export { Surface } from './components/surface';
+export { Switch } from './components/switch';
+export { Tabs, type TabsProps, type TabsItem } from './components/tabs';
+export { Table } from './components/table';
+export { Text } from './components/text';
+export { Toasty, Toast } from './components/toast';
+export { Tooltip, TooltipProvider } from './components/tooltip';
+export { Popover, KUMO_POPOVER_VARIANTS, KUMO_POPOVER_DEFAULT_VARIANTS, type PopoverRootProps, type PopoverTriggerProps, type PopoverContentProps, type PopoverTitleProps, type PopoverDescriptionProps, type PopoverCloseProps, } from './components/popover';
+export { SensitiveInput, type SensitiveInputProps, KUMO_SENSITIVE_INPUT_VARIANTS, KUMO_SENSITIVE_INPUT_DEFAULT_VARIANTS, } from './components/sensitive-input';
+export { Radio, RadioGroup, KUMO_RADIO_VARIANTS, KUMO_RADIO_DEFAULT_VARIANTS, type RadioGroupProps, type RadioItemProps, type RadioControlPosition, type KumoRadioVariant, type RadioVariant, } from './components/radio';
+export { CommandPalette, KUMO_COMMAND_PALETTE_VARIANTS, KUMO_COMMAND_PALETTE_DEFAULT_VARIANTS, type CommandPaletteRootProps, type CommandPaletteItemProps, type CommandPaletteResultItemProps, type CommandPaletteFooterProps, type CommandPaletteListProps, type CommandPaletteGroupProps, type CommandPaletteGroupLabelProps, type CommandPaletteEmptyProps, type CommandPaletteLoadingProps, type HighlightRange, } from './components/command-palette';
+export { Link, linkVariants, KUMO_LINK_VARIANTS, KUMO_LINK_DEFAULT_VARIANTS, type LinkProps, type KumoLinkVariant, type KumoLinkVariantsProps, } from './components/link';
+export { Breadcrumbs, type BreadcrumbsProps } from './components/breadcrumbs';
+export { Empty, type EmptyProps } from './components/empty';
+export { Grid, GridItem, gridVariants, gridItemVariants, KUMO_GRID_VARIANTS, KUMO_GRID_DEFAULT_VARIANTS, type GridProps, type GridItemProps, type KumoGridVariant, type KumoGridGap, } from './components/grid';
+export { cn, safeRandomId } from './utils/cn';
+export { LinkProvider, useLinkComponent, type LinkComponentProps, } from './utils/link-provider';
+export type { ComponentRegistry, ComponentSchema, ComponentStyling, ComponentType, PropSchema, SubComponentSchema, } from './registry/types';
+//# sourceMappingURL=index.d.ts.map