@cloudflare/kumo 1.0.0

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

@@ -0,0 +1,138 @@
+import { CSSProperties } from 'react';
+export declare const KUMO_CODE_VARIANTS: {
+    readonly lang: {
+        readonly ts: {
+            readonly classes: "";
+            readonly description: "TypeScript code";
+        };
+        readonly tsx: {
+            readonly classes: "";
+            readonly description: "TypeScript JSX code";
+        };
+        readonly jsonc: {
+            readonly classes: "";
+            readonly description: "JSON with comments";
+        };
+        readonly bash: {
+            readonly classes: "";
+            readonly description: "Shell/Bash commands";
+        };
+        readonly css: {
+            readonly classes: "";
+            readonly description: "CSS styles";
+        };
+    };
+};
+export declare const KUMO_CODE_DEFAULT_VARIANTS: {
+    readonly lang: "ts";
+};
+/**
+ * Styling metadata for Code component (for AI/Figma plugin consumption)
+ */
+export declare const KUMO_CODE_STYLING: {
+    /** Base semantic tokens used */
+    readonly baseTokens: readonly ["text-kumo-strong"];
+    /** Typography and layout */
+    readonly typography: {
+        readonly fontFamily: "font-mono";
+        readonly fontSize: "text-sm";
+        readonly lineHeight: "leading-[20px]";
+    };
+    /** Container dimensions */
+    readonly dimensions: {
+        readonly margin: "m-0";
+        readonly padding: "p-0";
+        readonly width: "w-auto";
+    };
+    /** Border and background */
+    readonly appearance: {
+        readonly borderRadius: "rounded-none";
+        readonly border: "border-none";
+        readonly background: "bg-transparent";
+    };
+};
+/**
+ * Styling metadata for CodeBlock component (for AI/Figma plugin consumption)
+ */
+export declare const KUMO_CODEBLOCK_STYLING: {
+    /** Base semantic tokens used */
+    readonly baseTokens: readonly ["bg-kumo-base", "border-kumo-fill"];
+    /** Container styling */
+    readonly container: {
+        readonly minWidth: "min-w-0";
+        readonly borderRadius: "rounded-md";
+        readonly border: "border border-kumo-fill";
+        readonly background: "bg-kumo-base";
+    };
+    /** Inner code element padding */
+    readonly innerPadding: "[&>pre]:p-2.5";
+    /** Parsed dimensions */
+    readonly dimensions: {
+        readonly borderRadius: 6;
+        readonly padding: 10;
+    };
+};
+export type KumoCodeLang = keyof typeof KUMO_CODE_VARIANTS.lang;
+export interface KumoCodeVariantsProps {
+    lang?: KumoCodeLang;
+}
+export declare function codeVariants({ lang, }?: KumoCodeVariantsProps): string;
+export type CodeLang = KumoCodeLang;
+/** @deprecated Use CodeLang instead */
+export type BundledLanguage = CodeLang;
+export interface CodeProps extends KumoCodeVariantsProps {
+    /** The code content to display */
+    code: string;
+    /** Template values for interpolation */
+    values?: Record<string, {
+        value: string;
+        highlight?: boolean;
+    }>;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+/**
+ * Simple code component without syntax highlighting.
+ *
+ * Renders code in a monospace font with customizable language metadata.
+ * For a bordered container version, use `Code.Block` or `CodeBlock`.
+ *
+ * **Styling:**
+ * - Typography: `font-mono text-sm leading-[20px]`
+ * - Colors: `text-kumo-strong` with `bg-transparent`
+ * - No borders or padding (use CodeBlock for styled container)
+ * - Supports all semantic tokens via className prop
+ */
+declare function CodeComponent({ code, lang, className, style, }: CodeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CodeComponent {
+    var displayName: string;
+}
+export interface CodeBlockProps {
+    /** The code content to display */
+    code: string;
+    /** Language for syntax highlighting metadata */
+    lang?: CodeLang;
+}
+/**
+ * Code block with border and background container.
+ *
+ * A styled wrapper around Code that adds a bordered container with surface background.
+ * Useful for displaying code snippets with visual separation from surrounding content.
+ *
+ * **Styling:**
+ * - Container: `min-w-0 rounded-md border border-kumo-fill bg-kumo-base`
+ * - Inner padding: `p-2.5` (10px)
+ * - Uses semantic tokens: `bg-kumo-base`, `border-kumo-fill`
+ */
+declare function CodeBlockComponent({ code, lang }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CodeBlockComponent {
+    var displayName: string;
+}
+export declare const Code: typeof CodeComponent & {
+    Block: typeof CodeBlockComponent;
+};
+export declare const CodeBlock: typeof CodeBlockComponent;
+export {};
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/code/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAC5B,gCAAgC;;IAEhC,4BAA4B;;;;;;IAM5B,2BAA2B;;;;;;IAM3B,4BAA4B;;;;;;CAMpB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB;IACjC,gCAAgC;;IAEhC,wBAAwB;;;;;;;IAOxB,iCAAiC;;IAEjC,wBAAwB;;;;;CAKhB,CAAC;AAGX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAsC,GACvC,GAAE,qBAA0B,UAO5B;AAGD,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC;AAEpC,uCAAuC;AACvC,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEvC,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CACb,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CACF,CAAC;IACF,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,IAAsC,EACtC,SAAS,EACT,KAAK,GACN,EAAE,SAAS,2CAMX;kBAXQ,aAAa;;;AAetB,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,cAAc,2CAMzD;kBANQ,kBAAkB;;;AAW3B,eAAO,MAAM,IAAI;;CAEf,CAAC;AAGH,eAAO,MAAM,SAAS,2BAAqB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Code, CodeBlock, type CodeProps, type CodeBlockProps, type CodeLang, 
+/** @deprecated Use CodeLang instead */
+type BundledLanguage, } from './code';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/code/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,EACT,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,QAAQ;AACb,uCAAuC;AACvC,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,62 @@
+import { PropsWithChildren } from 'react';
+export declare const KUMO_COLLAPSIBLE_VARIANTS: {};
+export declare const KUMO_COLLAPSIBLE_DEFAULT_VARIANTS: {};
+export interface KumoCollapsibleVariantsProps {
+}
+export declare function collapsibleVariants(_props?: KumoCollapsibleVariantsProps): string;
+export type CollapsibleProps = PropsWithChildren<KumoCollapsibleVariantsProps & {
+    /** Text label displayed in the trigger button */
+    label: string;
+    /** Whether the collapsible content is visible */
+    open?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Additional CSS classes for the content panel */
+    className?: string;
+}>;
+/**
+ * Collapsible component for showing/hiding content.
+ *
+ * Features:
+ * - Animated chevron indicator (rotates 180° when open)
+ * - Accessible with aria-expanded and aria-controls
+ * - Content panel with left border accent
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <Collapsible label="Show details" open={open} onOpenChange={setOpen}>
+ *   <Text>Hidden content revealed when expanded.</Text>
+ * </Collapsible>
+ * ```
+ *
+ * @example Controlled accordion pattern
+ * ```tsx
+ * const [activeIndex, setActiveIndex] = useState<number | null>(null);
+ *
+ * {items.map((item, i) => (
+ *   <Collapsible
+ *     key={i}
+ *     label={item.title}
+ *     open={activeIndex === i}
+ *     onOpenChange={(open) => setActiveIndex(open ? i : null)}
+ *   >
+ *     {item.content}
+ *   </Collapsible>
+ * ))}
+ * ```
+ */
+export declare const Collapsible: import('react').ForwardRefExoticComponent<KumoCollapsibleVariantsProps & {
+    /** Text label displayed in the trigger button */
+    label: string;
+    /** Whether the collapsible content is visible */
+    open?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Additional CSS classes for the content panel */
+    className?: string;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAG/E,eAAO,MAAM,yBAAyB,IAAc,CAAC;AAErD,eAAO,MAAM,iCAAiC,IAAc,CAAC;AAE7D,MAAM,WAAW,4BAA4B;CAAG;AAEhD,wBAAgB,mBAAmB,CAAC,MAAM,GAAE,4BAAiC,UAK5E;AAED,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAC9C,4BAA4B,GAAG;IAC7B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,WAAW;IA5CpB,iDAAiD;WAC1C,MAAM;IACb,iDAAiD;WAC1C,OAAO;IACd,iDAAiD;mBAClC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IACtC,mDAAmD;gBACvC,MAAM;;;kDAyErB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,124 @@
+import { Combobox as ComboboxBase } from '@base-ui/react/combobox';
+import { PropsWithChildren, ReactNode } from 'react';
+import { FieldErrorMatch } from '../field/field';
+export declare const KUMO_COMBOBOX_VARIANTS: {
+    readonly inputSide: {
+        readonly right: {
+            readonly classes: "";
+            readonly description: "Input positioned inline to the right of chips";
+        };
+        readonly top: {
+            readonly classes: "";
+            readonly description: "Input positioned above chips";
+        };
+    };
+};
+export declare const KUMO_COMBOBOX_DEFAULT_VARIANTS: {
+    readonly inputSide: "right";
+};
+export type KumoComboboxInputSide = keyof typeof KUMO_COMBOBOX_VARIANTS.inputSide;
+export interface KumoComboboxVariantsProps {
+    inputSide?: KumoComboboxInputSide;
+}
+export declare function comboboxVariants({ inputSide, }?: KumoComboboxVariantsProps): string;
+export type ComboboxInputSide = KumoComboboxInputSide;
+export type ComboboxRootProps<Value = unknown, Multiple extends boolean | undefined = false> = ComboboxBase.Root.Props<Value, Multiple>;
+export interface ComboboxProps extends KumoComboboxVariantsProps {
+    /** Array of items to display in the dropdown */
+    items: unknown[];
+    /** Currently selected value(s) */
+    value?: unknown;
+    /** Callback when selection changes */
+    onValueChange?: (value: unknown) => void;
+    /** Enable multi-select mode */
+    multiple?: boolean;
+    /** Combobox content (trigger, content, items) */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Label content for the combobox (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Whether the combobox is required */
+    required?: boolean;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the combobox */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+}
+declare function Root<Value, Multiple extends boolean | undefined = false>({ label, required, labelTooltip, description, error, children, ...props }: ComboboxBase.Root.Props<Value, Multiple> & {
+    label?: ReactNode;
+    required?: boolean;
+    labelTooltip?: ReactNode;
+    description?: ReactNode;
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
+declare function Content({ children, className, align, sideOffset, alignOffset, side, }: PropsWithChildren<{
+    className?: string;
+    align?: ComboboxBase.Positioner.Props["align"];
+    alignOffset?: ComboboxBase.Positioner.Props["alignOffset"];
+    side?: ComboboxBase.Positioner.Props["side"];
+    sideOffset?: ComboboxBase.Positioner.Props["sideOffset"];
+}>): import("react/jsx-runtime").JSX.Element;
+declare namespace Content {
+    var displayName: string;
+}
+declare function TriggerValue({ className, ...props }: ComboboxBase.Value.Props & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TriggerValue {
+    var displayName: string;
+}
+declare function TriggerInput(props: ComboboxBase.Input.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace TriggerInput {
+    var displayName: string;
+}
+declare function Item({ children, ...props }: ComboboxBase.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Item {
+    var displayName: string;
+}
+declare function Empty(props: ComboboxBase.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function Input(props: ComboboxBase.Input.Props): import("react/jsx-runtime").JSX.Element;
+declare function GroupLabel(props: ComboboxBase.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function Group(props: ComboboxBase.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function Chip(props: ComboboxBase.Chip.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Chip {
+    var displayName: string;
+}
+declare function TriggerMultipleWithInput<ValueType>({ placeholder, renderItem, className, inputSide, value: controlledValue, }: {
+    placeholder?: string;
+    renderItem: (value: ValueType) => React.ReactNode;
+    className?: string;
+    inputSide?: "right" | "top";
+    /** Optional controlled value for rendering chips (use when pre-selecting values) */
+    value?: ValueType[];
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TriggerMultipleWithInput {
+    var displayName: string;
+}
+export declare const Combobox: typeof Root & {
+    Content: typeof Content;
+    TriggerValue: typeof TriggerValue;
+    TriggerInput: typeof TriggerInput;
+    TriggerMultipleWithInput: typeof TriggerMultipleWithInput;
+    Chip: typeof Chip;
+    Item: typeof Item;
+    Input: typeof Input;
+    Empty: typeof Empty;
+    GroupLabel: typeof GroupLabel;
+    Group: typeof Group;
+    List: import('react').ForwardRefExoticComponent<import('@base-ui/react/combobox').ComboboxListProps & import('react').RefAttributes<HTMLDivElement>>;
+    Collection: typeof ComboboxBase.Collection;
+};
+export {};
+//# sourceMappingURL=combobox.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export { Combobox, type ComboboxProps, type ComboboxInputSide, } from './combobox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,225 @@
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { HighlightRange, CommandPaletteRootProps, CommandPaletteListProps, CommandPaletteGroupProps, CommandPaletteGroupLabelProps, CommandPaletteItemProps, CommandPaletteEmptyProps, CommandPaletteLoadingProps, CommandPaletteFooterProps, CommandPaletteResultItemProps } from './types';
+/**
+ * Props for the Dialog component
+ */
+interface DialogProps {
+    /** 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 content - typically one or more Panel components */
+    children: React.ReactNode;
+}
+/**
+ * Dialog component - Modal wrapper for command palette content.
+ *
+ * Use this when you need a dialog that can swap between different Panel contents
+ * without re-mounting (e.g., drill-down navigation).
+ *
+ * @example
+ * ```tsx
+ * <CommandPalette.Dialog open={open} onOpenChange={setOpen}>
+ *   {showDrillDown ? (
+ *     <ZonePicker />
+ *   ) : (
+ *     <CommandPalette.Panel items={results} ...>
+ *       ...
+ *     </CommandPalette.Panel>
+ *   )}
+ * </CommandPalette.Dialog>
+ * ```
+ */
+declare function Dialog({ open, onOpenChange, onBackdropClick, children, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Root component - Dialog + Panel combined for simple use cases.
+ *
+ * For cases where you need to swap content inside the dialog without
+ * re-mounting (e.g., drill-down navigation), use Dialog + Panel separately.
+ *
+ * Keyboard navigation is always enabled:
+ * - Arrow keys (up/down) move highlight
+ * - Enter selects highlighted item
+ * - Cmd/Ctrl+Enter selects with newTab: true
+ * - First item is auto-highlighted when results change
+ */
+declare function Root<TGroup, TItem = TGroup>({ open, onOpenChange, onBackdropClick, children, items, value, onValueChange, onItemHighlighted, itemToStringValue, filter, onSelect, getSelectableItems, }: CommandPaletteRootProps<TGroup, TItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Group component - Category grouping
+ *
+ * Re-export of Autocomplete.Group with default styling.
+ */
+declare function Group({ children, className, ...props }: CommandPaletteGroupProps & {
+    className?: string;
+    items?: unknown[];
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * GroupLabel component - Section header text
+ *
+ * Re-export of Autocomplete.GroupLabel with styling matching SectionHeader.
+ */
+declare function GroupLabel({ children, className, }: CommandPaletteGroupLabelProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Item component - Individual result item
+ *
+ * Re-export of Autocomplete.Item with styling matching SearchResultItem.
+ * Note: Use onClick for selection handling, matching the existing CommandPalette pattern.
+ */
+declare function Item<T>({ value, disabled, children, className, onClick, }: CommandPaletteItemProps<T> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Empty component - Empty state when no results
+ *
+ * Re-export of Autocomplete.Empty with default styling.
+ */
+declare function Empty({ children }: CommandPaletteEmptyProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Loading component - Loading spinner state
+ *
+ * Centered loading spinner using Kumo Loader.
+ */
+declare function Loading({ children }: CommandPaletteLoadingProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Footer component - Styled container for keyboard hints or other footer content.
+ *
+ * Children are required - this is just a styled container.
+ * Consumers should provide their own keyboard hints with proper i18n.
+ */
+declare function Footer({ children }: CommandPaletteFooterProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * HighlightedText - Renders text with highlighted portions based on match indices.
+ * Highlighted text is shown with a background color to indicate matches.
+ */
+declare function HighlightedText({ text, highlights, className, }: {
+    text: string;
+    highlights?: HighlightRange[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * ResultItem - Rich item component with breadcrumbs, highlights, icons, and external indicators.
+ *
+ * Use this for search result items that need breadcrumb navigation, text highlighting,
+ * or external link indicators. For simple items, use Item instead.
+ */
+declare function ResultItem<T>({ title, breadcrumbs, titleHighlights, breadcrumbHighlights, description, icon, value, onClick, showArrow, external, nonInteractive, }: CommandPaletteResultItemProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Panel component
+ */
+interface PanelProps<TGroup, TItem = TGroup> {
+    /** Child components (Input, List, Footer, etc.) */
+    children: React.ReactNode;
+    /** Items for the autocomplete */
+    items: TGroup[];
+    /** Controlled input value */
+    value?: string;
+    /** Callback when input value changes */
+    onValueChange?: (value: string) => void;
+    /** Callback when an item is highlighted */
+    onItemHighlighted?: (item: TGroup | undefined, details: {
+        reason: string;
+        event: Event;
+        index: number;
+    }) => void;
+    /** Convert item to string for accessibility */
+    itemToStringValue?: (item: TGroup) => string;
+    /** Custom filter function */
+    filter?: (item: TGroup, query: string) => boolean;
+    /** Whether the panel is active/open (for autocomplete state) */
+    open?: boolean;
+    /** Optional className for the container */
+    className?: string;
+    /**
+     * Callback when an item is selected via Cmd/Ctrl+Enter.
+     * Requires getSelectableItems to be provided.
+     */
+    onSelect?: (item: TItem, options: {
+        newTab: boolean;
+    }) => void;
+    /**
+     * Function to get flat list of selectable items from groups.
+     * Required when items are grouped and onSelect is used.
+     */
+    getSelectableItems?: (items: TGroup[]) => TItem[];
+}
+declare function Panel<TGroup, TItem = TGroup>({ children, items, value, onValueChange, onItemHighlighted, itemToStringValue, filter, open, className, onSelect, getSelectableItems, }: PanelProps<TGroup, TItem>): import("react/jsx-runtime").JSX.Element;
+/**
+ * PanelInput component - Input that works inside Panel.
+ *
+ * Similar to Input but designed for use with Panel instead of Root.
+ * Automatically wires up Cmd/Ctrl+Enter handling from Panel.
+ */
+declare function PanelInput({ autoFocus, placeholder, className, onKeyDown: onKeyDownProp, leading, trailing, ...props }: {
+    autoFocus?: boolean;
+    placeholder?: string;
+    className?: string;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    /** Optional leading content (e.g., back button) */
+    leading?: React.ReactNode;
+    /** Optional trailing content (e.g., Esc button) */
+    trailing?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Render prop iterators - wrap base-ui primitives with cleaner names.
+ */
+/**
+ * Results component - Render prop iterator for groups.
+ *
+ * Wraps Autocomplete.List with default spacing between groups.
+ */
+declare function Results({ children, className, }: React.ComponentProps<typeof Autocomplete.List> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * CommandPalette variants configuration.
+ * CommandPalette is a compound component without traditional variants.
+ */
+export declare const KUMO_COMMAND_PALETTE_VARIANTS: {};
+/**
+ * CommandPalette default variants.
+ */
+export declare const KUMO_COMMAND_PALETTE_DEFAULT_VARIANTS: {};
+export declare const CommandPalette: {
+    /** Modal dialog wrapper - use with Panel for content that can swap */
+    Dialog: typeof Dialog;
+    /** Dialog + Panel combined - for simple single-view command palettes */
+    Root: typeof Root;
+    /** Autocomplete panel without dialog - use inside Dialog for swappable content */
+    Panel: typeof Panel;
+    /** Input for use inside Panel */
+    Input: typeof PanelInput;
+    /** Scrollable results container */
+    List: import('react').ForwardRefExoticComponent<CommandPaletteListProps & {
+        className?: string;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    /** Category grouping */
+    Group: typeof Group;
+    /** Section header text */
+    GroupLabel: typeof GroupLabel;
+    /** Basic item */
+    Item: typeof Item;
+    /** Rich item with breadcrumbs, highlights, icons */
+    ResultItem: typeof ResultItem;
+    /** Text with highlighted portions */
+    HighlightedText: typeof HighlightedText;
+    /** Empty state */
+    Empty: typeof Empty;
+    /** Loading state */
+    Loading: typeof Loading;
+    /** Footer for keyboard hints */
+    Footer: typeof Footer;
+    /** Render prop iterator for groups */
+    Results: typeof Results;
+    /** Render prop iterator for items within a group */
+    Items: typeof Autocomplete.Collection;
+};
+export {};
+//# sourceMappingURL=command-palette.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { CommandPalette, KUMO_COMMAND_PALETTE_VARIANTS, KUMO_COMMAND_PALETTE_DEFAULT_VARIANTS, } from './command-palette';
+export type { HighlightRange, CommandPaletteRootProps, CommandPaletteItemProps, CommandPaletteFooterProps, CommandPaletteListProps, CommandPaletteGroupProps, CommandPaletteGroupLabelProps, CommandPaletteEmptyProps, CommandPaletteLoadingProps, CommandPaletteResultItemProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,6BAA6B,EAC7B,qCAAqC,GACtC,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACxB,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,SAAS,CAAC"}