@alfadocs/ui-kit 0.1.8 → 0.1.10

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

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

package/dist/_chunks/search-input-Xw3cdWXW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input-Xw3cdWXW.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:text-foreground ds:hover:bg-muted',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (debouncedValue: string) => void;\n  onInput?: (rawValue: string) => void;\n  debounceMs?: number;\n  isLoading?: boolean;\n  variant?: 'inline' | 'expandable';\n  size?: 'sm' | 'md' | 'lg';\n  globalShortcut?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  name?: string;\n  id?: string;\n  form?: string;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  role?: SearchInputRole;\n  'aria-expanded'?: boolean;\n  'aria-controls'?: string;\n  'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n  if (!el) return false;\n  const tag = el.tagName;\n  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  if ((el as HTMLElement).isContentEditable) return true;\n  return false;\n}\n\n/**\n * Imperative handle for agent-readiness + programmatic control.\n *\n * The forwarded ref intersects the underlying `HTMLInputElement` so\n * existing consumers (`ref.current.focus()` etc.) keep working — we\n * mutate the live input element to add the curated methods rather than\n * returning a new object from `useImperativeHandle`.\n */\nexport interface SearchInputHandle {\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  submit: () => void;\n  /**\n   * Expand-aware focus. Named `agentFocus` rather than `focus` because\n   * the handle is grafted onto the underlying `HTMLInputElement` and the\n   * native `focus` slot is non-writable.\n   */\n  agentFocus: () => void;\n}\n\n/**\n * Backwards-compatible alias retained for one release cycle — the\n * forwarded ref's value is structurally an `HTMLInputElement` with the\n * `SearchInputHandle` methods grafted on. Consumers can read it as\n * either type via a cast.\n */\nexport type SearchInputRefValue = HTMLInputElement & SearchInputHandle;\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      onInput,\n      debounceMs = 200,\n      isLoading = false,\n      variant = 'inline',\n      size = 'md',\n      globalShortcut,\n      placeholder,\n      disabled,\n      className,\n      name,\n      id,\n      form,\n      autoComplete = 'off',\n      autoFocus,\n      role,\n      ...ariaProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      String(defaultValue ?? ''),\n    );\n    const rawValue = isControlled ? String(value) : internalValue;\n    const hasValue = rawValue.length > 0;\n\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    const [expanded, setExpanded] = useState<boolean>(\n      variant === 'inline' || hasValue,\n    );\n    const pendingFocusRef = useRef<boolean>(false);\n\n    useLayoutEffect(() => {\n      if (pendingFocusRef.current && innerRef.current) {\n        innerRef.current.focus();\n        pendingFocusRef.current = false;\n      }\n    });\n\n    const debouncedOnChange = useDebouncedCallback(\n      (next: string) => {\n        onChange?.(next);\n      },\n      debounceMs,\n    );\n\n    const fireImmediate = useCallback(\n      (next: string) => {\n        debouncedOnChange.cancel();\n        onChange?.(next);\n      },\n      [debouncedOnChange, onChange],\n    );\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n      },\n      [isControlled],\n    );\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const next = event.target.value;\n      commitValue(next);\n      if (next === '') {\n        fireImmediate('');\n      } else {\n        debouncedOnChange(next);\n      }\n    };\n\n    const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n      const next = event.currentTarget.value;\n      onInput?.(next);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== 'Escape') return;\n      if (event.nativeEvent.isComposing) return;\n      if (!hasValue) return;\n      event.preventDefault();\n      event.stopPropagation();\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleClear = () => {\n      commitValue('');\n      onInput?.('');\n      fireImmediate('');\n      innerRef.current?.focus();\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      if (variant !== 'expandable') return;\n      if (event.currentTarget.value === '') {\n        setExpanded(false);\n      }\n    };\n\n    const focusInput = useCallback(() => {\n      if (variant === 'expandable' && !expanded) {\n        pendingFocusRef.current = true;\n        setExpanded(true);\n      } else {\n        innerRef.current?.focus();\n      }\n    }, [variant, expanded]);\n\n    // Build a `SearchInputRefValue` (HTMLInputElement & SearchInputHandle)\n    // by attaching the curated agent methods onto the live input element.\n    // Returning a fresh object would break existing consumers who do\n    // `ref.current.value`, `ref.current.focus()`, etc. Instead we extend\n    // the underlying DOM node with the handle methods.\n    useImperativeHandle(\n      ref,\n      () => {\n        const node = innerRef.current;\n        // `useImperativeHandle` may not return null in strict typing, but\n        // the cast lets us yield the live DOM node on mount and `null`\n        // before mount — React itself tolerates this.\n        if (!node) return null as unknown as HTMLInputElement;\n        // `focus` is a non-writable own property on HTMLInputElement, so\n        // we use `defineProperty` (which honours `writable: true`) to\n        // graft the curated methods. The native `focus()` is the\n        // canonical one — for `variant=\"expandable\"` consumers should\n        // call the named curated method via `agentRef` rather than via\n        // the DOM ref.\n        const extras: Record<string, (...args: unknown[]) => unknown> = {\n          getQuery: () => rawValue,\n          setQuery: (next: unknown) => {\n            const value = String(next ?? '');\n            commitValue(value);\n            onInput?.(value);\n            fireImmediate(value);\n          },\n          clear: () => {\n            commitValue('');\n            onInput?.('');\n            fireImmediate('');\n            innerRef.current?.focus();\n          },\n          submit: () => {\n            fireImmediate(rawValue);\n          },\n          // Named `agentFocus` to avoid clashing with the native, read-only\n          // `HTMLElement.focus` slot. The adapter wires `actions.focus` to\n          // `agentFocus` so the expandable-aware path is preserved.\n          agentFocus: () => {\n            focusInput();\n          },\n        };\n        for (const [name, fn] of Object.entries(extras)) {\n          Object.defineProperty(node, name, {\n            value: fn,\n            configurable: true,\n            writable: true,\n            enumerable: false,\n          });\n        }\n        return node;\n      },\n      [rawValue, commitValue, onInput, fireImmediate, focusInput],\n    );\n\n    useEffect(() => {\n      if (!globalShortcut) return;\n      const onKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key !== globalShortcut) return;\n        if (event.isComposing) return;\n        if (event.defaultPrevented) return;\n        if (isEditableElement(document.activeElement)) return;\n        event.preventDefault();\n        focusInput();\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [globalShortcut, focusInput]);\n\n    const clearLabel = t('ui.inputs.search.clear', 'Clear search');\n    const loadingLabel = t('ui.inputs.search.loading', 'Searching…');\n    const defaultPlaceholder = t('ui.inputs.search.placeholder', 'Search…');\n    const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n    if (variant === 'expandable' && !expanded) {\n      return (\n        <div data-component=\"search-input\" data-component-id={id} className={expandableWrapperVariants({ className })}>\n          <button\n            type=\"button\"\n            aria-label={resolvedPlaceholder}\n            aria-expanded={false}\n            aria-controls={inputId}\n            disabled={effectiveDisabled}\n            onClick={() => {\n              pendingFocusRef.current = true;\n              setExpanded(true);\n            }}\n            className={expandButtonVariants()}\n          >\n            <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        </div>\n      );\n    }\n\n    const comboboxAria =\n      role === 'combobox'\n        ? {\n            role: 'combobox' as const,\n            'aria-expanded': ariaProps['aria-expanded'],\n            'aria-controls': ariaProps['aria-controls'],\n            'aria-activedescendant': ariaProps['aria-activedescendant'],\n          }\n        : undefined;\n\n    const showClear = hasValue && !isLoading && !effectiveDisabled;\n    const endSlot = isLoading ? (\n      <Spinner size=\"sm\" label={loadingLabel} />\n    ) : showClear ? (\n      <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n    ) : undefined;\n\n    return (\n      <div data-component=\"search-input\" data-component-id={id} className={rootVariants({ className })}>\n        <TextInput\n          ref={innerRef}\n          id={inputId}\n          type=\"search\"\n          size={size}\n          value={rawValue}\n          disabled={effectiveDisabled}\n          placeholder={resolvedPlaceholder}\n          name={name}\n          form={form}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          startAdornment={<Search />}\n          endAdornment={endSlot}\n          clearable={false}\n          onChange={handleChange}\n          onInput={handleNativeInput}\n          onKeyDown={handleKeyDown}\n          onBlur={handleBlur}\n          aria-label={ariaProps['aria-label']}\n          aria-busy={isLoading || undefined}\n          {...comboboxAria}\n        />\n        {showClear ? (\n          <button\n            type=\"button\"\n            aria-label={clearLabel}\n            onClick={handleClear}\n            className={clearButtonVariants()}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        >\n          {isLoading ? loadingLabel : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","useCallback","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useImperativeHandle","node","extras","fn","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":"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"}

