@alfadocs/ui-kit 0.0.12

package/dist/_chunks/autocomplete.agent-kb0nmr6F.js

@@ -0,0 +1,371 @@
+import { jsx as n, jsxs as _ } from "react/jsx-runtime";
+import { forwardRef as Je, useId as Se, useState as C, useRef as m, useCallback as D, useEffect as O, useMemo as ce } from "react";
+import { _ as u } from "./index-4xgbg-sn.js";
+import * as F from "@radix-ui/react-popover";
+import { c as B } from "./index-D2ZczOXr.js";
+import { useTranslation as We } from "react-i18next";
+import { S as de } from "./spinner-77xUGpuX.js";
+import { u as Ye } from "./form-field-context-94LwgYTQ.js";
+import { u as Ze } from "./use-debounced-callback-BisrB-Fq.js";
+import { g as et } from "./group-options-BvKhQ3xb.js";
+import { I as tt, a as Q, b as X, c as ot } from "./input-surface-D5OMCB1W.js";
+const nt = B(
+  ["flex w-full items-center", ot].join(" "),
+  {
+    variants: {
+      size: {
+        sm: `${Q.sm} ${X.sm}`,
+        md: `${Q.md} ${X.md}`,
+        lg: `${Q.lg} ${X.lg}`
+      },
+      tone: tt
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), at = B(
+  [
+    "flex-1 min-w-0 bg-transparent text-foreground",
+    "placeholder:text-muted-foreground",
+    "outline-none focus:outline-none focus-visible:outline-none",
+    "disabled:cursor-not-allowed",
+    "read-only:cursor-default"
+  ].join(" "),
+  {
+    variants: {
+      hasStart: { true: "ps-2", false: "ps-3" },
+      hasEnd: { true: "pe-2", false: "pe-3" }
+    },
+    defaultVariants: { hasStart: !1, hasEnd: !1 }
+  }
+), st = B(
+  [
+    "z-[var(--z-dropdown)] overflow-hidden",
+    "rounded-[var(--radius-sm)] border border-border bg-background",
+    "shadow-[var(--shadow-md)]",
+    "w-[var(--radix-popover-trigger-width)]",
+    "animate-in fade-in zoom-in-95",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out",
+    "data-[state=closed]:zoom-out-95",
+    "motion-reduce:animate-none"
+  ].join(" ")
+), pe = B(
+  [
+    "relative flex items-center gap-[var(--spacing-sm)]",
+    "ps-3 pe-3 py-2 text-[var(--font-size-sm)] text-foreground",
+    "rounded-[var(--radius-sm)] select-none cursor-pointer",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+    "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground",
+    "hover:bg-muted data-[selected=true]:hover:bg-primary"
+  ].join(" ")
+), me = [
+  "[&_[cmdk-group-heading]]:ps-3",
+  "[&_[cmdk-group-heading]]:pe-3",
+  "[&_[cmdk-group-heading]]:py-1.5",
+  "[&_[cmdk-group-heading]]:type-eyebrow",
+  "[&_[cmdk-group-heading]]:text-muted-foreground"
+].join(" "), q = "inline-flex items-center shrink-0 text-muted-foreground [&_svg]:size-4";
+function J(N, f, T) {
+  return `${N}-${f}-${T}`;
+}
+function fe(N, f) {
+  return `${N}:${f}`;
+}
+const rt = Je(
+  function({
+    loadOptions: f,
+    debounceMs: T = 250,
+    value: S,
+    defaultValue: ge,
+    onChange: E,
+    onSelect: s,
+    recents: g,
+    onRecentSelect: A,
+    snapOnBlur: he = !1,
+    size: ve = "md",
+    tone: be = "default",
+    startAdornment: z,
+    endAdornment: M,
+    placeholder: W,
+    disabled: we,
+    readOnly: h,
+    required: xe,
+    name: ye,
+    id: ke,
+    className: Ce,
+    "aria-label": Y
+  }, w) {
+    const { t: x, i18n: Ne } = We(), y = Ye(), Ee = Se(), c = ke ?? y.id ?? Ee, Z = `${c}-listbox`, Ve = `${c}-live`, d = !!(y.disabled || we), $e = !!(y.required || xe), ee = y.invalid, Ie = ee ? "error" : be ?? "default", Re = y.describedBy || void 0, P = S !== void 0, [_e, De] = C(
+      ge ?? ""
+    ), r = P ? S : _e, [p, i] = C(!1), [v, te] = C([]), [k, j] = C(!1), [l, Fe] = C(""), V = m(!1), U = m(null), G = m(r), oe = m(/* @__PURE__ */ new Map()), ne = m(/* @__PURE__ */ new Map()), H = m(null), L = m(null), Be = D(
+      (e) => {
+        H.current = e, typeof w == "function" ? w(e) : w && (w.current = e);
+      },
+      [w]
+    ), ae = Ne.language;
+    O(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const t of v) e.set(t.value, t);
+      oe.current = e;
+    }, [v]), O(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (g) for (const t of g) e.set(t.value, t);
+      ne.current = e;
+    }, [g]);
+    const Te = D(
+      (e) => {
+        var o;
+        if (d || h || V.current) return;
+        (o = U.current) == null || o.abort();
+        const t = new AbortController();
+        U.current = t, G.current = e, j(!0), f(e, { signal: t.signal, locale: ae }).then((a) => {
+          t.signal.aborted || G.current === e && (te(a), j(!1));
+        }).catch((a) => {
+          t.signal.aborted || a && typeof a == "object" && "name" in a && a.name === "AbortError" || G.current === e && (te([]), j(!1));
+        });
+      },
+      [d, h, f, ae]
+    ), b = Ze(Te, T);
+    O(() => () => {
+      var e;
+      b.cancel(), (e = U.current) == null || e.abort();
+    }, [b]);
+    const $ = D(
+      (e) => {
+        P || De(e), E == null || E(e);
+      },
+      [P, E]
+    ), se = D(
+      (e) => {
+        const [t, o] = e.split(":");
+        if (!o || t !== "recent" && t !== "option") return null;
+        const ue = (t === "recent" ? ne.current : oe.current).get(o);
+        return ue ? { kind: t, option: ue } : null;
+      },
+      []
+    ), Ae = (e) => {
+      $(e), !(d || h) && (p || i(!0), !V.current && b(e));
+    }, ze = (e) => {
+      V.current = !0;
+    }, Me = (e) => {
+      V.current = !1;
+      const t = e.currentTarget.value;
+      b(t);
+    }, Pe = (e) => {
+      d || h || (i(!0), r && b(r));
+    }, je = (e) => {
+      const t = e.relatedTarget;
+      if (!(t && L.current && L.current.contains(t))) {
+        if (he && l) {
+          const o = se(l);
+          o && ($(o.option.label), s == null || s(o.option));
+        }
+        i(!1);
+      }
+    }, Ue = (e) => {
+      if (!e.nativeEvent.isComposing) {
+        if (e.key === "Escape") {
+          p && (e.preventDefault(), e.stopPropagation(), i(!1));
+          return;
+        }
+        if (e.key === "ArrowDown" && !p) {
+          e.preventDefault(), i(!0), r && b(r);
+          return;
+        }
+        if (e.key === "Tab" && p && l) {
+          const t = se(l);
+          t && ($(t.option.label), s == null || s(t.option), i(!1));
+        }
+      }
+    }, re = (e, t) => {
+      var o;
+      $(t.label), e === "recent" ? A == null || A(t) : s == null || s(t), i(!1), (o = H.current) == null || o.focus();
+    }, K = (e) => {
+      e.preventDefault();
+    }, I = !!(g && g.length > 0) && r.length === 0, Ge = ce(
+      () => et(v),
+      [v]
+    ), He = !!z, Le = !!M || k, Ke = nt({
+      size: ve,
+      tone: Ie,
+      className: Ce
+    }), Oe = ce(() => {
+      if (!l) return;
+      const [e, t] = l.split(":");
+      if (!(!t || e !== "recent" && e !== "option"))
+        return J(c, e, t);
+    }, [l, c]), R = v.length > 0, ie = !I && !R && !k && r.length > 0, le = k && !R, Qe = I || R || ie || le, Xe = v.length, qe = k ? x("ui.common.loading", "Loading…") : p && r.length > 0 ? x("ui.inputs.autocomplete.results", {
+      count: Xe,
+      defaultValue: "{{count}} results"
+    }) : "";
+    return /* @__PURE__ */ n(
+      u,
+      {
+        shouldFilter: !1,
+        value: l,
+        onValueChange: Fe,
+        label: Y ?? W,
+        className: "w-full",
+        children: /* @__PURE__ */ _(
+          F.Root,
+          {
+            open: p && !d && !h && Qe,
+            children: [
+              /* @__PURE__ */ n(F.Anchor, { asChild: !0, children: /* @__PURE__ */ _(
+                "div",
+                {
+                  className: Ke,
+                  "data-disabled": d || void 0,
+                  children: [
+                    z ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: `${q} ps-3`, children: z }) : null,
+                    /* @__PURE__ */ n(
+                      u.Input,
+                      {
+                        ref: Be,
+                        id: c,
+                        name: ye,
+                        placeholder: W,
+                        value: r,
+                        onValueChange: Ae,
+                        onFocus: Pe,
+                        onBlur: je,
+                        onKeyDown: Ue,
+                        onCompositionStart: ze,
+                        onCompositionEnd: Me,
+                        disabled: d,
+                        readOnly: h,
+                        required: $e,
+                        role: "combobox",
+                        "aria-autocomplete": "both",
+                        "aria-expanded": p,
+                        "aria-controls": Z,
+                        "aria-activedescendant": Oe,
+                        "aria-describedby": Re,
+                        "aria-invalid": ee || void 0,
+                        "aria-label": Y,
+                        autoComplete: "off",
+                        className: at({ hasStart: He, hasEnd: Le })
+                      }
+                    ),
+                    k ? /* @__PURE__ */ n("span", { className: `${q} pe-3`, "aria-hidden": "true", children: /* @__PURE__ */ n(de, { size: "sm" }) }) : M ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: `${q} pe-3`, children: M }) : null,
+                    /* @__PURE__ */ n(
+                      "span",
+                      {
+                        id: Ve,
+                        role: "status",
+                        "aria-live": "polite",
+                        "aria-atomic": "true",
+                        className: "sr-only",
+                        children: qe
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ n(F.Portal, { children: /* @__PURE__ */ n(
+                F.Content,
+                {
+                  ref: L,
+                  side: "bottom",
+                  align: "start",
+                  sideOffset: 4,
+                  onOpenAutoFocus: (e) => e.preventDefault(),
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  onPointerDownOutside: (e) => {
+                    var o;
+                    const t = e.target;
+                    if (t && ((o = H.current) != null && o.contains(t))) {
+                      e.preventDefault();
+                      return;
+                    }
+                    i(!1);
+                  },
+                  onEscapeKeyDown: () => i(!1),
+                  onMouseDown: K,
+                  className: st(),
+                  children: /* @__PURE__ */ _(
+                    u.List,
+                    {
+                      id: Z,
+                      className: "max-h-[min(24rem,var(--radix-popover-content-available-height))] overflow-auto p-1",
+                      children: [
+                        I ? /* @__PURE__ */ n(
+                          u.Group,
+                          {
+                            heading: x("ui.inputs.autocomplete.recent", "Recent"),
+                            className: me,
+                            children: (g ?? []).map((e) => /* @__PURE__ */ n(
+                              u.Item,
+                              {
+                                id: J(c, "recent", e.value),
+                                value: fe("recent", e.value),
+                                disabled: e.disabled,
+                                onSelect: () => re("recent", e),
+                                onMouseDown: K,
+                                className: pe(),
+                                children: e.label
+                              },
+                              `recent-${e.value}`
+                            ))
+                          }
+                        ) : null,
+                        ie ? /* @__PURE__ */ n("div", { className: "ps-3 pe-3 py-2 type-body-sm text-muted-foreground", children: x("ui.inputs.autocomplete.noResults", "No results") }) : null,
+                        le ? /* @__PURE__ */ _("div", { className: "flex items-center gap-[var(--spacing-sm)] ps-3 pe-3 py-2 type-body-sm text-muted-foreground", children: [
+                          /* @__PURE__ */ n(de, { size: "sm" }),
+                          /* @__PURE__ */ n("span", { children: x("ui.common.loading", "Loading…") })
+                        ] }) : null,
+                        !I && R ? Ge.map((e, t) => {
+                          const o = e.items.map((a) => /* @__PURE__ */ n(
+                            u.Item,
+                            {
+                              id: J(c, "option", a.value),
+                              value: fe("option", a.value),
+                              disabled: a.disabled,
+                              onSelect: () => re("option", a),
+                              onMouseDown: K,
+                              className: pe(),
+                              children: a.label
+                            },
+                            `option-${a.value}`
+                          ));
+                          return e.group ? /* @__PURE__ */ n(
+                            u.Group,
+                            {
+                              heading: e.group,
+                              className: me,
+                              children: o
+                            },
+                            `group-${e.group}`
+                          ) : /* @__PURE__ */ n(u.Group, { children: o }, `group-${t}`);
+                        }) : null
+                      ]
+                    }
+                  )
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    );
+  }
+), it = rt;
+it.displayName = "Autocomplete";
+const bt = {
+  id: "autocomplete",
+  capabilities: ["filter", "pick", "open", "close"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: { attr: "data-component", value: "autocomplete" },
+    item: {
+      attr: "data-option-id",
+      description: "Each suggestion emits its value as data-option-id."
+    }
+  }
+};
+export {
+  it as A,
+  bt as a,
+  nt as b
+};
+//# sourceMappingURL=autocomplete.agent-kb0nmr6F.js.map

package/dist/_chunks/autocomplete.agent-kb0nmr6F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.agent-kb0nmr6F.js","sources":["../../src/components/autocomplete/autocomplete.tsx","../../src/components/autocomplete/autocomplete.agent.ts"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CompositionEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type Ref,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Command } from 'cmdk';\nimport * as Popover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\n\n// ---------------------------------------------------------------------------\n// CVA — sizing / chrome tokens come from _shared/input-surface so the four\n// input surfaces (TextInput, Autocomplete, Combobox, MultiSelect) cannot drift.\n// ---------------------------------------------------------------------------\n\nconst autocompleteVariants = cva(\n  ['flex w-full items-center', INPUT_SURFACE_CHROME].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst inputVariants = cva(\n  [\n    'flex-1 min-w-0 bg-transparent text-foreground',\n    'placeholder:text-muted-foreground',\n    'outline-none focus:outline-none focus-visible:outline-none',\n    'disabled:cursor-not-allowed',\n    'read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      hasStart: { true: 'ps-2', false: 'ps-3' },\n      hasEnd: { true: 'pe-2', false: 'pe-3' },\n    },\n    defaultVariants: { hasStart: false, hasEnd: false },\n  },\n);\n\nconst contentVariants = cva(\n  [\n    'z-[var(--z-dropdown)] overflow-hidden',\n    'rounded-[var(--radius-sm)] border border-border bg-background',\n    'shadow-[var(--shadow-md)]',\n    'w-[var(--radix-popover-trigger-width)]',\n    'animate-in fade-in zoom-in-95',\n    'data-[state=closed]:animate-out data-[state=closed]:fade-out',\n    'data-[state=closed]:zoom-out-95',\n    'motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst itemVariants = cva(\n  [\n    'relative flex items-center gap-[var(--spacing-sm)]',\n    'ps-3 pe-3 py-2 text-[var(--font-size-sm)] text-foreground',\n    'rounded-[var(--radius-sm)] select-none cursor-pointer',\n    'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n    'data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground',\n    'hover:bg-muted data-[selected=true]:hover:bg-primary',\n  ].join(' '),\n);\n\nconst groupClasses = [\n  '[&_[cmdk-group-heading]]:ps-3',\n  '[&_[cmdk-group-heading]]:pe-3',\n  '[&_[cmdk-group-heading]]:py-1.5',\n  '[&_[cmdk-group-heading]]:type-eyebrow',\n  '[&_[cmdk-group-heading]]:text-muted-foreground',\n].join(' ');\n\nconst adornmentBase =\n  'inline-flex items-center shrink-0 text-muted-foreground [&_svg]:size-4';\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\ntype CVAProps = VariantProps<typeof autocompleteVariants>;\n\nexport interface AutocompleteProps<T extends string = string>\n  extends Pick<CVAProps, 'size' | 'tone'> {\n  loadOptions: (\n    query: string,\n    opts: { signal: AbortSignal; locale: string },\n  ) => Promise<OptionShape<T>[]>;\n  debounceMs?: number;\n\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSelect?: (option: OptionShape<T>) => void;\n\n  recents?: OptionShape<T>[];\n  onRecentSelect?: (option: OptionShape<T>) => void;\n\n  snapOnBlur?: boolean;\n\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  placeholder?: string;\n\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Implementation\n// ---------------------------------------------------------------------------\n\nfunction itemIdFor(idPrefix: string, kind: 'recent' | 'option', value: string) {\n  return `${idPrefix}-${kind}-${value}`;\n}\n\nfunction cmdkValueFor(kind: 'recent' | 'option', value: string) {\n  return `${kind}:${value}`;\n}\n\nconst AutocompleteImpl = forwardRef<HTMLInputElement, AutocompleteProps>(\n  function Autocomplete(\n    {\n      loadOptions,\n      debounceMs = 250,\n      value,\n      defaultValue,\n      onChange,\n      onSelect,\n      recents,\n      onRecentSelect,\n      snapOnBlur = false,\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      placeholder,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n\n    const reactId = useId();\n    const idPrefix = id ?? ctx.id ?? reactId;\n    const listId = `${idPrefix}-listbox`;\n    const liveRegionId = `${idPrefix}-live`;\n\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n    const effectiveRequired = Boolean(ctx.required || required);\n    const effectiveInvalid = ctx.invalid;\n    const effectiveTone: 'default' | 'error' = effectiveInvalid\n      ? 'error'\n      : (tone ?? 'default');\n    const describedBy = ctx.describedBy || undefined;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? value : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [suggestions, setSuggestions] = useState<OptionShape[]>([]);\n    const [loading, setLoading] = useState(false);\n    const [cmdkValue, setCmdkValue] = useState<string>('');\n\n    const composingRef = useRef(false);\n    const abortRef = useRef<AbortController | null>(null);\n    const latestQueryRef = useRef<string>(currentValue);\n    const suggestionsByValueRef = useRef<Map<string, OptionShape>>(new Map());\n    const recentsByValueRef = useRef<Map<string, OptionShape>>(new Map());\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    const locale = i18n.language;\n\n    useEffect(() => {\n      const map = new Map<string, OptionShape>();\n      for (const option of suggestions) map.set(option.value, option);\n      suggestionsByValueRef.current = map;\n    }, [suggestions]);\n\n    useEffect(() => {\n      const map = new Map<string, OptionShape>();\n      if (recents) for (const option of recents) map.set(option.value, option);\n      recentsByValueRef.current = map;\n    }, [recents]);\n\n    const runFetch = useCallback(\n      (query: string) => {\n        if (effectiveDisabled || readOnly) return;\n        if (composingRef.current) return;\n        abortRef.current?.abort();\n        const controller = new AbortController();\n        abortRef.current = controller;\n        latestQueryRef.current = query;\n        setLoading(true);\n        loadOptions(query, { signal: controller.signal, locale })\n          .then((results) => {\n            if (controller.signal.aborted) return;\n            if (latestQueryRef.current !== query) return;\n            setSuggestions(results);\n            setLoading(false);\n          })\n          .catch((error: unknown) => {\n            if (controller.signal.aborted) return;\n            if (\n              error &&\n              typeof error === 'object' &&\n              'name' in error &&\n              (error as { name?: string }).name === 'AbortError'\n            ) {\n              return;\n            }\n            if (latestQueryRef.current !== query) return;\n            setSuggestions([]);\n            setLoading(false);\n          });\n      },\n      [effectiveDisabled, readOnly, loadOptions, locale],\n    );\n\n    const debouncedFetch = useDebouncedCallback(runFetch, debounceMs);\n\n    useEffect(() => {\n      return () => {\n        debouncedFetch.cancel();\n        abortRef.current?.abort();\n      };\n    }, [debouncedFetch]);\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onChange?.(next);\n      },\n      [isControlled, onChange],\n    );\n\n    const resolveCmdkValue = useCallback(\n      (raw: string): { kind: 'recent' | 'option'; option: OptionShape } | null => {\n        const [kind, val] = raw.split(':');\n        if (!val || (kind !== 'recent' && kind !== 'option')) return null;\n        const lookup =\n          kind === 'recent'\n            ? recentsByValueRef.current\n            : suggestionsByValueRef.current;\n        const option = lookup.get(val);\n        return option ? { kind, option } : null;\n      },\n      [],\n    );\n\n    const handleInputValueChange = (next: string) => {\n      commitValue(next);\n      if (effectiveDisabled || readOnly) return;\n      if (!open) setOpen(true);\n      if (composingRef.current) return;\n      debouncedFetch(next);\n    };\n\n    const handleCompositionStart = (\n      _event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = true;\n    };\n\n    const handleCompositionEnd = (event: CompositionEvent<HTMLInputElement>) => {\n      composingRef.current = false;\n      const next = event.currentTarget.value;\n      debouncedFetch(next);\n    };\n\n    const handleFocus = (_event: FocusEvent<HTMLInputElement>) => {\n      if (effectiveDisabled || readOnly) return;\n      setOpen(true);\n      if (currentValue) debouncedFetch(currentValue);\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const next = event.relatedTarget as Node | null;\n      // Focus moved into the popover — keep listbox open (pointer-down on item\n      // moves focus into the portal but we treat that as \"still interacting\").\n      if (next && contentRef.current && contentRef.current.contains(next)) {\n        return;\n      }\n      if (snapOnBlur && cmdkValue) {\n        const resolved = resolveCmdkValue(cmdkValue);\n        if (resolved) {\n          commitValue(resolved.option.label);\n          onSelect?.(resolved.option);\n        }\n      }\n      setOpen(false);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape') {\n        if (open) {\n          event.preventDefault();\n          event.stopPropagation();\n          setOpen(false);\n        }\n        return;\n      }\n      if (event.key === 'ArrowDown' && !open) {\n        event.preventDefault();\n        setOpen(true);\n        if (currentValue) debouncedFetch(currentValue);\n        return;\n      }\n      if (event.key === 'Tab' && open && cmdkValue) {\n        const resolved = resolveCmdkValue(cmdkValue);\n        if (resolved) {\n          commitValue(resolved.option.label);\n          onSelect?.(resolved.option);\n          setOpen(false);\n        }\n      }\n    };\n\n    const handleItemSelect = (\n      kind: 'recent' | 'option',\n      option: OptionShape,\n    ) => {\n      commitValue(option.label);\n      if (kind === 'recent') onRecentSelect?.(option);\n      else onSelect?.(option);\n      setOpen(false);\n      inputRef.current?.focus();\n    };\n\n    // Prevent input blur when clicking an item — keeps focus management predictable.\n    const preventBlur = (event: MouseEvent<HTMLElement>) => {\n      event.preventDefault();\n    };\n\n    const showRecents =\n      Boolean(recents && recents.length > 0) && currentValue.length === 0;\n    const groupedSuggestions = useMemo(\n      () => groupOptions(suggestions),\n      [suggestions],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const hasEnd = Boolean(endAdornment) || loading;\n\n    const wrapperClass = autocompleteVariants({\n      size,\n      tone: effectiveTone,\n      className,\n    });\n\n    const activeDescendant = useMemo(() => {\n      if (!cmdkValue) return undefined;\n      const [kind, val] = cmdkValue.split(':');\n      if (!val || (kind !== 'recent' && kind !== 'option')) return undefined;\n      return itemIdFor(idPrefix, kind, val);\n    }, [cmdkValue, idPrefix]);\n\n    const hasSuggestions = suggestions.length > 0;\n    const showEmpty =\n      !showRecents && !hasSuggestions && !loading && currentValue.length > 0;\n    const showLoadingRow = loading && !hasSuggestions;\n    // Suppress the popover when there is nothing to render — prevents an empty\n    // 1-line strip appearing under the input on focus with no query + no recents.\n    const hasPopoverContent =\n      showRecents || hasSuggestions || showEmpty || showLoadingRow;\n\n    const resultCount = suggestions.length;\n    const liveMessage = loading\n      ? t('ui.common.loading', 'Loading…')\n      : open && currentValue.length > 0\n        ? t('ui.inputs.autocomplete.results', {\n            count: resultCount,\n            defaultValue: '{{count}} results',\n          })\n        : '';\n\n    return (\n      <Command\n        shouldFilter={false}\n        value={cmdkValue}\n        onValueChange={setCmdkValue}\n        label={ariaLabel ?? placeholder}\n        className=\"w-full\"\n      >\n        <Popover.Root\n          open={open && !effectiveDisabled && !readOnly && hasPopoverContent}\n        >\n          <Popover.Anchor asChild>\n            <div\n              className={wrapperClass}\n              data-disabled={effectiveDisabled || undefined}\n            >\n              {startAdornment ? (\n                <span aria-hidden=\"true\" className={`${adornmentBase} ps-3`}>\n                  {startAdornment}\n                </span>\n              ) : null}\n              <Command.Input\n                ref={setRefs}\n                id={idPrefix}\n                name={name}\n                placeholder={placeholder}\n                value={currentValue}\n                onValueChange={handleInputValueChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={handleCompositionEnd}\n                disabled={effectiveDisabled}\n                readOnly={readOnly}\n                required={effectiveRequired}\n                role=\"combobox\"\n                aria-autocomplete=\"both\"\n                aria-expanded={open}\n                aria-controls={listId}\n                aria-activedescendant={activeDescendant}\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                aria-label={ariaLabel}\n                autoComplete=\"off\"\n                className={inputVariants({ hasStart, hasEnd })}\n              />\n              {loading ? (\n                <span className={`${adornmentBase} pe-3`} aria-hidden=\"true\">\n                  <Spinner size=\"sm\" />\n                </span>\n              ) : endAdornment ? (\n                <span aria-hidden=\"true\" className={`${adornmentBase} pe-3`}>\n                  {endAdornment}\n                </span>\n              ) : null}\n              <span\n                id={liveRegionId}\n                role=\"status\"\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n                className=\"sr-only\"\n              >\n                {liveMessage}\n              </span>\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal>\n            <Popover.Content\n              ref={contentRef}\n              side=\"bottom\"\n              align=\"start\"\n              sideOffset={4}\n              onOpenAutoFocus={(event) => event.preventDefault()}\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onPointerDownOutside={(event) => {\n                const target = event.target as Node | null;\n                if (target && inputRef.current?.contains(target)) {\n                  event.preventDefault();\n                  return;\n                }\n                setOpen(false);\n              }}\n              onEscapeKeyDown={() => setOpen(false)}\n              onMouseDown={preventBlur}\n              className={contentVariants()}\n            >\n              <Command.List\n                id={listId}\n                className=\"max-h-[min(24rem,var(--radix-popover-content-available-height))] overflow-auto p-1\"\n              >\n                {showRecents ? (\n                  <Command.Group\n                    heading={t('ui.inputs.autocomplete.recent', 'Recent')}\n                    className={groupClasses}\n                  >\n                    {(recents ?? []).map((option) => (\n                      <Command.Item\n                        key={`recent-${option.value}`}\n                        id={itemIdFor(idPrefix, 'recent', option.value)}\n                        value={cmdkValueFor('recent', option.value)}\n                        disabled={option.disabled}\n                        onSelect={() => handleItemSelect('recent', option)}\n                        onMouseDown={preventBlur}\n                        className={itemVariants()}\n                      >\n                        {option.label}\n                      </Command.Item>\n                    ))}\n                  </Command.Group>\n                ) : null}\n                {showEmpty ? (\n                  <div className=\"ps-3 pe-3 py-2 type-body-sm text-muted-foreground\">\n                    {t('ui.inputs.autocomplete.noResults', 'No results')}\n                  </div>\n                ) : null}\n                {showLoadingRow ? (\n                  <div className=\"flex items-center gap-[var(--spacing-sm)] ps-3 pe-3 py-2 type-body-sm text-muted-foreground\">\n                    <Spinner size=\"sm\" />\n                    <span>{t('ui.common.loading', 'Loading…')}</span>\n                  </div>\n                ) : null}\n                {!showRecents && hasSuggestions\n                  ? groupedSuggestions.map((group, index) => {\n                      const body = group.items.map((option) => (\n                        <Command.Item\n                          key={`option-${option.value}`}\n                          id={itemIdFor(idPrefix, 'option', option.value)}\n                          value={cmdkValueFor('option', option.value)}\n                          disabled={option.disabled}\n                          onSelect={() => handleItemSelect('option', option)}\n                          onMouseDown={preventBlur}\n                          className={itemVariants()}\n                        >\n                          {option.label}\n                        </Command.Item>\n                      ));\n                      if (!group.group) {\n                        return (\n                          <Command.Group key={`group-${index}`}>\n                            {body}\n                          </Command.Group>\n                        );\n                      }\n                      return (\n                        <Command.Group\n                          key={`group-${group.group}`}\n                          heading={group.group}\n                          className={groupClasses}\n                        >\n                          {body}\n                        </Command.Group>\n                      );\n                    })\n                  : null}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n      </Command>\n    );\n  },\n);\n\ninterface AutocompleteComponent {\n  <T extends string = string>(\n    props: AutocompleteProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\nexport const Autocomplete = AutocompleteImpl as unknown as AutocompleteComponent;\n(Autocomplete as { displayName?: string }).displayName = 'Autocomplete';\n\nexport { autocompleteVariants };\n","import type { AgentAdapter } from '../../agent/types';\n\nexport const autocompleteAgent: AgentAdapter<unknown> = {\n  id: 'autocomplete',\n  capabilities: ['filter', 'pick', 'open', 'close'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'autocomplete' },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each suggestion emits its value as data-option-id.',\n    },\n  },\n};\n"],"names":["autocompleteVariants","cva","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","inputVariants","contentVariants","itemVariants","groupClasses","adornmentBase","itemIdFor","idPrefix","kind","value","cmdkValueFor","AutocompleteImpl","forwardRef","loadOptions","debounceMs","defaultValue","onChange","onSelect","recents","onRecentSelect","snapOnBlur","size","tone","startAdornment","endAdornment","placeholder","disabled","readOnly","required","name","id","className","ariaLabel","ref","t","i18n","useTranslation","ctx","useFormField","reactId","useId","listId","liveRegionId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","isControlled","internalValue","setInternalValue","useState","currentValue","open","setOpen","suggestions","setSuggestions","loading","setLoading","cmdkValue","setCmdkValue","composingRef","useRef","abortRef","latestQueryRef","suggestionsByValueRef","recentsByValueRef","inputRef","contentRef","setRefs","useCallback","node","locale","useEffect","map","option","runFetch","query","_a","controller","results","error","debouncedFetch","useDebouncedCallback","commitValue","next","resolveCmdkValue","raw","val","handleInputValueChange","handleCompositionStart","_event","handleCompositionEnd","event","handleFocus","handleBlur","resolved","handleKeyDown","handleItemSelect","preventBlur","showRecents","groupedSuggestions","useMemo","groupOptions","hasStart","hasEnd","wrapperClass","activeDescendant","hasSuggestions","showEmpty","showLoadingRow","hasPopoverContent","resultCount","liveMessage","jsx","Command","jsxs","Popover","Spinner","target","group","index","body","Autocomplete","autocompleteAgent"],"mappings":"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"}

package/dist/_chunks/avatar-BsV7vRA6.js

@@ -0,0 +1,113 @@
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import { forwardRef as y, useRef as j, useState as w, useEffect as A, useLayoutEffect as I } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { c as B } from "./compose-refs-C0k0tdqF.js";
+function R(o) {
+  let e = 5381;
+  for (let r = 0; r < o.length; r++)
+    e = (e << 5) + e ^ o.charCodeAt(r), e = e >>> 0;
+  return e;
+}
+const n = [
+  "bg-[var(--color-violet-500)]",
+  "bg-[var(--color-violet-600)]",
+  "bg-[var(--color-violet-700)]",
+  "bg-[var(--color-violet-800)]",
+  "bg-[var(--color-violet-900)]",
+  "bg-[var(--color-purple-700)]",
+  "bg-[var(--color-purple-800)]",
+  "bg-[var(--color-purple-900)]",
+  "bg-[var(--color-magenta-700)]",
+  "bg-[var(--color-magenta-800)]",
+  "bg-[var(--color-magenta-900)]",
+  "bg-[var(--color-blue-300)]",
+  "bg-[var(--color-blue-400)]",
+  "bg-[var(--color-blue-500)]",
+  "bg-[var(--color-blue-700)]",
+  "bg-[var(--color-grey-900)]"
+];
+function S(o) {
+  return n[R(o) % n.length];
+}
+function L(o) {
+  const e = o.trim().split(/\s+/).filter(Boolean);
+  return e.length === 0 ? "" : e.length === 1 ? e[0].slice(0, 2).toUpperCase() : (e[0][0] + e[e.length - 1][0]).toUpperCase();
+}
+const T = N(
+  [
+    "relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-[var(--radius-full)]",
+    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.
+    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).
+    "focus-visible:outline-solid",
+    "focus-visible:outline-[length:var(--focus-ring-width)]",
+    "focus-visible:outline-ring",
+    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token
+        xs: "size-6 text-[var(--font-size-xs)] font-semibold leading-none",
+        sm: "size-8 text-[var(--font-size-xs)] font-semibold leading-none",
+        md: "size-10 text-[var(--font-size-xs)] font-semibold leading-none",
+        lg: "size-12 text-[var(--font-size-sm)] font-semibold leading-none",
+        xl: "size-16 text-[var(--font-size-base)] font-semibold leading-none"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), U = y(
+  ({ src: o, name: e, color: r, size: c, className: f, ...v }, u) => {
+    const { t: g } = E(), l = j(null), d = B(u, l), [b, i] = w(!1);
+    A(() => {
+      i(!1);
+    }, [o]), I(() => {
+      const s = l.current;
+      s && (r ? s.style.setProperty("--avatar-color-override", r) : s.style.removeProperty("--avatar-color-override"));
+    }, [r]);
+    const t = !!o && !b, m = !t && !!e, p = !t && !e, h = r ? "bg-[var(--avatar-color-override)]" : e ? S(e) : "bg-muted", x = T({
+      size: c,
+      className: [h, r || e ? "text-[var(--primary-foreground)]" : "text-muted-foreground", f].filter(Boolean).join(" ")
+    }), z = e ?? g("ui.avatar.placeholder", "User avatar");
+    return /* @__PURE__ */ C(
+      "span",
+      {
+        ref: d,
+        role: "img",
+        "aria-label": z,
+        className: x,
+        ...v,
+        children: [
+          (m || t) && !!e && /* @__PURE__ */ a("span", { "aria-hidden": "true", children: L(e) }),
+          p && /* @__PURE__ */ a(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 24 24",
+              className: "size-[58%] fill-current",
+              children: /* @__PURE__ */ a("path", { d: "M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z" })
+            }
+          ),
+          t && /* @__PURE__ */ a(
+            "img",
+            {
+              src: o,
+              alt: "",
+              "aria-hidden": "true",
+              className: "absolute inset-0 size-full object-cover",
+              onError: () => i(!0)
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+U.displayName = "Avatar";
+export {
+  U as A,
+  L as g,
+  S as n
+};
+//# sourceMappingURL=avatar-BsV7vRA6.js.map

package/dist/_chunks/avatar-BsV7vRA6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BsV7vRA6.js","sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { forwardRef, useEffect, useLayoutEffect, useRef, useState, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { composeRefs } from '../_shared/compose-refs';\n\n// ── Hash ──────────────────────────────────────────────────────────────────────\n\n/** djb2 hash — fast, unsigned 32-bit, stable across calls. */\nfunction djb2(str: string): number {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = ((hash << 5) + hash) ^ str.charCodeAt(i);\n    hash = hash >>> 0; // coerce to unsigned 32-bit integer\n  }\n  return hash;\n}\n\n/**\n * 16 brand hues — all verified ≥ 4.5 : 1 contrast against white\n * (var(--primary-foreground)) using the WCAG 2.x relative-luminance formula.\n * Spans four distinct hue families for good visual distribution.\n *\n *  Index | Token                  | Contrast  | Visual character\n *  0     | --color-violet-500     | 4.74 : 1  | bright violet\n *  1     | --color-violet-600     | 5.53 : 1  | medium violet\n *  2     | --color-violet-700     | 7.29 : 1  | dark violet\n *  3     | --color-violet-800     | 9.57 : 1  | deep violet\n *  4     | --color-violet-900     | 12.06 : 1 | midnight violet\n *  5     | --color-purple-700     | 5.21 : 1  | medium purple\n *  6     | --color-purple-800     | 7.52 : 1  | dark purple\n *  7     | --color-purple-900     | 10.40 : 1 | deep purple\n *  8     | --color-magenta-700    | 6.01 : 1  | vivid magenta\n *  9     | --color-magenta-800    | 8.05 : 1  | dark magenta\n *  10    | --color-magenta-900    | 11.20 : 1 | deep magenta\n *  11    | --color-blue-300       | 4.64 : 1  | slate / steel blue\n *  12    | --color-blue-400       | 6.95 : 1  | medium slate\n *  13    | --color-blue-500       | 13.00 : 1 | deep navy\n *  14    | --color-blue-700       | 17.82 : 1 | midnight navy\n *  15    | --color-grey-900       | 5.78 : 1  | warm charcoal\n */\nconst INITIALS_BG_CLASSES = [\n  'bg-[var(--color-violet-500)]',\n  'bg-[var(--color-violet-600)]',\n  'bg-[var(--color-violet-700)]',\n  'bg-[var(--color-violet-800)]',\n  'bg-[var(--color-violet-900)]',\n  'bg-[var(--color-purple-700)]',\n  'bg-[var(--color-purple-800)]',\n  'bg-[var(--color-purple-900)]',\n  'bg-[var(--color-magenta-700)]',\n  'bg-[var(--color-magenta-800)]',\n  'bg-[var(--color-magenta-900)]',\n  'bg-[var(--color-blue-300)]',\n  'bg-[var(--color-blue-400)]',\n  'bg-[var(--color-blue-500)]',\n  'bg-[var(--color-blue-700)]',\n  'bg-[var(--color-grey-900)]',\n] as const;\n\n/** Deterministically maps a name string to one of 16 brand-hue Tailwind classes. Same name always produces the same class. */\nexport function nameToColorClass(name: string): string {\n  return INITIALS_BG_CLASSES[djb2(name) % INITIALS_BG_CLASSES.length];\n}\n\n/**\n * Extracts 1–2 uppercase initials:\n * - Single-word name: first two characters  (\"John\" → \"JO\")\n * - Multi-word name: first char of first word + first char of last word  (\"John Doe\" → \"JD\")\n */\nexport function getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return '';\n  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();\n  return (words[0][0] + words[words.length - 1][0]).toUpperCase();\n}\n\n// ── CVA ───────────────────────────────────────────────────────────────────────\n\nconst avatarVariants = cva(\n  [\n    'relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-[var(--radius-full)]',\n    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.\n    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).\n    'focus-visible:outline-solid',\n    'focus-visible:outline-[length:var(--focus-ring-width)]',\n    'focus-visible:outline-ring',\n    'focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token\n        xs: 'size-6 text-[var(--font-size-xs)] font-semibold leading-none',\n        sm: 'size-8 text-[var(--font-size-xs)] font-semibold leading-none',\n        md: 'size-10 text-[var(--font-size-xs)] font-semibold leading-none',\n        lg: 'size-12 text-[var(--font-size-sm)] font-semibold leading-none',\n        xl: 'size-16 text-[var(--font-size-base)] font-semibold leading-none',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n// ── Props ─────────────────────────────────────────────────────────────────────\n\nexport interface AvatarProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof avatarVariants> {\n  /** Image source URL. When provided and loads successfully, the image is displayed. */\n  src?: string;\n  /** Display name — drives initials extraction and deterministic background colour. */\n  name?: string;\n  /**\n   * Override the auto-generated background with any CSS colour string\n   * (e.g. `\"var(--color-violet-700)\"`).\n   * Applied via a CSS custom property so no `style` attribute is added to the JSX element.\n   * Caller is responsible for WCAG AA contrast (≥4.5:1) against white text.\n   */\n  color?: string;\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ src, name, color, size, className, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    const innerRef = useRef<HTMLSpanElement>(null);\n    const composedRef = composeRefs(ref, innerRef);\n\n    // Track only image errors. The image renders immediately as an overlay;\n    // before it loads the browser paints nothing (transparent), showing the\n    // background colour + initials behind it. On error we remove the img and\n    // the initials/fallback remain permanently visible.\n    const [imgError, setImgError] = useState(false);\n\n    // Reset error flag whenever src changes\n    useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    // Apply color override via CSS custom property — avoids style={{…}} on JSX.\n    // Mirrors the pattern used by the Progress component for imperative CSS property injection.\n    useLayoutEffect(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      if (color) {\n        el.style.setProperty('--avatar-color-override', color);\n      } else {\n        el.style.removeProperty('--avatar-color-override');\n      }\n    }, [color]);\n\n    // Image is \"active\" when provided and not errored\n    const imgActive = !!src && !imgError;\n\n    // Initials and fallback icon are shown when no usable image\n    const showInitials = !imgActive && !!name;\n    const showIcon = !imgActive && !name;\n\n    // Background — always rendered (serves as loading placeholder when image is fetching)\n    const fallbackBgClass = color\n      ? 'bg-[var(--avatar-color-override)]'\n      : name\n        ? nameToColorClass(name)\n        : 'bg-muted';\n\n    // Always white text against brand hues / color override; muted-foreground for icon\n    const contentColorClass =\n      color || name\n        ? 'text-[var(--primary-foreground)]'\n        : 'text-muted-foreground';\n\n    const rootClassName = avatarVariants({\n      size,\n      className: [fallbackBgClass, contentColorClass, className]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    // Accessible label — name takes priority, then the localised placeholder\n    const ariaLabel = name ?? t('ui.avatar.placeholder', 'User avatar');\n\n    return (\n      <span\n        ref={composedRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        className={rootClassName}\n        {...props}\n      >\n        {/* Initials — rendered behind the image; visible while image is loading\n            or permanently when no src / src errors */}\n        {(showInitials || imgActive) && !!name && (\n          <span aria-hidden=\"true\">{getInitials(name)}</span>\n        )}\n\n        {/* Fallback icon — shown when neither image nor name is available */}\n        {showIcon && (\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            className=\"size-[58%] fill-current\"\n          >\n            <path d=\"M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z\" />\n          </svg>\n        )}\n\n        {/* Image — absolutely positioned overlay. Renders transparently until the\n            browser paints the decoded pixels, then covers the initials behind it.\n            Removed from DOM on error so initials remain permanently visible. */}\n        {imgActive && (\n          <img\n            src={src}\n            alt=\"\"\n            aria-hidden=\"true\"\n            className=\"absolute inset-0 size-full object-cover\"\n            onError={() => setImgError(true)}\n          />\n        )}\n      </span>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n"],"names":["djb2","str","hash","i","INITIALS_BG_CLASSES","nameToColorClass","name","getInitials","words","avatarVariants","cva","Avatar","forwardRef","src","color","size","className","props","ref","t","useTranslation","innerRef","useRef","composedRef","composeRefs","imgError","setImgError","useState","useEffect","useLayoutEffect","el","imgActive","showInitials","showIcon","fallbackBgClass","rootClassName","ariaLabel","jsxs","jsx"],"mappings":"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"}