@alfadocs/ui-kit 0.31.0 → 0.31.3

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

@@ -0,0 +1,221 @@
+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-C2dHKUAN.js";
+import { u as Z } from "./registry-nPAVE19X.js";
+const z = {
+  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)."
+    }
+  }
+}, 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(), 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-CFYyLSEX.js.map

package/dist/_chunks/registry-nPAVE19X.js

@@ -0,0 +1,21 @@
+import { useEffect as e } from "react";
+function g(t, r, o) {
+  e(() => {
+    if (typeof globalThis > "u") return;
+    const i = globalThis.__alfadocs_agent;
+    if (!i || !o || r == null) return;
+    const s = {
+      id: t.id,
+      instanceId: o,
+      handle: r,
+      adapter: t
+    };
+    return i.register(s), () => {
+      i.unregister(t.id, o);
+    };
+  }, [t, r, o]);
+}
+export {
+  g as u
+};
+//# sourceMappingURL=registry-nPAVE19X.js.map

package/dist/_chunks/{resizable-COV-cnth.js → resizable-3vzqDlg6.js}

@@ -1,8 +1,9 @@
 import { jsx as L, jsxs as de } from "react/jsx-runtime";
-import { createContext as pe, useContext as me, forwardRef as ee, useState as Z, useRef as V, useCallback as X, useEffect as ae, useImperativeHandle as ze, useId as be, useMemo as re, Children as ge, useLayoutEffect as ve, isValidElement as Se, cloneElement as se } from "react";
+import { createContext as pe, useContext as me, forwardRef as ee, useState as Z, useRef as V, useCallback as X, useEffect as ae, useImperativeHandle as ze, useId as be, useMemo as re, Children as ge, isValidElement as ve, cloneElement as se } from "react";
 import { c as te } from "./index-D2ZczOXr.js";
-import { useTranslation as he } from "react-i18next";
-import { u as ye } from "./registry-C9nwlNyL.js";
+import { useTranslation as Se } from "react-i18next";
+import { u as he } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as ye } from "./registry-nPAVE19X.js";
 const oe = pe(
   null
 );
