@alfadocs/ui-kit 0.67.1 → 0.69.0

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

@@ -1,10 +1,10 @@
-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, isValidElement as ve, cloneElement as se } from "react";
+import { jsx as L, jsxs as fe } from "react/jsx-runtime";
+import { createContext as de, useContext as me, forwardRef as ee, useState as Z, useRef as V, useCallback as j, useEffect as ae, useImperativeHandle as ze, useId as ge, useMemo as re, Children as be, isValidElement as Se, cloneElement as se } from "react";
 import { c as te } from "./index-D2ZczOXr.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(
+import { useTranslation as ve } from "react-i18next";
+import { u as he } from "./registry-DvAUVLHh.js";
+import { u as ye } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+const oe = de(
   null
 );
 function le() {
@@ -13,23 +13,42 @@ function le() {
     throw new Error("useResizable must be used within a PanelGroup");
   return e;
 }
-const Re = {
+const xe = {
   id: "resizable",
-  capabilities: ["range_navigate"],
+  // Sizes are a persisted value the user can re-adjust — set_value, not range_navigate.
+  capabilities: ["set_value"],
   state: {
     sizes: {
       type: "number[]",
+      descriptionKey: "ui.agent.resizable.state.sizes",
       description: "Current per-panel sizes as percentages of the group.",
       read: (e) => e.getSizes()
     }
   },
   actions: {
     set_sizes: {
-      safety: "read",
+      // Persists the panel layout — reversible by dragging or calling again.
+      safety: "write",
       argsType: "{ sizes: number[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          sizes: {
+            type: "array",
+            items: { type: "number" },
+            description: "Per-panel sizes as percentages, summing to 100."
+          }
+        },
+        required: ["sizes"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.resizable.actions.setSizes",
       description: "Replace the panel sizes (percentages, summing to 100).",
-      invoke: (e, u) => {
-        e.setSizes(u.sizes);
+      examples: [
+        { args: { sizes: [30, 70] }, note: "Split a two-panel group 30/70." }
+      ],
+      invoke: (e, l) => {
+        e.setSizes(l.sizes);
       }
     }
   },
@@ -42,51 +61,51 @@ const Re = {
     },
     item: {
       attr: "data-panel-id",
-      description: "Each Panel forwards its `id` to react-resizable-panels which emits it as `data-panel-id`."
+      description: "Each Panel emits its `id` as data-panel-id."
     }
   }
 }, ce = "ui-kit:resizable:";
-function we(e) {
+function Re(e) {
   if (!e) return null;
   try {
-    const u = localStorage.getItem(`${ce}${e}`);
-    if (!u) return null;
-    const f = JSON.parse(u);
-    return f.v !== 1 || !Array.isArray(f.sizes) ? null : f.sizes;
+    const l = localStorage.getItem(`${ce}${e}`);
+    if (!l) return null;
+    const p = JSON.parse(l);
+    return p.v !== 1 || !Array.isArray(p.sizes) ? null : p.sizes;
   } catch {
     return null;
   }
 }
-function xe(e, u) {
+function we(e, l) {
   try {
     localStorage.setItem(
       `${ce}${e}`,
-      JSON.stringify({ v: 1, sizes: u })
+      JSON.stringify({ v: 1, sizes: l })
     );
   } catch {
   }
 }
 function ie(e) {
-  const u = e.reduce((f, v) => f + v, 0);
-  return u === 0 ? e.map(() => 100 / e.length) : e.map((f) => f / u * 100);
+  const l = e.reduce((p, S) => p + S, 0);
+  return l === 0 ? e.map(() => 100 / e.length) : e.map((p) => p / l * 100);
 }
-function ke(e, u, f, v, C) {
-  const r = [...e], p = u, g = u + 1;
-  if (p >= r.length || g >= r.length) return r;
-  const s = v[p], a = v[g], m = r[p] + r[g], A = C > 0 ? 20 / C * 100 : 2;
-  let l = r[p] + f, d = m - l;
-  if (s.collapsible && l < s.minSize) {
-    if (l < s.minSize - A)
-      return r[p] = s.collapsedSize, r[g] = m - s.collapsedSize, r;
-    l = s.minSize, d = m - l;
+function ke(e, l, p, S, C) {
+  const r = [...e], d = l, b = l + 1;
+  if (d >= r.length || b >= r.length) return r;
+  const s = S[d], a = S[b], m = r[d] + r[b], A = C > 0 ? 20 / C * 100 : 2;
+  let c = r[d] + p, f = m - c;
+  if (s.collapsible && c < s.minSize) {
+    if (c < s.minSize - A)
+      return r[d] = s.collapsedSize, r[b] = m - s.collapsedSize, r;
+    c = s.minSize, f = m - c;
   }
-  if (a.collapsible && d < a.minSize) {
-    if (d < a.minSize - A)
-      return r[g] = a.collapsedSize, r[p] = m - a.collapsedSize, r;
-    d = a.minSize, l = m - d;
+  if (a.collapsible && f < a.minSize) {
+    if (f < a.minSize - A)
+      return r[b] = a.collapsedSize, r[d] = m - a.collapsedSize, r;
+    f = a.minSize, c = m - f;
   }
-  const E = s.collapsible ? s.collapsedSize : s.minSize, c = a.collapsible ? a.collapsedSize : a.minSize;
-  return l = Math.max(E, Math.min(s.maxSize, l)), d = m - l, d = Math.max(c, Math.min(a.maxSize, d)), l = m - d, l = Math.max(E, Math.min(s.maxSize, l)), r[p] = Math.max(0, l), r[g] = Math.max(0, m - r[p]), r;
+  const E = s.collapsible ? s.collapsedSize : s.minSize, u = a.collapsible ? a.collapsedSize : a.minSize;
+  return c = Math.max(E, Math.min(s.maxSize, c)), f = m - c, f = Math.max(u, Math.min(a.maxSize, f)), c = m - f, c = Math.max(E, Math.min(s.maxSize, c)), r[d] = Math.max(0, c), r[b] = Math.max(0, m - r[d]), r;
 }
 const Me = te(
   [
@@ -139,105 +158,105 @@ const Me = te(
     defaultVariants: { direction: "horizontal" }
   }
 ), Ce = ee(
-  ({ direction: e, groupId: u, id: f, onLayout: v, className: C, children: r }, p) => {
-    const g = be(), s = V(null), a = V(/* @__PURE__ */ new Map()), m = V(
+  ({ direction: e, groupId: l, id: p, onLayout: S, className: C, children: r }, d) => {
+    const b = ge(), s = V(null), a = V(/* @__PURE__ */ new Map()), m = V(
       null
-    ), [A, l] = Z(""), { panelConfigs: d, processedChildren: E } = re(() => {
+    ), [A, c] = Z(""), { panelConfigs: f, processedChildren: E } = re(() => {
       const n = [];
       let o = 0, D = 0;
-      const q = ($) => {
-        if (!ve($)) return $;
+      const U = ($) => {
+        if (!Se($)) return $;
         if ($.type === ue) {
-          const _ = o, t = $.props;
+          const I = o, t = $.props;
           return n.push({
-            id: `${g}-panel-${_}`,
-            index: _,
+            id: `${b}-panel-${I}`,
+            index: I,
             defaultSize: t.defaultSize,
             minSize: t.minSize ?? 10,
             maxSize: t.maxSize ?? 90,
             collapsible: t.collapsible ?? !1,
             collapsedSize: t.collapsedSize ?? 0
           }), o++, se($, {
-            _panelIndex: _,
-            _panelId: `${g}-panel-${_}`
+            _panelIndex: I,
+            _panelId: `${b}-panel-${I}`
           });
         }
-        if ($.type === fe) {
-          const _ = D++;
+        if ($.type === pe) {
+          const I = D++;
           return se($, {
-            _handleIndex: _
+            _handleIndex: I
           });
         }
         return $;
       };
       return {
         panelConfigs: n,
-        processedChildren: ge.map(r, q)
+        processedChildren: be.map(r, U)
       };
-    }, [r, g]), [c, x] = Z(() => {
-      if (d.length === 0) return [];
-      const n = we(u);
-      return n && n.length === d.length ? n : ie(d.map((o) => o.defaultSize));
-    }), h = V(c);
+    }, [r, b]), [u, w] = Z(() => {
+      if (f.length === 0) return [];
+      const n = Re(l);
+      return n && n.length === f.length ? n : ie(f.map((o) => o.defaultSize));
+    }), h = V(u);
     ae(() => {
-      h.current = c;
-    }, [c]);
-    const N = X((n) => {
+      h.current = u;
+    }, [u]);
+    const N = j((n) => {
       h.current = n, a.current.forEach((o, D) => {
         D < n.length && o.style.setProperty("--panel-self-size", `${n[D]}%`);
       });
-    }, []), P = X(
+    }, []), P = j(
       (n) => {
-        h.current = n, x(n), v == null || v(n), u && (m.current && clearTimeout(m.current), m.current = setTimeout(
-          () => xe(u, n),
+        h.current = n, w(n), S == null || S(n), l && (m.current && clearTimeout(m.current), m.current = setTimeout(
+          () => we(l, n),
           120
         ));
       },
-      [u, v]
+      [l, S]
     );
-    he(() => {
+    ye(() => {
       a.current.forEach((n, o) => {
-        o < c.length && n.style.setProperty("--panel-self-size", `${c[o]}%`);
+        o < u.length && n.style.setProperty("--panel-self-size", `${u[o]}%`);
       });
-    }, [c]);
-    const F = X(
+    }, [u]);
+    const F = j(
       (n, o) => {
         a.current.set(n, o);
         const D = h.current[n];
         D !== void 0 && o.style.setProperty("--panel-self-size", `${D}%`);
       },
       []
-    ), j = X((n) => {
+    ), X = j((n) => {
       a.current.delete(n);
-    }, []), M = X((n) => {
-      l(n);
-    }, []), I = Pe({ direction: e, className: C }), Q = {
+    }, []), M = j((n) => {
+      c(n);
+    }, []), G = Pe({ direction: e, className: C }), Q = {
       direction: e,
-      sizes: c,
+      sizes: u,
       liveSizesRef: h,
-      panels: d,
+      panels: f,
       groupRef: s,
       updateSizesImperative: N,
       commitSizes: P,
       registerPanelElement: F,
-      unregisterPanelElement: j,
+      unregisterPanelElement: X,
       setAnnounceText: M
     }, W = (n) => {
-      s.current = n, typeof p == "function" ? p(n) : p && (p.current = n);
-    }, O = re(
+      s.current = n, typeof d == "function" ? d(n) : d && (d.current = n);
+    }, Y = re(
       () => ({
         getSizes: () => [...h.current],
         setSizes: (n) => P(ie(n))
       }),
       [P]
     );
-    return ye(Re, O, f), /* @__PURE__ */ L(oe.Provider, { value: Q, children: /* @__PURE__ */ de(
+    return he(xe, Y, p), /* @__PURE__ */ L(oe.Provider, { value: Q, children: /* @__PURE__ */ fe(
       "div",
       {
         ref: W,
-        className: I,
+        className: G,
         "data-component": "resizable",
-        "data-component-id": f,
+        "data-component-id": p,
         "data-panel-group": !0,
         "data-direction": e,
         children: [
@@ -252,46 +271,46 @@ Ce.displayName = "PanelGroup";
 const ue = ee(
   ({
     _panelIndex: e = 0,
-    _panelId: u,
-    minSize: f = 10,
-    maxSize: v = 90,
+    _panelId: l,
+    minSize: p = 10,
+    maxSize: S = 90,
     children: C,
     className: r
-  }, p) => {
+  }, d) => {
     const {
-      direction: g,
+      direction: b,
       liveSizesRef: s,
       panels: a,
       updateSizesImperative: m,
       commitSizes: A,
-      registerPanelElement: l,
-      unregisterPanelElement: d
+      registerPanelElement: c,
+      unregisterPanelElement: f
     } = le(), E = V(null);
     return ae(() => {
-      const c = E.current;
-      if (c)
-        return l(e, c), () => d(e);
-    }, [e, l, d]), ze(
-      p,
+      const u = E.current;
+      if (u)
+        return c(e, u), () => f(e);
+    }, [e, c, f]), ze(
+      d,
       () => ({
-        resize: (c) => {
-          const x = [...s.current], h = Math.max(f, Math.min(v, c)), N = h - (x[e] ?? 0);
+        resize: (u) => {
+          const w = [...s.current], h = Math.max(p, Math.min(S, u)), N = h - (w[e] ?? 0);
           if (Math.abs(N) < 1e-3) return;
-          const P = [...x];
+          const P = [...w];
           P[e] = h;
-          const F = x.map((M, I) => I).filter((M) => M !== e), j = F.reduce(
-            (M, I) => M + (x[I] ?? 0),
+          const F = w.map((M, G) => G).filter((M) => M !== e), X = F.reduce(
+            (M, G) => M + (w[G] ?? 0),
             0
           );
           F.forEach((M) => {
-            P[M] = j > 0 ? (x[M] ?? 0) - N * ((x[M] ?? 0) / j) : (x[M] ?? 0) - N / F.length;
+            P[M] = X > 0 ? (w[M] ?? 0) - N * ((w[M] ?? 0) / X) : (w[M] ?? 0) - N / F.length;
           }), m(P), A(P);
         }
       }),
       [
         e,
-        f,
-        v,
+        p,
+        S,
         a,
         s,
         m,
@@ -301,63 +320,64 @@ const ue = ee(
       "div",
       {
         ref: E,
-        id: u,
+        id: l,
         "data-panel": !0,
+        "data-panel-id": l,
         "data-panel-index": e,
-        className: Te({ direction: g, className: r }),
+        className: Te({ direction: b, className: r }),
         children: C
       }
     );
   }
 );
 ue.displayName = "Panel";
-const fe = ee(
-  ({ _handleIndex: e = 0, className: u }, f) => {
-    const { t: v, i18n: C } = Se(), {
+const pe = ee(
+  ({ _handleIndex: e = 0, className: l }, p) => {
+    const { t: S, i18n: C } = ve(), {
       direction: r,
-      sizes: p,
-      liveSizesRef: g,
+      sizes: d,
+      liveSizesRef: b,
       panels: s,
       groupRef: a,
       updateSizesImperative: m,
       commitSizes: A,
-      setAnnounceText: l
-    } = le(), [d, E] = Z(!1), c = V(null), x = V(
+      setAnnounceText: c
+    } = le(), [f, E] = Z(!1), u = V(null), w = V(
       null
-    ), h = V(null), N = V(null), P = X(
+    ), h = V(null), N = V(null), P = j(
       (t, i = !1) => {
-        h.current !== null && (cancelAnimationFrame(h.current), h.current = null), x.current && (clearTimeout(x.current), x.current = null);
+        h.current !== null && (cancelAnimationFrame(h.current), h.current = null), w.current && (clearTimeout(w.current), w.current = null);
         const y = new Intl.NumberFormat(C.language, {
           style: "percent"
-        }).format(t / 100), S = v("resizable.sizeAnnounce", { percent: y });
-        i ? l(S) : h.current = requestAnimationFrame(() => {
-          h.current = null, x.current = setTimeout(
-            () => l(S),
+        }).format(t / 100), v = S("resizable.sizeAnnounce", { percent: y });
+        i ? c(v) : h.current = requestAnimationFrame(() => {
+          h.current = null, w.current = setTimeout(
+            () => c(v),
             200
           );
         });
       },
-      [v, C.language, l]
-    ), 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"), c.current = {
+      [S, C.language, c]
+    ), F = j(() => a.current ? getComputedStyle(a.current).direction === "rtl" : !1, [a]), X = (t) => {
+      a.current && (t.currentTarget.setPointerCapture(t.pointerId), t.currentTarget.style.setProperty("touch-action", "none"), u.current = {
         startX: t.clientX,
         startY: t.clientY,
-        startSizes: [...g.current],
+        startSizes: [...b.current],
         groupRect: a.current.getBoundingClientRect()
       }, E(!0));
     }, M = (t) => {
-      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, G = ke(
-        S,
+      if (!u.current) return;
+      const { startX: i, startY: y, startSizes: v, groupRect: T } = u.current, H = r === "horizontal", K = H ? T.width : T.height;
+      if (K === 0) return;
+      const O = H ? t.clientX - i : t.clientY - y, q = (H && F() ? -O : O) / K * 100, _ = ke(
+        v,
         e,
-        J,
+        q,
         s,
-        Y
+        K
       );
-      if (m(G), N.current) {
-        const k = Math.round(G[e]);
+      if (m(_), N.current) {
+        const k = Math.round(_[e]);
         N.current.setAttribute("aria-valuenow", String(k)), N.current.setAttribute(
           "aria-valuetext",
           new Intl.NumberFormat(C.language, { style: "percent" }).format(
@@ -365,82 +385,82 @@ const fe = ee(
           )
         );
       }
-      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;
+      P(_[e]);
+    }, G = (t) => {
+      if (!u.current) return;
+      t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), u.current = null, E(!1);
+      const i = b.current;
       A(i), P(i[e], !0);
     }, Q = (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;
+      if (!u.current) return;
+      t.currentTarget.releasePointerCapture(t.pointerId), t.currentTarget.style.removeProperty("touch-action"), u.current = null, E(!1);
+      const i = b.current;
       A(i);
     }, W = (t) => {
       const i = e, y = e + 1;
       if (i >= s.length || y >= s.length) return;
-      const S = s[i], T = s[y], H = r === "horizontal", Y = H && F(), B = t.shiftKey ? 10 : 1, R = [...g.current], J = (w = B) => {
+      const v = s[i], T = s[y], H = r === "horizontal", K = H && F(), O = t.shiftKey ? 10 : 1, x = [...b.current], q = (R = O) => {
         const z = Math.min(
-          w,
-          S.maxSize - R[i],
-          R[y] - (T.collapsible ? T.collapsedSize : T.minSize)
+          R,
+          v.maxSize - x[i],
+          x[y] - (T.collapsible ? T.collapsedSize : T.minSize)
         );
         if (z <= 0) return null;
-        const b = [...R];
-        return b[i] += z, b[y] -= z, 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];
-        return K[i] -= b, K[y] += b, K;
+        const g = [...x];
+        return g[i] += z, g[y] -= z, g;
+      }, _ = (R = O) => {
+        const z = v.collapsible ? v.collapsedSize : v.minSize, g = Math.min(R, x[i] - z);
+        if (g <= 0) return null;
+        const B = [...x];
+        return B[i] -= g, B[y] += g, B;
       };
       let k = null;
       switch (t.key) {
         case "ArrowRight":
           if (!H) break;
-          t.preventDefault(), k = Y ? G() : J();
+          t.preventDefault(), k = K ? _() : q();
           break;
         case "ArrowLeft":
           if (!H) break;
-          t.preventDefault(), k = Y ? J() : G();
+          t.preventDefault(), k = K ? q() : _();
           break;
         case "ArrowDown":
           if (H) break;
-          t.preventDefault(), k = J();
+          t.preventDefault(), k = q();
           break;
         case "ArrowUp":
           if (H) break;
-          t.preventDefault(), k = G();
+          t.preventDefault(), k = _();
           break;
         case "Home": {
           t.preventDefault();
-          const w = S.collapsible ? S.collapsedSize : S.minSize, z = R[i] - w;
+          const R = v.collapsible ? v.collapsedSize : v.minSize, z = x[i] - R;
           if (z > 0) {
-            const b = [...R];
-            b[i] = w, b[y] += z, k = b;
+            const g = [...x];
+            g[i] = R, g[y] += z, k = g;
           }
           break;
         }
         case "End": {
           t.preventDefault();
-          const w = T.collapsible ? T.collapsedSize : T.minSize, z = Math.min(S.maxSize - R[i], R[y] - w);
+          const R = T.collapsible ? T.collapsedSize : T.minSize, z = Math.min(v.maxSize - x[i], x[y] - R);
           if (z > 0) {
-            const b = [...R];
-            b[i] += z, b[y] -= z, k = b;
+            const g = [...x];
+            g[i] += z, g[y] -= z, k = g;
           }
           break;
         }
         case "Enter": {
           t.preventDefault();
-          const w = S.collapsible ? S : T.collapsible ? T : null, z = S.collapsible ? i : T.collapsible ? y : -1;
-          if (!w || z < 0) break;
-          const b = z === i ? y : i, K = Math.abs(R[z] - w.collapsedSize) < 0.5, ne = R[i] + R[y], U = [...R];
-          K ? (U[z] = w.minSize, U[b] = ne - w.minSize) : (U[z] = w.collapsedSize, U[b] = ne - w.collapsedSize), k = U;
+          const R = v.collapsible ? v : T.collapsible ? T : null, z = v.collapsible ? i : T.collapsible ? y : -1;
+          if (!R || z < 0) break;
+          const g = z === i ? y : i, B = Math.abs(x[z] - R.collapsedSize) < 0.5, ne = x[i] + x[y], J = [...x];
+          B ? (J[z] = R.minSize, J[g] = ne - R.minSize) : (J[z] = R.collapsedSize, J[g] = ne - R.collapsedSize), k = J;
           break;
         }
       }
       k && (m(k), A(k), P(k[i], !0));
-    }, O = e, n = e + 1, o = s[O], D = s[n], q = r === "horizontal" ? "horizontal" : "vertical", $ = (t) => new Intl.NumberFormat(C.language, { style: "percent" }).format(
+    }, Y = e, n = e + 1, o = s[Y], D = s[n], U = r === "horizontal" ? "horizontal" : "vertical", $ = (t) => new Intl.NumberFormat(C.language, { style: "percent" }).format(
       t / 100
     );
     return (
@@ -449,22 +469,22 @@ const fe = ee(
         "div",
         {
           ref: (t) => {
-            N.current = t, typeof f == "function" ? f(t) : f && (f.current = t);
+            N.current = t, typeof p == "function" ? p(t) : p && (p.current = t);
           },
           role: "separator",
           tabIndex: 0,
-          "aria-orientation": q,
+          "aria-orientation": U,
           "aria-valuemin": o ? o.collapsible ? o.collapsedSize : o.minSize : 0,
           "aria-valuemax": (o == null ? void 0 : o.maxSize) ?? 100,
-          "aria-valuenow": Math.round(p[O] ?? 0),
-          "aria-valuetext": $(p[O] ?? 0),
+          "aria-valuenow": Math.round(d[Y] ?? 0),
+          "aria-valuetext": $(d[Y] ?? 0),
           "aria-controls": [o == null ? void 0 : o.id, D == null ? void 0 : D.id].filter(Boolean).join(" ") || void 0,
-          "aria-label": v("resizable.resizeLabel"),
-          "data-dragging": d ? "" : void 0,
-          className: Me({ orientation: q, className: u }),
-          onPointerDown: j,
+          "aria-label": S("resizable.resizeLabel"),
+          "data-dragging": f ? "" : void 0,
+          className: Me({ orientation: U, className: l }),
+          onPointerDown: X,
           onPointerMove: M,
-          onPointerUp: I,
+          onPointerUp: G,
           onPointerCancel: Q,
           onKeyDown: W
         }
@@ -472,13 +492,13 @@ const fe = ee(
     );
   }
 );
-fe.displayName = "Handle";
+pe.displayName = "Handle";
 export {
-  fe as H,
+  pe as H,
   ue as P,
   oe as R,
   Ce as a,
-  Re as r,
+  xe as r,
   le as u
 };
-//# sourceMappingURL=resizable-3vzqDlg6.js.map
+//# sourceMappingURL=resizable-DVGcfOrk.js.map