@alfadocs/ui-kit 0.17.0 → 0.17.2

package/dist/_chunks/{list-DcjV0m5B.js → list-BdvDctBz.js}

@@ -1,9 +1,10 @@
-import { jsx as i, jsxs as Q, Fragment as $ } from "react/jsx-runtime";
-import { forwardRef as X, useState as W, useMemo as O, useRef as G, useCallback as m, useImperativeHandle as V, useContext as C, useLayoutEffect as ee, Children as te, isValidElement as se, createContext as ie } from "react";
+import { jsx as n, jsxs as W, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as X, useMemo as D, useState as V, useRef as J, useCallback as p, useImperativeHandle as C, useContext as ee, useLayoutEffect as te, Children as se, isValidElement as ie, createContext as re } from "react";
 import { c as Y } from "./index-D2ZczOXr.js";
-import { useTranslation as re } from "react-i18next";
-import { u as ne } from "./registry-C9nwlNyL.js";
-const oe = {
+import { useTranslation as ne } from "react-i18next";
+import { u as ae } from "./use-controllable-state-BiY4xTzM.js";
+import { u as oe } from "./registry-C9nwlNyL.js";
+const de = {
   id: "list",
   capabilities: ["select_single", "select_multiple"],
   state: {
@@ -20,8 +21,8 @@ const oe = {
       argsType: "{ ids: string[] }",
       descriptionKey: "ui.agent.list.actions.setSelection",
       description: "Replace the current selection with the given item ids. No-op on presentational lists.",
-      invoke: (t, u) => {
-        t.setSelection(u.ids);
+      invoke: (t, v) => {
+        t.setSelection(v.ids);
       }
     },
     clear_selection: {
@@ -49,7 +50,7 @@ const oe = {
       description: "Opaque item id; sourced from each ListItem `value` prop. Emitted only when `value` is set."
     }
   }
-}, q = ie({
+}, q = re({
   selection: "none",
   selectedValues: /* @__PURE__ */ new Set(),
   focusedValue: null,
@@ -64,7 +65,7 @@ const oe = {
   registerItemRef: () => {
   },
   divider: "spaced"
-}), ae = Y("ds:flex ds:flex-col ds:p-0 ds:m-0", {
+}), le = Y("ds:flex ds:flex-col ds:p-0 ds:m-0", {
   variants: {
     divider: {
       spaced: "",
@@ -86,7 +87,7 @@ const oe = {
     density: "default",
     ordered: !1
   }
-}), de = Y(
+}), ce = Y(
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
   {
     variants: {
@@ -143,292 +144,295 @@ const oe = {
     }
   }
 );
-function le(t) {
-  const u = [];
-  return te.forEach(t, (y) => {
-    if (!se(y)) return;
-    const g = y.props;
-    typeof g.value == "string" && u.push({ value: g.value, disabled: !!g.disabled });
-  }), u;
+function fe(t) {
+  const v = [];
+  return se.forEach(t, (x) => {
+    if (!ie(x)) return;
+    const y = x.props;
+    typeof y.value == "string" && v.push({ value: y.value, disabled: !!y.disabled });
+  }), v;
 }
-const J = X(
+const Q = X(
   ({
     as: t = "ul",
-    start: u,
-    divider: y = "spaced",
-    density: g = "default",
+    start: v,
+    divider: x = "spaced",
+    density: y = "default",
     selection: w = "none",
-    value: h,
+    value: f,
     defaultValue: S,
-    onValueChange: p,
-    disabled: r = !1,
+    onValueChange: b,
+    disabled: a = !1,
     className: N,
-    children: d,
+    children: m,
     "aria-label": P,
-    ...s
+    ...r
   }, B) => {
-    const { t: T } = re(), n = w !== "none", v = w === "multiple", k = h !== void 0, [j, K] = W(() => S === void 0 ? [] : Array.isArray(S) ? S : [S]), l = O(() => {
-      if (k) {
-        const e = h;
-        return new Set(Array.isArray(e) ? e : [e]);
-      }
-      return new Set(j);
-    }, [k, h, j]), F = O(() => le(d), [d]), c = O(
-      () => F.filter((e) => !e.disabled && !r).map((e) => e.value),
-      [F, r]
-    ), [x, b] = W(null), R = G(/* @__PURE__ */ new Map()), U = m(
-      (e, o) => {
-        o ? R.current.set(e, o) : R.current.delete(e);
+    const { t: T } = ne(), o = w !== "none", g = w === "multiple", U = D(() => {
+      if (f !== void 0)
+        return Array.isArray(f) ? f : [f];
+    }, [f]), K = D(() => S === void 0 ? [] : Array.isArray(S) ? S : [S], []), [E, _] = ae({
+      value: U,
+      defaultValue: K
+    }), u = D(
+      () => new Set(E ?? []),
+      [E]
+    ), H = D(() => fe(m), [m]), i = D(
+      () => H.filter((e) => !e.disabled && !a).map((e) => e.value),
+      [H, a]
+    ), [h, j] = V(null), F = J(/* @__PURE__ */ new Map()), G = p(
+      (e, l) => {
+        l ? F.current.set(e, l) : F.current.delete(e);
       },
       []
-    ), I = m((e) => {
-      b(e), requestAnimationFrame(() => {
-        var o;
-        (o = R.current.get(e)) == null || o.focus();
+    ), I = p((e) => {
+      j(e), requestAnimationFrame(() => {
+        var l;
+        (l = F.current.get(e)) == null || l.focus();
       });
-    }, []), f = m(
+    }, []), d = p(
       (e) => {
-        k || K(e), v ? p == null || p(e) : p == null || p(e[0] ?? "");
+        _(e), g ? b == null || b(e) : b == null || b(e[0] ?? "");
       },
-      [k, v, p]
-    ), L = m(
+      [_, g, b]
+    ), k = p(
       (e) => {
-        if (!r && n)
-          if (v) {
-            const o = [...l];
-            l.has(e) ? f(o.filter((z) => z !== e)) : f([...o, e]);
+        if (!a && o)
+          if (g) {
+            const l = [...u];
+            u.has(e) ? d(l.filter((O) => O !== e)) : d([...l, e]);
           } else
-            l.has(e) ? f([]) : f([e]);
+            u.has(e) ? d([]) : d([e]);
       },
-      [r, n, v, l, f]
-    ), H = m((e) => {
-      b(e);
-    }, []), M = m(
-      (e, o) => {
-        if (!n) return;
-        const z = c.indexOf(o);
+      [a, o, g, u, d]
+    ), M = p((e) => {
+      j(e);
+    }, []), z = p(
+      (e, l) => {
+        if (!o) return;
+        const O = i.indexOf(l);
         switch (e.key) {
           case "ArrowDown": {
             e.preventDefault();
-            const a = c[z + 1];
-            a !== void 0 && I(a);
+            const c = i[O + 1];
+            c !== void 0 && I(c);
             break;
           }
           case "ArrowUp": {
             e.preventDefault();
-            const a = c[z - 1];
-            a !== void 0 && I(a);
+            const c = i[O - 1];
+            c !== void 0 && I(c);
             break;
           }
           case "Home": {
             e.preventDefault();
-            const a = c[0];
-            a !== void 0 && I(a);
+            const c = i[0];
+            c !== void 0 && I(c);
             break;
           }
           case "End": {
             e.preventDefault();
-            const a = c[c.length - 1];
-            a !== void 0 && I(a);
+            const c = i[i.length - 1];
+            c !== void 0 && I(c);
             break;
           }
           case " ":
           case "Enter": {
-            e.preventDefault(), L(o);
+            e.preventDefault(), k(l);
             break;
           }
         }
       },
-      [n, c, I, L]
+      [o, i, I, k]
     ), A = {
       selection: w,
-      selectedValues: l,
-      focusedValue: x,
-      disabled: r,
-      enabledItemValues: c,
-      onItemSelect: L,
-      onItemFocus: H,
-      onItemKeyDown: M,
-      registerItemRef: U,
-      divider: y
-    }, D = ae({
-      divider: y,
-      density: g,
+      selectedValues: u,
+      focusedValue: h,
+      disabled: a,
+      enabledItemValues: i,
+      onItemSelect: k,
+      onItemFocus: M,
+      onItemKeyDown: z,
+      registerItemRef: G,
+      divider: x
+    }, R = le({
+      divider: x,
+      density: y,
       ordered: t === "ol",
       className: N
-    }), E = G(null), _ = O(
+    }), L = J(null), s = D(
       () => ({
-        getSelection: () => Array.from(l),
+        getSelection: () => Array.from(u),
         setSelection: (e) => {
-          n && f(v ? e : e.slice(0, 1));
+          o && d(g ? e : e.slice(0, 1));
         },
         clearSelection: () => {
-          n && f([]);
+          o && d([]);
         }
       }),
-      [l, n, v, f]
+      [u, o, g, d]
     );
-    if (V(B, () => _, [_]), ne(oe, _, s.id), n) {
+    if (C(B, () => s, [s]), oe(de, s, r.id), o) {
       const e = P ?? T("list.label", "List");
-      return /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+      return /* @__PURE__ */ n(q.Provider, { value: A, children: /* @__PURE__ */ n(
         "div",
         {
-          ref: E,
+          ref: L,
           role: "listbox",
           "aria-label": e,
-          "aria-multiselectable": v ? !0 : void 0,
-          "aria-disabled": r ? !0 : void 0,
-          className: D,
+          "aria-multiselectable": g ? !0 : void 0,
+          "aria-disabled": a ? !0 : void 0,
+          className: R,
           "data-component": "list",
-          "data-component-id": s.id,
-          ...s,
-          children: d
+          "data-component-id": r.id,
+          ...r,
+          children: m
         }
       ) });
     }
-    return t === "ol" ? /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+    return t === "ol" ? /* @__PURE__ */ n(q.Provider, { value: A, children: /* @__PURE__ */ n(
       "ol",
       {
-        ref: E,
-        start: u,
+        ref: L,
+        start: v,
         role: "list",
-        className: D,
+        className: R,
         "data-component": "list",
-        "data-component-id": s.id,
-        ...s,
-        children: d
+        "data-component-id": r.id,
+        ...r,
+        children: m
       }
-    ) }) : /* @__PURE__ */ i(q.Provider, { value: A, children: /* @__PURE__ */ i(
+    ) }) : /* @__PURE__ */ n(q.Provider, { value: A, children: /* @__PURE__ */ n(
       "ul",
       {
-        ref: E,
+        ref: L,
         role: "list",
-        className: D,
+        className: R,
         "data-component": "list",
-        "data-component-id": s.id,
-        ...s,
-        children: d
+        "data-component-id": r.id,
+        ...r,
+        children: m
       }
     ) });
   }
 );
-J.displayName = "List";
+Q.displayName = "List";
 const Z = X(
   ({
     value: t,
-    leading: u,
-    title: y,
-    description: g,
+    leading: v,
+    title: x,
+    description: y,
     trailing: w,
-    lineClamp: h,
+    lineClamp: f,
     disabled: S = !1,
-    className: p,
-    onClick: r,
+    className: b,
+    onClick: a,
     onFocus: N,
-    onKeyDown: d,
+    onKeyDown: m,
     ...P
-  }, s) => {
+  }, r) => {
     const {
       selection: B,
       selectedValues: T,
-      focusedValue: n,
-      disabled: v,
-      enabledItemValues: k,
-      onItemSelect: j,
-      onItemFocus: K,
-      onItemKeyDown: l,
-      registerItemRef: F,
-      divider: c
-    } = C(q), x = B !== "none", b = v || S, R = t !== void 0 ? T.has(t) : !1, U = t !== void 0 && n === t, I = t !== void 0 && k[0] === t, f = x ? n !== null ? U && !b ? 0 : -1 : I && !b ? 0 : -1 : void 0, L = G(null);
-    ee(() => {
-      const e = L.current;
-      e && (h != null ? e.style.setProperty("--list-item-clamp", String(h)) : e.style.removeProperty("--list-item-clamp"));
-    }, [h]);
-    const H = m(
-      (e) => {
-        t && F(t, e), typeof s == "function" ? s(e) : s && (s.current = e);
+      focusedValue: o,
+      disabled: g,
+      enabledItemValues: U,
+      onItemSelect: K,
+      onItemFocus: E,
+      onItemKeyDown: _,
+      registerItemRef: u,
+      divider: H
+    } = ee(q), i = B !== "none", h = g || S, j = t !== void 0 ? T.has(t) : !1, F = t !== void 0 && o === t, G = t !== void 0 && U[0] === t, I = i ? o !== null ? F && !h ? 0 : -1 : G && !h ? 0 : -1 : void 0, d = J(null);
+    te(() => {
+      const s = d.current;
+      s && (f != null ? s.style.setProperty("--list-item-clamp", String(f)) : s.style.removeProperty("--list-item-clamp"));
+    }, [f]);
+    const k = p(
+      (s) => {
+        t && u(t, s), typeof r == "function" ? r(s) : r && (r.current = s);
       },
-      [t, F, s]
-    ), M = m(
-      (e) => {
-        x && t && !b && j(t), r == null || r(e);
+      [t, u, r]
+    ), M = p(
+      (s) => {
+        i && t && !h && K(t), a == null || a(s);
       },
-      [x, t, b, j, r]
-    ), A = m(
-      (e) => {
-        t && K(t), N == null || N(e);
+      [i, t, h, K, a]
+    ), z = p(
+      (s) => {
+        t && E(t), N == null || N(s);
       },
-      [t, K, N]
-    ), D = m(
-      (e) => {
-        t && l(e, t), d == null || d(e);
+      [t, E, N]
+    ), A = p(
+      (s) => {
+        t && _(s, t), m == null || m(s);
       },
-      [t, l, d]
-    ), E = de({
-      divider: c,
-      interactive: x,
-      selected: R,
-      disabled: b,
-      className: p
-    }), _ = /* @__PURE__ */ Q($, { children: [
-      u && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: u }),
-      /* @__PURE__ */ Q("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
-        /* @__PURE__ */ i("span", { className: "ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]", children: y }),
-        g && /* @__PURE__ */ i(
+      [t, _, m]
+    ), R = ce({
+      divider: H,
+      interactive: i,
+      selected: j,
+      disabled: h,
+      className: b
+    }), L = /* @__PURE__ */ W($, { children: [
+      v && /* @__PURE__ */ n("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: v }),
+      /* @__PURE__ */ W("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
+        /* @__PURE__ */ n("span", { className: "ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]", children: x }),
+        y && /* @__PURE__ */ n(
           "span",
           {
-            ref: L,
+            ref: d,
             className: [
               "ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]",
-              h != null ? "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]" : ""
+              f != null ? "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]" : ""
             ].filter(Boolean).join(" "),
-            children: g
+            children: y
           }
         )
       ] }),
-      w && /* @__PURE__ */ i("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: w })
+      w && /* @__PURE__ */ n("span", { className: "ds:shrink-0 ds:flex ds:items-center ds:justify-center", children: w })
     ] });
-    return x ? /* @__PURE__ */ i(
+    return i ? /* @__PURE__ */ n(
       "div",
       {
-        ref: H,
+        ref: k,
         role: "option",
-        "aria-selected": R,
-        "aria-disabled": b ? !0 : void 0,
-        tabIndex: f,
+        "aria-selected": j,
+        "aria-disabled": h ? !0 : void 0,
+        tabIndex: I,
         onClick: M,
-        onFocus: A,
-        onKeyDown: D,
-        className: E,
+        onFocus: z,
+        onKeyDown: A,
+        className: R,
         "data-item-id": t,
         ...P,
-        children: _
+        children: L
       }
     ) : (
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- non-interactive list items still surface click/keyboard handlers when selection mode is enabled (handlers no-op when selection==='none')
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ n(
         "li",
         {
-          ref: H,
+          ref: k,
           onClick: M,
-          onFocus: A,
-          onKeyDown: D,
-          className: E,
+          onFocus: z,
+          onKeyDown: A,
+          className: R,
           "data-item-id": t,
           ...P,
-          children: /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: _ })
+          children: /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]", children: L })
         }
       )
     );
   }
 );
 Z.displayName = "List.Item";
-const ve = Object.assign(J, {
-  Root: J,
+const ye = Object.assign(Q, {
+  Root: Q,
   Item: Z
 });
 export {
-  ve as L,
-  oe as l
+  ye as L,
+  de as l
 };
-//# sourceMappingURL=list-DcjV0m5B.js.map
+//# sourceMappingURL=list-BdvDctBz.js.map