@alfadocs/ui-kit-debug 0.1.8

package/dist/_chunks/search-bar-fcGqDFW3.js

@@ -0,0 +1,397 @@
+import { jsx as s, jsxs as D, Fragment as G } from "react/jsx-runtime";
+import { forwardRef as U, useState as V, useEffect as O, useRef as W, useId as J, useMemo as X, useCallback as _ } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import * as j from "@radix-ui/react-popover";
+import { S as Y } from "./search-input-BVMCONyN.js";
+import { S as Z } from "./search-BonnQsHv.js";
+import { n as L } from "./normalize-diacritics-BNGbFNlJ.js";
+import { u as ee } from "./use-debounced-callback-BisrB-Fq.js";
+function se() {
+  if (typeof navigator > "u") return !1;
+  const r = navigator.userAgentData, a = (r == null ? void 0 : r.platform) ?? navigator.platform ?? "";
+  return /mac/i.test(a);
+}
+const ae = P(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    // Same visual language as <SearchInput> so the launcher truly looks
+    // like an input. --muted-foreground over --background meets AA 4.5:1
+    // in every theme; --muted is a mid-tone not suitable as a surface.
+    "ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]",
+    "ds:text-[color:var(--muted-foreground)]",
+    // Opaque hover — mix 20% muted into --background so the launcher stays a
+    // solid surface even when placed over a brand-tinted parent (e.g. the
+    // Header's `brand` variant).
+    "ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]",
+    "ds:transition-colors ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
+      },
+      density: {
+        default: "",
+        compact: "ds:min-h-0 ds:h-8"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      density: "default"
+    }
+  }
+), re = P(
+  [
+    "ds:inline-flex ds:flex-col",
+    "ds:w-full"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      },
+      density: {
+        default: "",
+        compact: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      density: "default"
+    }
+  }
+), B = P(
+  [
+    "ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]",
+    "ds:ms-auto",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)]",
+    "ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]",
+    "ds:py-[calc(var(--spacing-xs)/2)]",
+    // Use full --foreground (not --muted-foreground) so axe's contrast
+    // check clears 4.5:1 even against the 1px --border edge region.
+    "ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]",
+    "ds:font-[family-name:var(--font-mono)]"
+  ].join(" ")
+), te = P(
+  [
+    "ds:z-[var(--z-dropdown)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:p-[var(--spacing-xs)]",
+    // Motion gates — reduced-motion honoured via .theme-accessible's 0ms
+    // animation-duration token.
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out",
+    "ds:motion-reduce:animate-none"
+  ].join(" ")
+);
+function ge(r, a) {
+  const o = L(r.trim());
+  return o === "" ? a : a.map((n) => ({
+    ...n,
+    items: n.items.filter(
+      (p) => L(p.label).includes(o)
+    )
+  })).filter((n) => n.items.length > 0);
+}
+const ne = U(
+  (r, a) => {
+    const {
+      mode: o = "launcher",
+      size: n = "md",
+      density: p = "default",
+      topLevel: y = !1,
+      placeholder: d,
+      shortcutHint: h = !0,
+      className: v,
+      onOpenCommandPalette: t,
+      value: g,
+      defaultValue: z,
+      onQueryChange: k,
+      results: i,
+      onSelect: b,
+      debounceMs: C,
+      ...l
+    } = r, { t: c } = E(), [R, I] = V(!1);
+    O(() => {
+      I(se());
+    }, []);
+    const S = R ? "⌘K" : "Ctrl+K", u = "Meta+K Control+K", m = y ? { role: "search" } : { role: void 0 };
+    if (o === "launcher") {
+      const N = d ?? c("search.placeholder", "Search…");
+      return /* @__PURE__ */ s("div", { ref: a, ...m, "data-component": "search-bar", className: v, children: /* @__PURE__ */ D(
+        "button",
+        {
+          type: "button",
+          onClick: t,
+          "aria-haspopup": "dialog",
+          "aria-label": c("search.open", "Open search"),
+          "aria-keyshortcuts": u,
+          className: ae({ size: n, density: p }),
+          ...l,
+          children: [
+            /* @__PURE__ */ s(
+              Z,
+              {
+                "aria-hidden": !0,
+                className: "ds:size-4 ds:shrink-0",
+                focusable: "false"
+              }
+            ),
+            /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "ds:truncate ds:text-start", children: N }),
+            h ? /* @__PURE__ */ s("kbd", { className: B(), children: S }) : null
+          ]
+        }
+      ) });
+    }
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        forwardedRef: a,
+        size: n,
+        density: p,
+        landmarkProps: m,
+        placeholder: d,
+        shortcutHint: h,
+        shortcutLabel: S,
+        ariaKeyshortcuts: u,
+        className: v,
+        ...r
+      }
+    );
+  }
+);
+ne.displayName = "SearchBar";
+function oe(r) {
+  const {
+    forwardedRef: a,
+    size: o,
+    density: n,
+    landmarkProps: p,
+    placeholder: y,
+    shortcutHint: d,
+    shortcutLabel: h,
+    ariaKeyshortcuts: v,
+    className: t,
+    value: g,
+    defaultValue: z,
+    onQueryChange: k,
+    results: i,
+    onSelect: b,
+    debounceMs: C = 150
+  } = r, { t: l } = E(), c = g !== void 0, [R, I] = V(z ?? ""), S = c ? g ?? "" : R, [u, m] = V(!1), [x, N] = V(0), H = W(null), M = J(), $ = ee((e) => {
+    k == null || k(e);
+  }, C), f = X(() => i ? i.flatMap((e) => e.items) : [], [i]);
+  O(() => {
+    x > f.length - 1 && N(0);
+  }, [f.length, x]);
+  const q = _(
+    (e) => {
+      c || I(e), $(e), m(e.trim().length > 0);
+    },
+    [$, c]
+  ), A = _(
+    (e) => {
+      b == null || b(e), m(!1), c || I("");
+    },
+    [b, c]
+  ), F = _(
+    (e) => {
+      if (!(e.nativeEvent.isComposing || e.keyCode === 229)) {
+        if (!u && e.key === "ArrowDown" && f.length > 0) {
+          e.preventDefault(), m(!0);
+          return;
+        }
+        if (u)
+          if (e.key === "ArrowDown")
+            e.preventDefault(), N((w) => (w + 1) % Math.max(f.length, 1));
+          else if (e.key === "ArrowUp")
+            e.preventDefault(), N(
+              (w) => (w - 1 + Math.max(f.length, 1)) % Math.max(f.length, 1)
+            );
+          else if (e.key === "Enter") {
+            const w = f[x];
+            w && (e.preventDefault(), A(w));
+          } else e.key === "Escape" && (e.preventDefault(), m(!1));
+      }
+    },
+    [u, f, x, A]
+  ), Q = y ?? l("search.placeholder", "Search…"), K = f.length > 0, T = u && K ? `${M}-option-${x}` : void 0;
+  return /* @__PURE__ */ s(j.Root, { open: u && K, onOpenChange: m, children: /* @__PURE__ */ D(
+    "div",
+    {
+      ref: a,
+      ...p,
+      "data-component": "search-bar",
+      className: [re({ size: o, density: n }), t].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ s(j.Anchor, { asChild: !0, children: /* @__PURE__ */ D(
+          "div",
+          {
+            className: "ds:relative ds:flex ds:items-center",
+            onKeyDown: F,
+            children: [
+              /* @__PURE__ */ s(
+                Y,
+                {
+                  ref: H,
+                  size: o,
+                  value: S,
+                  onInput: q,
+                  placeholder: Q,
+                  "aria-label": l("search.label", "Search"),
+                  "aria-keyshortcuts": v,
+                  role: "combobox",
+                  "aria-expanded": u && K,
+                  "aria-controls": M,
+                  "aria-activedescendant": T
+                }
+              ),
+              d ? /* @__PURE__ */ s(
+                "kbd",
+                {
+                  className: [
+                    B(),
+                    "ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2",
+                    "ds:pointer-events-none"
+                  ].join(" "),
+                  children: h
+                }
+              ) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ s(j.Portal, { children: /* @__PURE__ */ s(
+          j.Content,
+          {
+            side: "bottom",
+            align: "start",
+            sideOffset: 4,
+            "aria-label": l("search.resultsLabel", "Search results"),
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            className: [
+              te(),
+              "ds:w-[var(--radix-popover-trigger-width)]"
+            ].join(" "),
+            children: /* @__PURE__ */ s(
+              "div",
+              {
+                id: M,
+                role: "listbox",
+                "aria-label": l("search.resultsLabel", "Search results"),
+                className: "ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]",
+                children: i && i.length > 0 ? de(
+                  i,
+                  x,
+                  M,
+                  A,
+                  N
+                ) : /* @__PURE__ */ s(
+                  "div",
+                  {
+                    role: "presentation",
+                    className: "ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]",
+                    children: l("search.noResults", "No results for “{{query}}”", {
+                      query: S
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+function de(r, a, o, n, p) {
+  let y = 0;
+  return r.map((d, h) => {
+    const v = d.heading ? `${o}-group-${h}-heading` : void 0;
+    return /* @__PURE__ */ D(
+      "div",
+      {
+        role: d.heading ? "group" : "presentation",
+        "aria-labelledby": v,
+        children: [
+          d.heading ? /* @__PURE__ */ s(
+            "div",
+            {
+              id: v,
+              "aria-hidden": "true",
+              className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]",
+              children: d.heading
+            }
+          ) : null,
+          d.items.map((t) => {
+            const g = y;
+            y += 1;
+            const z = g === a, k = `${o}-option-${g}`, i = ie(t.href), b = [
+              "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+              "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+              "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+              "ds:rounded-[var(--radius-sm)]",
+              "ds:cursor-pointer",
+              "ds:no-underline ds:text-[color:var(--foreground)]",
+              "ds:min-h-[var(--min-target-size)]",
+              z ? "ds:bg-[var(--muted)]/40" : ""
+            ].join(" "), C = /* @__PURE__ */ D(G, { children: [
+              t.icon ? /* @__PURE__ */ s(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
+                  children: t.icon
+                }
+              ) : null,
+              /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-[length:var(--font-size-sm)]", children: t.label }),
+              t.meta ? /* @__PURE__ */ s("span", { className: "ds:ms-auto type-meta ds:text-[color:var(--foreground)]", children: t.meta }) : null
+            ] }), l = {
+              id: k,
+              role: "option",
+              "aria-selected": z,
+              // onMouseDown rather than onClick so we trigger before the
+              // input loses focus to the pointer-down on the popover.
+              onMouseDown: (c) => {
+                c.preventDefault(), n(t);
+              },
+              onMouseEnter: () => p(g),
+              className: b
+            };
+            return i ? /* @__PURE__ */ s("a", { href: i, ...l, children: C }, t.id) : /* @__PURE__ */ s("div", { ...l, children: C }, t.id);
+          })
+        ]
+      },
+      `g-${h}`
+    );
+  });
+}
+function ie(r) {
+  if (!r) return;
+  const a = r.trim();
+  if (a !== "" && (/^(https?:|mailto:|tel:)/i.test(a) || /^(\/|\.\/|\.\.\/)/.test(a)))
+    return a;
+}
+export {
+  ne as S,
+  ge as f
+};
+//# sourceMappingURL=search-bar-fcGqDFW3.js.map

package/dist/_chunks/search-bar-fcGqDFW3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-fcGqDFW3.js","sources":["../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { SearchInput } from '../search-input/search-input';\nimport { useDebouncedCallback, normalizeDiacritics } from '../_shared';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut detection                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction isMacLike(): boolean {\n  if (typeof navigator === 'undefined') return false;\n  // Prefer `userAgentData.platform` where supported; fall back to the\n  // deprecated `navigator.platform`. Both are strings; we just look for\n  // `mac`.\n  const uaData = (navigator as unknown as {\n    userAgentData?: { platform?: string };\n  }).userAgentData;\n  const platformString = uaData?.platform ?? navigator.platform ?? '';\n  return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst launcherVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    // Same visual language as <SearchInput> so the launcher truly looks\n    // like an input. --muted-foreground over --background meets AA 4.5:1\n    // in every theme; --muted is a mid-tone not suitable as a surface.\n    'ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]',\n    'ds:text-[color:var(--muted-foreground)]',\n    // Opaque hover — mix 20% muted into --background so the launcher stays a\n    // solid surface even when placed over a brand-tinted parent (e.g. the\n    // Header's `brand` variant).\n    'ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n    'ds:transition-colors ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n      density: {\n        default: '',\n        compact: 'ds:min-h-0 ds:h-8',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      density: 'default',\n    },\n  },\n);\n\nconst inlineWrapperVariants = cva(\n  [\n    'ds:inline-flex ds:flex-col',\n    'ds:w-full',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n      density: {\n        default: '',\n        compact: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      density: 'default',\n    },\n  },\n);\n\nconst shortcutPillVariants = cva(\n  [\n    'ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]',\n    'ds:ms-auto',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--background)]',\n    'ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]',\n    'ds:py-[calc(var(--spacing-xs)/2)]',\n    // Use full --foreground (not --muted-foreground) so axe's contrast\n    // check clears 4.5:1 even against the 1px --border edge region.\n    'ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]',\n    'ds:font-[family-name:var(--font-mono)]',\n  ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:p-[var(--spacing-xs)]',\n    // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n    // animation-duration token.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchBarResultItem {\n  id: string;\n  /** Display label. */\n  label: string;\n  /** Optional icon rendered on inline-start (aria-hidden). */\n  icon?: ReactNode;\n  /** Optional right-aligned meta text (tag, count, section label). */\n  meta?: string;\n  /** Optional href — the list renders anchors when present. */\n  href?: string;\n}\n\nexport interface SearchBarResultGroup {\n  /** Heading displayed above the items (aria-hidden=\"true\" — visual only). */\n  heading?: string;\n  items: SearchBarResultItem[];\n}\n\ntype SharedProps = {\n  size?: 'sm' | 'md' | 'lg';\n  density?: 'default' | 'compact';\n  /** `true` wraps in <search role=\"search\"> when this is the page's primary search. */\n  topLevel?: boolean;\n  placeholder?: string;\n  /** Platform-aware shortcut pill — default `true` (hidden below `md` breakpoint). */\n  shortcutHint?: boolean;\n  className?: string;\n};\n\ntype LauncherProps = SharedProps & {\n  mode?: 'launcher';\n  /** Called on click / Enter / global Cmd/Ctrl+K. */\n  onOpenCommandPalette: () => void;\n  // Not used in launcher mode.\n  value?: never;\n  defaultValue?: never;\n  onQueryChange?: never;\n  results?: never;\n  onSelect?: never;\n  debounceMs?: never;\n};\n\ntype InlineProps = SharedProps & {\n  mode: 'inline';\n  value?: string;\n  defaultValue?: string;\n  onQueryChange?: (query: string) => void;\n  /** Groups of results rendered in the popover. */\n  results?: SearchBarResultGroup[];\n  onSelect?: (item: SearchBarResultItem) => void;\n  debounceMs?: number;\n  // Not used in inline mode.\n  onOpenCommandPalette?: never;\n};\n\nexport type SearchBarProps = (LauncherProps | InlineProps) &\n  Omit<\n    HTMLAttributes<HTMLDivElement>,\n    'role' | 'onChange' | 'children' | 'defaultValue' | 'results'\n  > &\n  VariantProps<typeof launcherVariants>;\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nexport function filterSearchResults(\n  query: string,\n  groups: SearchBarResultGroup[],\n): SearchBarResultGroup[] {\n  const needle = normalizeDiacritics(query.trim());\n  if (needle === '') return groups;\n  return groups\n    .map((g) => ({\n      ...g,\n      items: g.items.filter((item) =>\n        normalizeDiacritics(item.label).includes(needle),\n      ),\n    }))\n    .filter((g) => g.items.length > 0);\n}\n\n/* ------------------------------------------------------------------ */\n/* SearchBar                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const SearchBar = forwardRef<HTMLDivElement, SearchBarProps>(\n  (props, ref) => {\n    // Strip every API prop from `...rest` so nothing leaks to the DOM as\n    // an unknown attribute (React warns in DEV and some become invalid\n    // HTML in production).\n    const {\n      mode = 'launcher',\n      size = 'md',\n      density = 'default',\n      topLevel = false,\n      placeholder,\n      shortcutHint = true,\n      className,\n      onOpenCommandPalette,\n      value: _value,\n      defaultValue: _defaultValue,\n      onQueryChange: _onQueryChange,\n      results: _results,\n      onSelect: _onSelect,\n      debounceMs: _debounceMs,\n      ...rest\n    } = props as SearchBarProps & { className?: string };\n    // silence unused-var warnings for the destructured siblings we only\n    // needed to peel off the spread target.\n    void _value;\n    void _defaultValue;\n    void _onQueryChange;\n    void _results;\n    void _onSelect;\n    void _debounceMs;\n\n    const { t } = useTranslation();\n    const [isMac, setIsMac] = useState(false);\n    useEffect(() => {\n      setIsMac(isMacLike());\n    }, []);\n\n    const shortcutLabel = isMac ? '\\u2318K' : 'Ctrl+K';\n    // Advertise the shortcut on the launcher button. The binding itself\n    // lives in `useCommandPalette()` (CommandPalette owns its open state);\n    // duplicating the listener here would cause a double-fire.\n    const ariaKeyshortcuts = 'Meta+K Control+K';\n\n    /* ---- Landmark role --------------------------------------------- */\n    const landmarkProps = topLevel\n      ? { role: 'search' as const }\n      : { role: undefined };\n\n    /* ---- LAUNCHER MODE -------------------------------------------- */\n    if (mode === 'launcher') {\n      const resolvedPlaceholder =\n        placeholder ?? t('search.placeholder', 'Search\\u2026');\n      return (\n        <div ref={ref} {...landmarkProps} data-component=\"search-bar\" className={className}>\n          <button\n            type=\"button\"\n            onClick={onOpenCommandPalette}\n            aria-haspopup=\"dialog\"\n            aria-label={t('search.open', 'Open search')}\n            aria-keyshortcuts={ariaKeyshortcuts}\n            className={launcherVariants({ size, density })}\n            {...(rest as HTMLAttributes<HTMLButtonElement>)}\n          >\n            <Search\n              aria-hidden\n              className=\"ds:size-4 ds:shrink-0\"\n              focusable=\"false\"\n            />\n            <span aria-hidden=\"true\" className=\"ds:truncate ds:text-start\">\n              {resolvedPlaceholder}\n            </span>\n            {shortcutHint ? (\n              <kbd className={shortcutPillVariants()}>{shortcutLabel}</kbd>\n            ) : null}\n          </button>\n        </div>\n      );\n    }\n\n    /* ---- INLINE MODE ---------------------------------------------- */\n    const inlineProps = props as InlineProps;\n    return (\n      <InlineSearchBar\n        forwardedRef={ref}\n        size={size}\n        density={density}\n        landmarkProps={landmarkProps}\n        placeholder={placeholder}\n        shortcutHint={shortcutHint}\n        shortcutLabel={shortcutLabel}\n        ariaKeyshortcuts={ariaKeyshortcuts}\n        className={className}\n        {...inlineProps}\n      />\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\n/* ------------------------------------------------------------------ */\n/* InlineSearchBar — internal                                           */\n/* ------------------------------------------------------------------ */\n\ninterface InlineInternalProps extends InlineProps {\n  forwardedRef: React.ForwardedRef<HTMLDivElement>;\n  size: 'sm' | 'md' | 'lg';\n  density: 'default' | 'compact';\n  landmarkProps: { role?: 'search' };\n  shortcutHint: boolean;\n  shortcutLabel: string;\n  ariaKeyshortcuts: string;\n  className?: string;\n}\n\nfunction InlineSearchBar(props: InlineInternalProps): ReactNode {\n  const {\n    forwardedRef,\n    size,\n    density,\n    landmarkProps,\n    placeholder,\n    shortcutHint,\n    shortcutLabel,\n    ariaKeyshortcuts,\n    className,\n    value,\n    defaultValue,\n    onQueryChange,\n    results,\n    onSelect,\n    debounceMs = 150,\n  } = props;\n\n  const { t } = useTranslation();\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n  const query = isControlled ? (value ?? '') : internalValue;\n\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const listboxId = useId();\n\n  const debouncedQueryChange = useDebouncedCallback((next: string) => {\n    onQueryChange?.(next);\n  }, debounceMs);\n\n  const flatResults = useMemo<SearchBarResultItem[]>(() => {\n    if (!results) return [];\n    return results.flatMap((g) => g.items);\n  }, [results]);\n\n  // Reset active index whenever the result count changes.\n  useEffect(() => {\n    if (activeIndex > flatResults.length - 1) setActiveIndex(0);\n  }, [flatResults.length, activeIndex]);\n\n  const handleInput = useCallback(\n    (raw: string) => {\n      if (!isControlled) setInternalValue(raw);\n      debouncedQueryChange(raw);\n      setOpen(raw.trim().length > 0);\n    },\n    [debouncedQueryChange, isControlled],\n  );\n\n  const commit = useCallback(\n    (item: SearchBarResultItem) => {\n      onSelect?.(item);\n      setOpen(false);\n      if (!isControlled) setInternalValue('');\n    },\n    [onSelect, isControlled],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n      if (!open && event.key === 'ArrowDown' && flatResults.length > 0) {\n        event.preventDefault();\n        setOpen(true);\n        return;\n      }\n      if (!open) return;\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        setActiveIndex((i) => (i + 1) % Math.max(flatResults.length, 1));\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        setActiveIndex(\n          (i) =>\n            (i - 1 + Math.max(flatResults.length, 1)) %\n            Math.max(flatResults.length, 1),\n        );\n      } else if (event.key === 'Enter') {\n        const item = flatResults[activeIndex];\n        if (item) {\n          event.preventDefault();\n          commit(item);\n        }\n      } else if (event.key === 'Escape') {\n        event.preventDefault();\n        setOpen(false);\n      }\n    },\n    [open, flatResults, activeIndex, commit],\n  );\n\n  const resolvedPlaceholder =\n    placeholder ?? t('search.placeholder', 'Search\\u2026');\n\n  const hasResults = flatResults.length > 0;\n  // aria-activedescendant may only reference an element that actually exists\n  // in the DOM — so only set it when the popover is open AND there are\n  // results to land on. Referencing a non-existent option is an a11y\n  // violation (aria-valid-attr-value).\n  const activeDescendantId =\n    open && hasResults ? `${listboxId}-option-${activeIndex}` : undefined;\n\n  return (\n    <RadixPopover.Root open={open && hasResults} onOpenChange={setOpen}>\n      <div\n        ref={forwardedRef}\n        {...landmarkProps}\n        data-component=\"search-bar\"\n        className={[inlineWrapperVariants({ size, density }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <RadixPopover.Anchor asChild>\n          <div\n            className=\"ds:relative ds:flex ds:items-center\"\n            onKeyDown={handleKeyDown}\n          >\n            <SearchInput\n              ref={inputRef}\n              size={size}\n              value={query}\n              onInput={handleInput}\n              placeholder={resolvedPlaceholder}\n              aria-label={t('search.label', 'Search')}\n              aria-keyshortcuts={ariaKeyshortcuts}\n              role=\"combobox\"\n              aria-expanded={open && hasResults}\n              aria-controls={listboxId}\n              aria-activedescendant={activeDescendantId}\n            />\n            {shortcutHint ? (\n              <kbd\n                className={[\n                  shortcutPillVariants(),\n                  'ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2',\n                  'ds:pointer-events-none',\n                ].join(' ')}\n              >\n                {shortcutLabel}\n              </kbd>\n            ) : null}\n          </div>\n        </RadixPopover.Anchor>\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={4}\n            aria-label={t('search.resultsLabel', 'Search results')}\n            onOpenAutoFocus={(e) => e.preventDefault()}\n            // Width matches the anchor via Radix's CSS variable. Applied\n            // as a Tailwind arbitrary-value class so no inline style is\n            // needed (23-constraints §4).\n            className={[\n              popoverContentVariants(),\n              'ds:w-[var(--radix-popover-trigger-width)]',\n            ].join(' ')}\n          >\n            {/* listbox uses <div> rather than <ul> so the option role\n                children don't trip the `<ul> must only contain <li>` axe\n                rule. Options are direct descendants of the listbox root\n                per the WAI-ARIA listbox pattern. */}\n            <div\n              id={listboxId}\n              role=\"listbox\"\n              aria-label={t('search.resultsLabel', 'Search results')}\n              className=\"ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]\"\n            >\n              {results && results.length > 0 ? (\n                renderGroups(\n                  results,\n                  activeIndex,\n                  listboxId,\n                  commit,\n                  setActiveIndex,\n                )\n              ) : (\n                <div\n                  role=\"presentation\"\n                  className=\"ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]\"\n                >\n                  {t('search.noResults', 'No results for \\u201C{{query}}\\u201D', {\n                    query,\n                  })}\n                </div>\n              )}\n            </div>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      </div>\n    </RadixPopover.Root>\n  );\n}\n\nfunction renderGroups(\n  groups: SearchBarResultGroup[],\n  activeIndex: number,\n  listboxId: string,\n  onCommit: (item: SearchBarResultItem) => void,\n  setActive: (index: number) => void,\n): ReactNode {\n  let flatIndex = 0;\n  // Flatten groups + headings into a single-level sequence of divs at the\n  // listbox root. `role=\"group\"` wrappers keep the visual grouping while\n  // keeping options as direct descendants of the listbox.\n  return groups.map((group, gi) => {\n    const headingId = group.heading ? `${listboxId}-group-${gi}-heading` : undefined;\n    return (\n      <div\n        key={`g-${gi}`}\n        role={group.heading ? 'group' : 'presentation'}\n        aria-labelledby={headingId}\n      >\n        {group.heading ? (\n          <div\n            id={headingId}\n            aria-hidden=\"true\"\n            className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n          >\n            {group.heading}\n          </div>\n        ) : null}\n        {group.items.map((item) => {\n          const myIndex = flatIndex;\n          flatIndex += 1;\n          const isActive = myIndex === activeIndex;\n          const optionId = `${listboxId}-option-${myIndex}`;\n          const safeHref = safeNavigationHref(item.href);\n          const commonClass = [\n            'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n            'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n            'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            'ds:rounded-[var(--radius-sm)]',\n            'ds:cursor-pointer',\n            'ds:no-underline ds:text-[color:var(--foreground)]',\n            'ds:min-h-[var(--min-target-size)]',\n            isActive ? 'ds:bg-[var(--muted)]/40' : '',\n          ].join(' ');\n          const body = (\n            <>\n              {item.icon ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n                >\n                  {item.icon}\n                </span>\n              ) : null}\n              <span className=\"ds:flex-1 ds:text-[length:var(--font-size-sm)]\">\n                {item.label}\n              </span>\n              {item.meta ? (\n                <span className=\"ds:ms-auto type-meta ds:text-[color:var(--foreground)]\">\n                  {item.meta}\n                </span>\n              ) : null}\n            </>\n          );\n          const shared = {\n            id: optionId,\n            role: 'option' as const,\n            'aria-selected': isActive,\n            // onMouseDown rather than onClick so we trigger before the\n            // input loses focus to the pointer-down on the popover.\n            onMouseDown: (e: React.MouseEvent) => {\n              e.preventDefault();\n              onCommit(item);\n            },\n            onMouseEnter: () => setActive(myIndex),\n            className: commonClass,\n          };\n          if (safeHref) {\n            return (\n              <a key={item.id} href={safeHref} {...shared}>\n                {body}\n              </a>\n            );\n          }\n          return (\n            <div key={item.id} {...shared}>\n              {body}\n            </div>\n          );\n        })}\n      </div>\n    );\n  });\n}\n\n/**\n * Allow-list for result-item `href` strings. Same allow-list as the\n * chat-message token renderer: http(s) + mailto + tel + same-origin\n * relative paths. Anything else (including `javascript:` and `data:`)\n * returns `undefined`, causing the renderer to fall back to a <div>.\n */\nfunction safeNavigationHref(href: string | undefined): string | undefined {\n  if (!href) return undefined;\n  const trimmed = href.trim();\n  if (trimmed === '') return undefined;\n  if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return trimmed;\n  // Same-origin relative paths are safe because the browser resolves\n  // against `window.location`. Leading `/` or `./` or `../` qualify.\n  if (/^(\\/|\\.\\/|\\.\\.\\/)/.test(trimmed)) return trimmed;\n  return undefined;\n}\n"],"names":["isMacLike","uaData","platformString","launcherVariants","cva","inlineWrapperVariants","shortcutPillVariants","popoverContentVariants","filterSearchResults","query","groups","needle","normalizeDiacritics","g","item","SearchBar","forwardRef","props","ref","mode","size","density","topLevel","placeholder","shortcutHint","className","onOpenCommandPalette","_value","_defaultValue","_onQueryChange","_results","_onSelect","_debounceMs","rest","t","useTranslation","isMac","setIsMac","useState","useEffect","shortcutLabel","ariaKeyshortcuts","landmarkProps","resolvedPlaceholder","jsxs","jsx","Search","InlineSearchBar","forwardedRef","value","defaultValue","onQueryChange","results","onSelect","debounceMs","isControlled","internalValue","setInternalValue","open","setOpen","activeIndex","setActiveIndex","inputRef","useRef","listboxId","useId","debouncedQueryChange","useDebouncedCallback","next","flatResults","useMemo","handleInput","useCallback","raw","commit","handleKeyDown","event","i","hasResults","activeDescendantId","RadixPopover","SearchInput","renderGroups","onCommit","setActive","flatIndex","group","gi","headingId","myIndex","isActive","optionId","safeHref","safeNavigationHref","commonClass","body","Fragment","shared","e","href","trimmed"],"mappings":"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"}

package/dist/_chunks/search-input-BVMCONyN.js

@@ -0,0 +1,197 @@
+import { jsx as t, jsxs as ne } from "react/jsx-runtime";
+import { forwardRef as ie, useState as A, useRef as B, useCallback as m, useLayoutEffect as ae, useEffect as oe } from "react";
+import { c as b } from "./index-D2ZczOXr.js";
+import { useTranslation as de } from "react-i18next";
+import { T as le } from "./text-input-CRHvl5zk.js";
+import { S as ce } from "./spinner-GCcv67vh.js";
+import { u as ue } from "./form-field-context-94LwgYTQ.js";
+import { u as fe } from "./use-debounced-callback-BisrB-Fq.js";
+import { S as F } from "./search-BonnQsHv.js";
+import { X as me } from "./x-CCcI3eJp.js";
+const be = b("ds:relative ds:w-full"), pe = b(
+  [
+    "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3",
+    "ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto",
+    "ds:text-muted-foreground ds:hover:text-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" ")
+), ve = b(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
+    "ds:bg-background ds:border ds:border-border ds:text-muted-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:text-foreground ds:hover:bg-muted",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" ")
+), he = b(
+  [
+    "ds:inline-flex ds:items-center",
+    "ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" ")
+);
+function xe(i) {
+  if (!i) return !1;
+  const o = i.tagName;
+  return !!(o === "INPUT" || o === "TEXTAREA" || o === "SELECT" || i.isContentEditable);
+}
+const ge = ie(
+  ({
+    value: i,
+    defaultValue: o,
+    onChange: n,
+    onInput: r,
+    debounceMs: K = 200,
+    isLoading: c = !1,
+    variant: d = "inline",
+    size: L = "md",
+    globalShortcut: p,
+    placeholder: P,
+    disabled: X,
+    className: N,
+    name: O,
+    id: U,
+    form: W,
+    autoComplete: q = "off",
+    autoFocus: G,
+    role: H,
+    ...u
+  }, l) => {
+    const { t: v } = de(), T = ue(), V = U ?? T.id, h = !!(T.disabled || X), x = i !== void 0, [J, M] = A(
+      String(o ?? "")
+    ), j = x ? String(i) : J, g = j.length > 0, a = B(null), Q = m(
+      (e) => {
+        a.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+      },
+      [l]
+    ), [y, E] = A(
+      d === "inline" || g
+    ), f = B(!1);
+    ae(() => {
+      f.current && a.current && (a.current.focus(), f.current = !1);
+    });
+    const w = fe(
+      (e) => {
+        n == null || n(e);
+      },
+      K
+    ), S = m(
+      (e) => {
+        w.cancel(), n == null || n(e);
+      },
+      [w, n]
+    ), k = m(
+      (e) => {
+        x || M(e);
+      },
+      [x]
+    ), Y = (e) => {
+      const s = e.target.value;
+      k(s), s === "" ? S("") : w(s);
+    }, Z = (e) => {
+      const s = e.currentTarget.value;
+      r == null || r(s);
+    }, _ = (e) => {
+      var s;
+      e.key === "Escape" && (e.nativeEvent.isComposing || g && (e.preventDefault(), e.stopPropagation(), k(""), r == null || r(""), S(""), (s = a.current) == null || s.focus()));
+    }, $ = () => {
+      var e;
+      k(""), r == null || r(""), S(""), (e = a.current) == null || e.focus();
+    }, I = (e) => {
+      d === "expandable" && e.currentTarget.value === "" && E(!1);
+    }, C = m(() => {
+      var e;
+      d === "expandable" && !y ? (f.current = !0, E(!0)) : (e = a.current) == null || e.focus();
+    }, [d, y]);
+    oe(() => {
+      if (!p) return;
+      const e = (s) => {
+        s.key === p && (s.isComposing || s.defaultPrevented || xe(document.activeElement) || (s.preventDefault(), C()));
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [p, C]);
+    const ee = v("ui.inputs.search.clear", "Clear search"), D = v("ui.inputs.search.loading", "Searching…"), se = v("ui.inputs.search.placeholder", "Search…"), z = P ?? se;
+    if (d === "expandable" && !y)
+      return /* @__PURE__ */ t("div", { "data-component": "search-input", className: he({ className: N }), children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": z,
+          "aria-expanded": !1,
+          "aria-controls": V,
+          disabled: h,
+          onClick: () => {
+            f.current = !0, E(!0);
+          },
+          className: ve(),
+          children: /* @__PURE__ */ t(F, { "aria-hidden": "true", className: "ds:size-4" })
+        }
+      ) });
+    const te = H === "combobox" ? {
+      role: "combobox",
+      "aria-expanded": u["aria-expanded"],
+      "aria-controls": u["aria-controls"],
+      "aria-activedescendant": u["aria-activedescendant"]
+    } : void 0, R = g && !c && !h, re = c ? /* @__PURE__ */ t(ce, { size: "sm", label: D }) : R ? /* @__PURE__ */ t("span", { className: "ds:inline-block ds:size-4", "aria-hidden": "true" }) : void 0;
+    return /* @__PURE__ */ ne("div", { "data-component": "search-input", className: be({ className: N }), children: [
+      /* @__PURE__ */ t(
+        le,
+        {
+          ref: Q,
+          id: V,
+          type: "search",
+          size: L,
+          value: j,
+          disabled: h,
+          placeholder: z,
+          name: O,
+          form: W,
+          autoComplete: q,
+          autoFocus: G,
+          startAdornment: /* @__PURE__ */ t(F, {}),
+          endAdornment: re,
+          clearable: !1,
+          onChange: Y,
+          onInput: Z,
+          onKeyDown: _,
+          onBlur: I,
+          "aria-label": u["aria-label"],
+          "aria-busy": c || void 0,
+          ...te
+        }
+      ),
+      R ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": ee,
+          onClick: $,
+          className: pe(),
+          children: /* @__PURE__ */ t(me, { "aria-hidden": "true", className: "ds:size-4" })
+        }
+      ) : null,
+      /* @__PURE__ */ t(
+        "span",
+        {
+          role: "status",
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          className: "ds:sr-only",
+          children: c ? D : ""
+        }
+      )
+    ] });
+  }
+);
+ge.displayName = "SearchInput";
+export {
+  ge as S
+};
+//# sourceMappingURL=search-input-BVMCONyN.js.map