@alfadocs/ui-kit-debug 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/recaptcha-widget-CFYyLSEX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recaptcha-widget-CFYyLSEX.js","sources":["../../src/components/recaptcha-widget/recaptcha-widget.agent.ts","../../src/components/recaptcha-widget/recaptcha-widget.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — RecaptchaWidget.                                       */\n/*                                                                        */\n/* Recaptcha already exposes a curated `RecaptchaWidgetHandle` via        */\n/* useImperativeHandle. The adapter wires `execute` (issue token, write)  */\n/* and `reset` (clear token, destructive) into that existing handle.      */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { RecaptchaWidgetHandle } from './recaptcha-widget';\n\nexport const recaptchaWidgetAgent: AgentAdapter<RecaptchaWidgetHandle> = {\n  id: 'recaptcha-widget',\n  capabilities: ['submit'],\n  state: {\n    hasToken: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.recaptchaWidget.state.hasToken',\n      description:\n        'True when the widget currently holds a valid verification token.',\n      read: (handle) => handle.getResponse().length > 0,\n    },\n  },\n  actions: {\n    execute: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.execute',\n      description:\n        'Programmatically trigger the captcha challenge. Issues a token via the callback.',\n      invoke: (handle) => {\n        handle.execute();\n      },\n    },\n    reset: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.recaptchaWidget.actions.reset',\n      description:\n        'Clear the current token and re-roll the captcha. Irreversible.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'recaptcha-widget',\n      description: 'Marks the RecaptchaWidget wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop (or the surrounding FormField id).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useTheme } from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { recaptchaWidgetAgent } from './recaptcha-widget.agent';\n\n/* ------------------------------------------------------------------ */\n/* Loader — idempotent across instances                                */\n/* ------------------------------------------------------------------ */\n\n/**\n * Google reCAPTCHA v2 ships as a global `grecaptcha` object loaded from\n * `https://www.google.com/recaptcha/api.js`. We lazy-load the script\n * once per page using a shared promise so N widgets on the same form\n * (or N renders of a single widget) all wait on the same fetch.\n *\n * The `?render=explicit` query parameter is required so we control\n * when each widget mounts via `grecaptcha.render`, rather than letting\n * the global auto-bind to every `.g-recaptcha` div on the page.\n */\nconst SCRIPT_SRC = 'https://www.google.com/recaptcha/api.js';\nconst SCRIPT_ID = 'alfadocs-ui-recaptcha-loader';\nconst FOREIGN_LOADER_GRACE_MS = 10_000;\nconst POLL_INTERVAL_MS = 100;\n\ninterface RecaptchaApi {\n  render: (\n    container: HTMLElement,\n    parameters: {\n      sitekey: string;\n      theme?: 'light' | 'dark';\n      size?: 'normal' | 'compact' | 'invisible';\n      hl?: string;\n      callback?: (token: string) => void;\n      'expired-callback'?: () => void;\n      'error-callback'?: () => void;\n    },\n  ) => number;\n  reset: (widgetId?: number) => void;\n  getResponse: (widgetId?: number) => string;\n  execute: (widgetId?: number) => void;\n}\n\ndeclare global {\n  interface Window {\n    grecaptcha?: RecaptchaApi;\n    ___grecaptchaOnLoad___?: () => void;\n  }\n}\n\nlet loaderPromise: Promise<RecaptchaApi> | null = null;\n\nfunction loadRecaptcha(hl: string | undefined): Promise<RecaptchaApi> {\n  if (typeof window === 'undefined') {\n    return Promise.reject(new Error('recaptcha: window is not available'));\n  }\n  if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n    return Promise.resolve(window.grecaptcha);\n  }\n  if (loaderPromise) {\n    return loaderPromise;\n  }\n\n  loaderPromise = new Promise<RecaptchaApi>((resolve, reject) => {\n    const existing = document.getElementById(\n      SCRIPT_ID,\n    ) as HTMLScriptElement | null;\n\n    const onReady = () => {\n      if (window.grecaptcha && typeof window.grecaptcha.render === 'function') {\n        resolve(window.grecaptcha);\n      } else {\n        reject(new Error('recaptcha: grecaptcha global missing after load'));\n      }\n    };\n\n    window.___grecaptchaOnLoad___ = onReady;\n\n    if (existing) {\n      // Foreign loader present (e.g. host page already injected\n      // api.js without ?onload=). Poll for grecaptcha; if it never\n      // arrives, inject our own redundant loader with a fresh onload.\n      let pollHandle: ReturnType<typeof setInterval> | null = null;\n      let timeoutHandle: ReturnType<typeof setTimeout> | null = null;\n      const clearTimers = () => {\n        if (pollHandle !== null) clearInterval(pollHandle);\n        if (timeoutHandle !== null) clearTimeout(timeoutHandle);\n        pollHandle = null;\n        timeoutHandle = null;\n      };\n      pollHandle = setInterval(() => {\n        if (\n          window.grecaptcha &&\n          typeof window.grecaptcha.render === 'function'\n        ) {\n          clearTimers();\n          resolve(window.grecaptcha);\n        }\n      }, POLL_INTERVAL_MS);\n      timeoutHandle = setTimeout(() => {\n        clearTimers();\n        if (\n          window.grecaptcha &&\n          typeof window.grecaptcha.render === 'function'\n        ) {\n          resolve(window.grecaptcha);\n          return;\n        }\n        // Foreign loader didn't deliver in time — inject our own.\n        const fallbackCb = `___grecaptchaOnLoad___fallback_${Date.now()}___`;\n        (window as unknown as Record<string, () => void>)[fallbackCb] = () => {\n          delete (window as unknown as Record<string, () => void>)[fallbackCb];\n          if (\n            window.grecaptcha &&\n            typeof window.grecaptcha.render === 'function'\n          ) {\n            resolve(window.grecaptcha);\n          } else {\n            reject(\n              new Error('recaptcha: grecaptcha global missing after fallback'),\n            );\n          }\n        };\n        const fallbackParams = new URLSearchParams({\n          onload: fallbackCb,\n          render: 'explicit',\n        });\n        if (hl) fallbackParams.set('hl', hl);\n        const fallbackScript = document.createElement('script');\n        fallbackScript.src = `${SCRIPT_SRC}?${fallbackParams.toString()}`;\n        fallbackScript.async = true;\n        fallbackScript.defer = true;\n        fallbackScript.onerror = () => {\n          delete (window as unknown as Record<string, () => void>)[fallbackCb];\n          loaderPromise = null;\n          reject(new Error('recaptcha: fallback script failed to load'));\n        };\n        document.head.appendChild(fallbackScript);\n      }, FOREIGN_LOADER_GRACE_MS);\n      return;\n    }\n\n    const params = new URLSearchParams({\n      onload: '___grecaptchaOnLoad___',\n      render: 'explicit',\n    });\n    if (hl) params.set('hl', hl);\n\n    const script = document.createElement('script');\n    script.id = SCRIPT_ID;\n    script.src = `${SCRIPT_SRC}?${params.toString()}`;\n    script.async = true;\n    script.defer = true;\n    script.onerror = () => {\n      loaderPromise = null;\n      reject(new Error('recaptcha: script failed to load'));\n    };\n    document.head.appendChild(script);\n  });\n\n  return loaderPromise;\n}\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface RecaptchaWidgetHandle {\n  /** Re-roll the captcha — clears the response token. */\n  reset: () => void;\n  /** Returns the current response token, or empty string when unsolved. */\n  getResponse: () => string;\n  /** Programmatically trigger an invisible captcha challenge. */\n  execute: () => void;\n}\n\nexport interface RecaptchaWidgetProps {\n  /** Google reCAPTCHA v2 site key. Required. */\n  siteKey: string;\n  /**\n   * Visual theme. Defaults to the resolved DS theme (`useTheme`).\n   * Pass `'light'` / `'dark'` to force.\n   */\n  theme?: 'light' | 'dark';\n  /** Two-letter locale hint. Defaults to the current i18next language. */\n  locale?: string;\n  /** Widget size. */\n  size?: 'normal' | 'compact' | 'invisible';\n  /** Called with the verification token, or `null` when expired/reset. */\n  onChange?: (token: string | null) => void;\n  /** Called when the user solves but the token then times out. */\n  onExpired?: () => void;\n  /** Called when the script or challenge errors out. */\n  onError?: () => void;\n  /** Error message — wires aria-describedby + announces via the live region. */\n  error?: string;\n  /** Override the DOM id; defaults to the surrounding FormField id. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const RecaptchaWidget = forwardRef<\n  RecaptchaWidgetHandle,\n  RecaptchaWidgetProps\n>(function RecaptchaWidget(\n  {\n    siteKey,\n    theme,\n    locale,\n    size = 'normal',\n    onChange,\n    onExpired,\n    onError,\n    error,\n    id,\n    className,\n  },\n  ref,\n) {\n  const { t, i18n } = useTranslation();\n  const formField = useFormField();\n  const { resolvedTheme } = useTheme();\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const widgetIdRef = useRef<number | null>(null);\n  const apiRef = useRef<RecaptchaApi | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string>('');\n\n  const wrapperId = id ?? formField.id;\n  const errorId = error ? `${wrapperId}-error` : undefined;\n  const describedBy =\n    [formField.describedBy, errorId].filter(Boolean).join(' ') || undefined;\n\n  // Mirror the DS theme into reCAPTCHA's two-tone setting.\n  const effectiveTheme: 'light' | 'dark' =\n    theme ?? (resolvedTheme.startsWith('dark') ? 'dark' : 'light');\n  const effectiveLocale = locale ?? i18n.language;\n\n  // Stable callbacks via refs so we don't re-render the widget on\n  // every parent state change.\n  const onChangeRef = useRef(onChange);\n  const onExpiredRef = useRef(onExpired);\n  const onErrorRef = useRef(onError);\n  onChangeRef.current = onChange;\n  onExpiredRef.current = onExpired;\n  onErrorRef.current = onError;\n\n  const expiredLabel = t(\n    'inputs.recaptcha.expired',\n    'Verification expired — please retry.',\n  );\n  const errorLabel = t(\n    'inputs.recaptcha.error',\n    'Verification failed — please retry.',\n  );\n\n  useEffect(() => {\n    if (!siteKey || !containerRef.current) return;\n    let cancelled = false;\n\n    loadRecaptcha(effectiveLocale)\n      .then((api) => {\n        if (cancelled || !containerRef.current) return;\n        apiRef.current = api;\n        widgetIdRef.current = api.render(containerRef.current, {\n          sitekey: siteKey,\n          theme: effectiveTheme,\n          size,\n          hl: effectiveLocale,\n          callback: (token) => {\n            setStatusMessage('');\n            onChangeRef.current?.(token);\n          },\n          'expired-callback': () => {\n            setStatusMessage(expiredLabel);\n            onChangeRef.current?.(null);\n            onExpiredRef.current?.();\n          },\n          'error-callback': () => {\n            setStatusMessage(errorLabel);\n            onChangeRef.current?.(null);\n            onErrorRef.current?.();\n          },\n        });\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setStatusMessage(errorLabel);\n        onErrorRef.current?.();\n      });\n\n    return () => {\n      cancelled = true;\n      // grecaptcha has no public destroy. The shared script stays\n      // loaded; we reset the widget so its iframe stops listening.\n      if (apiRef.current && widgetIdRef.current !== null) {\n        try {\n          apiRef.current.reset(widgetIdRef.current);\n        } catch {\n          /* widget id may already be invalid — safe to ignore. */\n        }\n      }\n    };\n    // Re-render the widget when the underlying configuration changes.\n  }, [\n    siteKey,\n    effectiveTheme,\n    effectiveLocale,\n    size,\n    expiredLabel,\n    errorLabel,\n  ]);\n\n  const agentHandle = useMemo<RecaptchaWidgetHandle>(\n    () => ({\n      reset: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.reset(widgetIdRef.current);\n          setStatusMessage('');\n          onChangeRef.current?.(null);\n        }\n      },\n      getResponse: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          return apiRef.current.getResponse(widgetIdRef.current);\n        }\n        return '';\n      },\n      execute: () => {\n        if (apiRef.current && widgetIdRef.current !== null) {\n          apiRef.current.execute(widgetIdRef.current);\n        }\n      },\n    }),\n    [],\n  );\n  useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n  useAgentRegistration(recaptchaWidgetAgent, agentHandle, wrapperId);\n\n  const liveMessage = error || statusMessage;\n  // For invisible widgets the iframe is offscreen, so we mark the\n  // wrapper as a non-visual badge. Otherwise the wrapper just hosts\n  // the rendered iframe and contributes no interactive role itself.\n  const wrapperRole = size === 'invisible' ? 'presentation' : undefined;\n\n  return (\n    <div\n      className={[\n        'ds:inline-block',\n        // Keep the iframe inside the wrapper's stacking context so\n        // popovers etc. above the form continue to overlay correctly.\n        'ds:relative ds:isolate',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-component=\"recaptcha-widget\"\n      data-component-id={wrapperId}\n      data-size={size}\n      role={wrapperRole}\n    >\n      <div\n        ref={containerRef}\n        id={wrapperId}\n        // The class name is the canonical hook Google's verifier\n        // looks for when the page form is submitted server-side. Some\n        // Symfony / Laravel validators short-circuit when this class\n        // is missing, so we render it even though we're using\n        // grecaptcha.render explicitly.\n        className=\"g-recaptcha\"\n        data-sitekey={siteKey}\n        data-theme={effectiveTheme}\n        data-size={size}\n        aria-describedby={describedBy}\n        aria-invalid={error || formField.invalid ? true : undefined}\n      />\n      {/* Live announcement for expired / error states. Empty when the\n          widget is healthy so SR users aren't spammed. */}\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"ds:sr-only\"\n      >\n        {liveMessage}\n      </div>\n    </div>\n  );\n});\n\nRecaptchaWidget.displayName = 'RecaptchaWidget';\n"],"names":["recaptchaWidgetAgent","handle","SCRIPT_SRC","SCRIPT_ID","FOREIGN_LOADER_GRACE_MS","POLL_INTERVAL_MS","loaderPromise","loadRecaptcha","hl","resolve","reject","existing","onReady","pollHandle","timeoutHandle","clearTimers","fallbackCb","fallbackParams","fallbackScript","params","script","RecaptchaWidget","forwardRef","siteKey","theme","locale","size","onChange","onExpired","onError","error","id","className","ref","t","i18n","useTranslation","formField","useFormField","resolvedTheme","useTheme","containerRef","useRef","widgetIdRef","apiRef","statusMessage","setStatusMessage","useState","wrapperId","errorId","describedBy","effectiveTheme","effectiveLocale","onChangeRef","onExpiredRef","onErrorRef","expiredLabel","errorLabel","useEffect","cancelled","api","token","_a","_b","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","liveMessage","wrapperRole","jsxs","jsx"],"mappings":"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"}

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/registry-nPAVE19X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-nPAVE19X.js","sources":["../../src/agent/registry.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent runtime registry — interface only.                               */\n/*                                                                        */\n/* The kit declares the registry shape and a no-op subscription hook.     */\n/* The platform-side UI bridge mounts the actual registry at app root and */\n/* consumes the registrations to drive components from a future MCP       */\n/* server. With no registry mounted, `useAgentRegistration` is a no-op.   */\n/* -------------------------------------------------------------------- */\n\nimport { useEffect } from 'react';\nimport type { AgentAdapter } from './types';\n\nexport interface AgentRegistration<THandle = unknown> {\n  id: string;\n  instanceId: string;\n  handle: THandle;\n  adapter: AgentAdapter<THandle>;\n}\n\nexport interface AgentRegistry {\n  register: (registration: AgentRegistration) => void;\n  unregister: (id: string, instanceId: string) => void;\n}\n\n// Local type for the registry slot — avoids `declare global` leaking\n// into consumer Window types via the published .d.ts bundle.\ntype AgentGlobal = { __alfadocs_agent?: AgentRegistry };\n\n/**\n * Register a live component instance with the host agent registry, if one\n * is mounted. No-op when `globalThis.__alfadocs_agent` is undefined, so the\n * call is safe to add unconditionally inside any kit component.\n *\n * Re-registers when `instanceId` or `handle` changes; deregisters on\n * unmount.\n */\nexport function useAgentRegistration<THandle>(\n  adapter: AgentAdapter<THandle>,\n  handle: THandle | null | undefined,\n  instanceId: string | null | undefined,\n): void {\n  useEffect(() => {\n    if (typeof globalThis === 'undefined') return;\n    const slot = globalThis as AgentGlobal;\n    const registry = slot.__alfadocs_agent;\n    if (!registry || !instanceId || handle == null) return;\n\n    const registration: AgentRegistration<THandle> = {\n      id: adapter.id,\n      instanceId,\n      handle,\n      adapter,\n    };\n    registry.register(registration as AgentRegistration);\n\n    return () => {\n      registry.unregister(adapter.id, instanceId);\n    };\n  }, [adapter, handle, instanceId]);\n}\n"],"names":["useAgentRegistration","adapter","handle","instanceId","useEffect","registry","registration"],"mappings":";AAoCO,SAASA,EACdC,GACAC,GACAC,GACM;AACN,EAAAC,EAAU,MAAM;AACd,QAAI,OAAO,aAAe,IAAa;AAEvC,UAAMC,IADO,WACS;AACtB,QAAI,CAACA,KAAY,CAACF,KAAcD,KAAU,KAAM;AAEhD,UAAMI,IAA2C;AAAA,MAC/C,IAAIL,EAAQ;AAAA,MACZ,YAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAAAD;AAAA,IAAA;AAEF,WAAAI,EAAS,SAASC,CAAiC,GAE5C,MAAM;AACX,MAAAD,EAAS,WAAWJ,EAAQ,IAAIE,CAAU;AAAA,IAC5C;AAAA,EACF,GAAG,CAACF,GAASC,GAAQC,CAAU,CAAC;AAClC;"}

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/resizable-3vzqDlg6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-3vzqDlg6.js","sources":["../../src/components/resizable/resizable-context.ts","../../src/components/resizable/resizable.agent.ts","../../src/components/resizable/resizable.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type MutableRefObject,\n  type RefObject,\n} from 'react';\n\nexport interface PanelConfig {\n  id: string;\n  index: number;\n  defaultSize: number;\n  minSize: number;\n  maxSize: number;\n  collapsible: boolean;\n  collapsedSize: number;\n}\n\nexport interface ResizableContextShape {\n  direction: 'horizontal' | 'vertical';\n  sizes: number[];\n  liveSizesRef: MutableRefObject<number[]>;\n  panels: PanelConfig[];\n  groupRef: RefObject<HTMLDivElement>;\n  updateSizesImperative: (newSizes: number[]) => void;\n  commitSizes: (newSizes: number[]) => void;\n  registerPanelElement: (index: number, el: HTMLDivElement) => void;\n  unregisterPanelElement: (index: number) => void;\n  setAnnounceText: (text: string) => void;\n}\n\nexport const ResizableContext = createContext<ResizableContextShape | null>(\n  null,\n);\n\nexport function useResizable(): ResizableContextShape {\n  const ctx = useContext(ResizableContext);\n  if (!ctx) {\n    throw new Error('useResizable must be used within a PanelGroup');\n  }\n  return ctx;\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — Resizable.                                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ResizableHandle } from './resizable';\n\nexport const resizableAgent: AgentAdapter<ResizableHandle> = {\n  id: 'resizable',\n  capabilities: ['range_navigate'],\n  state: {\n    sizes: {\n      type: 'number[]',\n      description: 'Current per-panel sizes as percentages of the group.',\n      read: (handle) => handle.getSizes(),\n    },\n  },\n  actions: {\n    set_sizes: {\n      safety: 'read',\n      argsType: '{ sizes: number[] }',\n      description: 'Replace the panel sizes (percentages, summing to 100).',\n      invoke: (handle, args: { sizes: number[] }) => {\n        handle.setSizes(args.sizes);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'resizable' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on PanelGroup.',\n    },\n    item: {\n      attr: 'data-panel-id',\n      description:\n        'Each Panel forwards its `id` to react-resizable-panels which emits it as `data-panel-id`.',\n    },\n  },\n};\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n  type PointerEvent as ReactPointerEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ResizableContext,\n  useResizable,\n  type PanelConfig,\n} from './resizable-context';\nimport { useAgentRegistration } from '../../agent';\nimport { resizableAgent } from './resizable.agent';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n// ─── storage ──────────────────────────────────────────────────────────────────\n\nconst STORAGE_PREFIX = 'ui-kit:resizable:';\n\nfunction loadFromStorage(groupId: string | undefined): number[] | null {\n  if (!groupId) return null;\n  try {\n    const raw = localStorage.getItem(`${STORAGE_PREFIX}${groupId}`);\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as { v: number; sizes: number[] };\n    if (parsed.v !== 1 || !Array.isArray(parsed.sizes)) return null;\n    return parsed.sizes;\n  } catch {\n    return null;\n  }\n}\n\nfunction saveToStorage(groupId: string, sizes: number[]): void {\n  try {\n    localStorage.setItem(\n      `${STORAGE_PREFIX}${groupId}`,\n      JSON.stringify({ v: 1, sizes }),\n    );\n  } catch {\n    // QuotaExceeded or private mode\n  }\n}\n\n// ─── size helpers ─────────────────────────────────────────────────────────────\n\nfunction normalizeSizes(raw: number[]): number[] {\n  const total = raw.reduce((a, b) => a + b, 0);\n  if (total === 0) return raw.map(() => 100 / raw.length);\n  return raw.map((s) => (s / total) * 100);\n}\n\nfunction computeNewSizes(\n  currentSizes: number[],\n  handleIndex: number,\n  deltaPercent: number,\n  panels: PanelConfig[],\n  groupSizePx: number,\n): number[] {\n  const sizes = [...currentSizes];\n  const li = handleIndex;\n  const ri = handleIndex + 1;\n  if (li >= sizes.length || ri >= sizes.length) return sizes;\n\n  const lc = panels[li];\n  const rc = panels[ri];\n  const total = sizes[li] + sizes[ri];\n  const collapseThreshold = groupSizePx > 0 ? (20 / groupSizePx) * 100 : 2;\n\n  let newLeft = sizes[li] + deltaPercent;\n  let newRight = total - newLeft;\n\n  if (lc.collapsible && newLeft < lc.minSize) {\n    if (newLeft < lc.minSize - collapseThreshold) {\n      sizes[li] = lc.collapsedSize;\n      sizes[ri] = total - lc.collapsedSize;\n      return sizes;\n    }\n    newLeft = lc.minSize;\n    newRight = total - newLeft;\n  }\n\n  if (rc.collapsible && newRight < rc.minSize) {\n    if (newRight < rc.minSize - collapseThreshold) {\n      sizes[ri] = rc.collapsedSize;\n      sizes[li] = total - rc.collapsedSize;\n      return sizes;\n    }\n    newRight = rc.minSize;\n    newLeft = total - newRight;\n  }\n\n  const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n  const rMin = rc.collapsible ? rc.collapsedSize : rc.minSize;\n\n  newLeft = Math.max(lMin, Math.min(lc.maxSize, newLeft));\n  newRight = total - newLeft;\n  newRight = Math.max(rMin, Math.min(rc.maxSize, newRight));\n  newLeft = total - newRight;\n  newLeft = Math.max(lMin, Math.min(lc.maxSize, newLeft));\n\n  sizes[li] = Math.max(0, newLeft);\n  sizes[ri] = Math.max(0, total - sizes[li]);\n  return sizes;\n}\n\n// ─── Handle CVA ──────────────────────────────────────────────────────────────\n// calc with underscores for Tailwind arbitrary value spaces\n// Extends hit area to --min-target-size via ::before pseudo-element\n\nconst handleVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:select-none',\n    'ds:bg-[var(--border)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:hover:bg-[var(--accent)] ds:data-[dragging]:bg-[var(--accent)]',\n    \"ds:before:absolute ds:before:content-['']\",\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize ds:[block-size:100%]',\n          'ds:before:[block-size:100%]',\n          'ds:before:[inline-size:var(--min-target-size)]',\n          'ds:before:[inset-block:0]',\n          'ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n        ],\n        vertical: [\n          'ds:[block-size:var(--resizable-handle-size)] ds:cursor-row-resize ds:[inline-size:100%]',\n          'ds:before:[inline-size:100%]',\n          'ds:before:[block-size:var(--min-target-size)]',\n          'ds:before:[inset-inline:0]',\n          'ds:before:[inset-block:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n        ],\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\n// ─── PanelGroup CVA ──────────────────────────────────────────────────────────\n\nconst panelGroupVariants = cva('ds:flex ds:overflow-hidden', {\n  variants: {\n    direction: {\n      horizontal: 'ds:flex-row',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: { direction: 'horizontal' },\n});\n\n// ─── Panel CVA ────────────────────────────────────────────────────────────────\n\nconst panelVariants = cva(\n  'ds:[flex:0_0_var(--panel-self-size,50%)] ds:overflow-auto',\n  {\n    variants: {\n      direction: {\n        horizontal: 'ds:[min-inline-size:0]',\n        vertical: 'ds:[min-block-size:0]',\n      },\n    },\n    defaultVariants: { direction: 'horizontal' },\n  },\n);\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface PanelGroupProps {\n  direction: 'horizontal' | 'vertical';\n  groupId?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  onLayout?: (sizes: number[]) => void;\n  className?: string;\n  children: ReactNode;\n}\n\n// Curated agent-readiness handle — see resizable.agent.ts.\nexport interface ResizableHandle {\n  getSizes: () => number[];\n  setSizes: (sizes: number[]) => void;\n}\n\nexport interface PanelHandle {\n  resize: (size: number) => void;\n}\n\nexport interface PanelProps {\n  defaultSize: number;\n  minSize?: number;\n  maxSize?: number;\n  collapsible?: boolean;\n  collapsedSize?: number;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface HandleProps {\n  className?: string;\n}\n\n// Internal injection (not exported)\ntype PanelInternalProps = PanelProps & {\n  _panelIndex?: number;\n  _panelId?: string;\n};\n\ntype HandleInternalProps = HandleProps & {\n  _handleIndex?: number;\n};\n\n// ─── PanelGroup ───────────────────────────────────────────────────────────────\n\nexport const PanelGroup = forwardRef<HTMLDivElement, PanelGroupProps>(\n  ({ direction, groupId, id, onLayout, className, children }, outerRef) => {\n    const baseId = useId();\n    const groupRef = useRef<HTMLDivElement>(null!);\n    const panelElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n    const storageTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const [announceText, setAnnounceText] = useState('');\n\n    // Walk children to extract panel configs and inject internal indices\n    const { panelConfigs, processedChildren } = useMemo(() => {\n      const configs: PanelConfig[] = [];\n      let panelIdx = 0;\n      let handleIdx = 0;\n\n      const walk = (child: ReactNode): ReactNode => {\n        if (!isValidElement(child)) return child;\n        if (child.type === Panel) {\n          const idx = panelIdx;\n          const p = child.props as PanelProps;\n          configs.push({\n            id: `${baseId}-panel-${idx}`,\n            index: idx,\n            defaultSize: p.defaultSize,\n            minSize: p.minSize ?? 10,\n            maxSize: p.maxSize ?? 90,\n            collapsible: p.collapsible ?? false,\n            collapsedSize: p.collapsedSize ?? 0,\n          });\n          panelIdx++;\n          return cloneElement(child as ReactElement<PanelInternalProps>, {\n            _panelIndex: idx,\n            _panelId: `${baseId}-panel-${idx}`,\n          });\n        }\n        if (child.type === Handle) {\n          const idx = handleIdx++;\n          return cloneElement(child as ReactElement<HandleInternalProps>, {\n            _handleIndex: idx,\n          });\n        }\n        return child;\n      };\n\n      return {\n        panelConfigs: configs,\n        processedChildren: Children.map(children, walk),\n      };\n    }, [children, baseId]);\n\n    // Initial sizes from storage or defaults\n    const [committedSizes, setCommittedSizes] = useState<number[]>(() => {\n      if (panelConfigs.length === 0) return [];\n      const stored = loadFromStorage(groupId);\n      if (stored && stored.length === panelConfigs.length) return stored;\n      return normalizeSizes(panelConfigs.map((p) => p.defaultSize));\n    });\n\n    const liveSizesRef = useRef<number[]>(committedSizes);\n\n    useEffect(() => {\n      liveSizesRef.current = committedSizes;\n    }, [committedSizes]);\n\n    const updateSizesImperative = useCallback((newSizes: number[]) => {\n      liveSizesRef.current = newSizes;\n      panelElementsRef.current.forEach((el, idx) => {\n        if (idx < newSizes.length) {\n          el.style.setProperty('--panel-self-size', `${newSizes[idx]}%`);\n        }\n      });\n    }, []);\n\n    const commitSizes = useCallback(\n      (newSizes: number[]) => {\n        liveSizesRef.current = newSizes;\n        setCommittedSizes(newSizes);\n        onLayout?.(newSizes);\n        if (groupId) {\n          if (storageTimeoutRef.current)\n            clearTimeout(storageTimeoutRef.current);\n          storageTimeoutRef.current = setTimeout(\n            () => saveToStorage(groupId, newSizes),\n            120,\n          );\n        }\n      },\n      [groupId, onLayout],\n    );\n\n    // Apply CSS vars to panel elements when committed sizes change\n    useIsomorphicLayoutEffect(() => {\n      panelElementsRef.current.forEach((el, idx) => {\n        if (idx < committedSizes.length) {\n          el.style.setProperty('--panel-self-size', `${committedSizes[idx]}%`);\n        }\n      });\n    }, [committedSizes]);\n\n    const registerPanelElement = useCallback(\n      (index: number, el: HTMLDivElement) => {\n        panelElementsRef.current.set(index, el);\n        const size = liveSizesRef.current[index];\n        if (size !== undefined) {\n          el.style.setProperty('--panel-self-size', `${size}%`);\n        }\n      },\n      [],\n    );\n\n    const unregisterPanelElement = useCallback((index: number) => {\n      panelElementsRef.current.delete(index);\n    }, []);\n\n    const setAnnounceCb = useCallback((text: string) => {\n      setAnnounceText(text);\n    }, []);\n\n    const containerClass = panelGroupVariants({ direction, className });\n\n    const ctxValue = {\n      direction,\n      sizes: committedSizes,\n      liveSizesRef,\n      panels: panelConfigs,\n      groupRef,\n      updateSizesImperative,\n      commitSizes,\n      registerPanelElement,\n      unregisterPanelElement,\n      setAnnounceText: setAnnounceCb,\n    };\n\n    const setRef = (el: HTMLDivElement | null) => {\n      (groupRef as MutableRefObject<HTMLDivElement | null>).current = el;\n      if (typeof outerRef === 'function') outerRef(el);\n      else if (outerRef) outerRef.current = el;\n    };\n\n    // Agent handle for the root PanelGroup.\n    const agentHandle = useMemo<ResizableHandle>(\n      () => ({\n        getSizes: () => [...liveSizesRef.current],\n        setSizes: (next) => commitSizes(normalizeSizes(next)),\n      }),\n      [commitSizes],\n    );\n    useAgentRegistration(resizableAgent, agentHandle, id);\n\n    return (\n      <ResizableContext.Provider value={ctxValue}>\n        <div\n          ref={setRef}\n          className={containerClass}\n          data-component=\"resizable\"\n          data-component-id={id}\n          data-panel-group\n          data-direction={direction}\n        >\n          {processedChildren}\n          <span className=\"ds:sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n            {announceText}\n          </span>\n        </div>\n      </ResizableContext.Provider>\n    );\n  },\n);\n\nPanelGroup.displayName = 'PanelGroup';\n\n// ─── Panel ────────────────────────────────────────────────────────────────────\n\nexport const Panel = forwardRef<PanelHandle, PanelInternalProps>(\n  (\n    {\n      _panelIndex = 0,\n      _panelId,\n      minSize = 10,\n      maxSize = 90,\n      children,\n      className,\n    },\n    ref,\n  ) => {\n    const {\n      direction,\n      liveSizesRef,\n      panels,\n      updateSizesImperative,\n      commitSizes,\n      registerPanelElement,\n      unregisterPanelElement,\n    } = useResizable();\n\n    const panelRef = useRef<HTMLDivElement>(null!);\n\n    useEffect(() => {\n      const el = panelRef.current;\n      if (!el) return;\n      registerPanelElement(_panelIndex, el);\n      return () => unregisterPanelElement(_panelIndex);\n    }, [_panelIndex, registerPanelElement, unregisterPanelElement]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        resize: (newSize: number) => {\n          const currentSizes = [...liveSizesRef.current];\n          const clamped = Math.max(minSize, Math.min(maxSize, newSize));\n          const diff = clamped - (currentSizes[_panelIndex] ?? 0);\n          if (Math.abs(diff) < 0.001) return;\n\n          const newSizes = [...currentSizes];\n          newSizes[_panelIndex] = clamped;\n\n          const otherIndices = currentSizes\n            .map((_, i) => i)\n            .filter((i) => i !== _panelIndex);\n          const otherTotal = otherIndices.reduce(\n            (s, i) => s + (currentSizes[i] ?? 0),\n            0,\n          );\n          otherIndices.forEach((i) => {\n            newSizes[i] =\n              otherTotal > 0\n                ? (currentSizes[i] ?? 0) -\n                  diff * ((currentSizes[i] ?? 0) / otherTotal)\n                : (currentSizes[i] ?? 0) - diff / otherIndices.length;\n          });\n\n          updateSizesImperative(newSizes);\n          commitSizes(newSizes);\n        },\n      }),\n      [\n        _panelIndex,\n        minSize,\n        maxSize,\n        panels,\n        liveSizesRef,\n        updateSizesImperative,\n        commitSizes,\n      ],\n    );\n\n    return (\n      <div\n        ref={panelRef}\n        id={_panelId}\n        data-panel\n        data-panel-index={_panelIndex}\n        className={panelVariants({ direction, className })}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nPanel.displayName = 'Panel';\n\n// ─── Handle ───────────────────────────────────────────────────────────────────\n\nexport const Handle = forwardRef<HTMLDivElement, HandleInternalProps>(\n  ({ _handleIndex = 0, className }, ref) => {\n    const { t, i18n } = useTranslation();\n    const {\n      direction,\n      sizes,\n      liveSizesRef,\n      panels,\n      groupRef,\n      updateSizesImperative,\n      commitSizes,\n      setAnnounceText,\n    } = useResizable();\n\n    const [isDragging, setIsDragging] = useState(false);\n    const dragStateRef = useRef<{\n      startX: number;\n      startY: number;\n      startSizes: number[];\n      groupRect: DOMRect;\n    } | null>(null);\n    const announceTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const announceRafRef = useRef<number | null>(null);\n    const handleRef = useRef<HTMLDivElement>(null!);\n\n    const scheduleAnnounce = useCallback(\n      (size: number, immediate = false) => {\n        if (announceRafRef.current !== null) {\n          cancelAnimationFrame(announceRafRef.current);\n          announceRafRef.current = null;\n        }\n        if (announceTimeoutRef.current) {\n          clearTimeout(announceTimeoutRef.current);\n          announceTimeoutRef.current = null;\n        }\n        const formatted = new Intl.NumberFormat(i18n.language, {\n          style: 'percent',\n        }).format(size / 100);\n        const text = t('resizable.sizeAnnounce', { percent: formatted });\n        if (immediate) {\n          setAnnounceText(text);\n        } else {\n          // rAF coalesces calls within the same frame; 200ms debounce prevents spam\n          announceRafRef.current = requestAnimationFrame(() => {\n            announceRafRef.current = null;\n            announceTimeoutRef.current = setTimeout(\n              () => setAnnounceText(text),\n              200,\n            );\n          });\n        }\n      },\n      [t, i18n.language, setAnnounceText],\n    );\n\n    const isRtl = useCallback(() => {\n      if (!groupRef.current) return false;\n      return getComputedStyle(groupRef.current).direction === 'rtl';\n    }, [groupRef]);\n\n    const onPointerDown = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!groupRef.current) return;\n      e.currentTarget.setPointerCapture(e.pointerId);\n      e.currentTarget.style.setProperty('touch-action', 'none');\n      dragStateRef.current = {\n        startX: e.clientX,\n        startY: e.clientY,\n        startSizes: [...liveSizesRef.current],\n        groupRect: groupRef.current.getBoundingClientRect(),\n      };\n      setIsDragging(true);\n    };\n\n    const onPointerMove = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      const { startX, startY, startSizes, groupRect } = dragStateRef.current;\n      const isHorizontal = direction === 'horizontal';\n      const groupSize = isHorizontal ? groupRect.width : groupRect.height;\n      if (groupSize === 0) return;\n\n      const rawDelta = isHorizontal ? e.clientX - startX : e.clientY - startY;\n      const effectiveDelta = isHorizontal && isRtl() ? -rawDelta : rawDelta;\n      const percentDelta = (effectiveDelta / groupSize) * 100;\n\n      const newSizes = computeNewSizes(\n        startSizes,\n        _handleIndex,\n        percentDelta,\n        panels,\n        groupSize,\n      );\n\n      updateSizesImperative(newSizes);\n\n      if (handleRef.current) {\n        const rounded = Math.round(newSizes[_handleIndex]);\n        handleRef.current.setAttribute('aria-valuenow', String(rounded));\n        handleRef.current.setAttribute(\n          'aria-valuetext',\n          new Intl.NumberFormat(i18n.language, { style: 'percent' }).format(\n            rounded / 100,\n          ),\n        );\n      }\n\n      scheduleAnnounce(newSizes[_handleIndex]);\n    };\n\n    const onPointerUp = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      e.currentTarget.releasePointerCapture(e.pointerId);\n      e.currentTarget.style.removeProperty('touch-action');\n      dragStateRef.current = null;\n      setIsDragging(false);\n      const finalSizes = liveSizesRef.current;\n      commitSizes(finalSizes);\n      scheduleAnnounce(finalSizes[_handleIndex], true);\n    };\n\n    const onPointerCancel = (e: ReactPointerEvent<HTMLDivElement>) => {\n      if (!dragStateRef.current) return;\n      e.currentTarget.releasePointerCapture(e.pointerId);\n      e.currentTarget.style.removeProperty('touch-action');\n      dragStateRef.current = null;\n      setIsDragging(false);\n      const finalSizes = liveSizesRef.current;\n      commitSizes(finalSizes);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      const li = _handleIndex;\n      const ri = _handleIndex + 1;\n      if (li >= panels.length || ri >= panels.length) return;\n\n      const lc = panels[li];\n      const rc = panels[ri];\n      const isHorizontal = direction === 'horizontal';\n      const rtl = isHorizontal && isRtl();\n      const step = e.shiftKey ? 10 : 1;\n      const current = [...liveSizesRef.current];\n\n      const growLeft = (amount = step): number[] | null => {\n        const avail = Math.min(\n          amount,\n          lc.maxSize - current[li],\n          current[ri] - (rc.collapsible ? rc.collapsedSize : rc.minSize),\n        );\n        if (avail <= 0) return null;\n        const ns = [...current];\n        ns[li] += avail;\n        ns[ri] -= avail;\n        return ns;\n      };\n\n      const shrinkLeft = (amount = step): number[] | null => {\n        const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n        const avail = Math.min(amount, current[li] - lMin);\n        if (avail <= 0) return null;\n        const ns = [...current];\n        ns[li] -= avail;\n        ns[ri] += avail;\n        return ns;\n      };\n\n      let newSizes: number[] | null = null;\n\n      switch (e.key) {\n        case 'ArrowRight':\n          if (!isHorizontal) break;\n          e.preventDefault();\n          newSizes = rtl ? shrinkLeft() : growLeft();\n          break;\n        case 'ArrowLeft':\n          if (!isHorizontal) break;\n          e.preventDefault();\n          newSizes = rtl ? growLeft() : shrinkLeft();\n          break;\n        case 'ArrowDown':\n          if (isHorizontal) break;\n          e.preventDefault();\n          newSizes = growLeft();\n          break;\n        case 'ArrowUp':\n          if (isHorizontal) break;\n          e.preventDefault();\n          newSizes = shrinkLeft();\n          break;\n        case 'Home': {\n          e.preventDefault();\n          const lMin = lc.collapsible ? lc.collapsedSize : lc.minSize;\n          const delta = current[li] - lMin;\n          if (delta > 0) {\n            const ns = [...current];\n            ns[li] = lMin;\n            ns[ri] += delta;\n            newSizes = ns;\n          }\n          break;\n        }\n        case 'End': {\n          e.preventDefault();\n          const rMin = rc.collapsible ? rc.collapsedSize : rc.minSize;\n          const avail = Math.min(lc.maxSize - current[li], current[ri] - rMin);\n          if (avail > 0) {\n            const ns = [...current];\n            ns[li] += avail;\n            ns[ri] -= avail;\n            newSizes = ns;\n          }\n          break;\n        }\n        case 'Enter': {\n          e.preventDefault();\n          const panel = lc.collapsible ? lc : rc.collapsible ? rc : null;\n          const pIdx = lc.collapsible ? li : rc.collapsible ? ri : -1;\n          if (!panel || pIdx < 0) break;\n          const partner = pIdx === li ? ri : li;\n          const isCollapsed =\n            Math.abs(current[pIdx] - panel.collapsedSize) < 0.5;\n          const total = current[li] + current[ri];\n          const ns = [...current];\n          if (isCollapsed) {\n            ns[pIdx] = panel.minSize;\n            ns[partner] = total - panel.minSize;\n          } else {\n            ns[pIdx] = panel.collapsedSize;\n            ns[partner] = total - panel.collapsedSize;\n          }\n          newSizes = ns;\n          break;\n        }\n        default:\n          break;\n      }\n\n      if (newSizes) {\n        updateSizesImperative(newSizes);\n        commitSizes(newSizes);\n        scheduleAnnounce(newSizes[li], true);\n      }\n    };\n\n    const li = _handleIndex;\n    const ri = _handleIndex + 1;\n    const leftPanel = panels[li];\n    const rightPanel = panels[ri];\n    const orientation =\n      direction === 'horizontal'\n        ? ('horizontal' as const)\n        : ('vertical' as const);\n\n    const formatValueText = (size: number) =>\n      new Intl.NumberFormat(i18n.language, { style: 'percent' }).format(\n        size / 100,\n      );\n\n    const setRefs = (el: HTMLDivElement | null) => {\n      (handleRef as MutableRefObject<HTMLDivElement | null>).current = el;\n      if (typeof ref === 'function') ref(el);\n      else if (ref) ref.current = el;\n    };\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- separator handle is keyboard-actionable via arrow keys to resize the adjacent panels\n      <div\n        ref={setRefs}\n        role=\"separator\"\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- separator handle is keyboard-actionable via arrow keys to resize the adjacent panels\n        tabIndex={0}\n        aria-orientation={orientation}\n        aria-valuemin={\n          leftPanel\n            ? leftPanel.collapsible\n              ? leftPanel.collapsedSize\n              : leftPanel.minSize\n            : 0\n        }\n        aria-valuemax={leftPanel?.maxSize ?? 100}\n        aria-valuenow={Math.round(sizes[li] ?? 0)}\n        aria-valuetext={formatValueText(sizes[li] ?? 0)}\n        aria-controls={\n          [leftPanel?.id, rightPanel?.id].filter(Boolean).join(' ') || undefined\n        }\n        aria-label={t('resizable.resizeLabel')}\n        data-dragging={isDragging ? '' : undefined}\n        className={handleVariants({ orientation, className })}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        onPointerCancel={onPointerCancel}\n        onKeyDown={onKeyDown}\n      />\n    );\n  },\n);\n\nHandle.displayName = 'Handle';\n"],"names":["ResizableContext","createContext","useResizable","ctx","useContext","resizableAgent","handle","args","STORAGE_PREFIX","loadFromStorage","groupId","raw","parsed","saveToStorage","sizes","normalizeSizes","total","a","b","s","computeNewSizes","currentSizes","handleIndex","deltaPercent","panels","groupSizePx","li","ri","lc","rc","collapseThreshold","newLeft","newRight","lMin","rMin","handleVariants","cva","panelGroupVariants","panelVariants","PanelGroup","forwardRef","direction","id","onLayout","className","children","outerRef","baseId","useId","groupRef","useRef","panelElementsRef","storageTimeoutRef","announceText","setAnnounceText","useState","panelConfigs","processedChildren","useMemo","configs","panelIdx","handleIdx","walk","child","isValidElement","Panel","idx","p","cloneElement","Handle","Children","committedSizes","setCommittedSizes","stored","liveSizesRef","useEffect","updateSizesImperative","useCallback","newSizes","el","commitSizes","useIsomorphicLayoutEffect","registerPanelElement","index","size","unregisterPanelElement","setAnnounceCb","text","containerClass","ctxValue","setRef","agentHandle","next","useAgentRegistration","jsx","jsxs","_panelIndex","_panelId","minSize","maxSize","ref","panelRef","useImperativeHandle","newSize","clamped","diff","otherIndices","_","i","otherTotal","_handleIndex","t","i18n","useTranslation","isDragging","setIsDragging","dragStateRef","announceTimeoutRef","announceRafRef","handleRef","scheduleAnnounce","immediate","formatted","isRtl","onPointerDown","e","onPointerMove","startX","startY","startSizes","groupRect","isHorizontal","groupSize","rawDelta","percentDelta","rounded","onPointerUp","finalSizes","onPointerCancel","onKeyDown","rtl","step","current","growLeft","amount","avail","ns","shrinkLeft","delta","panel","pIdx","partner","isCollapsed","leftPanel","rightPanel","orientation","formatValueText"],"mappings":"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"}

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