@stackone/malachite 2.37.1 → 2.38.0

package/dist/components/PopoverParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverParts.js","sources":["../../src/components/PopoverParts.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tooltip from './Tooltip';\nimport { BORDER, NO_SCROLLBAR } from './chromeStyles';\nimport { FOCUS_RING_INSET } from './focusRing';\n\nexport interface PopoverHeaderProps {\n    title: string;\n    action?: React.ReactNode;\n}\n\nexport const PopoverHeader: React.FC<PopoverHeaderProps> = ({ title, action }) => (\n    <div\n        className={`flex items-center justify-between border-0 border-b border-solid ${BORDER} px-5 py-4 text-[12px] leading-[15px] font-normal text-[var(--malachite-text-dimmed,rgb(161,161,161))]`}\n    >\n        <span>{title}</span>\n        {action}\n    </div>\n);\n\nexport const PopoverList: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className={`flex max-h-80 flex-col gap-[2px] overflow-y-auto p-2 ${NO_SCROLLBAR}`}>\n        {children}\n    </div>\n);\n\nexport const PopoverSection = forwardRef<HTMLDivElement, { children: React.ReactNode }>(\n    ({ children }, ref) => (\n        <div ref={ref} className={`border-0 border-t border-solid ${BORDER} p-2`}>\n            {children}\n        </div>\n    ),\n);\nPopoverSection.displayName = 'Popover.Section';\n\nexport const PopoverEmpty: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className=\"px-3 py-2 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-dimmed,rgb(161,161,161))] select-none\">\n        {children}\n    </div>\n);\n\nexport interface PopoverActionProps {\n    icon: React.ReactNode;\n    'aria-label': string;\n    onClick?: () => void;\n    disabled?: boolean;\n    tooltip?: string;\n}\n\nexport const PopoverAction: React.FC<PopoverActionProps> = ({\n    icon,\n    'aria-label': ariaLabel,\n    onClick,\n    disabled = false,\n    tooltip,\n}) => {\n    const button = (\n        <button\n            type=\"button\"\n            aria-label={ariaLabel}\n            aria-disabled={disabled || undefined}\n            onClick={disabled ? undefined : onClick}\n            className={`m-0 inline-flex size-5 items-center justify-center rounded-[var(--malachite-radius-sm,4px)] border-0 bg-transparent p-0 transition-colors duration-150 [&_svg]:size-3! ${disabled ? 'cursor-not-allowed text-[var(--malachite-text-placeholder,rgb(187,187,187))] opacity-50' : `cursor-pointer text-[var(--malachite-text-placeholder,rgb(187,187,187))] hover:bg-[var(--malachite-pillbutton-background,rgb(241,241,241))] hover:text-[var(--malachite-text-secondary,rgb(123,123,123))]`} ${FOCUS_RING_INSET}`}\n        >\n            {icon}\n        </button>\n    );\n    return tooltip ? <Tooltip text={tooltip}>{button}</Tooltip> : button;\n};\n"],"names":["PopoverHeader","title","action","jsxs","BORDER","jsx","PopoverList","children","NO_SCROLLBAR","PopoverSection","forwardRef","ref","PopoverEmpty","PopoverAction","icon","ariaLabel","onClick","disabled","tooltip","button","FOCUS_RING_INSET","Tooltip"],"mappings":";;;;;AAUO,MAAMA,IAA8C,CAAC,EAAE,OAAAC,GAAO,QAAAC,QACjE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,oEAAoEC,CAAM;AAAA,IAErF,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,MACZC;AAAA,IAAA;AAAA,EAAA;AACL,GAGSI,IAAuD,CAAC,EAAE,UAAAC,EAAA,MACnE,gBAAAF,EAAC,OAAA,EAAI,WAAW,wDAAwDG,CAAY,IAC/E,UAAAD,EAAA,CACL,GAGSE,IAAiBC;AAAA,EAC1B,CAAC,EAAE,UAAAH,EAAA,GAAYI,MACX,gBAAAN,EAAC,OAAA,EAAI,KAAAM,GAAU,WAAW,kCAAkCP,CAAM,QAC7D,UAAAG,EAAA,CACL;AAER;AACAE,EAAe,cAAc;AAEtB,MAAMG,IAAwD,CAAC,EAAE,UAAAL,QACpE,gBAAAF,EAAC,OAAA,EAAI,WAAU,kIACV,UAAAE,EAAA,CACL,GAWSM,IAA8C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,cAAcC;AAAA,EACd,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACJ,MAAM;AACF,QAAMC,IACF,gBAAAd;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAYU;AAAA,MACZ,iBAAeE,KAAY;AAAA,MAC3B,SAASA,IAAW,SAAYD;AAAA,MAChC,WAAW,0KAA0KC,IAAW,4FAA4F,2MAA2M,IAAIG,CAAgB;AAAA,MAE1f,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGT,SAAOI,IAAU,gBAAAb,EAACgB,GAAA,EAAQ,MAAMH,GAAU,aAAO,IAAaC;AAClE;"}

package/dist/components/QueryInput.js

@@ -1,17 +1,18 @@
-import { jsxs as S, jsx as d } from "react/jsx-runtime";
-import { useId as xt, useState as E, useRef as g, useLayoutEffect as T, useCallback as et, useEffect as bt, useInsertionEffect as wt } from "react";
+import { jsxs as E, jsx as d } from "react/jsx-runtime";
+import { useId as xt, useState as T, useRef as g, useCallback as F, useLayoutEffect as k, useEffect as bt, useInsertionEffect as wt } from "react";
 import { createPortal as vt } from "react-dom";
 import yt from "./Spinner.js";
 import { CONTROL_TEXT_SIZE as _, CONTROL_TEXT_SIZE_CLASS as rt } from "./controlTextSize.js";
 import { pushEscapeLayer as St } from "./escapeLayers.js";
 import { ensureMultiSelectPanelStyles as Et } from "./optionRowStyles.js";
