npm - @alfadocs/ui-kit - Versions diffs - 0.0.12 - Mend

@alfadocs/ui-kit 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1160) hide show

package/dist/_chunks/search-bar-DgSOAajC.js ADDED Viewed

@@ -0,0 +1,396 @@
+import { jsx as a, 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-D4tC_Prn.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 ae() {
+  if (typeof navigator > "u") return !1;
+  const t = navigator.userAgentData, r = (t == null ? void 0 : t.platform) ?? navigator.platform ?? "";
+  return /mac/i.test(r);
+}
+const re = P(
+  [
+    "inline-flex items-center gap-[var(--spacing-sm)]",
+    "rounded-[var(--radius-md)]",
+    "ps-[var(--spacing-sm)] 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.
+    "bg-[var(--background)] border border-[color:var(--border)]",
+    "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).
+    "hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]",
+    "transition-colors motion-reduce:transition-none",
+    "focus-visible:outline-[length:var(--focus-ring-width)]",
+    "focus-visible:outline-solid",
+    "focus-visible:outline-[color:var(--ring)]",
+    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "forced-colors:focus-visible:outline-[CanvasText]",
+    "min-h-[var(--min-target-size)]",
+    "disabled:opacity-50 disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "text-[length:var(--font-size-sm)]",
+        md: "text-[length:var(--font-size-base)]",
+        lg: "text-[length:var(--font-size-lg)]"
+      },
+      density: {
+        default: "",
+        compact: "min-h-0 h-8"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      density: "default"
+    }
+  }
+), te = P(
+  [
+    "inline-flex flex-col",
+    "w-full"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      },
+      density: {
+        default: "",
+        compact: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      density: "default"
+    }
+  }
+), B = P(
+  [
+    "hidden md:inline-flex items-center gap-[calc(var(--spacing-xs)/2)]",
+    "ms-auto",
+    "rounded-[var(--radius-sm)]",
+    "border border-[color:var(--border)]",
+    "bg-[var(--background)]",
+    "ps-[calc(var(--spacing-xs)/1.2)] pe-[calc(var(--spacing-xs)/1.2)]",
+    "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.
+    "text-[length:var(--font-size-xs)] text-[color:var(--foreground)]",
+    "font-[family-name:var(--font-mono)]"
+  ].join(" ")
+), ne = P(
+  [
+    "z-[var(--z-dropdown)]",
+    "rounded-[var(--radius-md)]",
+    "border border-[color:var(--border)]",
+    "bg-[var(--popover)] text-[color:var(--popover-foreground)]",
+    "shadow-[var(--shadow-lg)]",
+    "p-[var(--spacing-xs)]",
+    // Motion gates — reduced-motion honoured via .theme-accessible's 0ms
+    // animation-duration token.
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=open]:fade-in data-[state=closed]:fade-out",
+    "motion-reduce:animate-none"
+  ].join(" ")
+);
+function ge(t, r) {
+  const o = L(t.trim());
+  return o === "" ? r : r.map((s) => ({
+    ...s,
+    items: s.items.filter(
+      (p) => L(p.label).includes(o)
+    )
+  })).filter((s) => s.items.length > 0);
+}
+const se = U(
+  (t, r) => {
+    const {
+      mode: o = "launcher",
+      size: s = "md",
+      density: p = "default",
+      topLevel: y = !1,
+      placeholder: i,
+      shortcutHint: h = !0,
+      className: v,
+      onOpenCommandPalette: n,
+      value: g,
+      defaultValue: z,
+      onQueryChange: k,
+      results: l,
+      onSelect: b,
+      debounceMs: C,
+      ...c
+    } = t, { t: d } = E(), [R, I] = V(!1);
+    O(() => {
+      I(ae());
+    }, []);
+    const S = R ? "⌘K" : "Ctrl+K", u = "Meta+K Control+K", m = y ? { role: "search" } : { role: void 0 };
+    if (o === "launcher") {
+      const N = i ?? d("search.placeholder", "Search…");
+      return /* @__PURE__ */ a("div", { ref: r, ...m, className: v, children: /* @__PURE__ */ D(
+        "button",
+        {
+          type: "button",
+          onClick: n,
+          "aria-haspopup": "dialog",
+          "aria-label": d("search.open", "Open search"),
+          "aria-keyshortcuts": u,
+          className: re({ size: s, density: p }),
+          ...c,
+          children: [
+            /* @__PURE__ */ a(
+              Z,
+              {
+                "aria-hidden": !0,
+                className: "size-4 shrink-0",
+                focusable: "false"
+              }
+            ),
+            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "truncate text-start", children: N }),
+            h ? /* @__PURE__ */ a("kbd", { className: B(), children: S }) : null
+          ]
+        }
+      ) });
+    }
+    return /* @__PURE__ */ a(
+      oe,
+      {
+        forwardedRef: r,
+        size: s,
+        density: p,
+        landmarkProps: m,
+        placeholder: i,
+        shortcutHint: h,
+        shortcutLabel: S,
+        ariaKeyshortcuts: u,
+        className: v,
+        ...t
+      }
+    );
+  }
+);
+se.displayName = "SearchBar";
+function oe(t) {
+  const {
+    forwardedRef: r,
+    size: o,
+    density: s,
+    landmarkProps: p,
+    placeholder: y,
+    shortcutHint: i,
+    shortcutLabel: h,
+    ariaKeyshortcuts: v,
+    className: n,
+    value: g,
+    defaultValue: z,
+    onQueryChange: k,
+    results: l,
+    onSelect: b,
+    debounceMs: C = 150
+  } = t, { t: c } = E(), d = g !== void 0, [R, I] = V(z ?? ""), S = d ? g ?? "" : R, [u, m] = V(!1), [x, N] = V(0), H = W(null), M = J(), $ = ee((e) => {
+    k == null || k(e);
+  }, C), f = X(() => l ? l.flatMap((e) => e.items) : [], [l]);
+  O(() => {
+    x > f.length - 1 && N(0);
+  }, [f.length, x]);
+  const q = _(
+    (e) => {
+      d || I(e), $(e), m(e.trim().length > 0);
+    },
+    [$, d]
+  ), A = _(
+    (e) => {
+      b == null || b(e), m(!1), d || I("");
+    },
+    [b, d]
+  ), 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 ?? c("search.placeholder", "Search…"), K = f.length > 0, T = u && K ? `${M}-option-${x}` : void 0;
+  return /* @__PURE__ */ a(j.Root, { open: u && K, onOpenChange: m, children: /* @__PURE__ */ D(
+    "div",
+    {
+      ref: r,
+      ...p,
+      className: [te({ size: o, density: s }), n].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ a(j.Anchor, { asChild: !0, children: /* @__PURE__ */ D(
+          "div",
+          {
+            className: "relative flex items-center",
+            onKeyDown: F,
+            children: [
+              /* @__PURE__ */ a(
+                Y,
+                {
+                  ref: H,
+                  size: o,
+                  value: S,
+                  onInput: q,
+                  placeholder: Q,
+                  "aria-label": c("search.label", "Search"),
+                  "aria-keyshortcuts": v,
+                  role: "combobox",
+                  "aria-expanded": u && K,
+                  "aria-controls": M,
+                  "aria-activedescendant": T
+                }
+              ),
+              i ? /* @__PURE__ */ a(
+                "kbd",
+                {
+                  className: [
+                    B(),
+                    "absolute end-[var(--spacing-sm)] top-1/2 -translate-y-1/2",
+                    "pointer-events-none"
+                  ].join(" "),
+                  children: h
+                }
+              ) : null
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ a(j.Portal, { children: /* @__PURE__ */ a(
+          j.Content,
+          {
+            side: "bottom",
+            align: "start",
+            sideOffset: 4,
+            "aria-label": c("search.resultsLabel", "Search results"),
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            className: [
+              ne(),
+              "w-[var(--radix-popover-trigger-width)]"
+            ].join(" "),
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                id: M,
+                role: "listbox",
+                "aria-label": c("search.resultsLabel", "Search results"),
+                className: "flex flex-col gap-[calc(var(--spacing-xs)/2)]",
+                children: l && l.length > 0 ? ie(
+                  l,
+                  x,
+                  M,
+                  A,
+                  N
+                ) : /* @__PURE__ */ a(
+                  "div",
+                  {
+                    role: "presentation",
+                    className: "p-[var(--spacing-sm)] type-body-sm text-[color:var(--foreground)]",
+                    children: c("search.noResults", "No results for “{{query}}”", {
+                      query: S
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+function ie(t, r, o, s, p) {
+  let y = 0;
+  return t.map((i, h) => {
+    const v = i.heading ? `${o}-group-${h}-heading` : void 0;
+    return /* @__PURE__ */ D(
+      "div",
+      {
+        role: i.heading ? "group" : "presentation",
+        "aria-labelledby": v,
+        children: [
+          i.heading ? /* @__PURE__ */ a(
+            "div",
+            {
+              id: v,
+              "aria-hidden": "true",
+              className: "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] pt-[var(--spacing-xs)] pb-[var(--spacing-xs)] type-eyebrow text-[color:var(--foreground)]",
+              children: i.heading
+            }
+          ) : null,
+          i.items.map((n) => {
+            const g = y;
+            y += 1;
+            const z = g === r, k = `${o}-option-${g}`, l = le(n.href), b = [
+              "flex items-center gap-[var(--spacing-sm)]",
+              "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
+              "pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]",
+              "rounded-[var(--radius-sm)]",
+              "cursor-pointer",
+              "no-underline text-[color:var(--foreground)]",
+              "min-h-[var(--min-target-size)]",
+              z ? "bg-[var(--muted)]/40" : ""
+            ].join(" "), C = /* @__PURE__ */ D(G, { children: [
+              n.icon ? /* @__PURE__ */ a(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "inline-flex size-4 shrink-0 items-center justify-center",
+                  children: n.icon
+                }
+              ) : null,
+              /* @__PURE__ */ a("span", { className: "flex-1 text-[length:var(--font-size-sm)]", children: n.label }),
+              n.meta ? /* @__PURE__ */ a("span", { className: "ms-auto type-meta text-[color:var(--foreground)]", children: n.meta }) : null
+            ] }), c = {
+              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: (d) => {
+                d.preventDefault(), s(n);
+              },
+              onMouseEnter: () => p(g),
+              className: b
+            };
+            return l ? /* @__PURE__ */ a("a", { href: l, ...c, children: C }, n.id) : /* @__PURE__ */ a("div", { ...c, children: C }, n.id);
+          })
+        ]
+      },
+      `g-${h}`
+    );
+  });
+}
+function le(t) {
+  if (!t) return;
+  const r = t.trim();
+  if (r !== "" && (/^(https?:|mailto:|tel:)/i.test(r) || /^(\/|\.\/|\.\.\/)/.test(r)))
+    return r;
+}
+export {
+  se as S,
+  ge as f
+};
+//# sourceMappingURL=search-bar-DgSOAajC.js.map

package/dist/_chunks/search-bar-DgSOAajC.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"search-bar-DgSOAajC.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 'inline-flex items-center gap-[var(--spacing-sm)]',\n 'rounded-[var(--radius-md)]',\n 'ps-[var(--spacing-sm)] 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 'bg-[var(--background)] border border-[color:var(--border)]',\n '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 'hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n 'transition-colors motion-reduce:transition-none',\n 'focus-visible:outline-[length:var(--focus-ring-width)]',\n 'focus-visible:outline-solid',\n 'focus-visible:outline-[color:var(--ring)]',\n 'focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'forced-colors:focus-visible:outline-[CanvasText]',\n 'min-h-[var(--min-target-size)]',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'text-[length:var(--font-size-sm)]',\n md: 'text-[length:var(--font-size-base)]',\n lg: 'text-[length:var(--font-size-lg)]',\n },\n density: {\n default: '',\n compact: 'min-h-0 h-8',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst inlineWrapperVariants = cva(\n [\n 'inline-flex flex-col',\n '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 'hidden md:inline-flex items-center gap-[calc(var(--spacing-xs)/2)]',\n 'ms-auto',\n 'rounded-[var(--radius-sm)]',\n 'border border-[color:var(--border)]',\n 'bg-[var(--background)]',\n 'ps-[calc(var(--spacing-xs)/1.2)] pe-[calc(var(--spacing-xs)/1.2)]',\n '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 'text-[length:var(--font-size-xs)] text-[color:var(--foreground)]',\n 'font-[family-name:var(--font-mono)]',\n ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n [\n 'z-[var(--z-dropdown)]',\n 'rounded-[var(--radius-md)]',\n 'border border-[color:var(--border)]',\n 'bg-[var(--popover)] text-[color:var(--popover-foreground)]',\n 'shadow-[var(--shadow-lg)]',\n 'p-[var(--spacing-xs)]',\n // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n // animation-duration token.\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=open]:fade-in data-[state=closed]:fade-out',\n '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} 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=\"size-4 shrink-0\"\n focusable=\"false\"\n />\n <span aria-hidden=\"true\" className=\"truncate 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 className={[inlineWrapperVariants({ size, density }), className]\n .filter(Boolean)\n .join(' ')}\n >\n <RadixPopover.Anchor asChild>\n <div\n className=\"relative flex 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 'absolute end-[var(--spacing-sm)] top-1/2 -translate-y-1/2',\n '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 '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=\"flex flex-col 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=\"p-[var(--spacing-sm)] type-body-sm 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=\"ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] pt-[var(--spacing-xs)] pb-[var(--spacing-xs)] type-eyebrow 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 'flex items-center gap-[var(--spacing-sm)]',\n 'ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]',\n 'pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]',\n 'rounded-[var(--radius-sm)]',\n 'cursor-pointer',\n 'no-underline text-[color:var(--foreground)]',\n 'min-h-[var(--min-target-size)]',\n isActive ? 'bg-[var(--muted)]/40' : '',\n ].join(' ');\n const body = (\n <>\n {item.icon ? (\n <span\n aria-hidden=\"true\"\n className=\"inline-flex size-4 shrink-0 items-center justify-center\"\n >\n {item.icon}\n </span>\n ) : null}\n <span className=\"flex-1 text-[length:var(--font-size-sm)]\">\n {item.label}\n </span>\n {item.meta ? (\n <span className=\"ms-auto type-meta 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","jsx","jsxs","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-D4tC_Prn.js ADDED Viewed

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