@flanksource/clicky-ui 0.3.41 → 0.3.43

package/dist/comments/comment-types.d.ts.map

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

package/dist/comments/comment-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment-types.js","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** Product lifecycle stage represented by one or more stored statuses. */\nexport type CommentStatusStage = \"active\" | \"resolved\" | \"closed\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /** Lifecycle stage used by review queues and status actions. */\n  stage?: CommentStatusStage;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Binary review signal attached to a root comment. */\nexport type CommentRating = \"positive\" | \"negative\";\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** Optional positive/negative review signal; roots only. */\n  rating?: CommentRating;\n  /** ISO-8601 time when a human closed the resolved comment. */\n  closedAt?: string;\n  /** Human who closed the comment. */\n  closedBy?: CommentAuthor;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  rating?: CommentRating;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\nexport type CommentCreateAction = { id: string; label: string };\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (input: CommentCreateInput, actionId?: string) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  /** Human-only transition from resolved to closed. */\n  onClose?: (id: string) => void | Promise<void>;\n  onUpdateRating?: (id: string, rating: CommentRating) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved / closed. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  {\n    value: \"open\",\n    label: \"Open\",\n    tone: \"info\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"resolved\",\n    label: \"Resolved\",\n    tone: \"success\",\n    stage: \"resolved\",\n  },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\", stage: \"closed\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":"AA8GO,MAAM,kBAAkB;AAyGxB,MAAM,2BAAkD;AAAA,EAC7D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,OAAO,SAAA;AAC9D;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;"}
+{"version":3,"file":"comment-types.js","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** Product lifecycle stage represented by one or more stored statuses. */\nexport type CommentStatusStage = \"active\" | \"resolved\" | \"closed\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /** Lifecycle stage used by review queues and status actions. */\n  stage?: CommentStatusStage;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Binary review signal attached to a root comment. */\nexport type CommentRating = \"positive\" | \"negative\";\nexport type CommentReviewDecision =\n  | \"approved\"\n  | \"rejected\"\n  | \"revision_requested\";\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** Optional positive/negative review signal; roots only. */\n  rating?: CommentRating;\n  /** Human decision on an opted-in playground review element; roots only. */\n  reviewDecision?: CommentReviewDecision;\n  /** ISO-8601 time when a human closed the resolved comment. */\n  closedAt?: string;\n  /** Human who closed the comment. */\n  closedBy?: CommentAuthor;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  rating?: CommentRating;\n  reviewDecision?: CommentReviewDecision;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\nexport type CommentCreateAction = { id: string; label: string };\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (\n    input: CommentCreateInput,\n    actionId?: string,\n  ) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  /** Human-only transition from resolved to closed. */\n  onClose?: (id: string) => void | Promise<void>;\n  onUpdateRating?: (id: string, rating: CommentRating) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved / closed. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  {\n    value: \"open\",\n    label: \"Open\",\n    tone: \"info\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n    stage: \"active\",\n  },\n  {\n    value: \"resolved\",\n    label: \"Resolved\",\n    tone: \"success\",\n    stage: \"resolved\",\n  },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\", stage: \"closed\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":"AAkHO,MAAM,kBAAkB;AA+GxB,MAAM,2BAAkD;AAAA,EAC7D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,OAAO,SAAA;AAC9D;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;"}

package/dist/components/Combobox.cjs

@@ -6,6 +6,7 @@ const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const modalStack = require("../overlay/modalStack.cjs");
 const ComboboxControl = require("./ComboboxControl.cjs");
+const ComboboxMenuTrigger = require("./ComboboxMenuTrigger.cjs");
 const useComboboxLayout = require("./useComboboxLayout.cjs");
 const ComboboxMenu = require("./ComboboxMenu.cjs");
 const comboboxValues = require("../lib/combobox-values.cjs");
@@ -34,6 +35,9 @@ function Combobox(props) {
     footer
   } = props;
   const multiple = props.multiple === true;
+  const menuSearch = !multiple && props.searchPlacement === "menu";
+  const generatedId = react.useId();
+  const triggerRef = react.useRef(null);
   const tristate = props.multiple === true && props.tristate === true;
   const tags = props.multiple === true && props.variant === "tags";
   const separators = props.multiple === true && props.tristate !== true ? props.separators ?? [] : [];
@@ -86,8 +90,8 @@ function Combobox(props) {
     if (!q) return options;
     return options.filter(
       (o) => {
-        var _a;
-        return o.label.toLowerCase().includes(q) || ((_a = o.description) == null ? void 0 : _a.toLowerCase().includes(q)) || o.value.toLowerCase().includes(q);
+        var _a, _b;
+        return o.label.toLowerCase().includes(q) || ((_a = o.description) == null ? void 0 : _a.toLowerCase().includes(q)) || ((_b = o.group) == null ? void 0 : _b.toLowerCase().includes(q)) || o.value.toLowerCase().includes(q);
       }
     );
   }, [onSearch, options, query, selectedValues]);
