@cloudflare/kumo 1.16.0 → 1.17.0

package/dist/chunks/combobox-9fhjzprab46csmon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-9fhjzprab46csmon.js","sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxBase } from \"@base-ui/react/combobox\";\nimport { CaretDownIcon, CheckIcon, XIcon } from \"@phosphor-icons/react\";\nimport {\n  Fragment,\n  createContext,\n  useContext,\n  type PropsWithChildren,\n  type ReactNode,\n} from \"react\";\nimport {\n  inputVariants,\n  KUMO_INPUT_VARIANTS,\n  type KumoInputSize,\n} from \"../input/input\";\nimport { cn } from \"../../utils/cn\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Combobox variant definitions. */\nexport const KUMO_COMBOBOX_VARIANTS = {\n  size: KUMO_INPUT_VARIANTS.size,\n  inputSide: {\n    right: {\n      classes: \"\",\n      description: \"Input positioned inline to the right of chips\",\n    },\n    top: {\n      classes: \"\",\n      description: \"Input positioned above chips\",\n    },\n  },\n} as const;\n\nexport const KUMO_COMBOBOX_DEFAULT_VARIANTS = {\n  size: \"base\",\n  inputSide: \"right\",\n} as const;\n\n// Context to pass size down to sub-components\nconst ComboboxSizeContext = createContext<KumoInputSize>(\"base\");\n\n// Derived types from KUMO_COMBOBOX_VARIANTS\nexport type KumoComboboxSize = keyof typeof KUMO_COMBOBOX_VARIANTS.size;\nexport type KumoComboboxInputSide =\n  keyof typeof KUMO_COMBOBOX_VARIANTS.inputSide;\n\nexport interface KumoComboboxVariantsProps {\n  /**\n   * Size of the combobox trigger. Matches Input component sizes.\n   * - `\"xs\"` — Extra small for compact UIs (h-5 / 20px)\n   * - `\"sm\"` — Small for secondary fields (h-6.5 / 26px)\n   * - `\"base\"` — Default size (h-9 / 36px)\n   * - `\"lg\"` — Large for prominent fields (h-10 / 40px)\n   * @default \"base\"\n   */\n  size?: KumoComboboxSize;\n  /**\n   * Position of the text input relative to chips in multi-select mode.\n   * - `\"right\"` — Input inline to the right of chips\n   * - `\"top\"` — Input above chips\n   * @default \"right\"\n   */\n  inputSide?: KumoComboboxInputSide;\n}\n\nexport function comboboxVariants({\n  inputSide = KUMO_COMBOBOX_DEFAULT_VARIANTS.inputSide,\n}: KumoComboboxVariantsProps = {}) {\n  return cn(KUMO_COMBOBOX_VARIANTS.inputSide[inputSide].classes);\n}\n\n// Legacy type alias for backwards compatibility\nexport type ComboboxInputSide = KumoComboboxInputSide;\nexport type ComboboxSize = KumoComboboxSize;\n\nexport type ComboboxRootProps<\n  Value = unknown,\n  Multiple extends boolean | undefined = false,\n> = ComboboxBase.Root.Props<Value, Multiple>;\n\n/**\n * Combobox component props (simplified for documentation; the actual Root is generic).\n *\n * Combobox provides an autocomplete/typeahead input with a filterable dropdown.\n * Supports single-select, multi-select with chips, grouped items, and Field wrapper integration.\n *\n * @example\n * ```tsx\n * // Single-select with search input\n * <Combobox value={value} onValueChange={setValue} items={options}>\n *   <Combobox.TriggerInput placeholder=\"Search…\" />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n *     </Combobox.List>\n *     <Combobox.Empty>No results</Combobox.Empty>\n *   </Combobox.Content>\n * </Combobox>\n *\n * // Multi-select with chips\n * <Combobox multiple items={options} label=\"Tags\">\n *   <Combobox.TriggerMultipleWithInput\n *     placeholder=\"Add tag…\"\n *     renderItem={(item) => <Combobox.Chip value={item}>{item.label}</Combobox.Chip>}\n *   />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n *     </Combobox.List>\n *   </Combobox.Content>\n * </Combobox>\n * ```\n */\nexport interface ComboboxProps extends KumoComboboxVariantsProps {\n  /** Array of items to display in the dropdown */\n  items: unknown[];\n  /** Currently selected value(s) */\n  value?: unknown;\n  /** Callback when selection changes */\n  onValueChange?: (value: unknown) => void;\n  /** Enable multi-select mode */\n  multiple?: boolean;\n  /** Combobox content (trigger, content, items) */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  /** Label content for the combobox (enables Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Whether the combobox is required */\n  required?: boolean;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** Helper text displayed below the combobox */\n  description?: ReactNode;\n  /** Error message or validation error object */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n}\n\nfunction Root<Value, Multiple extends boolean | undefined = false>({\n  label,\n  required,\n  labelTooltip,\n  description,\n  error,\n  children,\n  size = \"base\",\n  ...props\n}: ComboboxBase.Root.Props<Value, Multiple> & {\n  label?: ReactNode;\n  required?: boolean;\n  labelTooltip?: ReactNode;\n  description?: ReactNode;\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n  size?: KumoComboboxSize;\n}) {\n  const comboboxControl = (\n    <ComboboxSizeContext.Provider value={size}>\n      <ComboboxBase.Root {...props}>{children}</ComboboxBase.Root>\n    </ComboboxSizeContext.Provider>\n  );\n\n  // Render with Field wrapper if label, description, or error are provided\n  if (label) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n      >\n        {comboboxControl}\n      </Field>\n    );\n  }\n\n  // Render bare combobox without Field wrapper\n  return comboboxControl;\n}\n\nfunction Content({\n  children,\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  alignOffset,\n  side,\n  container: containerProp,\n}: PropsWithChildren<{\n  className?: string;\n  align?: ComboboxBase.Positioner.Props[\"align\"];\n  alignOffset?: ComboboxBase.Positioner.Props[\"alignOffset\"];\n  side?: ComboboxBase.Positioner.Props[\"side\"];\n  sideOffset?: ComboboxBase.Positioner.Props[\"sideOffset\"];\n  /**\n   * Container element for the portal. Use this to render the combobox inside\n   * a Shadow DOM or custom container. Overrides `KumoPortalProvider` context.\n   * @default document.body (or KumoPortalProvider container if set)\n   */\n  container?: PortalContainer;\n}>) {\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n\n  return (\n    <ComboboxBase.Portal container={container}>\n      <ComboboxBase.Positioner\n        className=\"\"\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        side={side}\n      >\n        <ComboboxBase.Popup\n          className={cn(\n            \"flex flex-col\", // flexbox layout for sticky input + scrollable list\n            \"max-h-[min(var(--available-height),24rem)] max-w-(--available-width) min-w-(--anchor-width) py-1.5\",\n            \"bg-kumo-base text-kumo-default\", // background\n            \"rounded-lg shadow-lg ring ring-kumo-line\", // border part\n            className,\n          )}\n        >\n          {children}\n        </ComboboxBase.Popup>\n      </ComboboxBase.Positioner>\n    </ComboboxBase.Portal>\n  );\n}\n\n// Size-dependent styles for TriggerValue icon\nconst triggerValueIconStyles: Record<\n  KumoComboboxSize,\n  { padding: string; iconSize: number; iconRight: string }\n> = {\n  xs: { padding: \"pr-5\", iconSize: 12, iconRight: \"right-1\" },\n  sm: { padding: \"pr-6\", iconSize: 14, iconRight: \"right-1.5\" },\n  base: { padding: \"pr-8\", iconSize: 16, iconRight: \"right-2\" },\n  lg: { padding: \"pr-10\", iconSize: 18, iconRight: \"right-3\" },\n};\n\nfunction TriggerValue({\n  className,\n  ...props\n}: ComboboxBase.Value.Props & { className?: string }) {\n  const size = useContext(ComboboxSizeContext);\n  const iconStyles = triggerValueIconStyles[size];\n\n  return (\n    <ComboboxBase.Trigger\n      className={cn(\n        inputVariants({ size }),\n        \"relative flex items-center\",\n        \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n        iconStyles.padding,\n        className,\n      )}\n    >\n      <ComboboxBase.Value>{props.children}</ComboboxBase.Value>\n      <ComboboxBase.Icon\n        className={cn(\n          \"absolute top-1/2 -translate-y-1/2 flex items-center text-kumo-subtle\",\n          iconStyles.iconRight,\n        )}\n      >\n        <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n      </ComboboxBase.Icon>\n    </ComboboxBase.Trigger>\n  );\n}\n\n// Size-dependent styles for TriggerInput icons\nconst triggerInputIconStyles: Record<\n  KumoComboboxSize,\n  { padding: string; iconSize: number; clearRight: string; caretRight: string }\n> = {\n  xs: {\n    padding: \"pr-7\",\n    iconSize: 12,\n    clearRight: \"right-5\",\n    caretRight: \"right-1\",\n  },\n  sm: {\n    padding: \"pr-9\",\n    iconSize: 14,\n    clearRight: \"right-6\",\n    caretRight: \"right-1.5\",\n  },\n  base: {\n    padding: \"pr-12\",\n    iconSize: 16,\n    clearRight: \"right-8\",\n    caretRight: \"right-2\",\n  },\n  lg: {\n    padding: \"pr-14\",\n    iconSize: 18,\n    clearRight: \"right-9\",\n    caretRight: \"right-3\",\n  },\n};\n\nfunction TriggerInput(props: ComboboxBase.Input.Props) {\n  const size = useContext(ComboboxSizeContext);\n  const iconStyles = triggerInputIconStyles[size];\n\n  return (\n    <div\n      className={cn(\n        \"relative inline-block w-full max-w-xs\",\n        \"has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed\",\n        props.className,\n      )}\n    >\n      <ComboboxBase.Input\n        {...props}\n        className={cn(\n          inputVariants({ size }),\n          \"w-full\",\n          iconStyles.padding,\n          \"disabled:cursor-not-allowed\",\n        )}\n      />\n\n      <ComboboxBase.Clear\n        className={cn(\n          \"absolute top-1/2 flex -translate-y-1/2 cursor-pointer bg-transparent p-0\",\n          \"data-[disabled]:pointer-events-none data-[disabled]:opacity-0\",\n          iconStyles.clearRight,\n        )}\n      >\n        <XIcon size={iconStyles.iconSize} />\n      </ComboboxBase.Clear>\n\n      <ComboboxBase.Trigger className=\"p-0\">\n        <ComboboxBase.Icon\n          className={cn(\n            \"absolute top-1/2 flex -translate-y-1/2 cursor-pointer text-kumo-subtle\",\n            iconStyles.caretRight,\n          )}\n        >\n          <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n        </ComboboxBase.Icon>\n      </ComboboxBase.Trigger>\n    </div>\n  );\n}\n\nfunction Item({ children, ...props }: ComboboxBase.Item.Props) {\n  return (\n    <ComboboxBase.Item\n      {...props}\n      className=\"group mx-1.5 grid cursor-pointer grid-cols-[1fr_16px] gap-2 rounded px-2 py-1.5 text-base data-highlighted:bg-kumo-tint\"\n    >\n      <div className=\"col-start-1\">{children}</div>\n      <ComboboxBase.ItemIndicator className=\"col-start-2 flex items-center\">\n        <CheckIcon />\n      </ComboboxBase.ItemIndicator>\n    </ComboboxBase.Item>\n  );\n}\n\nfunction Empty(props: ComboboxBase.Empty.Props) {\n  return (\n    <ComboboxBase.Empty\n      {...props}\n      className={cn(\n        \"mx-1.5 shrink-0 px-4 py-2 text-[0.925rem] leading-4 text-kumo-subtle empty:m-0 empty:p-0\",\n      )}\n      children={props.children ?? \"No labels found.\"}\n    />\n  );\n}\n\nfunction Input(props: ComboboxBase.Input.Props) {\n  return (\n    <ComboboxBase.Input\n      {...props}\n      className={cn(\n        inputVariants(),\n        \"mx-1.5 w-[calc(100%-0.75rem)] shrink-0 first:mb-2\",\n        props.className,\n      )}\n    />\n  );\n}\n\nfunction List({\n  className,\n  ...props\n}: ComboboxBase.List.Props & { className?: string }) {\n  return (\n    <ComboboxBase.List\n      {...props}\n      className={cn(\n        \"min-h-0 flex-1 overflow-y-auto overscroll-contain scroll-pt-2 scroll-pb-2\",\n        className,\n      )}\n    />\n  );\n}\n\nfunction GroupLabel(props: ComboboxBase.GroupLabel.Props) {\n  return (\n    <ComboboxBase.GroupLabel\n      {...props}\n      className={cn(\n        \"mx-1.5 px-2 py-1.5 text-sm text-kumo-strong\",\n        props.className,\n      )}\n    />\n  );\n}\n\nfunction Group(props: ComboboxBase.Group.Props) {\n  return (\n    <ComboboxBase.Group\n      {...props}\n      className=\"border-t border-kumo-line mt-2 pt-2 first:border-t-0 first:mt-0 first:pt-0\"\n    />\n  );\n}\n\nfunction Chip(props: ComboboxBase.Chip.Props) {\n  return (\n    <ComboboxBase.Chip\n      {...props}\n      className={cn(\n        \"flex items-center gap-2.5\", // Layout\n        \"h-6 pl-2 pr-[3px]\", // Dimensions\n        \"rounded-sm ring-1 ring-kumo-line\", // Border\n        \"bg-kumo-overlay\", // Background\n        \"text-sm\", // Typography\n      )}\n    >\n      {props.children}\n      <ComboboxBase.ChipRemove\n        className={cn(\n          \"cursor-pointer rounded-md p-1 hover:bg-kumo-fill-hover\",\n          \"bg-transparent flex\",\n        )}\n      >\n        <XIcon size={10} />\n      </ComboboxBase.ChipRemove>\n    </ComboboxBase.Chip>\n  );\n}\n\n// Map size to min-height class for TriggerMultipleWithInput\nconst sizeToMinHeight: Record<KumoComboboxSize, string> = {\n  xs: \"min-h-5\",\n  sm: \"min-h-6.5\",\n  base: \"min-h-9\",\n  lg: \"min-h-10\",\n};\n\nfunction TriggerMultipleWithInput<ValueType>({\n  placeholder,\n  renderItem,\n  className,\n  inputSide = \"right\",\n  value: controlledValue,\n}: {\n  placeholder?: string;\n  renderItem: (value: ValueType) => React.ReactNode;\n  className?: string;\n  inputSide?: \"right\" | \"top\";\n  /** Optional controlled value for rendering chips (use when pre-selecting values) */\n  value?: ValueType[];\n}) {\n  const size = useContext(ComboboxSizeContext);\n  // Determine which value to use for rendering chips\n  const chipsToRender = controlledValue;\n\n  return (\n    <ComboboxBase.Chips\n      className={cn(\n        inputVariants({ size }),\n        \"flex flex-col\",\n        \"gap-1 py-1 px-1.5\",\n        sizeToMinHeight[size],\n        \"h-auto\",\n        \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n        className,\n      )}\n    >\n      {inputSide === \"top\" && (\n        <ComboboxBase.Input\n          placeholder={placeholder}\n          className=\"w-full px-2 py-1 border-0 bg-inherit\"\n        />\n      )}\n      {/* Chips container */}\n      <div className=\"flex items-center flex-wrap gap-1.5 flex-1\">\n        {/* Render chips from controlled value if provided */}\n        {chipsToRender !== undefined &&\n          chipsToRender.length > 0 &&\n          chipsToRender.map((item) => renderItem(item))}\n        {/* Also render from BaseUI's internal value for user selections */}\n        <ComboboxBase.Value>\n          {(internalValue: ValueType[]) => {\n            // Skip rendering if using controlled value (to avoid duplicates)\n            if (chipsToRender !== undefined) return null;\n            return (\n              <Fragment>\n                {internalValue.map((item) => renderItem(item))}\n              </Fragment>\n            );\n          }}\n        </ComboboxBase.Value>\n        {inputSide === \"right\" && (\n          <ComboboxBase.Input\n            placeholder={placeholder}\n            className=\"min-w-[100px] flex-1 px-2 py-1 border-0 bg-inherit\"\n          />\n        )}\n      </div>\n    </ComboboxBase.Chips>\n  );\n}\n\nRoot.displayName = \"Combobox.Root\";\nContent.displayName = \"Combobox.Content\";\nTriggerValue.displayName = \"Combobox.TriggerValue\";\nTriggerInput.displayName = \"Combobox.TriggerInput\";\nItem.displayName = \"Combobox.Item\";\nChip.displayName = \"Combobox.Chip\";\nTriggerMultipleWithInput.displayName = \"Combobox.TriggerMultipleWithInput\";\n\n/**\n * Combobox — autocomplete input with filterable dropdown list.\n *\n * Compound component: `Combobox` (Root), `.TriggerInput`, `.TriggerValue`,\n * `.TriggerMultipleWithInput`, `.Content`, `.Item`, `.Chip`, `.Input`,\n * `.Empty`, `.GroupLabel`, `.Group`, `.List`, `.Collection`.\n *\n * @example\n * ```tsx\n * <Combobox items={fruits} label=\"Fruit\">\n *   <Combobox.TriggerInput placeholder=\"Pick a fruit…\" />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item}</Combobox.Item>}\n *     </Combobox.List>\n *   </Combobox.Content>\n * </Combobox>\n * ```\n *\n * @see https://base-ui.com/react/components/combobox\n */\nexport const Combobox = Object.assign(Root, {\n  // Helper components\n  Content,\n  TriggerValue,\n  TriggerInput,\n  TriggerMultipleWithInput,\n\n  // Slightly modified BaseUI\n  Chip,\n  Item,\n\n  // Styled BaseUI\n  Input,\n  Empty,\n  GroupLabel,\n  Group,\n\n  // Styled BaseUI\n  List,\n\n  // BaseUI\n  Collection: ComboboxBase.Collection,\n});\n"],"names":["KUMO_INPUT_VARIANTS","ComboboxSizeContext","createContext","Root","label","required","labelTooltip","description","error","children","size","props","comboboxControl","jsx","ComboboxBase.Root","Field","Content","className","align","sideOffset","alignOffset","side","containerProp","contextContainer","usePortalContainer","ComboboxBase.Portal","ComboboxBase.Positioner","ComboboxBase.Popup","cn","triggerValueIconStyles","TriggerValue","useContext","iconStyles","jsxs","ComboboxBase.Trigger","inputVariants","ComboboxBase.Value","ComboboxBase.Icon","CaretDownIcon","triggerInputIconStyles","TriggerInput","ComboboxBase.Input","ComboboxBase.Clear","XIcon","Item","ComboboxBase.Item","ComboboxBase.ItemIndicator","CheckIcon","Empty","ComboboxBase.Empty","Input","List","ComboboxBase.List","GroupLabel","ComboboxBase.GroupLabel","Group","ComboboxBase.Group","Chip","ComboboxBase.Chip","ComboboxBase.ChipRemove","sizeToMinHeight","TriggerMultipleWithInput","placeholder","renderItem","inputSide","controlledValue","chipsToRender","ComboboxBase.Chips","item","internalValue","Fragment","Combobox","ComboboxBase.Collection"],"mappings":"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"}

