@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/stepper-progress-jFY8BSf7.js

@@ -0,0 +1,208 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { forwardRef as H, useRef as P, useState as E, useEffect as I, useLayoutEffect as B, useMemo as C, useImperativeHandle as L } from "react";
+import { c as p } from "./index-D2ZczOXr.js";
+import { useTranslation as O } from "react-i18next";
+import { u as Z } from "./registry-C9nwlNyL.js";
+const _ = {
+  id: "stepper-progress",
+  capabilities: ["navigate"],
+  state: {
+    currentStep: {
+      type: "number",
+      descriptionKey: "ui.agent.stepperProgress.state.currentStep",
+      description: "Zero-indexed active step.",
+      read: (e) => e.getCurrentStep()
+    },
+    totalSteps: {
+      type: "number",
+      descriptionKey: "ui.agent.stepperProgress.state.totalSteps",
+      description: "Total number of steps in the flow.",
+      read: (e) => e.getTotalSteps()
+    }
+  },
+  actions: {
+    goto_step: {
+      safety: "read",
+      argsType: "{ step: number }",
+      descriptionKey: "ui.agent.stepperProgress.actions.gotoStep",
+      description: "Request the host to activate the given step via onStepChange. No-op when no handler is wired.",
+      invoke: (e, o) => {
+        e.gotoStep(o.step);
+      }
+    },
+    next: {
+      safety: "read",
+      descriptionKey: "ui.agent.stepperProgress.actions.next",
+      description: "Request the host to advance one step via onStepChange.",
+      invoke: (e) => {
+        e.next();
+      }
+    },
+    previous: {
+      safety: "read",
+      descriptionKey: "ui.agent.stepperProgress.actions.previous",
+      description: "Request the host to retreat one step via onStepChange.",
+      invoke: (e) => {
+        e.previous();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "stepper-progress",
+      description: "Marks the StepperProgress root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, $ = p("ds:flex ds:w-full", {
+  variants: {
+    captionPosition: {
+      top: "ds:flex-col ds:gap-[var(--spacing-xs)]",
+      bottom: "ds:flex-col-reverse ds:gap-[var(--spacing-xs)]"
+    }
+  },
+  defaultVariants: { captionPosition: "top" }
+}), D = p(
+  "ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)]",
+  {
+    variants: {
+      size: {
+        sm: "ds:h-[var(--spacing-xs)]",
+        default: "ds:h-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+), F = p(
+  [
+    "ds:block ds:h-full ds:rounded-[var(--radius-full)]",
+    "ds:[inline-size:calc(var(--stepper-progress-value,0)*1%)]",
+    "ds:transition-[inline-size,background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
+    "ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        progress: "ds:bg-[var(--primary)]",
+        error: "ds:bg-[var(--destructive)]",
+        complete: "ds:bg-[var(--success,var(--primary))]"
+      }
+    },
+    defaultVariants: { tone: "progress" }
+  }
+), G = p(
+  "ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)] ds:flex-wrap",
+  {
+    variants: {
+      tone: {
+        progress: "ds:text-[var(--foreground)]",
+        error: "ds:text-[var(--destructive)]",
+        complete: "ds:text-[var(--foreground)]"
+      }
+    },
+    defaultVariants: { tone: "progress" }
+  }
+), J = H(
+  ({
+    activeStep: e,
+    steps: o,
+    "aria-label": S,
+    hideCaption: w = !1,
+    size: M = "default",
+    captionPosition: N = "top",
+    id: d,
+    onStepChange: a,
+    className: k,
+    ...R
+  }, T) => {
+    const { t: u } = O(), v = P(null), t = o.length, s = Math.max(0, Math.min(e, t - 1)), r = o[s], f = (r == null ? void 0 : r.status) === "error" ? "error" : "current", g = s + 1, V = t === 0 ? 0 : g / t * 100, m = f === "error" ? "error" : s === t - 1 && t > 0 ? "complete" : "progress", [K, j] = E(!1);
+    I(() => {
+      j(!0);
+    }, []);
+    const h = K ? V : 0;
+    B(() => {
+      var n;
+      (n = v.current) == null || n.style.setProperty(
+        "--stepper-progress-value",
+        String(h)
+      );
+    }, [h]);
+    const x = u("navigation.stepper.stepOfTotal", {
+      n: s + 1,
+      total: t
+    }), z = S ?? u("navigation.stepper.label"), l = f === "error" && (r != null && r.description) ? r.description : null, q = [
+      x,
+      r ? `— ${r.label}` : null,
+      l
+    ].filter(Boolean).join(" "), A = C(
+      () => ({
+        getCurrentStep: () => s,
+        getTotalSteps: () => t,
+        gotoStep: (n) => {
+          if (!a) return;
+          const y = Math.max(0, Math.min(n, Math.max(t - 1, 0)));
+          y !== s && a(y);
+        },
+        next: () => {
+          a && s < t - 1 && a(s + 1);
+        },
+        previous: () => {
+          a && s > 0 && a(s - 1);
+        }
+      }),
+      [s, t, a]
+    ), b = P(null);
+    return L(T, () => b.current, []), Z(_, A, d), /* @__PURE__ */ c(
+      "div",
+      {
+        ref: b,
+        id: d,
+        "data-component": "stepper-progress",
+        "data-component-id": d,
+        className: $({ captionPosition: N, className: k }),
+        ...R,
+        children: [
+          w ? null : /* @__PURE__ */ c("div", { className: G({ tone: m }), "aria-hidden": "true", children: [
+            /* @__PURE__ */ i("span", { className: "type-meta ds:font-[var(--font-weight-semibold)]", children: x }),
+            r ? /* @__PURE__ */ c("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: [
+              "— ",
+              r.label
+            ] }) : null,
+            l ? /* @__PURE__ */ i("span", { className: "type-meta ds:ms-auto ds:text-[var(--destructive)]", children: l }) : null
+          ] }),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              role: "progressbar",
+              "aria-label": z,
+              "aria-valuemin": 0,
+              "aria-valuemax": t,
+              "aria-valuenow": g,
+              "aria-valuetext": q,
+              className: D({ size: M }),
+              children: /* @__PURE__ */ i(
+                "span",
+                {
+                  ref: v,
+                  "aria-hidden": "true",
+                  className: F({ tone: m })
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+J.displayName = "StepperProgress";
+export {
+  J as S,
+  _ as s
+};
+//# sourceMappingURL=stepper-progress-jFY8BSf7.js.map

package/dist/_chunks/{suggestion-chip-DhFrkRPj.js → suggestion-chip-C4Jz0LrM.js}

@@ -37,54 +37,52 @@ const Q = q(
     },
     defaultVariants: { intent: "default", size: "md" }
   }
-), F = B(null), W = V(
-  ({ label: k, className: I, children: A, ...C }, g) => {
-    const { t: p, i18n: a } = J(), v = a.dir() === "rtl", [n, m] = T([]), [i, d] = T(null), l = j(/* @__PURE__ */ new Map()), x = f((t) => {
-      m((r) => r.includes(t) ? r : [...r, t]);
-    }, []), z = f((t) => {
-      m((r) => r.filter((u) => u !== t)), l.current.delete(t);
-    }, []), o = f((t) => d(t), []);
-    G(() => {
-      !i && n.length > 0 && d(n[0]), i && !n.includes(i) && d(n[0] ?? null);
-    }, [i, n]);
-    const e = f(
-      (t, r) => {
-        const u = n.indexOf(t);
-        if (u === -1) return;
-        let c = u;
-        r === "next" && (c = (u + 1) % n.length), r === "prev" && (c = (u - 1 + n.length) % n.length), r === "first" && (c = 0), r === "last" && (c = n.length - 1);
-        const b = n[c];
-        d(b);
-        const w = l.current.get(b);
-        w == null || w.focus();
-      },
-      [n]
-    ), h = f(
-      (t, r) => {
-        r ? l.current.set(t, r) : l.current.delete(t);
-      },
-      []
-    ), N = U(
-      () => ({ register: x, unregister: z, focusedId: i, setFocus: o, onArrowMove: e, isRTL: v }),
-      [x, z, i, o, e, v]
-    );
-    return /* @__PURE__ */ y(E.Provider, { value: h, children: /* @__PURE__ */ y(F.Provider, { value: N, children: /* @__PURE__ */ y(
-      "div",
-      {
-        ref: g,
-        role: "group",
-        "aria-label": k ?? p("chat.suggestions"),
-        className: [
-          "ds:flex ds:flex-wrap ds:items-center",
-          "ds:gap-y-[var(--spacing-xs)] ds:gap-x-[var(--spacing-sm)]",
-          I
-        ].filter(Boolean).join(" "),
-        ...C,
-        children: A
-      }
-    ) }) });
-  }
-);
+), F = B(null), W = V(({ label: k, className: I, children: A, ...C }, g) => {
+  const { t: p, i18n: a } = J(), v = a.dir() === "rtl", [n, m] = T([]), [i, d] = T(null), l = j(/* @__PURE__ */ new Map()), x = f((t) => {
+    m((r) => r.includes(t) ? r : [...r, t]);
+  }, []), z = f((t) => {
+    m((r) => r.filter((u) => u !== t)), l.current.delete(t);
+  }, []), o = f((t) => d(t), []);
+  G(() => {
+    !i && n.length > 0 && d(n[0]), i && !n.includes(i) && d(n[0] ?? null);
+  }, [i, n]);
+  const e = f(
+    (t, r) => {
+      const u = n.indexOf(t);
+      if (u === -1) return;
+      let c = u;
+      r === "next" && (c = (u + 1) % n.length), r === "prev" && (c = (u - 1 + n.length) % n.length), r === "first" && (c = 0), r === "last" && (c = n.length - 1);
+      const b = n[c];
+      d(b);
+      const w = l.current.get(b);
+      w == null || w.focus();
+    },
+    [n]
+  ), h = f(
+    (t, r) => {
+      r ? l.current.set(t, r) : l.current.delete(t);
+    },
+    []
+  ), N = U(
+    () => ({ register: x, unregister: z, focusedId: i, setFocus: o, onArrowMove: e, isRTL: v }),
+    [x, z, i, o, e, v]
+  );
+  return /* @__PURE__ */ y(E.Provider, { value: h, children: /* @__PURE__ */ y(F.Provider, { value: N, children: /* @__PURE__ */ y(
+    "div",
+    {
+      ref: g,
+      role: "group",
+      "aria-label": k ?? p("chat.suggestions"),
+      className: [
+        "ds:flex ds:flex-wrap ds:items-center",
+        "ds:gap-y-[var(--spacing-xs)] ds:gap-x-[var(--spacing-sm)]",
+        I
+      ].filter(Boolean).join(" "),
+      ...C,
+      children: A
+    }
+  ) }) });
+});
 W.displayName = "SuggestionChipGroup";
 const E = B(null), X = V(
   ({
@@ -106,11 +104,11 @@ const E = B(null), X = V(
     const o = O(), e = L(F), h = L(E), [N, t] = T(!1), r = j(null), u = (s) => {
       r.current = s, h == null || h(o, s);
     }, c = j(e);
-    if (c.current = e, G(() => {
+    c.current = e, G(() => {
       const s = c.current;
       if (s)
         return s.register(o), () => s.unregister(o);
-    }, [o]), N) return null;
+    }, [o]);
     const b = e ? e.focusedId === o : !0, w = e ? b ? 0 : -1 : 0, M = typeof A == "string" ? A : typeof g == "string" ? g : "", R = f(() => {
       p == null || p(M), a ? a() : v || t(!0);
     }, [p, M, a, v]), D = f(() => {
@@ -124,7 +122,7 @@ const E = B(null), X = V(
         dismiss: D
       }),
       [M, R, D]
-    ), /* @__PURE__ */ K(
+    ), N ? null : /* @__PURE__ */ K(
       "button",
       {
         ref: u,
@@ -166,4 +164,4 @@ export {
   X as S,
   W as a
 };
-//# sourceMappingURL=suggestion-chip-DhFrkRPj.js.map
+//# sourceMappingURL=suggestion-chip-C4Jz0LrM.js.map

package/dist/_chunks/{switch-BYEH8I53.js → switch-C0psfIQF.js}

@@ -3,7 +3,7 @@ import { forwardRef as T, useContext as I, useState as K, useRef as _, useMemo a
 import * as w from "@radix-ui/react-switch";
 import { c as o } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { u as H, F as M } from "./form-field-context-94LwgYTQ.js";
+import { u as H, F as M } from "./form-field-context-B3APVHKx.js";
 import { u as O } from "./registry-C9nwlNyL.js";
 const D = {
   id: "switch",
@@ -193,4 +193,4 @@ J.displayName = "Switch";
 export {
   J as S
 };
-//# sourceMappingURL=switch-BYEH8I53.js.map
+//# sourceMappingURL=switch-C0psfIQF.js.map