@factorialco/f0-react 1.310.0 → 1.311.0

package/dist/f0.js

@@ -1,36 +1,36 @@
-import { L as Cn, C as Wr, c as j, a as Di, u as _n, m as Ri, i as En, B as Si, O as Gr, p as $r, w as jr, S as Fe, b as Ur, F as Dn, d as Kr, A as Xr, D as Yr, e as qr, f as Re, g as Vr, h as me, j as Vi, k as Jr, l as di, n as lt, o as Zr, q as Qr, r as Ot, s as Rn, E as es, t as zt, v as ts, x as is, y as ns, z as rs, G as Xe, H as Sn, I as ss, J as os, K as as, M as Ji, N as ls, P as Nn, Q as cs, R as On, X as An, Y as vi, T as ds, U as Tn, V as us, W as hs, Z as fs, _ as gs, $ as ps, a0 as ms, a1 as vs, a2 as ys, a3 as Zi, a4 as bs, a5 as ct, a6 as ui, a7 as xs, a8 as ws, a9 as Cs, aa as _s, ab as Es, ac as Ds, ad as Rs, ae as Ss, af as Ns, ag as Os, ah as kn, ai as As, aj as Mt, ak as zn, al as Pn, am as Ts, an as Mn, ao as Ln, ap as In, aq as ks, ar as zs, as as Hn, at as Ps, au as Ms, av as Ls, aw as Is, ax as Hs, ay as Bs, az as Bn, aA as Ve, aB as Fn, aC as Fs, aD as Ws, aE as Qi, aF as Gs, aG as Wn, aH as $s, aI as js, aJ as Us, aK as Ks, aL as Xs, aM as Ys, aN as qs, aO as Vs, aP as Js, aQ as Zs, aR as Qs, aS as eo } from "./hooks-BxHngDSH.js";
-import { bl as Zc, by as Qc, bH as ed, aT as td, aU as id, aV as nd, aW as rd, aX as sd, aY as od, aZ as ad, a_ as ld, b0 as cd, b1 as dd, b2 as ud, b3 as hd, b4 as fd, b5 as gd, b6 as pd, bD as md, b8 as vd, b9 as yd, bd, be as xd, bf as wd, bg as Cd, bi as _d, bj as Ed, bk as Dd, bn as Rd, bb as Sd, bm as Nd, bc as Od, bh as Ad, bE as Td, bx as kd, bs as zd, bv as Pd, br as Md, bI as Ld, bq as Id, bp as Hd, a$ as Bd, b7 as Fd, ba as Wd, bo as Gd, bt as $d, bz as jd, bA as Ud, bB as Kd, bJ as Xd, bu as Yd, bC as qd, bG as Vd, bw as Jd, bF as Zd } from "./hooks-BxHngDSH.js";
-import { jsx as g, jsxs as M, Fragment as Vt } from "react/jsx-runtime";
-import L, { forwardRef as le, useRef as I, useImperativeHandle as to, Children as Lt, createContext as Ne, useContext as we, useState as W, useMemo as B, useEffect as H, useCallback as K, useLayoutEffect as yi, createElement as en, isValidElement as Gn, Fragment as io, memo as no, useReducer as ro, cloneElement as so, PureComponent as oo } from "react";
-import { createPortal as $n, unstable_batchedUpdates as At } from "react-dom";
-import { defaultTranslations as eu } from "./i18n-provider-defaults.js";
-import './f0.css';const ao = {
+import { L as _n, C as jr, c as j, a as Di, u as En, m as Ri, i as Dn, B as Si, O as Ur, p as Kr, w as Rn, S as xe, b as Xr, F as Sn, d as Yr, A as Vr, D as qr, e as Jr, f as we, g as Zr, h as me, j as qi, k as Qr, l as di, n as lt, o as es, q as ts, r as Ot, s as Nn, E as is, t as zt, v as ns, x as rs, y as ss, z as os, G as Xe, H as On, I as as, J as ls, K as cs, M as Ji, N as ds, P as An, Q as us, R as Tn, X as kn, Y as vi, T as hs, U as zn, V as fs, W as gs, Z as ps, _ as ms, $ as vs, a0 as ys, a1 as bs, a2 as xs, a3 as Zi, a4 as ws, a5 as ct, a6 as ui, a7 as Cs, a8 as _s, a9 as Es, aa as Ds, ab as Rs, ac as Ss, ad as Ns, ae as Os, af as As, ag as Ts, ah as ks, ai as Qi, aj as zs, ak as Ps, al as Pn, am as Ms, an as Mt, ao as Mn, ap as Ln, aq as Ls, ar as In, as as Hn, at as Bn, au as Is, av as Hs, aw as Fn, ax as Bs, ay as Fs, az as Ws, aA as Gs, aB as $s, aC as js, aD as Wn, aE as qe, aF as Gn, aG as Us, aH as Ks, aI as en, aJ as Xs, aK as $n, aL as Ys, aM as Vs, aN as qs, aO as Js, aP as Zs, aQ as Qs, aR as eo, aS as to, aT as io, aU as no, aV as ro, aW as so } from "./hooks-ncaiQCro.js";
+import { bo as ad, bB as ld, bK as cd, aX as dd, aY as ud, aZ as hd, a_ as fd, a$ as gd, b0 as pd, b1 as md, b2 as vd, b4 as yd, b5 as bd, b6 as xd, b7 as wd, b8 as Cd, b9 as _d, ba as Ed, bG as Dd, bc as Rd, bd as Sd, bh as Nd, bi as Od, bj as Ad, bl as Td, bm as kd, bn as zd, bq as Pd, bf as Md, bp as Ld, bg as Id, bk as Hd, bH as Bd, bA as Fd, bv as Wd, by as Gd, bu as $d, bL as jd, bt as Ud, bs as Kd, b3 as Xd, bb as Yd, be as Vd, br as qd, bw as Jd, bC as Zd, bD as Qd, bE as eu, bM as tu, bx as iu, bF as nu, bJ as ru, bz as su, bI as ou } from "./hooks-ncaiQCro.js";
+import { jsx as g, jsxs as P, Fragment as qt } from "react/jsx-runtime";
+import L, { forwardRef as le, useRef as I, useImperativeHandle as oo, Children as Lt, createContext as Oe, useContext as _e, useState as W, useMemo as B, useEffect as H, useCallback as K, useLayoutEffect as yi, createElement as tn, isValidElement as jn, Fragment as ao, memo as lo, useReducer as co, cloneElement as uo, PureComponent as ho } from "react";
+import { createPortal as Un, unstable_batchedUpdates as At } from "react-dom";
+import { defaultTranslations as lu } from "./i18n-provider-defaults.js";
+import './f0.css';const fo = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, lo = le(function({ widgets: e, children: t }, i) {
+}, go = le(function({ widgets: e, children: t }, i) {
   const r = I(null);
-  to(i, () => r.current);
+  oo(i, () => r.current);
   const s = Lt.toArray(e).filter((o) => !!o).map((o, a) => g("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: o
   }, a));
-  return g(Cn, {
+  return g(_n, {
     layout: "home",
-    children: M("div", {
+    children: P("div", {
       ref: r,
       className: "@container",
-      children: [M("div", {
+      children: [P("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [g(Wr, {
-          columns: ao,
+        children: [g(jr, {
+          columns: fo,
           showArrows: !1,
           children: s
         }), g("main", {
           children: t
         })]
-      }), M("div", {
+      }), P("div", {
         className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
         children: [g("div", {
           className: "col-span-3 flex flex-row gap-5 *:flex-1",
@@ -45,57 +45,57 @@ import './f0.css';const ao = {
       })]
     })
   });
-}), co = le(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: r = !1 }, s) {
+}), po = le(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: r = !1 }, s) {
   return g("div", {
     ref: s,
     className: "h-full",
-    children: M("div", {
+    children: P("div", {
       className: j("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", r && "md:sticky md:top-0 md:max-h-full"),
       children: [g("main", {
         className: j("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", r ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", i === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
         children: e
-      }), g(uo, {
+      }), g(mo, {
         sticky: r,
         className: j("order-1", i === "right" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), uo = ({ children: n, className: e }) => g("aside", {
+}), mo = ({ children: n, className: e }) => g("aside", {
   className: j("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
   children: n
-}), ho = Di({
+}), vo = Di({
   base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
   variants: {
     variant: {
       narrow: "max-w-screen-lg"
     }
   }
-}), jn = L.forwardRef(({ children: n, variant: e, className: t, ...i }, r) => g(Cn, {
+}), Kn = L.forwardRef(({ children: n, variant: e, className: t, ...i }, r) => g(_n, {
   layout: "standard",
   children: g("section", {
     ref: r,
     className: j("relative flex-1 overflow-auto", t),
     ...i,
     children: g("div", {
-      className: j(ho({
+      className: j(vo({
         variant: e
       })),
       children: n
     })
   })
 }));
-jn.displayName = "StandardLayout";
-const Un = Ne(null);
-function Kn() {
-  const n = we(Un);
+Kn.displayName = "StandardLayout";
+const Xn = Oe(null);
+function Yn() {
+  const n = _e(Xn);
   if (!n)
     throw new Error(
       "useGridStackContext must be used within a GridStackProvider"
     );
   return n;
 }
-function fo(n) {
+function yo(n) {
   const { content: e, ...t } = n;
   return e !== void 0 ? {
     ...t,
@@ -106,7 +106,7 @@ function fo(n) {
 }
 function Ye(n) {
   var t;
-  const e = fo(n);
+  const e = yo(n);
   return (t = n.subGridOpts) != null && t.children && (e.subGridOpts = {
     ...n.subGridOpts,
     children: n.subGridOpts.children.map(
@@ -114,8 +114,8 @@ function Ye(n) {
     )
   }), e;
 }
-const go = ["noMove", "noResize", "locked", "w", "h", "x", "y"], Me = 200;
-function po(n) {
+const bo = ["noMove", "noResize", "locked", "w", "h", "x", "y"], Le = 200;
+function xo(n) {
   const e = n.cloneNode(!0);
   return n.querySelectorAll("canvas").forEach((i) => {
     if (i.width > 0 && i.height > 0)
@@ -130,7 +130,7 @@ function po(n) {
       }
   }), e.innerHTML;
 }
-function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r }) {
+function wo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r }) {
   const [s, o] = W(null), a = I(null), l = I(!1), u = B(() => ({
     ...e,
     children: (r || []).map((C) => Ye(C))
@@ -177,7 +177,7 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
       y(b);
     }), C;
   });
-  _n(() => {
+  En(() => {
     if (!s) return;
     const C = s.save();
     if (!Array.isArray(C))
@@ -211,26 +211,26 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
       A.forEach((m) => {
         setTimeout(() => {
           h.current.delete(m), v.current.delete(m);
-        }, Me);
+        }, Le);
       }), E.forEach((m) => {
         const _ = s.el.querySelector(`[gs-id="${m.id}"]`);
         _ && setTimeout(() => {
           s.removeWidget(_, !0);
-        }, Me);
+        }, Le);
       }), S((m) => {
         const _ = new Map(m);
         return A.forEach((O) => {
           setTimeout(() => {
             _.delete(O);
-          }, Me);
+          }, Le);
         }), _;
       }), d((m) => {
         const _ = new Map(m);
         return A.forEach((O) => {
           if (_.get(O)) {
-            const V = s.el.querySelector(`[gs-id="${O}"] .grid-stack-item-content`);
+            const q = s.el.querySelector(`[gs-id="${O}"] .grid-stack-item-content`);
             let X = "";
-            V && (X = po(V)), _.set(O, g(Ri.div, {
+            q && (X = xo(q)), _.set(O, g(Ri.div, {
               className: "h-full w-full",
               initial: {
                 opacity: 1,
@@ -249,15 +249,15 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
               },
               transition: {
                 opacity: {
-                  duration: Me / 1e3,
+                  duration: Le / 1e3,
                   ease: [0.32, 0, 0.67, 0]
                 },
                 scale: {
-                  duration: Me / 1e3,
+                  duration: Le / 1e3,
                   ease: [0.65, 0, 0.35, 1]
                 },
                 filter: {
-                  duration: Me / 1e3,
+                  duration: Le / 1e3,
                   ease: "linear"
                 }
               },
@@ -268,14 +268,14 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
           }
           setTimeout(() => {
             _.delete(O);
-          }, Me);
+          }, Le);
         }), _;
       }), x((m) => {
         const _ = new Map(m);
         return A.forEach((O) => {
           setTimeout(() => {
             _.delete(O);
-          }, Me);
+          }, Le);
         }), _;
       });
     }
@@ -283,24 +283,24 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
     if (k.length > 0) {
       const A = [];
       k.forEach((m) => {
-        const _ = C.find((P) => P.id === m.id);
+        const _ = C.find((M) => M.id === m.id);
         if (!_)
           return;
-        const O = go.filter((P) => _[P] !== m[P]);
+        const O = bo.filter((M) => _[M] !== m[M]);
         if (O.length > 0) {
-          const P = {}, V = ["w", "h", "x", "y"], X = ["noMove", "noResize", "locked"], U = O.filter((G) => V.includes(G)), te = O.filter((G) => X.includes(G));
+          const M = {}, q = ["w", "h", "x", "y"], X = ["noMove", "noResize", "locked"], U = O.filter((G) => q.includes(G)), te = O.filter((G) => X.includes(G));
           if (U.length > 0 && te.length > 0 && U.length + te.length === O.length ? te.forEach((G) => {
             const ne = m[G];
-            ne !== void 0 && (P[G] = ne);
+            ne !== void 0 && (M[G] = ne);
           }) : O.forEach((G) => {
             const ne = m[G];
-            ne !== void 0 && (P[G] = ne);
-          }), Object.keys(P).length > 0) {
+            ne !== void 0 && (M[G] = ne);
+          }), Object.keys(M).length > 0) {
             const G = s.el.querySelector(`[gs-id="${m.id}"]`);
             G && A.push({
               id: m.id,
               element: G,
-              updateOptions: P
+              updateOptions: M
             });
           }
         }
@@ -315,8 +315,8 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
       }), S((m) => {
         const _ = new Map(m);
         return k.forEach((O) => {
-          const P = Ye(O);
-          _.set(O.id, P);
+          const M = Ye(O);
+          _.set(O.id, M);
         }), _;
       }), d((m) => {
         const _ = new Map(m);
@@ -395,7 +395,7 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
     a.current = s;
   }, [s]), H(() => {
     s && s.el && s.el.parentElement && l.current && N();
-  }, [s]), g(Un.Provider, {
+  }, [s]), g(Xn.Provider, {
     value: {
       options: u,
       gridStack: s,
@@ -415,33 +415,33 @@ function mo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
     children: n
   });
 }
-const Xn = Ne(null);
-function vo() {
-  const n = we(Xn);
+const Vn = Oe(null);
+function Co() {
+  const n = _e(Vn);
   if (!n)
     throw new Error(
       "useGridStackRenderContext must be used within a GridStackProvider"
     );
   return n;
 }
-const yo = Ne(null);
-function bo() {
-  const { _reactContentMap: n } = Kn(), { getWidgetContainer: e } = vo();
-  return g(Vt, {
+const _o = Oe(null);
+function Eo() {
+  const { _reactContentMap: n } = Yn(), { getWidgetContainer: e } = Co();
+  return g(qt, {
     children: Array.from(n.value.entries()).map(([t, i]) => {
       const r = e(t);
-      return r ? g(yo.Provider, {
+      return r ? g(_o.Provider, {
         value: {
           widget: {
             id: t
           }
         },
-        children: i && $n(i, r)
+        children: i && Un(i, r)
       }, t) : (console.error(`Widget container not found for widget ${t}`), null);
     })
   });
 }
-function xo(n, e, t, i, r) {
+function Do(n, e, t, i, r) {
   const s = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + r + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(n, o));
   return s.prototype = e.prototype, s;
 }
@@ -944,7 +944,7 @@ class p {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class Se {
+class Ne {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -1256,7 +1256,7 @@ class Se {
    * console.log('Node prepared at:', prepared.x, prepared.y);
    */
   prepareNode(e, t) {
-    e._id = e._id ?? Se._idSeq++;
+    e._id = e._id ?? Ne._idSeq++;
     const i = e.id;
     if (i) {
       let s = 1;
@@ -1456,7 +1456,7 @@ class Se {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const r = new Se({
+    const r = new Ne({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((o) => o._id === e._id ? (i = { ...o }, i) : { ...o })
@@ -1478,7 +1478,7 @@ class Se {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new Se({
+    const t = new Ne({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((r) => ({ ...r }))
@@ -1622,7 +1622,7 @@ class Se {
     return e.forEach((s, o) => {
       if (s._id === void 0) {
         const a = s.id ? this.nodes.find((l) => l.id === s.id) : void 0;
-        s._id = (a == null ? void 0 : a._id) ?? Se._idSeq++;
+        s._id = (a == null ? void 0 : a._id) ?? Ne._idSeq++;
       }
       r[o] = { x: s.x, y: s.y, w: s.w, _id: s._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = r, this;
@@ -1633,7 +1633,7 @@ class Se {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? Se._idSeq++;
+    e._id = e._id ?? Ne._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const r = this.findCacheLayout(e, t);
@@ -1657,7 +1657,7 @@ class Se {
     return this;
   }
 }
-Se._idSeq = 0;
+Ne._idSeq = 0;
 const ae = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
@@ -1690,36 +1690,36 @@ const ae = {
 class z {
 }
 const fe = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
-class xe {
+class Ce {
 }
 function It(n, e) {
   n.touches.length > 1 || (n.cancelable && n.preventDefault(), p.simulateMouseEvent(n.changedTouches[0], e));
 }
-function Yn(n, e) {
+function qn(n, e) {
   n.cancelable && n.preventDefault(), p.simulateMouseEvent(n, e);
 }
 function Ht(n) {
-  xe.touchHandled || (xe.touchHandled = !0, It(n, "mousedown"));
+  Ce.touchHandled || (Ce.touchHandled = !0, It(n, "mousedown"));
 }
 function Bt(n) {
-  xe.touchHandled && It(n, "mousemove");
+  Ce.touchHandled && It(n, "mousemove");
 }
 function Ft(n) {
-  if (!xe.touchHandled)
+  if (!Ce.touchHandled)
     return;
-  xe.pointerLeaveTimeout && (window.clearTimeout(xe.pointerLeaveTimeout), delete xe.pointerLeaveTimeout);
+  Ce.pointerLeaveTimeout && (window.clearTimeout(Ce.pointerLeaveTimeout), delete Ce.pointerLeaveTimeout);
   const e = !!z.dragElement;
-  It(n, "mouseup"), e || It(n, "click"), xe.touchHandled = !1;
+  It(n, "mouseup"), e || It(n, "click"), Ce.touchHandled = !1;
 }
 function Wt(n) {
   n.pointerType !== "mouse" && n.target.releasePointerCapture(n.pointerId);
 }
-function tn(n) {
-  z.dragElement && n.pointerType !== "mouse" && Yn(n, "mouseenter");
-}
 function nn(n) {
-  z.dragElement && n.pointerType !== "mouse" && (xe.pointerLeaveTimeout = window.setTimeout(() => {
-    delete xe.pointerLeaveTimeout, Yn(n, "mouseleave");
+  z.dragElement && n.pointerType !== "mouse" && qn(n, "mouseenter");
+}
+function rn(n) {
+  z.dragElement && n.pointerType !== "mouse" && (Ce.pointerLeaveTimeout = window.setTimeout(() => {
+    delete Ce.pointerLeaveTimeout, qn(n, "mouseleave");
   }, 10));
 }
 class Jt {
@@ -1970,7 +1970,7 @@ class pt extends Ni {
   }
 }
 pt._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const wo = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+const Ro = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
 class mt extends Ni {
   constructor(e, t = {}) {
     var s;
@@ -2008,7 +2008,7 @@ class mt extends Ni {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!z.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(wo) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete z.dragElement, delete z.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), fe && (e.currentTarget.addEventListener("touchmove", Bt), e.currentTarget.addEventListener("touchend", Ft)), e.preventDefault(), document.activeElement && document.activeElement.blur(), z.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ro) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete z.dragElement, delete z.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), fe && (e.currentTarget.addEventListener("touchmove", Bt), e.currentTarget.addEventListener("touchend", Ft)), e.preventDefault(), document.activeElement && document.activeElement.blur(), z.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2122,7 +2122,7 @@ class mt extends Ni {
   }
 }
 mt.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Co extends Ni {
+class So extends Ni {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -2133,10 +2133,10 @@ class Co extends Ni {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), fe && (this.el.addEventListener("pointerenter", tn), this.el.addEventListener("pointerleave", nn)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), fe && (this.el.addEventListener("pointerenter", nn), this.el.addEventListener("pointerleave", rn)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), fe && (this.el.removeEventListener("pointerenter", tn), this.el.removeEventListener("pointerleave", nn)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), fe && (this.el.removeEventListener("pointerenter", nn), this.el.removeEventListener("pointerleave", rn)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2214,13 +2214,13 @@ class Oi {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Co(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new So(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class _o {
+class No {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -2335,7 +2335,7 @@ class _o {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const Q = new _o();
+const Q = new No();
 class T {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -2449,7 +2449,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       delete t.cellHeight, this.cellHeight(c);
     }
     t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = fe), this._setStaticClass();
-    const l = t.engineClass || T.engineClass || Se;
+    const l = t.engineClass || T.engineClass || Ne;
     if (this.engine = new l({
       column: this.getColumn(),
       float: t.float,
@@ -3868,7 +3868,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return xo(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Do(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 T.renderCB = (n, e) => {
@@ -3876,11 +3876,11 @@ T.renderCB = (n, e) => {
 };
 T.resizeToContentParent = ".grid-stack-item-content";
 T.Utils = p;
-T.Engine = Se;
+T.Engine = Ne;
 T.GDRev = "12.3.2";
 const Tt = /* @__PURE__ */ new WeakMap();
-function Eo({ children: n }) {
-  const { _gridStack: { value: e, set: t }, options: i } = Kn(), r = I(/* @__PURE__ */ new Map()), s = I(null), o = I(i), a = K((c, d) => {
+function Oo({ children: n }) {
+  const { _gridStack: { value: e, set: t }, options: i } = Yn(), r = I(/* @__PURE__ */ new Map()), s = I(null), o = I(i), a = K((c, d) => {
     if (d.id && d.grid) {
       let h = Tt.get(d.grid);
       h || (h = /* @__PURE__ */ new Map(), Tt.set(d.grid, h)), h.set(d.id, c), r.current.set(d.id, c);
@@ -3894,7 +3894,7 @@ function Eo({ children: n }) {
     return null;
   }, [a]), u = (c, d) => {
     const { children: h, ...f } = c, { children: x, ...v } = d;
-    return En(f, v);
+    return Dn(f, v);
   };
   return yi(() => {
     if (!u(i, o.current) && e)
@@ -3911,7 +3911,7 @@ function Eo({ children: n }) {
       } catch (c) {
         console.error("Error initializing gridstack", c);
       }
-  }, [e, l, t]), g(Xn.Provider, {
+  }, [e, l, t]), g(Vn.Provider, {
     value: B(() => ({
       getWidgetContainer: (c) => {
         if (e) {
@@ -3955,7 +3955,7 @@ const Ai = ({ options: n, widgets: e, onChange: t, className: i }) => {
     }
     return d;
   };
-  return g(mo, {
+  return g(wo, {
     options: s,
     widgets: e,
     onResizeStop: (l, u) => {
@@ -3972,16 +3972,16 @@ const Ai = ({ options: n, widgets: e, onChange: t, className: i }) => {
       }));
     },
     onChange: t,
-    children: g(Eo, {
-      children: g(bo, {})
+    children: g(Oo, {
+      children: g(Eo, {})
     })
   });
 };
 Ai.displayName = "F0GridStack";
-const Do = (n, e, t) => g("div", {
+const Ao = (n, e, t) => g("div", {
   children: n
 }), Zt = ({ widgets: n = [], editMode: e = !1, onChange: t = () => {
-}, WidgetWrapper: i = Do, main: r = !1, deps: s }) => {
+}, WidgetWrapper: i = Ao, main: r = !1, deps: s }) => {
   const o = K((y, b, D) => g(Ri.div, {
     className: "h-full w-full",
     initial: {
@@ -4099,29 +4099,29 @@ const Do = (n, e, t) => g("div", {
     });
     const A = Array.from(E.values()).some((m) => m) || D;
     y && !b && !A ? (x.current = !0, d((m) => m.map((_) => {
-      const O = n.find((V) => V.id === _.id);
+      const O = n.find((q) => q.id === _.id);
       if (!O)
         return _;
-      const P = l(O, s);
+      const M = l(O, s);
       return {
         ..._,
         noMove: !e,
         noResize: !e,
         locked: O.locked,
         meta: O.meta,
-        _originalContent: P,
-        content: o(P, O.meta, e)
+        _originalContent: M,
+        content: o(M, O.meta, e)
       };
     }))) : (b || A) && d((m) => {
       const _ = new Map(m.map((O) => [O.id, O]));
       return n.map((O) => {
-        const P = _.get(O.id), V = E.get(O.id) ?? !1;
+        const M = _.get(O.id), q = E.get(O.id) ?? !1;
         let X;
-        V || !P ? X = l(O, s) : X = P._originalContent ?? l(O, s);
+        q || !M ? X = l(O, s) : X = M._originalContent ?? l(O, s);
         const U = {
           id: O.id,
-          h: (P == null ? void 0 : P.h) ?? O.h ?? 1,
-          w: (P == null ? void 0 : P.w) ?? O.w ?? 1,
+          h: (M == null ? void 0 : M.h) ?? O.h ?? 1,
+          w: (M == null ? void 0 : M.w) ?? O.w ?? 1,
           allowedSizes: O.availableSizes,
           noMove: !e,
           noResize: !e,
@@ -4129,7 +4129,7 @@ const Do = (n, e, t) => g("div", {
           meta: O.meta,
           _originalContent: X,
           content: o(X, O.meta, e)
-        }, te = (P == null ? void 0 : P.x) ?? O.x, G = (P == null ? void 0 : P.y) ?? O.y;
+        }, te = (M == null ? void 0 : M.x) ?? O.x, G = (M == null ? void 0 : M.y) ?? O.y;
         return te !== void 0 && (U.x = te), G !== void 0 && (U.y = G), U;
       });
     }), h.current = e, f.current = n, S.current = s;
@@ -4142,13 +4142,13 @@ const Do = (n, e, t) => g("div", {
 };
 Zt.displayName = "GroupGrid";
 Zt.__isPageLayoutGroup = !0;
-const Ro = (n, e) => {
+const To = (n, e) => {
   const t = e;
   return t.displayName = n, t.__isPageLayoutBlock = !0, t;
-}, So = (n, e) => {
+}, ko = (n, e) => {
   const t = e;
   return t.displayName = n, t.__isPageLayoutGroup = !0, t;
-}, No = (n, e) => g("svg", {
+}, zo = (n, e) => g("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4159,8 +4159,8 @@ const Ro = (n, e) => {
     d: "M11.9912 16C13.452 16.0001 14.8895 16.4311 16.1289 17.2705C16.6275 17.6086 16.6225 18.3843 16.1221 18.7188C14.8843 19.5444 13.4491 19.9999 11.9912 20C10.4905 19.9999 9.08362 19.5285 7.88184 18.7305C7.37377 18.3931 7.37263 17.6066 7.88086 17.2695C9.11404 16.4517 10.5409 16.0001 11.9912 16ZM5.27051 7.87109C5.60858 7.37248 6.38428 7.37747 6.71875 7.87793C7.54437 9.11572 7.9999 10.5509 8 12.0088C7.99994 13.5095 7.52845 14.9164 6.73047 16.1182C6.39307 16.6262 5.60663 16.6274 5.26953 16.1191C4.45167 14.886 4.00006 13.4591 4 12.0088C4.0001 10.548 4.43107 9.1105 5.27051 7.87109ZM17.2705 7.87109C17.6086 7.37248 18.3843 7.37747 18.7188 7.87793C19.5444 9.11572 19.9999 10.5509 20 12.0088C19.9999 13.5095 19.5285 14.9164 18.7305 16.1182C18.3931 16.6262 17.6066 16.6274 17.2695 16.1191C16.4517 14.886 16.0001 13.4591 16 12.0088C16.0001 10.548 16.4311 9.1105 17.2705 7.87109ZM11.9912 4C13.452 4.0001 14.8895 4.43107 16.1289 5.27051C16.6275 5.60858 16.6225 6.38428 16.1221 6.71875C14.8843 7.54437 13.4491 7.9999 11.9912 8C10.4905 7.99994 9.08362 7.52845 7.88184 6.73047C7.37377 6.39307 7.37263 5.60663 7.88086 5.26953C9.11404 4.45167 10.5409 4.00006 11.9912 4Z",
     vectorEffect: "non-scaling-stroke"
   })
-}), qn = le(No), Oo = ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style", "variant", "loading", "emoji"], Vn = le((n, e) => {
-  const t = Oo.reduce((i, r) => {
+}), Jn = le(zo), Po = ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style", "variant", "loading", "emoji"], Zn = le((n, e) => {
+  const t = Po.reduce((i, r) => {
     const { [r]: s, ...o } = i;
     return o;
   }, n);
@@ -4168,10 +4168,10 @@ const Ro = (n, e) => {
     ...t,
     variant: "ai",
     ref: e,
-    iconRotate: n.icon == qn
+    iconRotate: n.icon == Jn
   });
 });
-Vn.displayName = "AIButton";
+Zn.displayName = "AIButton";
 const hi = Di({
   base: "text-base text-f1-foreground",
   variants: {
@@ -4213,7 +4213,7 @@ const hi = Di({
     variant: "body",
     align: "left"
   }
-}), Ao = {
+}), Mo = {
   "heading-large": "h1",
   heading: "h2",
   body: "p",
@@ -4233,9 +4233,9 @@ const hi = Di({
   "info-strong": "p",
   code: "code"
 }, Ti = le(({ content: n, variant: e, align: t, className: i, as: r, ellipsis: s, noEllipsisTooltip: o, markdown: a, ...l }, u) => {
-  const c = r ?? Ao[e ?? "body"];
+  const c = r ?? Mo[e ?? "body"];
   if (s !== void 0)
-    return g(Gr, {
+    return g(Ur, {
       ref: u,
       lines: typeof s == "number" ? s : 1,
       noTooltip: o,
@@ -4249,8 +4249,8 @@ const hi = Di({
       children: n
     });
   if (a) {
-    const d = $r(n);
-    return en(c, {
+    const d = Kr(n);
+    return tn(c, {
       ...l,
       className: j(hi({
         variant: e,
@@ -4262,7 +4262,7 @@ const hi = Di({
       }
     });
   }
-  return en(c, {
+  return tn(c, {
     ...l,
     className: j(hi({
       variant: e,
@@ -4272,20 +4272,20 @@ const hi = Di({
   }, n);
 });
 Ti.displayName = "Text";
-const Jn = le((n, e) => g(Ti, {
+const Qn = le((n, e) => g(Ti, {
   ref: e,
   markdown: n.markdown ?? !0,
   ...n
 }));
-Jn.displayName = "F0Text";
-const wc = [
+Qn.displayName = "F0Text";
+const Oc = [
   "person",
   "team",
   "company",
   "file",
   "flag"
-], Zn = ({ title: n, draggable: e = !1, onDragStart: t, onDragEnd: i, isDragging: r = !1, AIButton: s, actions: o, children: a, selected: l = !1 }) => {
-  const [u, c] = W(!1), [d, h] = W(!1), f = Ur(), x = (w) => {
+], er = ({ title: n, draggable: e = !1, onDragStart: t, onDragEnd: i, isDragging: r = !1, AIButton: s, actions: o, children: a, selected: l = !1 }) => {
+  const [u, c] = W(!1), [d, h] = W(!1), f = Xr(), x = (w) => {
     c(w);
   }, v = d || u;
   return H(() => {
@@ -4296,32 +4296,32 @@ const wc = [
     return document.addEventListener("mouseup", w), () => {
       document.removeEventListener("mouseup", w);
     };
-  }, [r, i]), M("div", {
+  }, [r, i]), P("div", {
     className: j("group relative flex h-full w-full flex-col overflow-hidden rounded-xl border border-solid border-f1-border bg-f1-background transition-all duration-200", e && u ? "border-f1-border-hover" : e && "hover:border-f1-border-hover", l && "border-f1-border-selected-bold shadow-[0_0_0_4px_hsl(var(--selected-50)/0.1)]", r && "cursor-grabbing border-f1-border-hover shadow-[0_6px_12px_0_hsl(var(--shadow)/0.06),0_16px_24px_-12px_hsl(var(--shadow)/0.05)]"),
     onMouseEnter: () => h(!0),
     onMouseLeave: () => h(!1),
-    children: [M("div", {
+    children: [P("div", {
       className: "flex h-12 w-full items-center justify-between gap-3",
-      children: [M("div", {
+      children: [P("div", {
         className: j("flex min-w-0 flex-1 items-center", !e && "pl-4", !o && !s && "pr-4"),
         children: [e && g("div", {
           className: "flex h-12 w-12 items-center justify-center text-f1-icon-secondary hover:cursor-grab",
           onMouseDown: t,
           "data-gs-handle": "true",
-          children: g(Dn, {
-            icon: Kr,
+          children: g(Sn, {
+            icon: Yr,
             size: "xs"
           })
         }), g("div", {
           className: j("flex min-w-0 flex-1 items-center", e && "-translate-x-1.5"),
-          children: g(Jn, {
+          children: g(Qn, {
             variant: "label",
             content: n,
             ellipsis: !0
           })
         })]
-      }), g(Xr, {
-        children: (s || o) && v && M(Ri.div, {
+      }), g(Vr, {
+        children: (s || o) && v && P(Ri.div, {
           className: j("flex shrink-0 items-center gap-0.5 pr-2", !o && "pr-4"),
           initial: {
             opacity: 0
@@ -4338,19 +4338,19 @@ const wc = [
           },
           children: [s && g("div", {
             className: "flex h-6 items-center",
-            children: g(Vn, {
+            children: g(Zn, {
               size: "sm",
               label: f.ai.ask,
               onClick: s,
-              icon: qn
+              icon: Jn
             })
-          }), o && g(Yr, {
+          }), o && g(qr, {
             items: o,
             open: u,
             onOpenChange: x,
             align: "end",
             children: g(Si, {
-              icon: qr,
+              icon: Jr,
               label: "Actions",
               variant: "ghost",
               size: "md",
@@ -4367,45 +4367,45 @@ const wc = [
       children: a
     })]
   });
-}, To = () => M("div", {
+}, Lo = () => P("div", {
   className: "relative flex h-full w-full cursor-progress flex-col rounded-xl border border-solid border-f1-border-secondary bg-f1-background",
   children: [g("div", {
     className: "flex h-12 w-full items-center px-4",
-    children: g(Fe, {
+    children: g(xe, {
       className: "h-3 w-full max-w-16 rounded-md"
     })
-  }), M("div", {
+  }), P("div", {
     className: "flex flex-1 items-end gap-2 px-4 pb-4",
-    children: [g(Fe, {
+    children: [g(xe, {
       className: "h-1/2 w-full rounded-sm"
-    }), g(Fe, {
+    }), g(xe, {
       className: "h-1/3 w-full rounded-sm"
-    }), g(Fe, {
+    }), g(xe, {
       className: "h-1/5 w-full rounded-sm"
-    }), g(Fe, {
+    }), g(xe, {
       className: "h-1/3 w-full rounded-sm"
-    }), g(Fe, {
+    }), g(xe, {
       className: "h-full w-full rounded-sm"
-    }), g(Fe, {
+    }), g(xe, {
       className: "h-3/4 w-full rounded-sm"
     })]
   })]
 });
-Zn.displayName = "F0Widget";
-const ko = jr(Zn, To), zo = ({ children: n, title: e, draggable: t = !1, actions: i, aiButton: r }) => g(ko, {
+er.displayName = "F0Widget";
+const Io = Rn(er, Lo), Ho = ({ children: n, title: e, draggable: t = !1, actions: i, aiButton: r }) => g(Io, {
   title: e,
   draggable: t,
   actions: i,
   AIButton: r,
   children: n
-}), Qn = ({ widgets: n, editMode: e = !1, onChange: t = () => {
+}), tr = ({ widgets: n, editMode: e = !1, onChange: t = () => {
 }, deps: i, ...r }) => g(Zt, {
   widgets: n,
   editMode: e,
   onChange: t,
   deps: i,
   ...r,
-  WidgetWrapper: (s, o, a) => g(zo, {
+  WidgetWrapper: (s, o, a) => g(Ho, {
     title: (o == null ? void 0 : o.title) ?? "",
     draggable: a,
     actions: o == null ? void 0 : o.actions,
@@ -4413,8 +4413,8 @@ const ko = jr(Zn, To), zo = ({ children: n, title: e, draggable: t = !1, actions
     children: s
   })
 });
-Qn.displayName = "Dashboard";
-const Po = So("Dashboard", Qn), Cc = Re("Dashboard", Po), Mo = Di({
+tr.displayName = "Dashboard";
+const Bo = ko("Dashboard", tr), Ac = we("Dashboard", Bo), Fo = Di({
   base: "flex w-full flex-col p-4",
   variants: {
     variant: {
@@ -4423,18 +4423,18 @@ const Po = So("Dashboard", Qn), Cc = Re("Dashboard", Po), Mo = Di({
       full: "p-0"
     }
   }
-}), Lo = (n) => (n || []).map((e) => e.items).reduce((e, t) => (e.length > 0 && e.push({
+}), Wo = (n) => (n || []).map((e) => e.items).reduce((e, t) => (e.length > 0 && e.push({
   type: "separator"
-}), e.push(...t), e), []), Io = (n) => {
+}), e.push(...t), e), []), Go = (n) => {
   const e = (t) => "onClick" in t;
   return Array.isArray(n) ? n.every(e) ? [{
     items: n
   }] : n : [n];
 }, Qt = le(({ children: n, variant: e = "default", className: t, draggable: i = !1, onDragStart: r, onDragEnd: s, onDrop: o, dragId: a, primaryAction: l, ...u }, c) => {
-  const d = B(() => Io(u.actions || []), [u.actions]), h = B(() => d.flatMap((x) => x.items), [d]), f = B(() => h.length > 0 || !!l, [h, l]);
-  return M("div", {
+  const d = B(() => Go(u.actions || []), [u.actions]), h = B(() => d.flatMap((x) => x.items), [d]), f = B(() => h.length > 0 || !!l, [h, l]);
+  return P("div", {
     ref: c,
-    className: j(Mo({
+    className: j(Fo({
       variant: e
     }), "relative", t),
     draggable: i,
@@ -4443,10 +4443,10 @@ const Po = So("Dashboard", Qn), Cc = Re("Dashboard", Po), Mo = Di({
     onDrop: o,
     "data-drag-id": a,
     ...u,
-    children: [f && M("div", {
+    children: [f && P("div", {
       className: "absolute right-0 top-0 flex items-center justify-end gap-2 p-4",
-      children: [!!l && l, h.length > 0 && g(Vr, {
-        items: Lo(d)
+      children: [!!l && l, h.length > 0 && g(Zr, {
+        items: Wo(d)
       })]
     }), g("div", {
       children: n
@@ -4455,13 +4455,13 @@ const Po = So("Dashboard", Qn), Cc = Re("Dashboard", Po), Mo = Di({
 });
 Qt.displayName = "Block";
 Qt.__isPageLayoutBlock = !0;
-const Ho = ({ title: n = "", description: e, titleLevel: t = "h2", children: i, className: r, ...s }) => {
+const $o = ({ title: n = "", description: e, titleLevel: t = "h2", children: i, className: r, ...s }) => {
   if (!n) return null;
   const o = t;
-  return M(Qt, {
+  return P(Qt, {
     ...s,
     className: j("space-y-4", r),
-    children: [M("div", {
+    children: [P("div", {
       className: "space-y-2",
       children: [g(o, {
         className: j("font-semibold text-f1-foreground", {
@@ -4482,15 +4482,15 @@ const Ho = ({ title: n = "", description: e, titleLevel: t = "h2", children: i,
       children: i
     })]
   });
-}, Bo = Ro("BlockContent", Ho), Fo = (n) => !Gn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutBlock" in n.type, Wo = (n) => !Gn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutGroup" in n.type, er = (n, e, t) => {
+}, jo = To("BlockContent", $o), Uo = (n) => !jn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutBlock" in n.type, Ko = (n) => !jn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutGroup" in n.type, ir = (n, e, t) => {
   const i = Lt.toArray(e);
   for (const r of i)
-    t.includes("block") && Fo(r) || t.includes("group") && Wo(r) || console.warn(
+    t.includes("block") && Uo(r) || t.includes("group") && Ko(r) || console.warn(
       `${n}: Children components must inherit from PageLayoutBlock or PageLayoutGroup. Found:`,
       r
     );
 }, ki = le(({ children: n, onSort: e, ...t }, i) => {
-  er("GroupLinear", n, ["block"]);
+  ir("GroupLinear", n, ["block"]);
   const [r, s] = W(Lt.toArray(n));
   return H(() => {
     s(Lt.toArray(n));
@@ -4499,14 +4499,14 @@ const Ho = ({ title: n = "", description: e, titleLevel: t = "h2", children: i,
   }, [r, e]), g("div", {
     ref: i,
     ...t,
-    children: r.map((o, a) => g(io, {
+    children: r.map((o, a) => g(ao, {
       children: o
     }, a))
   });
 });
 ki.displayName = "GroupLinear";
 ki.__isPageLayoutGroup = !0;
-function Go() {
+function Xo() {
   for (var n = arguments.length, e = new Array(n), t = 0; t < n; t++)
     e[t] = arguments[t];
   return B(
@@ -4539,11 +4539,11 @@ function Pi(n) {
 function xt(n) {
   return Qe(n) ? !1 : n instanceof ee(n).HTMLElement;
 }
-function tr(n) {
+function nr(n) {
   return n instanceof ee(n).SVGElement;
 }
 function et(n) {
-  return n ? Qe(n) ? n.document : zi(n) ? Pi(n) ? n : xt(n) || tr(n) ? n.ownerDocument : document : document : document;
+  return n ? Qe(n) ? n.document : zi(n) ? Pi(n) ? n : xt(n) || nr(n) ? n.ownerDocument : document : document : document;
 }
 const ge = ei ? yi : H;
 function ti(n) {
@@ -4556,7 +4556,7 @@ function ti(n) {
     return e.current == null ? void 0 : e.current(...i);
   }, []);
 }
-function $o() {
+function Yo() {
   const n = I(null), e = K((i, r) => {
     n.current = setInterval(i, r);
   }, []), t = K(() => {
@@ -4607,7 +4607,7 @@ function Ct(n, e) {
     return fi[n] = t, n + "-" + t;
   }, [n, e]);
 }
-function ir(n) {
+function rr(n) {
   return function(e) {
     for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++)
       i[r - 1] = arguments[r];
@@ -4623,8 +4623,8 @@ function ir(n) {
     });
   };
 }
-const qe = /* @__PURE__ */ ir(1), yt = /* @__PURE__ */ ir(-1);
-function jo(n) {
+const Ve = /* @__PURE__ */ rr(1), yt = /* @__PURE__ */ rr(-1);
+function Vo(n) {
   return "clientX" in n && "clientY" in n;
 }
 function ii(n) {
@@ -4635,7 +4635,7 @@ function ii(n) {
   } = ee(n.target);
   return e && n instanceof e;
 }
-function Uo(n) {
+function qo(n) {
   if (!n)
     return !1;
   const {
@@ -4644,7 +4644,7 @@ function Uo(n) {
   return e && n instanceof e;
 }
 function jt(n) {
-  if (Uo(n)) {
+  if (qo(n)) {
     if (n.touches && n.touches.length) {
       const {
         clientX: e,
@@ -4665,12 +4665,12 @@ function jt(n) {
       };
     }
   }
-  return jo(n) ? {
+  return Vo(n) ? {
     x: n.clientX,
     y: n.clientY
   } : null;
 }
-const He = /* @__PURE__ */ Object.freeze({
+const Be = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(n) {
       if (!n)
@@ -4696,7 +4696,7 @@ const He = /* @__PURE__ */ Object.freeze({
   Transform: {
     toString(n) {
       if (n)
-        return [He.Translate.toString(n), He.Scale.toString(n)].join(" ");
+        return [Be.Translate.toString(n), Be.Scale.toString(n)].join(" ");
     }
   },
   Transition: {
@@ -4709,24 +4709,24 @@ const He = /* @__PURE__ */ Object.freeze({
       return e + " " + t + "ms " + i;
     }
   }
-}), rn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function Ko(n) {
-  return n.matches(rn) ? n : n.querySelector(rn);
+}), sn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function Jo(n) {
+  return n.matches(sn) ? n : n.querySelector(sn);
 }
-const Xo = {
+const Zo = {
   display: "none"
 };
-function Yo(n) {
+function Qo(n) {
   let {
     id: e,
     value: t
   } = n;
   return L.createElement("div", {
     id: e,
-    style: Xo
+    style: Zo
   }, t);
 }
-function qo(n) {
+function ea(n) {
   let {
     id: e,
     announcement: t,
@@ -4754,7 +4754,7 @@ function qo(n) {
     "aria-atomic": !0
   }, t);
 }
-function Vo() {
+function ta() {
   const [n, e] = W("");
   return {
     announce: K((i) => {
@@ -4763,16 +4763,16 @@ function Vo() {
     announcement: n
   };
 }
-const nr = /* @__PURE__ */ Ne(null);
-function Jo(n) {
-  const e = we(nr);
+const sr = /* @__PURE__ */ Oe(null);
+function ia(n) {
+  const e = _e(sr);
   H(() => {
     if (!e)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return e(n);
   }, [n, e]);
 }
-function Zo() {
+function na() {
   const [n] = W(() => /* @__PURE__ */ new Set()), e = K((i) => (n.add(i), () => n.delete(i)), [n]);
   return [K((i) => {
     let {
@@ -4785,13 +4785,13 @@ function Zo() {
     });
   }, [n]), e];
 }
-const Qo = {
+const ra = {
   draggable: `
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.
   `
-}, ea = {
+}, sa = {
   onDragStart(n) {
     let {
       active: e
@@ -4819,20 +4819,20 @@ const Qo = {
     return "Dragging was cancelled. Draggable item " + e.id + " was dropped.";
   }
 };
-function ta(n) {
+function oa(n) {
   let {
-    announcements: e = ea,
+    announcements: e = sa,
     container: t,
     hiddenTextDescribedById: i,
-    screenReaderInstructions: r = Qo
+    screenReaderInstructions: r = ra
   } = n;
   const {
     announce: s,
     announcement: o
-  } = Vo(), a = Ct("DndLiveRegion"), [l, u] = W(!1);
+  } = ta(), a = Ct("DndLiveRegion"), [l, u] = W(!1);
   if (H(() => {
     u(!0);
-  }, []), Jo(B(() => ({
+  }, []), ia(B(() => ({
     onDragStart(d) {
       let {
         active: h
@@ -4883,14 +4883,14 @@ function ta(n) {
     }
   }), [s, e])), !l)
     return null;
-  const c = L.createElement(L.Fragment, null, L.createElement(Yo, {
+  const c = L.createElement(L.Fragment, null, L.createElement(Qo, {
     id: i,
     value: r.draggable
-  }), L.createElement(qo, {
+  }), L.createElement(ea, {
     id: a,
     announcement: o
   }));
-  return t ? $n(c, t) : c;
+  return t ? Un(c, t) : c;
 }
 var Y;
 (function(n) {
@@ -4898,7 +4898,7 @@ var Y;
 })(Y || (Y = {}));
 function Ut() {
 }
-function sn(n, e) {
+function on(n, e) {
   return B(
     () => ({
       sensor: n,
@@ -4908,7 +4908,7 @@ function sn(n, e) {
     [n, e]
   );
 }
-function ia() {
+function aa() {
   for (var n = arguments.length, e = new Array(n), t = 0; t < n; t++)
     e[t] = arguments[t];
   return B(
@@ -4921,10 +4921,10 @@ const pe = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
-function na(n, e) {
+function la(n, e) {
   return Math.sqrt(Math.pow(n.x - e.x, 2) + Math.pow(n.y - e.y, 2));
 }
-function ra(n, e) {
+function ca(n, e) {
   const t = jt(n);
   if (!t)
     return "0 0";
@@ -4934,7 +4934,7 @@ function ra(n, e) {
   };
   return i.x + "% " + i.y + "%";
 }
-function sa(n, e) {
+function da(n, e) {
   let {
     data: {
       value: t
@@ -4946,7 +4946,7 @@ function sa(n, e) {
   } = e;
   return t - i;
 }
-function oa(n, e) {
+function ua(n, e) {
   let {
     data: {
       value: t
@@ -4958,7 +4958,7 @@ function oa(n, e) {
   } = e;
   return i - t;
 }
-function on(n) {
+function an(n) {
   let {
     left: e,
     top: t,
@@ -4979,25 +4979,25 @@ function on(n) {
     y: t + i
   }];
 }
-function rr(n, e) {
+function or(n, e) {
   if (!n || n.length === 0)
     return null;
   const [t] = n;
   return t[e];
 }
-const aa = (n) => {
+const ha = (n) => {
   let {
     collisionRect: e,
     droppableRects: t,
     droppableContainers: i
   } = n;
-  const r = on(e), s = [];
+  const r = an(e), s = [];
   for (const o of i) {
     const {
       id: a
     } = o, l = t.get(a);
     if (l) {
-      const u = on(l), c = r.reduce((h, f, x) => h + na(u[x], f), 0), d = Number((c / 4).toFixed(4));
+      const u = an(l), c = r.reduce((h, f, x) => h + la(u[x], f), 0), d = Number((c / 4).toFixed(4));
       s.push({
         id: a,
         data: {
@@ -5007,9 +5007,9 @@ const aa = (n) => {
       });
     }
   }
-  return s.sort(sa);
+  return s.sort(da);
 };
-function la(n, e) {
+function fa(n, e) {
   const t = Math.max(e.top, n.top), i = Math.max(e.left, n.left), r = Math.min(e.left + e.width, n.left + n.width), s = Math.min(e.top + e.height, n.top + n.height), o = r - i, a = s - t;
   if (i < r && t < s) {
     const l = e.width * e.height, u = n.width * n.height, c = o * a, d = c / (l + u - c);
@@ -5017,7 +5017,7 @@ function la(n, e) {
   }
   return 0;
 }
-const ca = (n) => {
+const ga = (n) => {
   let {
     collisionRect: e,
     droppableRects: t,
@@ -5029,7 +5029,7 @@ const ca = (n) => {
       id: o
     } = s, a = t.get(o);
     if (a) {
-      const l = la(a, e);
+      const l = fa(a, e);
       l > 0 && r.push({
         id: o,
         data: {
@@ -5039,22 +5039,22 @@ const ca = (n) => {
       });
     }
   }
-  return r.sort(oa);
+  return r.sort(ua);
 };
-function da(n, e, t) {
+function pa(n, e, t) {
   return {
     ...n,
     scaleX: e && t ? e.width / t.width : 1,
     scaleY: e && t ? e.height / t.height : 1
   };
 }
-function sr(n, e) {
+function ar(n, e) {
   return n && e ? {
     x: n.left - e.left,
     y: n.top - e.top
   } : pe;
 }
-function ua(n) {
+function ma(n) {
   return function(t) {
     for (var i = arguments.length, r = new Array(i > 1 ? i - 1 : 0), s = 1; s < i; s++)
       r[s - 1] = arguments[s];
@@ -5069,8 +5069,8 @@ function ua(n) {
     });
   };
 }
-const ha = /* @__PURE__ */ ua(1);
-function or(n) {
+const va = /* @__PURE__ */ ma(1);
+function lr(n) {
   if (n.startsWith("matrix3d(")) {
     const e = n.slice(9, -1).split(/, /);
     return {
@@ -5090,8 +5090,8 @@ function or(n) {
   }
   return null;
 }
-function fa(n, e, t) {
-  const i = or(e);
+function ya(n, e, t) {
+  const i = lr(e);
   if (!i)
     return n;
   const {
@@ -5109,18 +5109,18 @@ function fa(n, e, t) {
     left: l
   };
 }
-const ga = {
+const ba = {
   ignoreTransform: !1
 };
 function tt(n, e) {
-  e === void 0 && (e = ga);
+  e === void 0 && (e = ba);
   let t = n.getBoundingClientRect();
   if (e.ignoreTransform) {
     const {
       transform: u,
       transformOrigin: c
     } = ee(n).getComputedStyle(n);
-    u && (t = fa(t, u, c));
+    u && (t = ya(t, u, c));
   }
   const {
     top: i,
@@ -5139,12 +5139,12 @@ function tt(n, e) {
     right: l
   };
 }
-function an(n) {
+function ln(n) {
   return tt(n, {
     ignoreTransform: !0
   });
 }
-function pa(n) {
+function xa(n) {
   const e = n.innerWidth, t = n.innerHeight;
   return {
     top: 0,
@@ -5155,10 +5155,10 @@ function pa(n) {
     height: t
   };
 }
-function ma(n, e) {
+function wa(n, e) {
   return e === void 0 && (e = ee(n).getComputedStyle(n)), e.position === "fixed";
 }
-function va(n, e) {
+function Ca(n, e) {
   e === void 0 && (e = ee(n).getComputedStyle(n));
   const t = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((r) => {
@@ -5173,44 +5173,44 @@ function ni(n, e) {
       return t;
     if (Pi(r) && r.scrollingElement != null && !t.includes(r.scrollingElement))
       return t.push(r.scrollingElement), t;
-    if (!xt(r) || tr(r) || t.includes(r))
+    if (!xt(r) || nr(r) || t.includes(r))
       return t;
     const s = ee(n).getComputedStyle(r);
-    return r !== n && va(r, s) && t.push(r), ma(r, s) ? t : i(r.parentNode);
+    return r !== n && Ca(r, s) && t.push(r), wa(r, s) ? t : i(r.parentNode);
   }
   return n ? i(n) : t;
 }
-function ar(n) {
+function cr(n) {
   const [e] = ni(n, 1);
   return e ?? null;
 }
 function gi(n) {
   return !ei || !n ? null : Qe(n) ? n : zi(n) ? Pi(n) || n === et(n).scrollingElement ? window : xt(n) ? n : null : null;
 }
-function lr(n) {
+function dr(n) {
   return Qe(n) ? n.scrollX : n.scrollLeft;
 }
-function cr(n) {
+function ur(n) {
   return Qe(n) ? n.scrollY : n.scrollTop;
 }
 function bi(n) {
   return {
-    x: lr(n),
-    y: cr(n)
+    x: dr(n),
+    y: ur(n)
   };
 }
-var q;
+var V;
 (function(n) {
   n[n.Forward = 1] = "Forward", n[n.Backward = -1] = "Backward";
-})(q || (q = {}));
-function dr(n) {
+})(V || (V = {}));
+function hr(n) {
   return !ei || !n ? !1 : n === document.scrollingElement;
 }
-function ur(n) {
+function fr(n) {
   const e = {
     x: 0,
     y: 0
-  }, t = dr(n) ? {
+  }, t = hr(n) ? {
     height: window.innerHeight,
     width: window.innerWidth
   } : {
@@ -5229,24 +5229,24 @@ function ur(n) {
     minScroll: e
   };
 }
-const ya = {
+const _a = {
   x: 0.2,
   y: 0.2
 };
-function ba(n, e, t, i, r) {
+function Ea(n, e, t, i, r) {
   let {
     top: s,
     left: o,
     right: a,
     bottom: l
   } = t;
-  i === void 0 && (i = 10), r === void 0 && (r = ya);
+  i === void 0 && (i = 10), r === void 0 && (r = _a);
   const {
     isTop: u,
     isBottom: c,
     isLeft: d,
     isRight: h
-  } = ur(n), f = {
+  } = fr(n), f = {
     x: 0,
     y: 0
   }, x = {
@@ -5256,12 +5256,12 @@ function ba(n, e, t, i, r) {
     height: e.height * r.y,
     width: e.width * r.x
   };
-  return !u && s <= e.top + v.height ? (f.y = q.Backward, x.y = i * Math.abs((e.top + v.height - s) / v.height)) : !c && l >= e.bottom - v.height && (f.y = q.Forward, x.y = i * Math.abs((e.bottom - v.height - l) / v.height)), !h && a >= e.right - v.width ? (f.x = q.Forward, x.x = i * Math.abs((e.right - v.width - a) / v.width)) : !d && o <= e.left + v.width && (f.x = q.Backward, x.x = i * Math.abs((e.left + v.width - o) / v.width)), {
+  return !u && s <= e.top + v.height ? (f.y = V.Backward, x.y = i * Math.abs((e.top + v.height - s) / v.height)) : !c && l >= e.bottom - v.height && (f.y = V.Forward, x.y = i * Math.abs((e.bottom - v.height - l) / v.height)), !h && a >= e.right - v.width ? (f.x = V.Forward, x.x = i * Math.abs((e.right - v.width - a) / v.width)) : !d && o <= e.left + v.width && (f.x = V.Backward, x.x = i * Math.abs((e.left + v.width - o) / v.width)), {
     direction: f,
     speed: x
   };
 }
-function xa(n) {
+function Da(n) {
   if (n === document.scrollingElement) {
     const {
       innerWidth: s,
@@ -5291,16 +5291,16 @@ function xa(n) {
     height: n.clientHeight
   };
 }
-function hr(n) {
-  return n.reduce((e, t) => qe(e, bi(t)), pe);
+function gr(n) {
+  return n.reduce((e, t) => Ve(e, bi(t)), pe);
 }
-function wa(n) {
-  return n.reduce((e, t) => e + lr(t), 0);
+function Ra(n) {
+  return n.reduce((e, t) => e + dr(t), 0);
 }
-function Ca(n) {
-  return n.reduce((e, t) => e + cr(t), 0);
+function Sa(n) {
+  return n.reduce((e, t) => e + ur(t), 0);
 }
-function fr(n, e) {
+function pr(n, e) {
   if (e === void 0 && (e = tt), !n)
     return;
   const {
@@ -5309,20 +5309,20 @@ function fr(n, e) {
     bottom: r,
     right: s
   } = e(n);
-  ar(n) && (r <= 0 || s <= 0 || t >= window.innerHeight || i >= window.innerWidth) && n.scrollIntoView({
+  cr(n) && (r <= 0 || s <= 0 || t >= window.innerHeight || i >= window.innerWidth) && n.scrollIntoView({
     block: "center",
     inline: "center"
   });
 }
-const _a = [["x", ["left", "right"], wa], ["y", ["top", "bottom"], Ca]];
+const Na = [["x", ["left", "right"], Ra], ["y", ["top", "bottom"], Sa]];
 class Mi {
   constructor(e, t) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-    const i = ni(t), r = hr(i);
+    const i = ni(t), r = gr(i);
     this.rect = {
       ...e
     }, this.width = e.width, this.height = e.height;
-    for (const [s, o, a] of _a)
+    for (const [s, o, a] of Na)
       for (const l of o)
         Object.defineProperty(this, l, {
           get: () => {
@@ -5350,7 +5350,7 @@ class dt {
     (r = this.target) == null || r.addEventListener(e, t, i), this.listeners.push([e, t, i]);
   }
 }
-function Ea(n) {
+function Oa(n) {
   const {
     EventTarget: e
   } = ee(n);
@@ -5364,21 +5364,21 @@ var he;
 (function(n) {
   n.Click = "click", n.DragStart = "dragstart", n.Keydown = "keydown", n.ContextMenu = "contextmenu", n.Resize = "resize", n.SelectionChange = "selectionchange", n.VisibilityChange = "visibilitychange";
 })(he || (he = {}));
-function ln(n) {
+function cn(n) {
   n.preventDefault();
 }
-function Da(n) {
+function Aa(n) {
   n.stopPropagation();
 }
 var F;
 (function(n) {
   n.Space = "Space", n.Down = "ArrowDown", n.Right = "ArrowRight", n.Left = "ArrowLeft", n.Up = "ArrowUp", n.Esc = "Escape", n.Enter = "Enter", n.Tab = "Tab";
 })(F || (F = {}));
-const gr = {
+const mr = {
   start: [F.Space, F.Enter],
   cancel: [F.Esc],
   end: [F.Space, F.Enter, F.Tab]
-}, Ra = (n, e) => {
+}, Ta = (n, e) => {
   let {
     currentCoordinates: t
   } = e;
@@ -5423,7 +5423,7 @@ class Li {
       activeNode: e,
       onStart: t
     } = this.props, i = e.node.current;
-    i && fr(i), t(pe);
+    i && pr(i), t(pe);
   }
   handleKeyDown(e) {
     if (ii(e)) {
@@ -5432,8 +5432,8 @@ class Li {
         context: i,
         options: r
       } = this.props, {
-        keyboardCodes: s = gr,
-        coordinateGetter: o = Ra,
+        keyboardCodes: s = mr,
+        coordinateGetter: o = Ta,
         scrollBehavior: a = "smooth"
       } = r, {
         code: l
@@ -5473,7 +5473,7 @@ class Li {
             isBottom: R,
             maxScroll: y,
             minScroll: b
-          } = ur(v), D = xa(v), E = {
+          } = fr(v), D = Da(v), E = {
             x: Math.min(w === F.Right ? D.right - D.width / 2 : D.right, Math.max(w === F.Right ? D.left : D.left + D.width / 2, d.x)),
             y: Math.min(w === F.Down ? D.bottom - D.height / 2 : D.bottom, Math.max(w === F.Down ? D.top : D.top + D.height / 2, d.y))
           }, k = w === F.Right && !N || w === F.Left && !C, A = w === F.Down && !R || w === F.Up && !S;
@@ -5507,7 +5507,7 @@ class Li {
             break;
           }
         }
-        this.handleMove(e, qe(yt(d, this.referenceCoordinates), f));
+        this.handleMove(e, Ve(yt(d, this.referenceCoordinates), f));
       }
     }
   }
@@ -5537,7 +5537,7 @@ Li.activators = [{
   eventName: "onKeyDown",
   handler: (n, e, t) => {
     let {
-      keyboardCodes: i = gr,
+      keyboardCodes: i = mr,
       onActivation: r
     } = e, {
       active: s
@@ -5554,16 +5554,16 @@ Li.activators = [{
     return !1;
   }
 }];
-function cn(n) {
+function dn(n) {
   return !!(n && "distance" in n);
 }
-function dn(n) {
+function un(n) {
   return !!(n && "delay" in n);
 }
 class Ii {
   constructor(e, t, i) {
     var r;
-    i === void 0 && (i = Ea(e.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = e, this.events = t;
+    i === void 0 && (i = Oa(e.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = e, this.events = t;
     const {
       event: s
     } = e, {
@@ -5583,18 +5583,18 @@ class Ii {
     } = this;
     if (this.listeners.add(e.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(he.Resize, this.handleCancel), this.windowListeners.add(he.DragStart, ln), this.windowListeners.add(he.VisibilityChange, this.handleCancel), this.windowListeners.add(he.ContextMenu, ln), this.documentListeners.add(he.Keydown, this.handleKeydown), t) {
+    }), this.listeners.add(e.end.name, this.handleEnd), e.cancel && this.listeners.add(e.cancel.name, this.handleCancel), this.windowListeners.add(he.Resize, this.handleCancel), this.windowListeners.add(he.DragStart, cn), this.windowListeners.add(he.VisibilityChange, this.handleCancel), this.windowListeners.add(he.ContextMenu, cn), this.documentListeners.add(he.Keydown, this.handleKeydown), t) {
       if (i != null && i({
         event: this.props.event,
         activeNode: this.props.activeNode,
         options: this.props.options
       }))
         return this.handleStart();
-      if (dn(t)) {
+      if (un(t)) {
         this.timeoutId = setTimeout(this.handleStart, t.delay), this.handlePending(t);
         return;
       }
-      if (cn(t)) {
+      if (dn(t)) {
         this.handlePending(t);
         return;
       }
@@ -5617,7 +5617,7 @@ class Ii {
     } = this, {
       onStart: t
     } = this.props;
-    e && (this.activated = !0, this.documentListeners.add(he.Click, Da, {
+    e && (this.activated = !0, this.documentListeners.add(he.Click, Aa, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(he.SelectionChange, this.removeTextSelection), t(e));
   }
@@ -5637,13 +5637,13 @@ class Ii {
       return;
     const l = (t = jt(e)) != null ? t : pe, u = yt(r, l);
     if (!i && a) {
-      if (cn(a)) {
+      if (dn(a)) {
         if (a.tolerance != null && pi(u, a.tolerance))
           return this.handleCancel();
         if (pi(u, a.distance))
           return this.handleStart();
       }
-      if (dn(a) && pi(u, a.tolerance))
+      if (un(a) && pi(u, a.tolerance))
         return this.handleCancel();
       this.handlePending(a, u);
       return;
@@ -5672,7 +5672,7 @@ class Ii {
     (e = this.document.getSelection()) == null || e.removeAllRanges();
   }
 }
-const Sa = {
+const ka = {
   cancel: {
     name: "pointercancel"
   },
@@ -5688,7 +5688,7 @@ class Hi extends Ii {
     const {
       event: t
     } = e, i = et(t.target);
-    super(e, Sa, i);
+    super(e, ka, i);
   }
 }
 Hi.activators = [{
@@ -5704,7 +5704,7 @@ Hi.activators = [{
     }), !0);
   }
 }];
-const Na = {
+const za = {
   move: {
     name: "mousemove"
   },
@@ -5716,12 +5716,12 @@ var xi;
 (function(n) {
   n[n.RightClick = 2] = "RightClick";
 })(xi || (xi = {}));
-class Oa extends Ii {
+class Pa extends Ii {
   constructor(e) {
-    super(e, Na, et(e.event.target));
+    super(e, za, et(e.event.target));
   }
 }
-Oa.activators = [{
+Pa.activators = [{
   eventName: "onMouseDown",
   handler: (n, e) => {
     let {
@@ -5745,7 +5745,7 @@ const mi = {
     name: "touchend"
   }
 };
-class Aa extends Ii {
+class Ma extends Ii {
   constructor(e) {
     super(e, mi);
   }
@@ -5760,7 +5760,7 @@ class Aa extends Ii {
     }
   }
 }
-Aa.activators = [{
+Ma.activators = [{
   eventName: "onTouchStart",
   handler: (n, e) => {
     let {
@@ -5784,7 +5784,7 @@ var Kt;
 (function(n) {
   n[n.TreeOrder = 0] = "TreeOrder", n[n.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 })(Kt || (Kt = {}));
-function Ta(n) {
+function La(n) {
   let {
     acceleration: e,
     activator: t = ut.Pointer,
@@ -5799,10 +5799,10 @@ function Ta(n) {
     delta: d,
     threshold: h
   } = n;
-  const f = za({
+  const f = Ha({
     delta: d,
     disabled: !s
-  }), [x, v] = $o(), w = I({
+  }), [x, v] = Yo(), w = I({
     x: 0,
     y: 0
   }), S = I({
@@ -5842,7 +5842,7 @@ function Ta(n) {
         const {
           direction: k,
           speed: A
-        } = ba(b, E, N, e, h);
+        } = Ea(b, E, N, e, h);
         for (const m of ["x", "y"])
           f[m][k[m]] || (A[m] = 0, k[m] = 0);
         if (A.x > 0 || A.y > 0) {
@@ -5879,17 +5879,17 @@ function Ta(n) {
     ]
   );
 }
-const ka = {
+const Ia = {
   x: {
-    [q.Backward]: !1,
-    [q.Forward]: !1
+    [V.Backward]: !1,
+    [V.Forward]: !1
   },
   y: {
-    [q.Backward]: !1,
-    [q.Forward]: !1
+    [V.Backward]: !1,
+    [V.Forward]: !1
   }
 };
-function za(n) {
+function Ha(n) {
   let {
     delta: e,
     disabled: t
@@ -5897,31 +5897,31 @@ function za(n) {
   const i = $t(e);
   return wt((r) => {
     if (t || !i || !r)
-      return ka;
+      return Ia;
     const s = {
       x: Math.sign(e.x - i.x),
       y: Math.sign(e.y - i.y)
     };
     return {
       x: {
-        [q.Backward]: r.x[q.Backward] || s.x === -1,
-        [q.Forward]: r.x[q.Forward] || s.x === 1
+        [V.Backward]: r.x[V.Backward] || s.x === -1,
+        [V.Forward]: r.x[V.Forward] || s.x === 1
       },
       y: {
-        [q.Backward]: r.y[q.Backward] || s.y === -1,
-        [q.Forward]: r.y[q.Forward] || s.y === 1
+        [V.Backward]: r.y[V.Backward] || s.y === -1,
+        [V.Forward]: r.y[V.Forward] || s.y === 1
       }
     };
   }, [t, e, i]);
 }
-function Pa(n, e) {
+function Ba(n, e) {
   const t = e != null ? n.get(e) : void 0, i = t ? t.node.current : null;
   return wt((r) => {
     var s;
     return e == null ? null : (s = i ?? r) != null ? s : null;
   }, [i, e]);
 }
-function Ma(n, e) {
+function Fa(n, e) {
   return B(() => n.reduce((t, i) => {
     const {
       sensor: r
@@ -5940,8 +5940,8 @@ var wi;
 (function(n) {
   n.Optimized = "optimized";
 })(wi || (wi = {}));
-const un = /* @__PURE__ */ new Map();
-function La(n, e) {
+const hn = /* @__PURE__ */ new Map();
+function Wa(n, e) {
   let {
     dragging: t,
     dependencies: i,
@@ -5955,8 +5955,8 @@ function La(n, e) {
     S === void 0 && (S = []), !h.current && o((N) => N === null ? S : N.concat(S.filter((C) => !N.includes(C))));
   }, [h]), x = I(null), v = wt((S) => {
     if (d && !t)
-      return un;
-    if (!S || S === un || c.current !== n || s != null) {
+      return hn;
+    if (!S || S === hn || c.current !== n || s != null) {
       const N = /* @__PURE__ */ new Map();
       for (let C of n) {
         if (!C)
@@ -6013,10 +6013,10 @@ function La(n, e) {
 function Bi(n, e) {
   return wt((t) => n ? t || (typeof e == "function" ? e(n) : n) : null, [e, n]);
 }
-function Ia(n, e) {
+function Ga(n, e) {
   return Bi(n, e);
 }
-function Ha(n) {
+function $a(n) {
   let {
     callback: e,
     disabled: t
@@ -6050,11 +6050,11 @@ function ri(n) {
   );
   return H(() => () => r == null ? void 0 : r.disconnect(), [r]), r;
 }
-function Ba(n) {
+function ja(n) {
   return new Mi(tt(n), n);
 }
-function hn(n, e, t) {
-  e === void 0 && (e = Ba);
+function fn(n, e, t) {
+  e === void 0 && (e = ja);
   const [i, r] = W(null);
   function s() {
     r((l) => {
@@ -6068,7 +6068,7 @@ function hn(n, e, t) {
       return JSON.stringify(l) === JSON.stringify(c) ? l : c;
     });
   }
-  const o = Ha({
+  const o = $a({
     callback(l) {
       if (n)
         for (const u of l) {
@@ -6092,18 +6092,18 @@ function hn(n, e, t) {
     })) : (a == null || a.disconnect(), o == null || o.disconnect());
   }, [n]), i;
 }
-function Fa(n) {
+function Ua(n) {
   const e = Bi(n);
-  return sr(n, e);
+  return ar(n, e);
 }
-const fn = [];
-function Wa(n) {
-  const e = I(n), t = wt((i) => n ? i && i !== fn && n && e.current && n.parentNode === e.current.parentNode ? i : ni(n) : fn, [n]);
+const gn = [];
+function Ka(n) {
+  const e = I(n), t = wt((i) => n ? i && i !== gn && n && e.current && n.parentNode === e.current.parentNode ? i : ni(n) : gn, [n]);
   return H(() => {
     e.current = n;
   }, [n]), t;
 }
-function Ga(n) {
+function Xa(n) {
   const [e, t] = W(null), i = I(n), r = K((s) => {
     const o = gi(s.target);
     o && t((a) => a ? (a.set(o, bi(o)), new Map(a)) : null);
@@ -6129,9 +6129,9 @@ function Ga(n) {
         u == null || u.removeEventListener("scroll", r);
       });
     }
-  }, [r, n]), B(() => n.length ? e ? Array.from(e.values()).reduce((s, o) => qe(s, o), pe) : hr(n) : pe, [n, e]);
+  }, [r, n]), B(() => n.length ? e ? Array.from(e.values()).reduce((s, o) => Ve(s, o), pe) : gr(n) : pe, [n, e]);
 }
-function gn(n, e) {
+function pn(n, e) {
   e === void 0 && (e = []);
   const t = I(null);
   return H(
@@ -6145,7 +6145,7 @@ function gn(n, e) {
     i && !t.current && (t.current = n), !i && t.current && (t.current = null);
   }, [n]), t.current ? yt(n, t.current) : pe;
 }
-function $a(n) {
+function Ya(n) {
   H(
     () => {
       if (!ei)
@@ -6171,7 +6171,7 @@ function $a(n) {
     })
   );
 }
-function ja(n, e) {
+function Va(n, e) {
   return B(() => n.reduce((t, i) => {
     let {
       eventName: r,
@@ -6182,15 +6182,15 @@ function ja(n, e) {
     }, t;
   }, {}), [n, e]);
 }
-function pr(n) {
-  return B(() => n ? pa(n) : null, [n]);
+function vr(n) {
+  return B(() => n ? xa(n) : null, [n]);
 }
-const pn = [];
-function Ua(n, e) {
+const mn = [];
+function qa(n, e) {
   e === void 0 && (e = tt);
-  const [t] = n, i = pr(t ? ee(t) : null), [r, s] = W(pn);
+  const [t] = n, i = vr(t ? ee(t) : null), [r, s] = W(mn);
   function o() {
-    s(() => n.length ? n.map((l) => dr(l) ? i : new Mi(e(l), l)) : pn);
+    s(() => n.length ? n.map((l) => hr(l) ? i : new Mi(e(l), l)) : mn);
   }
   const a = ri({
     callback: o
@@ -6199,7 +6199,7 @@ function Ua(n, e) {
     a == null || a.disconnect(), o(), n.forEach((l) => a == null ? void 0 : a.observe(l));
   }, [n]), r;
 }
-function mr(n) {
+function yr(n) {
   if (!n)
     return null;
   if (n.children.length > 1)
@@ -6207,7 +6207,7 @@ function mr(n) {
   const e = n.children[0];
   return xt(e) ? e : n;
 }
-function Ka(n) {
+function Ja(n) {
   let {
     measure: e
   } = n;
@@ -6229,7 +6229,7 @@ function Ka(n) {
   }, [e]), s = ri({
     callback: r
   }), o = K((u) => {
-    const c = mr(u);
+    const c = yr(u);
     s == null || s.disconnect(), c && (s == null || s.observe(c)), i(c ? e(c) : null);
   }, [e, s]), [a, l] = Gt(o);
   return B(() => ({
@@ -6238,20 +6238,20 @@ function Ka(n) {
     setRef: l
   }), [t, a, l]);
 }
-const Xa = [{
+const Za = [{
   sensor: Hi,
   options: {}
 }, {
   sensor: Li,
   options: {}
-}], Ya = {
+}], Qa = {
   current: {}
 }, Pt = {
   draggable: {
-    measure: an
+    measure: ln
   },
   droppable: {
-    measure: an,
+    measure: ln,
     strategy: bt.WhileDragging,
     frequency: wi.Optimized
   },
@@ -6280,7 +6280,7 @@ class ht extends Map {
     return (t = (i = this.get(e)) == null ? void 0 : i.node.current) != null ? t : void 0;
   }
 }
-const qa = {
+const el = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -6304,7 +6304,7 @@ const qa = {
   measureDroppableContainers: Ut,
   windowRect: null,
   measuringScheduled: !1
-}, vr = {
+}, br = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -6316,8 +6316,8 @@ const qa = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: Ut
-}, _t = /* @__PURE__ */ Ne(vr), yr = /* @__PURE__ */ Ne(qa);
-function Va() {
+}, _t = /* @__PURE__ */ Oe(br), xr = /* @__PURE__ */ Oe(el);
+function tl() {
   return {
     draggable: {
       active: null,
@@ -6336,7 +6336,7 @@ function Va() {
     }
   };
 }
-function Ja(n, e) {
+function il(n, e) {
   switch (e.type) {
     case Y.DragStart:
       return {
@@ -6429,7 +6429,7 @@ function Ja(n, e) {
       return n;
   }
 }
-function Za(n) {
+function nl(n) {
   let {
     disabled: e
   } = n;
@@ -6437,7 +6437,7 @@ function Za(n) {
     active: t,
     activatorEvent: i,
     draggableNodes: r
-  } = we(_t), s = $t(i), o = $t(t == null ? void 0 : t.id);
+  } = _e(_t), s = $t(i), o = $t(t == null ? void 0 : t.id);
   return H(() => {
     if (!e && !i && s && o != null) {
       if (!ii(s) || document.activeElement === s.target)
@@ -6455,7 +6455,7 @@ function Za(n) {
         for (const c of [l.current, u.current]) {
           if (!c)
             continue;
-          const d = Ko(c);
+          const d = Jo(c);
           if (d) {
             d.focus();
             break;
@@ -6465,7 +6465,7 @@ function Za(n) {
     }
   }, [i, e, r, o, s]), null;
 }
-function br(n, e) {
+function wr(n, e) {
   let {
     transform: t,
     ...i
@@ -6475,7 +6475,7 @@ function br(n, e) {
     ...i
   }), t) : t;
 }
-function Qa(n) {
+function rl(n) {
   return B(
     () => ({
       draggable: {
@@ -6495,7 +6495,7 @@ function Qa(n) {
     [n == null ? void 0 : n.draggable, n == null ? void 0 : n.droppable, n == null ? void 0 : n.dragOverlay]
   );
 }
-function el(n) {
+function sl(n) {
   let {
     activeNode: e,
     measure: t,
@@ -6519,9 +6519,9 @@ function el(n) {
     const u = e == null ? void 0 : e.node.current;
     if (!u || u.isConnected === !1)
       return;
-    const c = t(u), d = sr(c, i);
+    const c = t(u), d = ar(c, i);
     if (o || (d.x = 0), a || (d.y = 0), s.current = !0, Math.abs(d.x) > 0 || Math.abs(d.y) > 0) {
-      const h = ar(u);
+      const h = cr(u);
       h && h.scrollBy({
         top: d.y,
         left: d.x
@@ -6529,29 +6529,29 @@ function el(n) {
     }
   }, [e, o, a, i, t]);
 }
-const si = /* @__PURE__ */ Ne({
+const si = /* @__PURE__ */ Oe({
   ...pe,
   scaleX: 1,
   scaleY: 1
 });
-var Le;
+var Ie;
 (function(n) {
   n[n.Uninitialized = 0] = "Uninitialized", n[n.Initializing = 1] = "Initializing", n[n.Initialized = 2] = "Initialized";
-})(Le || (Le = {}));
-const tl = /* @__PURE__ */ no(function(e) {
+})(Ie || (Ie = {}));
+const ol = /* @__PURE__ */ lo(function(e) {
   var t, i, r, s;
   let {
     id: o,
     accessibility: a,
     autoScroll: l = !0,
     children: u,
-    sensors: c = Xa,
-    collisionDetection: d = ca,
+    sensors: c = Za,
+    collisionDetection: d = ga,
     measuring: h,
     modifiers: f,
     ...x
   } = e;
-  const v = ro(Ja, void 0, Va), [w, S] = v, [N, C] = Zo(), [R, y] = W(Le.Uninitialized), b = R === Le.Initialized, {
+  const v = co(il, void 0, tl), [w, S] = v, [N, C] = na(), [R, y] = W(Ie.Uninitialized), b = R === Ie.Initialized, {
     draggable: {
       active: D,
       nodes: E,
@@ -6568,31 +6568,31 @@ const tl = /* @__PURE__ */ no(function(e) {
     return D != null ? {
       id: D,
       // It's possible for the active node to unmount while dragging
-      data: (Z = m == null ? void 0 : m.data) != null ? Z : Ya,
+      data: (Z = m == null ? void 0 : m.data) != null ? Z : Qa,
       rect: _
     } : null;
-  }, [D, m]), P = I(null), [V, X] = W(null), [U, te] = W(null), G = vt(x, Object.values(x)), ne = Ct("DndDescribedBy", o), Dt = B(() => A.getEnabled(), [A]), ie = Qa(h), {
-    droppableRects: Ce,
-    measureDroppableContainers: Be,
+  }, [D, m]), M = I(null), [q, X] = W(null), [U, te] = W(null), G = vt(x, Object.values(x)), ne = Ct("DndDescribedBy", o), Dt = B(() => A.getEnabled(), [A]), ie = rl(h), {
+    droppableRects: Ee,
+    measureDroppableContainers: Fe,
     measuringScheduled: it
-  } = La(Dt, {
+  } = Wa(Dt, {
     dragging: b,
     dependencies: [k.x, k.y],
     config: ie.droppable
-  }), ce = Pa(E, D), Rt = B(() => U ? jt(U) : null, [U]), Oe = Fr(), _e = Ia(ce, ie.draggable.measure);
-  el({
+  }), ce = Ba(E, D), Rt = B(() => U ? jt(U) : null, [U]), Ae = $r(), De = Ga(ce, ie.draggable.measure);
+  sl({
     activeNode: D != null ? E.get(D) : null,
-    config: Oe.layoutShiftCompensation,
-    initialRect: _e,
+    config: Ae.layoutShiftCompensation,
+    initialRect: De,
     measure: ie.draggable.measure
   });
-  const $ = hn(ce, ie.draggable.measure, _e), nt = hn(ce ? ce.parentElement : null), ve = I({
+  const $ = fn(ce, ie.draggable.measure, De), nt = fn(ce ? ce.parentElement : null), ve = I({
     activatorEvent: null,
     active: null,
     activeNode: ce,
     collisionRect: null,
     collisions: null,
-    droppableRects: Ce,
+    droppableRects: Ee,
     draggableNodes: E,
     draggingNode: null,
     draggingNodeRect: null,
@@ -6600,9 +6600,9 @@ const tl = /* @__PURE__ */ no(function(e) {
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), We = A.getNodeFor((t = ve.current.over) == null ? void 0 : t.id), Ee = Ka({
+  }), We = A.getNodeFor((t = ve.current.over) == null ? void 0 : t.id), Re = Ja({
     measure: ie.dragOverlay.measure
-  }), Ge = (i = Ee.nodeRef.current) != null ? i : ce, $e = b ? (r = Ee.rect) != null ? r : $ : null, Gi = !!(Ee.nodeRef.current && Ee.rect), $i = Fa(Gi ? null : $), ai = pr(Ge ? ee(Ge) : null), Ae = Wa(b ? We ?? ce : null), St = Ua(Ae), Nt = br(f, {
+  }), Ge = (i = Re.nodeRef.current) != null ? i : ce, $e = b ? (r = Re.rect) != null ? r : $ : null, Gi = !!(Re.nodeRef.current && Re.rect), $i = Ua(Gi ? null : $), ai = vr(Ge ? ee(Ge) : null), Te = Ka(b ? We ?? ce : null), St = qa(Te), Nt = wr(f, {
     transform: {
       x: k.x - $i.x,
       y: k.y - $i.y,
@@ -6615,32 +6615,32 @@ const tl = /* @__PURE__ */ no(function(e) {
     containerNodeRect: nt,
     draggingNodeRect: $e,
     over: ve.current.over,
-    overlayNodeRect: Ee.rect,
-    scrollableAncestors: Ae,
+    overlayNodeRect: Re.rect,
+    scrollableAncestors: Te,
     scrollableAncestorRects: St,
     windowRect: ai
-  }), ji = Rt ? qe(Rt, k) : null, Ui = Ga(Ae), zr = gn(Ui), Pr = gn(Ui, [$]), je = qe(Nt, zr), Ue = $e ? ha($e, Nt) : null, rt = O && Ue ? d({
+  }), ji = Rt ? Ve(Rt, k) : null, Ui = Xa(Te), Lr = pn(Ui), Ir = pn(Ui, [$]), je = Ve(Nt, Lr), Ue = $e ? va($e, Nt) : null, rt = O && Ue ? d({
     active: O,
     collisionRect: Ue,
-    droppableRects: Ce,
+    droppableRects: Ee,
     droppableContainers: Dt,
     pointerCoordinates: ji
-  }) : null, Ki = rr(rt, "id"), [Te, Xi] = W(null), Mr = Gi ? Nt : qe(Nt, Pr), Lr = da(Mr, (s = Te == null ? void 0 : Te.rect) != null ? s : null, $), li = I(null), Yi = K(
+  }) : null, Ki = or(rt, "id"), [ke, Xi] = W(null), Hr = Gi ? Nt : Ve(Nt, Ir), Br = pa(Hr, (s = ke == null ? void 0 : ke.rect) != null ? s : null, $), li = I(null), Yi = K(
     (Z, re) => {
       let {
         sensor: se,
-        options: ke
+        options: ze
       } = re;
-      if (P.current == null)
+      if (M.current == null)
         return;
-      const de = E.get(P.current);
+      const de = E.get(M.current);
       if (!de)
         return;
       const oe = Z.nativeEvent, ye = new se({
-        active: P.current,
+        active: M.current,
         activeNode: de,
         event: oe,
-        options: ke,
+        options: ze,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: ve,
@@ -6649,52 +6649,52 @@ const tl = /* @__PURE__ */ no(function(e) {
             return;
           const {
             onDragAbort: be
-          } = G.current, De = {
+          } = G.current, Se = {
             id: J
           };
-          be == null || be(De), N({
+          be == null || be(Se), N({
             type: "onDragAbort",
-            event: De
+            event: Se
           });
         },
-        onPending(J, ze, be, De) {
+        onPending(J, Pe, be, Se) {
           if (!E.get(J))
             return;
           const {
             onDragPending: ot
-          } = G.current, Pe = {
+          } = G.current, Me = {
             id: J,
-            constraint: ze,
+            constraint: Pe,
             initialCoordinates: be,
-            offset: De
+            offset: Se
           };
-          ot == null || ot(Pe), N({
+          ot == null || ot(Me), N({
             type: "onDragPending",
-            event: Pe
+            event: Me
           });
         },
         onStart(J) {
-          const ze = P.current;
-          if (ze == null)
+          const Pe = M.current;
+          if (Pe == null)
             return;
-          const be = E.get(ze);
+          const be = E.get(Pe);
           if (!be)
             return;
           const {
-            onDragStart: De
+            onDragStart: Se
           } = G.current, st = {
             activatorEvent: oe,
             active: {
-              id: ze,
+              id: Pe,
               data: be.data,
               rect: _
             }
           };
           At(() => {
-            De == null || De(st), y(Le.Initializing), S({
+            Se == null || Se(st), y(Ie.Initializing), S({
               type: Y.DragStart,
               initialCoordinates: J,
-              active: ze
+              active: Pe
             }), N({
               type: "onDragStart",
               event: st
@@ -6715,33 +6715,33 @@ const tl = /* @__PURE__ */ no(function(e) {
         return async function() {
           const {
             active: be,
-            collisions: De,
+            collisions: Se,
             over: st,
             scrollAdjustedTranslate: ot
           } = ve.current;
-          let Pe = null;
+          let Me = null;
           if (be && ot) {
             const {
               cancelDrop: at
             } = G.current;
-            Pe = {
+            Me = {
               activatorEvent: oe,
               active: be,
-              collisions: De,
+              collisions: Se,
               delta: ot,
               over: st
-            }, J === Y.DragEnd && typeof at == "function" && await Promise.resolve(at(Pe)) && (J = Y.DragCancel);
+            }, J === Y.DragEnd && typeof at == "function" && await Promise.resolve(at(Me)) && (J = Y.DragCancel);
           }
-          P.current = null, At(() => {
+          M.current = null, At(() => {
             S({
               type: J
-            }), y(Le.Uninitialized), Xi(null), X(null), te(null), li.current = null;
+            }), y(Ie.Uninitialized), Xi(null), X(null), te(null), li.current = null;
             const at = J === Y.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (Pe) {
+            if (Me) {
               const ci = G.current[at];
-              ci == null || ci(Pe), N({
+              ci == null || ci(Me), N({
                 type: at,
-                event: Pe
+                event: Me
               });
             }
           });
@@ -6750,11 +6750,11 @@ const tl = /* @__PURE__ */ no(function(e) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [E]
-  ), Ir = K((Z, re) => (se, ke) => {
-    const de = se.nativeEvent, oe = E.get(ke);
+  ), Fr = K((Z, re) => (se, ze) => {
+    const de = se.nativeEvent, oe = E.get(ze);
     if (
       // Another sensor is already instantiating
-      P.current !== null || // No active draggable
+      M.current !== null || // No active draggable
       !oe || // Event has already been captured
       de.dndKit || de.defaultPrevented
     )
@@ -6764,10 +6764,10 @@ const tl = /* @__PURE__ */ no(function(e) {
     };
     Z(se, re.options, ye) === !0 && (de.dndKit = {
       capturedBy: re.sensor
-    }, P.current = ke, Yi(se, re));
-  }, [E, Yi]), qi = Ma(c, Ir);
-  $a(c), ge(() => {
-    $ && R === Le.Initializing && y(Le.Initialized);
+    }, M.current = ze, Yi(se, re));
+  }, [E, Yi]), Vi = Fa(c, Fr);
+  Ya(c), ge(() => {
+    $ && R === Ie.Initializing && y(Ie.Initialized);
   }, [$, R]), H(
     () => {
       const {
@@ -6775,7 +6775,7 @@ const tl = /* @__PURE__ */ no(function(e) {
       } = G.current, {
         active: re,
         activatorEvent: se,
-        collisions: ke,
+        collisions: ze,
         over: de
       } = ve.current;
       if (!re || !se)
@@ -6783,7 +6783,7 @@ const tl = /* @__PURE__ */ no(function(e) {
       const oe = {
         active: re,
         activatorEvent: se,
-        collisions: ke,
+        collisions: ze,
         delta: {
           x: je.x,
           y: je.y
@@ -6805,14 +6805,14 @@ const tl = /* @__PURE__ */ no(function(e) {
         active: Z,
         activatorEvent: re,
         collisions: se,
-        droppableContainers: ke,
+        droppableContainers: ze,
         scrollAdjustedTranslate: de
       } = ve.current;
-      if (!Z || P.current == null || !re || !de)
+      if (!Z || M.current == null || !re || !de)
         return;
       const {
         onDragOver: oe
-      } = G.current, ye = ke.get(Ki), Ke = ye && ye.rect.current ? {
+      } = G.current, ye = ze.get(Ki), Ke = ye && ye.rect.current ? {
         id: ye.id,
         rect: ye.rect.current,
         data: ye.data,
@@ -6843,47 +6843,47 @@ const tl = /* @__PURE__ */ no(function(e) {
       activeNode: ce,
       collisionRect: Ue,
       collisions: rt,
-      droppableRects: Ce,
+      droppableRects: Ee,
       draggableNodes: E,
       draggingNode: Ge,
       draggingNodeRect: $e,
       droppableContainers: A,
-      over: Te,
-      scrollableAncestors: Ae,
+      over: ke,
+      scrollableAncestors: Te,
       scrollAdjustedTranslate: je
     }, _.current = {
       initial: $e,
       translated: Ue
     };
-  }, [O, ce, rt, Ue, E, Ge, $e, Ce, A, Te, Ae, je]), Ta({
-    ...Oe,
+  }, [O, ce, rt, Ue, E, Ge, $e, Ee, A, ke, Te, je]), La({
+    ...Ae,
     delta: k,
     draggingRect: Ue,
     pointerCoordinates: ji,
-    scrollableAncestors: Ae,
+    scrollableAncestors: Te,
     scrollableAncestorRects: St
   });
-  const Hr = B(() => ({
+  const Wr = B(() => ({
     active: O,
     activeNode: ce,
     activeNodeRect: $,
     activatorEvent: U,
     collisions: rt,
     containerNodeRect: nt,
-    dragOverlay: Ee,
+    dragOverlay: Re,
     draggableNodes: E,
     droppableContainers: A,
-    droppableRects: Ce,
-    over: Te,
-    measureDroppableContainers: Be,
-    scrollableAncestors: Ae,
+    droppableRects: Ee,
+    over: ke,
+    measureDroppableContainers: Fe,
+    scrollableAncestors: Te,
     scrollableAncestorRects: St,
     measuringConfiguration: ie,
     measuringScheduled: it,
     windowRect: ai
-  }), [O, ce, $, U, rt, nt, Ee, E, A, Ce, Te, Be, Ae, St, ie, it, ai]), Br = B(() => ({
+  }), [O, ce, $, U, rt, nt, Re, E, A, Ee, ke, Fe, Te, St, ie, it, ai]), Gr = B(() => ({
     activatorEvent: U,
-    activators: qi,
+    activators: Vi,
     active: O,
     activeNodeRect: $,
     ariaDescribedById: {
@@ -6891,25 +6891,25 @@ const tl = /* @__PURE__ */ no(function(e) {
     },
     dispatch: S,
     draggableNodes: E,
-    over: Te,
-    measureDroppableContainers: Be
-  }), [U, qi, O, $, S, ne, E, Te, Be]);
-  return L.createElement(nr.Provider, {
+    over: ke,
+    measureDroppableContainers: Fe
+  }), [U, Vi, O, $, S, ne, E, ke, Fe]);
+  return L.createElement(sr.Provider, {
     value: C
   }, L.createElement(_t.Provider, {
-    value: Br
-  }, L.createElement(yr.Provider, {
-    value: Hr
+    value: Gr
+  }, L.createElement(xr.Provider, {
+    value: Wr
   }, L.createElement(si.Provider, {
-    value: Lr
-  }, u)), L.createElement(Za, {
+    value: Br
+  }, u)), L.createElement(nl, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
-  })), L.createElement(ta, {
+  })), L.createElement(oa, {
     ...a,
     hiddenTextDescribedById: ne
   }));
-  function Fr() {
-    const Z = (V == null ? void 0 : V.autoScrollEnabled) === !1, re = typeof l == "object" ? l.enabled === !1 : l === !1, se = b && !Z && !re;
+  function $r() {
+    const Z = (q == null ? void 0 : q.autoScrollEnabled) === !1, re = typeof l == "object" ? l.enabled === !1 : l === !1, se = b && !Z && !re;
     return typeof l == "object" ? {
       ...l,
       enabled: se
@@ -6917,15 +6917,15 @@ const tl = /* @__PURE__ */ no(function(e) {
       enabled: se
     };
   }
-}), il = /* @__PURE__ */ Ne(null), mn = "button", nl = "Draggable";
-function rl(n) {
+}), al = /* @__PURE__ */ Oe(null), vn = "button", ll = "Draggable";
+function cl(n) {
   let {
     id: e,
     data: t,
     disabled: i = !1,
     attributes: r
   } = n;
-  const s = Ct(nl), {
+  const s = Ct(ll), {
     activators: o,
     activatorEvent: a,
     active: l,
@@ -6933,11 +6933,11 @@ function rl(n) {
     ariaDescribedById: c,
     draggableNodes: d,
     over: h
-  } = we(_t), {
-    role: f = mn,
+  } = _e(_t), {
+    role: f = vn,
     roleDescription: x = "draggable",
     tabIndex: v = 0
-  } = r ?? {}, w = (l == null ? void 0 : l.id) === e, S = we(w ? si : il), [N, C] = Gt(), [R, y] = Gt(), b = ja(o, e), D = vt(t);
+  } = r ?? {}, w = (l == null ? void 0 : l.id) === e, S = _e(w ? si : al), [N, C] = Gt(), [R, y] = Gt(), b = Va(o, e), D = vt(t);
   ge(
     () => (d.set(e, {
       id: e,
@@ -6956,7 +6956,7 @@ function rl(n) {
     role: f,
     tabIndex: v,
     "aria-disabled": i,
-    "aria-pressed": w && f === mn ? !0 : void 0,
+    "aria-pressed": w && f === vn ? !0 : void 0,
     "aria-roledescription": x,
     "aria-describedby": c.draggable
   }), [i, f, v, w, x, c.draggable]);
@@ -6974,32 +6974,32 @@ function rl(n) {
     transform: S
   };
 }
-function xr() {
-  return we(yr);
+function Cr() {
+  return _e(xr);
 }
-const sl = "Droppable", ol = {
+const dl = "Droppable", ul = {
   timeout: 25
 };
-function al(n) {
+function hl(n) {
   let {
     data: e,
     disabled: t = !1,
     id: i,
     resizeObserverConfig: r
   } = n;
-  const s = Ct(sl), {
+  const s = Ct(dl), {
     active: o,
     dispatch: a,
     over: l,
     measureDroppableContainers: u
-  } = we(_t), c = I({
+  } = _e(_t), c = I({
     disabled: t
   }), d = I(!1), h = I(null), f = I(null), {
     disabled: x,
     updateMeasurementsFor: v,
     timeout: w
   } = {
-    ...ol,
+    ...ul,
     ...r
   }, S = vt(v ?? i), N = K(
     () => {
@@ -7055,7 +7055,7 @@ function al(n) {
     setNodeRef: b
   };
 }
-function ll(n) {
+function fl(n) {
   let {
     animation: e,
     children: t
@@ -7072,30 +7072,30 @@ function ll(n) {
     Promise.resolve(e(u, s)).then(() => {
       r(null);
     });
-  }, [e, i, s]), L.createElement(L.Fragment, null, t, i ? so(i, {
+  }, [e, i, s]), L.createElement(L.Fragment, null, t, i ? uo(i, {
     ref: o
   }) : null);
 }
-const cl = {
+const gl = {
   x: 0,
   y: 0,
   scaleX: 1,
   scaleY: 1
 };
-function dl(n) {
+function pl(n) {
   let {
     children: e
   } = n;
   return L.createElement(_t.Provider, {
-    value: vr
+    value: br
   }, L.createElement(si.Provider, {
-    value: cl
+    value: gl
   }, e));
 }
-const ul = {
+const ml = {
   position: "fixed",
   touchAction: "none"
-}, hl = (n) => ii(n) ? "transform 250ms ease" : void 0, fl = /* @__PURE__ */ le((n, e) => {
+}, vl = (n) => ii(n) ? "transform 250ms ease" : void 0, yl = /* @__PURE__ */ le((n, e) => {
   let {
     as: t,
     activatorEvent: i,
@@ -7105,7 +7105,7 @@ const ul = {
     rect: a,
     style: l,
     transform: u,
-    transition: c = hl
+    transition: c = vl
   } = n;
   if (!a)
     return null;
@@ -7114,13 +7114,13 @@ const ul = {
     scaleX: 1,
     scaleY: 1
   }, h = {
-    ...ul,
+    ...ml,
     width: a.width,
     height: a.height,
     top: a.top,
     left: a.left,
-    transform: He.Transform.toString(d),
-    transformOrigin: r && i ? ra(i, a) : void 0,
+    transform: Be.Transform.toString(d),
+    transformOrigin: r && i ? ca(i, a) : void 0,
     transition: typeof c == "function" ? c(i) : c,
     ...l
   };
@@ -7129,7 +7129,7 @@ const ul = {
     style: h,
     ref: e
   }, s);
-}), gl = (n) => (e) => {
+}), bl = (n) => (e) => {
   let {
     active: t,
     dragOverlay: i
@@ -7149,7 +7149,7 @@ const ul = {
       t.node.style.setProperty(l, u);
     o != null && o.active && t.node.classList.remove(o.active);
   };
-}, pl = (n) => {
+}, xl = (n) => {
   let {
     transform: {
       initial: e,
@@ -7157,15 +7157,15 @@ const ul = {
     }
   } = n;
   return [{
-    transform: He.Transform.toString(e)
+    transform: Be.Transform.toString(e)
   }, {
-    transform: He.Transform.toString(t)
+    transform: Be.Transform.toString(t)
   }];
-}, ml = {
+}, wl = {
   duration: 250,
   easing: "ease",
-  keyframes: pl,
-  sideEffects: /* @__PURE__ */ gl({
+  keyframes: xl,
+  sideEffects: /* @__PURE__ */ bl({
     styles: {
       active: {
         opacity: "0"
@@ -7173,7 +7173,7 @@ const ul = {
     }
   })
 };
-function vl(n) {
+function Cl(n) {
   let {
     config: e,
     draggableNodes: t,
@@ -7189,16 +7189,16 @@ function vl(n) {
     const l = a.node.current;
     if (!l)
       return;
-    const u = mr(o);
+    const u = yr(o);
     if (!u)
       return;
     const {
       transform: c
-    } = ee(o).getComputedStyle(o), d = or(c);
+    } = ee(o).getComputedStyle(o), d = lr(c);
     if (!d)
       return;
-    const h = typeof e == "function" ? e : yl(e);
-    return fr(l, r.draggable.measure), h({
+    const h = typeof e == "function" ? e : _l(e);
+    return pr(l, r.draggable.measure), h({
       active: {
         id: s,
         data: a.data,
@@ -7216,14 +7216,14 @@ function vl(n) {
     });
   });
 }
-function yl(n) {
+function _l(n) {
   const {
     duration: e,
     easing: t,
     sideEffects: i,
     keyframes: r
   } = {
-    ...ml,
+    ...wl,
     ...n
   };
   return (s) => {
@@ -7272,14 +7272,14 @@ function yl(n) {
     });
   };
 }
-let vn = 0;
-function bl(n) {
+let yn = 0;
+function El(n) {
   return B(() => {
     if (n != null)
-      return vn++, vn;
+      return yn++, yn;
   }, [n]);
 }
-const xl = /* @__PURE__ */ L.memo((n) => {
+const Dl = /* @__PURE__ */ L.memo((n) => {
   let {
     adjustScale: e = !1,
     children: t,
@@ -7304,7 +7304,7 @@ const xl = /* @__PURE__ */ L.memo((n) => {
     scrollableAncestors: C,
     scrollableAncestorRects: R,
     windowRect: y
-  } = xr(), b = we(si), D = bl(d == null ? void 0 : d.id), E = br(o, {
+  } = Cr(), b = _e(si), D = El(d == null ? void 0 : d.id), E = wr(o, {
     activatorEvent: c,
     active: d,
     activeNodeRect: h,
@@ -7316,15 +7316,15 @@ const xl = /* @__PURE__ */ L.memo((n) => {
     scrollableAncestorRects: R,
     transform: b,
     windowRect: y
-  }), k = Bi(h), A = vl({
+  }), k = Bi(h), A = Cl({
     config: i,
     draggableNodes: x,
     droppableContainers: v,
     measuringConfiguration: N
   }), m = k ? w.setRef : void 0;
-  return L.createElement(dl, null, L.createElement(ll, {
+  return L.createElement(pl, null, L.createElement(fl, {
     animation: A
-  }, d && D ? L.createElement(fl, {
+  }, d && D ? L.createElement(yl, {
     key: D,
     id: d.id,
     ref: m,
@@ -7345,7 +7345,7 @@ function Fi(n, e, t) {
   const i = n.slice();
   return i.splice(t < 0 ? i.length + t : t, 0, i.splice(e, 1)[0]), i;
 }
-function wl(n, e) {
+function Rl(n, e) {
   return n.reduce((t, i, r) => {
     const s = e.get(i);
     return s && (t[r] = s), t;
@@ -7354,7 +7354,7 @@ function wl(n, e) {
 function kt(n) {
   return n !== null && n >= 0;
 }
-function Cl(n, e) {
+function Sl(n, e) {
   if (n === e)
     return !0;
   if (n.length !== e.length)
@@ -7364,13 +7364,13 @@ function Cl(n, e) {
       return !1;
   return !0;
 }
-function _l(n) {
+function Nl(n) {
   return typeof n == "boolean" ? {
     draggable: n,
     droppable: n
   } : n;
 }
-const wr = (n) => {
+const _r = (n) => {
   let {
     rects: e,
     activeIndex: t,
@@ -7384,26 +7384,26 @@ const wr = (n) => {
     scaleX: a.width / o.width,
     scaleY: a.height / o.height
   };
-}, Cr = "Sortable", _r = /* @__PURE__ */ L.createContext({
+}, Er = "Sortable", Dr = /* @__PURE__ */ L.createContext({
   activeIndex: -1,
-  containerId: Cr,
+  containerId: Er,
   disableTransforms: !1,
   items: [],
   overIndex: -1,
   useDragOverlay: !1,
   sortedRects: [],
-  strategy: wr,
+  strategy: _r,
   disabled: {
     draggable: !1,
     droppable: !1
   }
 });
-function El(n) {
+function Ol(n) {
   let {
     children: e,
     id: t,
     items: i,
-    strategy: r = wr,
+    strategy: r = _r,
     disabled: s = !1
   } = n;
   const {
@@ -7412,7 +7412,7 @@ function El(n) {
     droppableRects: l,
     over: u,
     measureDroppableContainers: c
-  } = xr(), d = Ct(Cr, t), h = a.rect !== null, f = B(() => i.map((b) => typeof b == "object" && "id" in b ? b.id : b), [i]), x = o != null, v = o ? f.indexOf(o.id) : -1, w = u ? f.indexOf(u.id) : -1, S = I(f), N = !Cl(f, S.current), C = w !== -1 && v === -1 || N, R = _l(s);
+  } = Cr(), d = Ct(Er, t), h = a.rect !== null, f = B(() => i.map((b) => typeof b == "object" && "id" in b ? b.id : b), [i]), x = o != null, v = o ? f.indexOf(o.id) : -1, w = u ? f.indexOf(u.id) : -1, S = I(f), N = !Sl(f, S.current), C = w !== -1 && v === -1 || N, R = Nl(s);
   ge(() => {
     N && x && c(f);
   }, [N, f, x, c]), H(() => {
@@ -7427,17 +7427,17 @@ function El(n) {
       items: f,
       overIndex: w,
       useDragOverlay: h,
-      sortedRects: wl(f, l),
+      sortedRects: Rl(f, l),
       strategy: r
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [v, d, R.draggable, R.droppable, C, f, w, l, h, r]
   );
-  return L.createElement(_r.Provider, {
+  return L.createElement(Dr.Provider, {
     value: y
   }, e);
 }
-const Dl = (n) => {
+const Al = (n) => {
   let {
     id: e,
     items: t,
@@ -7445,7 +7445,7 @@ const Dl = (n) => {
     overIndex: r
   } = n;
   return Fi(t, i, r).indexOf(e);
-}, Rl = (n) => {
+}, Tl = (n) => {
   let {
     containerId: e,
     isSorting: t,
@@ -7458,17 +7458,17 @@ const Dl = (n) => {
     transition: u
   } = n;
   return !u || !i || a !== s && r === o ? !1 : t ? !0 : o !== r && e === l;
-}, Sl = {
+}, kl = {
   duration: 200,
   easing: "ease"
-}, Er = "transform", Nl = /* @__PURE__ */ He.Transition.toString({
-  property: Er,
+}, Rr = "transform", zl = /* @__PURE__ */ Be.Transition.toString({
+  property: Rr,
   duration: 0,
   easing: "linear"
-}), Ol = {
+}), Pl = {
   roleDescription: "sortable"
 };
-function Al(n) {
+function Ml(n) {
   let {
     disabled: e,
     index: t,
@@ -7496,17 +7496,17 @@ function Al(n) {
     s && o(null);
   }, [s]), s;
 }
-function Tl(n) {
+function Ll(n) {
   let {
-    animateLayoutChanges: e = Rl,
+    animateLayoutChanges: e = Tl,
     attributes: t,
     disabled: i,
     data: r,
-    getNewIndex: s = Dl,
+    getNewIndex: s = Al,
     id: o,
     strategy: a,
     resizeObserverConfig: l,
-    transition: u = Sl
+    transition: u = kl
   } = n;
   const {
     items: c,
@@ -7518,7 +7518,7 @@ function Tl(n) {
     overIndex: w,
     useDragOverlay: S,
     strategy: N
-  } = we(_r), C = kl(i, f), R = c.indexOf(o), y = B(() => ({
+  } = _e(Dr), C = Il(i, f), R = c.indexOf(o), y = B(() => ({
     sortable: {
       containerId: d,
       index: R,
@@ -7530,7 +7530,7 @@ function Tl(n) {
     node: E,
     isOver: k,
     setNodeRef: A
-  } = al({
+  } = hl({
     id: o,
     data: y,
     disabled: C.droppable,
@@ -7542,36 +7542,36 @@ function Tl(n) {
     active: m,
     activatorEvent: _,
     activeNodeRect: O,
-    attributes: P,
-    setNodeRef: V,
+    attributes: M,
+    setNodeRef: q,
     listeners: X,
     isDragging: U,
     over: te,
     setActivatorNodeRef: G,
     transform: ne
-  } = rl({
+  } = cl({
     id: o,
     data: y,
     attributes: {
-      ...Ol,
+      ...Pl,
       ...t
     },
     disabled: C.draggable
-  }), Dt = Go(A, V), ie = !!m, Ce = ie && !x && kt(h) && kt(w), Be = !S && U, it = Be && Ce ? ne : null, Rt = Ce ? it ?? (a ?? N)({
+  }), Dt = Xo(A, q), ie = !!m, Ee = ie && !x && kt(h) && kt(w), Fe = !S && U, it = Fe && Ee ? ne : null, Rt = Ee ? it ?? (a ?? N)({
     rects: v,
     activeNodeRect: O,
     activeIndex: h,
     overIndex: w,
     index: R
-  }) : null, Oe = kt(h) && kt(w) ? s({
+  }) : null, Ae = kt(h) && kt(w) ? s({
     id: o,
     items: c,
     activeIndex: h,
     overIndex: w
-  }) : R, _e = m == null ? void 0 : m.id, $ = I({
-    activeId: _e,
+  }) : R, De = m == null ? void 0 : m.id, $ = I({
+    activeId: De,
     items: c,
-    newIndex: Oe,
+    newIndex: Ae,
     containerId: d
   }), nt = c !== $.current.items, ve = e({
     active: m,
@@ -7586,33 +7586,33 @@ function Tl(n) {
     previousContainerId: $.current.containerId,
     transition: u,
     wasDragging: $.current.activeId != null
-  }), We = Al({
+  }), We = Ml({
     disabled: !ve,
     index: R,
     node: E,
     rect: D
   });
   return H(() => {
-    ie && $.current.newIndex !== Oe && ($.current.newIndex = Oe), d !== $.current.containerId && ($.current.containerId = d), c !== $.current.items && ($.current.items = c);
-  }, [ie, Oe, d, c]), H(() => {
-    if (_e === $.current.activeId)
+    ie && $.current.newIndex !== Ae && ($.current.newIndex = Ae), d !== $.current.containerId && ($.current.containerId = d), c !== $.current.items && ($.current.items = c);
+  }, [ie, Ae, d, c]), H(() => {
+    if (De === $.current.activeId)
       return;
-    if (_e != null && $.current.activeId == null) {
-      $.current.activeId = _e;
+    if (De != null && $.current.activeId == null) {
+      $.current.activeId = De;
       return;
     }
     const Ge = setTimeout(() => {
-      $.current.activeId = _e;
+      $.current.activeId = De;
     }, 50);
     return () => clearTimeout(Ge);
-  }, [_e]), {
+  }, [De]), {
     active: m,
     activeIndex: h,
-    attributes: P,
+    attributes: M,
     data: y,
     rect: D,
     index: R,
-    newIndex: Oe,
+    newIndex: Ae,
     items: c,
     isOver: k,
     isSorting: ie,
@@ -7624,25 +7624,25 @@ function Tl(n) {
     setNodeRef: Dt,
     setActivatorNodeRef: G,
     setDroppableNodeRef: A,
-    setDraggableNodeRef: V,
+    setDraggableNodeRef: q,
     transform: We ?? Rt,
-    transition: Ee()
+    transition: Re()
   };
-  function Ee() {
+  function Re() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
       We || // Or to prevent items jumping to back to their "new" position when items change
       nt && $.current.newIndex === R
     )
-      return Nl;
-    if (!(Be && !ii(_) || !u) && (ie || ve))
-      return He.Transition.toString({
+      return zl;
+    if (!(Fe && !ii(_) || !u) && (ie || ve))
+      return Be.Transition.toString({
         ...u,
-        property: Er
+        property: Rr
       });
   }
 }
-function kl(n, e) {
+function Il(n, e) {
   var t, i;
   return typeof n == "boolean" ? {
     draggable: n,
@@ -7659,7 +7659,7 @@ function Xt(n) {
   const e = n.data.current;
   return !!(e && "sortable" in e && typeof e.sortable == "object" && "containerId" in e.sortable && "items" in e.sortable && "index" in e.sortable);
 }
-const zl = [F.Down, F.Right, F.Up, F.Left], Pl = (n, e) => {
+const Hl = [F.Down, F.Right, F.Up, F.Left], Bl = (n, e) => {
   let {
     context: {
       active: t,
@@ -7670,7 +7670,7 @@ const zl = [F.Down, F.Right, F.Up, F.Left], Pl = (n, e) => {
       scrollableAncestors: a
     }
   } = e;
-  if (zl.includes(n.code)) {
+  if (Hl.includes(n.code)) {
     if (n.preventDefault(), !t || !i)
       return;
     const l = [];
@@ -7694,16 +7694,16 @@ const zl = [F.Down, F.Right, F.Up, F.Left], Pl = (n, e) => {
             break;
         }
     });
-    const u = aa({
+    const u = ha({
       collisionRect: i,
       droppableRects: r,
       droppableContainers: l
     });
-    let c = rr(u, "id");
+    let c = or(u, "id");
     if (c === (o == null ? void 0 : o.id) && u.length > 1 && (c = u[1].id), c != null) {
       const d = s.get(t.id), h = s.get(c), f = h ? r.get(h.id) : null, x = h == null ? void 0 : h.node.current;
       if (x && f && d && h) {
-        const w = ni(x).some((b, D) => a[D] !== b), S = Dr(d, h), N = Ml(d, h), C = w || !S ? {
+        const w = ni(x).some((b, D) => a[D] !== b), S = Sr(d, h), N = Fl(d, h), C = w || !S ? {
           x: 0,
           y: 0
         } : {
@@ -7718,17 +7718,17 @@ const zl = [F.Down, F.Right, F.Up, F.Left], Pl = (n, e) => {
     }
   }
 };
-function Dr(n, e) {
+function Sr(n, e) {
   return !Xt(n) || !Xt(e) ? !1 : n.data.current.sortable.containerId === e.data.current.sortable.containerId;
 }
-function Ml(n, e) {
-  return !Xt(n) || !Xt(e) || !Dr(n, e) ? !1 : n.data.current.sortable.index < e.data.current.sortable.index;
+function Fl(n, e) {
+  return !Xt(n) || !Xt(e) || !Sr(n, e) ? !1 : n.data.current.sortable.index < e.data.current.sortable.index;
 }
-const yn = ({ id: n, children: e }) => {
-  const { attributes: t, listeners: i, setNodeRef: r, transform: s, transition: o } = Tl({
+const bn = ({ id: n, children: e }) => {
+  const { attributes: t, listeners: i, setNodeRef: r, transform: s, transition: o } = Ll({
     id: n
   }), a = {
-    transform: He.Translate.toString(s),
+    transform: Be.Translate.toString(s),
     transition: o,
     flex: "1 1",
     display: "flex",
@@ -7745,14 +7745,14 @@ const yn = ({ id: n, children: e }) => {
 }, main: i = !1 }) => {
   var d;
   const [r, s] = W([]);
-  _n(() => {
+  En(() => {
     s(n.map((h, f) => ({
       id: h.id ?? f.toString(),
       render: h.render
     })));
   }, [n]);
-  const [o, a] = W(null), l = ia(sn(Hi), sn(Li, {
-    coordinateGetter: Pl
+  const [o, a] = W(null), l = aa(on(Hi), on(Li, {
+    coordinateGetter: Bl
   })), u = (h) => {
     a(h.active.id);
   }, c = (h) => {
@@ -7764,18 +7764,18 @@ const yn = ({ id: n, children: e }) => {
   };
   return g("div", {
     className: j("flex flex-wrap items-stretch gap-4", i && "flex-1"),
-    children: M(tl, {
+    children: P(ol, {
       sensors: l,
       onDragStart: u,
       onDragEnd: c,
-      children: [g(El, {
+      children: [g(Ol, {
         items: r,
-        children: r.map((h) => g(yn, {
+        children: r.map((h) => g(bn, {
           id: h.id,
           children: h.render
         }, h.id))
-      }), g(xl, {
-        children: o ? g(yn, {
+      }), g(Dl, {
+        children: o ? g(bn, {
           id: o,
           children: (d = r.find((h) => h.id === o)) == null ? void 0 : d.render
         }) : null
@@ -7785,13 +7785,13 @@ const yn = ({ id: n, children: e }) => {
 };
 Wi.displayName = "GroupMasonry";
 Wi.__isPageLayoutGroup = !0;
-const Ll = le(function({ children: e, aside: t, header: i, variant: r = "main-aside" }, s) {
-  return process.env.NODE_ENV === "development" && er("Page", e, ["block", "group"]), g("div", {
+const Wl = le(function({ children: e, aside: t, header: i, variant: r = "main-aside" }, s) {
+  return process.env.NODE_ENV === "development" && ir("Page", e, ["block", "group"]), g("div", {
     ref: s,
     className: "h-full",
-    children: M("div", {
+    children: P("div", {
       className: j("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", "md:sticky md:top-0 md:max-h-full"),
-      children: [M("main", {
+      children: [P("main", {
         className: j("sm:min-h-xs h-fit border-0", "order-1 flex flex-col sm:flex-1 sm:border-solid md:order-2", "md:auto md:h-full md:max-h-full md:overflow-y-auto md:overflow-x-hidden", r === "aside-main" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
         children: [i && g("header", {
           className: j("sticky top-0 z-30 bg-f1-background"),
@@ -7806,23 +7806,23 @@ const Ll = le(function({ children: e, aside: t, header: i, variant: r = "main-as
       })]
     })
   });
-}), _c = {
-  Page: Re("Page", Ll),
-  Block: Re("Block", Qt),
-  BlockContent: Re("BlockContent", Bo),
-  Group: Re("Group", ki),
-  GroupGrid: Re("GroupGrid", Zt),
-  GroupMasonry: Re("GroupMasonry", Wi)
-}, Ec = me({
+}), Tc = {
+  Page: we("Page", Wl),
+  Block: we("Block", Qt),
+  BlockContent: we("BlockContent", jo),
+  Group: we("Group", ki),
+  GroupGrid: we("GroupGrid", Zt),
+  GroupMasonry: we("GroupMasonry", Wi)
+}, kc = me({
   name: "StandardLayout",
   type: "layout"
-}, jn), Dc = me({
+}, Kn), zc = me({
   name: "TwoColumnLayout",
   type: "layout"
-}, co), Rc = me({
+}, po), Pc = me({
   name: "HomeLayout",
   type: "layout"
-}, lo);
+}, go);
 function Je(n) {
   "@babel/helpers - typeof";
   return Je = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -7831,41 +7831,41 @@ function Je(n) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, Je(n);
 }
-function Il(n, e) {
+function Gl(n, e) {
   if (!(n instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Hl(n, e) {
+function $l(n, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(n, Nr(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(n, Ar(i.key), i);
   }
 }
-function Bl(n, e, t) {
-  return e && Hl(n.prototype, e), Object.defineProperty(n, "prototype", { writable: !1 }), n;
+function jl(n, e, t) {
+  return e && $l(n.prototype, e), Object.defineProperty(n, "prototype", { writable: !1 }), n;
 }
-function Fl(n, e, t) {
-  return e = Yt(e), Wl(n, Rr() ? Reflect.construct(e, t || [], Yt(n).constructor) : e.apply(n, t));
+function Ul(n, e, t) {
+  return e = Yt(e), Kl(n, Nr() ? Reflect.construct(e, t || [], Yt(n).constructor) : e.apply(n, t));
 }
-function Wl(n, e) {
+function Kl(n, e) {
   if (e && (Je(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Gl(n);
+  return Xl(n);
 }
-function Gl(n) {
+function Xl(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
 }
-function Rr() {
+function Nr() {
   try {
     var n = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Rr = function() {
+  return (Nr = function() {
     return !!n;
   })();
 }
@@ -7874,7 +7874,7 @@ function Yt(n) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, Yt(n);
 }
-function $l(n, e) {
+function Yl(n, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
   n.prototype = Object.create(e && e.prototype, { constructor: { value: n, writable: !0, configurable: !0 } }), Object.defineProperty(n, "prototype", { writable: !1 }), e && Ci(n, e);
@@ -7884,14 +7884,14 @@ function Ci(n, e) {
     return i.__proto__ = r, i;
   }, Ci(n, e);
 }
-function Sr(n, e, t) {
-  return e = Nr(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
+function Or(n, e, t) {
+  return e = Ar(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
-function Nr(n) {
-  var e = jl(n, "string");
+function Ar(n) {
+  var e = Vl(n, "string");
   return Je(e) == "symbol" ? e : e + "";
 }
-function jl(n, e) {
+function Vl(n, e) {
   if (Je(n) != "object" || !n) return n;
   var t = n[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -7903,23 +7903,23 @@ function jl(n, e) {
 }
 var oi = /* @__PURE__ */ function(n) {
   function e() {
-    return Il(this, e), Fl(this, e, arguments);
+    return Gl(this, e), Ul(this, e, arguments);
   }
-  return $l(e, n), Bl(e, [{
+  return Yl(e, n), jl(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
 }(L.Component);
-Sr(oi, "displayName", "ZAxis");
-Sr(oi, "defaultProps", {
+Or(oi, "displayName", "ZAxis");
+Or(oi, "defaultProps", {
   zAxisId: 0,
   range: [64, 64],
   scale: "auto",
   type: "number"
 });
-var Ul = ["option", "isActive"];
+var ql = ["option", "isActive"];
 function ft() {
   return ft = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -7930,9 +7930,9 @@ function ft() {
     return n;
   }, ft.apply(this, arguments);
 }
-function Kl(n, e) {
+function Jl(n, e) {
   if (n == null) return {};
-  var t = Xl(n, e), i, r;
+  var t = Zl(n, e), i, r;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(n);
     for (r = 0; r < s.length; r++)
@@ -7940,7 +7940,7 @@ function Kl(n, e) {
   }
   return t;
 }
-function Xl(n, e) {
+function Zl(n, e) {
   if (n == null) return {};
   var t = {};
   for (var i in n)
@@ -7950,15 +7950,15 @@ function Xl(n, e) {
     }
   return t;
 }
-function Yl(n) {
-  var e = n.option, t = n.isActive, i = Kl(n, Ul);
-  return typeof e == "string" ? /* @__PURE__ */ L.createElement(Vi, ft({
-    option: /* @__PURE__ */ L.createElement(Jr, ft({
+function Ql(n) {
+  var e = n.option, t = n.isActive, i = Jl(n, ql);
+  return typeof e == "string" ? /* @__PURE__ */ L.createElement(qi, ft({
+    option: /* @__PURE__ */ L.createElement(Qr, ft({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ L.createElement(Vi, ft({
+  }, i)) : /* @__PURE__ */ L.createElement(qi, ft({
     option: e,
     isActive: t,
     shapeType: "symbols"
@@ -7982,7 +7982,7 @@ function gt() {
     return n;
   }, gt.apply(this, arguments);
 }
-function bn(n, e) {
+function xn(n, e) {
   var t = Object.keys(n);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(n);
@@ -7995,58 +7995,58 @@ function bn(n, e) {
 function ue(n) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? bn(Object(t), !0).forEach(function(i) {
-      Ie(n, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : bn(Object(t)).forEach(function(i) {
+    e % 2 ? xn(Object(t), !0).forEach(function(i) {
+      He(n, i, t[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : xn(Object(t)).forEach(function(i) {
       Object.defineProperty(n, i, Object.getOwnPropertyDescriptor(t, i));
     });
   }
   return n;
 }
-function ql(n, e) {
+function ec(n, e) {
   if (!(n instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function xn(n, e) {
+function wn(n, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(n, Ar(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(n, kr(i.key), i);
   }
 }
-function Vl(n, e, t) {
-  return e && xn(n.prototype, e), t && xn(n, t), Object.defineProperty(n, "prototype", { writable: !1 }), n;
+function tc(n, e, t) {
+  return e && wn(n.prototype, e), t && wn(n, t), Object.defineProperty(n, "prototype", { writable: !1 }), n;
 }
-function Jl(n, e, t) {
-  return e = qt(e), Zl(n, Or() ? Reflect.construct(e, t || [], qt(n).constructor) : e.apply(n, t));
+function ic(n, e, t) {
+  return e = Vt(e), nc(n, Tr() ? Reflect.construct(e, t || [], Vt(n).constructor) : e.apply(n, t));
 }
-function Zl(n, e) {
+function nc(n, e) {
   if (e && (Ze(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Ql(n);
+  return rc(n);
 }
-function Ql(n) {
+function rc(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
 }
-function Or() {
+function Tr() {
   try {
     var n = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Or = function() {
+  return (Tr = function() {
     return !!n;
   })();
 }
-function qt(n) {
-  return qt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+function Vt(n) {
+  return Vt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
-  }, qt(n);
+  }, Vt(n);
 }
-function ec(n, e) {
+function sc(n, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
   n.prototype = Object.create(e && e.prototype, { constructor: { value: n, writable: !0, configurable: !0 } }), Object.defineProperty(n, "prototype", { writable: !1 }), e && _i(n, e);
@@ -8056,14 +8056,14 @@ function _i(n, e) {
     return i.__proto__ = r, i;
   }, _i(n, e);
 }
-function Ie(n, e, t) {
-  return e = Ar(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
+function He(n, e, t) {
+  return e = kr(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
-function Ar(n) {
-  var e = tc(n, "string");
+function kr(n) {
+  var e = oc(n, "string");
   return Ze(e) == "symbol" ? e : e + "";
 }
-function tc(n, e) {
+function oc(n, e) {
   if (Ze(n) != "object" || !n) return n;
   var t = n[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -8076,22 +8076,22 @@ function tc(n, e) {
 var Et = /* @__PURE__ */ function(n) {
   function e() {
     var t;
-    ql(this, e);
+    ec(this, e);
     for (var i = arguments.length, r = new Array(i), s = 0; s < i; s++)
       r[s] = arguments[s];
-    return t = Jl(this, e, [].concat(r)), Ie(t, "state", {
+    return t = ic(this, e, [].concat(r)), He(t, "state", {
       isAnimationFinished: !1
-    }), Ie(t, "handleAnimationEnd", function() {
+    }), He(t, "handleAnimationEnd", function() {
       t.setState({
         isAnimationFinished: !0
       });
-    }), Ie(t, "handleAnimationStart", function() {
+    }), He(t, "handleAnimationStart", function() {
       t.setState({
         isAnimationFinished: !1
       });
-    }), Ie(t, "id", ss("recharts-scatter-")), t;
+    }), He(t, "id", as("recharts-scatter-")), t;
   }
-  return ec(e, n), Vl(e, [{
+  return sc(e, n), tc(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
       var r = this, s = this.props, o = s.shape, a = s.activeShape, l = s.activeIndex, u = di(this.props, !1);
@@ -8100,9 +8100,9 @@ var Et = /* @__PURE__ */ function(n) {
         return /* @__PURE__ */ L.createElement(lt, gt({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(c == null ? void 0 : c.cx, "-").concat(c == null ? void 0 : c.cy, "-").concat(c == null ? void 0 : c.size, "-").concat(d)
-        }, Zr(r.props, c, d), {
+        }, es(r.props, c, d), {
           role: "img"
-        }), /* @__PURE__ */ L.createElement(Yl, gt({
+        }), /* @__PURE__ */ L.createElement(Ql, gt({
           option: f,
           isActive: h,
           key: "symbol-".concat(d)
@@ -8113,7 +8113,7 @@ var Et = /* @__PURE__ */ function(n) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var i = this, r = this.props, s = r.points, o = r.isAnimationActive, a = r.animationBegin, l = r.animationDuration, u = r.animationEasing, c = r.animationId, d = this.state.prevPoints;
-      return /* @__PURE__ */ L.createElement(Qr, {
+      return /* @__PURE__ */ L.createElement(ts, {
         begin: a,
         duration: l,
         isActive: o,
@@ -8150,7 +8150,7 @@ var Et = /* @__PURE__ */ function(n) {
     key: "renderSymbols",
     value: function() {
       var i = this.props, r = i.points, s = i.isAnimationActive, o = this.state.prevPoints;
-      return s && r && r.length && (!o || !En(o, r)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(r);
+      return s && r && r.length && (!o || !Dn(o, r)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(r);
     }
   }, {
     key: "renderErrorBar",
@@ -8158,7 +8158,7 @@ var Et = /* @__PURE__ */ function(n) {
       var i = this.props.isAnimationActive;
       if (i && !this.state.isAnimationFinished)
         return null;
-      var r = this.props, s = r.points, o = r.xAxis, a = r.yAxis, l = r.children, u = Rn(l, es);
+      var r = this.props, s = r.points, o = r.xAxis, a = r.yAxis, l = r.children, u = Nn(l, is);
       return u ? u.map(function(c, d) {
         var h = c.props, f = h.direction, x = h.dataKey;
         return /* @__PURE__ */ L.cloneElement(c, {
@@ -8190,7 +8190,7 @@ var Et = /* @__PURE__ */ function(n) {
           };
         });
       else if (o === "fitting") {
-        var h = ts(r), f = h.xmin, x = h.xmax, v = h.a, w = h.b, S = function(R) {
+        var h = ns(r), f = h.xmin, x = h.xmax, v = h.a, w = h.b, S = function(R) {
           return v * R + w;
         };
         c = [{
@@ -8207,7 +8207,7 @@ var Et = /* @__PURE__ */ function(n) {
       }, u), {}, {
         points: c
       });
-      return /* @__PURE__ */ L.isValidElement(s) ? d = /* @__PURE__ */ L.cloneElement(s, N) : is(s) ? d = s(N) : d = /* @__PURE__ */ L.createElement(ns, gt({}, N, {
+      return /* @__PURE__ */ L.isValidElement(s) ? d = /* @__PURE__ */ L.cloneElement(s, N) : rs(s) ? d = s(N) : d = /* @__PURE__ */ L.createElement(ss, gt({}, N, {
         type: a
       })), /* @__PURE__ */ L.createElement(lt, {
         className: "recharts-scatter-line",
@@ -8220,7 +8220,7 @@ var Et = /* @__PURE__ */ function(n) {
       var i = this.props, r = i.hide, s = i.points, o = i.line, a = i.className, l = i.xAxis, u = i.yAxis, c = i.left, d = i.top, h = i.width, f = i.height, x = i.id, v = i.isAnimationActive;
       if (r || !s || !s.length)
         return null;
-      var w = this.state.isAnimationFinished, S = rs("recharts-scatter", a), N = l && l.allowDataOverflow, C = u && u.allowDataOverflow, R = N || C, y = Xe(x) ? this.id : x;
+      var w = this.state.isAnimationFinished, S = os("recharts-scatter", a), N = l && l.allowDataOverflow, C = u && u.allowDataOverflow, R = N || C, y = Xe(x) ? this.id : x;
       return /* @__PURE__ */ L.createElement(lt, {
         className: S,
         clipPath: R ? "url(#clipPath-".concat(y, ")") : null
@@ -8233,7 +8233,7 @@ var Et = /* @__PURE__ */ function(n) {
         height: C ? f : f * 2
       }))) : null, o && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ L.createElement(lt, {
         key: "recharts-scatter-symbols"
-      }, this.renderSymbols()), (!v || w) && Sn.renderCallByParent(this.props, s));
+      }, this.renderSymbols()), (!v || w) && On.renderCallByParent(this.props, s));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -8247,9 +8247,9 @@ var Et = /* @__PURE__ */ function(n) {
       } : null;
     }
   }]);
-}(oo);
-Ie(Et, "displayName", "Scatter");
-Ie(Et, "defaultProps", {
+}(ho);
+He(Et, "displayName", "Scatter");
+He(Et, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -8259,13 +8259,13 @@ Ie(Et, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !os.isSsr,
+  isAnimationActive: !ls.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
-Ie(Et, "getComposedData", function(n) {
-  var e = n.xAxis, t = n.yAxis, i = n.zAxis, r = n.item, s = n.displayedData, o = n.xAxisTicks, a = n.yAxisTicks, l = n.offset, u = r.props.tooltipType, c = Rn(r.props.children, as), d = Xe(e.dataKey) ? r.props.dataKey : e.dataKey, h = Xe(t.dataKey) ? r.props.dataKey : t.dataKey, f = i && i.dataKey, x = i ? i.range : oi.defaultProps.range, v = x && x[0], w = e.scale.bandwidth ? e.scale.bandwidth() : 0, S = t.scale.bandwidth ? t.scale.bandwidth() : 0, N = s.map(function(C, R) {
+He(Et, "getComposedData", function(n) {
+  var e = n.xAxis, t = n.yAxis, i = n.zAxis, r = n.item, s = n.displayedData, o = n.xAxisTicks, a = n.yAxisTicks, l = n.offset, u = r.props.tooltipType, c = Nn(r.props.children, cs), d = Xe(e.dataKey) ? r.props.dataKey : e.dataKey, h = Xe(t.dataKey) ? r.props.dataKey : t.dataKey, f = i && i.dataKey, x = i ? i.range : oi.defaultProps.range, v = x && x[0], w = e.scale.bandwidth ? e.scale.bandwidth() : 0, S = t.scale.bandwidth ? t.scale.bandwidth() : 0, N = s.map(function(C, R) {
     var y = zt(C, d), b = zt(C, h), D = !Xe(f) && zt(C, f) || "-", E = [{
       name: Xe(e.dataKey) ? r.props.name : e.name || e.dataKey,
       unit: e.unit || "",
@@ -8332,12 +8332,12 @@ Ie(Et, "getComposedData", function(n) {
     points: N
   }, l);
 });
-var ic = ls({
+var ac = ds({
   chartName: "ComposedChart",
-  GraphicalChild: [Nn, cs, On, Et],
+  GraphicalChild: [An, us, Tn, Et],
   axisComponents: [{
     axisType: "xAxis",
-    AxisComp: An
+    AxisComp: kn
   }, {
     axisType: "yAxis",
     AxisComp: vi
@@ -8345,9 +8345,9 @@ var ic = ls({
     axisType: "zAxis",
     AxisComp: oi
   }],
-  formatAxisMap: ds
+  formatAxisMap: hs
 });
-const nc = (n) => {
+const lc = (n) => {
   const e = (t) => {
     const { cx: i, cy: r, fill: s, payload: o } = t, a = () => {
       if (!o) return "-";
@@ -8371,16 +8371,16 @@ const nc = (n) => {
     });
   };
   return e.displayName = `Scatter-${n}`, e;
-}, rc = ({ dataConfig: n, data: e, xAxis: t, yAxis: i = {
+}, cc = ({ dataConfig: n, data: e, xAxis: t, yAxis: i = {
   hide: !0
 }, label: r = !1, hideTooltip: s = !1, hideGrid: o = !1, aspect: a, legend: l, showValueUnderLabel: u = !1, bar: c, line: d, scatter: h, onClick: f }, x) => {
   var D, E, k, A;
-  const v = us(e), w = c != null && c.categories ? Array.isArray(c.categories) ? c.categories : [c.categories] : [], S = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], N = h != null && h.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], C = [...w, ...S, ...N], R = Math.max(...v.flatMap((m) => C.map((_) => hs(i != null && i.tickFormatter ? i.tickFormatter(`${m[_]}`) : `${m[_]}`)))), y = [c, d, h].filter((m) => (m == null ? void 0 : m.axisPosition) === "left"), b = [c, d, h].filter((m) => (m == null ? void 0 : m.axisPosition) === "right");
-  return g(fs, {
+  const v = fs(e), w = c != null && c.categories ? Array.isArray(c.categories) ? c.categories : [c.categories] : [], S = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], N = h != null && h.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], C = [...w, ...S, ...N], R = Math.max(...v.flatMap((m) => C.map((_) => gs(i != null && i.tickFormatter ? i.tickFormatter(`${m[_]}`) : `${m[_]}`)))), y = [c, d, h].filter((m) => (m == null ? void 0 : m.axisPosition) === "left"), b = [c, d, h].filter((m) => (m == null ? void 0 : m.axisPosition) === "right");
+  return g(ps, {
     config: n,
     ref: x,
     aspect: a,
-    children: M(ic, {
+    children: P(ac, {
       accessibilityLayer: !0,
       data: v,
       margin: {
@@ -8401,13 +8401,13 @@ const nc = (n) => {
           _.values[O.name] = O.value;
         f(_);
       },
-      children: [!s && g(gs, {
-        ...ps(),
-        content: g(ms, {
+      children: [!s && g(ms, {
+        ...vs(),
+        content: g(ys, {
           yAxisFormatter: i.tickFormatter
         })
-      }), !o && g(vs, {
-        ...ys()
+      }), !o && g(bs, {
+        ...xs()
       }), y.length > 0 && g(vi, {
         ...Zi(i),
         tick: !0,
@@ -8430,13 +8430,13 @@ const nc = (n) => {
           angle: 90,
           position: "insideRight"
         } : void 0
-      }), g(An, {
-        ...bs(t),
+      }), g(kn, {
+        ...ws(t),
         hide: t == null ? void 0 : t.hide,
         tick: u ? (m) => {
           var te, G;
-          const { x: _, y: O, payload: P } = m, V = ((te = e.find((ne) => ne.label === P.value)) == null ? void 0 : te.values) || "", X = Object.keys(V).length === 1 ? (G = Object.values(V)) == null ? void 0 : G[0] : void 0, U = X !== void 0 && i.tickFormatter ? i.tickFormatter(`${X}`) : X.toLocaleString();
-          return M("g", {
+          const { x: _, y: O, payload: M } = m, q = ((te = e.find((ne) => ne.label === M.value)) == null ? void 0 : te.values) || "", X = Object.keys(q).length === 1 ? (G = Object.values(q)) == null ? void 0 : G[0] : void 0, U = X !== void 0 && i.tickFormatter ? i.tickFormatter(`${X}`) : X.toLocaleString();
+          return P("g", {
             transform: `translate(${_},${O})`,
             children: [g("text", {
               x: 0,
@@ -8444,7 +8444,7 @@ const nc = (n) => {
               dy: 12,
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
-              children: P.value
+              children: M.value
             }), !!X && g("text", {
               x: 0,
               y: 0,
@@ -8455,19 +8455,19 @@ const nc = (n) => {
             })]
           });
         } : void 0
-      }), w.map((m, _) => g(On, {
+      }), w.map((m, _) => g(Tn, {
         isAnimationActive: !1,
         dataKey: String(m),
         fill: n[m].color ? ct(n[m].color) : ui(_),
         radius: 4,
         maxBarSize: 32,
-        children: r && g(Sn, {
+        children: r && g(On, {
           position: "top",
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
         }, `label-${String(m)}`)
-      }, `bar-${String(m)}`)), S.map((m, _) => g(Nn, {
+      }, `bar-${String(m)}`)), S.map((m, _) => g(An, {
         type: (d == null ? void 0 : d.lineType) ?? "natural",
         dataKey: String(m),
         stroke: n[m].color ? ct(n[m].color) : ui(w.length + _),
@@ -8481,9 +8481,9 @@ const nc = (n) => {
         r: 4,
         isAnimationActive: !1,
         yAxisId: (h == null ? void 0 : h.axisPosition) === "right" ? "right" : void 0,
-        shape: nc(String(m))
-      }, `scatter-${String(m)}`)), l && g(xs, {
-        content: g(ws, {
+        shape: lc(String(m))
+      }, `scatter-${String(m)}`)), l && g(Cs, {
+        content: g(_s, {
           nameKey: "label"
         }),
         align: "center",
@@ -8493,14 +8493,14 @@ const nc = (n) => {
       })]
     })
   });
-}, sc = Tn(rc), oc = ({ value: n, max: e = 100, label: t, color: i }, r) => {
+}, dc = zn(cc), uc = ({ value: n, max: e = 100, label: t, color: i }, r) => {
   const s = i ? ct(i) : ct("categorical-1"), o = n / e * 100;
-  return M("div", {
+  return P("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
     children: [g("div", {
       className: "flex-grow",
-      children: g(Cs, {
+      children: g(Es, {
         color: s,
         value: o,
         className: "w-full",
@@ -8514,57 +8514,103 @@ const nc = (n) => {
       children: t
     })]
   });
-}, ac = Tn(oc), Sc = me(
+}, hc = zn(uc), Mc = me(
   {
     name: "AreaChart",
     type: "info"
   },
-  _s
-), Nc = me(
+  Ds
+), Lc = me(
   {
     name: "BarChart",
     type: "info"
   },
-  Es
-), Oc = me(
+  Rs
+), Ic = me(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  Ds
-), Ac = me(
+  Ss
+), Hc = me(
   {
     name: "LineChart",
     type: "info"
   },
-  Rs
-), Tc = me(
+  Ns
+), Bc = me(
   {
     name: "PieChart",
     type: "info"
   },
-  Ss
-), kc = me(
+  Os
+), Fc = me(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  Ns
-), zc = me(
+  As
+), Wc = me(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  ac
-), Pc = me(
+  hc
+), Gc = me(
   {
     name: "ComboChart",
     type: "info"
   },
-  sc
-), Mc = Os.filter(
+  dc
+), fc = (n) => typeof n == "boolean" || !n ? {
+  show: !!n,
+  invertStatus: !1
+} : {
+  show: n.show ?? !0,
+  invertStatus: n.invertStatus ?? !1
+}, zr = ({ label: n, ...e }) => {
+  const t = Ts(), i = t(e.value, {
+    formatterOptions: {
+      decimalPlaces: 2
+    }
+  }), r = fc(e.trend), s = t(e.comparison), o = ks(i.numericValue, i.formatterOptions), a = Qi(s.numericValue), l = Qi(i.numericValue), u = B(() => {
+    if (!(!a || !r.show) && !(!a || !l))
+      return (l - a) / a * 100;
+  }, [l, a, r.show]);
+  return P("div", {
+    className: "flex flex-col gap-2",
+    children: [n && g("div", {
+      children: n
+    }), P("div", {
+      className: "flex flex-row flex-wrap items-center gap-2",
+      children: [g("span", {
+        className: "font-bold text-2xl",
+        children: o
+      }), a !== void 0 && g(zs, {
+        percentage: u,
+        amount: s,
+        invertStatus: r.invertStatus,
+        hint: e.comparisonHint
+      })]
+    })]
+  });
+}, gc = () => P("div", {
+  className: "relative flex h-full w-full cursor-progress flex-col gap-2",
+  children: [g(xe, {
+    className: "h-3 w-full max-w-16 rounded-md"
+  }), P("div", {
+    className: "flex flex-row flex-wrap items-end gap-2",
+    children: [g(xe, {
+      className: "h-8 w-full max-w-36 rounded-sm"
+    }), g(xe, {
+      className: "h-6 w-full max-w-18 rounded-sm"
+    })]
+  })]
+});
+zr.displayName = "F0BigNumber";
+const pc = Rn(zr, gc), $c = we("F0BigNumber", pc), jc = Ps.filter(
   (n) => n !== "ai"
-), Lc = kn, Ic = ["default", "outline", "neutral"], Hc = kn, Bc = ["sm", "md", "lg"], Fc = ["compact", "expanded"], Wc = As, Gc = [
+), Uc = Pn, Kc = ["default", "outline", "neutral"], Xc = Pn, Yc = ["sm", "md", "lg"], Vc = ["compact", "expanded"], qc = Ms, Jc = [
   "viridian",
   "malibu",
   "yellow",
@@ -8580,26 +8626,26 @@ const nc = (n) => {
   const [t, i] = W(!1), r = g(Mt, {
     label: `+${n}`
   });
-  return e != null && e.length ? M(zn, {
+  return e != null && e.length ? P(Mn, {
     open: t,
     onOpenChange: i,
-    children: [g(Pn, {
+    children: [g(Ln, {
       asChild: !0,
       children: g("button", {
-        className: Ts("inline-flex flex-shrink-0 items-center"),
+        className: Ls("inline-flex flex-shrink-0 items-center"),
         children: r
       })
-    }), g(Mn, {
+    }), g(In, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
-      children: M(Ln, {
+      children: P(Hn, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col",
         children: [e.map((s, o) => g("div", {
           className: "flex w-[220px] min-w-0 items-center gap-1.5 px-2 py-1 [&:first-child]:pt-2 [&:last-child]:pb-2",
           children: g(Mt, {
             ...s
           })
-        }, o)), g(In, {
+        }, o)), g(Bn, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -8608,9 +8654,9 @@ const nc = (n) => {
   }) : r;
 };
 Ei.displayName = "ChipCounter";
-const Tr = ({ chips: n, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
+const Pr = ({ chips: n, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
   if (i === "fill")
-    return g(ks, {
+    return g(Is, {
       items: n,
       renderListItem: (l) => g(Mt, {
         ...l
@@ -8625,7 +8671,7 @@ const Tr = ({ chips: n, max: e = 4, remainingCount: t, layout: i = "compact" })
       className: "flex-1"
     });
   const r = n.slice(0, e), s = n.slice(e), o = t ?? n.length - e, a = o > 0;
-  return M("div", {
+  return P("div", {
     className: "flex items-center gap-2",
     children: [r.map((l, u) => g(Mt, {
       ...l
@@ -8635,31 +8681,31 @@ const Tr = ({ chips: n, max: e = 4, remainingCount: t, layout: i = "compact" })
     })]
   });
 };
-Tr.displayName = "F0ChipList";
-const $c = Re("F0ChipList", Tr), jc = zs, lc = le((n, e) => g(Ti, {
+Pr.displayName = "F0ChipList";
+const Zc = we("F0ChipList", Pr), Qc = Hs, mc = le((n, e) => g(Ti, {
   ref: e,
   variant: "heading",
   ...n
 }));
-lc.displayName = "F0Heading";
-const Uc = Re(
+mc.displayName = "F0Heading";
+const ed = we(
   "F0GridStack",
   Ai
-), cc = ({ benefits: n }) => g("div", {
+), vc = ({ benefits: n }) => g("div", {
   className: "flex flex-col gap-2",
-  children: n.map((e, t) => g(dc, {
+  children: n.map((e, t) => g(yc, {
     text: e
   }, t))
-}), dc = ({ text: n }) => M("div", {
+}), yc = ({ text: n }) => P("div", {
   className: "flex flex-row items-start gap-2",
-  children: [g(Dn, {
-    icon: Ls,
+  children: [g(Sn, {
+    icon: Ws,
     size: "md",
     className: "text-f1-icon-positive"
   }), g("span", {
     children: n
   })]
-}), kr = le(({ title: n, image: e, benefits: t, actions: i, withShadow: r = !0, module: s, moduleName: o, tag: a, promoTag: l }, u) => M("div", {
+}), Mr = le(({ title: n, image: e, benefits: t, actions: i, withShadow: r = !0, module: s, moduleName: o, tag: a, promoTag: l }, u) => P("div", {
   ref: u,
   className: j("bg-white flex flex-row rounded-xl border border-f1-border-secondary", r && "shadow-md"),
   children: [g("div", {
@@ -8669,26 +8715,26 @@ const Uc = Re(
       alt: "",
       className: "h-full w-full rounded-lg object-cover"
     })
-  }), M("div", {
+  }), P("div", {
     className: "flex flex-col justify-center gap-8 px-8 py-5",
-    children: [M("div", {
+    children: [P("div", {
       className: "flex flex-col gap-5",
-      children: [M("div", {
+      children: [P("div", {
         className: "flex flex-col gap-2",
-        children: [M("div", {
+        children: [P("div", {
           className: "flex flex-row items-center gap-2",
-          children: [s && g(Hn, {
+          children: [s && g(Fn, {
             module: s
           }), o && g("p", {
             className: "text-base font-medium text-f1-foreground",
             children: o
           })]
-        }), (a || l) && M("div", {
+        }), (a || l) && P("div", {
           className: "flex justify-start gap-2",
-          children: [a && g(Ps, {
+          children: [a && g(Bs, {
             icon: a.icon,
             text: a.label
-          }), l && g(Ms, {
+          }), l && g(Fs, {
             variant: l.variant || "positive",
             text: l.label
           })]
@@ -8696,7 +8742,7 @@ const Uc = Re(
           className: "font-bold text-xl text-f1-foreground",
           children: n
         })]
-      }), g(cc, {
+      }), g(vc, {
         benefits: t
       })]
     }), i && g("div", {
@@ -8705,38 +8751,38 @@ const Uc = Re(
     })]
   })]
 }));
-kr.displayName = "ProductBlankslate";
-function uc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalContainer: s }) {
+Mr.displayName = "ProductBlankslate";
+function bc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalContainer: s }) {
   const [o, a] = W(n);
   return H(() => {
     a(n);
-  }, [n]), g(Is, {
+  }, [n]), g(Gs, {
     open: o,
     onOpenChange: (u) => {
       a(u), u || e();
     },
     modal: !0,
-    children: M(Hs, {
+    children: P($s, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: s,
-      children: [M("div", {
+      children: [P("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [M(Bs, {
+        children: [P(js, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
-          children: [r && g(Hn, {
+          children: [r && g(Fn, {
             module: r,
             size: "lg"
           }), t]
         }), g(Si, {
           variant: "outline",
-          icon: Bn,
+          icon: Wn,
           onClick: e,
           label: "Close modal",
           hideLabel: !0
         })]
-      }), M(Ln, {
+      }), P(Hn, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [i, g(In, {
+        children: [i, g(Bn, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -8744,7 +8790,7 @@ function uc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalCon
     })
   });
 }
-function Kc({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessage: s, successMessage: o, loadingState: a, nextSteps: l, closeLabel: u, primaryAction: c, modalTitle: d, modalModule: h, secondaryAction: f, portalContainer: x, tag: v, promoTag: w, showResponseDialog: S = !0 }) {
+function td({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessage: s, successMessage: o, loadingState: a, nextSteps: l, closeLabel: u, primaryAction: c, modalTitle: d, modalModule: h, secondaryAction: f, portalContainer: x, tag: v, promoTag: w, showResponseDialog: S = !0 }) {
   const [N, C] = W(n), [R, y] = W(null), [b, D] = W(!1), E = async () => {
     if (c != null && c.onClick) {
       D(!0);
@@ -8759,8 +8805,8 @@ function Kc({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
   }, k = () => {
     C(!1), e == null || e();
   }, A = b;
-  return M(Vt, {
-    children: [g(uc, {
+  return P(qt, {
+    children: [g(bc, {
       isOpen: N,
       onClose: k,
       title: d,
@@ -8768,23 +8814,23 @@ function Kc({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
       portalContainer: x,
       children: g("div", {
         className: "pb-4 pl-4",
-        children: g(kr, {
+        children: g(Mr, {
           title: t,
           image: i,
           benefits: r,
           withShadow: !1,
           tag: v,
           promoTag: w,
-          actions: M("div", {
+          actions: P("div", {
             className: "flex gap-3",
-            children: [c && g(Ve, {
+            children: [c && g(qe, {
               variant: c.variant,
               label: A ? a.label : c.label,
               icon: c.icon || void 0,
               onClick: E,
               loading: c.loading,
               size: c.size
-            }), f && g(Ve, {
+            }), f && g(qe, {
               onClick: f.onClick,
               label: f.label,
               variant: f.variant,
@@ -8794,7 +8840,7 @@ function Kc({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
           })
         })
       })
-    }), R && S && g(Fn, {
+    }), R && S && g(Gn, {
       open: !0,
       onClose: () => {
         k(), y(null);
@@ -8808,7 +8854,7 @@ function Kc({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
     })]
   });
 }
-function hc({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r, width: s, trackVisibility: o, actions: a, showConfirmation: l = !0 }) {
+function xc({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r, width: s, trackVisibility: o, actions: a, showConfirmation: l = !0 }) {
   const [u, c] = W(!1), d = () => {
     c(!0), i && i();
   };
@@ -8816,24 +8862,24 @@ function hc({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
     o && o(!u);
   }, [o, u]);
   const h = n == null ? void 0 : n.includes(".mp4");
-  return g(Vt, {
-    children: u ? null : M(Fs, {
+  return g(qt, {
+    children: u ? null : P(Us, {
       style: {
         width: s
       },
       className: "relative bg-f1-background p-1",
-      children: [M(Ws, {
+      children: [P(Ks, {
         children: [r && g("div", {
           className: "absolute right-2 top-2 z-10",
-          children: g(Ve, {
+          children: g(qe, {
             variant: "ghost",
-            icon: Bn,
+            icon: Wn,
             size: "sm",
             hideLabel: !0,
             onClick: d,
             label: "Close"
           })
-        }), M("div", {
+        }), P("div", {
           children: [g("div", {
             children: n && (h ? g("video", {
               src: n,
@@ -8847,20 +8893,20 @@ function hc({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
               alt: e,
               className: "h-full w-full rounded-md"
             }))
-          }), M("div", {
+          }), P("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [g(Qi, {
+            children: [g(en, {
               className: "text-lg font-medium",
               children: e
-            }), g(Qi, {
+            }), g(en, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: t
             })]
           })]
         })]
-      }), a && g(Gs, {
+      }), a && g(Xs, {
         className: "p-3",
-        children: a.map((f) => f.type === "upsell" ? g(Wn, {
+        children: a.map((f) => f.type === "upsell" ? g($n, {
           label: f.label,
           onRequest: f.onClick,
           errorMessage: f.errorMessage,
@@ -8870,7 +8916,7 @@ function hc({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
           closeLabel: f.closeLabel,
           showConfirmation: l && f.showConfirmation,
           variant: f.variant
-        }, f.label) : g(Ve, {
+        }, f.label) : g(qe, {
           label: f.label,
           onClick: f.onClick,
           variant: f.variant
@@ -8879,8 +8925,8 @@ function hc({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
     })
   });
 }
-const fc = le(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
-  const s = (l) => l.variant === "promote" ? g(Wn, {
+const wc = le(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
+  const s = (l) => l.variant === "promote" ? g($n, {
     label: l.label,
     onRequest: async () => {
       await l.onClick();
@@ -8893,14 +8939,14 @@ const fc = le(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
     showIcon: l.showIcon,
     showConfirmation: l.showConfirmation,
     variant: l.variant
-  }) : g(Ve, {
+  }) : g(qe, {
     onClick: l.onClick,
     label: l.label,
     variant: l.variant || "default",
     size: "md",
     icon: l.icon
   }), o = (e == null ? void 0 : e.variant) !== "promote" ? e : void 0, a = (t == null ? void 0 : t.variant) !== "promote" ? t : void 0;
-  return M($s, {
+  return P(Ys, {
     ref: r,
     ...i,
     primaryAction: o,
@@ -8908,8 +8954,8 @@ const fc = le(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
     children: [(e == null ? void 0 : e.variant) === "promote" && s(e), (t == null ? void 0 : t.variant) === "promote" && s(t)]
   });
 });
-fc.displayName = "UpsellingBanner";
-function Xc({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r = "md", showIcon: s = !0, side: o = "right", align: a = "center", icon: l = js, mediaUrl: u, title: c, description: d, width: h = "300px", trackVisibility: f, actions: x, onClick: v, hideLabel: w = !1 }) {
+wc.displayName = "UpsellingBanner";
+function id({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r = "md", showIcon: s = !0, side: o = "right", align: a = "center", icon: l = Vs, mediaUrl: u, title: c, description: d, width: h = "300px", trackVisibility: f, actions: x, onClick: v, hideLabel: w = !1 }) {
   const [S, N] = W(!1), [C, R] = W(null), [y, b] = W(null), D = (_) => {
     e(_), v && v();
   }, E = async (_) => {
@@ -8927,13 +8973,13 @@ function Xc({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
     ..._,
     onClick: () => E(_)
   } : _);
-  return M(Vt, {
-    children: [M(zn, {
+  return P(qt, {
+    children: [P(Mn, {
       open: A,
       onOpenChange: D,
-      children: [g(Pn, {
+      children: [g(Ln, {
         asChild: !0,
-        children: g(Ve, {
+        children: g(qe, {
           variant: i,
           label: t,
           size: r,
@@ -8941,11 +8987,11 @@ function Xc({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
           onClick: () => e(n),
           hideLabel: w
         })
-      }), g(Mn, {
+      }), g(In, {
         side: o,
         align: a,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(hc, {
+        children: g(xc, {
           mediaUrl: u,
           title: c,
           description: d,
@@ -8957,7 +9003,7 @@ function Xc({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
           showConfirmation: !1
         })
       })]
-    }), (y == null ? void 0 : y.type) === "upsell" && y.showConfirmation && C && g(Fn, {
+    }), (y == null ? void 0 : y.type) === "upsell" && y.showConfirmation && C && g(Gn, {
       open: !0,
       onClose: k,
       success: C === "success",
@@ -8969,11 +9015,11 @@ function Xc({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
     })]
   });
 }
-const gc = Ne(null), pc = ({ children: n, fullScreen: e = !0 }) => {
+const Cc = Oe(null), _c = ({ children: n, fullScreen: e = !0 }) => {
   const t = I(null), [i, r] = W(t.current);
-  return eo(() => {
+  return so(() => {
     r(t.current);
-  }, []), g(gc.Provider, {
+  }, []), g(Cc.Provider, {
     value: {
       element: i
     },
@@ -8986,27 +9032,27 @@ const gc = Ne(null), pc = ({ children: n, fullScreen: e = !0 }) => {
       children: n
     })
   });
-}, mc = ({ children: n }) => g(Qs, {
+}, Ec = ({ children: n }) => g(ro, {
   reducedMotion: "user",
   children: n
-}), Yc = ({ children: n, layout: e, link: t, privacyModeInitiallyEnabled: i, image: r, i18n: s, l10n: o, isDev: a = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: u = !1 }) => g(mc, {
-  children: g(Us, {
+}), nd = ({ children: n, layout: e, link: t, privacyModeInitiallyEnabled: i, image: r, i18n: s, l10n: o, isDev: a = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: u = !1 }) => g(Ec, {
+  children: g(qs, {
     isDev: a,
     showExperimentalWarnings: u,
-    children: g(Ks, {
+    children: g(Js, {
       ...o,
-      children: g(Xs, {
+      children: g(Zs, {
         ...s,
-        children: g(Ys, {
+        children: g(Qs, {
           ...t,
-          children: g(pc, {
+          children: g(_c, {
             ...e,
-            children: g(qs, {
-              children: g(Vs, {
+            children: g(eo, {
+              children: g(to, {
                 initiallyEnabled: i,
-                children: g(Js, {
+                children: g(io, {
                   ...r,
-                  children: g(Zs, {
+                  children: g(no, {
                     handler: l,
                     children: n
                   })
@@ -9018,114 +9064,115 @@ const gc = Ne(null), pc = ({ children: n, fullScreen: e = !0 }) => {
       })
     })
   })
-}), wn = (n) => `datacollection-${n}`, qc = {
+}), Cn = (n) => `datacollection-${n}`, rd = {
   get: async (n) => JSON.parse(
-    localStorage.getItem(wn(n)) ?? "{}"
+    localStorage.getItem(Cn(n)) ?? "{}"
   ),
   set: async (n, e) => {
-    localStorage.setItem(wn(n), JSON.stringify(e));
+    localStorage.setItem(Cn(n), JSON.stringify(e));
   }
 };
 export {
-  Sc as AreaChart,
-  Zc as Await,
-  Nc as BarChart,
-  Oc as CategoryBarChart,
-  Pc as ComboChart,
-  Cc as Dashboard,
-  Qc as DndProvider,
-  ed as EmojiImage,
-  td as F0Avatar,
-  id as F0AvatarAlert,
-  nd as F0AvatarCompany,
-  rd as F0AvatarDate,
-  sd as F0AvatarEmoji,
-  od as F0AvatarFile,
-  ad as F0AvatarIcon,
-  ld as F0AvatarList,
-  Hn as F0AvatarModule,
-  cd as F0AvatarPerson,
-  dd as F0AvatarTeam,
-  Ve as F0Button,
-  ud as F0ButtonDropdown,
-  hd as F0ButtonToggle,
-  fd as F0Card,
-  gd as F0Checkbox,
-  $c as F0ChipList,
-  pd as F0DatePicker,
-  md as F0EventCatcherProvider,
-  Uc as F0GridStack,
-  lc as F0Heading,
-  Dn as F0Icon,
-  vd as F0Link,
-  Yc as F0Provider,
-  yd as F0Select,
-  bd as F0TagAlert,
-  xd as F0TagBalance,
-  wd as F0TagCompany,
-  Cd as F0TagDot,
-  _d as F0TagList,
-  Ed as F0TagPerson,
-  Ps as F0TagRaw,
-  Ms as F0TagStatus,
-  Dd as F0TagTeam,
-  Jn as F0Text,
-  Rd as GROUP_ID_SYMBOL,
-  Rc as HomeLayout,
-  _c as Layout,
-  Ac as LineChart,
-  Sd as OneFilterPicker,
-  Tc as PieChart,
-  Vs as PrivacyModeProvider,
-  kr as ProductBlankslate,
-  Nd as ProductCard,
-  Kc as ProductModal,
-  hc as ProductWidget,
-  zc as ProgressBarChart,
-  Ec as StandardLayout,
-  Od as Tag,
-  Ad as TagCounter,
-  Dc as TwoColumnLayout,
-  Fn as UpsellRequestResponseDialog,
-  fc as UpsellingBanner,
-  Wn as UpsellingButton,
-  Xc as UpsellingPopover,
-  kc as VerticalBarChart,
-  wc as avatarVariants,
-  Td as buildTranslations,
-  Hc as buttonDropdownSizes,
-  Ic as buttonDropdownVariants,
-  Lc as buttonSizes,
-  Bc as buttonToggleSizes,
-  Fc as buttonToggleVariants,
-  Mc as buttonVariants,
-  kd as createAtlaskitDriver,
-  zd as createDataSourceDefinition,
-  Ro as createPageLayoutBlock,
-  So as createPageLayoutBlockGroup,
-  qc as dataCollectionLocalStorageHandler,
-  jc as datepickerSizes,
-  eu as defaultTranslations,
-  Re as experimental,
-  Pd as getAnimationVariants,
-  Md as getDataSourcePaginationType,
-  Ld as getEmojiLabel,
-  Id as isInfiniteScrollPagination,
-  Hd as isPageBasedPagination,
-  Wc as linkVariants,
-  Bd as modules,
-  Fd as predefinedPresets,
-  Wd as selectSizes,
-  Gc as tagDotColors,
-  Gd as useData,
-  $d as useDataSource,
-  jd as useDndEvents,
-  Ud as useDraggable,
-  Kd as useDroppableList,
-  Xd as useEmojiConfetti,
-  Yd as useGroups,
-  qd as usePrivacyMode,
-  Vd as useReducedMotion,
-  Jd as useSelectable,
-  Zd as useXRay
+  Mc as AreaChart,
+  ad as Await,
+  Lc as BarChart,
+  Ic as CategoryBarChart,
+  Gc as ComboChart,
+  Ac as Dashboard,
+  ld as DndProvider,
+  cd as EmojiImage,
+  dd as F0Avatar,
+  ud as F0AvatarAlert,
+  hd as F0AvatarCompany,
+  fd as F0AvatarDate,
+  gd as F0AvatarEmoji,
+  pd as F0AvatarFile,
+  md as F0AvatarIcon,
+  vd as F0AvatarList,
+  Fn as F0AvatarModule,
+  yd as F0AvatarPerson,
+  bd as F0AvatarTeam,
+  $c as F0BigNumber,
+  qe as F0Button,
+  xd as F0ButtonDropdown,
+  wd as F0ButtonToggle,
+  Cd as F0Card,
+  _d as F0Checkbox,
+  Zc as F0ChipList,
+  Ed as F0DatePicker,
+  Dd as F0EventCatcherProvider,
+  ed as F0GridStack,
+  mc as F0Heading,
+  Sn as F0Icon,
+  Rd as F0Link,
+  nd as F0Provider,
+  Sd as F0Select,
+  Nd as F0TagAlert,
+  zs as F0TagBalance,
+  Od as F0TagCompany,
+  Ad as F0TagDot,
+  Td as F0TagList,
+  kd as F0TagPerson,
+  Bs as F0TagRaw,
+  Fs as F0TagStatus,
+  zd as F0TagTeam,
+  Qn as F0Text,
+  Pd as GROUP_ID_SYMBOL,
+  Pc as HomeLayout,
+  Tc as Layout,
+  Hc as LineChart,
+  Md as OneFilterPicker,
+  Bc as PieChart,
+  to as PrivacyModeProvider,
+  Mr as ProductBlankslate,
+  Ld as ProductCard,
+  td as ProductModal,
+  xc as ProductWidget,
+  Wc as ProgressBarChart,
+  kc as StandardLayout,
+  Id as Tag,
+  Hd as TagCounter,
+  zc as TwoColumnLayout,
+  Gn as UpsellRequestResponseDialog,
+  wc as UpsellingBanner,
+  $n as UpsellingButton,
+  id as UpsellingPopover,
+  Fc as VerticalBarChart,
+  Oc as avatarVariants,
+  Bd as buildTranslations,
+  Xc as buttonDropdownSizes,
+  Kc as buttonDropdownVariants,
+  Uc as buttonSizes,
+  Yc as buttonToggleSizes,
+  Vc as buttonToggleVariants,
+  jc as buttonVariants,
+  Fd as createAtlaskitDriver,
+  Wd as createDataSourceDefinition,
+  To as createPageLayoutBlock,
+  ko as createPageLayoutBlockGroup,
+  rd as dataCollectionLocalStorageHandler,
+  Qc as datepickerSizes,
+  lu as defaultTranslations,
+  we as experimental,
+  Gd as getAnimationVariants,
+  $d as getDataSourcePaginationType,
+  jd as getEmojiLabel,
+  Ud as isInfiniteScrollPagination,
+  Kd as isPageBasedPagination,
+  qc as linkVariants,
+  Xd as modules,
+  Yd as predefinedPresets,
+  Vd as selectSizes,
+  Jc as tagDotColors,
+  qd as useData,
+  Jd as useDataSource,
+  Zd as useDndEvents,
+  Qd as useDraggable,
+  eu as useDroppableList,
+  tu as useEmojiConfetti,
+  iu as useGroups,
+  nu as usePrivacyMode,
+  ru as useReducedMotion,
+  su as useSelectable,
+  ou as useXRay
 };