se-design 1.0.97 → 1.0.98-dev.0

package/dist/index48.js

@@ -1,43 +1,204 @@
-import e from "react";
-const i = /* @__PURE__ */ e.memo(({
-  label: a,
-  fullValue: c,
-  onDismiss: t,
-  dismissAriaLabel: n,
-  automationId: l = "nl-dynamic-chip"
-}) => /* @__PURE__ */ e.createElement("span", {
-  className: "nl-dynamic-chip",
-  title: c,
-  "data-automation-id": l
-}, /* @__PURE__ */ e.createElement("svg", {
-  className: "nrc-sparkle",
+import e, { useRef as R, useState as g, useCallback as C, useEffect as b } from "react";
+const A = ({
+  size: n = 14,
+  className: s
+}) => /* @__PURE__ */ e.createElement("svg", {
+  width: n,
+  height: n,
   viewBox: "0 0 18 18",
   fill: "currentColor",
+  className: s,
   "aria-hidden": "true"
 }, /* @__PURE__ */ e.createElement("path", {
   d: "M3.025,5.623c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263Z"
 }), /* @__PURE__ */ e.createElement("path", {
   d: "M16.525,8.803l-4.535-1.793-1.793-4.535c-.227-.572-1.168-.572-1.395,0l-1.793,4.535-4.535,1.793c-.286,.113-.475,.39-.475,.697s.188,.584,.475,.697l4.535,1.793,1.793,4.535c.113,.286,.39,.474,.697,.474s.584-.188,.697-.474l1.793-4.535,4.535-1.793c.286-.113,.475-.39,.475-.697s-.188-.584-.475-.697Z"
-})), /* @__PURE__ */ e.createElement("span", {
-  className: "nl-dynamic-chip__label"
-}, a), t && /* @__PURE__ */ e.createElement("button", {
-  type: "button",
-  className: "nl-dynamic-chip__dismiss",
-  onClick: t,
-  "aria-label": n || `Remove ${a}`,
-  "data-automation-id": `${l}-dismiss`
-}, /* @__PURE__ */ e.createElement("svg", {
+})), U = ({
+  size: n = 14
+}) => /* @__PURE__ */ e.createElement("svg", {
+  width: n,
+  height: n,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
-  strokeWidth: "2.6",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true"
+}, /* @__PURE__ */ e.createElement("circle", {
+  cx: "12",
+  cy: "12",
+  r: "10"
+}), /* @__PURE__ */ e.createElement("path", {
+  d: "M12 6v6l4 2"
+})), q = ({
+  size: n = 14
+}) => /* @__PURE__ */ e.createElement("svg", {
+  width: n,
+  height: n,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2.2",
   strokeLinecap: "round",
   "aria-hidden": "true"
 }, /* @__PURE__ */ e.createElement("path", {
   d: "M18 6 6 18M6 6l12 12"
-})))));
-i.displayName = "NLDynamicChip";
+})), H = /[.*+?^${}()|[\]\\]/g, J = (n, s, m) => {
+  const o = (m && m.length ? m : [s]).map((r) => (r || "").trim()).filter(Boolean);
+  if (!o.length) return n;
+  o.sort((r, i) => i.length - r.length);
+  const k = new Set(o.map((r) => r.toLowerCase())), l = o.map((r) => r.replace(H, "\\$&")).join("|");
+  return n.split(new RegExp(`(${l})`, "ig")).map((r, i) => k.has(r.toLowerCase()) ? /* @__PURE__ */ e.createElement("mark", {
+    key: i
+  }, r) : /* @__PURE__ */ e.createElement(e.Fragment, {
+    key: i
+  }, r));
+}, P = /* @__PURE__ */ e.memo(({
+  value: n,
+  onChange: s,
+  onSelect: m,
+  onSubmit: o,
+  onClear: k,
+  suggestions: l = [],
+  isLoading: v = !1,
+  helperText: r,
+  helperVariant: i = "info",
+  placeholder: S = "Get any of your contracts",
+  placeholderPrefix: d,
+  examples: u,
+  collapsed: c = !1,
+  onExpand: I,
+  automationId: B = "nl-search-input",
+  ariaLabel: F = "Natural language search"
+}) => {
+  const D = R(null), K = R(null), [w, E] = g(!1), [h, N] = g(-1), j = C(() => {
+    c && I?.();
+  }, [c, I]), p = !!u && u.length > 0 && !n && !w, [L, W] = g(0), [f, _] = g(""), [y, $] = g("typing");
+  b(() => {
+    if (!p) return;
+    const t = u[L % u.length] || "";
+    let a = 60;
+    if (y === "typing")
+      if (f.length < t.length)
+        a = 55 + Math.random() * 35;
+      else {
+        const x = setTimeout(() => $("erasing"), 1800);
+        return () => clearTimeout(x);
+      }
+    else if (y === "erasing")
+      if (f.length > 0)
+        a = 28;
+      else {
+        const x = setTimeout(() => {
+          W((O) => (O + 1) % u.length), $("typing");
+        }, 260);
+        return () => clearTimeout(x);
+      }
+    const M = setTimeout(() => {
+      y === "typing" ? _(t.slice(0, f.length + 1)) : y === "erasing" && _(t.slice(0, f.length - 1));
+    }, a);
+    return () => clearTimeout(M);
+  }, [p, L, f, y, u]), b(() => {
+    p || (_(""), $("typing"));
+  }, [p]), b(() => {
+    N(-1);
+  }, [l]), b(() => {
+    if (!w) return;
+    const t = (a) => {
+      D.current && !D.current.contains(a.target) && E(!1);
+    };
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, [w]);
+  const Z = w && l.length > 0, T = C((t) => {
+    m?.(t), E(!1);
+  }, [m]), z = C((t) => {
+    t.key === "ArrowDown" && l.length ? (t.preventDefault(), N((a) => (a + 1) % l.length)) : t.key === "ArrowUp" && l.length ? (t.preventDefault(), N((a) => a <= 0 ? l.length - 1 : a - 1)) : t.key === "Enter" ? h >= 0 && l[h] ? (t.preventDefault(), T(l[h])) : n.trim() && (t.preventDefault(), o?.(n.trim()), E(!1)) : t.key === "Escape" && E(!1);
+  }, [l, h, n, T, o]), G = C(() => {
+    s(""), k?.();
+  }, [s, k]);
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `nl-wrap${c ? " is-collapsed" : ""}`,
+    ref: D,
+    "data-automation-id": B
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: `nl-input-row${w ? " is-active" : ""}${v ? " is-loading" : ""}${c ? " is-collapsed" : ""}`
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "nl-mark",
+    "aria-hidden": !c,
+    role: c ? "button" : void 0,
+    "aria-label": c ? "Open AI search" : void 0,
+    tabIndex: c ? 0 : -1,
+    onClick: j,
+    onKeyDown: c ? (t) => {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), I?.());
+    } : void 0
+  }, /* @__PURE__ */ e.createElement(A, {
+    size: 14
+  })), /* @__PURE__ */ e.createElement("input", {
+    ref: K,
+    type: "text",
+    className: "nl-input",
+    value: n,
+    placeholder: p ? "" : S,
+    autoComplete: "off",
+    "aria-label": F,
+    tabIndex: c ? -1 : 0,
+    disabled: c,
+    onChange: (t) => s(t.target.value),
+    onFocus: () => E(!0),
+    onKeyDown: z
+  }), p && /* @__PURE__ */ e.createElement("div", {
+    className: "nl-typewriter",
+    "aria-hidden": "true"
+  }, d && /* @__PURE__ */ e.createElement("span", {
+    className: "nl-typewriter__prefix"
+  }, d), /* @__PURE__ */ e.createElement("span", {
+    className: "nl-typewriter__example"
+  }, f), /* @__PURE__ */ e.createElement("span", {
+    className: "nl-typewriter__caret"
+  }), d && /['"`]\s*$/.test(d) && /* @__PURE__ */ e.createElement("span", {
+    className: "nl-typewriter__prefix"
+  }, d.trim().slice(-1))), v && /* @__PURE__ */ e.createElement("span", {
+    className: "nl-spinner show",
+    role: "status",
+    "aria-label": "Resolving"
+  }), !v && n && /* @__PURE__ */ e.createElement("button", {
+    type: "button",
+    className: "nl-clear show",
+    title: "Clear search",
+    onClick: G
+  }, /* @__PURE__ */ e.createElement(q, {
+    size: 14
+  }))), Z && /* @__PURE__ */ e.createElement("div", {
+    className: "nl-suggestions show",
+    role: "listbox"
+  }, l.map((t, a) => /* @__PURE__ */ e.createElement("button", {
+    key: `${t.source}-${t.text}`,
+    type: "button",
+    role: "option",
+    "aria-selected": a === h,
+    className: `nl-sug${a === h ? " kb-active" : ""}`,
+    onMouseEnter: () => N(a),
+    onMouseDown: (M) => {
+      M.preventDefault(), T(t);
+    }
+  }, t.source === "recent" ? /* @__PURE__ */ e.createElement(U, {
+    size: 16
+  }) : /* @__PURE__ */ e.createElement(A, {
+    size: 16,
+    className: "sparkle"
+  }), /* @__PURE__ */ e.createElement("span", {
+    className: "sug-text"
+  }, J(t.text, n.trim(), t.highlight_terms)), t.source === "recent" && /* @__PURE__ */ e.createElement("span", {
+    className: "sug-meta"
+  }, "Recent")))), r && /* @__PURE__ */ e.createElement("div", {
+    className: `nl-helper nl-helper--${i}`,
+    role: i === "error" ? "alert" : "status"
+  }, r));
+});
+P.displayName = "NLSearchInput";
 export {
-  i as NLDynamicChip
+  P as NLSearchInput
 };
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.js","sources":["../src/components/NLSearch/NLDynamicChip.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface NLDynamicChipProps {\n  /** Display label, e.g. \"Contract value > 100,000\". */\n  label: string;\n  /**\n   * Optional canonical operator+value string, shown as a hover tooltip.\n   * Use the raw filter representation, e.g. `contract_value > 100000`.\n   */\n  fullValue?: string;\n  /**\n   * When provided, the chip renders an X control on the right that\n   * fires this callback. Use it for per-chip selective dismissal; omit\n   * it to render the chip as a pure indicator.\n   */\n  onDismiss?: () => void;\n  /** aria-label for the dismiss control. Defaults to \"Remove filter\". */\n  dismissAriaLabel?: string;\n  automationId?: string;\n}\n\n/**\n * Chip rendered in the AI-filters row for keyterms that don't have a\n * dedicated chip in the manual filter UI today (contract_value,\n * salary, expiry_date, governing_law, …). Acts as a pure indicator by\n * default; pass `onDismiss` to make it individually dismissible.\n */\nexport const NLDynamicChip: React.FC<NLDynamicChipProps> = React.memo(\n  ({ label, fullValue, onDismiss, dismissAriaLabel, automationId = 'nl-dynamic-chip' }) => (\n    <span\n      className=\"nl-dynamic-chip\"\n      title={fullValue}\n      data-automation-id={automationId}\n    >\n      <svg className=\"nrc-sparkle\" viewBox=\"0 0 18 18\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M3.025,5.623c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263Z\" />\n        <path d=\"M16.525,8.803l-4.535-1.793-1.793-4.535c-.227-.572-1.168-.572-1.395,0l-1.793,4.535-4.535,1.793c-.286,.113-.475,.39-.475,.697s.188,.584,.475,.697l4.535,1.793,1.793,4.535c.113,.286,.39,.474,.697,.474s.584-.188,.697-.474l1.793-4.535,4.535-1.793c.286-.113,.475-.39,.475-.697s-.188-.584-.475-.697Z\" />\n      </svg>\n      <span className=\"nl-dynamic-chip__label\">{label}</span>\n      {onDismiss && (\n        <button\n          type=\"button\"\n          className=\"nl-dynamic-chip__dismiss\"\n          onClick={onDismiss}\n          aria-label={dismissAriaLabel || `Remove ${label}`}\n          data-automation-id={`${automationId}-dismiss`}\n        >\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.6\" strokeLinecap=\"round\" aria-hidden=\"true\">\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        </button>\n      )}\n    </span>\n  )\n);\n\nNLDynamicChip.displayName = 'NLDynamicChip';\n"],"names":["React__default","NLDynamicChip","React","memo","label","fullValue","onDismiss","dismissAriaLabel","automationId","createElement","className","title","viewBox","fill","d","type","onClick","stroke","strokeWidth","strokeLinecap","displayName"],"mappings":"AA2BO,OAAAA,OAAA;AAAA,MAAMC,IAA8CC,gBAAAA,EAAMC,KAC/D,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,WAAAA;AAAAA,EAAWC,WAAAA;AAAAA,EAAWC,kBAAAA;AAAAA,EAAkBC,cAAAA,IAAe;AAAkB,MACjFN,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EACEC,WAAU;AAAA,EACVC,OAAON;AAAAA,EACP,sBAAoBG;AAAa,GAEjCN,gBAAAA,EAAAO,cAAA,OAAA;AAAA,EAAKC,WAAU;AAAA,EAAcE,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAe,eAAY;AAAM,GACrFX,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMK,GAAE;AAA4R,CAAE,GACtSZ,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMK,GAAE;AAAqS,CAAE,CAC5S,GACLZ,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMC,WAAU;AAAwB,GAAEN,CAAY,GACrDE,KACCJ,gBAAAA,EAAAO,cAAA,UAAA;AAAA,EACEM,MAAK;AAAA,EACLL,WAAU;AAAA,EACVM,SAASV;AAAAA,EACT,cAAYC,KAAoB,UAAUH,CAAK;AAAA,EAC/C,sBAAoB,GAAGI,CAAY;AAAW,GAE9CN,gBAAAA,EAAAO,cAAA,OAAA;AAAA,EAAKG,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAOI,QAAO;AAAA,EAAeC,aAAY;AAAA,EAAMC,eAAc;AAAA,EAAQ,eAAY;AAAM,GACnHjB,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMK,GAAE;AAAsB,CAAE,CAC7B,CACC,CAEN,CAEV;AAEAb,EAAcmB,cAAc;"}
+{"version":3,"file":"index48.js","sources":["../src/components/NLSearch/NLSearchInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type NLSuggestionSource = 'recent' | 'global';\n\nexport interface NLSuggestion {\n  text: string;\n  source: NLSuggestionSource;\n  /**\n   * Words inside `text` the backend wants <mark>-highlighted. Set when\n   * the user's typed prefix matched via a synonym (typed \"documents\",\n   * suggestion says \"contracts\" — backend returns `[\"contracts\"]` so the\n   * canonical word still lights up). Empty/undefined falls back to\n   * highlighting the literal typed query.\n   */\n  highlight_terms?: string[];\n}\n\nexport interface NLSearchInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  onSelect?: (suggestion: NLSuggestion) => void;\n  onSubmit?: (text: string) => void;\n  onClear?: () => void;\n  suggestions?: NLSuggestion[];\n  isLoading?: boolean;\n  helperText?: string;\n  helperVariant?: 'info' | 'warning' | 'error';\n  placeholder?: string;\n  /**\n   * When provided alongside `examples`, the input renders a typewriter\n   * placeholder overlay: `<placeholderPrefix><typed-example>` cycling\n   * through the list every ~5s. The native `placeholder` prop is\n   * suppressed while the overlay is active so the two don't collide.\n   */\n  placeholderPrefix?: string;\n  examples?: string[];\n  /**\n   * When true, the bar collapses to just the sparkle disc — the input,\n   * placeholder overlay, clear button, and helper line all hide via\n   * width + opacity transitions. Clicking the disc fires `onExpand`\n   * (the parent toggles `collapsed` back to false). Auto-focuses the\n   * input after the expand animation finishes.\n   */\n  collapsed?: boolean;\n  onExpand?: () => void;\n  automationId?: string;\n  ariaLabel?: string;\n}\n\nconst SparkleIcon = ({ size = 14, className }: { size?: number; className?: string }) => (\n  <svg width={size} height={size} viewBox=\"0 0 18 18\" fill=\"currentColor\" className={className} aria-hidden=\"true\">\n    <path d=\"M3.025,5.623c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263Z\" />\n    <path d=\"M16.525,8.803l-4.535-1.793-1.793-4.535c-.227-.572-1.168-.572-1.395,0l-1.793,4.535-4.535,1.793c-.286,.113-.475,.39-.475,.697s.188,.584,.475,.697l4.535,1.793,1.793,4.535c.113,.286,.39,.474,.697,.474s.584-.188,.697-.474l1.793-4.535,4.535-1.793c.286-.113,.475-.39,.475-.697s-.188-.584-.475-.697Z\" />\n  </svg>\n);\n\nconst ClockIcon = ({ size = 14 }: { size?: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 6v6l4 2\" />\n  </svg>\n);\n\nconst CloseIcon = ({ size = 14 }: { size?: number }) => (\n  <svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n    <path d=\"M18 6 6 18M6 6l12 12\" />\n  </svg>\n);\n\nconst RE_SPECIAL = /[.*+?^${}()|[\\]\\\\]/g;\n\n/**\n * Wrap each case-insensitive occurrence of `terms` (any of them) inside\n * `text` in a <mark>. Long terms first so \"contracts\" wins over a\n * shorter prefix that overlaps. Falls back to splitting on the literal\n * `query` if no `terms` were provided by the backend.\n */\nconst highlightMatch = (\n  text: string,\n  query: string,\n  terms?: string[],\n): React.ReactNode => {\n  const needles = (terms && terms.length ? terms : [query])\n    .map((t) => (t || '').trim())\n    .filter(Boolean);\n  if (!needles.length) return text;\n  // Longest first so substrings don't pre-empt the longer canonical\n  // match (e.g. \"contracts\" should win over \"con\").\n  needles.sort((a, b) => b.length - a.length);\n  const needleSet = new Set(needles.map((n) => n.toLowerCase()));\n  const pattern = needles.map((n) => n.replace(RE_SPECIAL, '\\\\$&')).join('|');\n  const parts = text.split(new RegExp(`(${pattern})`, 'ig'));\n  return parts.map((part, idx) =>\n    needleSet.has(part.toLowerCase())\n      ? <mark key={idx}>{part}</mark>\n      : <React.Fragment key={idx}>{part}</React.Fragment>,\n  );\n};\n\nexport const NLSearchInput: React.FC<NLSearchInputProps> = React.memo(\n  ({\n    value,\n    onChange,\n    onSelect,\n    onSubmit,\n    onClear,\n    suggestions = [],\n    isLoading = false,\n    helperText,\n    helperVariant = 'info',\n    placeholder = 'Get any of your contracts',\n    placeholderPrefix,\n    examples,\n    collapsed = false,\n    onExpand,\n    automationId = 'nl-search-input',\n    ariaLabel = 'Natural language search'\n  }) => {\n    const wrapRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [focused, setFocused] = useState(false);\n    const [activeIndex, setActiveIndex] = useState(-1);\n\n    const handleMarkClick = useCallback(() => {\n      if (collapsed) onExpand?.();\n    }, [collapsed, onExpand]);\n\n    // Typewriter overlay state. Only animates when:\n    //   • caller passed a non-empty `examples` list,\n    //   • the input is empty (no user-typed value),\n    //   • the input isn't focused.\n    // On any of those conditions flipping false the overlay hides\n    // instantly and the native input takes over.\n    const showTypewriter =\n      !!examples && examples.length > 0 && !value && !focused;\n    const [twIdx, setTwIdx] = useState(0);\n    const [twText, setTwText] = useState('');\n    const [twPhase, setTwPhase] = useState<'typing' | 'holding' | 'erasing'>('typing');\n\n    useEffect(() => {\n      if (!showTypewriter) return undefined;\n      const target = examples![twIdx % examples!.length] || '';\n      let delay = 60;\n      if (twPhase === 'typing') {\n        if (twText.length < target.length) {\n          delay = 55 + Math.random() * 35; // slight jitter for organic feel\n        } else {\n          // Finished typing — hold the full sentence before erasing.\n          const t = setTimeout(() => setTwPhase('erasing'), 1800);\n          return () => clearTimeout(t);\n        }\n      } else if (twPhase === 'erasing') {\n        if (twText.length > 0) {\n          delay = 28;\n        } else {\n          // Erased — short pause then cycle to next example.\n          const t = setTimeout(() => {\n            setTwIdx((i) => (i + 1) % examples!.length);\n            setTwPhase('typing');\n          }, 260);\n          return () => clearTimeout(t);\n        }\n      }\n      const tick = setTimeout(() => {\n        if (twPhase === 'typing') setTwText(target.slice(0, twText.length + 1));\n        else if (twPhase === 'erasing') setTwText(target.slice(0, twText.length - 1));\n      }, delay);\n      return () => clearTimeout(tick);\n    }, [showTypewriter, twIdx, twText, twPhase, examples]);\n\n    // Reset typewriter when overlay re-engages so it starts cleanly.\n    useEffect(() => {\n      if (!showTypewriter) {\n        setTwText('');\n        setTwPhase('typing');\n      }\n    }, [showTypewriter]);\n\n    useEffect(() => {\n      setActiveIndex(-1);\n    }, [suggestions]);\n\n    useEffect(() => {\n      if (!focused) return undefined;\n      const onDocClick = (e: MouseEvent) => {\n        if (wrapRef.current && !wrapRef.current.contains(e.target as Node)) {\n          setFocused(false);\n        }\n      };\n      document.addEventListener('mousedown', onDocClick);\n      return () => document.removeEventListener('mousedown', onDocClick);\n    }, [focused]);\n\n    const showPopover = focused && suggestions.length > 0;\n\n    const pick = useCallback(\n      (s: NLSuggestion) => {\n        onSelect?.(s);\n        setFocused(false);\n      },\n      [onSelect]\n    );\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'ArrowDown' && suggestions.length) {\n          e.preventDefault();\n          setActiveIndex((i) => (i + 1) % suggestions.length);\n        } else if (e.key === 'ArrowUp' && suggestions.length) {\n          e.preventDefault();\n          setActiveIndex((i) => (i <= 0 ? suggestions.length - 1 : i - 1));\n        } else if (e.key === 'Enter') {\n          if (activeIndex >= 0 && suggestions[activeIndex]) {\n            e.preventDefault();\n            pick(suggestions[activeIndex]);\n          } else if (value.trim()) {\n            e.preventDefault();\n            onSubmit?.(value.trim());\n            setFocused(false);\n          }\n        } else if (e.key === 'Escape') {\n          setFocused(false);\n        }\n      },\n      [suggestions, activeIndex, value, pick, onSubmit]\n    );\n\n    const handleClear = useCallback(() => {\n      onChange('');\n      onClear?.();\n    }, [onChange, onClear]);\n\n    return (\n      <div\n        className={`nl-wrap${collapsed ? ' is-collapsed' : ''}`}\n        ref={wrapRef}\n        data-automation-id={automationId}\n      >\n        <div className={`nl-input-row${focused ? ' is-active' : ''}${isLoading ? ' is-loading' : ''}${collapsed ? ' is-collapsed' : ''}`}>\n          <div\n            className=\"nl-mark\"\n            aria-hidden={!collapsed}\n            role={collapsed ? 'button' : undefined}\n            aria-label={collapsed ? 'Open AI search' : undefined}\n            tabIndex={collapsed ? 0 : -1}\n            onClick={handleMarkClick}\n            onKeyDown={collapsed ? (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                onExpand?.();\n              }\n            } : undefined}\n          >\n            <SparkleIcon size={14} />\n          </div>\n          <input\n            ref={inputRef}\n            type=\"text\"\n            className=\"nl-input\"\n            value={value}\n            placeholder={showTypewriter ? '' : placeholder}\n            autoComplete=\"off\"\n            aria-label={ariaLabel}\n            // Skip the bar in tab order while collapsed; restored on\n            // expand. Prevents users from \"clicking\" the hidden input\n            // via keyboard.\n            tabIndex={collapsed ? -1 : 0}\n            disabled={collapsed}\n            onChange={(e) => onChange(e.target.value)}\n            onFocus={() => setFocused(true)}\n            onKeyDown={handleKeyDown}\n          />\n          {showTypewriter && (\n            <div className=\"nl-typewriter\" aria-hidden=\"true\">\n              {placeholderPrefix && (\n                <span className=\"nl-typewriter__prefix\">{placeholderPrefix}</span>\n              )}\n              <span className=\"nl-typewriter__example\">{twText}</span>\n              <span className=\"nl-typewriter__caret\" />\n              {/* Closing quote — paired with the opening quote the\n                  caller passes in via placeholderPrefix. Hidden when\n                  the prefix doesn't end with an opening quote so the\n                  component degrades cleanly for callers that pass a\n                  prefix without quotes. */}\n              {placeholderPrefix && /['\"`]\\s*$/.test(placeholderPrefix) && (\n                <span className=\"nl-typewriter__prefix\">\n                  {placeholderPrefix.trim().slice(-1)}\n                </span>\n              )}\n            </div>\n          )}\n          {isLoading && <span className=\"nl-spinner show\" role=\"status\" aria-label=\"Resolving\" />}\n          {!isLoading && value && (\n            <button type=\"button\" className=\"nl-clear show\" title=\"Clear search\" onClick={handleClear}>\n              <CloseIcon size={14} />\n            </button>\n          )}\n        </div>\n\n        {showPopover && (\n          <div className=\"nl-suggestions show\" role=\"listbox\">\n            {suggestions.map((s, i) => (\n              <button\n                key={`${s.source}-${s.text}`}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={i === activeIndex}\n                className={`nl-sug${i === activeIndex ? ' kb-active' : ''}`}\n                onMouseEnter={() => setActiveIndex(i)}\n                onMouseDown={(e) => {\n                  e.preventDefault();\n                  pick(s);\n                }}\n              >\n                {s.source === 'recent' ? (\n                  <ClockIcon size={16} />\n                ) : (\n                  <SparkleIcon size={16} className=\"sparkle\" />\n                )}\n                <span className=\"sug-text\">{highlightMatch(s.text, value.trim(), s.highlight_terms)}</span>\n                {s.source === 'recent' && <span className=\"sug-meta\">Recent</span>}\n              </button>\n            ))}\n          </div>\n        )}\n\n        {helperText && (\n          <div\n            className={`nl-helper nl-helper--${helperVariant}`}\n            role={helperVariant === 'error' ? 'alert' : 'status'}\n          >\n            {helperText}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNLSearchInput.displayName = 'NLSearchInput';\n"],"names":["SparkleIcon","size","className","React","createElement","width","height","viewBox","fill","d","ClockIcon","stroke","strokeWidth","strokeLinecap","strokeLinejoin","cx","cy","r","CloseIcon","RE_SPECIAL","highlightMatch","text","query","terms","needles","length","map","t","trim","filter","Boolean","sort","a","b","needleSet","Set","n","toLowerCase","pattern","replace","join","split","RegExp","part","idx","has","key","Fragment","NLSearchInput","memo","value","onChange","onSelect","onSubmit","onClear","suggestions","isLoading","helperText","helperVariant","placeholder","placeholderPrefix","examples","collapsed","onExpand","automationId","ariaLabel","wrapRef","useRef","inputRef","focused","setFocused","useState","activeIndex","setActiveIndex","handleMarkClick","useCallback","showTypewriter","twIdx","setTwIdx","twText","setTwText","twPhase","setTwPhase","useEffect","target","delay","Math","random","setTimeout","clearTimeout","i","tick","slice","onDocClick","e","current","contains","document","addEventListener","removeEventListener","showPopover","pick","s","handleKeyDown","preventDefault","handleClear","ref","role","undefined","tabIndex","onClick","onKeyDown","type","autoComplete","disabled","onFocus","test","title","source","onMouseEnter","onMouseDown","highlight_terms","displayName"],"mappings":"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"}