package/dist/_chunks/search-input.agent-CfZvViOd.js

@@ -0,0 +1,69 @@
+const i = {
+  id: "search-input",
+  capabilities: ["filter", "edit_inline"],
+  state: {
+    query: {
+      type: "string",
+      descriptionKey: "ui.agent.searchInput.state.query",
+      description: "Current raw query string (not debounced).",
+      read: (e) => e.getQuery()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.searchInput.state.isEmpty",
+      description: "True when the query is empty.",
+      read: (e) => e.getQuery().length === 0
+    }
+  },
+  actions: {
+    set_query: {
+      safety: "read",
+      argsType: "{ query: string }",
+      descriptionKey: "ui.agent.searchInput.actions.setQuery",
+      description: "Replace the current query with the given string and fire onChange immediately.",
+      invoke: (e, t) => {
+        e.setQuery(t.query);
+      }
+    },
+    clear: {
+      safety: "read",
+      descriptionKey: "ui.agent.searchInput.actions.clear",
+      description: "Clear the query and return focus to the input.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    submit: {
+      safety: "read",
+      descriptionKey: "ui.agent.searchInput.actions.submit",
+      description: "Fire the current query without waiting for debounce.",
+      invoke: (e) => {
+        e.submit();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.searchInput.actions.focus",
+      description: 'Move keyboard focus to the input (expanding it first if `variant="expandable"`).',
+      invoke: (e) => {
+        e.agentFocus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "search-input",
+      description: "Marks the SearchInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+export {
+  i as s
+};
+//# sourceMappingURL=search-input.agent-CfZvViOd.js.map

package/dist/_chunks/search-input.agent-CfZvViOd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.agent-CfZvViOd.js","sources":["../../src/components/search-input/search-input.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SearchInput.                                           */\n/*                                                                        */\n/* The query string is whatever the user typed — adapters return it as   */\n/* the consumer's filter model already exposes (PRS §26 §7). If a user   */\n/* types PHI into a search box that is their action; the adapter does    */\n/* not extract anything beyond what was already typed.                   */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SearchInputHandle } from './search-input';\n\nexport const searchInputAgent: AgentAdapter<SearchInputHandle> = {\n  id: 'search-input',\n  capabilities: ['filter', 'edit_inline'],\n  state: {\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.searchInput.state.query',\n      description: 'Current raw query string (not debounced).',\n      read: (handle) => handle.getQuery(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.searchInput.state.isEmpty',\n      description: 'True when the query is empty.',\n      read: (handle) => handle.getQuery().length === 0,\n    },\n  },\n  actions: {\n    set_query: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      descriptionKey: 'ui.agent.searchInput.actions.setQuery',\n      description: 'Replace the current query with the given string and fire onChange immediately.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchInput.actions.clear',\n      description: 'Clear the query and return focus to the input.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    submit: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchInput.actions.submit',\n      description: 'Fire the current query without waiting for debounce.',\n      invoke: (handle) => {\n        handle.submit();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.searchInput.actions.focus',\n      description: 'Move keyboard focus to the input (expanding it first if `variant=\"expandable\"`).',\n      invoke: (handle) => {\n        handle.agentFocus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'search-input',\n      description: 'Marks the SearchInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n"],"names":["searchInputAgent","handle","args"],"mappings":"AAYO,MAAMA,IAAoD;AAAA,EAC/D,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,aAAa;AAAA,EACtC,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,SAAA,EAAW,WAAW;AAAA,IAAA;AAAA,EACjD;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,OAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,WAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}