@@ -98,7 +102,7 @@ function Combobox(props) {
   }, [onSearch, open, query]);
   const trimmedQuery = query.trim();
   const customEntry = react.useMemo(
-    () => comboboxValues.createComboboxCustomEntry({
+    () => menuSearch && filtered.length > 0 ? null : comboboxValues.createComboboxCustomEntry({
       allowCustomValue,
       query: trimmedQuery,
       multiple,
@@ -109,6 +113,8 @@ function Combobox(props) {
     }),
     [
       allowCustomValue,
+      menuSearch,
+      filtered.length,
       multiple,
       onNew,
       options,
@@ -210,6 +216,12 @@ function Combobox(props) {
     addValues(parts);
   }
   function commitAndClose() {
+    if (menuSearch) {
+      setQuery("");
+      setOpen(false);
+      setHighlighted(-1);
+      return;
+    }
     const trimmed = query.trim();
     if (customEntry) {
       const created = createOptionValue(customEntry);
@@ -237,7 +249,7 @@ function Combobox(props) {
       if (!multiple) {
         setOpen(false);
       }
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
+      (_a = (menuSearch ? triggerRef : inputRef).current) == null ? void 0 : _a.focus();
       return;
     }
     if (tristate) {
@@ -256,7 +268,7 @@ function Combobox(props) {
     setQuery("");
     setOpen(false);
     setHighlighted(-1);
-    (_d = inputRef.current) == null ? void 0 : _d.focus();
+    (_d = (menuSearch ? triggerRef : inputRef).current) == null ? void 0 : _d.focus();
   }
   function clear() {
     var _a;
@@ -283,6 +295,7 @@ function Combobox(props) {
     (_a = item == null ? void 0 : item.scrollIntoView) == null ? void 0 : _a.call(item, { block: "nearest" });
   }
   function onKeyDown(e) {
+    var _a;
     if (tags && allowCustomValue && separators.includes(e.key)) {
       e.preventDefault();
       addValues([query]);
@@ -312,12 +325,13 @@ function Combobox(props) {
       setHighlighted(next);
       scrollToHighlighted(next);
     } else if (e.key === "Enter") {
+      if (menuSearch) e.preventDefault();
       if (open && highlighted >= 0 && navOptions[highlighted] && !navOptions[highlighted].disabled) {
         e.preventDefault();
         selectOption(navOptions[highlighted]);
         return;
       }
-      if (open && multiple && customEntry) {
+      if (open && (multiple || menuSearch) && customEntry) {
         e.preventDefault();
         selectOption(customEntry);
         return;
@@ -327,19 +341,38 @@ function Combobox(props) {
     } else if (e.key === "Escape") {
       if (open) {
         e.preventDefault();
+        if (menuSearch) e.stopPropagation();
         setQuery("");
         setOpen(false);
         setHighlighted(-1);
+        if (menuSearch) (_a = triggerRef.current) == null ? void 0 : _a.focus();
       }
     } else {
       onKeyDownProp == null ? void 0 : onKeyDownProp(e);
     }
   }
-  const listId = id ? `${id}-listbox` : void 0;
+  const listId = `${id ?? generatedId}-listbox`;
   const ariaLabel = ariaLabelProp ?? (typeof label === "string" ? label : void 0);
   const showClear = !required && !loading && !disabled && selectedValues.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: utils.cn("relative", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    menuSearch ? /* @__PURE__ */ jsxRuntime.jsx(
+      ComboboxMenuTrigger.ComboboxMenuTrigger,
+      {
+        anchorRef,
+        triggerRef,
+        content: props.triggerContent ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          effectivePrefix,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: closedLabel || placeholder })
+        ] }),
+        className: props.triggerClassName,
+        disabled,
+        open,
+        listId,
+        ariaLabel,
+        title: props.title,
+        onToggle: () => open ? commitAndClose() : openMenu()
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
       ComboboxControl.ComboboxControl,
       {
         anchorRef,
@@ -396,6 +429,19 @@ function Combobox(props) {
         filtered,
         floatingZ,
         footer,
+        ariaLabel,
+        header: menuSearch ? /* @__PURE__ */ jsxRuntime.jsx(
+          ComboboxMenuTrigger.ComboboxMenuSearch,
+          {
+            inputRef,
+            value: query,
+            ariaLabel,
+            listId,
+            highlighted,
+            onChange: setQuery,
+            onKeyDown
+          }
+        ) : void 0,
         hasOptions: options.length > 0,
         highlighted,
         isSelected,

package/dist/components/Combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxControl } from \"./ComboboxControl\";\nimport {\n  useComboboxLabelWidth,\n  useComboboxMenuPosition,\n} from \"./useComboboxLayout\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  createComboboxCustomEntry,\n  multipleComboboxLabel,\n  splitOnComboboxSeparators,\n  withSelectedComboboxOptions,\n} from \"../lib/combobox-values\";\n\nexport type {\n  ComboboxMultiProps,\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxSingleProps,\n  ComboboxTriStateMode,\n  ComboboxTriStateProps,\n} from \"./combobox-types\";\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder,\n    label,\n    ariaLabel: ariaLabelProp,\n    disabled,\n    required,\n    invalid,\n    ariaRequired,\n    describedBy,\n    allowCustomValue = true,\n    onNew,\n    onCreate,\n    id,\n    size,\n    className,\n    loading,\n    onSearch,\n    onKeyDown: onKeyDownProp,\n    suffix,\n    prefix,\n    footer,\n  } = props;\n  const multiple = props.multiple === true;\n  const tristate = props.multiple === true && props.tristate === true;\n  const tags = props.multiple === true && props.variant === \"tags\";\n  const separators =\n    props.multiple === true && props.tristate !== true\n      ? (props.separators ?? [])\n      : [];\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () =>\n      props.multiple === true && props.tristate === true ? props.value : {},\n    [props.multiple, props.tristate, props.value],\n  );\n  const selectedValues = useMemo<string[]>(() => {\n    if (props.multiple === true && props.tristate === true)\n      return Object.keys(props.value);\n    if (props.multiple === true) return props.value;\n    return props.value ? [props.value] : [];\n  }, [props.multiple, props.tristate, props.value]);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [open, setOpen] = useState(false);\n  const floatingZ = useFloatingZIndex();\n  const menuPos = useComboboxMenuPosition(open, anchorRef, listRef);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const labelWidth = useComboboxLabelWidth(label, labelRef);\n\n  const isSelected = (optValue: string) => selectedValues.includes(optValue);\n  const selectedOption = useMemo(() => {\n    if (multiple) return undefined;\n    const selected = selectedValues[0];\n    if (!selected) return undefined;\n    return (\n      options.find((option) => option.value === selected) ??\n      (allowCustomValue ? (onNew?.(selected) ?? undefined) : undefined)\n    );\n  }, [allowCustomValue, multiple, onNew, options, selectedValues]);\n\n  const closedLabel = useMemo(() => {\n    if (tristate) {\n      const values = Object.values(modes);\n      const includes = values.filter((mode) => mode === \"include\").length;\n      const excludes = values.length - includes;\n      return [includes > 0 && `+${includes}`, excludes > 0 && `-${excludes}`]\n        .filter(Boolean)\n        .join(\" \");\n    }\n    if (multiple) {\n      return multipleComboboxLabel(options, selectedValues);\n    }\n    const single = selectedValues[0] ?? \"\";\n    return selectedOption?.selectedLabel ?? selectedOption?.label ?? single;\n  }, [tristate, modes, multiple, options, selectedOption, selectedValues]);\n\n  const effectivePrefix =\n    prefix ??\n    (selectedOption?.icon != null ? (\n      <LabelIcon icon={selectedOption.icon} className=\"size-4\" />\n    ) : null);\n\n  const displayValue = tags ? query : open ? query : closedLabel;\n\n  const filtered = useMemo(() => {\n    if (onSearch) return withSelectedComboboxOptions(options, selectedValues);\n    const q = query.toLowerCase().trim();\n    if (!q) return options;\n    return options.filter(\n      (o) =>\n        o.label.toLowerCase().includes(q) ||\n        o.description?.toLowerCase().includes(q) ||\n        o.value.toLowerCase().includes(q),\n    );\n  }, [onSearch, options, query, selectedValues]);\n\n  useEffect(() => {\n    if (!onSearch || !open) return;\n    const handle = setTimeout(() => onSearch(query.trim()), 250);\n    return () => clearTimeout(handle);\n  }, [onSearch, open, query]);\n\n  const trimmedQuery = query.trim();\n  const customEntry = useMemo<ComboboxOption | null>(\n    () =>\n      createComboboxCustomEntry({\n        allowCustomValue,\n        query: trimmedQuery,\n        multiple,\n        tristate,\n        onNew,\n        choices: options,\n        selectedValues,\n      }),\n    [\n      allowCustomValue,\n      multiple,\n      onNew,\n      options,\n      selectedValues,\n      trimmedQuery,\n      tristate,\n    ],\n  );\n  const navOptions = useMemo(\n    () => (customEntry ? [...filtered, customEntry] : filtered),\n    [filtered, customEntry],\n  );\n\n  useEffect(() => {\n    setHighlighted(-1);\n  }, [query]);\n  useEffect(() => {\n    if (highlighted >= navOptions.length) setHighlighted(-1);\n  }, [highlighted, navOptions.length]);\n\n  useEffect(() => {\n    if (!open) return;\n    // Dismiss when the pointer goes down, OR focus moves, anywhere outside the\n    // control and its portaled listbox — so clicking elsewhere in a dialog (the\n    // backdrop never intercepts a document-level listener) or tabbing to another\n    // field both close the menu. The listbox is portaled out of rootRef, so a\n    // click inside it would otherwise read as \"outside\" and close before select.\n    const onAway = (e: Event) => {\n      const target = e.target as Node;\n      if (\n        !rootRef.current?.contains(target) &&\n        !listRef.current?.contains(target)\n      ) {\n        commitAndClose();\n      }\n    };\n    document.addEventListener(\"mousedown\", onAway);\n    document.addEventListener(\"focusin\", onAway);\n    return () => {\n      document.removeEventListener(\"mousedown\", onAway);\n      document.removeEventListener(\"focusin\", onAway);\n    };\n  });\n\n  function emit(next: string[]) {\n    if (props.multiple === true && props.tristate !== true) {\n      props.onChange(next);\n    } else if (props.multiple !== true) {\n      props.onChange(next[0] ?? \"\");\n    }\n  }\n\n  function emitModes(next: Record<string, ComboboxTriStateMode>) {\n    if (props.multiple === true && props.tristate === true)\n      props.onChange(next);\n  }\n\n  function setMode(value: string, mode: string) {\n    const next = { ...modes };\n    if (mode === \"include\" || mode === \"exclude\") next[value] = mode;\n    else delete next[value];\n    emitModes(next);\n  }\n\n  function cycleOption(value: string) {\n    const current = modes[value];\n    setMode(\n      value,\n      current === undefined\n        ? \"include\"\n        : current === \"include\"\n          ? \"exclude\"\n          : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n  function createOptionValue(option: ComboboxOption): string | null {\n    return onCreate ? onCreate(option) : option.value;\n  }\n  function emitCustomValue(value: string) {\n    if (tristate) {\n      setMode(value, \"include\");\n      return;\n    }\n    if (multiple) {\n      if (!selectedValues.includes(value)) emit([...selectedValues, value]);\n      return;\n    }\n    emit([value]);\n  }\n\n  // Adds several values at once (a separator key commits one, a paste commits\n  // many). Batched deliberately: emitCustomValue per token would each read the\n  // same stale selectedValues, so only the last would survive.\n  function addValues(raw: string[]) {\n    const next = [...selectedValues];\n    for (const entry of raw) {\n      const trimmed = entry.trim();\n      if (!trimmed || next.includes(trimmed)) continue;\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ??\n        onNew?.(trimmed) ?? { value: trimmed, label: trimmed };\n      const created = existing ? existing.value : createOptionValue(candidate);\n      if (created !== null && !next.includes(created)) next.push(created);\n    }\n    if (next.length !== selectedValues.length) emit(next);\n    setQuery(\"\");\n    setHighlighted(-1);\n  }\n\n  // A pasted list arrives as one string; without this it would land as a single\n  // nonsense tag reading \"80, 443\".\n  function onPaste(e: ClipboardEvent<HTMLInputElement>) {\n    if (!tags || !allowCustomValue || separators.length === 0) return;\n    const text = e.clipboardData.getData(\"text\");\n    const parts = splitOnComboboxSeparators(text, separators);\n    if (parts.length < 2) return;\n    e.preventDefault();\n    addValues(parts);\n  }\n\n  function commitAndClose() {\n    const trimmed = query.trim();\n    if (customEntry) {\n      const created = createOptionValue(customEntry);\n      if (created !== null) emitCustomValue(created);\n    } else if (\n      !multiple &&\n      allowCustomValue &&\n      trimmed &&\n      trimmed !== selectedValues[0]\n    ) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate =\n        existing ??\n        (onNew\n          ? onNew(trimmed)\n          : {\n              value: trimmed,\n              label: trimmed,\n            });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : createOptionValue(candidate)\n        : null;\n      if (created !== null) emit([created]);\n    }\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n  }\n\n  function selectOption(opt: ComboboxOption) {\n    if (opt === customEntry) {\n      const created = createOptionValue(opt);\n      if (created !== null) emitCustomValue(created);\n      setQuery(\"\");\n      setHighlighted(-1);\n      if (!multiple) {\n        setOpen(false);\n      }\n      inputRef.current?.focus();\n      return;\n    }\n    if (tristate) {\n      cycleOption(opt.value);\n      inputRef.current?.focus();\n      return;\n    }\n    if (multiple) {\n      const next = isSelected(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value];\n      emit(next);\n      setHighlighted(-1);\n      inputRef.current?.focus();\n      return;\n    }\n    emit([opt.value]);\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n    inputRef.current?.focus();\n  }\n\n  function clear() {\n    if (selectedValues.length > 0) {\n      if (tristate) emitModes({});\n      else emit([]);\n    }\n    setQuery(\"\");\n    setHighlighted(-1);\n    inputRef.current?.focus();\n    setOpen(false);\n  }\n\n  // A tristate pill is removed by returning its value to neutral — there is no\n  // separate \"selected\" list to splice, the mode record IS the selection.\n  function removeTag(value: string) {\n    if (tristate) setMode(value, \"neutral\");\n    else emit(selectedValues.filter((selected) => selected !== value));\n    inputRef.current?.focus();\n  }\n\n  function scrollToHighlighted(index: number) {\n    const list = listRef.current;\n    if (!list) return;\n    const item = list.querySelectorAll<HTMLElement>('[role=\"option\"]')[index];\n    item?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    if (tags && allowCustomValue && separators.includes(e.key)) {\n      e.preventDefault();\n      addValues([query]);\n      return;\n    }\n    if (\n      tags &&\n      e.key === \"Backspace\" &&\n      query === \"\" &&\n      selectedValues.length > 0\n    ) {\n      e.preventDefault();\n      const last = selectedValues[selectedValues.length - 1];\n      if (tristate) {\n        if (last) setMode(last, \"neutral\");\n      } else {\n        emit(selectedValues.slice(0, -1));\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        openMenu();\n        return;\n      }\n      const next = highlighted < navOptions.length - 1 ? highlighted + 1 : 0;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (!open) return;\n      const next = highlighted > 0 ? highlighted - 1 : navOptions.length - 1;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"Enter\") {\n      if (\n        open &&\n        highlighted >= 0 &&\n        navOptions[highlighted] &&\n        !navOptions[highlighted].disabled\n      ) {\n        e.preventDefault();\n        selectOption(navOptions[highlighted]);\n        return;\n      }\n      if (open && multiple && customEntry) {\n        e.preventDefault();\n        selectOption(customEntry);\n        return;\n      }\n      commitAndClose();\n      onKeyDownProp?.(e);\n    } else if (e.key === \"Escape\") {\n      if (open) {\n        e.preventDefault();\n        setQuery(\"\");\n        setOpen(false);\n        setHighlighted(-1);\n      }\n    } else {\n      onKeyDownProp?.(e);\n    }\n  }\n\n  const listId = id ? `${id}-listbox` : undefined;\n  const ariaLabel =\n    ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear =\n    !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      <ComboboxControl\n        anchorRef={anchorRef}\n        ariaLabel={ariaLabel}\n        ariaRequired={ariaRequired}\n        closedLabel={closedLabel}\n        describedBy={describedBy}\n        disabled={disabled}\n        displayValue={displayValue}\n        effectivePrefix={effectivePrefix}\n        highlighted={highlighted}\n        id={id}\n        inputRef={inputRef}\n        invalid={invalid}\n        label={label}\n        labelRef={labelRef}\n        labelWidth={labelWidth}\n        listId={listId}\n        loading={loading}\n        onClear={clear}\n        onInput={(value) => {\n          setQuery(value);\n          if (!open) setOpen(true);\n        }}\n        onKeyDown={onKeyDown}\n        onOpen={openMenu}\n        onPaste={onPaste}\n        onRemoveTag={removeTag}\n        onToggle={() => {\n          if (open) {\n            commitAndClose();\n          } else {\n            openMenu();\n            inputRef.current?.focus();\n          }\n        }}\n        open={open}\n        options={options}\n        placeholder={placeholder}\n        showClear={showClear}\n        size={size}\n        suffix={suffix}\n        tagModes={tristate ? modes : undefined}\n        onSetTagMode={setMode}\n        tagValues={selectedValues}\n        tags={tags}\n      />\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          hasOptions={options.length > 0}\n          highlighted={highlighted}\n          isSelected={isSelected}\n          listId={listId}\n          listRef={listRef}\n          loading={loading}\n          menuPos={menuPos}\n          modes={modes}\n          multiple={multiple}\n          onHighlight={setHighlighted}\n          onSelect={selectOption}\n          onSetMode={setMode}\n          tristate={tristate}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useMemo","useRef","useState","useFloatingZIndex","useComboboxMenuPosition","useComboboxLabelWidth","multipleComboboxLabel","jsx","LabelIcon","withSelectedComboboxOptions","useEffect","createComboboxCustomEntry","splitOnComboboxSeparators","jsxs","cn","ComboboxControl","ComboboxMenu"],"mappings":";;;;;;;;;;;AAsCO,SAAS,SAAS,OAAsB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,WAAW,MAAM,aAAa;AACpC,QAAM,WAAW,MAAM,aAAa,QAAQ,MAAM,aAAa;AAC/D,QAAM,OAAO,MAAM,aAAa,QAAQ,MAAM,YAAY;AAC1D,QAAM,aACJ,MAAM,aAAa,QAAQ,MAAM,aAAa,OACzC,MAAM,cAAc,CAAA,IACrB,CAAA;AACN,QAAM,QAAQA,MAAAA;AAAAA,IACZ,MACE,MAAM,aAAa,QAAQ,MAAM,aAAa,OAAO,MAAM,QAAQ,CAAA;AAAA,IACrE,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,KAAK;AAAA,EAAA;AAE9C,QAAM,iBAAiBA,MAAAA,QAAkB,MAAM;AAC7C,QAAI,MAAM,aAAa,QAAQ,MAAM,aAAa;AAChD,aAAO,OAAO,KAAK,MAAM,KAAK;AAChC,QAAI,MAAM,aAAa,KAAM,QAAO,MAAM;AAC1C,WAAO,MAAM,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAA;AAAA,EACvC,GAAG,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,KAAK,CAAC;AAEhD,QAAM,UAAUC,MAAAA,OAAuB,IAAI;AAC3C,QAAM,YAAYA,MAAAA,OAAuB,IAAI;AAC7C,QAAM,WAAWA,MAAAA,OAAyB,IAAI;AAC9C,QAAM,UAAUA,MAAAA,OAAuB,IAAI;AAC3C,QAAM,WAAWA,MAAAA,OAAwB,IAAI;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AACtC,QAAM,YAAYC,WAAAA,kBAAA;AAClB,QAAM,UAAUC,kBAAAA,wBAAwB,MAAM,WAAW,OAAO;AAChE,QAAM,CAAC,OAAO,QAAQ,IAAIF,MAAAA,SAAS,EAAE;AACrC,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAS,EAAE;AACjD,QAAM,aAAaG,kBAAAA,sBAAsB,OAAO,QAAQ;AAExD,QAAM,aAAa,CAAC,aAAqB,eAAe,SAAS,QAAQ;AACzE,QAAM,iBAAiBL,MAAAA,QAAQ,MAAM;AACnC,QAAI,SAAU,QAAO;AACrB,UAAM,WAAW,eAAe,CAAC;AACjC,QAAI,CAAC,SAAU,QAAO;AACtB,WACE,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,QAAQ,MACjD,oBAAoB,+BAAQ,cAAa,SAAa;AAAA,EAE3D,GAAG,CAAC,kBAAkB,UAAU,OAAO,SAAS,cAAc,CAAC;AAE/D,QAAM,cAAcA,MAAAA,QAAQ,MAAM;AAChC,QAAI,UAAU;AACZ,YAAM,SAAS,OAAO,OAAO,KAAK;AAClC,YAAM,WAAW,OAAO,OAAO,CAAC,SAAS,SAAS,SAAS,EAAE;AAC7D,YAAM,WAAW,OAAO,SAAS;AACjC,aAAO,CAAC,WAAW,KAAK,IAAI,QAAQ,IAAI,WAAW,KAAK,IAAI,QAAQ,EAAE,EACnE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACb;AACA,QAAI,UAAU;AACZ,aAAOM,eAAAA,sBAAsB,SAAS,cAAc;AAAA,IACtD;AACA,UAAM,SAAS,eAAe,CAAC,KAAK;AACpC,YAAO,iDAAgB,mBAAiB,iDAAgB,UAAS;AAAA,EACnE,GAAG,CAAC,UAAU,OAAO,UAAU,SAAS,gBAAgB,cAAc,CAAC;AAEvE,QAAM,kBACJ,YACC,iDAAgB,SAAQ,OACvBC,2BAAAA,IAACC,KAAAA,WAAA,EAAU,MAAM,eAAe,MAAM,WAAU,SAAA,CAAS,IACvD;AAEN,QAAM,eAAe,OAAO,QAAQ,OAAO,QAAQ;AAEnD,QAAM,WAAWR,MAAAA,QAAQ,MAAM;AAC7B,QAAI,SAAU,QAAOS,2CAA4B,SAAS,cAAc;AACxE,UAAM,IAAI,MAAM,YAAA,EAAc,KAAA;AAC9B,QAAI,CAAC,EAAG,QAAO;AACf,WAAO,QAAQ;AAAA,MACb,CAAC;;AACC,iBAAE,MAAM,cAAc,SAAS,CAAC,OAChC,OAAE,gBAAF,mBAAe,cAAc,SAAS,OACtC,EAAE,MAAM,YAAA,EAAc,SAAS,CAAC;AAAA;AAAA,IAAA;AAAA,EAEtC,GAAG,CAAC,UAAU,SAAS,OAAO,cAAc,CAAC;AAE7CC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,YAAY,CAAC,KAAM;AACxB,UAAM,SAAS,WAAW,MAAM,SAAS,MAAM,KAAA,CAAM,GAAG,GAAG;AAC3D,WAAO,MAAM,aAAa,MAAM;AAAA,EAClC,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAE1B,QAAM,eAAe,MAAM,KAAA;AAC3B,QAAM,cAAcV,MAAAA;AAAAA,IAClB,MACEW,yCAA0B;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEF,QAAM,aAAaX,MAAAA;AAAAA,IACjB,MAAO,cAAc,CAAC,GAAG,UAAU,WAAW,IAAI;AAAA,IAClD,CAAC,UAAU,WAAW;AAAA,EAAA;AAGxBU,QAAAA,UAAU,MAAM;AACd,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,KAAK,CAAC;AACVA,QAAAA,UAAU,MAAM;AACd,QAAI,eAAe,WAAW,OAAQ,gBAAe,EAAE;AAAA,EACzD,GAAG,CAAC,aAAa,WAAW,MAAM,CAAC;AAEnCA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,KAAM;AAMX,UAAM,SAAS,CAAC,MAAa;;AAC3B,YAAM,SAAS,EAAE;AACjB,UACE,GAAC,aAAQ,YAAR,mBAAiB,SAAS,YAC3B,GAAC,aAAQ,YAAR,mBAAiB,SAAS,UAC3B;AACA,uBAAA;AAAA,MACF;AAAA,IACF;AACA,aAAS,iBAAiB,aAAa,MAAM;AAC7C,aAAS,iBAAiB,WAAW,MAAM;AAC3C,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,MAAM;AAChD,eAAS,oBAAoB,WAAW,MAAM;AAAA,IAChD;AAAA,EACF,CAAC;AAED,WAAS,KAAK,MAAgB;AAC5B,QAAI,MAAM,aAAa,QAAQ,MAAM,aAAa,MAAM;AACtD,YAAM,SAAS,IAAI;AAAA,IACrB,WAAW,MAAM,aAAa,MAAM;AAClC,YAAM,SAAS,KAAK,CAAC,KAAK,EAAE;AAAA,IAC9B;AAAA,EACF;AAEA,WAAS,UAAU,MAA4C;AAC7D,QAAI,MAAM,aAAa,QAAQ,MAAM,aAAa;AAChD,YAAM,SAAS,IAAI;AAAA,EACvB;AAEA,WAAS,QAAQ,OAAe,MAAc;AAC5C,UAAM,OAAO,EAAE,GAAG,MAAA;AAClB,QAAI,SAAS,aAAa,SAAS,UAAW,MAAK,KAAK,IAAI;AAAA,QACvD,QAAO,KAAK,KAAK;AACtB,cAAU,IAAI;AAAA,EAChB;AAEA,WAAS,YAAY,OAAe;AAClC,UAAM,UAAU,MAAM,KAAK;AAC3B;AAAA,MACE;AAAA,MACA,YAAY,SACR,YACA,YAAY,YACV,YACA;AAAA,IAAA;AAAA,EAEV;AAEA,WAAS,WAAW;AAClB,QAAI,KAAM;AACV,aAAS,EAAE;AACX,mBAAe,EAAE;AACjB,YAAQ,IAAI;AAAA,EACd;AACA,WAAS,kBAAkB,QAAuC;AAChE,WAAO,WAAW,SAAS,MAAM,IAAI,OAAO;AAAA,EAC9C;AACA,WAAS,gBAAgB,OAAe;AACtC,QAAI,UAAU;AACZ,cAAQ,OAAO,SAAS;AACxB;AAAA,IACF;AACA,QAAI,UAAU;AACZ,UAAI,CAAC,eAAe,SAAS,KAAK,QAAQ,CAAC,GAAG,gBAAgB,KAAK,CAAC;AACpE;AAAA,IACF;AACA,SAAK,CAAC,KAAK,CAAC;AAAA,EACd;AAKA,WAAS,UAAU,KAAe;AAChC,UAAM,OAAO,CAAC,GAAG,cAAc;AAC/B,eAAW,SAAS,KAAK;AACvB,YAAM,UAAU,MAAM,KAAA;AACtB,UAAI,CAAC,WAAW,KAAK,SAAS,OAAO,EAAG;AACxC,YAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,OAAO;AAClE,YAAM,YAAY,aAChB,+BAAQ,aAAY,EAAE,OAAO,SAAS,OAAO,QAAA;AAC/C,YAAM,UAAU,WAAW,SAAS,QAAQ,kBAAkB,SAAS;AACvE,UAAI,YAAY,QAAQ,CAAC,KAAK,SAAS,OAAO,EAAG,MAAK,KAAK,OAAO;AAAA,IACpE;AACA,QAAI,KAAK,WAAW,eAAe,aAAa,IAAI;AACpD,aAAS,EAAE;AACX,mBAAe,EAAE;AAAA,EACnB;AAIA,WAAS,QAAQ,GAAqC;AACpD,QAAI,CAAC,QAAQ,CAAC,oBAAoB,WAAW,WAAW,EAAG;AAC3D,UAAM,OAAO,EAAE,cAAc,QAAQ,MAAM;AAC3C,UAAM,QAAQE,eAAAA,0BAA0B,MAAM,UAAU;AACxD,QAAI,MAAM,SAAS,EAAG;AACtB,MAAE,eAAA;AACF,cAAU,KAAK;AAAA,EACjB;AAEA,WAAS,iBAAiB;AACxB,UAAM,UAAU,MAAM,KAAA;AACtB,QAAI,aAAa;AACf,YAAM,UAAU,kBAAkB,WAAW;AAC7C,UAAI,YAAY,KAAM,iBAAgB,OAAO;AAAA,IAC/C,WACE,CAAC,YACD,oBACA,WACA,YAAY,eAAe,CAAC,GAC5B;AACA,YAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,OAAO;AAClE,YAAM,YACJ,aACC,QACG,MAAM,OAAO,IACb;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAEf,YAAM,UAAU,YACZ,WACE,SAAS,QACT,kBAAkB,SAAS,IAC7B;AACJ,UAAI,YAAY,KAAM,MAAK,CAAC,OAAO,CAAC;AAAA,IACtC;AACA,aAAS,EAAE;AACX,YAAQ,KAAK;AACb,mBAAe,EAAE;AAAA,EACnB;AAEA,WAAS,aAAa,KAAqB;;AACzC,QAAI,QAAQ,aAAa;AACvB,YAAM,UAAU,kBAAkB,GAAG;AACrC,UAAI,YAAY,KAAM,iBAAgB,OAAO;AAC7C,eAAS,EAAE;AACX,qBAAe,EAAE;AACjB,UAAI,CAAC,UAAU;AACb,gBAAQ,KAAK;AAAA,MACf;AACA,qBAAS,YAAT,mBAAkB;AAClB;AAAA,IACF;AACA,QAAI,UAAU;AACZ,kBAAY,IAAI,KAAK;AACrB,qBAAS,YAAT,mBAAkB;AAClB;AAAA,IACF;AACA,QAAI,UAAU;AACZ,YAAM,OAAO,WAAW,IAAI,KAAK,IAC7B,eAAe,OAAO,CAAC,MAAM,MAAM,IAAI,KAAK,IAC5C,CAAC,GAAG,gBAAgB,IAAI,KAAK;AACjC,WAAK,IAAI;AACT,qBAAe,EAAE;AACjB,qBAAS,YAAT,mBAAkB;AAClB;AAAA,IACF;AACA,SAAK,CAAC,IAAI,KAAK,CAAC;AAChB,aAAS,EAAE;AACX,YAAQ,KAAK;AACb,mBAAe,EAAE;AACjB,mBAAS,YAAT,mBAAkB;AAAA,EACpB;AAEA,WAAS,QAAQ;;AACf,QAAI,eAAe,SAAS,GAAG;AAC7B,UAAI,SAAU,WAAU,EAAE;AAAA,UACrB,MAAK,CAAA,CAAE;AAAA,IACd;AACA,aAAS,EAAE;AACX,mBAAe,EAAE;AACjB,mBAAS,YAAT,mBAAkB;AAClB,YAAQ,KAAK;AAAA,EACf;AAIA,WAAS,UAAU,OAAe;;AAChC,QAAI,SAAU,SAAQ,OAAO,SAAS;AAAA,cAC5B,eAAe,OAAO,CAAC,aAAa,aAAa,KAAK,CAAC;AACjE,mBAAS,YAAT,mBAAkB;AAAA,EACpB;AAEA,WAAS,oBAAoB,OAAe;;AAC1C,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,KAAK,iBAA8B,iBAAiB,EAAE,KAAK;AACxE,uCAAM,mBAAN,8BAAuB,EAAE,OAAO,UAAA;AAAA,EAClC;AAEA,WAAS,UAAU,GAAoC;AACrD,QAAI,QAAQ,oBAAoB,WAAW,SAAS,EAAE,GAAG,GAAG;AAC1D,QAAE,eAAA;AACF,gBAAU,CAAC,KAAK,CAAC;AACjB;AAAA,IACF;AACA,QACE,QACA,EAAE,QAAQ,eACV,UAAU,MACV,eAAe,SAAS,GACxB;AACA,QAAE,eAAA;AACF,YAAM,OAAO,eAAe,eAAe,SAAS,CAAC;AACrD,UAAI,UAAU;AACZ,YAAI,KAAM,SAAQ,MAAM,SAAS;AAAA,MACnC,OAAO;AACL,aAAK,eAAe,MAAM,GAAG,EAAE,CAAC;AAAA,MAClC;AAAA,IACF,WAAW,EAAE,QAAQ,aAAa;AAChC,QAAE,eAAA;AACF,UAAI,CAAC,MAAM;AACT,iBAAA;AACA;AAAA,MACF;AACA,YAAM,OAAO,cAAc,WAAW,SAAS,IAAI,cAAc,IAAI;AACrE,qBAAe,IAAI;AACnB,0BAAoB,IAAI;AAAA,IAC1B,WAAW,EAAE,QAAQ,WAAW;AAC9B,QAAE,eAAA;AACF,UAAI,CAAC,KAAM;AACX,YAAM,OAAO,cAAc,IAAI,cAAc,IAAI,WAAW,SAAS;AACrE,qBAAe,IAAI;AACnB,0BAAoB,IAAI;AAAA,IAC1B,WAAW,EAAE,QAAQ,SAAS;AAC5B,UACE,QACA,eAAe,KACf,WAAW,WAAW,KACtB,CAAC,WAAW,WAAW,EAAE,UACzB;AACA,UAAE,eAAA;AACF,qBAAa,WAAW,WAAW,CAAC;AACpC;AAAA,MACF;AACA,UAAI,QAAQ,YAAY,aAAa;AACnC,UAAE,eAAA;AACF,qBAAa,WAAW;AACxB;AAAA,MACF;AACA,qBAAA;AACA,qDAAgB;AAAA,IAClB,WAAW,EAAE,QAAQ,UAAU;AAC7B,UAAI,MAAM;AACR,UAAE,eAAA;AACF,iBAAS,EAAE;AACX,gBAAQ,KAAK;AACb,uBAAe,EAAE;AAAA,MACnB;AAAA,IACF,OAAO;AACL,qDAAgB;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,SAAS,KAAK,GAAG,EAAE,aAAa;AACtC,QAAM,YACJ,kBAAkB,OAAO,UAAU,WAAW,QAAQ;AACxD,QAAM,YACJ,CAAC,YAAY,CAAC,WAAW,CAAC,YAAY,eAAe,SAAS;AAEhE,SACEC,gCAAC,SAAI,KAAK,SAAS,WAAWC,MAAAA,GAAG,YAAY,SAAS,GACpD,UAAA;AAAA,IAAAP,2BAAAA;AAAAA,MAACQ,gBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,SAAS,CAAC,UAAU;AAClB,mBAAS,KAAK;AACd,cAAI,CAAC,KAAM,SAAQ,IAAI;AAAA,QACzB;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA,aAAa;AAAA,QACb,UAAU,MAAM;;AACd,cAAI,MAAM;AACR,2BAAA;AAAA,UACF,OAAO;AACL,qBAAA;AACA,2BAAS,YAAT,mBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,WAAW,QAAQ;AAAA,QAC7B,cAAc;AAAA,QACd,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,QAAQ,WAAW,OAAO,aAAa,eACtCR,2BAAAA;AAAAA,MAACS,aAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,QAAQ,SAAS;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;;"}
+{"version":3,"file":"Combobox.cjs","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { LabelIcon } from \"../data/Icon\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { ComboboxControl } from \"./ComboboxControl\";\nimport { ComboboxMenuSearch, ComboboxMenuTrigger } from \"./ComboboxMenuTrigger\";\nimport {\n  useComboboxLabelWidth,\n  useComboboxMenuPosition,\n} from \"./useComboboxLayout\";\nimport { ComboboxMenu } from \"./ComboboxMenu\";\nimport type {\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport {\n  createComboboxCustomEntry,\n  multipleComboboxLabel,\n  splitOnComboboxSeparators,\n  withSelectedComboboxOptions,\n} from \"../lib/combobox-values\";\n\nexport type {\n  ComboboxMultiProps,\n  ComboboxOption,\n  ComboboxProps,\n  ComboboxSingleProps,\n  ComboboxTriStateMode,\n  ComboboxTriStateProps,\n} from \"./combobox-types\";\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder,\n    label,\n    ariaLabel: ariaLabelProp,\n    disabled,\n    required,\n    invalid,\n    ariaRequired,\n    describedBy,\n    allowCustomValue = true,\n    onNew,\n    onCreate,\n    id,\n    size,\n    className,\n    loading,\n    onSearch,\n    onKeyDown: onKeyDownProp,\n    suffix,\n    prefix,\n    footer,\n  } = props;\n  const multiple = props.multiple === true;\n  const menuSearch = !multiple && props.searchPlacement === \"menu\";\n  const generatedId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const tristate = props.multiple === true && props.tristate === true;\n  const tags = props.multiple === true && props.variant === \"tags\";\n  const separators =\n    props.multiple === true && props.tristate !== true\n      ? (props.separators ?? [])\n      : [];\n  const modes = useMemo<Record<string, ComboboxTriStateMode>>(\n    () =>\n      props.multiple === true && props.tristate === true ? props.value : {},\n    [props.multiple, props.tristate, props.value],\n  );\n  const selectedValues = useMemo<string[]>(() => {\n    if (props.multiple === true && props.tristate === true)\n      return Object.keys(props.value);\n    if (props.multiple === true) return props.value;\n    return props.value ? [props.value] : [];\n  }, [props.multiple, props.tristate, props.value]);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [open, setOpen] = useState(false);\n  const floatingZ = useFloatingZIndex();\n  const menuPos = useComboboxMenuPosition(open, anchorRef, listRef);\n  const [query, setQuery] = useState(\"\");\n  const [highlighted, setHighlighted] = useState(-1);\n  const labelWidth = useComboboxLabelWidth(label, labelRef);\n\n  const isSelected = (optValue: string) => selectedValues.includes(optValue);\n  const selectedOption = useMemo(() => {\n    if (multiple) return undefined;\n    const selected = selectedValues[0];\n    if (!selected) return undefined;\n    return (\n      options.find((option) => option.value === selected) ??\n      (allowCustomValue ? (onNew?.(selected) ?? undefined) : undefined)\n    );\n  }, [allowCustomValue, multiple, onNew, options, selectedValues]);\n\n  const closedLabel = useMemo(() => {\n    if (tristate) {\n      const values = Object.values(modes);\n      const includes = values.filter((mode) => mode === \"include\").length;\n      const excludes = values.length - includes;\n      return [includes > 0 && `+${includes}`, excludes > 0 && `-${excludes}`]\n        .filter(Boolean)\n        .join(\" \");\n    }\n    if (multiple) {\n      return multipleComboboxLabel(options, selectedValues);\n    }\n    const single = selectedValues[0] ?? \"\";\n    return selectedOption?.selectedLabel ?? selectedOption?.label ?? single;\n  }, [tristate, modes, multiple, options, selectedOption, selectedValues]);\n\n  const effectivePrefix =\n    prefix ??\n    (selectedOption?.icon != null ? (\n      <LabelIcon icon={selectedOption.icon} className=\"size-4\" />\n    ) : null);\n\n  const displayValue = tags ? query : open ? query : closedLabel;\n\n  const filtered = useMemo(() => {\n    if (onSearch) return withSelectedComboboxOptions(options, selectedValues);\n    const q = query.toLowerCase().trim();\n    if (!q) return options;\n    return options.filter(\n      (o) =>\n        o.label.toLowerCase().includes(q) ||\n        o.description?.toLowerCase().includes(q) ||\n        o.group?.toLowerCase().includes(q) ||\n        o.value.toLowerCase().includes(q),\n    );\n  }, [onSearch, options, query, selectedValues]);\n\n  useEffect(() => {\n    if (!onSearch || !open) return;\n    const handle = setTimeout(() => onSearch(query.trim()), 250);\n    return () => clearTimeout(handle);\n  }, [onSearch, open, query]);\n\n  const trimmedQuery = query.trim();\n  const customEntry = useMemo<ComboboxOption | null>(\n    () =>\n      menuSearch && filtered.length > 0\n        ? null\n        : createComboboxCustomEntry({\n            allowCustomValue,\n            query: trimmedQuery,\n            multiple,\n            tristate,\n            onNew,\n            choices: options,\n            selectedValues,\n          }),\n    [\n      allowCustomValue,\n      menuSearch,\n      filtered.length,\n      multiple,\n      onNew,\n      options,\n      selectedValues,\n      trimmedQuery,\n      tristate,\n    ],\n  );\n  const navOptions = useMemo(\n    () => (customEntry ? [...filtered, customEntry] : filtered),\n    [filtered, customEntry],\n  );\n\n  useEffect(() => {\n    setHighlighted(-1);\n  }, [query]);\n  useEffect(() => {\n    if (highlighted >= navOptions.length) setHighlighted(-1);\n  }, [highlighted, navOptions.length]);\n\n  useEffect(() => {\n    if (!open) return;\n    // Dismiss when the pointer goes down, OR focus moves, anywhere outside the\n    // control and its portaled listbox — so clicking elsewhere in a dialog (the\n    // backdrop never intercepts a document-level listener) or tabbing to another\n    // field both close the menu. The listbox is portaled out of rootRef, so a\n    // click inside it would otherwise read as \"outside\" and close before select.\n    const onAway = (e: Event) => {\n      const target = e.target as Node;\n      if (\n        !rootRef.current?.contains(target) &&\n        !listRef.current?.contains(target)\n      ) {\n        commitAndClose();\n      }\n    };\n    document.addEventListener(\"mousedown\", onAway);\n    document.addEventListener(\"focusin\", onAway);\n    return () => {\n      document.removeEventListener(\"mousedown\", onAway);\n      document.removeEventListener(\"focusin\", onAway);\n    };\n  });\n\n  function emit(next: string[]) {\n    if (props.multiple === true && props.tristate !== true) {\n      props.onChange(next);\n    } else if (props.multiple !== true) {\n      props.onChange(next[0] ?? \"\");\n    }\n  }\n\n  function emitModes(next: Record<string, ComboboxTriStateMode>) {\n    if (props.multiple === true && props.tristate === true)\n      props.onChange(next);\n  }\n\n  function setMode(value: string, mode: string) {\n    const next = { ...modes };\n    if (mode === \"include\" || mode === \"exclude\") next[value] = mode;\n    else delete next[value];\n    emitModes(next);\n  }\n\n  function cycleOption(value: string) {\n    const current = modes[value];\n    setMode(\n      value,\n      current === undefined\n        ? \"include\"\n        : current === \"include\"\n          ? \"exclude\"\n          : \"neutral\",\n    );\n  }\n\n  function openMenu() {\n    if (open) return;\n    setQuery(\"\");\n    setHighlighted(-1);\n    setOpen(true);\n  }\n  function createOptionValue(option: ComboboxOption): string | null {\n    return onCreate ? onCreate(option) : option.value;\n  }\n  function emitCustomValue(value: string) {\n    if (tristate) {\n      setMode(value, \"include\");\n      return;\n    }\n    if (multiple) {\n      if (!selectedValues.includes(value)) emit([...selectedValues, value]);\n      return;\n    }\n    emit([value]);\n  }\n\n  // Adds several values at once (a separator key commits one, a paste commits\n  // many). Batched deliberately: emitCustomValue per token would each read the\n  // same stale selectedValues, so only the last would survive.\n  function addValues(raw: string[]) {\n    const next = [...selectedValues];\n    for (const entry of raw) {\n      const trimmed = entry.trim();\n      if (!trimmed || next.includes(trimmed)) continue;\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate = existing ??\n        onNew?.(trimmed) ?? { value: trimmed, label: trimmed };\n      const created = existing ? existing.value : createOptionValue(candidate);\n      if (created !== null && !next.includes(created)) next.push(created);\n    }\n    if (next.length !== selectedValues.length) emit(next);\n    setQuery(\"\");\n    setHighlighted(-1);\n  }\n\n  // A pasted list arrives as one string; without this it would land as a single\n  // nonsense tag reading \"80, 443\".\n  function onPaste(e: ClipboardEvent<HTMLInputElement>) {\n    if (!tags || !allowCustomValue || separators.length === 0) return;\n    const text = e.clipboardData.getData(\"text\");\n    const parts = splitOnComboboxSeparators(text, separators);\n    if (parts.length < 2) return;\n    e.preventDefault();\n    addValues(parts);\n  }\n\n  function commitAndClose() {\n    if (menuSearch) {\n      setQuery(\"\");\n      setOpen(false);\n      setHighlighted(-1);\n      return;\n    }\n    const trimmed = query.trim();\n    if (customEntry) {\n      const created = createOptionValue(customEntry);\n      if (created !== null) emitCustomValue(created);\n    } else if (\n      !multiple &&\n      allowCustomValue &&\n      trimmed &&\n      trimmed !== selectedValues[0]\n    ) {\n      const existing = options.find((option) => option.value === trimmed);\n      const candidate =\n        existing ??\n        (onNew\n          ? onNew(trimmed)\n          : {\n              value: trimmed,\n              label: trimmed,\n            });\n      const created = candidate\n        ? existing\n          ? existing.value\n          : createOptionValue(candidate)\n        : null;\n      if (created !== null) emit([created]);\n    }\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n  }\n\n  function selectOption(opt: ComboboxOption) {\n    if (opt === customEntry) {\n      const created = createOptionValue(opt);\n      if (created !== null) emitCustomValue(created);\n      setQuery(\"\");\n      setHighlighted(-1);\n      if (!multiple) {\n        setOpen(false);\n      }\n      (menuSearch ? triggerRef : inputRef).current?.focus();\n      return;\n    }\n    if (tristate) {\n      cycleOption(opt.value);\n      inputRef.current?.focus();\n      return;\n    }\n    if (multiple) {\n      const next = isSelected(opt.value)\n        ? selectedValues.filter((v) => v !== opt.value)\n        : [...selectedValues, opt.value];\n      emit(next);\n      setHighlighted(-1);\n      inputRef.current?.focus();\n      return;\n    }\n    emit([opt.value]);\n    setQuery(\"\");\n    setOpen(false);\n    setHighlighted(-1);\n    (menuSearch ? triggerRef : inputRef).current?.focus();\n  }\n\n  function clear() {\n    if (selectedValues.length > 0) {\n      if (tristate) emitModes({});\n      else emit([]);\n    }\n    setQuery(\"\");\n    setHighlighted(-1);\n    inputRef.current?.focus();\n    setOpen(false);\n  }\n\n  // A tristate pill is removed by returning its value to neutral — there is no\n  // separate \"selected\" list to splice, the mode record IS the selection.\n  function removeTag(value: string) {\n    if (tristate) setMode(value, \"neutral\");\n    else emit(selectedValues.filter((selected) => selected !== value));\n    inputRef.current?.focus();\n  }\n\n  function scrollToHighlighted(index: number) {\n    const list = listRef.current;\n    if (!list) return;\n    const item = list.querySelectorAll<HTMLElement>('[role=\"option\"]')[index];\n    item?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n    if (tags && allowCustomValue && separators.includes(e.key)) {\n      e.preventDefault();\n      addValues([query]);\n      return;\n    }\n    if (\n      tags &&\n      e.key === \"Backspace\" &&\n      query === \"\" &&\n      selectedValues.length > 0\n    ) {\n      e.preventDefault();\n      const last = selectedValues[selectedValues.length - 1];\n      if (tristate) {\n        if (last) setMode(last, \"neutral\");\n      } else {\n        emit(selectedValues.slice(0, -1));\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        openMenu();\n        return;\n      }\n      const next = highlighted < navOptions.length - 1 ? highlighted + 1 : 0;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (!open) return;\n      const next = highlighted > 0 ? highlighted - 1 : navOptions.length - 1;\n      setHighlighted(next);\n      scrollToHighlighted(next);\n    } else if (e.key === \"Enter\") {\n      if (menuSearch) e.preventDefault();\n      if (\n        open &&\n        highlighted >= 0 &&\n        navOptions[highlighted] &&\n        !navOptions[highlighted].disabled\n      ) {\n        e.preventDefault();\n        selectOption(navOptions[highlighted]);\n        return;\n      }\n      if (open && (multiple || menuSearch) && customEntry) {\n        e.preventDefault();\n        selectOption(customEntry);\n        return;\n      }\n      commitAndClose();\n      onKeyDownProp?.(e);\n    } else if (e.key === \"Escape\") {\n      if (open) {\n        e.preventDefault();\n        if (menuSearch) e.stopPropagation();\n        setQuery(\"\");\n        setOpen(false);\n        setHighlighted(-1);\n        if (menuSearch) triggerRef.current?.focus();\n      }\n    } else {\n      onKeyDownProp?.(e);\n    }\n  }\n\n  const listId = `${id ?? generatedId}-listbox`;\n  const ariaLabel =\n    ariaLabelProp ?? (typeof label === \"string\" ? label : undefined);\n  const showClear =\n    !required && !loading && !disabled && selectedValues.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative\", className)}>\n      {menuSearch ? (\n        <ComboboxMenuTrigger\n          anchorRef={anchorRef}\n          triggerRef={triggerRef}\n          content={\n            props.triggerContent ?? (\n              <>\n                {effectivePrefix}\n                <span className=\"min-w-0 truncate\">\n                  {closedLabel || placeholder}\n                </span>\n              </>\n            )\n          }\n          className={props.triggerClassName}\n          disabled={disabled}\n          open={open}\n          listId={listId}\n          ariaLabel={ariaLabel}\n          title={props.title}\n          onToggle={() => (open ? commitAndClose() : openMenu())}\n        />\n      ) : (\n        <ComboboxControl\n          anchorRef={anchorRef}\n          ariaLabel={ariaLabel}\n          ariaRequired={ariaRequired}\n          closedLabel={closedLabel}\n          describedBy={describedBy}\n          disabled={disabled}\n          displayValue={displayValue}\n          effectivePrefix={effectivePrefix}\n          highlighted={highlighted}\n          id={id}\n          inputRef={inputRef}\n          invalid={invalid}\n          label={label}\n          labelRef={labelRef}\n          labelWidth={labelWidth}\n          listId={listId}\n          loading={loading}\n          onClear={clear}\n          onInput={(value) => {\n            setQuery(value);\n            if (!open) setOpen(true);\n          }}\n          onKeyDown={onKeyDown}\n          onOpen={openMenu}\n          onPaste={onPaste}\n          onRemoveTag={removeTag}\n          onToggle={() => {\n            if (open) {\n              commitAndClose();\n            } else {\n              openMenu();\n              inputRef.current?.focus();\n            }\n          }}\n          open={open}\n          options={options}\n          placeholder={placeholder}\n          showClear={showClear}\n          size={size}\n          suffix={suffix}\n          tagModes={tristate ? modes : undefined}\n          onSetTagMode={setMode}\n          tagValues={selectedValues}\n          tags={tags}\n        />\n      )}\n      {open && menuPos && typeof document !== \"undefined\" && (\n        <ComboboxMenu\n          customEntry={customEntry}\n          filtered={filtered}\n          floatingZ={floatingZ}\n          footer={footer}\n          ariaLabel={ariaLabel}\n          header={\n            menuSearch ? (\n              <ComboboxMenuSearch\n                inputRef={inputRef}\n                value={query}\n                ariaLabel={ariaLabel}\n                listId={listId}\n                highlighted={highlighted}\n                onChange={setQuery}\n                onKeyDown={onKeyDown}\n              />\n            ) : undefined\n          }\n          hasOptions={options.length > 0}\n          highlighted={highlighted}\n          isSelected={isSelected}\n          listId={listId}\n          listRef={listRef}\n          loading={loading}\n          menuPos={menuPos}\n          modes={modes}\n          multiple={multiple}\n          onHighlight={setHighlighted}\n          onSelect={selectOption}\n          onSetMode={setMode}\n          tristate={tristate}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["useId","useRef","useMemo","useState","useFloatingZIndex","useComboboxMenuPosition","useComboboxLabelWidth","multipleComboboxLabel","jsx","LabelIcon","withSelectedComboboxOptions","useEffect","createComboboxCustomEntry","splitOnComboboxSeparators","jsxs","cn","ComboboxMenuTrigger","Fragment","ComboboxControl","ComboboxMenu","ComboboxMenuSearch"],"mappings":"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"}

package/dist/components/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAQ1B,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAie5C"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAQ1B,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAwhB5C"}

package/dist/components/Combobox.js

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useState, useEffect } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useId, useRef, useMemo, useState, useEffect } from "react";
 import { cn } from "../lib/utils.js";
 import { LabelIcon } from "../data/Icon.js";
 import { useFloatingZIndex } from "../overlay/modalStack.js";
 import { ComboboxControl } from "./ComboboxControl.js";
+import { ComboboxMenuTrigger, ComboboxMenuSearch } from "./ComboboxMenuTrigger.js";
 import { useComboboxMenuPosition, useComboboxLabelWidth } from "./useComboboxLayout.js";
 import { ComboboxMenu } from "./ComboboxMenu.js";
 import { multipleComboboxLabel, withSelectedComboboxOptions, createComboboxCustomEntry, splitOnComboboxSeparators } from "../lib/combobox-values.js";
@@ -32,6 +33,9 @@ function Combobox(props) {
     footer
   } = props;
   const multiple = props.multiple === true;
+  const menuSearch = !multiple && props.searchPlacement === "menu";
+  const generatedId = useId();
+  const triggerRef = useRef(null);
   const tristate = props.multiple === true && props.tristate === true;
   const tags = props.multiple === true && props.variant === "tags";
   const separators = props.multiple === true && props.tristate !== true ? props.separators ?? [] : [];
@@ -84,8 +88,8 @@ function Combobox(props) {
     if (!q) return options;
     return options.filter(
       (o) => {
-        var _a;
-        return o.label.toLowerCase().includes(q) || ((_a = o.description) == null ? void 0 : _a.toLowerCase().includes(q)) || o.value.toLowerCase().includes(q);
+        var _a, _b;
+        return o.label.toLowerCase().includes(q) || ((_a = o.description) == null ? void 0 : _a.toLowerCase().includes(q)) || ((_b = o.group) == null ? void 0 : _b.toLowerCase().includes(q)) || o.value.toLowerCase().includes(q);
       }
     );
   }, [onSearch, options, query, selectedValues]);
@@ -96,7 +100,7 @@ function Combobox(props) {
   }, [onSearch, open, query]);
   const trimmedQuery = query.trim();
   const customEntry = useMemo(
-    () => createComboboxCustomEntry({
+    () => menuSearch && filtered.length > 0 ? null : createComboboxCustomEntry({
       allowCustomValue,
       query: trimmedQuery,
       multiple,
@@ -107,6 +111,8 @@ function Combobox(props) {
     }),
     [
       allowCustomValue,
+      menuSearch,
+      filtered.length,
       multiple,
       onNew,
       options,
@@ -208,6 +214,12 @@ function Combobox(props) {
     addValues(parts);
   }
   function commitAndClose() {
+    if (menuSearch) {
+      setQuery("");
+      setOpen(false);
+      setHighlighted(-1);
+      return;
+    }
     const trimmed = query.trim();
     if (customEntry) {
       const created = createOptionValue(customEntry);
@@ -235,7 +247,7 @@ function Combobox(props) {
       if (!multiple) {
         setOpen(false);
       }
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
+      (_a = (menuSearch ? triggerRef : inputRef).current) == null ? void 0 : _a.focus();
       return;
     }
     if (tristate) {
@@ -254,7 +266,7 @@ function Combobox(props) {
     setQuery("");
     setOpen(false);
     setHighlighted(-1);
-    (_d = inputRef.current) == null ? void 0 : _d.focus();
+    (_d = (menuSearch ? triggerRef : inputRef).current) == null ? void 0 : _d.focus();
   }
   function clear() {
     var _a;
@@ -281,6 +293,7 @@ function Combobox(props) {
     (_a = item == null ? void 0 : item.scrollIntoView) == null ? void 0 : _a.call(item, { block: "nearest" });
   }
   function onKeyDown(e) {
+    var _a;
     if (tags && allowCustomValue && separators.includes(e.key)) {
       e.preventDefault();
       addValues([query]);
@@ -310,12 +323,13 @@ function Combobox(props) {
       setHighlighted(next);
       scrollToHighlighted(next);
     } else if (e.key === "Enter") {
+      if (menuSearch) e.preventDefault();
       if (open && highlighted >= 0 && navOptions[highlighted] && !navOptions[highlighted].disabled) {
         e.preventDefault();
         selectOption(navOptions[highlighted]);
         return;
       }
-      if (open && multiple && customEntry) {
+      if (open && (multiple || menuSearch) && customEntry) {
         e.preventDefault();
         selectOption(customEntry);
         return;
@@ -325,19 +339,38 @@ function Combobox(props) {
     } else if (e.key === "Escape") {
       if (open) {
         e.preventDefault();
+        if (menuSearch) e.stopPropagation();
         setQuery("");
         setOpen(false);
         setHighlighted(-1);
+        if (menuSearch) (_a = triggerRef.current) == null ? void 0 : _a.focus();
       }
     } else {
       onKeyDownProp == null ? void 0 : onKeyDownProp(e);
     }
   }
-  const listId = id ? `${id}-listbox` : void 0;
+  const listId = `${id ?? generatedId}-listbox`;
   const ariaLabel = ariaLabelProp ?? (typeof label === "string" ? label : void 0);
   const showClear = !required && !loading && !disabled && selectedValues.length > 0;
   return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx(
+    menuSearch ? /* @__PURE__ */ jsx(
+      ComboboxMenuTrigger,
+      {
+        anchorRef,
+        triggerRef,
+        content: props.triggerContent ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          effectivePrefix,
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: closedLabel || placeholder })
+        ] }),
+        className: props.triggerClassName,
+        disabled,
+        open,
+        listId,
+        ariaLabel,
+        title: props.title,
+        onToggle: () => open ? commitAndClose() : openMenu()
+      }
+    ) : /* @__PURE__ */ jsx(
       ComboboxControl,
       {
         anchorRef,
@@ -394,6 +427,19 @@ function Combobox(props) {
         filtered,
         floatingZ,
         footer,
+        ariaLabel,
+        header: menuSearch ? /* @__PURE__ */ jsx(
+          ComboboxMenuSearch,
+          {
+            inputRef,
+            value: query,
+            ariaLabel,
+            listId,
+            highlighted,
+            onChange: setQuery,
+            onKeyDown
+          }
+        ) : void 0,
         hasOptions: options.length > 0,
         highlighted,
         isSelected,