package/dist/index49.js

@@ -1,39 +1,43 @@
 import e from "react";
-import { NLDynamicChip as n } from "./index48.js";
-const o = /* @__PURE__ */ e.memo(({
-  chips: l,
-  onClear: r,
-  visible: i,
-  clearLabel: t = "Clear AI filters"
-}) => i ? /* @__PURE__ */ e.createElement("div", {
-  className: "nl-clear-bar",
-  role: "region",
-  "aria-label": "Active AI filters"
-}, l.map((a) => /* @__PURE__ */ e.createElement(n, {
-  key: a.id,
-  label: a.label,
-  fullValue: a.fullValue,
-  automationId: a.automationId
-})), /* @__PURE__ */ e.createElement("button", {
+const i = /* @__PURE__ */ e.memo(({
+  label: a,
+  fullValue: c,
+  onDismiss: t,
+  dismissAriaLabel: n,
+  automationId: l = "nl-dynamic-chip"
+}) => /* @__PURE__ */ e.createElement("span", {
+  className: "nl-dynamic-chip",
+  title: c,
+  "data-automation-id": l
+}, /* @__PURE__ */ e.createElement("svg", {
+  className: "nrc-sparkle",
+  viewBox: "0 0 18 18",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, /* @__PURE__ */ e.createElement("path", {
+  d: "M3.025,5.623c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263Z"
+}), /* @__PURE__ */ e.createElement("path", {
+  d: "M16.525,8.803l-4.535-1.793-1.793-4.535c-.227-.572-1.168-.572-1.395,0l-1.793,4.535-4.535,1.793c-.286,.113-.475,.39-.475,.697s.188,.584,.475,.697l4.535,1.793,1.793,4.535c.113,.286,.39,.474,.697,.474s.584-.188,.697-.474l1.793-4.535,4.535-1.793c.286-.113,.475-.39,.475-.697s-.188-.584-.475-.697Z"
+})), /* @__PURE__ */ e.createElement("span", {
+  className: "nl-dynamic-chip__label"
+}, a), t && /* @__PURE__ */ e.createElement("button", {
   type: "button",
-  className: "nl-clear-cta",
-  onClick: r,
-  "data-automation-id": "nl-clear-ai-filters",
-  "aria-label": t
+  className: "nl-dynamic-chip__dismiss",
+  onClick: t,
+  "aria-label": n || `Remove ${a}`,
+  "data-automation-id": `${l}-dismiss`
 }, /* @__PURE__ */ e.createElement("svg", {
-  width: "12",
-  height: "12",
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
-  strokeWidth: "2.2",
+  strokeWidth: "2.6",
   strokeLinecap: "round",
   "aria-hidden": "true"
 }, /* @__PURE__ */ e.createElement("path", {
   d: "M18 6 6 18M6 6l12 12"
-})), /* @__PURE__ */ e.createElement("span", null, t))) : null);
-o.displayName = "ClearAiFiltersBar";
+})))));
+i.displayName = "NLDynamicChip";
 export {
-  o as ClearAiFiltersBar
+  i as NLDynamicChip
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/NLSearch/ClearAiFiltersBar.tsx"],"sourcesContent":["import React from 'react';\nimport { NLDynamicChip, NLDynamicChipProps } from './NLDynamicChip';\n\nexport interface ClearAiFiltersBarProps {\n  /** Chips to render — read-only indicators for NL-derived filters that don't have a manual chip. */\n  chips: (NLDynamicChipProps & { id: string })[];\n  /** Fires the \"snapshot revert\" — caller restores all pre-NL filter state. */\n  onClear: () => void;\n  /** Show the bar only when an NL search is active. */\n  visible: boolean;\n  clearLabel?: string;\n}\n\n/**\n * Inline bar that appears under the AI search input when an NL query is\n * active. Renders any dynamic (unknown-key) chips followed by a single\n * \"Clear AI filters\" ✕ CTA. Clicking the CTA reverts the entire NL\n * state to the snapshot captured before the query — same effect as a\n * page refresh, which also wipes NL state by design.\n */\nexport const ClearAiFiltersBar: React.FC<ClearAiFiltersBarProps> = React.memo(\n  ({ chips, onClear, visible, clearLabel = 'Clear AI filters' }) => {\n    if (!visible) return null;\n    return (\n      <div className=\"nl-clear-bar\" role=\"region\" aria-label=\"Active AI filters\">\n        {chips.map((chip) => (\n          <NLDynamicChip key={chip.id} label={chip.label} fullValue={chip.fullValue} automationId={chip.automationId} />\n        ))}\n        <button\n          type=\"button\"\n          className=\"nl-clear-cta\"\n          onClick={onClear}\n          data-automation-id=\"nl-clear-ai-filters\"\n          aria-label={clearLabel}\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n          <span>{clearLabel}</span>\n        </button>\n      </div>\n    );\n  }\n);\n\nClearAiFiltersBar.displayName = 'ClearAiFiltersBar';\n"],"names":["React__default","NLDynamicChip","ClearAiFiltersBar","React","memo","chips","onClear","visible","clearLabel","createElement","className","role","map","chip","key","id","label","fullValue","automationId","type","onClick","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","d","displayName"],"mappings":"AAoBO,OAAAA,OAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,MAAMC,IAAsDC,gBAAAA,EAAMC,KACvE,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,SAAAA;AAAAA,EAASC,SAAAA;AAAAA,EAASC,YAAAA,IAAa;AAAmB,MACrDD,IAEHJ,gBAAAA,EAAAM,cAAA,OAAA;AAAA,EAAKC,WAAU;AAAA,EAAeC,MAAK;AAAA,EAAS,cAAW;AAAA,GACpDN,EAAMO,IAAKC,CAAAA,MACVV,gBAAAA,EAAAM,cAACR,GAAa;AAAA,EAACa,KAAKD,EAAKE;AAAAA,EAAIC,OAAOH,EAAKG;AAAAA,EAAOC,WAAWJ,EAAKI;AAAAA,EAAWC,cAAcL,EAAKK;AAAAA,CAAe,CAC9G,GACDf,gBAAAA,EAAAM,cAAA,UAAA;AAAA,EACEU,MAAK;AAAA,EACLT,WAAU;AAAA,EACVU,SAASd;AAAAA,EACT,sBAAmB;AAAA,EACnB,cAAYE;AAAAA,GAEZL,gBAAAA,EAAAM,cAAA,OAAA;AAAA,EAAKY,OAAM;AAAA,EAAKC,QAAO;AAAA,EAAKC,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAOC,QAAO;AAAA,EAAeC,aAAY;AAAA,EAAMC,eAAc;AAAA,EAAQ,eAAY;AAAA,GACpIxB,gBAAAA,EAAAM,cAAA,QAAA;AAAA,EAAMmB,GAAE;AAAA,CAAwB,CAC7B,GACLzB,gBAAAA,EAAAM,cAAA,QAAA,MAAOD,CAAiB,CAClB,CACL,IAlBc,IAqBzB;AAEAN,EAAkB2B,cAAc;"}
+{"version":3,"file":"index49.js","sources":["../src/components/NLSearch/NLDynamicChip.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface NLDynamicChipProps {\n  /** Display label, e.g. \"Contract value > 100,000\". */\n  label: string;\n  /**\n   * Optional canonical operator+value string, shown as a hover tooltip.\n   * Use the raw filter representation, e.g. `contract_value > 100000`.\n   */\n  fullValue?: string;\n  /**\n   * When provided, the chip renders an X control on the right that\n   * fires this callback. Use it for per-chip selective dismissal; omit\n   * it to render the chip as a pure indicator.\n   */\n  onDismiss?: () => void;\n  /** aria-label for the dismiss control. Defaults to \"Remove filter\". */\n  dismissAriaLabel?: string;\n  automationId?: string;\n}\n\n/**\n * Chip rendered in the AI-filters row for keyterms that don't have a\n * dedicated chip in the manual filter UI today (contract_value,\n * salary, expiry_date, governing_law, …). Acts as a pure indicator by\n * default; pass `onDismiss` to make it individually dismissible.\n */\nexport const NLDynamicChip: React.FC<NLDynamicChipProps> = React.memo(\n  ({ label, fullValue, onDismiss, dismissAriaLabel, automationId = 'nl-dynamic-chip' }) => (\n    <span\n      className=\"nl-dynamic-chip\"\n      title={fullValue}\n      data-automation-id={automationId}\n    >\n      <svg className=\"nrc-sparkle\" viewBox=\"0 0 18 18\" fill=\"currentColor\" aria-hidden=\"true\">\n        <path d=\"M3.025,5.623c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263Z\" />\n        <path d=\"M16.525,8.803l-4.535-1.793-1.793-4.535c-.227-.572-1.168-.572-1.395,0l-1.793,4.535-4.535,1.793c-.286,.113-.475,.39-.475,.697s.188,.584,.475,.697l4.535,1.793,1.793,4.535c.113,.286,.39,.474,.697,.474s.584-.188,.697-.474l1.793-4.535,4.535-1.793c.286-.113,.475-.39,.475-.697s-.188-.584-.475-.697Z\" />\n      </svg>\n      <span className=\"nl-dynamic-chip__label\">{label}</span>\n      {onDismiss && (\n        <button\n          type=\"button\"\n          className=\"nl-dynamic-chip__dismiss\"\n          onClick={onDismiss}\n          aria-label={dismissAriaLabel || `Remove ${label}`}\n          data-automation-id={`${automationId}-dismiss`}\n        >\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.6\" strokeLinecap=\"round\" aria-hidden=\"true\">\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        </button>\n      )}\n    </span>\n  )\n);\n\nNLDynamicChip.displayName = 'NLDynamicChip';\n"],"names":["React__default","NLDynamicChip","React","memo","label","fullValue","onDismiss","dismissAriaLabel","automationId","createElement","className","title","viewBox","fill","d","type","onClick","stroke","strokeWidth","strokeLinecap","displayName"],"mappings":"AA2BO,OAAAA,OAAA;AAAA,MAAMC,IAA8CC,gBAAAA,EAAMC,KAC/D,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,WAAAA;AAAAA,EAAWC,WAAAA;AAAAA,EAAWC,kBAAAA;AAAAA,EAAkBC,cAAAA,IAAe;AAAkB,MACjFN,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EACEC,WAAU;AAAA,EACVC,OAAON;AAAAA,EACP,sBAAoBG;AAAa,GAEjCN,gBAAAA,EAAAO,cAAA,OAAA;AAAA,EAAKC,WAAU;AAAA,EAAcE,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAe,eAAY;AAAM,GACrFX,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMK,GAAE;AAA4R,CAAE,GACtSZ,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMK,GAAE;AAAqS,CAAE,CAC5S,GACLZ,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMC,WAAU;AAAwB,GAAEN,CAAY,GACrDE,KACCJ,gBAAAA,EAAAO,cAAA,UAAA;AAAA,EACEM,MAAK;AAAA,EACLL,WAAU;AAAA,EACVM,SAASV;AAAAA,EACT,cAAYC,KAAoB,UAAUH,CAAK;AAAA,EAC/C,sBAAoB,GAAGI,CAAY;AAAW,GAE9CN,gBAAAA,EAAAO,cAAA,OAAA;AAAA,EAAKG,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAOI,QAAO;AAAA,EAAeC,aAAY;AAAA,EAAMC,eAAc;AAAA,EAAQ,eAAY;AAAM,GACnHjB,gBAAAA,EAAAO,cAAA,QAAA;AAAA,EAAMK,GAAE;AAAsB,CAAE,CAC7B,CACC,CAEN,CAEV;AAEAb,EAAcmB,cAAc;"}

package/dist/index50.js

@@ -0,0 +1,39 @@
+import e from "react";
+import { NLDynamicChip as n } from "./index49.js";
+const o = /* @__PURE__ */ e.memo(({
+  chips: l,
+  onClear: r,
+  visible: i,
+  clearLabel: t = "Clear AI filters"
+}) => i ? /* @__PURE__ */ e.createElement("div", {
+  className: "nl-clear-bar",
+  role: "region",
+  "aria-label": "Active AI filters"
+}, l.map((a) => /* @__PURE__ */ e.createElement(n, {
+  key: a.id,
+  label: a.label,
+  fullValue: a.fullValue,
+  automationId: a.automationId
+})), /* @__PURE__ */ e.createElement("button", {
+  type: "button",
+  className: "nl-clear-cta",
+  onClick: r,
+  "data-automation-id": "nl-clear-ai-filters",
+  "aria-label": t
+}, /* @__PURE__ */ e.createElement("svg", {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2.2",
+  strokeLinecap: "round",
+  "aria-hidden": "true"
+}, /* @__PURE__ */ e.createElement("path", {
+  d: "M18 6 6 18M6 6l12 12"
+})), /* @__PURE__ */ e.createElement("span", null, t))) : null);
+o.displayName = "ClearAiFiltersBar";
+export {
+  o as ClearAiFiltersBar
+};
+//# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index50.js","sources":["../src/components/NLSearch/ClearAiFiltersBar.tsx"],"sourcesContent":["import React from 'react';\nimport { NLDynamicChip, NLDynamicChipProps } from './NLDynamicChip';\n\nexport interface ClearAiFiltersBarProps {\n  /** Chips to render — read-only indicators for NL-derived filters that don't have a manual chip. */\n  chips: (NLDynamicChipProps & { id: string })[];\n  /** Fires the \"snapshot revert\" — caller restores all pre-NL filter state. */\n  onClear: () => void;\n  /** Show the bar only when an NL search is active. */\n  visible: boolean;\n  clearLabel?: string;\n}\n\n/**\n * Inline bar that appears under the AI search input when an NL query is\n * active. Renders any dynamic (unknown-key) chips followed by a single\n * \"Clear AI filters\" ✕ CTA. Clicking the CTA reverts the entire NL\n * state to the snapshot captured before the query — same effect as a\n * page refresh, which also wipes NL state by design.\n */\nexport const ClearAiFiltersBar: React.FC<ClearAiFiltersBarProps> = React.memo(\n  ({ chips, onClear, visible, clearLabel = 'Clear AI filters' }) => {\n    if (!visible) return null;\n    return (\n      <div className=\"nl-clear-bar\" role=\"region\" aria-label=\"Active AI filters\">\n        {chips.map((chip) => (\n          <NLDynamicChip key={chip.id} label={chip.label} fullValue={chip.fullValue} automationId={chip.automationId} />\n        ))}\n        <button\n          type=\"button\"\n          className=\"nl-clear-cta\"\n          onClick={onClear}\n          data-automation-id=\"nl-clear-ai-filters\"\n          aria-label={clearLabel}\n        >\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n          <span>{clearLabel}</span>\n        </button>\n      </div>\n    );\n  }\n);\n\nClearAiFiltersBar.displayName = 'ClearAiFiltersBar';\n"],"names":["React__default","NLDynamicChip","ClearAiFiltersBar","React","memo","chips","onClear","visible","clearLabel","createElement","className","role","map","chip","key","id","label","fullValue","automationId","type","onClick","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","d","displayName"],"mappings":"AAoBO,OAAAA,OAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,MAAMC,IAAsDC,gBAAAA,EAAMC,KACvE,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,SAAAA;AAAAA,EAASC,SAAAA;AAAAA,EAASC,YAAAA,IAAa;AAAmB,MACrDD,IAEHJ,gBAAAA,EAAAM,cAAA,OAAA;AAAA,EAAKC,WAAU;AAAA,EAAeC,MAAK;AAAA,EAAS,cAAW;AAAA,GACpDN,EAAMO,IAAKC,CAAAA,MACVV,gBAAAA,EAAAM,cAACR,GAAa;AAAA,EAACa,KAAKD,EAAKE;AAAAA,EAAIC,OAAOH,EAAKG;AAAAA,EAAOC,WAAWJ,EAAKI;AAAAA,EAAWC,cAAcL,EAAKK;AAAAA,CAAe,CAC9G,GACDf,gBAAAA,EAAAM,cAAA,UAAA;AAAA,EACEU,MAAK;AAAA,EACLT,WAAU;AAAA,EACVU,SAASd;AAAAA,EACT,sBAAmB;AAAA,EACnB,cAAYE;AAAAA,GAEZL,gBAAAA,EAAAM,cAAA,OAAA;AAAA,EAAKY,OAAM;AAAA,EAAKC,QAAO;AAAA,EAAKC,SAAQ;AAAA,EAAYC,MAAK;AAAA,EAAOC,QAAO;AAAA,EAAeC,aAAY;AAAA,EAAMC,eAAc;AAAA,EAAQ,eAAY;AAAA,GACpIxB,gBAAAA,EAAAM,cAAA,QAAA;AAAA,EAAMmB,GAAE;AAAA,CAAwB,CAC7B,GACLzB,gBAAAA,EAAAM,cAAA,QAAA,MAAOD,CAAiB,CAClB,CACL,IAlBc,IAqBzB;AAEAN,EAAkB2B,cAAc;"}