@@ -145,26 +146,26 @@ const Me = te(
       const n = [];
       let o = 0, D = 0;
       const q = ($) => {
-        if (!Se($)) return $;
+        if (!ve($)) return $;
         if ($.type === ue) {
-          const G = o, t = $.props;
+          const _ = o, t = $.props;
           return n.push({
-            id: `${g}-panel-${G}`,
-            index: G,
+            id: `${g}-panel-${_}`,
+            index: _,
             defaultSize: t.defaultSize,
             minSize: t.minSize ?? 10,
             maxSize: t.maxSize ?? 90,
             collapsible: t.collapsible ?? !1,
             collapsedSize: t.collapsedSize ?? 0
           }), o++, se($, {
-            _panelIndex: G,
-            _panelId: `${g}-panel-${G}`
+            _panelIndex: _,
+            _panelId: `${g}-panel-${_}`
           });
         }
         if ($.type === fe) {
-          const G = D++;
+          const _ = D++;
           return se($, {
-            _handleIndex: G
+            _handleIndex: _
           });
         }
         return $;
@@ -194,7 +195,7 @@ const Me = te(
       },
       [u, v]
     );
-    ve(() => {
+    he(() => {
       a.current.forEach((n, o) => {
         o < c.length && n.style.setProperty("--panel-self-size", `${c[o]}%`);
       });
@@ -210,7 +211,7 @@ const Me = te(
       a.current.delete(n);
     }, []), M = X((n) => {
       l(n);
-    }, []), _ = Pe({ direction: e, className: C }), Q = {
+    }, []), I = Pe({ direction: e, className: C }), Q = {
       direction: e,
       sizes: c,
       liveSizesRef: h,
@@ -234,7 +235,7 @@ const Me = te(
       "div",
       {
         ref: W,
-        className: _,
+        className: I,
         "data-component": "resizable",
         "data-component-id": f,
         "data-panel-group": !0,
@@ -278,8 +279,8 @@ const ue = ee(
           if (Math.abs(N) < 1e-3) return;
           const P = [...x];
           P[e] = h;
-          const F = x.map((M, _) => _).filter((M) => M !== e), j = F.reduce(
-            (M, _) => M + (x[_] ?? 0),
+          const F = x.map((M, I) => I).filter((M) => M !== e), j = F.reduce(
+            (M, I) => M + (x[I] ?? 0),
             0
           );
           F.forEach((M) => {
@@ -312,7 +313,7 @@ const ue = ee(
 ue.displayName = "Panel";
 const fe = ee(
   ({ _handleIndex: e = 0, className: u }, f) => {
-    const { t: v, i18n: C } = he(), {
+    const { t: v, i18n: C } = Se(), {
       direction: r,
       sizes: p,
       liveSizesRef: g,
@@ -348,15 +349,15 @@ const fe = ee(
       if (!c.current) return;
       const { startX: i, startY: y, startSizes: S, groupRect: T } = c.current, H = r === "horizontal", Y = H ? T.width : T.height;
       if (Y === 0) return;
-      const B = H ? t.clientX - i : t.clientY - y, J = (H && F() ? -B : B) / Y * 100, I = ke(
+      const B = H ? t.clientX - i : t.clientY - y, J = (H && F() ? -B : B) / Y * 100, G = ke(
         S,
         e,
         J,
         s,
         Y
       );
-      if (m(I), N.current) {
-        const k = Math.round(I[e]);
+      if (m(G), N.current) {
+        const k = Math.round(G[e]);
         N.current.setAttribute("aria-valuenow", String(k)), N.current.setAttribute(
           "aria-valuetext",
           new Intl.NumberFormat(C.language, { style: "percent" }).format(
@@ -364,8 +365,8 @@ const fe = ee(
           )
         );
       }
-      P(I[e]);
-    }, _ = (t) => {
+      P(G[e]);
+    }, I = (t) => {
       if (!c.current) return;
       t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), c.current = null, E(!1);
       const i = g.current;
@@ -387,7 +388,7 @@ const fe = ee(
         if (z <= 0) return null;
         const b = [...R];
         return b[i] += z, b[y] -= z, b;
-      }, I = (w = B) => {
+      }, G = (w = B) => {
         const z = S.collapsible ? S.collapsedSize : S.minSize, b = Math.min(w, R[i] - z);
         if (b <= 0) return null;
         const K = [...R];
@@ -397,11 +398,11 @@ const fe = ee(
       switch (t.key) {
         case "ArrowRight":
           if (!H) break;
-          t.preventDefault(), k = Y ? I() : J();
+          t.preventDefault(), k = Y ? G() : J();
           break;
         case "ArrowLeft":
           if (!H) break;
-          t.preventDefault(), k = Y ? J() : I();
+          t.preventDefault(), k = Y ? J() : G();
           break;
         case "ArrowDown":
           if (H) break;
@@ -409,7 +410,7 @@ const fe = ee(
           break;
         case "ArrowUp":
           if (H) break;
-          t.preventDefault(), k = I();
+          t.preventDefault(), k = G();
           break;
         case "Home": {
           t.preventDefault();
@@ -463,7 +464,7 @@ const fe = ee(
           className: Me({ orientation: q, className: u }),
           onPointerDown: j,
           onPointerMove: M,
-          onPointerUp: _,
+          onPointerUp: I,
           onPointerCancel: Q,
           onKeyDown: W
         }
@@ -480,4 +481,4 @@ export {
   Re as r,
   le as u
 };
-//# sourceMappingURL=resizable-COV-cnth.js.map
+//# sourceMappingURL=resizable-3vzqDlg6.js.map

package/dist/_chunks/{reviews-panel-bKEUKSic.js → reviews-panel-yanuBZs-.js}

@@ -2,11 +2,11 @@ import { jsx as s, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as G, useState as _, useCallback as L, useMemo as C, useRef as V, useImperativeHandle as J, useId as B, useEffect as Q } from "react";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { u as W } from "./registry-C9nwlNyL.js";
+import { u as W } from "./registry-nPAVE19X.js";
 import { R as N } from "./rating-BRD7O74e.js";
 import { C as A } from "./card-DKTMLVrw.js";
-import { C as X, b as Y, a as Z } from "./collapsible-hHiyZp0b.js";
-import { D as l } from "./description-list-CWjnaDGn.js";
+import { C as X, b as Y, a as Z } from "./collapsible-CERONory.js";
+import { D as l } from "./description-list-BEbK2g93.js";
 import { E as ee } from "./empty-state-BLy7tigq.js";
 import { S as T } from "./skeleton-CZbwyJAA.js";
 import { B as se } from "./button-DD_0Xdmr.js";
@@ -530,4 +530,4 @@ export {
   oe as R,
   re as r
 };
-//# sourceMappingURL=reviews-panel-bKEUKSic.js.map
+//# sourceMappingURL=reviews-panel-yanuBZs-.js.map

package/dist/_chunks/{rich-text-editor-J-wAz9eN.js → rich-text-editor-CHmr9Bz8.js}

@@ -13,7 +13,7 @@ import be from "./purify.es-Cm3utOpm.js";
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import * as z from "@radix-ui/react-dialog";
-import { u as pe } from "./registry-C9nwlNyL.js";
+import { u as pe } from "./registry-nPAVE19X.js";
 import { s as ge } from "./safe-image-src-DstKgCo7.js";
 import { X as ve } from "./x-CCcI3eJp.js";
 import { C as ke } from "./chevron-down-BX_NP2Yh.js";
@@ -928,4 +928,4 @@ export {
   G as t,
   Ue as w
 };
-//# sourceMappingURL=rich-text-editor-J-wAz9eN.js.map
+//# sourceMappingURL=rich-text-editor-CHmr9Bz8.js.map