package/dist/chunks/{command-palette-b31nq4wk7o7gx4sa.js → command-palette-kenx2bbdzd4kpx36.js}

@@ -1,35 +1,37 @@
 "use client";
-import { jsx as e, jsxs as p, Fragment as E } from "react/jsx-runtime";
+import { jsx as e, jsxs as g, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as K, useContext as N, createContext as v, useCallback as b, useRef as T } from "react";
 import { CaretRightIcon as M, ArrowSquareOutIcon as H, ArrowRightIcon as _, MagnifyingGlassIcon as F } from "@phosphor-icons/react";
-import { S as G } from "./surface-dhshylwccuaz91d1.js";
+import { S as G } from "./surface-blo81kgy9g0sexgm.js";
 import { L as j } from "./loader-m5wfmqwgucrr4i5v.js";
 import { c as m } from "./cn-ct4n7r74mh8y0f48.js";
-import { a5 as U, a7 as O, aa as V, ac as w, a9 as $, a8 as q, ab as z, bk as B, ap as S, au as J, av as Q, aw as W } from "./vendor-base-ui-ccr5l0ynrievzzv3.js";
+import { u as U } from "./portal-provider-hwmkdmkpvct0cb76.js";
+import { a5 as O, a7 as V, aa as $, ac as w, a9 as q, a8 as z, ab as B, bm as S, ap as J, au as Q, av as W, aw as X } from "./vendor-base-ui-n30qblevnpk9cc5c.js";
 const C = v({});
 function I({
   open: t,
   onOpenChange: n,
-  onBackdropClick: a,
-  children: l
+  onBackdropClick: o,
+  children: i,
+  container: s
 }) {
-  const s = (u) => {
-    a ? a(u) : n(!1);
-  }, c = b(() => {
+  const u = U(), d = s ?? u ?? void 0, r = (c) => {
+    o ? o(c) : n(!1);
+  }, a = b(() => {
     n(!1);
   }, [n]);
-  return /* @__PURE__ */ e(S, { open: t, onOpenChange: n, modal: !0, children: /* @__PURE__ */ p(J, { children: [
+  return /* @__PURE__ */ e(J, { open: t, onOpenChange: n, modal: !0, children: /* @__PURE__ */ g(Q, { container: d, children: [
     /* @__PURE__ */ e(
-      Q,
+      W,
       {
         className: "fixed inset-0 bg-kumo-overlay opacity-80 transition-all duration-150 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
-        onClick: s
+        onClick: r
       }
     ),
     /* @__PURE__ */ e(
       G,
       {
-        as: W,
+        render: /* @__PURE__ */ e(X, {}),
         className: m(
           "fixed top-[10vh] left-1/2 w-full max-w-2xl -translate-x-1/2",
           "overflow-hidden rounded-lg",
@@ -39,55 +41,57 @@ function I({
           transitionProperty: "scale, opacity",
           transitionTimingFunction: "var(--default-transition-timing-function)"
         },
-        children: /* @__PURE__ */ e(C.Provider, { value: { onClose: c }, children: l })
+        children: /* @__PURE__ */ e(C.Provider, { value: { onClose: a }, children: i })
       }
     )
   ] }) });
 }
-function X({
+function Y({
   open: t,
   onOpenChange: n,
-  onBackdropClick: a,
-  children: l,
+  onBackdropClick: o,
+  children: i,
   items: s,
-  value: c,
-  onValueChange: u,
-  onItemHighlighted: i,
-  itemToStringValue: o,
-  filter: d,
-  onSelect: r,
-  getSelectableItems: f
+  value: u,
+  onValueChange: d,
+  onItemHighlighted: r,
+  itemToStringValue: a,
+  filter: c,
+  onSelect: l,
+  getSelectableItems: f,
+  container: h
 }) {
   return /* @__PURE__ */ e(
     I,
     {
       open: t,
       onOpenChange: n,
-      onBackdropClick: a,
+      onBackdropClick: o,
+      container: h,
       children: /* @__PURE__ */ e(
-        L,
+        A,
         {
           items: s,
-          value: c,
-          onValueChange: u,
-          onItemHighlighted: i,
-          itemToStringValue: o,
-          filter: d,
+          value: u,
+          onValueChange: d,
+          onItemHighlighted: r,
+          itemToStringValue: a,
+          filter: c,
           open: t,
-          onSelect: r,
+          onSelect: l,
           getSelectableItems: f,
-          children: l
+          children: i
         }
       )
     }
   );
 }
-function Y({
+function Z({
   children: t,
   leading: n,
-  trailing: a
+  trailing: o
 }) {
-  return /* @__PURE__ */ p("div", { className: "flex items-center gap-3 bg-kumo-base px-4 py-3", children: [
+  return /* @__PURE__ */ g("div", { className: "flex items-center gap-3 bg-kumo-base px-4 py-3", children: [
     n ?? /* @__PURE__ */ e(
       F,
       {
@@ -96,36 +100,36 @@ function Y({
       }
     ),
     t,
-    a
+    o
   ] });
 }
-const D = K(function({ children: n, className: a }, l) {
+const D = K(function({ children: n, className: o }, i) {
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: l,
+      ref: i,
       className: m(
         "min-h-0 flex-1 overflow-y-auto rounded-b-lg bg-kumo-base px-2 py-2 ring-1 ring-kumo-line",
-        a
+        o
       ),
       children: n
     }
   );
 });
 D.displayName = "CommandPalette.List";
-function Z({
+function ee({
   children: t,
   className: n,
-  ...a
+  ...o
 }) {
-  return /* @__PURE__ */ e(q, { className: m("space-y-0.5", n), ...a, children: t });
+  return /* @__PURE__ */ e(z, { className: m("space-y-0.5", n), ...o, children: t });
 }
-function ee({
+function te({
   children: t,
   className: n
 }) {
   return /* @__PURE__ */ e(
-    $,
+    q,
     {
       className: m(
         "mb-2 px-2 pt-1 text-xs font-semibold text-kumo-strong",
@@ -135,11 +139,11 @@ function ee({
     }
   );
 }
-function te({
+function ne({
   value: t,
   disabled: n,
-  children: a,
-  className: l,
+  children: o,
+  className: i,
   onClick: s
 }) {
   return /* @__PURE__ */ e(
@@ -153,80 +157,80 @@ function te({
         "cursor-pointer data-[highlighted]:bg-kumo-overlay",
         "rounded-lg",
         n && "cursor-default opacity-50",
-        l
+        i
       ),
-      children: a
+      children: o
     }
   );
 }
-function ne({ children: t }) {
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e("div", { className: "p-8 text-center", children: /* @__PURE__ */ e("p", { className: "text-kumo-strong", children: t ?? "No results found" }) }) });
+function oe({ children: t }) {
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e("div", { className: "p-8 text-center", children: /* @__PURE__ */ e("p", { className: "text-kumo-strong", children: t ?? "No results found" }) }) });
 }
 function ae({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: t ?? /* @__PURE__ */ e(j, { size: 24 }) });
 }
-function oe({ children: t }) {
+function se({ children: t }) {
   return /* @__PURE__ */ e("div", { className: "flex items-center justify-between rounded-b-lg bg-kumo-elevated px-4 py-3 text-xs text-kumo-strong", children: t });
 }
 function y({
   text: t,
   highlights: n,
-  className: a
+  className: o
 }) {
   if (!n || n.length === 0)
-    return /* @__PURE__ */ e("span", { className: a, children: t });
-  const l = [...n].sort((i, o) => i[0] - o[0]), s = [];
-  for (const i of l) {
-    const o = s[s.length - 1];
-    o && i[0] <= o[1] + 1 ? o[1] = Math.max(o[1], i[1]) : s.push([...i]);
+    return /* @__PURE__ */ e("span", { className: o, children: t });
+  const i = [...n].sort((r, a) => r[0] - a[0]), s = [];
+  for (const r of i) {
+    const a = s[s.length - 1];
+    a && r[0] <= a[1] + 1 ? a[1] = Math.max(a[1], r[1]) : s.push([...r]);
   }
-  const c = [];
-  let u = 0;
-  return s.forEach((i, o) => {
-    const [d, r] = i;
-    d > u && c.push(/* @__PURE__ */ e("span", { children: t.slice(u, d) }, `text-${o}`)), c.push(
+  const u = [];
+  let d = 0;
+  return s.forEach((r, a) => {
+    const [c, l] = r;
+    c > d && u.push(/* @__PURE__ */ e("span", { children: t.slice(d, c) }, `text-${a}`)), u.push(
       /* @__PURE__ */ e(
         "mark",
         {
           className: "rounded-sm bg-kumo-warning/50 text-kumo-default",
-          children: t.slice(d, r + 1)
+          children: t.slice(c, l + 1)
         },
-        `highlight-${o}`
+        `highlight-${a}`
       )
-    ), u = r + 1;
-  }), u < t.length && c.push(/* @__PURE__ */ e("span", { children: t.slice(u) }, "text-end")), /* @__PURE__ */ e("span", { className: a, children: c });
+    ), d = l + 1;
+  }), d < t.length && u.push(/* @__PURE__ */ e("span", { children: t.slice(d) }, "text-end")), /* @__PURE__ */ e("span", { className: o, children: u });
 }
-function se({
+function re({
   title: t,
   breadcrumbs: n,
-  titleHighlights: a,
-  breadcrumbHighlights: l,
+  titleHighlights: o,
+  breadcrumbHighlights: i,
   description: s,
-  icon: c,
-  value: u,
-  onClick: i,
-  showArrow: o = !0,
-  external: d = !1,
-  nonInteractive: r = !1
+  icon: u,
+  value: d,
+  onClick: r,
+  showArrow: a = !0,
+  external: c = !1,
+  nonInteractive: l = !1
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ g(
     w,
     {
-      value: u,
-      onClick: r ? void 0 : (f) => i(f),
+      value: d,
+      onClick: l ? void 0 : (f) => r(f),
       className: m(
         "group flex w-full items-center gap-3 rounded-lg px-2 py-1.5 text-left transition-colors",
-        r ? "cursor-default" : "cursor-pointer data-[highlighted]:bg-kumo-overlay"
+        l ? "cursor-default" : "cursor-pointer data-[highlighted]:bg-kumo-overlay"
       ),
       children: [
-        c && /* @__PURE__ */ e("div", { className: "flex flex-shrink-0 items-center text-kumo-subtle", children: c }),
-        /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ p("div", { className: "flex items-center gap-2 truncate", children: [
-          n?.map((f, g) => /* @__PURE__ */ p("span", { className: "flex items-center gap-2", children: [
+        u && /* @__PURE__ */ e("div", { className: "flex flex-shrink-0 items-center text-kumo-subtle", children: u }),
+        /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2 truncate", children: [
+          n?.map((f, h) => /* @__PURE__ */ g("span", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
               y,
               {
                 text: f,
-                highlights: l?.[g],
+                highlights: i?.[h],
                 className: "text-base text-kumo-default"
               }
             ),
@@ -237,27 +241,27 @@ function se({
                 weight: "bold"
               }
             )
-          ] }, g)),
+          ] }, h)),
           /* @__PURE__ */ e(
             y,
             {
               text: t,
-              highlights: a,
+              highlights: o,
               className: "text-base text-kumo-default"
             }
           ),
-          d && /* @__PURE__ */ e(H, { className: "h-3.5 w-3.5 flex-shrink-0 text-kumo-subtle" }),
-          s && /* @__PURE__ */ p(E, { children: [
+          c && /* @__PURE__ */ e(H, { className: "h-3.5 w-3.5 flex-shrink-0 text-kumo-subtle" }),
+          s && /* @__PURE__ */ g(E, { children: [
             /* @__PURE__ */ e("span", { className: "text-kumo-strong", children: "—" }),
             /* @__PURE__ */ e("span", { className: "truncate text-sm text-kumo-strong", children: s })
           ] })
         ] }) }),
-        o && !d && !r && /* @__PURE__ */ e(_, { className: "h-4 w-4 flex-shrink-0 text-kumo-subtle opacity-0 transition-opacity group-data-[highlighted]:opacity-100" })
+        a && !c && !l && /* @__PURE__ */ e(_, { className: "h-4 w-4 flex-shrink-0 text-kumo-subtle opacity-0 transition-opacity group-data-[highlighted]:opacity-100" })
       ]
     }
   );
 }
-function re({
+function le({
   children: t,
   className: n
 }) {
@@ -272,128 +276,128 @@ function re({
     }
   );
 }
-const A = v({}), le = () => !0;
-function L({
+const P = v({}), ie = () => !0;
+function A({
   children: t,
   items: n,
-  value: a,
-  onValueChange: l,
+  value: o,
+  onValueChange: i,
   onItemHighlighted: s,
-  itemToStringValue: c,
-  filter: u = le,
-  open: i = !0,
-  className: o,
-  onSelect: d,
-  getSelectableItems: r
+  itemToStringValue: u,
+  filter: d = ie,
+  open: r = !0,
+  className: a,
+  onSelect: c,
+  getSelectableItems: l
 }) {
-  const f = T(-1), g = b(
-    (h, x) => {
-      f.current = x.index, s?.(h, x);
+  const f = T(-1), h = b(
+    (p, x) => {
+      f.current = x.index, s?.(p, x);
     },
     [s]
-  ), P = b(
-    (h) => {
-      const x = h.key === "Enter", R = h.metaKey || h.ctrlKey;
-      if (x && R && d && r) {
-        const k = r(n)[f.current];
-        k !== void 0 && (h.preventDefault(), d(k, { newTab: !0 }));
+  ), L = b(
+    (p) => {
+      const x = p.key === "Enter", R = p.metaKey || p.ctrlKey;
+      if (x && R && c && l) {
+        const k = l(n)[f.current];
+        k !== void 0 && (p.preventDefault(), c(k, { newTab: !0 }));
       }
     },
-    [n, d, r]
+    [n, c, l]
   );
-  return /* @__PURE__ */ e(re, { className: o, children: /* @__PURE__ */ e(
-    B,
+  return /* @__PURE__ */ e(le, { className: a, children: /* @__PURE__ */ e(
+    S,
     {
       items: n,
-      value: a,
-      onValueChange: l,
-      onItemHighlighted: g,
-      itemToStringValue: c,
-      filter: u,
+      value: o,
+      onValueChange: i,
+      onItemHighlighted: h,
+      itemToStringValue: u,
+      filter: d,
       autoHighlight: "always",
       keepHighlight: !0,
-      open: i,
-      children: /* @__PURE__ */ e(A.Provider, { value: { onInputKeyDown: P }, children: t })
+      open: r,
+      children: /* @__PURE__ */ e(P.Provider, { value: { onInputKeyDown: L }, children: t })
     }
   ) });
 }
-function ie({
+function ce({
   autoFocus: t = !0,
   placeholder: n,
-  className: a,
-  onKeyDown: l,
+  className: o,
+  onKeyDown: i,
   leading: s,
-  trailing: c,
-  ...u
+  trailing: u,
+  ...d
 }) {
-  const { onInputKeyDown: i } = N(A), { onClose: o } = N(C), d = b(
-    (r) => {
-      if (l?.(r), !r.defaultPrevented) {
-        if (r.key === "Escape" && o) {
-          r.preventDefault(), o();
+  const { onInputKeyDown: r } = N(P), { onClose: a } = N(C), c = b(
+    (l) => {
+      if (i?.(l), !l.defaultPrevented) {
+        if (l.key === "Escape" && a) {
+          l.preventDefault(), a();
           return;
         }
-        i?.(r);
+        r?.(l);
       }
     },
-    [i, l, o]
+    [r, i, a]
   );
-  return /* @__PURE__ */ e(Y, { leading: s, trailing: c, children: /* @__PURE__ */ e(
-    z,
+  return /* @__PURE__ */ e(Z, { leading: s, trailing: u, children: /* @__PURE__ */ e(
+    B,
     {
       placeholder: n,
       className: m(
         "flex-1 border-none bg-transparent text-base kumo-input-placeholder",
         "outline-none focus-visible:outline-none",
-        a
+        o
       ),
-      onKeyDown: d,
+      onKeyDown: c,
       autoFocus: t,
-      ...u
+      ...d
     }
   ) });
 }
-function ce({
+function ue({
   children: t,
   className: n
 }) {
-  return /* @__PURE__ */ e(O, { className: m("space-y-3", n), children: t });
+  return /* @__PURE__ */ e(V, { className: m("space-y-3", n), children: t });
 }
-const ue = U, ye = {}, ke = {}, Ne = {
+const de = O, Ne = {}, ve = {}, we = {
   /** Modal dialog wrapper - use with Panel for content that can swap */
   Dialog: I,
   /** Dialog + Panel combined - for simple single-view command palettes */
-  Root: X,
+  Root: Y,
   /** Autocomplete panel without dialog - use inside Dialog for swappable content */
-  Panel: L,
+  Panel: A,
   /** Input for use inside Panel */
-  Input: ie,
+  Input: ce,
   /** Scrollable results container */
   List: D,
   /** Category grouping */
-  Group: Z,
+  Group: ee,
   /** Section header text */
-  GroupLabel: ee,
+  GroupLabel: te,
   /** Basic item */
-  Item: te,
+  Item: ne,
   /** Rich item with breadcrumbs, highlights, icons */
-  ResultItem: se,
+  ResultItem: re,
   /** Text with highlighted portions */
   HighlightedText: y,
   /** Empty state */
-  Empty: ne,
+  Empty: oe,
   /** Loading state */
   Loading: ae,
   /** Footer for keyboard hints */
-  Footer: oe,
+  Footer: se,
   /** Render prop iterator for groups */
-  Results: ce,
+  Results: ue,
   /** Render prop iterator for items within a group */
-  Items: ue
+  Items: de
 };
 export {
-  Ne as C,
-  ye as K,
-  ke as a
+  we as C,
+  Ne as K,
+  ve as a
 };
-//# sourceMappingURL=command-palette-b31nq4wk7o7gx4sa.js.map
+//# sourceMappingURL=command-palette-kenx2bbdzd4kpx36.js.map