@alfadocs/ui-kit 0.1.8 → 0.1.10

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recaptcha-widget.agent-BGHpU5zD.js","sources":["../../src/components/recaptcha-widget/recaptcha-widget.tsx","../../src/components/recaptcha-widget/recaptcha-widget.agent.ts"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useTheme } from '../../hooks';\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';\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      // Another instance kicked off the load — wait for the global\n      // onload callback we just (re)installed.\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    'ui.inputs.recaptcha.expired',\n    'Verification expired — please retry.',\n  );\n  const errorLabel = t(\n    'ui.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  }, [siteKey, effectiveTheme, effectiveLocale, size, expiredLabel, errorLabel]);\n\n  useImperativeHandle(\n    ref,\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\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","/* -------------------------------------------------------------------- */\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: '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: '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: '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: 'Sourced from the id prop (or the surrounding FormField id).',\n    },\n  },\n};\n"],"names":["SCRIPT_SRC","SCRIPT_ID","loaderPromise","loadRecaptcha","hl","resolve","reject","existing","onReady","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","useImperativeHandle","liveMessage","wrapperRole","jsxs","jsx","recaptchaWidgetAgent","handle"],"mappings":"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"}

package/dist/_chunks/registry-C9nwlNyL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-C9nwlNyL.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\ndeclare global {\n  interface Window {\n    __alfadocs_agent?: AgentRegistry;\n  }\n}\n\n/**\n * Register a live component instance with the host agent registry, if one\n * is mounted. No-op when `window.__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 window === 'undefined') return;\n    const registry = window.__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":";AAsCO,SAASA,EACdC,GACAC,GACAC,GACM;AACN,EAAAC,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,IAAa;AACnC,UAAMC,IAAW,OAAO;AACxB,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.agent-CMwZzvsi.js

@@ -0,0 +1,456 @@
+import { jsx as L, jsxs as ue } from "react/jsx-runtime";
+import { createContext as fe, useContext as de, forwardRef as ee, useState as Z, useRef as H, useCallback as X, useEffect as se, useImperativeHandle as pe, useId as me, useMemo as ze, Children as be, useLayoutEffect as ge, isValidElement as ve, cloneElement as re } from "react";
+import { c as te } from "./index-D2ZczOXr.js";
+import { useTranslation as Se } from "react-i18next";
+const ie = fe(null);
+function ae() {
+  const e = de(ie);
+  if (!e)
+    throw new Error("useResizable must be used within a PanelGroup");
+  return e;
+}
+const oe = "ui-kit:resizable:";
+function he(e) {
+  if (!e) return null;
+  try {
+    const c = localStorage.getItem(`${oe}${e}`);
+    if (!c) return null;
+    const u = JSON.parse(c);
+    return u.v !== 1 || !Array.isArray(u.sizes) ? null : u.sizes;
+  } catch {
+    return null;
+  }
+}
+function ye(e, c) {
+  try {
+    localStorage.setItem(
+      `${oe}${e}`,
+      JSON.stringify({ v: 1, sizes: c })
+    );
+  } catch {
+  }
+}
+function we(e) {
+  const c = e.reduce((u, v) => u + v, 0);
+  return c === 0 ? e.map(() => 100 / e.length) : e.map((u) => u / c * 100);
+}
+function xe(e, c, u, v, C) {
+  const r = [...e], d = c, g = c + 1;
+  if (d >= r.length || g >= r.length) return r;
+  const s = v[d], a = v[g], p = r[d] + r[g], A = C > 0 ? 20 / C * 100 : 2;
+  let o = r[d] + u, f = p - o;
+  if (s.collapsible && o < s.minSize) {
+    if (o < s.minSize - A)
+      return r[d] = s.collapsedSize, r[g] = p - s.collapsedSize, r;
+    o = s.minSize, f = p - o;
+  }
+  if (a.collapsible && f < a.minSize) {
+    if (f < a.minSize - A)
+      return r[g] = a.collapsedSize, r[d] = p - a.collapsedSize, r;
+    f = a.minSize, o = p - f;
+  }
+  const E = s.collapsible ? s.collapsedSize : s.minSize, l = a.collapsible ? a.collapsedSize : a.minSize;
+  return o = Math.max(E, Math.min(s.maxSize, o)), f = p - o, f = Math.max(l, Math.min(a.maxSize, f)), o = p - f, o = Math.max(E, Math.min(s.maxSize, o)), r[d] = Math.max(0, o), r[g] = Math.max(0, p - r[d]), r;
+}
+const Re = te(
+  [
+    "ds:relative ds:flex ds:items-center ds:justify-center ds:shrink-0 ds:select-none",
+    "ds:bg-[var(--border)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:hover:bg-[var(--accent)] ds:data-[dragging]:bg-[var(--accent)]",
+    "ds:before:absolute ds:before:content-['']"
+  ],
+  {
+    variants: {
+      orientation: {
+        horizontal: [
+          "ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize ds:[block-size:100%]",
+          "ds:before:[block-size:100%]",
+          "ds:before:[inline-size:var(--min-target-size)]",
+          "ds:before:[inset-block:0]",
+          "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
+        ],
+        vertical: [
+          "ds:[block-size:var(--resizable-handle-size)] ds:cursor-row-resize ds:[inline-size:100%]",
+          "ds:before:[inline-size:100%]",
+          "ds:before:[block-size:var(--min-target-size)]",
+          "ds:before:[inset-inline:0]",
+          "ds:before:[inset-block:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
+        ]
+      }
+    },
+    defaultVariants: { orientation: "horizontal" }
+  }
+), ke = te("ds:flex ds:overflow-hidden", {
+  variants: {
+    direction: {
+      horizontal: "ds:flex-row",
+      vertical: "ds:flex-col"
+    }
+  },
+  defaultVariants: { direction: "horizontal" }
+}), Me = te("ds:[flex:0_0_var(--panel-self-size,50%)] ds:overflow-auto", {
+  variants: {
+    direction: {
+      horizontal: "ds:[min-inline-size:0]",
+      vertical: "ds:[min-block-size:0]"
+    }
+  },
+  defaultVariants: { direction: "horizontal" }
+}), Pe = ee(
+  ({ direction: e, groupId: c, id: u, onLayout: v, className: C, children: r }, d) => {
+    const g = me(), s = H(null), a = H(/* @__PURE__ */ new Map()), p = H(null), [A, o] = Z(""), { panelConfigs: f, processedChildren: E } = ze(() => {
+      const n = [];
+      let k = 0, m = 0;
+      const B = (D) => {
+        if (!ve(D)) return D;
+        if (D.type === le) {
+          const _ = k, Y = D.props;
+          return n.push({
+            id: `${g}-panel-${_}`,
+            index: _,
+            defaultSize: Y.defaultSize,
+            minSize: Y.minSize ?? 10,
+            maxSize: Y.maxSize ?? 90,
+            collapsible: Y.collapsible ?? !1,
+            collapsedSize: Y.collapsedSize ?? 0
+          }), k++, re(D, {
+            _panelIndex: _,
+            _panelId: `${g}-panel-${_}`
+          });
+        }
+        if (D.type === ce) {
+          const _ = m++;
+          return re(
+            D,
+            { _handleIndex: _ }
+          );
+        }
+        return D;
+      };
+      return {
+        panelConfigs: n,
+        processedChildren: be.map(r, B)
+      };
+    }, [r, g]), [l, x] = Z(() => {
+      if (f.length === 0) return [];
+      const n = he(c);
+      return n && n.length === f.length ? n : we(f.map((k) => k.defaultSize));
+    }), R = H(l);
+    se(() => {
+      R.current = l;
+    }, [l]);
+    const N = X((n) => {
+      R.current = n, a.current.forEach((k, m) => {
+        m < n.length && k.style.setProperty("--panel-self-size", `${n[m]}%`);
+      });
+    }, []), $ = X(
+      (n) => {
+        R.current = n, x(n), v == null || v(n), c && (p.current && clearTimeout(p.current), p.current = setTimeout(
+          () => ye(c, n),
+          120
+        ));
+      },
+      [c, v]
+    );
+    ge(() => {
+      a.current.forEach((n, k) => {
+        k < l.length && n.style.setProperty("--panel-self-size", `${l[k]}%`);
+      });
+    }, [l]);
+    const F = X(
+      (n, k) => {
+        a.current.set(n, k);
+        const m = R.current[n];
+        m !== void 0 && k.style.setProperty("--panel-self-size", `${m}%`);
+      },
+      []
+    ), j = X((n) => {
+      a.current.delete(n);
+    }, []), P = X((n) => {
+      o(n);
+    }, []), G = ke({ direction: e, className: C }), Q = {
+      direction: e,
+      sizes: l,
+      liveSizesRef: R,
+      panels: f,
+      groupRef: s,
+      updateSizesImperative: N,
+      commitSizes: $,
+      registerPanelElement: F,
+      unregisterPanelElement: j,
+      setAnnounceText: P
+    }, W = (n) => {
+      s.current = n, typeof d == "function" ? d(n) : d && (d.current = n);
+    };
+    return /* @__PURE__ */ L(ie.Provider, { value: Q, children: /* @__PURE__ */ ue(
+      "div",
+      {
+        ref: W,
+        className: G,
+        "data-component": "resizable",
+        "data-component-id": u,
+        "data-panel-group": !0,
+        "data-direction": e,
+        children: [
+          E,
+          /* @__PURE__ */ L("span", { className: "ds:sr-only", "aria-live": "polite", "aria-atomic": "true", children: A })
+        ]
+      }
+    ) });
+  }
+);
+Pe.displayName = "PanelGroup";
+const le = ee(
+  ({
+    _panelIndex: e = 0,
+    _panelId: c,
+    minSize: u = 10,
+    maxSize: v = 90,
+    children: C,
+    className: r
+  }, d) => {
+    const {
+      direction: g,
+      liveSizesRef: s,
+      panels: a,
+      updateSizesImperative: p,
+      commitSizes: A,
+      registerPanelElement: o,
+      unregisterPanelElement: f
+    } = ae(), E = H(null);
+    return se(() => {
+      const l = E.current;
+      if (l)
+        return o(e, l), () => f(e);
+    }, [e, o, f]), pe(
+      d,
+      () => ({
+        resize: (l) => {
+          const x = [...s.current], R = Math.max(u, Math.min(v, l)), N = R - (x[e] ?? 0);
+          if (Math.abs(N) < 1e-3) return;
+          const $ = [...x];
+          $[e] = R;
+          const F = x.map((P, G) => G).filter((P) => P !== e), j = F.reduce(
+            (P, G) => P + (x[G] ?? 0),
+            0
+          );
+          F.forEach((P) => {
+            $[P] = j > 0 ? (x[P] ?? 0) - N * ((x[P] ?? 0) / j) : (x[P] ?? 0) - N / F.length;
+          }), p($), A($);
+        }
+      }),
+      [e, u, v, a, s, p, A]
+    ), /* @__PURE__ */ L(
+      "div",
+      {
+        ref: E,
+        id: c,
+        "data-panel": !0,
+        "data-panel-index": e,
+        className: Me({ direction: g, className: r }),
+        children: C
+      }
+    );
+  }
+);
+le.displayName = "Panel";
+const ce = ee(
+  ({ _handleIndex: e = 0, className: c }, u) => {
+    const { t: v, i18n: C } = Se(), {
+      direction: r,
+      sizes: d,
+      liveSizesRef: g,
+      panels: s,
+      groupRef: a,
+      updateSizesImperative: p,
+      commitSizes: A,
+      setAnnounceText: o
+    } = ae(), [f, E] = Z(!1), l = H(null), x = H(null), R = H(null), N = H(null), $ = X(
+      (t, i = !1) => {
+        R.current !== null && (cancelAnimationFrame(R.current), R.current = null), x.current && (clearTimeout(x.current), x.current = null);
+        const h = new Intl.NumberFormat(C.language, {
+          style: "percent"
+        }).format(t / 100), S = v("ui.resizable.sizeAnnounce", { percent: h });
+        i ? o(S) : R.current = requestAnimationFrame(() => {
+          R.current = null, x.current = setTimeout(() => o(S), 200);
+        });
+      },
+      [v, C.language, o]
+    ), F = X(() => a.current ? getComputedStyle(a.current).direction === "rtl" : !1, [a]), j = (t) => {
+      a.current && (t.currentTarget.setPointerCapture(t.pointerId), t.currentTarget.style.setProperty("touch-action", "none"), l.current = {
+        startX: t.clientX,
+        startY: t.clientY,
+        startSizes: [...g.current],
+        groupRect: a.current.getBoundingClientRect()
+      }, E(!0));
+    }, P = (t) => {
+      if (!l.current) return;
+      const { startX: i, startY: h, startSizes: S, groupRect: T } = l.current, V = r === "horizontal", O = V ? T.width : T.height;
+      if (O === 0) return;
+      const J = V ? t.clientX - i : t.clientY - h, K = (V && F() ? -J : J) / O * 100, I = xe(
+        S,
+        e,
+        K,
+        s,
+        O
+      );
+      if (p(I), N.current) {
+        const M = Math.round(I[e]);
+        N.current.setAttribute("aria-valuenow", String(M)), N.current.setAttribute(
+          "aria-valuetext",
+          new Intl.NumberFormat(C.language, { style: "percent" }).format(
+            M / 100
+          )
+        );
+      }
+      $(I[e]);
+    }, G = (t) => {
+      if (!l.current) return;
+      t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), l.current = null, E(!1);
+      const i = g.current;
+      A(i), $(i[e], !0);
+    }, Q = (t) => {
+      if (!l.current) return;
+      t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), l.current = null, E(!1);
+      const i = g.current;
+      A(i);
+    }, W = (t) => {
+      const i = e, h = e + 1;
+      if (i >= s.length || h >= s.length) return;
+      const S = s[i], T = s[h], V = r === "horizontal", O = V && F(), J = t.shiftKey ? 10 : 1, y = [...g.current], K = (w = J) => {
+        const z = Math.min(
+          w,
+          S.maxSize - y[i],
+          y[h] - (T.collapsible ? T.collapsedSize : T.minSize)
+        );
+        if (z <= 0) return null;
+        const b = [...y];
+        return b[i] += z, b[h] -= z, b;
+      }, I = (w = J) => {
+        const z = S.collapsible ? S.collapsedSize : S.minSize, b = Math.min(w, y[i] - z);
+        if (b <= 0) return null;
+        const U = [...y];
+        return U[i] -= b, U[h] += b, U;
+      };
+      let M = null;
+      switch (t.key) {
+        case "ArrowRight":
+          if (!V) break;
+          t.preventDefault(), M = O ? I() : K();
+          break;
+        case "ArrowLeft":
+          if (!V) break;
+          t.preventDefault(), M = O ? K() : I();
+          break;
+        case "ArrowDown":
+          if (V) break;
+          t.preventDefault(), M = K();
+          break;
+        case "ArrowUp":
+          if (V) break;
+          t.preventDefault(), M = I();
+          break;
+        case "Home": {
+          t.preventDefault();
+          const w = S.collapsible ? S.collapsedSize : S.minSize, z = y[i] - w;
+          if (z > 0) {
+            const b = [...y];
+            b[i] = w, b[h] += z, M = b;
+          }
+          break;
+        }
+        case "End": {
+          t.preventDefault();
+          const w = T.collapsible ? T.collapsedSize : T.minSize, z = Math.min(
+            S.maxSize - y[i],
+            y[h] - w
+          );
+          if (z > 0) {
+            const b = [...y];
+            b[i] += z, b[h] -= z, M = b;
+          }
+          break;
+        }
+        case "Enter": {
+          t.preventDefault();
+          const w = S.collapsible ? S : T.collapsible ? T : null, z = S.collapsible ? i : T.collapsible ? h : -1;
+          if (!w || z < 0) break;
+          const b = z === i ? h : i, U = Math.abs(y[z] - w.collapsedSize) < 0.5, ne = y[i] + y[h], q = [...y];
+          U ? (q[z] = w.minSize, q[b] = ne - w.minSize) : (q[z] = w.collapsedSize, q[b] = ne - w.collapsedSize), M = q;
+          break;
+        }
+      }
+      M && (p(M), A(M), $(M[i], !0));
+    }, n = e, k = e + 1, m = s[n], B = s[k], D = r === "horizontal" ? "horizontal" : "vertical", _ = (t) => new Intl.NumberFormat(C.language, { style: "percent" }).format(t / 100);
+    return /* @__PURE__ */ L(
+      "div",
+      {
+        ref: (t) => {
+          N.current = t, typeof u == "function" ? u(t) : u && (u.current = t);
+        },
+        role: "separator",
+        tabIndex: 0,
+        "aria-orientation": D,
+        "aria-valuemin": m ? m.collapsible ? m.collapsedSize : m.minSize : 0,
+        "aria-valuemax": (m == null ? void 0 : m.maxSize) ?? 100,
+        "aria-valuenow": Math.round(d[n] ?? 0),
+        "aria-valuetext": _(d[n] ?? 0),
+        "aria-controls": [m == null ? void 0 : m.id, B == null ? void 0 : B.id].filter(Boolean).join(" ") || void 0,
+        "aria-label": v("ui.resizable.resizeLabel"),
+        "data-dragging": f ? "" : void 0,
+        className: Re({ orientation: D, className: c }),
+        onPointerDown: j,
+        onPointerMove: P,
+        onPointerUp: G,
+        onPointerCancel: Q,
+        onKeyDown: W
+      }
+    );
+  }
+);
+ce.displayName = "Handle";
+const De = {
+  id: "resizable",
+  capabilities: ["range_navigate"],
+  state: {
+    sizes: {
+      type: "number[]",
+      description: "Current per-panel sizes as percentages of the group.",
+      read: (e) => e.getSizes()
+    }
+  },
+  actions: {
+    set_sizes: {
+      safety: "read",
+      argsType: "{ sizes: number[] }",
+      description: "Replace the panel sizes (percentages, summing to 100).",
+      invoke: (e, c) => {
+        e.setSizes(c.sizes);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "resizable" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on PanelGroup."
+    },
+    item: {
+      attr: "data-panel-id",
+      description: "Each Panel forwards its `id` to react-resizable-panels which emits it as `data-panel-id`."
+    }
+  }
+};
+export {
+  ce as H,
+  le as P,
+  ie as R,
+  Pe as a,
+  De as r,
+  ae as u
+};
+//# sourceMappingURL=resizable.agent-CMwZzvsi.js.map