@alfadocs/ui-kit 1.53.0 → 1.54.0

package/dist/_chunks/form-field-YUJl_U5l.js

@@ -1,131 +0,0 @@
-import { jsxs as a, Fragment as k, jsx as s } from "react/jsx-runtime";
-import { forwardRef as w, useId as C, useMemo as h } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
-import { useTranslation as I } from "react-i18next";
-import { F as $ } from "./form-field-context-B3APVHKx.js";
-import { C as S } from "./circle-alert-rGDZ73Wh.js";
-const T = v("ds:text-start", {
-  variants: {
-    orientation: {
-      vertical: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-      horizontal: "ds:grid ds:grid-cols-[minmax(0,var(--form-label-inline-size))_minmax(0,1fr)] ds:items-start ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)]"
-    },
-    disabled: {
-      true: "ds:opacity-50 ds:cursor-not-allowed",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical",
-    disabled: !1
-  }
-}), q = v("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", {
-  variants: {
-    orientation: {
-      vertical: "",
-      horizontal: "ds:min-w-0"
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-}), A = w(
-  (g, b) => {
-    const {
-      label: N,
-      labelStart: i,
-      labelEnd: n,
-      description: d,
-      error: r,
-      required: o = !1,
-      optional: y = !1,
-      orientation: m = "vertical",
-      disabled: c = !1,
-      className: F,
-      children: z,
-      ...B
-    } = g, { t: V } = I("ui"), e = C(), l = `${e}-help`, t = `${e}-error`, p = !!r, f = h(
-      () => [d ? l : null, r ? t : null].filter(Boolean).join(" "),
-      [d, r, l, t]
-    ), j = h(
-      () => ({
-        id: e,
-        helpId: l,
-        errorId: t,
-        describedBy: f,
-        invalid: p,
-        required: o,
-        disabled: c
-      }),
-      [e, l, t, f, p, o, c]
-    ), x = /* @__PURE__ */ a(k, { children: [
-      N,
-      o && /* @__PURE__ */ s(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
-          children: "*"
-        }
-      ),
-      y && /* @__PURE__ */ a("span", { className: "ds:text-muted-foreground ds:ms-[var(--spacing-xs)] ds:font-normal", children: [
-        "(",
-        V("common.optional", "optional"),
-        ")"
-      ] })
-    ] }), u = !!(i || n);
-    return /* @__PURE__ */ s($.Provider, { value: j, children: /* @__PURE__ */ a(
-      "div",
-      {
-        ref: b,
-        className: T({ orientation: m, disabled: c, className: F }),
-        "data-component": "form-field",
-        ...B,
-        children: [
-          /* @__PURE__ */ a(
-            "label",
-            {
-              id: `${e}-label`,
-              htmlFor: e,
-              className: u ? "type-label ds:text-foreground ds:flex ds:items-start ds:gap-[var(--spacing-xs)]" : "type-label ds:text-foreground",
-              children: [
-                i ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:shrink-0 ds:items-center", children: i }) : null,
-                i ? " " : null,
-                u ? /* @__PURE__ */ s("span", { children: x }) : x,
-                n ? " " : null,
-                n ? /* @__PURE__ */ s("span", { className: "ds:ms-auto ds:inline-flex ds:shrink-0 ds:items-center", children: n }) : null
-              ]
-            }
-          ),
-          /* @__PURE__ */ a("div", { className: q({ orientation: m }), children: [
-            z,
-            d && /* @__PURE__ */ s("p", { id: l, className: "type-body-sm ds:text-muted-foreground", children: d }),
-            r && /* @__PURE__ */ a(
-              "p",
-              {
-                id: t,
-                role: "alert",
-                className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
-                children: [
-                  /* @__PURE__ */ s(
-                    S,
-                    {
-                      "aria-hidden": "true",
-                      className: "ds:size-4 ds:shrink-0"
-                    }
-                  ),
-                  /* @__PURE__ */ s("span", { children: r })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    ) });
-  }
-);
-A.displayName = "FormField";
-export {
-  A as F
-};
-//# sourceMappingURL=form-field-YUJl_U5l.js.map

package/dist/_chunks/form-field-context-B3APVHKx.js

@@ -1,21 +0,0 @@
-import { createContext as t, useContext as o, useId as d } from "react";
-const l = t(
-  null
-);
-function n() {
-  const r = o(l), e = d();
-  return r || {
-    id: e,
-    helpId: `${e}-help`,
-    errorId: `${e}-error`,
-    describedBy: "",
-    invalid: !1,
-    required: !1,
-    disabled: !1
-  };
-}
-export {
-  l as F,
-  n as u
-};
-//# sourceMappingURL=form-field-context-B3APVHKx.js.map

package/dist/_chunks/recaptcha-widget-BNAeSTCo.js

@@ -1,228 +0,0 @@
-import { jsxs as G, jsx as F } from "react/jsx-runtime";
-import { forwardRef as U, useRef as m, useState as q, useEffect as C, useMemo as J, useImperativeHandle as K } from "react";
-import { useTranslation as Q } from "react-i18next";
-import { u as X } from "./form-field-context-B3APVHKx.js";
-import { u as Y } from "./use-theme-CAuo6EYT.js";
-import { u as Z } from "./registry-DvAUVLHh.js";
-const z = {
-  id: "recaptcha-widget",
-  // `submit` is the pre-form-submission gate: the `execute` action issues a
-  // verification token to Google's reCAPTCHA service (the catalog's heuristic
-  // does not recognise `execute` as a submit verb, but it genuinely backs it).
-  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: {
-      // Triggers the challenge against Google's reCAPTCHA service — external side effect.
-      safety: "write",
-      openWorld: !0,
-      descriptionKey: "ui.agent.recaptchaWidget.actions.execute",
-      description: "Programmatically trigger the captcha challenge. Issues a token via the callback.",
-      invoke: (t) => {
-        t.execute();
-      }
-    },
-    reset: {
-      // Discards the issued token and re-rolls the challenge — loses the verification.
-      safety: "destructive",
-      idempotent: !0,
-      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)."
-    }
-  }
-}, N = "https://www.google.com/recaptcha/api.js", O = "alfadocs-ui-recaptcha-loader", ee = 1e4, te = 100;
-let g = null;
-function re(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) : g || (g = new Promise((r, h) => {
-    const S = document.getElementById(
-      O
-    ), l = () => {
-      window.grecaptcha && typeof window.grecaptcha.render == "function" ? r(window.grecaptcha) : h(new Error("recaptcha: grecaptcha global missing after load"));
-    };
-    if (window.___grecaptchaOnLoad___ = l, S) {
-      let d = null, i = null;
-      const y = () => {
-        d !== null && clearInterval(d), i !== null && clearTimeout(i), d = null, i = null;
-      };
-      d = setInterval(() => {
-        window.grecaptcha && typeof window.grecaptcha.render == "function" && (y(), r(window.grecaptcha));
-      }, te), i = setTimeout(() => {
-        if (y(), window.grecaptcha && typeof window.grecaptcha.render == "function") {
-          r(window.grecaptcha);
-          return;
-        }
-        const f = `___grecaptchaOnLoad___fallback_${Date.now()}___`;
-        window[f] = () => {
-          delete window[f], window.grecaptcha && typeof window.grecaptcha.render == "function" ? r(window.grecaptcha) : h(
-            new Error("recaptcha: grecaptcha global missing after fallback")
-          );
-        };
-        const k = new URLSearchParams({
-          onload: f,
-          render: "explicit"
-        });
-        t && k.set("hl", t);
-        const o = document.createElement("script");
-        o.src = `${N}?${k.toString()}`, o.async = !0, o.defer = !0, o.onerror = () => {
-          delete window[f], g = null, h(new Error("recaptcha: fallback script failed to load"));
-        }, document.head.appendChild(o);
-      }, ee);
-      return;
-    }
-    const _ = new URLSearchParams({
-      onload: "___grecaptchaOnLoad___",
-      render: "explicit"
-    });
-    t && _.set("hl", t);
-    const a = document.createElement("script");
-    a.id = O, a.src = `${N}?${_.toString()}`, a.async = !0, a.defer = !0, a.onerror = () => {
-      g = null, h(new Error("recaptcha: script failed to load"));
-    }, document.head.appendChild(a);
-  }), g);
-}
-const ae = U(function({
-  siteKey: r,
-  theme: h,
-  locale: S,
-  size: l = "normal",
-  onChange: _,
-  onExpired: a,
-  onError: d,
-  error: i,
-  id: y,
-  className: f
-}, k) {
-  const { t: o, i18n: $ } = Q("ui"), T = X(), { resolvedTheme: A } = Y(), I = m(null), c = m(null), n = m(null), [B, b] = q(""), R = y ?? T.id, H = i ? `${R}-error` : void 0, j = [T.describedBy, H].filter(Boolean).join(" ") || void 0, L = h ?? (A.startsWith("dark") ? "dark" : "light"), P = S ?? $.language, e = m(_), x = m(a), u = m(d);
-  e.current = _, x.current = a, u.current = d;
-  const M = o(
-    "inputs.recaptcha.expired",
-    "Verification expired — please retry."
-  ), W = o(
-    "inputs.recaptcha.error",
-    "Verification failed — please retry."
-  );
-  C(() => {
-    if (!r || !I.current) return;
-    let w = !1;
-    return re(P).then((v) => {
-      w || !I.current || (n.current = v, c.current = v.render(I.current, {
-        sitekey: r,
-        theme: L,
-        size: l,
-        hl: P,
-        callback: (p) => {
-          var s;
-          b(""), (s = e.current) == null || s.call(e, p);
-        },
-        "expired-callback": () => {
-          var p, s;
-          b(M), (p = e.current) == null || p.call(e, null), (s = x.current) == null || s.call(x);
-        },
-        "error-callback": () => {
-          var p, s;
-          b(W), (p = e.current) == null || p.call(e, null), (s = u.current) == null || s.call(u);
-        }
-      }));
-    }).catch(() => {
-      var v;
-      w || (b(W), (v = u.current) == null || v.call(u));
-    }), () => {
-      if (w = !0, n.current && c.current !== null)
-        try {
-          n.current.reset(c.current);
-        } catch {
-        }
-    };
-  }, [
-    r,
-    L,
-    P,
-    l,
-    M,
-    W
-  ]);
-  const E = J(
-    () => ({
-      reset: () => {
-        var w;
-        n.current && c.current !== null && (n.current.reset(c.current), b(""), (w = e.current) == null || w.call(e, null));
-      },
-      getResponse: () => n.current && c.current !== null ? n.current.getResponse(c.current) : "",
-      execute: () => {
-        n.current && c.current !== null && n.current.execute(c.current);
-      }
-    }),
-    []
-  );
-  K(k, () => E, [E]), Z(z, E, R);
-  const D = i || B, V = l === "invisible" ? "presentation" : void 0;
-  return /* @__PURE__ */ G(
-    "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",
-        f
-      ].filter(Boolean).join(" "),
-      "data-component": "recaptcha-widget",
-      "data-component-id": R,
-      "data-size": l,
-      role: V,
-      children: [
-        /* @__PURE__ */ F(
-          "div",
-          {
-            ref: I,
-            id: R,
-            className: "g-recaptcha",
-            "data-sitekey": r,
-            "data-theme": L,
-            "data-size": l,
-            "aria-describedby": j,
-            "aria-invalid": i || T.invalid ? !0 : void 0
-          }
-        ),
-        /* @__PURE__ */ F(
-          "div",
-          {
-            role: "status",
-            "aria-live": "polite",
-            "aria-atomic": "true",
-            className: "ds:sr-only",
-            children: D
-          }
-        )
-      ]
-    }
-  );
-});
-ae.displayName = "RecaptchaWidget";
-export {
-  ae as R,
-  z as r
-};
-//# sourceMappingURL=recaptcha-widget-BNAeSTCo.js.map

package/dist/_chunks/spinner-DxjSZLD-.js

@@ -1,220 +0,0 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { c as e } from "./index-D2ZczOXr.js";
-import { useTranslation as h } from "react-i18next";
-const f = e("ds:inline-block ds:shrink-0 ds:text-current", {
-  variants: {
-    size: {
-      sm: "ds:size-3",
-      md: "ds:size-4",
-      lg: "ds:size-5"
-    },
-    variant: {
-      pulse: "",
-      chase: "",
-      prism: "",
-      static: ""
-    },
-    speed: {
-      slower: "",
-      slow: "",
-      normal: "",
-      fast: "",
-      faster: ""
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "pulse",
-      speed: "slower",
-      class: "ds:[--spinner-duration:2400ms]"
-    },
-    {
-      variant: "pulse",
-      speed: "slow",
-      class: "ds:[--spinner-duration:1800ms]"
-    },
-    {
-      variant: "pulse",
-      speed: "normal",
-      class: "ds:[--spinner-duration:1200ms]"
-    },
-    { variant: "pulse", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
-    {
-      variant: "pulse",
-      speed: "faster",
-      class: "ds:[--spinner-duration:600ms]"
-    },
-    {
-      variant: "chase",
-      speed: "slower",
-      class: "ds:[--spinner-duration:2400ms]"
-    },
-    {
-      variant: "chase",
-      speed: "slow",
-      class: "ds:[--spinner-duration:1800ms]"
-    },
-    {
-      variant: "chase",
-      speed: "normal",
-      class: "ds:[--spinner-duration:1200ms]"
-    },
-    { variant: "chase", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
-    {
-      variant: "chase",
-      speed: "faster",
-      class: "ds:[--spinner-duration:600ms]"
-    },
-    // prism runs 2× so each of the 4 brand hues has room to read.
-    {
-      variant: "prism",
-      speed: "slower",
-      class: "ds:[--spinner-duration:4800ms]"
-    },
-    {
-      variant: "prism",
-      speed: "slow",
-      class: "ds:[--spinner-duration:3600ms]"
-    },
-    {
-      variant: "prism",
-      speed: "normal",
-      class: "ds:[--spinner-duration:2400ms]"
-    },
-    {
-      variant: "prism",
-      speed: "fast",
-      class: "ds:[--spinner-duration:1800ms]"
-    },
-    {
-      variant: "prism",
-      speed: "faster",
-      class: "ds:[--spinner-duration:1200ms]"
-    }
-  ],
-  defaultVariants: { size: "md", variant: "prism", speed: "normal" }
-}), n = e(
-  [
-    "ds:fill-current",
-    "ds:[transform-box:fill-box] ds:[transform-origin:center]",
-    "ds:motion-reduce:animate-none",
-    "ds:[animation-delay:calc(var(--spinner-duration)/4*var(--spinner-position))]"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        pulse: "ds:animate-[spinner-pulse_var(--spinner-duration)_ease-in-out_infinite]",
-        chase: "ds:animate-[spinner-chase_var(--spinner-duration)_ease-out_infinite]",
-        prism: "ds:animate-[spinner-prism_var(--spinner-duration)_linear_infinite] ds:motion-reduce:fill-[var(--primary)]",
-        // No animation — the brand mark at rest (a static logo glyph). Inherits
-        // currentColor via the base `fill-current`.
-        static: ""
-      },
-      position: {
-        top: "ds:[--spinner-position:0]",
-        right: "ds:[--spinner-position:1]",
-        bottom: "ds:[--spinner-position:2]",
-        left: "ds:[--spinner-position:3]"
-      }
-    },
-    defaultVariants: { variant: "prism", position: "top" }
-  }
-), v = u(
-  ({
-    size: r = "md",
-    variant: a = "prism",
-    speed: t = "normal",
-    label: o,
-    className: d,
-    ...p
-  }, l) => {
-    const { t: m } = h("ui"), c = o ?? m("common.loading", "Loading…");
-    return /* @__PURE__ */ i(
-      "span",
-      {
-        ref: l,
-        role: "status",
-        "aria-live": "polite",
-        "data-component": "spinner",
-        className: f({ size: r, variant: a, speed: t, className: d }),
-        ...p,
-        children: [
-          /* @__PURE__ */ i("svg", { "aria-hidden": "true", viewBox: "0 0 148 148", className: "ds:size-full", children: [
-            /* @__PURE__ */ s(
-              "g",
-              {
-                "data-shape": "top",
-                className: n({ variant: a, position: "top" }),
-                children: /* @__PURE__ */ s(
-                  "rect",
-                  {
-                    x: "53.04",
-                    y: "2.54",
-                    width: "33.99",
-                    height: "49.34",
-                    rx: "4.56",
-                    ry: "4.56",
-                    transform: "translate(-4.66 19.05) rotate(-15)"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ s(
-              "g",
-              {
-                "data-shape": "right",
-                className: n({ variant: a, position: "right" }),
-                children: /* @__PURE__ */ s(
-                  "rect",
-                  {
-                    x: "96.12",
-                    y: "53.04",
-                    width: "49.34",
-                    height: "33.99",
-                    rx: "4.56",
-                    ry: "4.56",
-                    transform: "translate(-14.01 33.65) rotate(-15)"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ s(
-              "g",
-              {
-                "data-shape": "bottom",
-                className: n({ variant: a, position: "bottom" }),
-                children: /* @__PURE__ */ s(
-                  "rect",
-                  {
-                    x: "60.97",
-                    y: "96.12",
-                    width: "33.99",
-                    height: "49.34",
-                    rx: "4.56",
-                    ry: "4.56",
-                    transform: "translate(-28.61 24.29) rotate(-15)"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ s(
-              "g",
-              {
-                "data-shape": "left",
-                className: n({ variant: a, position: "left" }),
-                children: /* @__PURE__ */ s("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s("span", { className: "ds:sr-only", children: c })
-        ]
-      }
-    );
-  }
-);
-v.displayName = "Spinner";
-export {
-  v as S
-};
-//# sourceMappingURL=spinner-DxjSZLD-.js.map