@gabvdl/ui 0.0.14

package/dist/components/fuzzy-list/fuzzy-list.js

@@ -0,0 +1,127 @@
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { useState as j, useRef as J, useMemo as q, useEffect as W } from "react";
+import X from "fuse.js";
+import { Search as Y } from "lucide-react";
+import { cn as v } from "../../lib/utils.js";
+import { highlightSnippet as Z, highlightAll as _ } from "../../lib/highlight.js";
+import { runSearch as O } from "../../lib/search.js";
+import { useDebouncedValue as Q } from "../../hooks/use-debounced-value.js";
+import { Spinner as ee } from "../spinner/spinner.js";
+import { VirtualList as te } from "../virtual-list/virtual-list.js";
+const re = {
+  includeMatches: !0,
+  ignoreLocation: !0,
+  threshold: 0.35,
+  minMatchCharLength: 2
+};
+function ne(r, l) {
+  let n = r;
+  for (const s of l.split(".")) {
+    if (n == null || typeof n != "object") return "";
+    n = n[s];
+  }
+  return n == null ? "" : String(n);
+}
+function pe({
+  items: r,
+  keys: l,
+  renderItem: n,
+  getItemKey: s,
+  onSelect: w,
+  placeholder: z = "Search…",
+  emptyState: E = "No matches.",
+  autoFocus: F,
+  limit: M,
+  estimateSize: I = 60,
+  overscan: $ = 8,
+  showCount: R = !0,
+  debounce: T = 400,
+  fuseOptions: N,
+  toolbar: U,
+  onQueryChange: m,
+  className: V,
+  inputClassName: B,
+  listClassName: K
+}) {
+  const [S, P] = j(""), [a, h] = j(0), b = J(null), [f, C] = Q(S, T), y = q(
+    () => new X(r, { ...re, ...N, keys: l }),
+    [r, l, N]
+  ), c = q(
+    () => O(y, r, l, f, M),
+    [y, f, r, l, M]
+  );
+  W(() => {
+    h((e) => Math.min(e, Math.max(0, c.length - 1)));
+  }, [c.length]);
+  const d = (e) => {
+    const t = c[e];
+    t && w && w(t.item, t.refIndex);
+  }, D = (e) => {
+    var o;
+    const t = Math.min(Math.max(a + e, 0), c.length - 1);
+    h(t), (o = b.current) == null || o.scrollToIndex(t);
+  }, G = (e) => {
+    e.key === "ArrowDown" ? (e.preventDefault(), D(1)) : e.key === "ArrowUp" ? (e.preventDefault(), D(-1)) : e.key === "Enter" && d(a);
+  }, A = f.trim();
+  return /* @__PURE__ */ k("div", { className: v("flex min-h-0 flex-col", V), children: [
+    /* @__PURE__ */ k("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted px-2.5", children: [
+      /* @__PURE__ */ i(Y, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ i(
+        "input",
+        {
+          value: S,
+          autoFocus: F,
+          onChange: (e) => {
+            P(e.target.value), m == null || m(e.target.value);
+          },
+          onKeyDown: G,
+          placeholder: z,
+          spellCheck: !1,
+          className: v(
+            "w-full bg-transparent py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground",
+            B
+          )
+        }
+      ),
+      C && /* @__PURE__ */ i(ee, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+      U
+    ] }),
+    R && /* @__PURE__ */ i("div", { className: "px-1 pt-2 mono text-[11px] text-muted-foreground", children: A ? `${c.length} of ${r.length}` : `${r.length} items` }),
+    /* @__PURE__ */ i(
+      te,
+      {
+        items: c,
+        apiRef: b,
+        estimateSize: I,
+        overscan: $,
+        getItemKey: s ? (e, t) => s(e.item, t) : void 0,
+        className: v("min-h-0 flex-1 pt-1.5", K),
+        emptyState: /* @__PURE__ */ i("p", { className: "px-2 py-8 text-center text-sm text-muted-foreground", children: E }),
+        renderItem: ({ item: e, matches: t }, o) => /* @__PURE__ */ i(
+          "div",
+          {
+            onMouseMove: () => h(o),
+            onClick: () => d(o),
+            style: { paddingBottom: 4 },
+            children: n({
+              item: e,
+              index: o,
+              query: A,
+              matches: t,
+              active: o === a,
+              highlight: (L, u) => {
+                const p = ne(e, L), g = t.find((H) => H.key === L), x = (g == null ? void 0 : g.indices) ?? [];
+                return x.length === 0 ? p : u != null && u.snippet ? Z(p, x, u.window) : _(p, x);
+              },
+              select: () => d(o)
+            })
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  pe as FuzzyList
+};
+//# sourceMappingURL=fuzzy-list.js.map

package/dist/components/fuzzy-list/fuzzy-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuzzy-list.js","sources":["../../../src/components/fuzzy-list/fuzzy-list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type Key, type ReactNode } from 'react';\nimport Fuse, { type FuseOptionKey, type FuseResultMatch, type IFuseOptions } from 'fuse.js';\nimport { Search } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { highlightAll, highlightSnippet } from '../../lib/highlight';\nimport { runSearch, type SearchResult } from '../../lib/search';\nimport { useDebouncedValue } from '../../hooks/use-debounced-value';\nimport { Spinner } from '../spinner';\nimport { VirtualList, type VirtualListHandle } from '../virtual-list';\n\ntype Result<T> = SearchResult<T>;\n\n/** What `renderItem` receives for each row. */\nexport interface FuzzyRenderContext<T> {\n  /** The row's data object. */\n  item: T;\n  /** Its index within the currently shown (filtered) list. */\n  index: number;\n  /** The live search query (trimmed). */\n  query: string;\n  /** Fuse match metadata for this row (empty when the query is empty). */\n  matches: readonly FuseResultMatch[];\n  /** Whether this row is the keyboard-focused one. */\n  active: boolean;\n  /**\n   * Render one searched string field with its fuzzy matches wrapped in `<mark>`.\n   * Pass `{ snippet: true }` for long fields (windowed, with ellipses); the\n   * default highlights the whole value inline. Falls back to the plain value\n   * when there's no match.\n   */\n  highlight: (key: string, opts?: { snippet?: boolean; window?: number }) => ReactNode;\n  /** Fire `onSelect` for this row. */\n  select: () => void;\n}\n\nexport interface FuzzyListProps<T> {\n  /** The data to search — any array of JSON-like objects. */\n  items: T[];\n  /** Fields Fuse should search. Accepts dotted paths and weighted keys. */\n  keys: FuseOptionKey<T>[];\n  /** Render one row from its {@link FuzzyRenderContext}. */\n  renderItem: (ctx: FuzzyRenderContext<T>) => ReactNode;\n  /** Stable React key per row (defaults to the array index). */\n  getItemKey?: (item: T, index: number) => Key;\n  /** Called when a row is activated (click or Enter). */\n  onSelect?: (item: T, index: number) => void;\n  placeholder?: string;\n  /** Shown when nothing matches (defaults to \"No matches.\"). */\n  emptyState?: ReactNode;\n  /** Focus the search box on mount. */\n  autoFocus?: boolean;\n  /** Cap the number of results (Fuse `limit`). */\n  limit?: number;\n  /** First-paint row-height guess for the virtual list, px. Default 60 (compact\n   * rows). Bump it when rendering taller rows/cards to cut first-paint jank. */\n  estimateSize?: number;\n  /** Off-screen rows kept mounted as a scroll buffer. Default 8. */\n  overscan?: number;\n  /** Show the \"N of M\" count line above the list. */\n  showCount?: boolean;\n  /**\n   * How long to wait (ms) after the last keystroke before re-running the search.\n   * The input stays instant; only the Fuse pass and the re-render of the list\n   * trail behind it, which is what keeps a big index from stuttering while\n   * typing. Default 400. Set `0` to search on every keystroke.\n   */\n  debounce?: number;\n  /** Extra Fuse options, merged over the defaults. */\n  fuseOptions?: IFuseOptions<T>;\n  /** Anything to render inline to the right of the search box. */\n  toolbar?: ReactNode;\n  /** Called with the live (un-debounced) query on every keystroke. */\n  onQueryChange?: (query: string) => void;\n  className?: string;\n  inputClassName?: string;\n  listClassName?: string;\n}\n\nconst DEFAULTS = {\n  includeMatches: true,\n  ignoreLocation: true,\n  threshold: 0.35,\n  minMatchCharLength: 2,\n} satisfies IFuseOptions<unknown>;\n\nfunction getPath(obj: unknown, path: string): string {\n  let cur: unknown = obj;\n  for (const seg of path.split('.')) {\n    if (cur == null || typeof cur !== 'object') return '';\n    cur = (cur as Record<string, unknown>)[seg];\n  }\n  return cur == null ? '' : String(cur);\n}\n\n/**\n * A generic, self-contained fuzzy-search list. Give it any array of JSON-like\n * objects, the {@link FuzzyListProps.keys} to search, and a `renderItem` render\n * function — it owns the search box, the Fuse index, keyboard navigation and\n * match highlighting. Reads its colours from the design tokens.\n *\n * The search box is quote-aware: a bare query fuzzy-matches, while any\n * `\"double-quoted\"` segment must appear as an exact (case-insensitive)\n * substring. The two can mix — `parser \"utils.ts\"` fuzzy-matches `parser` and\n * then keeps only rows whose fields contain the literal `utils.ts`.\n *\n * ```tsx\n * <FuzzyList\n *   items={services}\n *   keys={['name', 'desc']}\n *   getItemKey={(s) => s.name}\n *   renderItem={({ highlight, active }) => (\n *     <div data-active={active}>\n *       <strong>{highlight('name')}</strong>\n *       <p>{highlight('desc', { snippet: true })}</p>\n *     </div>\n *   )}\n * />\n * ```\n */\nexport function FuzzyList<T>({\n  items,\n  keys,\n  renderItem,\n  getItemKey,\n  onSelect,\n  placeholder = 'Search…',\n  emptyState = 'No matches.',\n  autoFocus,\n  limit,\n  estimateSize = 60,\n  overscan = 8,\n  showCount = true,\n  debounce = 400,\n  fuseOptions,\n  toolbar,\n  onQueryChange,\n  className,\n  inputClassName,\n  listClassName,\n}: FuzzyListProps<T>) {\n  const [query, setQuery] = useState('');\n  const [active, setActive] = useState(0);\n  const apiRef = useRef<VirtualListHandle>(null);\n\n  // The input is always live; the search trails it by `debounce` ms.\n  const [searched, pending] = useDebouncedValue(query, debounce);\n\n  const fuse = useMemo(\n    () => new Fuse(items, { ...DEFAULTS, ...fuseOptions, keys }),\n    [items, keys, fuseOptions],\n  );\n\n  const results = useMemo<Result<T>[]>(\n    () => runSearch(fuse, items, keys, searched, limit),\n    [fuse, searched, items, keys, limit],\n  );\n\n  // Keep the keyboard cursor in range as the result set changes.\n  useEffect(() => {\n    setActive((a) => Math.min(a, Math.max(0, results.length - 1)));\n  }, [results.length]);\n\n  const commit = (index: number) => {\n    const r = results[index];\n    if (r && onSelect) onSelect(r.item, r.refIndex);\n  };\n\n  // Move the keyboard cursor and keep it in view (the list is virtualized, so\n  // the active row may not be mounted — ask the virtualizer to scroll to it).\n  const move = (delta: number) => {\n    const next = Math.min(Math.max(active + delta, 0), results.length - 1);\n    setActive(next);\n    apiRef.current?.scrollToIndex(next);\n  };\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      move(1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      move(-1);\n    } else if (e.key === 'Enter') {\n      commit(active);\n    }\n  };\n\n  // Everything downstream (count line, highlighting, empty state) describes the\n  // results, so it reads the searched query, not the one still being typed.\n  const q = searched.trim();\n\n  return (\n    <div className={cn('flex min-h-0 flex-col', className)}>\n      <div className=\"flex items-center gap-2 rounded-md border border-border bg-muted px-2.5\">\n        <Search className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n        <input\n          value={query}\n          autoFocus={autoFocus}\n          onChange={(e) => {\n            setQuery(e.target.value);\n            onQueryChange?.(e.target.value);\n          }}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder}\n          spellCheck={false}\n          className={cn(\n            'w-full bg-transparent py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground',\n            inputClassName,\n          )}\n        />\n        {pending && <Spinner className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n        {toolbar}\n      </div>\n\n      {showCount && (\n        <div className=\"px-1 pt-2 mono text-[11px] text-muted-foreground\">\n          {q ? `${results.length} of ${items.length}` : `${items.length} items`}\n        </div>\n      )}\n\n      <VirtualList\n        items={results}\n        apiRef={apiRef}\n        estimateSize={estimateSize}\n        overscan={overscan}\n        getItemKey={getItemKey ? (r, i) => getItemKey(r.item, i) : undefined}\n        className={cn('min-h-0 flex-1 pt-1.5', listClassName)}\n        emptyState={<p className=\"px-2 py-8 text-center text-sm text-muted-foreground\">{emptyState}</p>}\n        renderItem={({ item, matches }, index) => {\n          const highlight = (key: string, opts?: { snippet?: boolean; window?: number }): ReactNode => {\n            const value = getPath(item, key);\n            const m = matches.find((mm) => mm.key === key);\n            const indices = (m?.indices ?? []) as [number, number][];\n            if (indices.length === 0) return value;\n            return opts?.snippet\n              ? highlightSnippet(value, indices, opts.window)\n              : highlightAll(value, indices);\n          };\n          return (\n            <div\n              onMouseMove={() => setActive(index)}\n              onClick={() => commit(index)}\n              style={{ paddingBottom: 4 }}\n            >\n              {renderItem({\n                item,\n                index,\n                query: q,\n                matches,\n                active: index === active,\n                highlight,\n                select: () => commit(index),\n              })}\n            </div>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["DEFAULTS","getPath","obj","path","cur","seg","FuzzyList","items","keys","renderItem","getItemKey","onSelect","placeholder","emptyState","autoFocus","limit","estimateSize","overscan","showCount","debounce","fuseOptions","toolbar","onQueryChange","className","inputClassName","listClassName","query","setQuery","useState","active","setActive","apiRef","useRef","searched","pending","useDebouncedValue","fuse","useMemo","Fuse","results","runSearch","useEffect","a","commit","index","r","move","delta","next","_a","onKeyDown","q","cn","jsxs","jsx","Search","Spinner","VirtualList","i","item","matches","key","opts","value","m","mm","indices","highlightSnippet","highlightAll"],"mappings":"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"}

package/dist/components/fuzzy-list/index.d.ts

@@ -0,0 +1,4 @@
+export { FuzzyList } from './fuzzy-list';
+export type { FuzzyListProps, FuzzyRenderContext } from './fuzzy-list';
+export { highlightAll, highlightSnippet } from '../../lib/highlight';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fuzzy-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fuzzy-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/global-search/global-search.d.ts

@@ -0,0 +1,78 @@
+import { Key, ReactNode } from 'react';
+import { FuseOptionKey, IFuseOptions } from 'fuse.js';
+import { FuzzyRenderContext } from '../fuzzy-list';
+/** Items may be given up front, or loaded the first time the palette opens —
+ * which is how you keep a big build-time JSON index out of the initial bundle. */
+export type GlobalSearchSource<T> = T[] | (() => T[] | Promise<T[]>);
+export interface GlobalSearchProps<T> {
+    /** The searchable set, or a loader called once on first open. */
+    items: GlobalSearchSource<T>;
+    /** Fields to search. Dotted paths and weighted keys, same as {@link FuzzyList}. */
+    keys: FuseOptionKey<T>[];
+    /** Fired when a result is picked (click or Enter). */
+    onSelect: (item: T, index: number) => void;
+    /**
+     * Global shortcut that opens the palette — `Mod+K` (Cmd on Apple, Ctrl
+     * elsewhere), `Ctrl+K`, `Cmd+Shift+P`, or a bare key like `/`. Pass `null` for
+     * no shortcut. Default `Mod+K`.
+     */
+    searchKey?: string | null;
+    /** Row renderer. Defaults to title / description / badge from the `*Key` props. */
+    renderItem?: (ctx: FuzzyRenderContext<T>) => ReactNode;
+    /** Field shown as the row's title in the default renderer. Defaults to the first `keys` entry. */
+    titleKey?: string;
+    /** Field shown under the title (snippet-highlighted) in the default renderer. */
+    descriptionKey?: string;
+    /** Field shown as the right-hand badge in the default renderer (a kind/section). */
+    badgeKey?: string;
+    /** Stable React key per row. */
+    getItemKey?: (item: T, index: number) => Key;
+    placeholder?: string;
+    /** Shown when nothing matches. */
+    emptyState?: ReactNode;
+    /** Cap the result count. Default 50 — a palette is for finding, not browsing. */
+    limit?: number;
+    /** Search debounce, ms. Default 400 (see {@link FuzzyList}). */
+    debounce?: number;
+    /** Row-height guess for the virtual list, px. Default 56. */
+    estimateSize?: number;
+    /** Extra Fuse options. */
+    fuseOptions?: IFuseOptions<T>;
+    /** Close the palette after a selection. Default true. */
+    closeOnSelect?: boolean;
+    /** The trigger. `icon` = square search button (default), `bar` = a fake search
+     * field with the shortcut hint, `none` = no trigger (drive it with `open`). */
+    trigger?: 'icon' | 'bar' | 'none';
+    /** Trigger label for the `bar` variant. Default "Search…". */
+    triggerLabel?: string;
+    /** Controlled open state. Omit to let the component own it. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Footer hint line under the results. Pass `null` to drop it. */
+    hint?: ReactNode;
+    className?: string;
+}
+/**
+ * The Cmd-K palette, assembled from the pieces this library already ships: a
+ * {@link Modal} holding a {@link FuzzyList} (which is itself a debounced,
+ * quote-aware Fuse search over a `VirtualList`, so an index of thousands of
+ * entries still scrolls at 60fps and only the visible rows are in the DOM).
+ *
+ * `items` can be a loader — the palette calls it the first time it opens, which
+ * is how you lazily pull a static, build-time-generated `search-index.json`
+ * without paying for it on first paint.
+ *
+ * ```tsx
+ * <GlobalSearch
+ *   searchKey="Ctrl+K"
+ *   items={() => fetch('/search-index.json').then((r) => r.json())}
+ *   keys={['name', 'summary', 'props']}
+ *   titleKey="name"
+ *   descriptionKey="summary"
+ *   badgeKey="kind"
+ *   onSelect={(entry) => navigate(entry.route)}
+ * />
+ * ```
+ */
+export declare function GlobalSearch<T>({ items, keys, onSelect, searchKey, renderItem, titleKey, descriptionKey, badgeKey, getItemKey, placeholder, emptyState, limit, debounce, estimateSize, fuseOptions, closeOnSelect, trigger, triggerLabel, open: openProp, onOpenChange, hint, className, }: GlobalSearchProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=global-search.d.ts.map

package/dist/components/global-search/global-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-search.d.ts","sourceRoot":"","sources":["../../../src/components/global-search/global-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAKhE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAKnE;kFACkF;AAClF,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,iEAAiE;IACjE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC7B,mFAAmF;IACnF,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,sDAAsD;IACtD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACvD,kGAAkG;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;mFAC+E;IAC/E,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IAClC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kEAAkE;IAClE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAmB,EACnB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,WAAuB,EACvB,UAA0B,EAC1B,KAAU,EACV,QAAc,EACd,YAAiB,EACjB,WAAW,EACX,aAAoB,EACpB,OAAgB,EAChB,YAAwB,EACxB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,IAAI,EACJ,SAAS,GACV,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAuJtB"}

package/dist/components/global-search/global-search.js

@@ -0,0 +1,181 @@
+import { jsxs as s, Fragment as z, jsx as e } from "react/jsx-runtime";
+import { useState as m, useCallback as H, useRef as $, useEffect as L } from "react";
+import "fuse.js";
+import { Search as E } from "lucide-react";
+import { cn as F } from "../../lib/utils.js";
+import { useHotkey as K, formatHotkey as O } from "./hotkey.js";
+import { Button as ee } from "../button/button.js";
+import { Modal as re } from "../modal/modal.js";
+import { Spinner as te } from "../spinner/spinner.js";
+import { FuzzyList as ne } from "../fuzzy-list/fuzzy-list.js";
+function be({
+  items: r,
+  keys: t,
+  onSelect: o,
+  searchKey: l = "Mod+K",
+  renderItem: q,
+  titleKey: M,
+  descriptionKey: b,
+  badgeKey: h,
+  getItemKey: R,
+  placeholder: B = "Search…",
+  emptyState: C = "No matches.",
+  limit: G = 50,
+  debounce: I = 400,
+  estimateSize: P = 56,
+  fuseOptions: D,
+  closeOnSelect: J = !0,
+  trigger: g = "icon",
+  triggerLabel: Q = "Search…",
+  open: f,
+  onOpenChange: d,
+  hint: y,
+  className: v
+}) {
+  const [T, U] = m(!1), i = f ?? T, a = H(
+    (n) => {
+      f === void 0 && U(n), d == null || d(n);
+    },
+    [f, d]
+  ), [V, N] = m(Array.isArray(r) ? r : null), [k, S] = m(!1), [p, W] = m(null), A = $(!1);
+  L(() => {
+    Array.isArray(r) && N(r);
+  }, [r]), L(() => {
+    !i || Array.isArray(r) || A.current || (A.current = !0, S(!0), Promise.resolve(r()).then((n) => N(n)).catch((n) => W(n instanceof Error ? n.message : String(n))).finally(() => S(!1)));
+  }, [i, r]);
+  const X = H(() => a(!i), [i, a]);
+  K(l, X);
+  const c = l ? O(l) : null, Y = ({ highlight: n, item: x, active: _ }) => {
+    const j = M ?? oe(t), w = h ? String(se(x, h) ?? "") : "";
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: F(
+          "flex items-start justify-between gap-3 rounded-lg border border-transparent px-3 py-2.5 transition-colors",
+          _ ? "border-border bg-muted" : "hover:bg-muted/60"
+        ),
+        children: [
+          /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ e("div", { className: "mono truncate text-sm text-foreground", children: j ? n(j) : null }),
+            b && /* @__PURE__ */ e("p", { className: "mt-0.5 line-clamp-2 text-[13px] leading-snug text-muted-foreground", children: n(b, { snippet: !0 }) })
+          ] }),
+          w && /* @__PURE__ */ e("span", { className: "mono shrink-0 rounded border border-border px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted-foreground", children: w })
+        ]
+      }
+    );
+  }, Z = (n, x) => {
+    o(n, x), J && a(!1);
+  };
+  return /* @__PURE__ */ s(z, { children: [
+    g === "icon" && /* @__PURE__ */ e(
+      ee,
+      {
+        variant: "outline",
+        size: "icon-md",
+        "aria-label": "Search",
+        onClick: () => a(!0),
+        tooltip: c ? c.join(" ") : void 0,
+        className: v,
+        children: /* @__PURE__ */ e(E, {})
+      }
+    ),
+    g === "bar" && /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: () => a(!0),
+        className: F(
+          "flex h-9 min-w-56 items-center gap-2 rounded-md border border-border bg-[var(--surface,transparent)] px-2.5 text-sm text-muted-foreground transition-colors hover:bg-muted",
+          v
+        ),
+        children: [
+          /* @__PURE__ */ e(E, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "flex-1 text-left", children: Q }),
+          c && /* @__PURE__ */ e(u, { keys: c })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      re,
+      {
+        open: i,
+        onClose: () => a(!1),
+        size: "lg",
+        hideHeader: !0,
+        bodyClassName: "min-h-0 flex-1 overflow-hidden p-3 sm:p-4",
+        className: "ds-global-search",
+        children: /* @__PURE__ */ s("div", { className: "flex h-[min(60vh,32rem)] min-h-0 flex-col", children: [
+          k && /* @__PURE__ */ e(te, { center: !0, label: "Loading index…" }),
+          p && /* @__PURE__ */ s("p", { className: "px-2 py-8 text-center text-sm text-destructive", children: [
+            "Search index failed: ",
+            p
+          ] }),
+          !k && !p && /* @__PURE__ */ e(
+            ne,
+            {
+              items: V ?? [],
+              keys: t,
+              autoFocus: !0,
+              debounce: I,
+              limit: G,
+              estimateSize: P,
+              fuseOptions: D,
+              getItemKey: R,
+              placeholder: B,
+              emptyState: C,
+              onSelect: Z,
+              renderItem: q ?? Y,
+              className: "min-h-0 flex-1",
+              inputClassName: "py-2.5 text-base sm:text-sm"
+            }
+          ),
+          y !== null && /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 border-t border-border px-1 pt-2 text-[11px] text-muted-foreground", children: y ?? /* @__PURE__ */ s(z, { children: [
+            /* @__PURE__ */ s("span", { children: [
+              /* @__PURE__ */ e(u, { keys: ["↑", "↓"] }),
+              " navigate"
+            ] }),
+            /* @__PURE__ */ s("span", { children: [
+              /* @__PURE__ */ e(u, { keys: ["↵"] }),
+              " open"
+            ] }),
+            /* @__PURE__ */ s("span", { children: [
+              /* @__PURE__ */ e(u, { keys: ["esc"] }),
+              " close"
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mono", children: '"quoted" = exact match' })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
+function u({ keys: r }) {
+  return /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-0.5 align-middle", children: r.map((t) => /* @__PURE__ */ e(
+    "kbd",
+    {
+      className: "mono rounded border border-border bg-muted px-1 py-0.5 text-[10px] leading-none text-muted-foreground",
+      children: t
+    },
+    t
+  )) });
+}
+function oe(r) {
+  const t = r[0];
+  if (t == null) return;
+  if (typeof t == "string") return t;
+  if (Array.isArray(t)) return t.join(".");
+  const o = t.name;
+  return Array.isArray(o) ? o.join(".") : o;
+}
+function se(r, t) {
+  let o = r;
+  for (const l of t.split(".")) {
+    if (o == null || typeof o != "object") return;
+    o = o[l];
+  }
+  return o;
+}
+export {
+  be as GlobalSearch
+};
+//# sourceMappingURL=global-search.js.map

package/dist/components/global-search/global-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-search.js","sources":["../../../src/components/global-search/global-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type Key, type ReactNode } from 'react';\nimport { type FuseOptionKey, type IFuseOptions } from 'fuse.js';\nimport { Search } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../button';\nimport { FuzzyList, type FuzzyRenderContext } from '../fuzzy-list';\nimport { Modal } from '../modal';\nimport { Spinner } from '../spinner';\nimport { formatHotkey, useHotkey } from './hotkey';\n\n/** Items may be given up front, or loaded the first time the palette opens —\n * which is how you keep a big build-time JSON index out of the initial bundle. */\nexport type GlobalSearchSource<T> = T[] | (() => T[] | Promise<T[]>);\n\nexport interface GlobalSearchProps<T> {\n  /** The searchable set, or a loader called once on first open. */\n  items: GlobalSearchSource<T>;\n  /** Fields to search. Dotted paths and weighted keys, same as {@link FuzzyList}. */\n  keys: FuseOptionKey<T>[];\n  /** Fired when a result is picked (click or Enter). */\n  onSelect: (item: T, index: number) => void;\n  /**\n   * Global shortcut that opens the palette — `Mod+K` (Cmd on Apple, Ctrl\n   * elsewhere), `Ctrl+K`, `Cmd+Shift+P`, or a bare key like `/`. Pass `null` for\n   * no shortcut. Default `Mod+K`.\n   */\n  searchKey?: string | null;\n  /** Row renderer. Defaults to title / description / badge from the `*Key` props. */\n  renderItem?: (ctx: FuzzyRenderContext<T>) => ReactNode;\n  /** Field shown as the row's title in the default renderer. Defaults to the first `keys` entry. */\n  titleKey?: string;\n  /** Field shown under the title (snippet-highlighted) in the default renderer. */\n  descriptionKey?: string;\n  /** Field shown as the right-hand badge in the default renderer (a kind/section). */\n  badgeKey?: string;\n  /** Stable React key per row. */\n  getItemKey?: (item: T, index: number) => Key;\n  placeholder?: string;\n  /** Shown when nothing matches. */\n  emptyState?: ReactNode;\n  /** Cap the result count. Default 50 — a palette is for finding, not browsing. */\n  limit?: number;\n  /** Search debounce, ms. Default 400 (see {@link FuzzyList}). */\n  debounce?: number;\n  /** Row-height guess for the virtual list, px. Default 56. */\n  estimateSize?: number;\n  /** Extra Fuse options. */\n  fuseOptions?: IFuseOptions<T>;\n  /** Close the palette after a selection. Default true. */\n  closeOnSelect?: boolean;\n  /** The trigger. `icon` = square search button (default), `bar` = a fake search\n   * field with the shortcut hint, `none` = no trigger (drive it with `open`). */\n  trigger?: 'icon' | 'bar' | 'none';\n  /** Trigger label for the `bar` variant. Default \"Search…\". */\n  triggerLabel?: string;\n  /** Controlled open state. Omit to let the component own it. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Footer hint line under the results. Pass `null` to drop it. */\n  hint?: ReactNode;\n  className?: string;\n}\n\n/**\n * The Cmd-K palette, assembled from the pieces this library already ships: a\n * {@link Modal} holding a {@link FuzzyList} (which is itself a debounced,\n * quote-aware Fuse search over a `VirtualList`, so an index of thousands of\n * entries still scrolls at 60fps and only the visible rows are in the DOM).\n *\n * `items` can be a loader — the palette calls it the first time it opens, which\n * is how you lazily pull a static, build-time-generated `search-index.json`\n * without paying for it on first paint.\n *\n * ```tsx\n * <GlobalSearch\n *   searchKey=\"Ctrl+K\"\n *   items={() => fetch('/search-index.json').then((r) => r.json())}\n *   keys={['name', 'summary', 'props']}\n *   titleKey=\"name\"\n *   descriptionKey=\"summary\"\n *   badgeKey=\"kind\"\n *   onSelect={(entry) => navigate(entry.route)}\n * />\n * ```\n */\nexport function GlobalSearch<T>({\n  items,\n  keys,\n  onSelect,\n  searchKey = 'Mod+K',\n  renderItem,\n  titleKey,\n  descriptionKey,\n  badgeKey,\n  getItemKey,\n  placeholder = 'Search…',\n  emptyState = 'No matches.',\n  limit = 50,\n  debounce = 400,\n  estimateSize = 56,\n  fuseOptions,\n  closeOnSelect = true,\n  trigger = 'icon',\n  triggerLabel = 'Search…',\n  open: openProp,\n  onOpenChange,\n  hint,\n  className,\n}: GlobalSearchProps<T>) {\n  const [openState, setOpenState] = useState(false);\n  const open = openProp ?? openState;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (openProp === undefined) setOpenState(next);\n      onOpenChange?.(next);\n    },\n    [openProp, onOpenChange],\n  );\n\n  // Lazily resolve the source the first time the palette opens, then keep it.\n  const [loaded, setLoaded] = useState<T[] | null>(Array.isArray(items) ? items : null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const requested = useRef(false);\n\n  useEffect(() => {\n    if (Array.isArray(items)) setLoaded(items);\n  }, [items]);\n\n  useEffect(() => {\n    if (!open || Array.isArray(items) || requested.current) return;\n    requested.current = true;\n    setLoading(true);\n    Promise.resolve(items())\n      .then((rows) => setLoaded(rows))\n      .catch((e: unknown) => setError(e instanceof Error ? e.message : String(e)))\n      .finally(() => setLoading(false));\n  }, [open, items]);\n\n  const toggle = useCallback(() => setOpen(!open), [open, setOpen]);\n  useHotkey(searchKey, toggle);\n\n  const keyHint = searchKey ? formatHotkey(searchKey) : null;\n\n  const defaultRender = ({ highlight, item, active }: FuzzyRenderContext<T>): ReactNode => {\n    const title = titleKey ?? firstPath(keys);\n    const badge = badgeKey ? String(readPath(item, badgeKey) ?? '') : '';\n    return (\n      <div\n        className={cn(\n          'flex items-start justify-between gap-3 rounded-lg border border-transparent px-3 py-2.5 transition-colors',\n          active ? 'border-border bg-muted' : 'hover:bg-muted/60',\n        )}\n      >\n        <div className=\"min-w-0\">\n          <div className=\"mono truncate text-sm text-foreground\">{title ? highlight(title) : null}</div>\n          {descriptionKey && (\n            <p className=\"mt-0.5 line-clamp-2 text-[13px] leading-snug text-muted-foreground\">\n              {highlight(descriptionKey, { snippet: true })}\n            </p>\n          )}\n        </div>\n        {badge && (\n          <span className=\"mono shrink-0 rounded border border-border px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n      </div>\n    );\n  };\n\n  const select = (item: T, index: number) => {\n    onSelect(item, index);\n    if (closeOnSelect) setOpen(false);\n  };\n\n  return (\n    <>\n      {trigger === 'icon' && (\n        <Button\n          variant=\"outline\"\n          size=\"icon-md\"\n          aria-label=\"Search\"\n          onClick={() => setOpen(true)}\n          tooltip={keyHint ? keyHint.join(' ') : undefined}\n          className={className}\n        >\n          <Search />\n        </Button>\n      )}\n      {trigger === 'bar' && (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          className={cn(\n            'flex h-9 min-w-56 items-center gap-2 rounded-md border border-border bg-[var(--surface,transparent)] px-2.5 text-sm text-muted-foreground transition-colors hover:bg-muted',\n            className,\n          )}\n        >\n          <Search className=\"size-4 shrink-0\" />\n          <span className=\"flex-1 text-left\">{triggerLabel}</span>\n          {keyHint && <Kbd keys={keyHint} />}\n        </button>\n      )}\n\n      <Modal\n        open={open}\n        onClose={() => setOpen(false)}\n        size=\"lg\"\n        hideHeader\n        bodyClassName=\"min-h-0 flex-1 overflow-hidden p-3 sm:p-4\"\n        className=\"ds-global-search\"\n      >\n        <div className=\"flex h-[min(60vh,32rem)] min-h-0 flex-col\">\n          {loading && <Spinner center label=\"Loading index…\" />}\n          {error && (\n            <p className=\"px-2 py-8 text-center text-sm text-destructive\">Search index failed: {error}</p>\n          )}\n          {!loading && !error && (\n            <FuzzyList\n              items={loaded ?? []}\n              keys={keys}\n              autoFocus\n              debounce={debounce}\n              limit={limit}\n              estimateSize={estimateSize}\n              fuseOptions={fuseOptions}\n              getItemKey={getItemKey}\n              placeholder={placeholder}\n              emptyState={emptyState}\n              onSelect={select}\n              renderItem={renderItem ?? defaultRender}\n              className=\"min-h-0 flex-1\"\n              inputClassName=\"py-2.5 text-base sm:text-sm\"\n            />\n          )}\n          {hint !== null && (\n            <div className=\"mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 border-t border-border px-1 pt-2 text-[11px] text-muted-foreground\">\n              {hint ?? (\n                <>\n                  <span>\n                    <Kbd keys={['↑', '↓']} /> navigate\n                  </span>\n                  <span>\n                    <Kbd keys={['↵']} /> open\n                  </span>\n                  <span>\n                    <Kbd keys={['esc']} /> close\n                  </span>\n                  <span className=\"mono\">\"quoted\" = exact match</span>\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction Kbd({ keys }: { keys: string[] }) {\n  return (\n    <span className=\"inline-flex items-center gap-0.5 align-middle\">\n      {keys.map((k) => (\n        <kbd\n          key={k}\n          className=\"mono rounded border border-border bg-muted px-1 py-0.5 text-[10px] leading-none text-muted-foreground\"\n        >\n          {k}\n        </kbd>\n      ))}\n    </span>\n  );\n}\n\n/** The first key of a Fuse `keys` list, as a dotted path — the default title field. */\nfunction firstPath<T>(keys: FuseOptionKey<T>[]): string | undefined {\n  const k = keys[0];\n  if (k == null) return undefined;\n  if (typeof k === 'string') return k;\n  if (Array.isArray(k)) return k.join('.');\n  const name = (k as { name: string | string[] }).name;\n  return Array.isArray(name) ? name.join('.') : name;\n}\n\nfunction readPath(obj: unknown, path: string): unknown {\n  let cur: unknown = obj;\n  for (const seg of path.split('.')) {\n    if (cur == null || typeof cur !== 'object') return undefined;\n    cur = (cur as Record<string, unknown>)[seg];\n  }\n  return cur;\n}\n"],"names":["GlobalSearch","items","keys","onSelect","searchKey","renderItem","titleKey","descriptionKey","badgeKey","getItemKey","placeholder","emptyState","limit","debounce","estimateSize","fuseOptions","closeOnSelect","trigger","triggerLabel","openProp","onOpenChange","hint","className","openState","setOpenState","useState","open","setOpen","useCallback","next","loaded","setLoaded","loading","setLoading","error","setError","requested","useRef","useEffect","rows","e","toggle","useHotkey","keyHint","formatHotkey","defaultRender","highlight","item","active","title","firstPath","badge","readPath","jsxs","cn","jsx","select","index","Fragment","Button","Search","Kbd","Modal","Spinner","FuzzyList","k","name","obj","path","cur","seg"],"mappings":";;;;;;;;;;AAsFO,SAASA,GAAgB;AAAA,EAC9B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,aAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAAyB;AACvB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAOP,KAAYI,GAEnBI,IAAUC;AAAA,IACd,CAACC,MAAkB;AACjB,MAAIV,MAAa,UAAWK,EAAaK,CAAI,GAC7CT,KAAA,QAAAA,EAAeS;AAAA,IACjB;AAAA,IACA,CAACV,GAAUC,CAAY;AAAA,EAAA,GAInB,CAACU,GAAQC,CAAS,IAAIN,EAAqB,MAAM,QAAQxB,CAAK,IAAIA,IAAQ,IAAI,GAC9E,CAAC+B,GAASC,CAAU,IAAIR,EAAS,EAAK,GACtC,CAACS,GAAOC,CAAQ,IAAIV,EAAwB,IAAI,GAChDW,IAAYC,EAAO,EAAK;AAE9B,EAAAC,EAAU,MAAM;AACd,IAAI,MAAM,QAAQrC,CAAK,OAAaA,CAAK;AAAA,EAC3C,GAAG,CAACA,CAAK,CAAC,GAEVqC,EAAU,MAAM;AACd,IAAI,CAACZ,KAAQ,MAAM,QAAQzB,CAAK,KAAKmC,EAAU,YAC/CA,EAAU,UAAU,IACpBH,EAAW,EAAI,GACf,QAAQ,QAAQhC,EAAA,CAAO,EACpB,KAAK,CAACsC,MAASR,EAAUQ,CAAI,CAAC,EAC9B,MAAM,CAACC,MAAeL,EAASK,aAAa,QAAQA,EAAE,UAAU,OAAOA,CAAC,CAAC,CAAC,EAC1E,QAAQ,MAAMP,EAAW,EAAK,CAAC;AAAA,EACpC,GAAG,CAACP,GAAMzB,CAAK,CAAC;AAEhB,QAAMwC,IAASb,EAAY,MAAMD,EAAQ,CAACD,CAAI,GAAG,CAACA,GAAMC,CAAO,CAAC;AAChE,EAAAe,EAAUtC,GAAWqC,CAAM;AAE3B,QAAME,IAAUvC,IAAYwC,EAAaxC,CAAS,IAAI,MAEhDyC,IAAgB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,QAAAC,QAA+C;AACvF,UAAMC,IAAQ3C,KAAY4C,GAAUhD,CAAI,GAClCiD,IAAQ3C,IAAW,OAAO4C,GAASL,GAAMvC,CAAQ,KAAK,EAAE,IAAI;AAClE,WACE,gBAAA6C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAN,IAAS,2BAA2B;AAAA,QAAA;AAAA,QAGtC,UAAA;AAAA,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,SAAI,WAAU,yCAAyC,cAAQT,EAAUG,CAAK,IAAI,MAAK;AAAA,YACvF1C,KACC,gBAAAgD,EAAC,KAAA,EAAE,WAAU,sEACV,UAAAT,EAAUvC,GAAgB,EAAE,SAAS,GAAA,CAAM,EAAA,CAC9C;AAAA,UAAA,GAEJ;AAAA,UACC4C,KACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,0HACb,UAAAJ,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR,GAEMK,IAAS,CAACT,GAASU,MAAkB;AACzC,IAAAtD,EAAS4C,GAAMU,CAAK,GAChBzC,OAAuB,EAAK;AAAA,EAClC;AAEA,SACE,gBAAAqC,EAAAK,GAAA,EACG,UAAA;AAAA,IAAAzC,MAAY,UACX,gBAAAsC;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAS,MAAMhC,EAAQ,EAAI;AAAA,QAC3B,SAASgB,IAAUA,EAAQ,KAAK,GAAG,IAAI;AAAA,QACvC,WAAArB;AAAA,QAEA,4BAACsC,GAAA,CAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGX3C,MAAY,SACX,gBAAAoC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM1B,EAAQ,EAAI;AAAA,QAC3B,WAAW2B;AAAA,UACT;AAAA,UACAhC;AAAA,QAAA;AAAA,QAGF,UAAA;AAAA,UAAA,gBAAAiC,EAACK,GAAA,EAAO,WAAU,kBAAA,CAAkB;AAAA,UACpC,gBAAAL,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAArC,GAAa;AAAA,UAChDyB,KAAW,gBAAAY,EAACM,GAAA,EAAI,MAAMlB,EAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIpC,gBAAAY;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,MAAApC;AAAA,QACA,SAAS,MAAMC,EAAQ,EAAK;AAAA,QAC5B,MAAK;AAAA,QACL,YAAU;AAAA,QACV,eAAc;AAAA,QACd,WAAU;AAAA,QAEV,UAAA,gBAAA0B,EAAC,OAAA,EAAI,WAAU,6CACZ,UAAA;AAAA,UAAArB,KAAW,gBAAAuB,EAACQ,IAAA,EAAQ,QAAM,IAAC,OAAM,kBAAiB;AAAA,UAClD7B,KACC,gBAAAmB,EAAC,KAAA,EAAE,WAAU,kDAAiD,UAAA;AAAA,YAAA;AAAA,YAAsBnB;AAAA,UAAA,GAAM;AAAA,UAE3F,CAACF,KAAW,CAACE,KACZ,gBAAAqB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAOlC,KAAU,CAAA;AAAA,cACjB,MAAA5B;AAAA,cACA,WAAS;AAAA,cACT,UAAAW;AAAA,cACA,OAAAD;AAAA,cACA,cAAAE;AAAA,cACA,aAAAC;AAAA,cACA,YAAAN;AAAA,cACA,aAAAC;AAAA,cACA,YAAAC;AAAA,cACA,UAAU6C;AAAA,cACV,YAAYnD,KAAcwC;AAAA,cAC1B,WAAU;AAAA,cACV,gBAAe;AAAA,YAAA;AAAA,UAAA;AAAA,UAGlBxB,MAAS,QACR,gBAAAkC,EAAC,SAAI,WAAU,uHACZ,eACC,gBAAAF,EAAAK,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAL,EAAC,QAAA,EACC,UAAA;AAAA,cAAA,gBAAAE,EAACM,GAAA,EAAI,MAAM,CAAC,KAAK,GAAG,GAAG;AAAA,cAAE;AAAA,YAAA,GAC3B;AAAA,8BACC,QAAA,EACC,UAAA;AAAA,cAAA,gBAAAN,EAACM,GAAA,EAAI,MAAM,CAAC,GAAG,EAAA,CAAG;AAAA,cAAE;AAAA,YAAA,GACtB;AAAA,8BACC,QAAA,EACC,UAAA;AAAA,cAAA,gBAAAN,EAACM,GAAA,EAAI,MAAM,CAAC,KAAK,EAAA,CAAG;AAAA,cAAE;AAAA,YAAA,GACxB;AAAA,YACA,gBAAAN,EAAC,QAAA,EAAK,WAAU,QAAO,UAAA,yBAAA,CAAsB;AAAA,UAAA,EAAA,CAC/C,EAAA,CAEJ;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASM,EAAI,EAAE,MAAA3D,KAA4B;AACzC,2BACG,QAAA,EAAK,WAAU,iDACb,UAAAA,EAAK,IAAI,CAAC+D,MACT,gBAAAV;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAET,UAAAU;AAAA,IAAA;AAAA,IAHIA;AAAA,EAAA,CAKR,GACH;AAEJ;AAGA,SAASf,GAAahD,GAA8C;AAClE,QAAM+D,IAAI/D,EAAK,CAAC;AAChB,MAAI+D,KAAK,KAAM;AACf,MAAI,OAAOA,KAAM,SAAU,QAAOA;AAClC,MAAI,MAAM,QAAQA,CAAC,EAAG,QAAOA,EAAE,KAAK,GAAG;AACvC,QAAMC,IAAQD,EAAkC;AAChD,SAAO,MAAM,QAAQC,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAChD;AAEA,SAASd,GAASe,GAAcC,GAAuB;AACrD,MAAIC,IAAeF;AACnB,aAAWG,KAAOF,EAAK,MAAM,GAAG,GAAG;AACjC,QAAIC,KAAO,QAAQ,OAAOA,KAAQ,SAAU;AAC5C,IAAAA,IAAOA,EAAgCC,CAAG;AAAA,EAC5C;AACA,SAAOD;AACT;"}

package/dist/components/global-search/hotkey.d.ts

@@ -0,0 +1,23 @@
+export interface Hotkey {
+    key: string;
+    ctrl: boolean;
+    meta: boolean;
+    shift: boolean;
+    alt: boolean;
+    /** `Mod` — Cmd on Apple platforms, Ctrl everywhere else. */
+    mod: boolean;
+}
+/**
+ * Parse a combo string — `Ctrl+K`, `Meta+K`, `Cmd+Shift+P`, `Mod+K`, `/` — into
+ * the flags a `keydown` handler compares against. `Mod` is the portable one: it
+ * means Cmd on a Mac and Ctrl elsewhere.
+ */
+export declare function parseHotkey(combo: string): Hotkey;
+/**
+ * Bind a global keyboard shortcut. Combos with a modifier (`Mod+K`) fire even
+ * while an input has focus; bare keys (`/`) stand down so they can be typed.
+ */
+export declare function useHotkey(combo: string | null | undefined, handler: () => void, enabled?: boolean): void;
+/** Render a combo the way the current platform writes it: `⌘K` / `Ctrl K`. */
+export declare function formatHotkey(combo: string): string[];
+//# sourceMappingURL=hotkey.d.ts.map

package/dist/components/global-search/hotkey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkey.d.ts","sourceRoot":"","sources":["../../../src/components/global-search/hotkey.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,OAAO,CAAC;IACb,4DAA4D;IAC5D,GAAG,EAAE,OAAO,CAAC;CACd;AAKD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYjD;AA4BD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,OAAO,UAAO,QAc9F;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAWpD"}

package/dist/components/global-search/hotkey.js

@@ -0,0 +1,41 @@
+import { useEffect as l } from "react";
+const s = () => typeof navigator < "u" && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);
+function f(e) {
+  const t = e.split("+").map((o) => o.trim().toLowerCase()).filter(Boolean), n = t[t.length - 1] ?? "", r = (...o) => t.slice(0, -1).some((a) => o.includes(a));
+  return {
+    key: n,
+    ctrl: r("ctrl", "control"),
+    meta: r("meta", "cmd", "command"),
+    shift: r("shift"),
+    alt: r("alt", "option"),
+    mod: r("mod")
+  };
+}
+function u(e, t) {
+  if (e.key.toLowerCase() !== t.key) return !1;
+  const n = s() ? e.metaKey : e.ctrlKey;
+  return !(t.mod && !n || t.ctrl && !e.ctrlKey || t.meta && !e.metaKey || t.shift !== e.shiftKey || t.alt !== e.altKey || !t.mod && !t.ctrl && !t.meta && (e.ctrlKey || e.metaKey));
+}
+function c(e) {
+  const t = e;
+  return !t || !t.tagName ? !1 : t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable;
+}
+function p(e, t, n = !0) {
+  l(() => {
+    if (!e || !n) return;
+    const r = f(e), o = !r.mod && !r.ctrl && !r.meta && !r.alt, a = (i) => {
+      o && c(i.target) || u(i, r) && (i.preventDefault(), t());
+    };
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  }, [e, n, t]);
+}
+function y(e) {
+  const t = f(e), n = s(), r = [];
+  return t.mod && r.push(n ? "⌘" : "Ctrl"), t.ctrl && r.push(n ? "⌃" : "Ctrl"), t.meta && !t.mod && r.push(n ? "⌘" : "Win"), t.alt && r.push(n ? "⌥" : "Alt"), t.shift && r.push(n ? "⇧" : "Shift"), r.push(t.key.length === 1 ? t.key.toUpperCase() : t.key), r;
+}
+export {
+  y as formatHotkey,
+  f as parseHotkey,
+  p as useHotkey
+};
+//# sourceMappingURL=hotkey.js.map

package/dist/components/global-search/hotkey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkey.js","sources":["../../../src/components/global-search/hotkey.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport interface Hotkey {\n  key: string;\n  ctrl: boolean;\n  meta: boolean;\n  shift: boolean;\n  alt: boolean;\n  /** `Mod` — Cmd on Apple platforms, Ctrl everywhere else. */\n  mod: boolean;\n}\n\nconst isApple = () =>\n  typeof navigator !== 'undefined' && /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent);\n\n/**\n * Parse a combo string — `Ctrl+K`, `Meta+K`, `Cmd+Shift+P`, `Mod+K`, `/` — into\n * the flags a `keydown` handler compares against. `Mod` is the portable one: it\n * means Cmd on a Mac and Ctrl elsewhere.\n */\nexport function parseHotkey(combo: string): Hotkey {\n  const parts = combo.split('+').map((p) => p.trim().toLowerCase()).filter(Boolean);\n  const key = parts[parts.length - 1] ?? '';\n  const has = (...names: string[]) => parts.slice(0, -1).some((p) => names.includes(p));\n  return {\n    key,\n    ctrl: has('ctrl', 'control'),\n    meta: has('meta', 'cmd', 'command'),\n    shift: has('shift'),\n    alt: has('alt', 'option'),\n    mod: has('mod'),\n  };\n}\n\nfunction matches(e: KeyboardEvent, h: Hotkey): boolean {\n  if (e.key.toLowerCase() !== h.key) return false;\n  const mod = isApple() ? e.metaKey : e.ctrlKey;\n  if (h.mod && !mod) return false;\n  if (h.ctrl && !e.ctrlKey) return false;\n  if (h.meta && !e.metaKey) return false;\n  if (h.shift !== e.shiftKey) return false;\n  if (h.alt !== e.altKey) return false;\n  // A bare key (no modifier in the combo) must not fire while a modifier is held\n  // — `/` shouldn't hijack Ctrl+/.\n  if (!h.mod && !h.ctrl && !h.meta && (e.ctrlKey || e.metaKey)) return false;\n  return true;\n}\n\n/** Whether the event came from somewhere the user is typing. */\nfunction isTyping(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null;\n  if (!el || !el.tagName) return false;\n  return (\n    el.tagName === 'INPUT' ||\n    el.tagName === 'TEXTAREA' ||\n    el.tagName === 'SELECT' ||\n    el.isContentEditable\n  );\n}\n\n/**\n * Bind a global keyboard shortcut. Combos with a modifier (`Mod+K`) fire even\n * while an input has focus; bare keys (`/`) stand down so they can be typed.\n */\nexport function useHotkey(combo: string | null | undefined, handler: () => void, enabled = true) {\n  useEffect(() => {\n    if (!combo || !enabled) return;\n    const hk = parseHotkey(combo);\n    const bare = !hk.mod && !hk.ctrl && !hk.meta && !hk.alt;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (bare && isTyping(e.target)) return;\n      if (!matches(e, hk)) return;\n      e.preventDefault();\n      handler();\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [combo, enabled, handler]);\n}\n\n/** Render a combo the way the current platform writes it: `⌘K` / `Ctrl K`. */\nexport function formatHotkey(combo: string): string[] {\n  const hk = parseHotkey(combo);\n  const apple = isApple();\n  const out: string[] = [];\n  if (hk.mod) out.push(apple ? '⌘' : 'Ctrl');\n  if (hk.ctrl) out.push(apple ? '⌃' : 'Ctrl');\n  if (hk.meta && !hk.mod) out.push(apple ? '⌘' : 'Win');\n  if (hk.alt) out.push(apple ? '⌥' : 'Alt');\n  if (hk.shift) out.push(apple ? '⇧' : 'Shift');\n  out.push(hk.key.length === 1 ? hk.key.toUpperCase() : hk.key);\n  return out;\n}\n"],"names":["isApple","parseHotkey","combo","parts","p","key","has","names","matches","h","mod","isTyping","target","el","useHotkey","handler","enabled","useEffect","hk","bare","onKeyDown","e","formatHotkey","apple","out"],"mappings":";AAYA,MAAMA,IAAU,MACd,OAAO,YAAc,OAAe,wBAAwB,KAAK,UAAU,YAAY,UAAU,SAAS;AAOrG,SAASC,EAAYC,GAAuB;AACjD,QAAMC,IAAQD,EAAM,MAAM,GAAG,EAAE,IAAI,CAACE,MAAMA,EAAE,OAAO,YAAA,CAAa,EAAE,OAAO,OAAO,GAC1EC,IAAMF,EAAMA,EAAM,SAAS,CAAC,KAAK,IACjCG,IAAM,IAAIC,MAAoBJ,EAAM,MAAM,GAAG,EAAE,EAAE,KAAK,CAACC,MAAMG,EAAM,SAASH,CAAC,CAAC;AACpF,SAAO;AAAA,IACL,KAAAC;AAAA,IACA,MAAMC,EAAI,QAAQ,SAAS;AAAA,IAC3B,MAAMA,EAAI,QAAQ,OAAO,SAAS;AAAA,IAClC,OAAOA,EAAI,OAAO;AAAA,IAClB,KAAKA,EAAI,OAAO,QAAQ;AAAA,IACxB,KAAKA,EAAI,KAAK;AAAA,EAAA;AAElB;AAEA,SAASE,EAAQ,GAAkBC,GAAoB;AACrD,MAAI,EAAE,IAAI,YAAA,MAAkBA,EAAE,IAAK,QAAO;AAC1C,QAAMC,IAAMV,EAAA,IAAY,EAAE,UAAU,EAAE;AAQtC,SAPI,EAAAS,EAAE,OAAO,CAACC,KACVD,EAAE,QAAQ,CAAC,EAAE,WACbA,EAAE,QAAQ,CAAC,EAAE,WACbA,EAAE,UAAU,EAAE,YACdA,EAAE,QAAQ,EAAE,UAGZ,CAACA,EAAE,OAAO,CAACA,EAAE,QAAQ,CAACA,EAAE,SAAS,EAAE,WAAW,EAAE;AAEtD;AAGA,SAASE,EAASC,GAAqC;AACrD,QAAMC,IAAKD;AACX,SAAI,CAACC,KAAM,CAACA,EAAG,UAAgB,KAE7BA,EAAG,YAAY,WACfA,EAAG,YAAY,cACfA,EAAG,YAAY,YACfA,EAAG;AAEP;AAMO,SAASC,EAAUZ,GAAkCa,GAAqBC,IAAU,IAAM;AAC/F,EAAAC,EAAU,MAAM;AACd,QAAI,CAACf,KAAS,CAACc,EAAS;AACxB,UAAME,IAAKjB,EAAYC,CAAK,GACtBiB,IAAO,CAACD,EAAG,OAAO,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,KAC9CE,IAAY,CAACC,MAAqB;AACtC,MAAIF,KAAQR,EAASU,EAAE,MAAM,KACxBb,EAAQa,GAAGH,CAAE,MAClBG,EAAE,eAAA,GACFN,EAAA;AAAA,IACF;AACA,kBAAO,iBAAiB,WAAWK,CAAS,GACrC,MAAM,OAAO,oBAAoB,WAAWA,CAAS;AAAA,EAC9D,GAAG,CAAClB,GAAOc,GAASD,CAAO,CAAC;AAC9B;AAGO,SAASO,EAAapB,GAAyB;AACpD,QAAMgB,IAAKjB,EAAYC,CAAK,GACtBqB,IAAQvB,EAAA,GACRwB,IAAgB,CAAA;AACtB,SAAIN,EAAG,OAAKM,EAAI,KAAKD,IAAQ,MAAM,MAAM,GACrCL,EAAG,QAAMM,EAAI,KAAKD,IAAQ,MAAM,MAAM,GACtCL,EAAG,QAAQ,CAACA,EAAG,OAAKM,EAAI,KAAKD,IAAQ,MAAM,KAAK,GAChDL,EAAG,OAAKM,EAAI,KAAKD,IAAQ,MAAM,KAAK,GACpCL,EAAG,SAAOM,EAAI,KAAKD,IAAQ,MAAM,OAAO,GAC5CC,EAAI,KAAKN,EAAG,IAAI,WAAW,IAAIA,EAAG,IAAI,gBAAgBA,EAAG,GAAG,GACrDM;AACT;"}

package/dist/components/global-search/index.d.ts

@@ -0,0 +1,5 @@
+export { GlobalSearch } from './global-search';
+export type { GlobalSearchProps, GlobalSearchSource } from './global-search';
+export { formatHotkey, parseHotkey, useHotkey } from './hotkey';
+export type { Hotkey } from './hotkey';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/global-search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/global-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAChE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/iframe-preview/iframe-preview.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+export type IframePreviewDevice = 'desktop' | 'phone';
+export interface IframePreviewOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    /** The page to frame. Changing it (while open) navigates the iframe. */
+    url: string;
+    /** Called whenever the user commits a new URL in the address field. */
+    onUrlChange?: (url: string) => void;
+    title?: string;
+    /** Show the editable address field. Default `true`. */
+    editableUrl?: boolean;
+    /** Extra controls, rendered in the toolbar next to the built-in ones. */
+    actions?: React.ReactNode;
+    /** Phone/desktop tier toggle (desktop viewports only). Default `true`. */
+    devices?: boolean;
+    device?: IframePreviewDevice;
+    onDeviceChange?: (device: IframePreviewDevice) => void;
+    /**
+     * Append a cache-busting query param on every (re)load, so a just-deployed
+     * page can't be served from the browser cache. Default `false`.
+     */
+    cacheBust?: boolean;
+    sandbox?: string;
+    allow?: string;
+    className?: string;
+    /** Rendered under the toolbar, above the frame — a banner, a tab bar… */
+    children?: React.ReactNode;
+}
+/**
+ * The full-screen half of {@link IframePreview}, driven entirely from props —
+ * use it directly when the trigger lives somewhere else (a menu item, a
+ * floating gizmo) or when the URL is owned by the app.
+ *
+ * The iframe is keyed on the resolved source, so every open — and every hit of
+ * the reload button — remounts it and re-fetches the page rather than showing a
+ * stale render.
+ */
+export declare function IframePreviewOverlay({ open, onClose, url, onUrlChange, title, editableUrl, actions, devices, device: deviceProp, onDeviceChange, cacheBust, sandbox, allow, className, children, }: IframePreviewOverlayProps): React.ReactPortal | null;
+export interface IframePreviewProps extends Omit<IframePreviewOverlayProps, 'open' | 'onClose' | 'url' | 'children'> {
+    /** Initial URL. The field can navigate away from it; reopening resets to it. */
+    url: string;
+    /** Controlled open state. Omit to let the component own it. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Custom trigger. A render prop gets `open()`; a node is wrapped in a button. */
+    children?: React.ReactNode | ((api: {
+        open: () => void;
+    }) => React.ReactNode);
+    /** Label of the default button trigger. */
+    label?: string;
+    /** Class for the default trigger. */
+    triggerClassName?: string;
+}
+/**
+ * A trigger — a button by default, any element you like — that opens the page
+ * at `url` full-screen in an iframe, with an editable address field, a reload
+ * that really re-fetches, a phone/desktop tier and a slot for your own
+ * controls. Built for phones: `100dvh`, safe-area padding, tap-sized buttons
+ * and a toolbar that stays one row wide.
+ */
+export declare function IframePreview({ url, open: openProp, defaultOpen, onOpenChange, children, label, triggerClassName, className, ...overlay }: IframePreviewProps): React.JSX.Element;
+//# sourceMappingURL=iframe-preview.d.ts.map

package/dist/components/iframe-preview/iframe-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-preview.d.ts","sourceRoot":"","sources":["../../../src/components/iframe-preview/iframe-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAC;AAQtD,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wEAAwE;IACxE,GAAG,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAmBD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,GAAG,EACH,WAAW,EACX,KAAK,EACL,WAAkB,EAClB,OAAO,EACP,OAAc,EACd,MAAM,EAAE,UAAU,EAClB,cAAc,EACd,SAAiB,EACjB,OAAO,EACP,KAAkD,EAClD,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,4BAkM3B;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IAChF,gFAAgF;IAChF,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9E,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,GAAG,OAAO,EACX,EAAE,kBAAkB,qBAgDpB"}