@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/progress.agent-C68rDOXL.js

@@ -0,0 +1,27 @@
+const o = {
+  id: "progress",
+  capabilities: [],
+  state: {},
+  actions: {
+    set_value: {
+      safety: "read",
+      argsType: "{ value: number }",
+      description: "Set the displayed progress value (0–100).",
+      invoke: (e, t) => {
+        e.setValue(t.value);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "progress" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+export {
+  o as p
+};
+//# sourceMappingURL=progress.agent-C68rDOXL.js.map

package/dist/_chunks/{radio-cs8N1wJi.js → radio-DvF59ThA.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { useContext as N, createContext as C, forwardRef as j, useId as R, useRef as I, useEffect as k } from "react";
-import * as m from "@radix-ui/react-radio-group";
+import * as u from "@radix-ui/react-radio-group";
 import { c as w } from "./index-D2ZczOXr.js";
 import { T as G } from "./tooltip-DHik5yRI.js";
 const F = C(null);
@@ -42,31 +42,32 @@ const T = w(
     disabled: e,
     disabledReason: i,
     description: n,
-    id: u,
+    id: p,
     className: f,
-    value: p,
+    value: c,
     ...g
   }, b) => {
-    const v = R(), r = u ?? v, d = S(), h = (d == null ? void 0 : d.variant) === "card";
+    const h = R(), r = p ?? h, d = S(), v = (d == null ? void 0 : d.variant) === "card";
     I(!1), k(() => {
     }, [d]);
     const x = [
       "ds:rounded-full ds:bg-primary",
       V[o],
       "ds:group-data-[disabled]:bg-muted"
-    ].join(" "), c = /* @__PURE__ */ s(
-      m.Item,
+    ].join(" "), l = /* @__PURE__ */ s(
+      u.Item,
       {
         ref: b,
         id: r,
         disabled: e,
         "aria-disabled": e || void 0,
-        value: p,
+        value: c,
         className: T({ size: o, className: f }),
         "data-component": "radio",
+        "data-option-id": c,
         ...g,
         children: /* @__PURE__ */ s(
-          m.Indicator,
+          u.Indicator,
           {
             asChild: !0,
             className: "ds:inline-flex ds:items-center ds:justify-center",
@@ -86,17 +87,17 @@ const T = w(
       "ds:has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]",
       "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
       e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), l = h ? /* @__PURE__ */ a("label", { htmlFor: r, className: z, children: [
-      c,
+    ].join(" "), m = v ? /* @__PURE__ */ a("label", { htmlFor: r, className: z, children: [
+      l,
       /* @__PURE__ */ a("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start", children: [
         /* @__PURE__ */ s("span", { className: "type-label ds:text-foreground", children: t }),
         n ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-muted-foreground", children: n }) : null
       ] })
     ] }) : /* @__PURE__ */ a("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]", children: [
-      c,
+      l,
       /* @__PURE__ */ s("label", { htmlFor: r, className: y, children: t })
     ] });
-    return e && i ? /* @__PURE__ */ s(G, { label: i, children: l }) : l;
+    return e && i ? /* @__PURE__ */ s(G, { label: i, children: m }) : m;
   }
 );
 _.displayName = "Radio";
@@ -104,4 +105,4 @@ export {
   _ as R,
   F as a
 };
-//# sourceMappingURL=radio-cs8N1wJi.js.map
+//# sourceMappingURL=radio-DvF59ThA.js.map

package/dist/_chunks/radio-group-Cz1a4QCA.js

@@ -0,0 +1,152 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as D, useId as T, useMemo as I, useRef as k, useState as q } from "react";
+import * as E from "@radix-ui/react-radio-group";
+import { c as F } from "./index-D2ZczOXr.js";
+import { a as z } from "./radio-DvF59ThA.js";
+import { u as J } from "./use-direction-D6rvvG9G.js";
+import { c as L } from "./compose-refs-C0k0tdqF.js";
+import { u as O } from "./registry-C9nwlNyL.js";
+import { C as Q } from "./circle-alert-ChA9opNA.js";
+const U = {
+  id: "radio-group",
+  capabilities: ["select_single"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.radioGroup.state.value",
+      description: "Currently selected radio value, or empty string when none.",
+      read: (o) => o.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.radioGroup.actions.setValue",
+      description: "Select the radio with the given value.",
+      invoke: (o, t) => {
+        o.setValue(t.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "radio-group",
+      description: "Marks the RadioGroup root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque value emitted on each rendered Radio child."
+    }
+  }
+}, W = F("ds:flex", {
+  variants: {
+    variant: {
+      vertical: "ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]",
+      card: "ds:flex-col ds:gap-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: {
+    variant: "vertical"
+  }
+}), X = D(
+  ({
+    children: o,
+    variant: t = "vertical",
+    label: u,
+    description: n,
+    error: s,
+    required: c,
+    disabled: S,
+    className: j,
+    id: l,
+    value: p,
+    defaultValue: m,
+    onValueChange: a,
+    ...A
+  }, B) => {
+    const v = T(), f = `${v}-description`, g = `${v}-error`, C = [n ? f : null, s ? g : null].filter(Boolean).join(" ") || void 0, P = t === "horizontal" ? "horizontal" : "vertical", h = I(
+      () => ({ variant: t }),
+      [t]
+    ), x = n ? /* @__PURE__ */ e("p", { id: f, className: "type-body-sm ds:text-muted-foreground", children: n }) : null, R = s ? /* @__PURE__ */ d(
+      "p",
+      {
+        id: g,
+        role: "alert",
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+        children: [
+          /* @__PURE__ */ e(Q, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ e("span", { children: s })
+        ]
+      }
+    ) : null, y = k(null), $ = L(B, y), H = J(y), r = p !== void 0, [K, M] = q(
+      m ?? ""
+    ), N = r ? p ?? "" : K, b = k(N);
+    b.current = N;
+    const G = (i) => {
+      r || M(i), a == null || a(i);
+    }, _ = I(
+      () => ({
+        getValue: () => b.current,
+        setValue: (i) => G(i)
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [r, a]
+    );
+    O(U, _, l);
+    const V = /* @__PURE__ */ e(
+      E.Root,
+      {
+        ref: $,
+        id: l,
+        orientation: P,
+        dir: H,
+        disabled: S,
+        required: c,
+        value: r ? p : void 0,
+        defaultValue: r ? void 0 : m,
+        onValueChange: G,
+        "aria-describedby": C,
+        "aria-invalid": !!s || void 0,
+        "aria-required": c || void 0,
+        className: W({ variant: t, className: j }),
+        "data-component": "radio-group",
+        "data-component-id": l,
+        ...A,
+        children: o
+      }
+    ), w = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0";
+    return u ? /* @__PURE__ */ e(z.Provider, { value: h, children: /* @__PURE__ */ d("fieldset", { className: `${w} ds:border-0 ds:p-0 ds:m-0`, children: [
+      /* @__PURE__ */ d("legend", { className: "type-label ds:text-foreground ds:p-0", children: [
+        u,
+        c ? /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
+            children: "*"
+          }
+        ) : null
+      ] }),
+      x,
+      V,
+      R
+    ] }) }) : /* @__PURE__ */ e(z.Provider, { value: h, children: /* @__PURE__ */ d("div", { className: w, children: [
+      x,
+      V,
+      R
+    ] }) });
+  }
+);
+X.displayName = "RadioGroup";
+export {
+  X as R
+};
+//# sourceMappingURL=radio-group-Cz1a4QCA.js.map

package/dist/_chunks/recaptcha-widget.agent-BGHpU5zD.js

@@ -0,0 +1,183 @@
+import { jsxs as D, jsx as W } from "react/jsx-runtime";
+import { forwardRef as U, useRef as u, useState as q, useEffect as E, useImperativeHandle as G } from "react";
+import { useTranslation as J } from "react-i18next";
+import { u as K } from "./form-field-context-94LwgYTQ.js";
+import { u as Q } from "./use-theme-BMUhembX.js";
+const X = "https://www.google.com/recaptcha/api.js", L = "alfadocs-ui-recaptcha-loader";
+let f = null;
+function Y(t) {
+  return typeof window > "u" ? Promise.reject(new Error("recaptcha: window is not available")) : window.grecaptcha && typeof window.grecaptcha.render == "function" ? Promise.resolve(window.grecaptcha) : f || (f = new Promise((d, g) => {
+    const y = document.getElementById(
+      L
+    ), i = () => {
+      window.grecaptcha && typeof window.grecaptcha.render == "function" ? d(window.grecaptcha) : g(new Error("recaptcha: grecaptcha global missing after load"));
+    };
+    if (window.___grecaptchaOnLoad___ = i, y)
+      return;
+    const p = new URLSearchParams({
+      onload: "___grecaptchaOnLoad___",
+      render: "explicit"
+    });
+    t && p.set("hl", t);
+    const r = document.createElement("script");
+    r.id = L, r.src = `${X}?${p.toString()}`, r.async = !0, r.defer = !0, r.onerror = () => {
+      f = null, g(new Error("recaptcha: script failed to load"));
+    }, document.head.appendChild(r);
+  }), f);
+}
+const re = U(function({
+  siteKey: d,
+  theme: g,
+  locale: y,
+  size: i = "normal",
+  onChange: p,
+  onExpired: r,
+  onError: T,
+  error: b,
+  id: j,
+  className: B
+}, F) {
+  const { t: R, i18n: M } = J(), k = K(), { resolvedTheme: N } = Q(), w = u(null), c = u(null), a = u(null), [$, h] = q(""), _ = j ?? k.id, H = b ? `${_}-error` : void 0, O = [k.describedBy, H].filter(Boolean).join(" ") || void 0, x = g ?? (N.startsWith("dark") ? "dark" : "light"), I = y ?? M.language, e = u(p), v = u(r), o = u(T);
+  e.current = p, v.current = r, o.current = T;
+  const S = R(
+    "ui.inputs.recaptcha.expired",
+    "Verification expired — please retry."
+  ), P = R(
+    "ui.inputs.recaptcha.error",
+    "Verification failed — please retry."
+  );
+  E(() => {
+    if (!d || !w.current) return;
+    let l = !1;
+    return Y(I).then((m) => {
+      l || !w.current || (a.current = m, c.current = m.render(w.current, {
+        sitekey: d,
+        theme: x,
+        size: i,
+        hl: I,
+        callback: (s) => {
+          var n;
+          h(""), (n = e.current) == null || n.call(e, s);
+        },
+        "expired-callback": () => {
+          var s, n;
+          h(S), (s = e.current) == null || s.call(e, null), (n = v.current) == null || n.call(v);
+        },
+        "error-callback": () => {
+          var s, n;
+          h(P), (s = e.current) == null || s.call(e, null), (n = o.current) == null || n.call(o);
+        }
+      }));
+    }).catch(() => {
+      var m;
+      l || (h(P), (m = o.current) == null || m.call(o));
+    }), () => {
+      if (l = !0, a.current && c.current !== null)
+        try {
+          a.current.reset(c.current);
+        } catch {
+        }
+    };
+  }, [d, x, I, i, S, P]), G(
+    F,
+    () => ({
+      reset: () => {
+        var l;
+        a.current && c.current !== null && (a.current.reset(c.current), h(""), (l = e.current) == null || l.call(e, null));
+      },
+      getResponse: () => a.current && c.current !== null ? a.current.getResponse(c.current) : "",
+      execute: () => {
+        a.current && c.current !== null && a.current.execute(c.current);
+      }
+    }),
+    []
+  );
+  const V = b || $, A = i === "invisible" ? "presentation" : void 0;
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      className: [
+        "ds:inline-block",
+        // Keep the iframe inside the wrapper's stacking context so
+        // popovers etc. above the form continue to overlay correctly.
+        "ds:relative ds:isolate",
+        B
+      ].filter(Boolean).join(" "),
+      "data-component": "recaptcha-widget",
+      "data-component-id": _,
+      "data-size": i,
+      role: A,
+      children: [
+        /* @__PURE__ */ W(
+          "div",
+          {
+            ref: w,
+            id: _,
+            className: "g-recaptcha",
+            "data-sitekey": d,
+            "data-theme": x,
+            "data-size": i,
+            "aria-describedby": O,
+            "aria-invalid": b || k.invalid ? !0 : void 0
+          }
+        ),
+        /* @__PURE__ */ W(
+          "div",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "ds:sr-only",
+            children: V
+          }
+        )
+      ]
+    }
+  );
+}), ce = {
+  id: "recaptcha-widget",
+  capabilities: ["submit"],
+  state: {
+    hasToken: {
+      type: "boolean",
+      descriptionKey: "ui.agent.recaptchaWidget.state.hasToken",
+      description: "True when the widget currently holds a valid verification token.",
+      read: (t) => t.getResponse().length > 0
+    }
+  },
+  actions: {
+    execute: {
+      safety: "write",
+      descriptionKey: "ui.agent.recaptchaWidget.actions.execute",
+      description: "Programmatically trigger the captcha challenge. Issues a token via the callback.",
+      invoke: (t) => {
+        t.execute();
+      }
+    },
+    reset: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.recaptchaWidget.actions.reset",
+      description: "Clear the current token and re-roll the captcha. Irreversible.",
+      invoke: (t) => {
+        t.reset();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "recaptcha-widget",
+      description: "Marks the RecaptchaWidget wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop (or the surrounding FormField id)."
+    }
+  }
+};
+export {
+  re as R,
+  ce as r
+};
+//# sourceMappingURL=recaptcha-widget.agent-BGHpU5zD.js.map