@cloudflare/kumo 1.0.0

package/dist/src/components/command-palette/types.d.ts

@@ -0,0 +1,149 @@
+import { ReactNode } from 'react';
+/** A single highlight range within a string [startIndex, endIndex] (inclusive) */
+export type HighlightRange = [number, number];
+/**
+ * Props for the CommandPalette.Root component - main dialog wrapper with Autocomplete
+ *
+ * Keyboard navigation (arrow keys, Enter) is enabled automatically via the Autocomplete primitive.
+ * The items array can be flat or grouped - the Autocomplete handles both patterns.
+ *
+ * @template TGroup - The type of items in the list (groups when using getSelectableItems)
+ * @template TItem - The type of selectable items (defaults to TGroup for flat lists)
+ */
+export interface CommandPaletteRootProps<TGroup, TItem = TGroup> {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when the open state changes */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Optional callback when backdrop is clicked.
+     * Receives the mouse event for position tracking (e.g., for ripple effects).
+     * If not provided, backdrop click calls onOpenChange(false).
+     */
+    onBackdropClick?: (e: React.MouseEvent) => void;
+    /** Child components (Input, List, Footer, etc.) */
+    children: ReactNode;
+    /**
+     * Items for the command palette. Enables keyboard navigation (arrow keys, Enter).
+     * Can be a flat array or grouped items - use with Autocomplete.List render function.
+     */
+    items: TGroup[];
+    /** Controlled input value for the search */
+    value?: string;
+    /** Callback when input value changes */
+    onValueChange?: (value: string) => void;
+    /** Callback when an item is highlighted (arrow keys or hover) */
+    onItemHighlighted?: (item: TGroup | undefined, details: {
+        reason: string;
+        event: Event;
+        index: number;
+    }) => void;
+    /**
+     * Convert item to display string. Required when items are objects.
+     * Used for accessibility and typeahead search.
+     */
+    itemToStringValue?: (item: TGroup) => string;
+    /**
+     * Custom filter function. Return true to include item in results.
+     * Defaults to showing all items (consumer handles filtering).
+     */
+    filter?: (item: TGroup, query: string) => boolean;
+    /**
+     * Callback when an item is selected via Cmd/Ctrl+Enter keyboard shortcut.
+     * Receives the selectable item (TItem type when using getSelectableItems).
+     * newTab is always true for this callback (Cmd/Ctrl+Enter).
+     */
+    onSelect?: (item: TItem, options: {
+        newTab: boolean;
+    }) => void;
+    /**
+     * Function to get the flat list of selectable items from the items array.
+     * Required when using grouped items (e.g., items is an array of groups).
+     * If not provided, assumes items is a flat array of selectable items.
+     */
+    getSelectableItems?: (items: TGroup[]) => TItem[];
+}
+/**
+ * Props for the CommandPalette.Item component - individual result item
+ * @template T - The type of the item value
+ */
+export interface CommandPaletteItemProps<T = unknown> {
+    /** The value associated with this item */
+    value: T;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Content to render inside the item */
+    children: ReactNode;
+    /** Click handler - use e.metaKey || e.ctrlKey to detect new tab intent */
+    onClick?: (e: React.MouseEvent) => void;
+}
+/**
+ * Props for the CommandPalette.Footer component - keyboard hints footer
+ */
+export interface CommandPaletteFooterProps {
+    /** Custom children to override default keyboard hints */
+    children?: ReactNode;
+}
+/**
+ * Props for the CommandPalette.List component - scrollable results container
+ */
+export interface CommandPaletteListProps {
+    /** Result items or groups to render */
+    children: ReactNode;
+}
+/**
+ * Props for the CommandPalette.Group component - category grouping
+ */
+export interface CommandPaletteGroupProps {
+    /** Group content (items) */
+    children: ReactNode;
+}
+/**
+ * Props for the CommandPalette.GroupLabel component - section header
+ */
+export interface CommandPaletteGroupLabelProps {
+    /** Label text to display */
+    children: ReactNode;
+}
+/**
+ * Props for the CommandPalette.Empty component - empty state
+ */
+export interface CommandPaletteEmptyProps {
+    /** Custom empty message, defaults to "No results found" */
+    children?: ReactNode;
+}
+/**
+ * Props for the CommandPalette.Loading component - loading state
+ */
+export interface CommandPaletteLoadingProps {
+    /** Optional custom loading content */
+    children?: ReactNode;
+}
+/**
+ * Props for the CommandPalette.ResultItem component - rich item with breadcrumbs and highlights
+ */
+export interface CommandPaletteResultItemProps<T = unknown> {
+    /** Item title text */
+    title: string;
+    /** Optional breadcrumb path parts displayed before the title (e.g., ["Compute (Workers)"] for "Compute (Workers) > VPC") */
+    breadcrumbs?: string[];
+    /** Highlight ranges for the title, from Fuse.js match indices */
+    titleHighlights?: HighlightRange[];
+    /** Highlight ranges for each breadcrumb, parallel array to breadcrumbs */
+    breadcrumbHighlights?: HighlightRange[][];
+    /** Optional description displayed after the title (for non-navigation items like search tips) */
+    description?: string;
+    /** Optional icon to display before the title */
+    icon?: ReactNode;
+    /** The value associated with this item (for Autocomplete) */
+    value: T;
+    /** Click handler - use e.metaKey || e.ctrlKey to detect new tab intent */
+    onClick: (e: React.MouseEvent) => void;
+    /** Whether to show arrow indicator on highlight (default: true) */
+    showArrow?: boolean;
+    /** Whether this links to an external URL (shows external icon) */
+    external?: boolean;
+    /** Whether this item is non-interactive (no hover/highlight) */
+    nonInteractive?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/components/command-palette/types.d.ts.map

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

package/dist/src/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,65 @@
+export declare const KUMO_DATE_RANGE_PICKER_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "p-3 gap-2";
+            readonly cellHeight: "h-[22px]";
+            readonly cellWidth: "w-6";
+            readonly calendarWidth: "w-[168px]";
+            readonly textSize: "text-xs";
+            readonly iconSize: 14;
+            readonly description: "Compact calendar for tight spaces";
+        };
+        readonly base: {
+            readonly classes: "p-4 gap-2.5";
+            readonly cellHeight: "h-[26px]";
+            readonly cellWidth: "w-7";
+            readonly calendarWidth: "w-[196px]";
+            readonly textSize: "text-sm";
+            readonly iconSize: 16;
+            readonly description: "Default calendar size";
+        };
+        readonly lg: {
+            readonly classes: "p-5 gap-3";
+            readonly cellHeight: "h-[32px]";
+            readonly cellWidth: "w-9";
+            readonly calendarWidth: "w-[252px]";
+            readonly textSize: "text-base";
+            readonly iconSize: 18;
+            readonly description: "Large calendar for prominent date selection";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "bg-kumo-overlay";
+            readonly description: "Default calendar appearance";
+        };
+        readonly subtle: {
+            readonly classes: "bg-kumo-base";
+            readonly description: "Subtle calendar with minimal background";
+        };
+    };
+};
+export declare const KUMO_DATE_RANGE_PICKER_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export type KumoDateRangePickerSize = keyof typeof KUMO_DATE_RANGE_PICKER_VARIANTS.size;
+export type KumoDateRangePickerVariant = keyof typeof KUMO_DATE_RANGE_PICKER_VARIANTS.variant;
+export interface KumoDateRangePickerVariantsProps {
+    size?: KumoDateRangePickerSize;
+    variant?: KumoDateRangePickerVariant;
+}
+export declare function dateRangePickerVariants({ size, variant, }?: KumoDateRangePickerVariantsProps): string;
+export interface DateRangePickerProps extends KumoDateRangePickerVariantsProps {
+    /** Callback fired when start date changes */
+    onStartDateChange: (date: Date | null) => void;
+    /** Callback fired when end date changes */
+    onEndDateChange: (date: Date | null) => void;
+    /** Display timezone (display only) */
+    timezone?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function DateRangePicker({ onStartDateChange, onEndDateChange, size, variant, timezone, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export default DateRangePicker;
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/src/components/date-range-picker/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwClC,CAAC;AAEX,eAAO,MAAM,uCAAuC;;;CAG1C,CAAC;AAGX,MAAM,MAAM,uBAAuB,GACjC,MAAM,OAAO,+BAA+B,CAAC,IAAI,CAAC;AACpD,MAAM,MAAM,0BAA0B,GACpC,MAAM,OAAO,+BAA+B,CAAC,OAAO,CAAC;AAEvD,MAAM,WAAW,gCAAgC;IAC/C,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAmD,EACnD,OAAyD,GAC1D,GAAE,gCAAqC,UAQvC;AAkBD,MAAM,WAAW,oBAAqB,SAAQ,gCAAgC;IAC5E,6CAA6C;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,2CAA2C;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,EACjB,eAAe,EACf,IAAmD,EACnD,OAAyD,EACzD,QAAsC,EACtC,SAAS,GACV,EAAE,oBAAoB,2CA8TtB;AA+KD,eAAe,eAAe,CAAC"}

package/dist/src/components/date-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateRangePicker } from './date-range-picker';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/date-range-picker/index.d.ts.map

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

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

@@ -0,0 +1,121 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+import { Dialog as DialogBase } from '@base-ui/react/dialog';
+export declare const KUMO_DIALOG_VARIANTS: {
+    readonly size: {
+        readonly base: {
+            readonly classes: "min-w-96";
+            readonly description: "Default dialog width";
+        };
+        readonly sm: {
+            readonly classes: "min-w-72";
+            readonly description: "Small dialog for simple confirmations";
+        };
+        readonly lg: {
+            readonly classes: "min-w-[32rem]";
+            readonly description: "Large dialog for complex content";
+        };
+        readonly xl: {
+            readonly classes: "min-w-[48rem]";
+            readonly description: "Extra large dialog for detailed views";
+        };
+    };
+};
+export declare const KUMO_DIALOG_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export declare const KUMO_DIALOG_STYLING: {
+    readonly dimensions: {
+        readonly sm: {
+            readonly width: 350;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 16;
+            readonly gap: 8;
+            readonly buttonSize: "sm";
+        };
+        readonly base: {
+            readonly width: 384;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 24;
+            readonly gap: 16;
+            readonly buttonSize: "base";
+        };
+        readonly lg: {
+            readonly width: 512;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 24;
+            readonly gap: 16;
+            readonly buttonSize: "base";
+        };
+        readonly xl: {
+            readonly width: 768;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 24;
+            readonly gap: 16;
+            readonly buttonSize: "base";
+        };
+    };
+    readonly baseTokens: {
+        readonly background: "color-surface";
+        readonly text: "text-color-surface";
+        readonly borderRadius: 12;
+        readonly shadow: "shadow-m";
+    };
+    readonly backdrop: {
+        readonly background: "color-surface-secondary";
+        readonly opacity: 0.8;
+    };
+    readonly header: {
+        readonly title: {
+            readonly fontWeight: 600;
+            readonly color: "text-color-surface";
+        };
+        readonly closeIcon: {
+            readonly name: "ph-x";
+            readonly size: 20;
+            readonly color: "text-color-muted";
+        };
+    };
+    readonly description: {
+        readonly fontWeight: 400;
+        readonly color: "text-color-muted";
+    };
+    readonly buttons: {
+        readonly primary: {
+            readonly background: "color-primary";
+            readonly text: "white";
+        };
+        readonly secondary: {
+            readonly ring: "color-border";
+            readonly text: "text-color-surface";
+        };
+    };
+};
+export type KumoDialogSize = keyof typeof KUMO_DIALOG_VARIANTS.size;
+export interface KumoDialogVariantsProps {
+    size?: KumoDialogSize;
+}
+export declare function dialogVariants({ size, }?: KumoDialogVariantsProps): string;
+export type DialogProps = KumoDialogVariantsProps & {
+    className?: string;
+    children: ReactNode;
+    style?: CSSProperties;
+};
+type DialogComponent = FC<DialogProps> & {
+    Root: typeof DialogBase.Root;
+    Trigger: typeof DialogBase.Trigger;
+    Title: typeof DialogBase.Title;
+    Description: typeof DialogBase.Description;
+    Close: typeof DialogBase.Close;
+};
+declare const Dialog: DialogComponent;
+declare const DialogRoot: typeof DialogBase.Root;
+declare const DialogTrigger: DialogBase.Trigger;
+declare const DialogTitle: import('react').ForwardRefExoticComponent<import('@base-ui/react/dialog').DialogTitleProps & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const DialogDescription: import('react').ForwardRefExoticComponent<import('@base-ui/react/dialog').DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
+declare const DialogClose: import('react').ForwardRefExoticComponent<import('@base-ui/react/dialog').DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { Dialog, DialogRoot, DialogTrigger, DialogTitle, DialogDescription, DialogClose, };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAI7D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;CAmBvB,CAAC;AAEX,eAAO,MAAM,4BAA4B;;CAE/B,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDtB,CAAC;AAGX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,oBAAoB,CAAC,IAAI,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAwC,GACzC,GAAE,uBAA4B,UAO9B;AAED,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AA+BF,KAAK,eAAe,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG;IACvC,IAAI,EAAE,OAAO,UAAU,CAAC,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,UAAU,CAAC,OAAO,CAAC;IACnC,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC;IAC/B,WAAW,EAAE,OAAO,UAAU,CAAC,WAAW,CAAC;IAC3C,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,MAAM,EAMN,eAAe,CAAC;AAEtB,QAAA,MAAM,UAAU,wBAAc,CAAC;AAC/B,QAAA,MAAM,aAAa,oBAAiB,CAAC;AACrC,QAAA,MAAM,WAAW,mJAAe,CAAC;AACjC,QAAA,MAAM,iBAAiB,yJAAqB,CAAC;AAC7C,QAAA,MAAM,WAAW,gJAAe,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Dialog, DialogRoot, DialogTrigger, DialogTitle, DialogDescription, DialogClose, } from './dialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,58 @@
+import { Menu as DropdownMenuPrimitive } from '@base-ui/react/menu';
+import { Icon } from '@phosphor-icons/react';
+import * as React from "react";
+export declare const KUMO_DROPDOWN_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default dropdown item appearance";
+        };
+        readonly danger: {
+            readonly classes: "text-kumo-danger data-highlighted:bg-kumo-danger/5 data-highlighted:text-kumo-danger";
+            readonly description: "Destructive action item";
+        };
+    };
+};
+export declare const KUMO_DROPDOWN_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type KumoDropdownVariant = keyof typeof KUMO_DROPDOWN_VARIANTS.variant;
+export interface KumoDropdownVariantsProps {
+    variant?: KumoDropdownVariant;
+}
+export declare function dropdownVariants({ variant, }?: KumoDropdownVariantsProps): string;
+export declare const DropdownMenu: typeof DropdownMenuPrimitive.Root & {
+    Trigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Portal: React.ForwardRefExoticComponent<import('@base-ui/react/menu').MenuPortalProps & React.RefAttributes<HTMLDivElement>>;
+    Sub: typeof DropdownMenuPrimitive.SubmenuRoot;
+    SubTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuSubmenuTriggerProps & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon;
+    } & React.RefAttributes<HTMLElement>>;
+    SubContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuPositionerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuPositionerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuItemProps & React.RefAttributes<Element>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+        selected?: boolean;
+        href?: string;
+        variant?: "default" | "danger";
+    } & React.RefAttributes<Element>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuCheckboxItemProps & React.RefAttributes<Element>, "ref"> & React.RefAttributes<Element>>;
+    RadioGroup: React.NamedExoticComponent<import('@base-ui/react/menu').MenuRadioGroupProps & React.RefAttributes<Element>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuRadioItemProps & React.RefAttributes<Element>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+    } & React.RefAttributes<Element>>;
+    RadioItemIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuRadioItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/menu').MenuGroupLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react/separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: React.ForwardRefExoticComponent<import('@base-ui/react/menu').MenuGroupProps & React.RefAttributes<Element>>;
+};
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,sBAAsB;;;;;;;;;;;CAYzB,CAAC;AAEX,eAAO,MAAM,8BAA8B;;CAEjC,CAAC;AAGX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,sBAAsB,CAAC,OAAO,CAAC;AAE9E,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAgD,GACjD,GAAE,yBAA8B,UAEhC;AAmTD,eAAO,MAAM,YAAY;;;;;gBA5Sb,OAAO;eACR,IAAI;;;;;gBAgEH,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;mBAClB,OAAO;eACX,MAAM;kBACH,SAAS,GAAG,QAAQ;;;;;gBAuKtB,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;;;;gBA5CrB,OAAO;;;;kCA8BhB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;;CA6FtC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,34 @@
+export declare const KUMO_EMPTY_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "px-6 py-8 gap-4";
+            readonly description: "Compact empty state for smaller containers";
+        };
+        readonly base: {
+            readonly classes: "px-10 py-16 gap-6";
+            readonly description: "Default empty state size";
+        };
+        readonly lg: {
+            readonly classes: "px-12 py-20 gap-8";
+            readonly description: "Large empty state for prominent placement";
+        };
+    };
+};
+export declare const KUMO_EMPTY_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type KumoEmptySize = keyof typeof KUMO_EMPTY_VARIANTS.size;
+export interface KumoEmptyVariantsProps {
+    size?: KumoEmptySize;
+}
+export declare function emptyVariants({ size, }?: KumoEmptyVariantsProps): string;
+export interface EmptyProps extends KumoEmptyVariantsProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    commandLine?: string;
+    contents?: React.ReactNode;
+    className?: string;
+}
+export declare function Empty({ icon, title, description, commandLine, contents, size, className, }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAetB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC,IAAI,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAuC,GACxC,GAAE,sBAA2B,UAK7B;AAED,MAAM,WAAW,UAAW,SAAQ,sBAAsB;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,IAAa,EACb,SAAS,GACV,EAAE,UAAU,2CAsDZ"}

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

@@ -0,0 +1,2 @@
+export { Empty, emptyVariants, KUMO_EMPTY_VARIANTS, KUMO_EMPTY_DEFAULT_VARIANTS, type EmptyProps, type KumoEmptySize, type KumoEmptyVariantsProps, } from './empty';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,2BAA2B,EAC3B,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,sBAAsB,GAC5B,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+export declare const KUMO_FIELD_VARIANTS: {};
+export declare const KUMO_FIELD_DEFAULT_VARIANTS: {};
+export interface KumoFieldVariantsProps {
+    /**
+     * When true, places the control (checkbox/switch) before the label visually.
+     * When false (default), places the label before the control.
+     * Used to support different layout patterns (e.g., iOS-style toggles on the right).
+     */
+    controlFirst?: boolean;
+}
+export declare function fieldVariants({ controlFirst, }?: KumoFieldVariantsProps): string;
+/**
+ * Match type for field validation errors.
+ * Can be a boolean or a key from the browser's ValidityState interface.
+ * Source: BaseErrorProps["match"] (ComponentPropsWithoutRef<typeof FieldBase.Error>)
+ */
+export type FieldErrorMatch = boolean | "badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valid" | "valueMissing";
+export interface FieldProps extends KumoFieldVariantsProps {
+    children: ReactNode;
+    /** The label content - can be a string or any React node */
+    label: ReactNode;
+    /**
+     * When explicitly false, shows gray "(optional)" text after the label.
+     * When true or undefined, no indicator is shown.
+     */
+    required?: boolean;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    error?: {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+    description?: ReactNode;
+    controlFirst?: boolean;
+}
+export declare function Field({ children, label, required, labelTooltip, error, description, controlFirst, }: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/components/field/field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,mBAAmB,IAEtB,CAAC;AAEX,eAAO,MAAM,2BAA2B,IAAc,CAAC;AAGvD,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAoB,GACrB,GAAE,sBAA2B,UAkB7B;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,UAAU,GACV,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,UAAU,GACV,cAAc,GACd,OAAO,GACP,cAAc,CAAC;AAEnB,MAAM,WAAW,UAAW,SAAQ,sBAAsB;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,4DAA4D;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,SAAS,CAAC;QACnB,KAAK,EAAE,eAAe,CAAC;KACxB,CAAC;IACF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAoB,GACrB,EAAE,UAAU,2CAsCZ"}

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

@@ -0,0 +1,2 @@
+export { Field, type FieldProps, type FieldErrorMatch, fieldVariants, KUMO_FIELD_VARIANTS, KUMO_FIELD_DEFAULT_VARIANTS, } from './field';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,107 @@
+import { default as React } from 'react';
+export declare const KUMO_GRID_VARIANTS: {
+    readonly variant: {
+        readonly "2up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2";
+            readonly description: "Grid items stack on small screens, display side-by-side on medium screens and up";
+        };
+        readonly "side-by-side": {
+            readonly classes: "grid-cols-2";
+            readonly description: "Grid items always displayed side-by-side";
+        };
+        readonly "2-1": {
+            readonly classes: "grid-cols-1 md:grid-cols-[2fr_1fr]";
+            readonly description: "Two-thirds / one-third split (66%/33%) on medium screens and up";
+        };
+        readonly "1-2": {
+            readonly classes: "grid-cols-1 md:grid-cols-[1fr_2fr]";
+            readonly description: "One-third / two-thirds split (33%/66%) on medium screens and up";
+        };
+        readonly "1-3up": {
+            readonly classes: "grid-cols-1 lg:grid-cols-3";
+            readonly description: "Grid items stack on small screens, expand to 3 across on large screens";
+        };
+        readonly "3up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3";
+            readonly description: "Grid items stack on small screens, 2 across on medium, 3 across on large";
+        };
+        readonly "4up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4";
+            readonly description: "Grid items stack on small screens, progressively increase columns at larger breakpoints";
+        };
+        readonly "6up": {
+            readonly classes: "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6";
+            readonly description: "Grid items start at 2 across, expand to 6 across on XL";
+        };
+        readonly "1-2-4up": {
+            readonly classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4";
+            readonly description: "Grid items stack on small screens, 2 across on medium, 4 across on large";
+        };
+    };
+    readonly gap: {
+        readonly none: {
+            readonly classes: "gap-0";
+            readonly description: "No gap between grid items";
+        };
+        readonly sm: {
+            readonly classes: "gap-3";
+            readonly description: "Small gap between grid items";
+        };
+        readonly base: {
+            readonly classes: "gap-2 md:gap-6 lg:gap-8";
+            readonly description: "Default responsive gap between grid items";
+        };
+        readonly lg: {
+            readonly classes: "gap-8";
+            readonly description: "Large gap between grid items";
+        };
+    };
+};
+export declare const KUMO_GRID_DEFAULT_VARIANTS: {
+    readonly gap: "base";
+};
+export type KumoGridVariant = keyof typeof KUMO_GRID_VARIANTS.variant;
+export type KumoGridGap = keyof typeof KUMO_GRID_VARIANTS.gap;
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Child node(s) that can be nested inside component
+     */
+    children?: React.ReactNode;
+    /**
+     * CSS class names that can be appended to the component
+     */
+    className?: string;
+    /**
+     * Show dividers between grid items on mobile (only works with 4up variant)
+     */
+    mobileDivider?: boolean;
+    /**
+     * Gap size between grid items
+     */
+    gap?: KumoGridGap;
+    /**
+     * Stylistic variations of the Grid layout
+     */
+    variant?: KumoGridVariant;
+}
+export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Child node(s) that can be nested inside component
+     */
+    children?: React.ReactNode;
+    /**
+     * CSS class names that can be appended to the component
+     */
+    className?: string;
+}
+export declare function gridVariants({ variant, gap, }?: {
+    variant?: KumoGridVariant;
+    gap?: KumoGridGap;
+}): string;
+export declare function gridItemVariants({ variant, mobileDivider, }?: {
+    variant?: KumoGridVariant;
+    mobileDivider?: boolean;
+}): string;
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgErB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC,OAAO,CAAC;AACtE,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,kBAAkB,CAAC,GAAG,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,GAAoC,GACrC,GAAE;IACD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC;CACd,UAML;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,aAAa,GACd,GAAE;IACD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACpB,UAML;AAED,eAAO,MAAM,IAAI,kFAwBhB,CAAC;AAIF,eAAO,MAAM,QAAQ,sFAcpB,CAAC"}