-import { overlayIdentity as Tt } from "./portalOverlay.js";
-import { computeCaretMenuGeometry as kt } from "./queryInputGeometry.js";
-const Mt = {
+import { useOwnedByPopover as Tt } from "./popoverTree.js";
+import { overlayIdentity as kt } from "./portalOverlay.js";
+import { computeCaretMenuGeometry as Mt } from "./queryInputGeometry.js";
+const Lt = {
   small: "h-[var(--malachite-control-height-small,28px)] px-[10px] rounded-[var(--malachite-radius-10,10px)]",
   medium: "h-[var(--malachite-control-height-medium,32px)] px-[10px] rounded-xl",
   large: "h-[var(--malachite-control-height-large,42px)] px-[12px] rounded-[var(--malachite-radius-xxl,14px)]"
-}, Lt = {
+}, It = {
   key: "var(--malachite-codeblock-keyword, rgb(12, 88, 174))",
   value: "var(--malachite-codeblock-string, rgb(2, 122, 66))",
   operator: "var(--malachite-codeblock-type, rgb(12, 88, 174))",
@@ -19,7 +20,7 @@ const Mt = {
   punctuation: "var(--malachite-codeblock-foreground, rgb(10, 10, 10))",
   error: "var(--malachite-text-error, rgb(237, 53, 54))",
   plain: "var(--malachite-text-primary, rgb(10, 10, 10))"
-}, It = {
+}, Rt = {
   small: {
     fontFamily: "inherit",
     fontSize: _.small,
@@ -44,7 +45,7 @@ const Mt = {
     lineHeight: "normal",
     padding: 0
   }
-}, F = 220, nt = 360, ot = {
+}, B = 220, nt = 360, ot = {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -52,73 +53,78 @@ const Mt = {
   padding: "10px 12px",
   color: "var(--malachite-text-dimmed, rgb(161, 161, 161))",
   whiteSpace: "nowrap"
-}, Rt = (r) => {
+}, Dt = (r) => {
   r.preventDefault();
-}, Dt = (r, f) => {
-  const a = [...f.filter(
+}, _t = (r, f) => {
+  const l = [...f.filter(
     (n) => n.start >= 0 && n.end <= r.length && n.start < n.end
-  )].sort((n, k) => n.start - k.start), s = [];
+  )].sort((n, M) => n.start - M.start), s = [];
   let u = 0;
-  for (const n of a)
+  for (const n of l)
     n.start < u || (s.push(n), u = n.end);
   return s;
-}, _t = (r, f) => {
+}, Ht = (r, f) => {
   const h = [];
-  let a = 0;
-  for (const s of Dt(r, f))
-    s.start > a && h.push({ start: a, end: s.start, kind: "plain" }), h.push(s), a = s.end;
-  return a < r.length && h.push({ start: a, end: r.length, kind: "plain" }), h;
-}, jt = ({
+  let l = 0;
+  for (const s of _t(r, f))
+    s.start > l && h.push({ start: l, end: s.start, kind: "plain" }), h.push(s), l = s.end;
+  return l < r.length && h.push({ start: l, end: r.length, kind: "plain" }), h;
+}, Zt = ({
   value: r,
   onChange: f,
   tokens: h = [],
-  suggestions: a,
+  suggestions: l,
   activeRange: s,
   onAccept: u,
   onQueryContextChange: n,
-  onSubmit: k,
-  placeholder: B,
+  onSubmit: M,
+  placeholder: K,
   size: x = "large",
-  disabled: M = !1,
-  loading: L = !1,
+  disabled: L = !1,
+  loading: I = !1,
   emptyMessage: H,
   className: it = "",
   style: at,
   "aria-label": lt,
-  "aria-labelledby": K
+  "aria-labelledby": U
 }) => {
-  const W = `${xt()}-listbox`, U = (t) => `${W}-option-${t}`, [N, j] = E(!1), [Y, O] = E(() => r.length), [st, $] = E(0), [ct, A] = E(!1), [i, Z] = E(null), b = g(null), C = g(null), G = g(null), I = g(null), P = g([]), z = g(null), dt = Array.isArray(a), w = a ?? [], v = w.length > 0, l = N && (L || v || dt && !v && !!H) && !ct && !M, y = l && v && !L, c = v ? Math.min(st, w.length - 1) : -1;
-  T(() => {
-    O((t) => Math.min(t, r.length));
+  const W = `${xt()}-listbox`, j = (t) => `${W}-option-${t}`, [O, Y] = T(!1), [Z, N] = T(() => r.length), [st, $] = T(0), [ct, A] = T(!1), [i, C] = T(null), b = g(null), G = g(null), P = g(null), w = g(null), V = g([]), z = g(null), dt = Array.isArray(l), v = l ?? [], y = v.length > 0, a = O && (I || y || dt && !y && !!H) && !ct && !L;
+  Tt(
+    F(() => w.current, []),
+    a
+  );
+  const S = a && y && !I, c = y ? Math.min(st, v.length - 1) : -1;
+  k(() => {
+    N((t) => Math.min(t, r.length));
   }, [r]);
-  const R = et(() => {
-    const t = b.current, e = C.current;
+  const R = F(() => {
+    const t = b.current, e = G.current;
     t && e && (e.style.transform = `translateX(${-t.scrollLeft}px)`);
   }, []);
-  T(() => {
+  k(() => {
     R();
   }, [r, R]);
-  const m = et(() => {
+  const m = F(() => {
     var o, p, D;
     const t = b.current;
     if (!t)
       return;
-    const e = (((o = G.current) == null ? void 0 : o.offsetWidth) ?? 0) - t.scrollLeft;
-    Z(
-      kt({
+    const e = (((o = P.current) == null ? void 0 : o.offsetWidth) ?? 0) - t.scrollLeft;
+    C(
+      Mt({
         inputRect: t.getBoundingClientRect(),
         caretOffsetPx: e,
-        menuWidth: ((p = I.current) == null ? void 0 : p.offsetWidth) ?? F,
-        menuHeight: ((D = I.current) == null ? void 0 : D.offsetHeight) ?? 0,
+        menuWidth: ((p = w.current) == null ? void 0 : p.offsetWidth) ?? B,
+        menuHeight: ((D = w.current) == null ? void 0 : D.offsetHeight) ?? 0,
         viewportWidth: window.innerWidth,
         viewportHeight: window.innerHeight
       })
     );
   }, []);
-  T(() => {
-    l ? m() : Z(null);
-  }, [l, r, Y, a, L, m]), bt(() => {
-    if (!l)
+  k(() => {
+    a ? m() : C(null);
+  }, [a, r, Z, l, I, m]), bt(() => {
+    if (!a)
       return;
     const t = () => m();
     window.addEventListener("scroll", t, !0), window.addEventListener("resize", t);
@@ -126,71 +132,71 @@ const Mt = {
     return () => {
       window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t), e();
     };
-  }, [l, m]), T(() => {
+  }, [a, m]), k(() => {
     const t = z.current;
     if (t === null)
       return;
     z.current = null;
     const e = b.current;
-    !e || t.value !== r || (e.setSelectionRange(t.caret, t.caret), O(t.caret), n == null || n({ value: r, caret: t.caret }), R(), m());
-  }, [r]), T(() => {
-    if (!y)
+    !e || t.value !== r || (e.setSelectionRange(t.caret, t.caret), N(t.caret), n == null || n({ value: r, caret: t.caret }), R(), m());
+  }, [r]), k(() => {
+    if (!S)
       return;
-    const t = P.current[c], e = I.current;
+    const t = V.current[c], e = w.current;
     if (!t || !e)
       return;
     const o = t.offsetTop + t.offsetHeight;
     o > e.scrollTop + e.clientHeight ? e.scrollTop = o - e.clientHeight : t.offsetTop < e.scrollTop && (e.scrollTop = t.offsetTop);
-  }, [c, y]), wt(() => {
-    l && Et();
-  }, [l]);
-  const V = (t, e) => {
-    O(e), n == null || n({ value: t, caret: e });
+  }, [c, S]), wt(() => {
+    a && Et();
+  }, [a]);
+  const q = (t, e) => {
+    N(e), n == null || n({ value: t, caret: e });
   }, pt = (t) => {
     const e = t.target.value;
-    A(!1), $(0), f(e), V(e, t.target.selectionStart ?? e.length);
+    A(!1), $(0), f(e), q(e, t.target.selectionStart ?? e.length);
   }, ht = (t) => {
     const e = t.currentTarget;
-    V(e.value, e.selectionStart ?? e.value.length);
+    q(e.value, e.selectionStart ?? e.value.length);
   }, X = (t) => {
-    var tt;
-    const e = ((tt = b.current) == null ? void 0 : tt.selectionStart) ?? r.length, o = s ?? { start: e, end: e }, p = Math.max(0, Math.min(o.start, r.length)), D = Math.max(p, Math.min(o.end, r.length)), J = t.insertText ?? t.label, Q = r.slice(0, p) + J + r.slice(D);
-    z.current = { value: Q, caret: p + J.length }, f(Q), u == null || u(t);
+    var et;
+    const e = ((et = b.current) == null ? void 0 : et.selectionStart) ?? r.length, o = s ?? { start: e, end: e }, p = Math.max(0, Math.min(o.start, r.length)), D = Math.max(p, Math.min(o.end, r.length)), Q = t.insertText ?? t.label, tt = r.slice(0, p) + Q + r.slice(D);
+    z.current = { value: tt, caret: p + Q.length }, f(tt), u == null || u(t);
   }, ft = (t) => {
-    if (y && (t.key === "ArrowDown" || t.key === "ArrowUp")) {
+    if (S && (t.key === "ArrowDown" || t.key === "ArrowUp")) {
       t.preventDefault();
-      const o = w.length;
+      const o = v.length;
       $(
         t.key === "ArrowDown" ? (c + 1) % o : (c - 1 + o) % o
       );
       return;
     }
-    const e = y && c >= 0 ? w[c] : void 0;
+    const e = S && c >= 0 ? v[c] : void 0;
     if (t.key === "Enter") {
       if (e) {
         t.preventDefault(), X(e);
         return;
       }
-      k && (t.preventDefault(), k(r));
+      M && (t.preventDefault(), M(r));
       return;
     }
     t.key === "Tab" && e && (t.preventDefault(), X(e));
-  }, ut = _t(r, h), q = It[x], mt = L ? (
+  }, ut = Ht(r, h), J = Rt[x], mt = I ? (
     // `role="listbox"` admits only option/group children.
-    /* @__PURE__ */ S("div", { role: "presentation", style: ot, children: [
+    /* @__PURE__ */ E("div", { role: "presentation", style: ot, children: [
       /* @__PURE__ */ d(yt, { size: "xxxsmall" }),
       /* @__PURE__ */ d("span", { children: "Loading…" })
     ] })
-  ) : v ? w.map((t, e) => {
+  ) : y ? v.map((t, e) => {
     const o = e === c;
-    return /* @__PURE__ */ S(
+    return /* @__PURE__ */ E(
       "button",
       {
         ref: (p) => {
-          P.current[e] = p;
+          V.current[e] = p;
         },
         type: "button",
-        id: U(e),
+        id: j(e),
         role: "option",
         "aria-selected": o,
         tabIndex: -1,
@@ -241,31 +247,31 @@ const Mt = {
       },
       t.id
     );
-  }) : H ? /* @__PURE__ */ d("div", { role: "presentation", style: ot, children: H }) : null, gt = M ? "" : "hover:border-[var(--malachite-text-placeholder)]";
-  return /* @__PURE__ */ S(
+  }) : H ? /* @__PURE__ */ d("div", { role: "presentation", style: ot, children: H }) : null, gt = L ? "" : "hover:border-[var(--malachite-text-placeholder)]";
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: `relative w-full ${Mt[x]} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${gt} transition-colors flex items-center ${M ? "opacity-60 cursor-not-allowed" : ""} ${it}`,
+      className: `relative w-full ${Lt[x]} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${gt} transition-colors flex items-center ${L ? "opacity-60 cursor-not-allowed" : ""} ${it}`,
       style: {
-        boxShadow: N ? "var(--malachite-shadow-accent, 0px 1px 0px 0px rgba(0, 175, 102, 0.15))" : "0px 1px 1px 0px rgba(0, 0, 0, 0.15)",
-        borderColor: N ? "var(--malachite-control-border-hover, rgba(0, 175, 102, 0.4))" : void 0,
+        boxShadow: O ? "var(--malachite-shadow-accent, 0px 1px 0px 0px rgba(0, 175, 102, 0.15))" : "0px 1px 1px 0px rgba(0, 0, 0, 0.15)",
+        borderColor: O ? "var(--malachite-control-border-hover, rgba(0, 175, 102, 0.4))" : void 0,
         ...at
       },
       children: [
-        /* @__PURE__ */ S("div", { className: "relative flex-1 h-full min-w-0 overflow-hidden", children: [
-          /* @__PURE__ */ S(
+        /* @__PURE__ */ E("div", { className: "relative flex-1 h-full min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ E(
             "div",
             {
-              ref: C,
+              ref: G,
               "aria-hidden": "true",
               className: `absolute inset-0 flex items-center pointer-events-none ${rt[x]}`,
-              style: { ...q, whiteSpace: "pre" },
+              style: { ...J, whiteSpace: "pre" },
               children: [
                 ut.map((t) => /* @__PURE__ */ d(
                   "span",
                   {
                     style: {
-                      color: Lt[t.kind],
+                      color: It[t.kind],
                       ...t.kind === "error" ? { textDecoration: "underline wavy" } : {}
                     },
                     children: r.slice(t.start, t.end)
@@ -275,9 +281,9 @@ const Mt = {
                 /* @__PURE__ */ d(
                   "span",
                   {
-                    ref: G,
+                    ref: P,
                     style: { position: "absolute", top: 0, left: 0, visibility: "hidden" },
-                    children: r.slice(0, Y)
+                    children: r.slice(0, Z)
                   }
                 )
               ]
@@ -289,52 +295,52 @@ const Mt = {
               ref: b,
               type: "text",
               role: "combobox",
-              "aria-expanded": l,
-              "aria-controls": l ? W : void 0,
-              "aria-activedescendant": y && c >= 0 ? U(c) : void 0,
+              "aria-expanded": a,
+              "aria-controls": a ? W : void 0,
+              "aria-activedescendant": S && c >= 0 ? j(c) : void 0,
               "aria-autocomplete": "list",
               autoComplete: "off",
               spellCheck: !1,
-              "aria-labelledby": K,
-              "aria-label": K ? void 0 : lt ?? B,
+              "aria-labelledby": U,
+              "aria-label": U ? void 0 : lt ?? K,
               value: r,
               onChange: pt,
               onSelect: ht,
               onScroll: () => {
-                R(), l && m();
+                R(), a && m();
               },
               onKeyDown: ft,
               onFocus: () => {
-                j(!0), A(!1);
+                Y(!0), A(!1);
               },
-              onBlur: () => j(!1),
-              placeholder: B,
-              disabled: M,
+              onBlur: () => Y(!1),
+              placeholder: K,
+              disabled: L,
               className: `absolute inset-0 w-full h-full bg-transparent border-none outline-none ${rt[x]} placeholder:text-[var(--malachite-text-placeholder)] placeholder:font-medium disabled:cursor-not-allowed`,
               style: {
-                ...q,
+                ...J,
                 color: "transparent",
                 caretColor: "var(--malachite-text-primary, rgb(10, 10, 10))"
               }
             }
           )
         ] }),
-        l && vt(
+        a && vt(
           /* @__PURE__ */ d(
             "div",
             {
-              ref: I,
+              ref: w,
               id: W,
               role: "listbox",
-              ...Tt("dropdown"),
-              onMouseDown: Rt,
+              ...kt("dropdown"),
+              onMouseDown: Dt,
               style: {
                 position: "fixed",
                 top: (i == null ? void 0 : i.top) ?? 0,
                 left: (i == null ? void 0 : i.left) ?? 0,
                 minWidth: Math.min(
-                  F,
-                  (i == null ? void 0 : i.width) ?? F
+                  B,
+                  (i == null ? void 0 : i.width) ?? B
                 ),
                 maxWidth: Math.min(
                   nt,
@@ -364,7 +370,7 @@ const Mt = {
   );
 };
 export {
-  jt as QueryInput,
-  jt as default
+  Zt as QueryInput,
+  Zt as default
 };
 //# sourceMappingURL=QueryInput.js.map

package/dist/components/QueryInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryInput.js","sources":["../../src/components/QueryInput.tsx"],"sourcesContent":["import React, {\n    useCallback,\n    useEffect,\n    useId,\n    useInsertionEffect,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport Spinner from './Spinner';\nimport { CONTROL_TEXT_SIZE, CONTROL_TEXT_SIZE_CLASS } from './controlTextSize';\nimport { pushEscapeLayer } from './escapeLayers';\nimport { ensureMultiSelectPanelStyles } from './optionRowStyles';\nimport { overlayIdentity } from './portalOverlay';\nimport { type CaretMenuGeometry, computeCaretMenuGeometry } from './queryInputGeometry';\n\nexport type QueryTokenKind =\n    | 'key'\n    | 'value'\n    | 'operator'\n    | 'negation'\n    | 'punctuation'\n    | 'error'\n    | 'plain';\n\nexport interface QueryToken {\n    /** Index into `value`. */\n    start: number;\n    /** Exclusive. */\n    end: number;\n    kind: QueryTokenKind;\n}\n\nexport interface QuerySuggestion {\n    id: string;\n    label: string;\n    /** Secondary text, right-aligned in the row. */\n    detail?: string;\n    /** What replaces `activeRange` when accepted. Defaults to `label`. */\n    insertText?: string;\n}\n\nexport type QueryInputSize = 'small' | 'medium' | 'large';\n\nexport interface QueryInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    /** Ranges to colour. Tokens that are out of range, reversed or overlapping are ignored. */\n    tokens?: QueryToken[];\n    /** Rows for the caret menu. Empty or undefined means the menu stays closed. */\n    suggestions?: QuerySuggestion[];\n    /** The span an accepted suggestion replaces. Defaults to a zero-width span at the caret. */\n    activeRange?: { start: number; end: number };\n    onAccept?: (suggestion: QuerySuggestion) => void;\n    /** Every value change AND every caret move, so the consumer can recompute tokens/suggestions. */\n    onQueryContextChange?: (context: { value: string; caret: number }) => void;\n    /** Enter with nothing highlighted in the menu. */\n    onSubmit?: (value: string) => void;\n    placeholder?: string;\n    size?: QueryInputSize;\n    disabled?: boolean;\n    /** Suggestions are being fetched: the menu shows a loading row instead of the empty message. */\n    loading?: boolean;\n    emptyMessage?: string;\n    className?: string;\n    style?: React.CSSProperties;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n}\n\n// Same 28/32/42 ladder as Search, minus the icon gap this component has no icon to space.\nconst SIZE_CLASSES: Record<QueryInputSize, string> = {\n    small: 'h-[var(--malachite-control-height-small,28px)] px-[10px] rounded-[var(--malachite-radius-10,10px)]',\n    medium: 'h-[var(--malachite-control-height-medium,32px)] px-[10px] rounded-xl',\n    large: 'h-[var(--malachite-control-height-large,42px)] px-[12px] rounded-[var(--malachite-radius-xxl,14px)]',\n};\n\nconst TOKEN_COLORS: Record<QueryTokenKind, string> = {\n    key: 'var(--malachite-codeblock-keyword, rgb(12, 88, 174))',\n    value: 'var(--malachite-codeblock-string, rgb(2, 122, 66))',\n    operator: 'var(--malachite-codeblock-type, rgb(12, 88, 174))',\n    negation: 'var(--malachite-text-destructive, rgb(237, 53, 54))',\n    punctuation: 'var(--malachite-codeblock-foreground, rgb(10, 10, 10))',\n    error: 'var(--malachite-text-error, rgb(237, 53, 54))',\n    plain: 'var(--malachite-text-primary, rgb(10, 10, 10))',\n};\n\n// The one place the mirror and the input agree on typography: diverge here and the coloured\n// text drifts out from under the caret it's supposed to sit beneath.\nconst TEXT_STYLE: Record<QueryInputSize, React.CSSProperties> = {\n    small: {\n        fontFamily: 'inherit',\n        fontSize: CONTROL_TEXT_SIZE.small,\n        fontWeight: 500,\n        letterSpacing: 'normal',\n        lineHeight: 'normal',\n        padding: 0,\n    },\n    medium: {\n        fontFamily: 'inherit',\n        fontSize: CONTROL_TEXT_SIZE.medium,\n        fontWeight: 500,\n        letterSpacing: 'normal',\n        lineHeight: 'normal',\n        padding: 0,\n    },\n    large: {\n        fontFamily: 'inherit',\n        fontSize: CONTROL_TEXT_SIZE.large,\n        fontWeight: 500,\n        letterSpacing: 'normal',\n        lineHeight: 'normal',\n        padding: 0,\n    },\n};\n\n/** Before layout the portal hasn't painted yet, so the first geometry pass needs a width. */\nconst MENU_FALLBACK_WIDTH_PX = 220;\n\nconst MENU_MAX_WIDTH_PX = 360;\n\nconst MENU_MESSAGE_STYLE: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    padding: '10px 12px',\n    color: 'var(--malachite-text-dimmed, rgb(161, 161, 161))',\n    whiteSpace: 'nowrap',\n};\n\n/** Keeps focus (and the caret) on the input so a row click never blurs it first. */\nconst handleMenuMouseDown = (event: React.MouseEvent) => {\n    event.preventDefault();\n};\n\ninterface QuerySegment {\n    start: number;\n    end: number;\n    kind: QueryTokenKind;\n}\n\n/** Drops tokens the consumer got wrong rather than letting them corrupt the render. */\nconst sanitizeTokens = (value: string, tokens: QueryToken[]): QueryToken[] => {\n    const inRange = tokens.filter(\n        (token) => token.start >= 0 && token.end <= value.length && token.start < token.end,\n    );\n    const sorted = [...inRange].sort((a, b) => a.start - b.start);\n    const accepted: QueryToken[] = [];\n    let cursor = 0;\n    for (const token of sorted) {\n        if (token.start < cursor) {\n            continue;\n        }\n        accepted.push(token);\n        cursor = token.end;\n    }\n    return accepted;\n};\n\n/** Fills the gaps between tokens with 'plain' segments so the mirror's text always equals `value`. */\nconst buildSegments = (value: string, tokens: QueryToken[]): QuerySegment[] => {\n    const segments: QuerySegment[] = [];\n    let cursor = 0;\n    for (const token of sanitizeTokens(value, tokens)) {\n        if (token.start > cursor) {\n            segments.push({ start: cursor, end: token.start, kind: 'plain' });\n        }\n        segments.push(token);\n        cursor = token.end;\n    }\n    if (cursor < value.length) {\n        segments.push({ start: cursor, end: value.length, kind: 'plain' });\n    }\n    return segments;\n};\n\nconst QueryInput: React.FC<QueryInputProps> = ({\n    value,\n    onChange,\n    tokens = [],\n    suggestions,\n    activeRange,\n    onAccept,\n    onQueryContextChange,\n    onSubmit,\n    placeholder,\n    size = 'large',\n    disabled = false,\n    loading = false,\n    emptyMessage,\n    className = '',\n    style,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n}) => {\n    const instanceId = useId();\n    const listboxId = `${instanceId}-listbox`;\n    const getRowId = (index: number) => `${listboxId}-option-${index}`;\n\n    const [focused, setFocused] = useState(false);\n    const [caret, setCaret] = useState(() => value.length);\n    const [rawHighlightedIndex, setHighlightedIndex] = useState(0);\n    // Escape closes the menu whatever `suggestions` and `loading` say. Lifted by an edit or a\n    // refocus, so navigating a dismissed query does not pop it back open.\n    const [dismissed, setDismissed] = useState(false);\n    const [menuPosition, setMenuPosition] = useState<CaretMenuGeometry | null>(null);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mirrorRef = useRef<HTMLDivElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const rowRefs = useRef<(HTMLButtonElement | null)[]>([]);\n    // Caret restore after an accepted suggestion. Carries the string it was computed against:\n    // nothing obliges a controlled consumer to apply the value handed to `onChange`, and a\n    // caret from a rejected or rewritten suggestion must not land on a later unrelated edit.\n    const pendingSelectionRef = useRef<{ value: string; caret: number } | null>(null);\n\n    const suggestionsProvided = Array.isArray(suggestions);\n    const suggestionList = suggestions ?? [];\n    const hasSuggestions = suggestionList.length > 0;\n    const isEmptyList = suggestionsProvided && !hasSuggestions;\n    const wantsMenu = loading || hasSuggestions || (isEmptyList && !!emptyMessage);\n    const isMenuOpen = focused && wantsMenu && !dismissed && !disabled;\n    // `loading` paints the spinner over any rows the consumer is still holding, so nothing is\n    // on screen to arrow through, accept, or point `aria-activedescendant` at.\n    const rowsVisible = isMenuOpen && hasSuggestions && !loading;\n\n    // A consumer's `suggestions` array is commonly rebuilt inline, so its identity changes on\n    // any parent re-render and cannot stand in for \"the candidates changed\". Clamping during\n    // render keeps the row the user arrowed to, and keeps the highlight inside a shrunken list.\n    const highlightedIndex = hasSuggestions\n        ? Math.min(rawHighlightedIndex, suggestionList.length - 1)\n        : -1;\n\n    useLayoutEffect(() => {\n        setCaret((current) => Math.min(current, value.length));\n    }, [value]);\n\n    const syncMirrorScroll = useCallback(() => {\n        const input = inputRef.current;\n        const mirror = mirrorRef.current;\n        if (input && mirror) {\n            mirror.style.transform = `translateX(${-input.scrollLeft}px)`;\n        }\n    }, []);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: re-syncs on every value change, not on value itself\n    useLayoutEffect(() => {\n        syncMirrorScroll();\n    }, [value, syncMirrorScroll]);\n\n    const updateMenuPosition = useCallback(() => {\n        const input = inputRef.current;\n        if (!input) {\n            return;\n        }\n        const caretOffsetPx = (measureRef.current?.offsetWidth ?? 0) - input.scrollLeft;\n        setMenuPosition(\n            computeCaretMenuGeometry({\n                inputRect: input.getBoundingClientRect(),\n                caretOffsetPx,\n                menuWidth: menuRef.current?.offsetWidth ?? MENU_FALLBACK_WIDTH_PX,\n                menuHeight: menuRef.current?.offsetHeight ?? 0,\n                viewportWidth: window.innerWidth,\n                viewportHeight: window.innerHeight,\n            }),\n        );\n    }, []);\n\n    // Depends on `caret` as well as `value`: the measuring span is sliced at the caret, so an\n    // arrow-key move with no edit still changes where the menu belongs.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: repositions on every keystroke, not on value itself\n    useLayoutEffect(() => {\n        if (isMenuOpen) {\n            updateMenuPosition();\n        } else {\n            setMenuPosition(null);\n        }\n        // `suggestions` and `loading` are here because they change the menu's own size: rows\n        // arriving after a fetch resize it while the query and caret sit still, and a stale\n        // measurement would leave `openUp` and the caret-aligned `left` computed for the old box.\n    }, [isMenuOpen, value, caret, suggestions, loading, updateMenuPosition]);\n\n    useEffect(() => {\n        if (!isMenuOpen) {\n            return undefined;\n        }\n        const handleScrollOrResize = () => updateMenuPosition();\n        window.addEventListener('scroll', handleScrollOrResize, true);\n        window.addEventListener('resize', handleScrollOrResize);\n        const popEscapeLayer = pushEscapeLayer(() => setDismissed(true));\n        return () => {\n            window.removeEventListener('scroll', handleScrollOrResize, true);\n            window.removeEventListener('resize', handleScrollOrResize);\n            popEscapeLayer();\n        };\n    }, [isMenuOpen, updateMenuPosition]);\n\n    // Restore the caret placed by the last accepted suggestion once the new `value` has\n    // actually rendered. Guarded on the ref so an externally-driven value change never gets\n    // its selection clobbered.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally re-reads latest closures via pendingSelectionRef's gate\n    useLayoutEffect(() => {\n        const pending = pendingSelectionRef.current;\n        if (pending === null) {\n            return;\n        }\n        pendingSelectionRef.current = null;\n        const input = inputRef.current;\n        // Dropped unless the consumer applied exactly the string this caret was measured\n        // against. A rejected or rewritten suggestion leaves the caret where the user put it.\n        if (!input || pending.value !== value) {\n            return;\n        }\n        input.setSelectionRange(pending.caret, pending.caret);\n        setCaret(pending.caret);\n        onQueryContextChange?.({ value, caret: pending.caret });\n        syncMirrorScroll();\n        updateMenuPosition();\n    }, [value]);\n\n    // Scrolled by hand rather than with `scrollIntoView`, which would also scroll the page and\n    // carry the field itself out of view. Same reason MultiSelect does it this way.\n    useLayoutEffect(() => {\n        if (!rowsVisible) {\n            return;\n        }\n        const row = rowRefs.current[highlightedIndex];\n        const container = menuRef.current;\n        if (!row || !container) {\n            return;\n        }\n        const rowBottom = row.offsetTop + row.offsetHeight;\n        if (rowBottom > container.scrollTop + container.clientHeight) {\n            container.scrollTop = rowBottom - container.clientHeight;\n        } else if (row.offsetTop < container.scrollTop) {\n            container.scrollTop = row.offsetTop;\n        }\n    }, [highlightedIndex, rowsVisible]);\n\n    // useInsertionEffect, not layout: the rules have to land before the rows paint.\n    useInsertionEffect(() => {\n        if (isMenuOpen) {\n            ensureMultiSelectPanelStyles();\n        }\n    }, [isMenuOpen]);\n\n    const reportCaret = (nextValue: string, nextCaret: number) => {\n        setCaret(nextCaret);\n        onQueryContextChange?.({ value: nextValue, caret: nextCaret });\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const next = event.target.value;\n        // Editing is the user asking again, so it lifts an earlier Escape. Moving the caret is\n        // not, and neither is a new `suggestions` array: that identity changes on any parent\n        // re-render, which would undo the dismissal with nothing having been asked.\n        setDismissed(false);\n        setHighlightedIndex(0);\n        onChange(next);\n        reportCaret(next, event.target.selectionStart ?? next.length);\n    };\n\n    const handleSelect = (event: React.SyntheticEvent<HTMLInputElement>) => {\n        const target = event.currentTarget;\n        reportCaret(target.value, target.selectionStart ?? target.value.length);\n    };\n\n    const acceptSuggestion = (suggestion: QuerySuggestion) => {\n        const fallbackCaret = inputRef.current?.selectionStart ?? value.length;\n        const range = activeRange ?? { start: fallbackCaret, end: fallbackCaret };\n        // Clamped for the same reason `sanitizeTokens` drops a bad range, except this one\n        // writes: `slice` reads a negative index from the end of the string, so an unchecked\n        // `start` of -1 silently rewrites the tail instead of doing nothing.\n        const start = Math.max(0, Math.min(range.start, value.length));\n        const end = Math.max(start, Math.min(range.end, value.length));\n        const insertText = suggestion.insertText ?? suggestion.label;\n        const next = value.slice(0, start) + insertText + value.slice(end);\n        pendingSelectionRef.current = { value: next, caret: start + insertText.length };\n        onChange(next);\n        onAccept?.(suggestion);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (rowsVisible && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n            event.preventDefault();\n            const count = suggestionList.length;\n            // Steps from the clamped index, so a list that shrank moves from the row on screen\n            // rather than from a raw index the user can no longer see.\n            setHighlightedIndex(\n                event.key === 'ArrowDown'\n                    ? (highlightedIndex + 1) % count\n                    : (highlightedIndex - 1 + count) % count,\n            );\n            return;\n        }\n\n        const highlighted =\n            rowsVisible && highlightedIndex >= 0 ? suggestionList[highlightedIndex] : undefined;\n\n        if (event.key === 'Enter') {\n            if (highlighted) {\n                event.preventDefault();\n                acceptSuggestion(highlighted);\n                return;\n            }\n            if (onSubmit) {\n                // Otherwise a surrounding <form> submits too and the query is sent twice.\n                // Without the prop the native submit is left alone, which is the useful default.\n                event.preventDefault();\n                onSubmit(value);\n            }\n            return;\n        }\n\n        if (event.key === 'Tab' && highlighted) {\n            // Tab completes the term and stays put, the way an editor or a search bar does.\n            // Letting focus move on would hand the next keystroke to another field.\n            event.preventDefault();\n            acceptSuggestion(highlighted);\n        }\n    };\n\n    const segments = buildSegments(value, tokens);\n    const textStyle = TEXT_STYLE[size];\n\n    const menuContent = (() => {\n        if (loading) {\n            return (\n                // `role=\"listbox\"` admits only option/group children.\n                <div role=\"presentation\" style={MENU_MESSAGE_STYLE}>\n                    <Spinner size=\"xxxsmall\" />\n                    <span>Loading…</span>\n                </div>\n            );\n        }\n        if (hasSuggestions) {\n            return suggestionList.map((suggestion, index) => {\n                const highlighted = index === highlightedIndex;\n                return (\n                    <button\n                        key={suggestion.id}\n                        ref={(element) => {\n                            rowRefs.current[index] = element;\n                        }}\n                        type=\"button\"\n                        id={getRowId(index)}\n                        role=\"option\"\n                        aria-selected={highlighted}\n                        // Focus stays on the input under the activedescendant model, so a row\n                        // must not become its own tab stop.\n                        tabIndex={-1}\n                        onClick={() => acceptSuggestion(suggestion)}\n                        onMouseEnter={() => setHighlightedIndex(index)}\n                        className=\"malachite-multiselect-option\"\n                        data-highlighted={highlighted}\n                        style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 12,\n                            width: '100%',\n                            flexShrink: 0,\n                            border: 'none',\n                            textAlign: 'left',\n                            borderRadius: 8,\n                            padding: '8px 10px',\n                            font: 'inherit',\n                            cursor: 'pointer',\n                            color: 'var(--malachite-text-primary, rgb(10, 10, 10))',\n                        }}\n                    >\n                        <span\n                            style={{\n                                flex: 1,\n                                minWidth: 0,\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                whiteSpace: 'nowrap',\n                            }}\n                        >\n                            {suggestion.label}\n                        </span>\n                        {suggestion.detail && (\n                            <span\n                                style={{\n                                    flexShrink: 0,\n                                    fontSize: 'var(--malachite-font-size-xsmall, 11px)',\n                                    color: 'var(--malachite-text-secondary, rgb(123, 123, 123))',\n                                }}\n                            >\n                                {suggestion.detail}\n                            </span>\n                        )}\n                    </button>\n                );\n            });\n        }\n        if (emptyMessage) {\n            // `role=\"listbox\"` admits only option/group children.\n            return (\n                <div role=\"presentation\" style={MENU_MESSAGE_STYLE}>\n                    {emptyMessage}\n                </div>\n            );\n        }\n        return null;\n    })();\n\n    const hoverBorderClass = disabled ? '' : 'hover:border-[var(--malachite-text-placeholder)]';\n\n    return (\n        <div\n            className={`relative w-full ${SIZE_CLASSES[size]} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${hoverBorderClass} transition-colors flex items-center ${disabled ? 'opacity-60 cursor-not-allowed' : ''} ${className}`}\n            style={{\n                boxShadow: focused\n                    ? 'var(--malachite-shadow-accent, 0px 1px 0px 0px rgba(0, 175, 102, 0.15))'\n                    : '0px 1px 1px 0px rgba(0, 0, 0, 0.15)',\n                borderColor: focused\n                    ? 'var(--malachite-control-border-hover, rgba(0, 175, 102, 0.4))'\n                    : undefined,\n                ...style,\n            }}\n        >\n            {/* Clips here, not on the mirror: the mirror is what translates, and a transform\n                carries the element's own clip rect with it, so the window onto the text would\n                slide out of the field by exactly `scrollLeft`. */}\n            <div className=\"relative flex-1 h-full min-w-0 overflow-hidden\">\n                {/* aria-hidden: purely decorative, the input carries the accessible value. */}\n                <div\n                    ref={mirrorRef}\n                    aria-hidden=\"true\"\n                    className={`absolute inset-0 flex items-center pointer-events-none ${CONTROL_TEXT_SIZE_CLASS[size]}`}\n                    style={{ ...textStyle, whiteSpace: 'pre' }}\n                >\n                    {segments.map((segment) => (\n                        <span\n                            key={segment.start}\n                            style={{\n                                color: TOKEN_COLORS[segment.kind],\n                                ...(segment.kind === 'error'\n                                    ? { textDecoration: 'underline wavy' }\n                                    : {}),\n                            }}\n                        >\n                            {value.slice(segment.start, segment.end)}\n                        </span>\n                    ))}\n                    <span\n                        ref={measureRef}\n                        style={{ position: 'absolute', top: 0, left: 0, visibility: 'hidden' }}\n                    >\n                        {value.slice(0, caret)}\n                    </span>\n                </div>\n                <input\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={isMenuOpen}\n                    aria-controls={isMenuOpen ? listboxId : undefined}\n                    aria-activedescendant={\n                        rowsVisible && highlightedIndex >= 0\n                            ? getRowId(highlightedIndex)\n                            : undefined\n                    }\n                    aria-autocomplete=\"list\"\n                    autoComplete=\"off\"\n                    spellCheck={false}\n                    aria-labelledby={ariaLabelledBy}\n                    // A visible label outranks it, so the fallback only applies without one.\n                    aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? placeholder)}\n                    value={value}\n                    onChange={handleChange}\n                    onSelect={handleSelect}\n                    onScroll={() => {\n                        syncMirrorScroll();\n                        if (isMenuOpen) {\n                            updateMenuPosition();\n                        }\n                    }}\n                    onKeyDown={handleKeyDown}\n                    onFocus={() => {\n                        setFocused(true);\n                        setDismissed(false);\n                    }}\n                    onBlur={() => setFocused(false)}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    className={`absolute inset-0 w-full h-full bg-transparent border-none outline-none ${CONTROL_TEXT_SIZE_CLASS[size]} placeholder:text-[var(--malachite-text-placeholder)] placeholder:font-medium disabled:cursor-not-allowed`}\n                    style={{\n                        ...textStyle,\n                        color: 'transparent',\n                        caretColor: 'var(--malachite-text-primary, rgb(10, 10, 10))',\n                    }}\n                />\n            </div>\n            {isMenuOpen &&\n                createPortal(\n                    <div\n                        ref={menuRef}\n                        id={listboxId}\n                        role=\"listbox\"\n                        // Rides the dropdown overlay band, but borrows the multiselect option\n                        // rows below: their highlight follows `data-highlighted`, which is the\n                        // keyboard cursor this menu has, rather than a bare `:hover`.\n                        {...overlayIdentity('dropdown')}\n                        onMouseDown={handleMenuMouseDown}\n                        style={{\n                            position: 'fixed',\n                            top: menuPosition?.top ?? 0,\n                            left: menuPosition?.left ?? 0,\n                            minWidth: Math.min(\n                                MENU_FALLBACK_WIDTH_PX,\n                                menuPosition?.width ?? MENU_FALLBACK_WIDTH_PX,\n                            ),\n                            maxWidth: Math.min(\n                                MENU_MAX_WIDTH_PX,\n                                menuPosition?.width ?? MENU_MAX_WIDTH_PX,\n                            ),\n                            background: 'var(--malachite-card-background, rgb(255, 255, 255))',\n                            border: '1px solid var(--malachite-card-border, rgb(232, 232, 232))',\n                            borderRadius: 12,\n                            boxShadow: '0px 2px 5px 0px rgba(0, 0, 0, 0.1)',\n                            padding: 4,\n                            display: 'flex',\n                            flexDirection: 'column',\n                            gap: 2,\n                            maxHeight: 320,\n                            overflowY: 'auto',\n                            fontSize: CONTROL_TEXT_SIZE[size],\n                            visibility: menuPosition ? 'visible' : 'hidden',\n                            opacity: menuPosition ? 1 : 0,\n                        }}\n                    >\n                        {menuContent}\n                    </div>,\n                    document.body,\n                )}\n        </div>\n    );\n};\n\nexport default QueryInput;\nexport { QueryInput };\n"],"names":["SIZE_CLASSES","TOKEN_COLORS","TEXT_STYLE","CONTROL_TEXT_SIZE","MENU_FALLBACK_WIDTH_PX","MENU_MAX_WIDTH_PX","MENU_MESSAGE_STYLE","handleMenuMouseDown","event","sanitizeTokens","value","tokens","sorted","token","a","b","accepted","cursor","buildSegments","segments","QueryInput","onChange","suggestions","activeRange","onAccept","onQueryContextChange","onSubmit","placeholder","size","disabled","loading","emptyMessage","className","style","ariaLabel","ariaLabelledBy","listboxId","useId","getRowId","index","focused","setFocused","useState","caret","setCaret","rawHighlightedIndex","setHighlightedIndex","dismissed","setDismissed","menuPosition","setMenuPosition","inputRef","useRef","mirrorRef","measureRef","menuRef","rowRefs","pendingSelectionRef","suggestionsProvided","suggestionList","hasSuggestions","isMenuOpen","rowsVisible","highlightedIndex","useLayoutEffect","current","syncMirrorScroll","useCallback","input","mirror","updateMenuPosition","caretOffsetPx","_a","computeCaretMenuGeometry","_b","_c","useEffect","handleScrollOrResize","popEscapeLayer","pushEscapeLayer","pending","row","container","rowBottom","useInsertionEffect","ensureMultiSelectPanelStyles","reportCaret","nextValue","nextCaret","handleChange","next","handleSelect","target","acceptSuggestion","suggestion","fallbackCaret","range","start","end","insertText","handleKeyDown","count","highlighted","textStyle","menuContent","jsxs","jsx","Spinner","element","hoverBorderClass","CONTROL_TEXT_SIZE_CLASS","segment","createPortal","overlayIdentity"],"mappings":"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"}
+{"version":3,"file":"QueryInput.js","sources":["../../src/components/QueryInput.tsx"],"sourcesContent":["import React, {\n    useCallback,\n    useEffect,\n    useId,\n    useInsertionEffect,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport Spinner from './Spinner';\nimport { CONTROL_TEXT_SIZE, CONTROL_TEXT_SIZE_CLASS } from './controlTextSize';\nimport { pushEscapeLayer } from './escapeLayers';\nimport { ensureMultiSelectPanelStyles } from './optionRowStyles';\nimport { useOwnedByPopover } from './popoverTree';\nimport { overlayIdentity } from './portalOverlay';\nimport { type CaretMenuGeometry, computeCaretMenuGeometry } from './queryInputGeometry';\n\nexport type QueryTokenKind =\n    | 'key'\n    | 'value'\n    | 'operator'\n    | 'negation'\n    | 'punctuation'\n    | 'error'\n    | 'plain';\n\nexport interface QueryToken {\n    /** Index into `value`. */\n    start: number;\n    /** Exclusive. */\n    end: number;\n    kind: QueryTokenKind;\n}\n\nexport interface QuerySuggestion {\n    id: string;\n    label: string;\n    /** Secondary text, right-aligned in the row. */\n    detail?: string;\n    /** What replaces `activeRange` when accepted. Defaults to `label`. */\n    insertText?: string;\n}\n\nexport type QueryInputSize = 'small' | 'medium' | 'large';\n\nexport interface QueryInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    /** Ranges to colour. Tokens that are out of range, reversed or overlapping are ignored. */\n    tokens?: QueryToken[];\n    /** Rows for the caret menu. Empty or undefined means the menu stays closed. */\n    suggestions?: QuerySuggestion[];\n    /** The span an accepted suggestion replaces. Defaults to a zero-width span at the caret. */\n    activeRange?: { start: number; end: number };\n    onAccept?: (suggestion: QuerySuggestion) => void;\n    /** Every value change AND every caret move, so the consumer can recompute tokens/suggestions. */\n    onQueryContextChange?: (context: { value: string; caret: number }) => void;\n    /** Enter with nothing highlighted in the menu. */\n    onSubmit?: (value: string) => void;\n    placeholder?: string;\n    size?: QueryInputSize;\n    disabled?: boolean;\n    /** Suggestions are being fetched: the menu shows a loading row instead of the empty message. */\n    loading?: boolean;\n    emptyMessage?: string;\n    className?: string;\n    style?: React.CSSProperties;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n}\n\n// Same 28/32/42 ladder as Search, minus the icon gap this component has no icon to space.\nconst SIZE_CLASSES: Record<QueryInputSize, string> = {\n    small: 'h-[var(--malachite-control-height-small,28px)] px-[10px] rounded-[var(--malachite-radius-10,10px)]',\n    medium: 'h-[var(--malachite-control-height-medium,32px)] px-[10px] rounded-xl',\n    large: 'h-[var(--malachite-control-height-large,42px)] px-[12px] rounded-[var(--malachite-radius-xxl,14px)]',\n};\n\nconst TOKEN_COLORS: Record<QueryTokenKind, string> = {\n    key: 'var(--malachite-codeblock-keyword, rgb(12, 88, 174))',\n    value: 'var(--malachite-codeblock-string, rgb(2, 122, 66))',\n    operator: 'var(--malachite-codeblock-type, rgb(12, 88, 174))',\n    negation: 'var(--malachite-text-destructive, rgb(237, 53, 54))',\n    punctuation: 'var(--malachite-codeblock-foreground, rgb(10, 10, 10))',\n    error: 'var(--malachite-text-error, rgb(237, 53, 54))',\n    plain: 'var(--malachite-text-primary, rgb(10, 10, 10))',\n};\n\n// The one place the mirror and the input agree on typography: diverge here and the coloured\n// text drifts out from under the caret it's supposed to sit beneath.\nconst TEXT_STYLE: Record<QueryInputSize, React.CSSProperties> = {\n    small: {\n        fontFamily: 'inherit',\n        fontSize: CONTROL_TEXT_SIZE.small,\n        fontWeight: 500,\n        letterSpacing: 'normal',\n        lineHeight: 'normal',\n        padding: 0,\n    },\n    medium: {\n        fontFamily: 'inherit',\n        fontSize: CONTROL_TEXT_SIZE.medium,\n        fontWeight: 500,\n        letterSpacing: 'normal',\n        lineHeight: 'normal',\n        padding: 0,\n    },\n    large: {\n        fontFamily: 'inherit',\n        fontSize: CONTROL_TEXT_SIZE.large,\n        fontWeight: 500,\n        letterSpacing: 'normal',\n        lineHeight: 'normal',\n        padding: 0,\n    },\n};\n\n/** Before layout the portal hasn't painted yet, so the first geometry pass needs a width. */\nconst MENU_FALLBACK_WIDTH_PX = 220;\n\nconst MENU_MAX_WIDTH_PX = 360;\n\nconst MENU_MESSAGE_STYLE: React.CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    padding: '10px 12px',\n    color: 'var(--malachite-text-dimmed, rgb(161, 161, 161))',\n    whiteSpace: 'nowrap',\n};\n\n/** Keeps focus (and the caret) on the input so a row click never blurs it first. */\nconst handleMenuMouseDown = (event: React.MouseEvent) => {\n    event.preventDefault();\n};\n\ninterface QuerySegment {\n    start: number;\n    end: number;\n    kind: QueryTokenKind;\n}\n\n/** Drops tokens the consumer got wrong rather than letting them corrupt the render. */\nconst sanitizeTokens = (value: string, tokens: QueryToken[]): QueryToken[] => {\n    const inRange = tokens.filter(\n        (token) => token.start >= 0 && token.end <= value.length && token.start < token.end,\n    );\n    const sorted = [...inRange].sort((a, b) => a.start - b.start);\n    const accepted: QueryToken[] = [];\n    let cursor = 0;\n    for (const token of sorted) {\n        if (token.start < cursor) {\n            continue;\n        }\n        accepted.push(token);\n        cursor = token.end;\n    }\n    return accepted;\n};\n\n/** Fills the gaps between tokens with 'plain' segments so the mirror's text always equals `value`. */\nconst buildSegments = (value: string, tokens: QueryToken[]): QuerySegment[] => {\n    const segments: QuerySegment[] = [];\n    let cursor = 0;\n    for (const token of sanitizeTokens(value, tokens)) {\n        if (token.start > cursor) {\n            segments.push({ start: cursor, end: token.start, kind: 'plain' });\n        }\n        segments.push(token);\n        cursor = token.end;\n    }\n    if (cursor < value.length) {\n        segments.push({ start: cursor, end: value.length, kind: 'plain' });\n    }\n    return segments;\n};\n\nconst QueryInput: React.FC<QueryInputProps> = ({\n    value,\n    onChange,\n    tokens = [],\n    suggestions,\n    activeRange,\n    onAccept,\n    onQueryContextChange,\n    onSubmit,\n    placeholder,\n    size = 'large',\n    disabled = false,\n    loading = false,\n    emptyMessage,\n    className = '',\n    style,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n}) => {\n    const instanceId = useId();\n    const listboxId = `${instanceId}-listbox`;\n    const getRowId = (index: number) => `${listboxId}-option-${index}`;\n\n    const [focused, setFocused] = useState(false);\n    const [caret, setCaret] = useState(() => value.length);\n    const [rawHighlightedIndex, setHighlightedIndex] = useState(0);\n    // Escape closes the menu whatever `suggestions` and `loading` say. Lifted by an edit or a\n    // refocus, so navigating a dismissed query does not pop it back open.\n    const [dismissed, setDismissed] = useState(false);\n    const [menuPosition, setMenuPosition] = useState<CaretMenuGeometry | null>(null);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mirrorRef = useRef<HTMLDivElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const rowRefs = useRef<(HTMLButtonElement | null)[]>([]);\n    // Caret restore after an accepted suggestion. Carries the string it was computed against:\n    // nothing obliges a controlled consumer to apply the value handed to `onChange`, and a\n    // caret from a rejected or rewritten suggestion must not land on a later unrelated edit.\n    const pendingSelectionRef = useRef<{ value: string; caret: number } | null>(null);\n\n    const suggestionsProvided = Array.isArray(suggestions);\n    const suggestionList = suggestions ?? [];\n    const hasSuggestions = suggestionList.length > 0;\n    const isEmptyList = suggestionsProvided && !hasSuggestions;\n    const wantsMenu = loading || hasSuggestions || (isEmptyList && !!emptyMessage);\n    const isMenuOpen = focused && wantsMenu && !dismissed && !disabled;\n    useOwnedByPopover(\n        useCallback(() => menuRef.current, []),\n        isMenuOpen,\n    );\n    // `loading` paints the spinner over any rows the consumer is still holding, so nothing is\n    // on screen to arrow through, accept, or point `aria-activedescendant` at.\n    const rowsVisible = isMenuOpen && hasSuggestions && !loading;\n\n    // A consumer's `suggestions` array is commonly rebuilt inline, so its identity changes on\n    // any parent re-render and cannot stand in for \"the candidates changed\". Clamping during\n    // render keeps the row the user arrowed to, and keeps the highlight inside a shrunken list.\n    const highlightedIndex = hasSuggestions\n        ? Math.min(rawHighlightedIndex, suggestionList.length - 1)\n        : -1;\n\n    useLayoutEffect(() => {\n        setCaret((current) => Math.min(current, value.length));\n    }, [value]);\n\n    const syncMirrorScroll = useCallback(() => {\n        const input = inputRef.current;\n        const mirror = mirrorRef.current;\n        if (input && mirror) {\n            mirror.style.transform = `translateX(${-input.scrollLeft}px)`;\n        }\n    }, []);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: re-syncs on every value change, not on value itself\n    useLayoutEffect(() => {\n        syncMirrorScroll();\n    }, [value, syncMirrorScroll]);\n\n    const updateMenuPosition = useCallback(() => {\n        const input = inputRef.current;\n        if (!input) {\n            return;\n        }\n        const caretOffsetPx = (measureRef.current?.offsetWidth ?? 0) - input.scrollLeft;\n        setMenuPosition(\n            computeCaretMenuGeometry({\n                inputRect: input.getBoundingClientRect(),\n                caretOffsetPx,\n                menuWidth: menuRef.current?.offsetWidth ?? MENU_FALLBACK_WIDTH_PX,\n                menuHeight: menuRef.current?.offsetHeight ?? 0,\n                viewportWidth: window.innerWidth,\n                viewportHeight: window.innerHeight,\n            }),\n        );\n    }, []);\n\n    // Depends on `caret` as well as `value`: the measuring span is sliced at the caret, so an\n    // arrow-key move with no edit still changes where the menu belongs.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: repositions on every keystroke, not on value itself\n    useLayoutEffect(() => {\n        if (isMenuOpen) {\n            updateMenuPosition();\n        } else {\n            setMenuPosition(null);\n        }\n        // `suggestions` and `loading` are here because they change the menu's own size: rows\n        // arriving after a fetch resize it while the query and caret sit still, and a stale\n        // measurement would leave `openUp` and the caret-aligned `left` computed for the old box.\n    }, [isMenuOpen, value, caret, suggestions, loading, updateMenuPosition]);\n\n    useEffect(() => {\n        if (!isMenuOpen) {\n            return undefined;\n        }\n        const handleScrollOrResize = () => updateMenuPosition();\n        window.addEventListener('scroll', handleScrollOrResize, true);\n        window.addEventListener('resize', handleScrollOrResize);\n        const popEscapeLayer = pushEscapeLayer(() => setDismissed(true));\n        return () => {\n            window.removeEventListener('scroll', handleScrollOrResize, true);\n            window.removeEventListener('resize', handleScrollOrResize);\n            popEscapeLayer();\n        };\n    }, [isMenuOpen, updateMenuPosition]);\n\n    // Restore the caret placed by the last accepted suggestion once the new `value` has\n    // actually rendered. Guarded on the ref so an externally-driven value change never gets\n    // its selection clobbered.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally re-reads latest closures via pendingSelectionRef's gate\n    useLayoutEffect(() => {\n        const pending = pendingSelectionRef.current;\n        if (pending === null) {\n            return;\n        }\n        pendingSelectionRef.current = null;\n        const input = inputRef.current;\n        // Dropped unless the consumer applied exactly the string this caret was measured\n        // against. A rejected or rewritten suggestion leaves the caret where the user put it.\n        if (!input || pending.value !== value) {\n            return;\n        }\n        input.setSelectionRange(pending.caret, pending.caret);\n        setCaret(pending.caret);\n        onQueryContextChange?.({ value, caret: pending.caret });\n        syncMirrorScroll();\n        updateMenuPosition();\n    }, [value]);\n\n    // Scrolled by hand rather than with `scrollIntoView`, which would also scroll the page and\n    // carry the field itself out of view. Same reason MultiSelect does it this way.\n    useLayoutEffect(() => {\n        if (!rowsVisible) {\n            return;\n        }\n        const row = rowRefs.current[highlightedIndex];\n        const container = menuRef.current;\n        if (!row || !container) {\n            return;\n        }\n        const rowBottom = row.offsetTop + row.offsetHeight;\n        if (rowBottom > container.scrollTop + container.clientHeight) {\n            container.scrollTop = rowBottom - container.clientHeight;\n        } else if (row.offsetTop < container.scrollTop) {\n            container.scrollTop = row.offsetTop;\n        }\n    }, [highlightedIndex, rowsVisible]);\n\n    // useInsertionEffect, not layout: the rules have to land before the rows paint.\n    useInsertionEffect(() => {\n        if (isMenuOpen) {\n            ensureMultiSelectPanelStyles();\n        }\n    }, [isMenuOpen]);\n\n    const reportCaret = (nextValue: string, nextCaret: number) => {\n        setCaret(nextCaret);\n        onQueryContextChange?.({ value: nextValue, caret: nextCaret });\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const next = event.target.value;\n        // Editing is the user asking again, so it lifts an earlier Escape. Moving the caret is\n        // not, and neither is a new `suggestions` array: that identity changes on any parent\n        // re-render, which would undo the dismissal with nothing having been asked.\n        setDismissed(false);\n        setHighlightedIndex(0);\n        onChange(next);\n        reportCaret(next, event.target.selectionStart ?? next.length);\n    };\n\n    const handleSelect = (event: React.SyntheticEvent<HTMLInputElement>) => {\n        const target = event.currentTarget;\n        reportCaret(target.value, target.selectionStart ?? target.value.length);\n    };\n\n    const acceptSuggestion = (suggestion: QuerySuggestion) => {\n        const fallbackCaret = inputRef.current?.selectionStart ?? value.length;\n        const range = activeRange ?? { start: fallbackCaret, end: fallbackCaret };\n        // Clamped for the same reason `sanitizeTokens` drops a bad range, except this one\n        // writes: `slice` reads a negative index from the end of the string, so an unchecked\n        // `start` of -1 silently rewrites the tail instead of doing nothing.\n        const start = Math.max(0, Math.min(range.start, value.length));\n        const end = Math.max(start, Math.min(range.end, value.length));\n        const insertText = suggestion.insertText ?? suggestion.label;\n        const next = value.slice(0, start) + insertText + value.slice(end);\n        pendingSelectionRef.current = { value: next, caret: start + insertText.length };\n        onChange(next);\n        onAccept?.(suggestion);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (rowsVisible && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n            event.preventDefault();\n            const count = suggestionList.length;\n            // Steps from the clamped index, so a list that shrank moves from the row on screen\n            // rather than from a raw index the user can no longer see.\n            setHighlightedIndex(\n                event.key === 'ArrowDown'\n                    ? (highlightedIndex + 1) % count\n                    : (highlightedIndex - 1 + count) % count,\n            );\n            return;\n        }\n\n        const highlighted =\n            rowsVisible && highlightedIndex >= 0 ? suggestionList[highlightedIndex] : undefined;\n\n        if (event.key === 'Enter') {\n            if (highlighted) {\n                event.preventDefault();\n                acceptSuggestion(highlighted);\n                return;\n            }\n            if (onSubmit) {\n                // Otherwise a surrounding <form> submits too and the query is sent twice.\n                // Without the prop the native submit is left alone, which is the useful default.\n                event.preventDefault();\n                onSubmit(value);\n            }\n            return;\n        }\n\n        if (event.key === 'Tab' && highlighted) {\n            // Tab completes the term and stays put, the way an editor or a search bar does.\n            // Letting focus move on would hand the next keystroke to another field.\n            event.preventDefault();\n            acceptSuggestion(highlighted);\n        }\n    };\n\n    const segments = buildSegments(value, tokens);\n    const textStyle = TEXT_STYLE[size];\n\n    const menuContent = (() => {\n        if (loading) {\n            return (\n                // `role=\"listbox\"` admits only option/group children.\n                <div role=\"presentation\" style={MENU_MESSAGE_STYLE}>\n                    <Spinner size=\"xxxsmall\" />\n                    <span>Loading…</span>\n                </div>\n            );\n        }\n        if (hasSuggestions) {\n            return suggestionList.map((suggestion, index) => {\n                const highlighted = index === highlightedIndex;\n                return (\n                    <button\n                        key={suggestion.id}\n                        ref={(element) => {\n                            rowRefs.current[index] = element;\n                        }}\n                        type=\"button\"\n                        id={getRowId(index)}\n                        role=\"option\"\n                        aria-selected={highlighted}\n                        // Focus stays on the input under the activedescendant model, so a row\n                        // must not become its own tab stop.\n                        tabIndex={-1}\n                        onClick={() => acceptSuggestion(suggestion)}\n                        onMouseEnter={() => setHighlightedIndex(index)}\n                        className=\"malachite-multiselect-option\"\n                        data-highlighted={highlighted}\n                        style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 12,\n                            width: '100%',\n                            flexShrink: 0,\n                            border: 'none',\n                            textAlign: 'left',\n                            borderRadius: 8,\n                            padding: '8px 10px',\n                            font: 'inherit',\n                            cursor: 'pointer',\n                            color: 'var(--malachite-text-primary, rgb(10, 10, 10))',\n                        }}\n                    >\n                        <span\n                            style={{\n                                flex: 1,\n                                minWidth: 0,\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                whiteSpace: 'nowrap',\n                            }}\n                        >\n                            {suggestion.label}\n                        </span>\n                        {suggestion.detail && (\n                            <span\n                                style={{\n                                    flexShrink: 0,\n                                    fontSize: 'var(--malachite-font-size-xsmall, 11px)',\n                                    color: 'var(--malachite-text-secondary, rgb(123, 123, 123))',\n                                }}\n                            >\n                                {suggestion.detail}\n                            </span>\n                        )}\n                    </button>\n                );\n            });\n        }\n        if (emptyMessage) {\n            // `role=\"listbox\"` admits only option/group children.\n            return (\n                <div role=\"presentation\" style={MENU_MESSAGE_STYLE}>\n                    {emptyMessage}\n                </div>\n            );\n        }\n        return null;\n    })();\n\n    const hoverBorderClass = disabled ? '' : 'hover:border-[var(--malachite-text-placeholder)]';\n\n    return (\n        <div\n            className={`relative w-full ${SIZE_CLASSES[size]} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${hoverBorderClass} transition-colors flex items-center ${disabled ? 'opacity-60 cursor-not-allowed' : ''} ${className}`}\n            style={{\n                boxShadow: focused\n                    ? 'var(--malachite-shadow-accent, 0px 1px 0px 0px rgba(0, 175, 102, 0.15))'\n                    : '0px 1px 1px 0px rgba(0, 0, 0, 0.15)',\n                borderColor: focused\n                    ? 'var(--malachite-control-border-hover, rgba(0, 175, 102, 0.4))'\n                    : undefined,\n                ...style,\n            }}\n        >\n            {/* Clips here, not on the mirror: the mirror is what translates, and a transform\n                carries the element's own clip rect with it, so the window onto the text would\n                slide out of the field by exactly `scrollLeft`. */}\n            <div className=\"relative flex-1 h-full min-w-0 overflow-hidden\">\n                {/* aria-hidden: purely decorative, the input carries the accessible value. */}\n                <div\n                    ref={mirrorRef}\n                    aria-hidden=\"true\"\n                    className={`absolute inset-0 flex items-center pointer-events-none ${CONTROL_TEXT_SIZE_CLASS[size]}`}\n                    style={{ ...textStyle, whiteSpace: 'pre' }}\n                >\n                    {segments.map((segment) => (\n                        <span\n                            key={segment.start}\n                            style={{\n                                color: TOKEN_COLORS[segment.kind],\n                                ...(segment.kind === 'error'\n                                    ? { textDecoration: 'underline wavy' }\n                                    : {}),\n                            }}\n                        >\n                            {value.slice(segment.start, segment.end)}\n                        </span>\n                    ))}\n                    <span\n                        ref={measureRef}\n                        style={{ position: 'absolute', top: 0, left: 0, visibility: 'hidden' }}\n                    >\n                        {value.slice(0, caret)}\n                    </span>\n                </div>\n                <input\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={isMenuOpen}\n                    aria-controls={isMenuOpen ? listboxId : undefined}\n                    aria-activedescendant={\n                        rowsVisible && highlightedIndex >= 0\n                            ? getRowId(highlightedIndex)\n                            : undefined\n                    }\n                    aria-autocomplete=\"list\"\n                    autoComplete=\"off\"\n                    spellCheck={false}\n                    aria-labelledby={ariaLabelledBy}\n                    // A visible label outranks it, so the fallback only applies without one.\n                    aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? placeholder)}\n                    value={value}\n                    onChange={handleChange}\n                    onSelect={handleSelect}\n                    onScroll={() => {\n                        syncMirrorScroll();\n                        if (isMenuOpen) {\n                            updateMenuPosition();\n                        }\n                    }}\n                    onKeyDown={handleKeyDown}\n                    onFocus={() => {\n                        setFocused(true);\n                        setDismissed(false);\n                    }}\n                    onBlur={() => setFocused(false)}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    className={`absolute inset-0 w-full h-full bg-transparent border-none outline-none ${CONTROL_TEXT_SIZE_CLASS[size]} placeholder:text-[var(--malachite-text-placeholder)] placeholder:font-medium disabled:cursor-not-allowed`}\n                    style={{\n                        ...textStyle,\n                        color: 'transparent',\n                        caretColor: 'var(--malachite-text-primary, rgb(10, 10, 10))',\n                    }}\n                />\n            </div>\n            {isMenuOpen &&\n                createPortal(\n                    <div\n                        ref={menuRef}\n                        id={listboxId}\n                        role=\"listbox\"\n                        // Rides the dropdown overlay band, but borrows the multiselect option\n                        // rows below: their highlight follows `data-highlighted`, which is the\n                        // keyboard cursor this menu has, rather than a bare `:hover`.\n                        {...overlayIdentity('dropdown')}\n                        onMouseDown={handleMenuMouseDown}\n                        style={{\n                            position: 'fixed',\n                            top: menuPosition?.top ?? 0,\n                            left: menuPosition?.left ?? 0,\n                            minWidth: Math.min(\n                                MENU_FALLBACK_WIDTH_PX,\n                                menuPosition?.width ?? MENU_FALLBACK_WIDTH_PX,\n                            ),\n                            maxWidth: Math.min(\n                                MENU_MAX_WIDTH_PX,\n                                menuPosition?.width ?? MENU_MAX_WIDTH_PX,\n                            ),\n                            background: 'var(--malachite-card-background, rgb(255, 255, 255))',\n                            border: '1px solid var(--malachite-card-border, rgb(232, 232, 232))',\n                            borderRadius: 12,\n                            boxShadow: '0px 2px 5px 0px rgba(0, 0, 0, 0.1)',\n                            padding: 4,\n                            display: 'flex',\n                            flexDirection: 'column',\n                            gap: 2,\n                            maxHeight: 320,\n                            overflowY: 'auto',\n                            fontSize: CONTROL_TEXT_SIZE[size],\n                            visibility: menuPosition ? 'visible' : 'hidden',\n                            opacity: menuPosition ? 1 : 0,\n                        }}\n                    >\n                        {menuContent}\n                    </div>,\n                    document.body,\n                )}\n        </div>\n    );\n};\n\nexport default QueryInput;\nexport { QueryInput };\n"],"names":["SIZE_CLASSES","TOKEN_COLORS","TEXT_STYLE","CONTROL_TEXT_SIZE","MENU_FALLBACK_WIDTH_PX","MENU_MAX_WIDTH_PX","MENU_MESSAGE_STYLE","handleMenuMouseDown","event","sanitizeTokens","value","tokens","sorted","token","a","b","accepted","cursor","buildSegments","segments","QueryInput","onChange","suggestions","activeRange","onAccept","onQueryContextChange","onSubmit","placeholder","size","disabled","loading","emptyMessage","className","style","ariaLabel","ariaLabelledBy","listboxId","useId","getRowId","index","focused","setFocused","useState","caret","setCaret","rawHighlightedIndex","setHighlightedIndex","dismissed","setDismissed","menuPosition","setMenuPosition","inputRef","useRef","mirrorRef","measureRef","menuRef","rowRefs","pendingSelectionRef","suggestionsProvided","suggestionList","hasSuggestions","isMenuOpen","useOwnedByPopover","useCallback","rowsVisible","highlightedIndex","useLayoutEffect","current","syncMirrorScroll","input","mirror","updateMenuPosition","caretOffsetPx","_a","computeCaretMenuGeometry","_b","_c","useEffect","handleScrollOrResize","popEscapeLayer","pushEscapeLayer","pending","row","container","rowBottom","useInsertionEffect","ensureMultiSelectPanelStyles","reportCaret","nextValue","nextCaret","handleChange","next","handleSelect","target","acceptSuggestion","suggestion","fallbackCaret","range","start","end","insertText","handleKeyDown","count","highlighted","textStyle","menuContent","jsxs","jsx","Spinner","element","hoverBorderClass","CONTROL_TEXT_SIZE_CLASS","segment","createPortal","overlayIdentity"],"mappings":"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"}

package/dist/components/SearchTrigger.js

@@ -0,0 +1,37 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import p from "./CustomIcons/SearchIcon.js";
+import { FOCUS_RING as h } from "./focusRing.js";
+const g = `group flex items-center shrink-0 border border-solid border-transparent m-0 cursor-pointer font-sans font-normal text-left rounded-[var(--malachite-radius-xl,12px)] bg-[var(--malachite-pillbutton-background,rgb(241,241,241))] text-[var(--malachite-pillbutton-foreground,rgb(123,123,123))] enabled:hover:bg-[var(--malachite-pillbutton-hover-background,rgb(232,232,232))] disabled:cursor-not-allowed disabled:opacity-50 transition-[background-color] duration-200 ${h}`, f = "inline-flex items-center justify-center h-[25px] px-2 rounded-lg border border-solid border-[var(--malachite-card-border,rgb(232,232,232))] bg-[var(--malachite-card-sunken-background,rgb(250,250,250))] font-mono text-[length:var(--malachite-font-size-small,13px)] font-normal leading-none text-[var(--malachite-text-placeholder,rgb(187,187,187))]", n = {
+  field: "w-full h-10 gap-2 px-3 text-[length:var(--malachite-font-size-medium,14px)]",
+  icon: "w-9 h-[37px] justify-center p-0"
+}, u = b(
+  ({
+    label: t = "Search",
+    shortcut: a,
+    iconOnly: e = !1,
+    "aria-label": o,
+    className: l = "",
+    ...i
+  }, s) => /* @__PURE__ */ m(
+    "button",
+    {
+      ref: s,
+      type: "button",
+      ...i,
+      "aria-label": e ? o ?? t : o,
+      className: `${g} ${e ? n.icon : n.field} ${l}`.trim(),
+      children: [
+        /* @__PURE__ */ r(p, { size: 16, className: "shrink-0" }),
+        !e && /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate", children: t }),
+        !e && a && a.length > 0 && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "flex shrink-0 items-center gap-[5px]", children: a.map((d, c) => /* @__PURE__ */ r("kbd", { className: f, children: d }, c)) })
+      ]
+    }
+  )
+);
+u.displayName = "SearchTrigger";
+export {
+  u as SearchTrigger,
+  u as default
+};
+//# sourceMappingURL=SearchTrigger.js.map