@factorialco/f0-react 1.338.1 → 1.338.2

package/dist/f0.js

@@ -1,38 +1,38 @@
-import { c as $, a as xt, b as Dn, m as Si, B as Ni, O as Yr, p as qr, w as Rn, S as we, u as Sn, F as Nn, d as Jr, A as Zr, D as Qr, e as es, f as fe, C as ve, g as ts, h as is, i as An, j as ns, k as Lt, P as On, l as kn, n as Tn, o as zn, q as Pn, r as Mn, s as rs, t as ss, v as Ji, x as os, H as as, y as ls, z as cs, E as Ln, G as ds, J as us, K as hs, L as fs, M as gs, N as In, Q as qe, R as ps, U as ms, T as vs, I as ys, V as bs, X as xs, W as ws, Y as Cs } from "./index-DVftYrQG.js";
-import { af as Rd, au as Sd, Z as Nd, _ as Ad, $ as Od, a0 as kd, a1 as Td, a3 as zd, a4 as Pd, a5 as Md, a6 as Ld, a7 as Id, a8 as Hd, a9 as Bd, aa as Fd, aq as Wd, ac as Gd, ad as $d, ag as jd, ae as Ud, ar as Vd, al as Kd, ao as Xd, ak as Yd, av as qd, aj as Jd, ai as Zd, a2 as Qd, ah as eu, am as tu, aw as iu, ab as nu, an as ru, at as su, ap as ou, as as au } from "./index-DVftYrQG.js";
-import { jsx as f, jsxs as P, Fragment as Jt } from "react/jsx-runtime";
-import M, { forwardRef as oe, useRef as L, useImperativeHandle as _s, Children as It, createContext as Ae, useContext as _e, useState as B, useMemo as H, useEffect as I, useCallback as U, useLayoutEffect as bi, createElement as Zi, isValidElement as Hn, Fragment as Es, memo as Ds, useReducer as Rs, cloneElement as Ss, PureComponent as Ns } from "react";
-import { createPortal as Bn, unstable_batchedUpdates as Ot } from "react-dom";
-import { L as Fn, C as As, i as Wn, D as Os, S as Qi, a as ks, f as ui, b as lt, c as Ts, A as zs, d as kt, e as Gn, E as Ps, g as Pt, h as Ms, j as Ls, k as Is, l as Ke, m as $n, u as Hs, G as Bs, n as Fs, o as en, p as Ws, q as jn, r as Gs, B as Un, X as Vn, Y as xi, s as $s, t as Kn, v as js, w as Us, x as Vs, y as Ks, z as Xs, F as Ys, H as qs, I as Js, J as tn, K as Zs, M as ct, N as hi, O as Qs, P as eo, Q as to, R as io, T as no, U as ro, V as so, W as oo, Z as ao, _ as lo, $ as co, a0 as nn, a1 as uo, a2 as ho, a3 as fo, a4 as Xn, a5 as go, a6 as po, a7 as rn, a8 as mo, a9 as Yn, aa as vo, ab as yo, ac as bo, ad as xo } from "./DataCollectionStorageProvider-4dXvrEW_.js";
-import { ax as cu, ae as du, af as uu, ag as hu, aj as fu, ak as gu, ao as pu, ap as mu, aq as vu, as as yu, at as bu, au as xu, av as wu, an as Cu, ar as _u, ah as Eu, ai as Du, aw as Ru, al as Su, am as Nu, ay as Au, az as Ou, aA as ku, aB as Tu } from "./DataCollectionStorageProvider-4dXvrEW_.js";
-import { defaultTranslations as Pu } from "./i18n-provider-defaults.js";
-import './f0.css';const wo = {
+import { c as G, a as Ge, b as Dn, m as Si, B as Ni, O as Yr, p as qr, w as Rn, S as we, u as Sn, F as Nn, d as Jr, A as Zr, D as Qr, e as es, f as fe, C as ve, g as ts, h as is, i as An, j as ns, k as Lt, P as On, l as kn, n as Tn, o as zn, q as Pn, r as Mn, s as rs, t as ss, v as os, x as as, y as ls, z as We, E as Ji, G as cs, H as ds, J as us, K as hs, L as Ln, M as fs, N as gs, Q as ps, R as ms, T as vs, U as In, V as ys, W as bs, X as xs, I as ws, Y as Cs, Z as _s, _ as Es, $ as Ds } from "./index-fCzRlkIl.js";
+import { ag as zd, av as Pd, a0 as Md, a1 as Ld, a2 as Id, a3 as Hd, a5 as Fd, a6 as Bd, a7 as Wd, a8 as Gd, a9 as $d, aa as jd, ab as Ud, ac as Vd, ar as Kd, ae as Xd, ah as Yd, af as qd, as as Jd, am as Zd, ap as Qd, al as eu, aw as tu, ak as iu, aj as nu, a4 as ru, ai as su, an as ou, ax as au, ad as lu, ao as cu, au as du, aq as uu, at as hu } from "./index-fCzRlkIl.js";
+import { jsx as f, jsxs as T, Fragment as Jt } from "react/jsx-runtime";
+import L, { forwardRef as oe, useRef as M, useImperativeHandle as Rs, Children as It, createContext as Ae, useContext as _e, useState as F, useMemo as H, useEffect as I, useCallback as U, useLayoutEffect as bi, createElement as Zi, isValidElement as Hn, Fragment as Ss, memo as Ns, useReducer as As, cloneElement as Os, PureComponent as ks } from "react";
+import { createPortal as Fn, unstable_batchedUpdates as Ot } from "react-dom";
+import { L as Bn, C as Ts, i as Wn, D as zs, S as Qi, a as Ps, f as ui, b as ct, c as Ms, A as Ls, d as kt, e as Gn, E as Is, g as Pt, h as Hs, j as Fs, k as Bs, l as Ye, m as $n, u as Ws, G as Gs, n as $s, o as en, p as js, q as jn, r as Us, B as Un, X as Vn, Y as xi, s as Vs, t as Kn, v as Ks, w as Xs, x as Ys, y as qs, z as Js, F as Zs, H as Qs, I as eo, J as tn, K as to, M as dt, N as hi, O as io, P as no, Q as ro, R as so, T as oo, U as ao, V as lo, W as co, Z as uo, _ as ho, $ as fo, a0 as nn, a1 as go, a2 as po, a3 as mo, a4 as vo, a5 as Xn, a6 as yo, a7 as bo, a8 as rn, a9 as xo, aa as Yn, ab as wo, ac as Co, ad as _o, ae as Eo } from "./DataCollectionStorageProvider-5taE9u3d.js";
+import { ax as gu, af as pu, ag as mu, aj as vu, ak as yu, ao as bu, ap as xu, aq as wu, as as Cu, at as _u, au as Eu, av as Du, an as Ru, ar as Su, ah as Nu, ai as Au, aw as Ou, al as ku, am as Tu, ay as zu, az as Pu, aA as Mu, aB as Lu } from "./DataCollectionStorageProvider-5taE9u3d.js";
+import { defaultTranslations as Hu } from "./i18n-provider-defaults.js";
+import './f0.css';const Do = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, Co = oe(function({ widgets: e, children: t }, i) {
-  const r = L(null);
-  _s(i, () => r.current);
+}, Ro = oe(function({ widgets: e, children: t }, i) {
+  const r = M(null);
+  Rs(i, () => r.current);
   const s = It.toArray(e).filter((o) => !!o).map((o, a) => f("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: o
   }, a));
-  return f(Fn, {
+  return f(Bn, {
     layout: "home",
-    children: P("div", {
+    children: T("div", {
       ref: r,
       className: "@container",
-      children: [P("div", {
+      children: [T("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [f(As, {
-          columns: wo,
+        children: [f(Ts, {
+          columns: Do,
           showArrows: !1,
           children: s
         }), f("main", {
           children: t
         })]
-      }), P("div", {
+      }), T("div", {
         className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
         children: [f("div", {
           className: "col-span-3 flex flex-row gap-5 *:flex-1",
@@ -47,21 +47,21 @@ import './f0.css';const wo = {
       })]
     })
   });
-}), _o = xt({
+}), So = Ge({
   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"
     }
   }
-}), qn = M.forwardRef(({ children: n, variant: e, className: t, ...i }, r) => f(Fn, {
+}), qn = L.forwardRef(({ children: n, variant: e, className: t, ...i }, r) => f(Bn, {
   layout: "standard",
   children: f("section", {
     ref: r,
-    className: $("relative flex-1 overflow-auto", t),
+    className: G("relative flex-1 overflow-auto", t),
     ...i,
     children: f("div", {
-      className: $(_o({
+      className: G(So({
         variant: e
       })),
       children: n
@@ -69,24 +69,24 @@ import './f0.css';const wo = {
   })
 }));
 qn.displayName = "StandardLayout";
-const Eo = oe(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: r = !1 }, s) {
+const No = oe(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: r = !1 }, s) {
   return f("div", {
     ref: s,
     className: "h-full",
-    children: P("div", {
-      className: $("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: T("div", {
+      className: G("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: [f("main", {
-        className: $("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"),
+        className: G("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
-      }), f(Do, {
+      }), f(Ao, {
         sticky: r,
-        className: $("order-1", i === "right" ? "md:order-1" : "md:order-3"),
+        className: G("order-1", i === "right" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), Do = ({ children: n, className: e }) => f("aside", {
-  className: $("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
+}), Ao = ({ children: n, className: e }) => f("aside", {
+  className: G("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
 }), Jn = Ae(null);
 function Zn() {
@@ -97,7 +97,7 @@ function Zn() {
     );
   return n;
 }
-function Ro(n) {
+function Oo(n) {
   const { content: e, ...t } = n;
   return e !== void 0 ? {
     ...t,
@@ -106,17 +106,17 @@ function Ro(n) {
     content: () => document.createElement("div")
   } : t;
 }
-function Xe(n) {
-  const e = Ro(n);
+function qe(n) {
+  const e = Oo(n);
   return n.subGridOpts?.children && (e.subGridOpts = {
     ...n.subGridOpts,
     children: n.subGridOpts.children.map(
-      (t) => Xe(t)
+      (t) => qe(t)
     )
   }), e;
 }
-const So = ["noMove", "noResize", "locked", "w", "h", "x", "y"], Le = 200;
-function No(n) {
+const ko = ["noMove", "noResize", "locked", "w", "h", "x", "y"], Le = 200;
+function To(n) {
   const e = n.cloneNode(!0);
   return n.querySelectorAll("canvas").forEach((i) => {
     if (i.width > 0 && i.height > 0)
@@ -131,11 +131,11 @@ function No(n) {
       }
   }), e.innerHTML;
 }
-function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r }) {
-  const [s, o] = B(null), a = L(null), c = L(!1), d = H(() => ({
+function zo({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r }) {
+  const [s, o] = F(null), a = M(null), c = M(!1), d = H(() => ({
     ...e,
-    children: (r || []).map((w) => Xe(w))
-  }), [e, r]), [l, u] = B(() => {
+    children: (r || []).map((w) => qe(w))
+  }), [e, r]), [l, u] = F(() => {
     const w = /* @__PURE__ */ new Map(), R = r || [], v = (y) => {
       y.id && y.content && w.set(y.id, y.content), y.subGridOpts?.children && y.subGridOpts.children.forEach((m) => {
         v(m);
@@ -144,11 +144,11 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
     return R.forEach((y) => {
       v(y);
     }), w;
-  }), h = L(l);
+  }), h = M(l);
   I(() => {
     h.current = l;
   }, [l]);
-  const [g, C] = B(() => {
+  const [g, C] = F(() => {
     const w = /* @__PURE__ */ new Map(), R = r || [], v = (y) => {
       y.id && y._originalContent !== void 0 && w.set(y.id, y._originalContent), y.subGridOpts?.children && y.subGridOpts.children.forEach((m) => {
         v(m);
@@ -157,14 +157,14 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
     return R.forEach((y) => {
       v(y);
     }), w;
-  }), b = L(g);
+  }), b = M(g);
   I(() => {
     b.current = g;
   }, [g]);
-  const [x, D] = B(() => {
+  const [x, D] = F(() => {
     const w = /* @__PURE__ */ new Map(), R = r || [], v = (y) => {
       if (y.id) {
-        const m = Xe(y);
+        const m = qe(y);
         w.set(y.id, m);
       }
       y.subGridOpts?.children && y.subGridOpts.children.forEach((m) => {
@@ -184,12 +184,12 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
     m.length > 0 && (m.forEach((A) => {
       A.content && h.current.set(A.id, A.content), A._originalContent !== void 0 && b.current.set(A.id, A._originalContent);
     }), m.forEach((A) => {
-      const _ = Xe(A);
+      const _ = qe(A);
       s.addWidget(_);
     }), D((A) => {
       const _ = new Map(A);
       return m.forEach((S) => {
-        const O = Xe(S);
+        const O = qe(S);
         _.set(S.id, O);
       }), _;
     }), u((A) => {
@@ -228,7 +228,7 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
           if (S.get(O)) {
             const Q = s.el.querySelector(`[gs-id="${O}"] .grid-stack-item-content`);
             let ee = "";
-            Q && (ee = No(Q)), S.set(O, f(Si.div, {
+            Q && (ee = To(Q)), S.set(O, f(Si.div, {
               className: "h-full w-full",
               initial: {
                 opacity: 1,
@@ -277,32 +277,32 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
         }), S;
       });
     }
-    const T = v.filter((A) => R.includes(A.id));
-    if (T.length > 0) {
+    const z = v.filter((A) => R.includes(A.id));
+    if (z.length > 0) {
       const A = [];
-      T.forEach((_) => {
-        const S = w.find((F) => F.id === _.id);
+      z.forEach((_) => {
+        const S = w.find((B) => B.id === _.id);
         if (!S)
           return;
-        const O = So.filter((F) => S[F] !== _[F]);
+        const O = ko.filter((B) => S[B] !== _[B]);
         if (O.length > 0) {
-          const F = {}, Q = ["w", "h", "x", "y"], ee = ["noMove", "noResize", "locked"], V = O.filter((j) => Q.includes(j)), ue = O.filter((j) => ee.includes(j));
+          const B = {}, Q = ["w", "h", "x", "y"], ee = ["noMove", "noResize", "locked"], V = O.filter((j) => Q.includes(j)), ue = O.filter((j) => ee.includes(j));
           if (V.length > 0 && ue.length > 0 && V.length + ue.length === O.length ? ue.forEach((j) => {
             const he = _[j];
-            he !== void 0 && (F[j] = he);
+            he !== void 0 && (B[j] = he);
           }) : O.forEach((j) => {
             const he = _[j];
-            he !== void 0 && (F[j] = he);
-          }), Object.keys(F).length > 0) {
+            he !== void 0 && (B[j] = he);
+          }), Object.keys(B).length > 0) {
             const j = s.el.querySelector(`[gs-id="${_.id}"]`);
             j && A.push({
               id: _.id,
               element: j,
-              updateOptions: F
+              updateOptions: B
             });
           }
         }
-      }), T.forEach((_) => {
+      }), z.forEach((_) => {
         _.content && h.current.set(_.id, _.content), _._originalContent !== void 0 && b.current.set(_.id, _._originalContent);
       }), A.forEach(({ element: _, updateOptions: S }) => {
         try {
@@ -312,18 +312,18 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
         }
       }), D((_) => {
         const S = new Map(_);
-        return T.forEach((O) => {
-          const F = Xe(O);
-          S.set(O.id, F);
+        return z.forEach((O) => {
+          const B = qe(O);
+          S.set(O.id, B);
         }), S;
       }), u((_) => {
         const S = new Map(_);
-        return T.forEach((O) => {
+        return z.forEach((O) => {
           O.content && S.set(O.id, O.content);
         }), S;
       }), C((_) => {
         const S = new Map(_);
-        return T.forEach((O) => {
+        return z.forEach((O) => {
           O._originalContent !== void 0 && S.set(O.id, O._originalContent);
         }), S;
       });
@@ -349,7 +349,7 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
       const R = w.map((v) => {
         const y = v.id;
         if (!y) return null;
-        const m = h.current.get(y), E = b.current.get(y), T = v;
+        const m = h.current.get(y), E = b.current.get(y), z = v;
         return {
           ...v,
           id: y,
@@ -357,7 +357,7 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
           h: v.h ?? 1,
           x: v.x ?? 0,
           y: v.y ?? 0,
-          meta: T.meta,
+          meta: z.meta,
           _originalContent: E,
           content: m ?? f("div", {
             children: "No content"
@@ -413,7 +413,7 @@ function Ao({ children: n, options: e, onResizeStop: t, onChange: i, widgets: r
   });
 }
 const Qn = Ae(null);
-function Oo() {
+function Po() {
   const n = _e(Qn);
   if (!n)
     throw new Error(
@@ -421,24 +421,24 @@ function Oo() {
     );
   return n;
 }
-const ko = Ae(null);
-function To() {
-  const { _reactContentMap: n } = Zn(), { getWidgetContainer: e } = Oo();
+const Mo = Ae(null);
+function Lo() {
+  const { _reactContentMap: n } = Zn(), { getWidgetContainer: e } = Po();
   return f(Jt, {
     children: Array.from(n.value.entries()).map(([t, i]) => {
       const r = e(t);
-      return r ? f(ko.Provider, {
+      return r ? f(Mo.Provider, {
         value: {
           widget: {
             id: t
           }
         },
-        children: i && Bn(i, r)
+        children: i && Fn(i, r)
       }, t) : (console.error(`Widget container not found for widget ${t}`), null);
     })
   });
 }
-function zo(n, e, t, i, r) {
+function Io(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;
 }
@@ -1678,7 +1678,7 @@ const se = {
   // staticGrid: false,
   //removable
 };
-class z {
+class P {
 }
 const ge = 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 Ce {
@@ -1689,27 +1689,27 @@ function Ht(n, e) {
 function er(n, e) {
   n.cancelable && n.preventDefault(), p.simulateMouseEvent(n, e);
 }
-function Bt(n) {
+function Ft(n) {
   Ce.touchHandled || (Ce.touchHandled = !0, Ht(n, "mousedown"));
 }
-function Ft(n) {
+function Bt(n) {
   Ce.touchHandled && Ht(n, "mousemove");
 }
 function Wt(n) {
   if (!Ce.touchHandled)
     return;
   Ce.pointerLeaveTimeout && (window.clearTimeout(Ce.pointerLeaveTimeout), delete Ce.pointerLeaveTimeout);
-  const e = !!z.dragElement;
+  const e = !!P.dragElement;
   Ht(n, "mouseup"), e || Ht(n, "click"), Ce.touchHandled = !1;
 }
 function Gt(n) {
   n.pointerType !== "mouse" && n.target.releasePointerCapture(n.pointerId);
 }
 function sn(n) {
-  z.dragElement && n.pointerType !== "mouse" && er(n, "mouseenter");
+  P.dragElement && n.pointerType !== "mouse" && er(n, "mouseenter");
 }
 function on(n) {
-  z.dragElement && n.pointerType !== "mouse" && (Ce.pointerLeaveTimeout = window.setTimeout(() => {
+  P.dragElement && n.pointerType !== "mouse" && (Ce.pointerLeaveTimeout = window.setTimeout(() => {
     delete Ce.pointerLeaveTimeout, er(n, "mouseleave");
   }, 10));
 }
@@ -1720,15 +1720,15 @@ class Zt {
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Zt.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ge && (this.el.addEventListener("touchstart", Bt), this.el.addEventListener("pointerdown", Gt)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Zt.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), ge && (this.el.addEventListener("touchstart", Ft), this.el.addEventListener("pointerdown", Gt)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
-    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), ge && (this.el.removeEventListener("touchstart", Bt), this.el.removeEventListener("pointerdown", Gt)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), ge && (this.el.removeEventListener("touchstart", Ft), this.el.removeEventListener("pointerdown", Gt)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
   }
   /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
   _mouseDown(e) {
-    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ge && (this.el.addEventListener("touchmove", Ft), this.el.addEventListener("touchend", Wt)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ge && (this.el.addEventListener("touchmove", Bt), this.el.addEventListener("touchend", Wt)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -1737,7 +1737,7 @@ class Zt {
   }
   /** @internal */
   _mouseUp(e) {
-    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ge && (this.el.removeEventListener("touchmove", Ft), this.el.removeEventListener("touchend", Wt)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ge && (this.el.removeEventListener("touchmove", Bt), this.el.removeEventListener("touchend", Wt)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -1810,7 +1810,7 @@ class Ai {
       return this._eventRegister[e](t);
   }
 }
-class pt extends Ai {
+class mt extends Ai {
   // have to be public else complains for HTMLElementExtendOpt ?
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.rectScale = { x: 1, y: 1 }, this._ui = () => {
@@ -1866,17 +1866,17 @@ class pt extends Ai {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), z.overResizeElement === this && delete z.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), P.overResizeElement === this && delete P.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    z.overResizeElement || z.dragElement || (z.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    P.overResizeElement || P.dragElement || (P.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    z.overResizeElement === this && (delete z.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    P.overResizeElement === this && (delete P.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
@@ -1911,7 +1911,7 @@ class pt extends Ai {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = pt._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = mt._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
     const e = this.el.parentElement, t = p.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
@@ -1920,7 +1920,7 @@ class pt extends Ai {
   }
   /** @internal */
   _cleanHelper() {
-    return pt._originStyleProp.forEach((e, t) => {
+    return mt._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -1959,9 +1959,9 @@ class pt extends Ai {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-pt._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Po = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class mt extends Ai {
+mt._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+const Ho = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class vt extends Ai {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.dragTransform = {
       xScale: 1,
@@ -1980,12 +1980,12 @@ class mt extends Ai {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), ge && (e.addEventListener("touchstart", Bt), e.addEventListener("pointerdown", Gt));
+      e.addEventListener("mousedown", this._mouseDown), ge && (e.addEventListener("touchstart", Ft), e.addEventListener("pointerdown", Gt));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), ge && (t.removeEventListener("touchstart", Bt), t.removeEventListener("pointerdown", Gt));
+      t.removeEventListener("mousedown", this._mouseDown), ge && (t.removeEventListener("touchstart", Ft), t.removeEventListener("pointerdown", Gt));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -1996,8 +1996,8 @@ class mt extends Ai {
   }
   /** @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(Po) || 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), ge && (e.currentTarget.addEventListener("touchmove", Ft), e.currentTarget.addEventListener("touchend", Wt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), z.mouseHandled = !0), !0;
+    if (!P.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ho) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete P.dragElement, delete P.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), ge && (e.currentTarget.addEventListener("touchmove", Bt), e.currentTarget.addEventListener("touchend", Wt)), e.preventDefault(), document.activeElement && document.activeElement.blur(), P.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2010,15 +2010,15 @@ class mt extends Ai {
   _mouseMove(e) {
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), z.pauseDrag) {
-        const i = Number.isInteger(z.pauseDrag) ? z.pauseDrag : 100;
+      if (this._dragFollow(e), P.pauseDrag) {
+        const i = Number.isInteger(P.pauseDrag) ? P.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), i);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, z.dragElement = this;
+      this.dragging = !0, P.dragElement = this;
       const i = this.el.gridstackNode?.grid;
-      i ? z.dropElement = i.el.ddElement.ddDroppable : delete z.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = p.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      i ? P.dropElement = i.el.ddElement.ddDroppable : delete P.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = p.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
       const r = p.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(r, this.ui()), this.triggerEvent("dragstart", r), document.addEventListener("keydown", this._keyEvent);
     }
@@ -2026,16 +2026,16 @@ class mt extends Ai {
   }
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ge && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ft, !0), e.currentTarget.removeEventListener("touchend", Wt, !0)), this.dragging) {
-      delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), z.dropElement?.el === this.el.parentElement && delete z.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), ge && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Bt, !0), e.currentTarget.removeEventListener("touchend", Wt, !0)), this.dragging) {
+      delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), P.dropElement?.el === this.el.parentElement && delete P.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const t = p.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), z.dropElement && z.dropElement.drop(e);
+      this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), P.dropElement && P.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete z.dragElement, delete z.dropElement, delete z.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete P.dragElement, delete P.dropElement, delete P.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
-    const t = this.el.gridstackNode, i = t?.grid || z.dropElement?.el?.gridstack;
+    const t = this.el.gridstackNode, i = t?.grid || P.dropElement?.el?.gridstack;
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), i?.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && i && (e.key === "r" || e.key === "R")) {
@@ -2047,7 +2047,7 @@ class mt extends Ai {
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = p.cloneNode(this.el)), e.parentElement || p.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = mt.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = p.cloneNode(this.el)), e.parentElement || p.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = vt.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2061,7 +2061,7 @@ class mt extends Ai {
   _removeHelperStyle() {
     if (this.helper.classList.remove("ui-draggable-dragging"), this.el.gridstackNode?.grid?.el.classList.remove("grid-stack-dragging"), !this.helper?.gridstackNode?._isAboutToRemove && this.dragElementOriginStyle) {
       const t = this.helper, i = this.dragElementOriginStyle.transition || null;
-      t.style.transition = this.dragElementOriginStyle.transition = "none", mt.originStyleProp.forEach((r) => t.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => t.style.transition = i, 50);
+      t.style.transition = this.dragElementOriginStyle.transition = "none", vt.originStyleProp.forEach((r) => t.style[r] = this.dragElementOriginStyle[r] || null), setTimeout(() => t.style.transition = i, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -2103,8 +2103,8 @@ class mt extends Ai {
     };
   }
 }
-mt.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Mo extends Ai {
+vt.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class Fo extends Ai {
   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();
   }
@@ -2128,19 +2128,19 @@ class Mo extends Ai {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!z.dragElement || !this._canDrop(z.dragElement.el))
+    if (!P.dragElement || !this._canDrop(P.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), z.dropElement && z.dropElement !== this && z.dropElement._mouseLeave(e, !0), z.dropElement = this;
+    e.preventDefault(), e.stopPropagation(), P.dropElement && P.dropElement !== this && P.dropElement._mouseLeave(e, !0), P.dropElement = this;
     const t = p.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(z.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    this.option.over && this.option.over(t, this._ui(P.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
-    if (!z.dragElement || z.dropElement !== this)
+    if (!P.dragElement || P.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
     const i = p.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(z.dragElement)), this.triggerEvent("dropout", i), z.dropElement === this && (delete z.dropElement, !t)) {
+    if (this.option.out && this.option.out(i, this._ui(P.dragElement)), this.triggerEvent("dropout", i), P.dropElement === this && (delete P.dropElement, !t)) {
       let r, s = this.el.parentElement;
       for (; !r && s; )
         r = s.ddElement?.ddDroppable, s = s.parentElement;
@@ -2151,7 +2151,7 @@ class Mo extends Ai {
   drop(e) {
     e.preventDefault();
     const t = p.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(z.dragElement)), this.triggerEvent("drop", t);
+    this.option.drop && this.option.drop(t, this._ui(P.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -2183,25 +2183,25 @@ class Oi {
     return this.ddDraggable && ["drag", "dragstart", "dragstop"].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && ["drop", "dropover", "dropout"].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && ["resizestart", "resize", "resizestop"].indexOf(e) > -1 && this.ddResizable.off(e), this;
   }
   setupDraggable(e) {
-    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new mt(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new vt(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
   }
   setupResizable(e) {
-    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new pt(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new mt(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Mo(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Fo(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Lo {
+class Bo {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -2294,7 +2294,7 @@ class Lo {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((r) => r.on(t, (s) => {
-      i(s, z.dragElement ? z.dragElement.el : s.target, z.dragElement ? z.dragElement.helper : null);
+      i(s, P.dragElement ? P.dragElement.el : s.target, P.dragElement ? P.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -2306,7 +2306,7 @@ class Lo {
     return r.length ? r.map((o) => o.ddElement || (i ? Oi.init(o) : null)).filter((o) => o) : [];
   }
 }
-const J = new Lo();
+const J = new Bo();
 class k {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -2434,7 +2434,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const d = t.children;
       delete t.children, d.length && this.load(d);
     }
-    this.setAnimation(), t.subGridDynamic && !z.pauseDrag && (z.pauseDrag = !0), t.draggable?.pause !== void 0 && (z.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !P.pauseDrag && (P.pauseDrag = !0), t.draggable?.pause !== void 0 && (P.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   _updateColumnVar(e = this.opts) {
     this.el.classList.add("gs-" + e.column), typeof e.column == "number" && this.el.style.setProperty("--gs-column-width", `${100 / e.column}%`);
@@ -3431,7 +3431,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, i, r = document) {
-    t?.pause !== void 0 && (z.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? p.getElements(e, r) : e).forEach((o, a) => {
+    t?.pause !== void 0 && (P.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? p.getElements(e, r) : e).forEach((o, a) => {
       J.isDraggable(o) || J.dragIn(o, t), i?.[a] && (o.gridstackNode = i[a]);
     });
   }
@@ -3818,7 +3818,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return zo(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Io(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 k.renderCB = (n, e) => {
@@ -3829,8 +3829,8 @@ k.Utils = p;
 k.Engine = Ne;
 k.GDRev = "12.3.2";
 const Tt = /* @__PURE__ */ new WeakMap();
-function Io({ children: n }) {
-  const { _gridStack: { value: e, set: t }, options: i } = Zn(), r = L(/* @__PURE__ */ new Map()), s = L(null), o = L(i), a = U((l, u) => {
+function Wo({ children: n }) {
+  const { _gridStack: { value: e, set: t }, options: i } = Zn(), r = M(/* @__PURE__ */ new Map()), s = M(null), o = M(i), a = U((l, u) => {
     if (u.id && u.grid) {
       let h = Tt.get(u.grid);
       h || (h = /* @__PURE__ */ new Map(), Tt.set(u.grid, h)), h.set(u.id, l), r.current.set(u.id, l);
@@ -3902,7 +3902,7 @@ const ki = ({ options: n, widgets: e, onChange: t, className: i }) => {
     }
     return u;
   };
-  return f(Ao, {
+  return f(zo, {
     options: s,
     widgets: e,
     onResizeStop: (c, d) => {
@@ -3918,16 +3918,16 @@ const ki = ({ options: n, widgets: e, onChange: t, className: i }) => {
       });
     },
     onChange: t,
-    children: f(Io, {
-      children: f(To, {})
+    children: f(Wo, {
+      children: f(Lo, {})
     })
   });
 };
 ki.displayName = "F0GridStack";
-const Ho = (n, e, t) => f("div", {
+const Go = (n, e, t) => f("div", {
   children: n
 }), Qt = ({ widgets: n = [], editMode: e = !1, onChange: t = () => {
-}, WidgetWrapper: i = Ho, main: r = !1, deps: s }) => {
+}, WidgetWrapper: i = Go, main: r = !1, deps: s }) => {
   const o = U((v, y, m) => f(Si.div, {
     className: "h-full w-full",
     initial: {
@@ -3988,7 +3988,7 @@ const Ho = (n, e, t) => f("div", {
     }
     return typeof v.content == "function" ? null : v.content;
   }, d = (v, y, m) => v.map((E) => {
-    const T = c(E, m), A = {
+    const z = c(E, m), A = {
       id: E.id,
       h: E.h ?? 1,
       w: E.w ?? 1,
@@ -3997,13 +3997,13 @@ const Ho = (n, e, t) => f("div", {
       noResize: !y,
       locked: E.locked,
       meta: E.meta,
-      _originalContent: T,
-      content: o(T, E.meta, y)
+      _originalContent: z,
+      content: o(z, E.meta, y)
     };
     return E.x !== void 0 && (A.x = E.x), E.y !== void 0 && (A.y = E.y), A;
-  }), [l, u] = B(d(n, e)), h = L(e), g = L(n), C = L(!1), b = L(/* @__PURE__ */ new Map()), x = L(n);
+  }), [l, u] = F(d(n, e)), h = M(e), g = M(n), C = M(!1), b = M(/* @__PURE__ */ new Map()), x = M(n);
   x.current = n;
-  const D = L(s), N = H(() => {
+  const D = M(s), N = H(() => {
     const v = /* @__PURE__ */ new Map();
     return !s || Object.keys(s).length === 0 || n.forEach((y) => {
       if (y.deps && y.deps.length > 0) {
@@ -4036,35 +4036,35 @@ const Ho = (n, e, t) => f("div", {
         E.set(_.id, R(S, O)), O ? b.current.set(_.id, O) : b.current.delete(_.id);
       }
     });
-    const T = new Set(n.map((_) => _.id));
+    const z = new Set(n.map((_) => _.id));
     b.current.forEach((_, S) => {
-      T.has(S) || b.current.delete(S);
+      z.has(S) || b.current.delete(S);
     });
     const A = Array.from(E.values()).some((_) => _) || m;
     v && !y && !A ? (C.current = !0, u((_) => _.map((S) => {
       const O = n.find((Q) => Q.id === S.id);
       if (!O)
         return S;
-      const F = c(O, s);
+      const B = c(O, s);
       return {
         ...S,
         noMove: !e,
         noResize: !e,
         locked: O.locked,
         meta: O.meta,
-        _originalContent: F,
-        content: o(F, O.meta, e)
+        _originalContent: B,
+        content: o(B, O.meta, e)
       };
     }))) : (y || A) && u((_) => {
       const S = new Map(_.map((O) => [O.id, O]));
       return n.map((O) => {
-        const F = S.get(O.id), Q = E.get(O.id) ?? !1;
+        const B = S.get(O.id), Q = E.get(O.id) ?? !1;
         let ee;
-        Q || !F ? ee = c(O, s) : ee = F._originalContent ?? c(O, s);
+        Q || !B ? ee = c(O, s) : ee = B._originalContent ?? c(O, s);
         const V = {
           id: O.id,
-          h: F?.h ?? O.h ?? 1,
-          w: F?.w ?? O.w ?? 1,
+          h: B?.h ?? O.h ?? 1,
+          w: B?.w ?? O.w ?? 1,
           allowedSizes: O.availableSizes,
           noMove: !e,
           noResize: !e,
@@ -4072,12 +4072,12 @@ const Ho = (n, e, t) => f("div", {
           meta: O.meta,
           _originalContent: ee,
           content: o(ee, O.meta, e)
-        }, ue = F?.x ?? O.x, j = F?.y ?? O.y;
+        }, ue = B?.x ?? O.x, j = B?.y ?? O.y;
         return ue !== void 0 && (V.x = ue), j !== void 0 && (V.y = j), V;
       });
     }), h.current = e, g.current = n, D.current = s;
   }, [n, e, o, N, s]), f(ki, {
-    className: $(r && "h-full flex-1 overflow-auto"),
+    className: G(r && "h-full flex-1 overflow-auto"),
     options: a,
     onChange: w,
     widgets: l
@@ -4085,13 +4085,13 @@ const Ho = (n, e, t) => f("div", {
 };
 Qt.displayName = "GroupGrid";
 Qt.__isPageLayoutGroup = !0;
-const Bo = (n, e) => {
+const $o = (n, e) => {
   const t = e;
   return t.displayName = n, t.__isPageLayoutBlock = !0, t;
-}, Fo = (n, e) => {
+}, jo = (n, e) => {
   const t = e;
   return t.displayName = n, t.__isPageLayoutGroup = !0, t;
-}, Wo = (n, e) => f("svg", {
+}, Uo = (n, e) => f("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4102,8 +4102,8 @@ const Bo = (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"
   })
-}), tr = oe(Wo), Go = ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style", "variant", "loading", "emoji"], ir = oe((n, e) => {
-  const t = Go.reduce((i, r) => {
+}), tr = oe(Uo), Vo = ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style", "variant", "loading", "emoji"], ir = oe((n, e) => {
+  const t = Vo.reduce((i, r) => {
     const { [r]: s, ...o } = i;
     return o;
   }, n);
@@ -4115,7 +4115,7 @@ const Bo = (n, e) => {
   });
 });
 ir.displayName = "AIButton";
-const fi = xt({
+const fi = Ge({
   base: "text-base text-f1-foreground",
   variants: {
     variant: {
@@ -4156,7 +4156,7 @@ const fi = xt({
     variant: "body",
     align: "left"
   }
-}), $o = {
+}), Ko = {
   "heading-large": "h1",
   heading: "h2",
   body: "p",
@@ -4176,14 +4176,14 @@ const fi = xt({
   "info-strong": "p",
   code: "code"
 }, Ti = oe(({ content: n, variant: e, align: t, className: i, as: r, ellipsis: s, noEllipsisTooltip: o, markdown: a, ...c }, d) => {
-  const l = r ?? $o[e ?? "body"];
+  const l = r ?? Ko[e ?? "body"];
   if (s !== void 0)
     return f(Yr, {
       ref: d,
       lines: typeof s == "number" ? s : 1,
       noTooltip: o,
       tag: l,
-      className: $(fi({
+      className: G(fi({
         variant: e,
         align: t
       }), i),
@@ -4195,7 +4195,7 @@ const fi = xt({
     const u = qr(n);
     return Zi(l, {
       ...c,
-      className: $(fi({
+      className: G(fi({
         variant: e,
         align: t
       }), i),
@@ -4207,7 +4207,7 @@ const fi = xt({
   }
   return Zi(l, {
     ...c,
-    className: $(fi({
+    className: G(fi({
       variant: e,
       align: t
     }), i),
@@ -4221,14 +4221,14 @@ const nr = oe((n, e) => f(Ti, {
   ...n
 }));
 nr.displayName = "F0Text";
-const Kc = [
+const Qc = [
   "person",
   "team",
   "company",
   "file",
   "flag"
 ], rr = ({ title: n, draggable: e = !1, onDragStart: t, onDragEnd: i, isDragging: r = !1, AIButton: s, actions: o, children: a, selected: c = !1 }) => {
-  const [d, l] = B(!1), [u, h] = B(!1), g = Sn(), C = (x) => {
+  const [d, l] = F(!1), [u, h] = F(!1), g = Sn(), C = (x) => {
     l(x);
   }, b = u || d;
   return I(() => {
@@ -4239,14 +4239,14 @@ const Kc = [
     return document.addEventListener("mouseup", x), () => {
       document.removeEventListener("mouseup", x);
     };
-  }, [r, i]), P("div", {
-    className: $("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 && d ? "border-f1-border-hover" : e && "hover:border-f1-border-hover", c && "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)]"),
+  }, [r, i]), T("div", {
+    className: G("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 && d ? "border-f1-border-hover" : e && "hover:border-f1-border-hover", c && "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: [P("div", {
+    children: [T("div", {
       className: "flex h-12 w-full items-center justify-between gap-3",
-      children: [P("div", {
-        className: $("flex min-w-0 flex-1 items-center", !e && "pl-4", !o && !s && "pr-4"),
+      children: [T("div", {
+        className: G("flex min-w-0 flex-1 items-center", !e && "pl-4", !o && !s && "pr-4"),
         children: [e && f("div", {
           className: "flex h-12 w-12 items-center justify-center text-f1-icon-secondary hover:cursor-grab",
           onMouseDown: t,
@@ -4256,7 +4256,7 @@ const Kc = [
             size: "xs"
           })
         }), f("div", {
-          className: $("flex min-w-0 flex-1 items-center", e && "-translate-x-1.5"),
+          className: G("flex min-w-0 flex-1 items-center", e && "-translate-x-1.5"),
           children: f(nr, {
             variant: "label",
             content: n,
@@ -4264,8 +4264,8 @@ const Kc = [
           })
         })]
       }), f(Zr, {
-        children: (s || o) && b && P(Si.div, {
-          className: $("flex shrink-0 items-center gap-0.5 pr-2", !o && "pr-4"),
+        children: (s || o) && b && T(Si.div, {
+          className: G("flex shrink-0 items-center gap-0.5 pr-2", !o && "pr-4"),
           initial: {
             opacity: 0
           },
@@ -4310,14 +4310,14 @@ const Kc = [
       children: a
     })]
   });
-}, jo = () => P("div", {
+}, Xo = () => T("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: [f("div", {
     className: "flex h-12 w-full items-center px-4",
     children: f(we, {
       className: "h-3 w-full max-w-16 rounded-md"
     })
-  }), P("div", {
+  }), T("div", {
     className: "flex flex-1 items-end gap-2 px-4 pb-4",
     children: [f(we, {
       className: "h-1/2 w-full rounded-sm"
@@ -4335,7 +4335,7 @@ const Kc = [
   })]
 });
 rr.displayName = "F0Widget";
-const Uo = Rn(rr, jo), Vo = ({ children: n, title: e, draggable: t = !1, actions: i, aiButton: r }) => f(Uo, {
+const Yo = Rn(rr, Xo), qo = ({ children: n, title: e, draggable: t = !1, actions: i, aiButton: r }) => f(Yo, {
   title: e,
   draggable: t,
   actions: i,
@@ -4348,7 +4348,7 @@ const Uo = Rn(rr, jo), Vo = ({ children: n, title: e, draggable: t = !1, actions
   onChange: t,
   deps: i,
   ...r,
-  WidgetWrapper: (s, o, a) => f(Vo, {
+  WidgetWrapper: (s, o, a) => f(qo, {
     title: o?.title ?? "",
     draggable: a,
     actions: o?.actions,
@@ -4357,7 +4357,7 @@ const Uo = Rn(rr, jo), Vo = ({ children: n, title: e, draggable: t = !1, actions
   })
 });
 sr.displayName = "Dashboard";
-const Ko = Fo("Dashboard", sr), Xc = fe("Dashboard", Ko), Xo = xt({
+const Jo = jo("Dashboard", sr), ed = fe("Dashboard", Jo), Zo = Ge({
   base: "flex w-full flex-col p-4",
   variants: {
     variant: {
@@ -4366,18 +4366,18 @@ const Ko = Fo("Dashboard", sr), Xc = fe("Dashboard", Ko), Xo = xt({
       full: "p-0"
     }
   }
-}), Yo = (n) => (n || []).map((e) => e.items).reduce((e, t) => (e.length > 0 && e.push({
+}), Qo = (n) => (n || []).map((e) => e.items).reduce((e, t) => (e.length > 0 && e.push({
   type: "separator"
-}), e.push(...t), e), []), qo = (n) => {
+}), e.push(...t), e), []), ea = (n) => {
   const e = (t) => "onClick" in t;
   return Array.isArray(n) ? n.every(e) ? [{
     items: n
   }] : n : [n];
 }, ei = oe(({ children: n, variant: e = "default", className: t, draggable: i = !1, onDragStart: r, onDragEnd: s, onDrop: o, dragId: a, primaryAction: c, ...d }, l) => {
-  const u = H(() => qo(d.actions || []), [d.actions]), h = H(() => u.flatMap((C) => C.items), [u]), g = H(() => h.length > 0 || !!c, [h, c]);
-  return P("div", {
+  const u = H(() => ea(d.actions || []), [d.actions]), h = H(() => u.flatMap((C) => C.items), [u]), g = H(() => h.length > 0 || !!c, [h, c]);
+  return T("div", {
     ref: l,
-    className: $(Xo({
+    className: G(Zo({
       variant: e
     }), "relative", t),
     draggable: i,
@@ -4386,10 +4386,10 @@ const Ko = Fo("Dashboard", sr), Xc = fe("Dashboard", Ko), Xo = xt({
     onDrop: o,
     "data-drag-id": a,
     ...d,
-    children: [g && P("div", {
+    children: [g && T("div", {
       className: "absolute right-0 top-0 flex items-center justify-end gap-2 p-4",
-      children: [!!c && c, h.length > 0 && f(Os, {
-        items: Yo(u)
+      children: [!!c && c, h.length > 0 && f(zs, {
+        items: Qo(u)
       })]
     }), f("div", {
       children: n
@@ -4398,16 +4398,16 @@ const Ko = Fo("Dashboard", sr), Xc = fe("Dashboard", Ko), Xo = xt({
 });
 ei.displayName = "Block";
 ei.__isPageLayoutBlock = !0;
-const Jo = ({ title: n = "", description: e, titleLevel: t = "h2", children: i, className: r, ...s }) => {
+const ta = ({ title: n = "", description: e, titleLevel: t = "h2", children: i, className: r, ...s }) => {
   if (!n) return null;
   const o = t;
-  return P(ei, {
+  return T(ei, {
     ...s,
-    className: $("space-y-4", r),
-    children: [P("div", {
+    className: G("space-y-4", r),
+    children: [T("div", {
       className: "space-y-2",
       children: [f(o, {
-        className: $("font-semibold text-f1-foreground", {
+        className: G("font-semibold text-f1-foreground", {
           "text-2xl": t === "h1",
           "text-xl": t === "h2",
           "text-lg": t === "h3",
@@ -4425,16 +4425,16 @@ const Jo = ({ title: n = "", description: e, titleLevel: t = "h2", children: i,
       children: i
     })]
   });
-}, Zo = Bo("BlockContent", Jo), Qo = (n) => !Hn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutBlock" in n.type, ea = (n) => !Hn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutGroup" in n.type, or = (n, e, t) => {
+}, ia = $o("BlockContent", ta), na = (n) => !Hn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutBlock" in n.type, ra = (n) => !Hn(n) || !n.type || typeof n.type == "string" || typeof n.type == "symbol" ? !1 : "__isPageLayoutGroup" in n.type, or = (n, e, t) => {
   const i = It.toArray(e);
   for (const r of i)
-    t.includes("block") && Qo(r) || t.includes("group") && ea(r) || console.warn(
+    t.includes("block") && na(r) || t.includes("group") && ra(r) || console.warn(
       `${n}: Children components must inherit from PageLayoutBlock or PageLayoutGroup. Found:`,
       r
     );
 }, zi = oe(({ children: n, onSort: e, ...t }, i) => {
   or("GroupLinear", n, ["block"]);
-  const [r, s] = B(It.toArray(n));
+  const [r, s] = F(It.toArray(n));
   return I(() => {
     s(It.toArray(n));
   }, [n]), I(() => {
@@ -4442,14 +4442,14 @@ const Jo = ({ title: n = "", description: e, titleLevel: t = "h2", children: i,
   }, [r, e]), f("div", {
     ref: i,
     ...t,
-    children: r.map((o, a) => f(Es, {
+    children: r.map((o, a) => f(Ss, {
       children: o
     }, a))
   });
 });
 zi.displayName = "GroupLinear";
 zi.__isPageLayoutGroup = !0;
-function ta() {
+function sa() {
   for (var n = arguments.length, e = new Array(n), t = 0; t < n; t++)
     e[t] = arguments[t];
   return H(
@@ -4461,7 +4461,7 @@ function ta() {
   );
 }
 const ti = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function Qe(n) {
+function et(n) {
   const e = Object.prototype.toString.call(n);
   return e === "[object Window]" || // In Electron context the Window object serializes to [object global]
   e === "[object global]";
@@ -4471,7 +4471,7 @@ function Pi(n) {
 }
 function Z(n) {
   var e, t;
-  return n ? Qe(n) ? n : Pi(n) && (e = (t = n.ownerDocument) == null ? void 0 : t.defaultView) != null ? e : window : window;
+  return n ? et(n) ? n : Pi(n) && (e = (t = n.ownerDocument) == null ? void 0 : t.defaultView) != null ? e : window : window;
 }
 function Mi(n) {
   const {
@@ -4480,17 +4480,17 @@ function Mi(n) {
   return n instanceof e;
 }
 function wt(n) {
-  return Qe(n) ? !1 : n instanceof Z(n).HTMLElement;
+  return et(n) ? !1 : n instanceof Z(n).HTMLElement;
 }
 function ar(n) {
   return n instanceof Z(n).SVGElement;
 }
-function et(n) {
-  return n ? Qe(n) ? n.document : Pi(n) ? Mi(n) ? n : wt(n) || ar(n) ? n.ownerDocument : document : document : document;
+function tt(n) {
+  return n ? et(n) ? n.document : Pi(n) ? Mi(n) ? n : wt(n) || ar(n) ? n.ownerDocument : document : document : document;
 }
 const pe = ti ? bi : I;
 function ii(n) {
-  const e = L(n);
+  const e = M(n);
   return pe(() => {
     e.current = n;
   }), U(function() {
@@ -4499,23 +4499,23 @@ function ii(n) {
     return e.current == null ? void 0 : e.current(...i);
   }, []);
 }
-function ia() {
-  const n = L(null), e = U((i, r) => {
+function oa() {
+  const n = M(null), e = U((i, r) => {
     n.current = setInterval(i, r);
   }, []), t = U(() => {
     n.current !== null && (clearInterval(n.current), n.current = null);
   }, []);
   return [e, t];
 }
-function vt(n, e) {
+function yt(n, e) {
   e === void 0 && (e = [n]);
-  const t = L(n);
+  const t = M(n);
   return pe(() => {
     t.current !== n && (t.current = n);
   }, e), t;
 }
 function Ct(n, e) {
-  const t = L();
+  const t = M();
   return H(
     () => {
       const i = n(t.current);
@@ -4526,7 +4526,7 @@ function Ct(n, e) {
   );
 }
 function $t(n) {
-  const e = ii(n), t = L(null), i = U(
+  const e = ii(n), t = M(null), i = U(
     (r) => {
       r !== t.current && e?.(r, t.current), t.current = r;
     },
@@ -4536,7 +4536,7 @@ function $t(n) {
   return [t, i];
 }
 function jt(n) {
-  const e = L();
+  const e = M();
   return I(() => {
     e.current = n;
   }, [n]), e.current;
@@ -4566,8 +4566,8 @@ function lr(n) {
     });
   };
 }
-const Ye = /* @__PURE__ */ lr(1), yt = /* @__PURE__ */ lr(-1);
-function na(n) {
+const Je = /* @__PURE__ */ lr(1), bt = /* @__PURE__ */ lr(-1);
+function aa(n) {
   return "clientX" in n && "clientY" in n;
 }
 function ni(n) {
@@ -4578,7 +4578,7 @@ function ni(n) {
   } = Z(n.target);
   return e && n instanceof e;
 }
-function ra(n) {
+function la(n) {
   if (!n)
     return !1;
   const {
@@ -4587,7 +4587,7 @@ function ra(n) {
   return e && n instanceof e;
 }
 function Ut(n) {
-  if (ra(n)) {
+  if (la(n)) {
     if (n.touches && n.touches.length) {
       const {
         clientX: e,
@@ -4608,12 +4608,12 @@ function Ut(n) {
       };
     }
   }
-  return na(n) ? {
+  return aa(n) ? {
     x: n.clientX,
     y: n.clientY
   } : null;
 }
-const Be = /* @__PURE__ */ Object.freeze({
+const Fe = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(n) {
       if (!n)
@@ -4639,7 +4639,7 @@ const Be = /* @__PURE__ */ Object.freeze({
   Transform: {
     toString(n) {
       if (n)
-        return [Be.Translate.toString(n), Be.Scale.toString(n)].join(" ");
+        return [Fe.Translate.toString(n), Fe.Scale.toString(n)].join(" ");
     }
   },
   Transition: {
@@ -4653,23 +4653,23 @@ const Be = /* @__PURE__ */ Object.freeze({
     }
   }
 }), an = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function sa(n) {
+function ca(n) {
   return n.matches(an) ? n : n.querySelector(an);
 }
-const oa = {
+const da = {
   display: "none"
 };
-function aa(n) {
+function ua(n) {
   let {
     id: e,
     value: t
   } = n;
-  return M.createElement("div", {
+  return L.createElement("div", {
     id: e,
-    style: oa
+    style: da
   }, t);
 }
-function la(n) {
+function ha(n) {
   let {
     id: e,
     announcement: t,
@@ -4689,7 +4689,7 @@ function la(n) {
     clipPath: "inset(100%)",
     whiteSpace: "nowrap"
   };
-  return M.createElement("div", {
+  return L.createElement("div", {
     id: e,
     style: r,
     role: "status",
@@ -4697,8 +4697,8 @@ function la(n) {
     "aria-atomic": !0
   }, t);
 }
-function ca() {
-  const [n, e] = B("");
+function fa() {
+  const [n, e] = F("");
   return {
     announce: U((i) => {
       i != null && e(i);
@@ -4707,7 +4707,7 @@ function ca() {
   };
 }
 const cr = /* @__PURE__ */ Ae(null);
-function da(n) {
+function ga(n) {
   const e = _e(cr);
   I(() => {
     if (!e)
@@ -4715,8 +4715,8 @@ function da(n) {
     return e(n);
   }, [n, e]);
 }
-function ua() {
-  const [n] = B(() => /* @__PURE__ */ new Set()), e = U((i) => (n.add(i), () => n.delete(i)), [n]);
+function pa() {
+  const [n] = F(() => /* @__PURE__ */ new Set()), e = U((i) => (n.add(i), () => n.delete(i)), [n]);
   return [U((i) => {
     let {
       type: r,
@@ -4728,13 +4728,13 @@ function ua() {
     });
   }, [n]), e];
 }
-const ha = {
+const ma = {
   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.
   `
-}, fa = {
+}, va = {
   onDragStart(n) {
     let {
       active: e
@@ -4762,20 +4762,20 @@ const ha = {
     return "Dragging was cancelled. Draggable item " + e.id + " was dropped.";
   }
 };
-function ga(n) {
+function ya(n) {
   let {
-    announcements: e = fa,
+    announcements: e = va,
     container: t,
     hiddenTextDescribedById: i,
-    screenReaderInstructions: r = ha
+    screenReaderInstructions: r = ma
   } = n;
   const {
     announce: s,
     announcement: o
-  } = ca(), a = _t("DndLiveRegion"), [c, d] = B(!1);
+  } = fa(), a = _t("DndLiveRegion"), [c, d] = F(!1);
   if (I(() => {
     d(!0);
-  }, []), da(H(() => ({
+  }, []), ga(H(() => ({
     onDragStart(u) {
       let {
         active: h
@@ -4826,14 +4826,14 @@ function ga(n) {
     }
   }), [s, e])), !c)
     return null;
-  const l = M.createElement(M.Fragment, null, M.createElement(aa, {
+  const l = L.createElement(L.Fragment, null, L.createElement(ua, {
     id: i,
     value: r.draggable
-  }), M.createElement(la, {
+  }), L.createElement(ha, {
     id: a,
     announcement: o
   }));
-  return t ? Bn(l, t) : l;
+  return t ? Fn(l, t) : l;
 }
 var K;
 (function(n) {
@@ -4851,7 +4851,7 @@ function ln(n, e) {
     [n, e]
   );
 }
-function pa() {
+function ba() {
   for (var n = arguments.length, e = new Array(n), t = 0; t < n; t++)
     e[t] = arguments[t];
   return H(
@@ -4864,10 +4864,10 @@ const me = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
-function ma(n, e) {
+function xa(n, e) {
   return Math.sqrt(Math.pow(n.x - e.x, 2) + Math.pow(n.y - e.y, 2));
 }
-function va(n, e) {
+function wa(n, e) {
   const t = Ut(n);
   if (!t)
     return "0 0";
@@ -4877,7 +4877,7 @@ function va(n, e) {
   };
   return i.x + "% " + i.y + "%";
 }
-function ya(n, e) {
+function Ca(n, e) {
   let {
     data: {
       value: t
@@ -4889,7 +4889,7 @@ function ya(n, e) {
   } = e;
   return t - i;
 }
-function ba(n, e) {
+function _a(n, e) {
   let {
     data: {
       value: t
@@ -4928,7 +4928,7 @@ function dr(n, e) {
   const [t] = n;
   return t[e];
 }
-const xa = (n) => {
+const Ea = (n) => {
   let {
     collisionRect: e,
     droppableRects: t,
@@ -4940,7 +4940,7 @@ const xa = (n) => {
       id: a
     } = o, c = t.get(a);
     if (c) {
-      const d = cn(c), l = r.reduce((h, g, C) => h + ma(d[C], g), 0), u = Number((l / 4).toFixed(4));
+      const d = cn(c), l = r.reduce((h, g, C) => h + xa(d[C], g), 0), u = Number((l / 4).toFixed(4));
       s.push({
         id: a,
         data: {
@@ -4950,9 +4950,9 @@ const xa = (n) => {
       });
     }
   }
-  return s.sort(ya);
+  return s.sort(Ca);
 };
-function wa(n, e) {
+function Da(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 c = e.width * e.height, d = n.width * n.height, l = o * a, u = l / (c + d - l);
@@ -4960,7 +4960,7 @@ function wa(n, e) {
   }
   return 0;
 }
-const Ca = (n) => {
+const Ra = (n) => {
   let {
     collisionRect: e,
     droppableRects: t,
@@ -4972,7 +4972,7 @@ const Ca = (n) => {
       id: o
     } = s, a = t.get(o);
     if (a) {
-      const c = wa(a, e);
+      const c = Da(a, e);
       c > 0 && r.push({
         id: o,
         data: {
@@ -4982,9 +4982,9 @@ const Ca = (n) => {
       });
     }
   }
-  return r.sort(ba);
+  return r.sort(_a);
 };
-function _a(n, e, t) {
+function Sa(n, e, t) {
   return {
     ...n,
     scaleX: e && t ? e.width / t.width : 1,
@@ -4997,7 +4997,7 @@ function ur(n, e) {
     y: n.top - e.top
   } : me;
 }
-function Ea(n) {
+function Na(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];
@@ -5012,7 +5012,7 @@ function Ea(n) {
     });
   };
 }
-const Da = /* @__PURE__ */ Ea(1);
+const Aa = /* @__PURE__ */ Na(1);
 function hr(n) {
   if (n.startsWith("matrix3d(")) {
     const e = n.slice(9, -1).split(/, /);
@@ -5033,7 +5033,7 @@ function hr(n) {
   }
   return null;
 }
-function Ra(n, e, t) {
+function Oa(n, e, t) {
   const i = hr(e);
   if (!i)
     return n;
@@ -5052,18 +5052,18 @@ function Ra(n, e, t) {
     left: c
   };
 }
-const Sa = {
+const ka = {
   ignoreTransform: !1
 };
-function tt(n, e) {
-  e === void 0 && (e = Sa);
+function it(n, e) {
+  e === void 0 && (e = ka);
   let t = n.getBoundingClientRect();
   if (e.ignoreTransform) {
     const {
       transform: d,
       transformOrigin: l
     } = Z(n).getComputedStyle(n);
-    d && (t = Ra(t, d, l));
+    d && (t = Oa(t, d, l));
   }
   const {
     top: i,
@@ -5083,11 +5083,11 @@ function tt(n, e) {
   };
 }
 function dn(n) {
-  return tt(n, {
+  return it(n, {
     ignoreTransform: !0
   });
 }
-function Na(n) {
+function Ta(n) {
   const e = n.innerWidth, t = n.innerHeight;
   return {
     top: 0,
@@ -5098,10 +5098,10 @@ function Na(n) {
     height: t
   };
 }
-function Aa(n, e) {
+function za(n, e) {
   return e === void 0 && (e = Z(n).getComputedStyle(n)), e.position === "fixed";
 }
-function Oa(n, e) {
+function Pa(n, e) {
   e === void 0 && (e = Z(n).getComputedStyle(n));
   const t = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((r) => {
@@ -5119,7 +5119,7 @@ function ri(n, e) {
     if (!wt(r) || ar(r) || t.includes(r))
       return t;
     const s = Z(n).getComputedStyle(r);
-    return r !== n && Oa(r, s) && t.push(r), Aa(r, s) ? t : i(r.parentNode);
+    return r !== n && Pa(r, s) && t.push(r), za(r, s) ? t : i(r.parentNode);
   }
   return n ? i(n) : t;
 }
@@ -5128,13 +5128,13 @@ function fr(n) {
   return e ?? null;
 }
 function pi(n) {
-  return !ti || !n ? null : Qe(n) ? n : Pi(n) ? Mi(n) || n === et(n).scrollingElement ? window : wt(n) ? n : null : null;
+  return !ti || !n ? null : et(n) ? n : Pi(n) ? Mi(n) || n === tt(n).scrollingElement ? window : wt(n) ? n : null : null;
 }
 function gr(n) {
-  return Qe(n) ? n.scrollX : n.scrollLeft;
+  return et(n) ? n.scrollX : n.scrollLeft;
 }
 function pr(n) {
-  return Qe(n) ? n.scrollY : n.scrollTop;
+  return et(n) ? n.scrollY : n.scrollTop;
 }
 function wi(n) {
   return {
@@ -5172,18 +5172,18 @@ function vr(n) {
     minScroll: e
   };
 }
-const ka = {
+const Ma = {
   x: 0.2,
   y: 0.2
 };
-function Ta(n, e, t, i, r) {
+function La(n, e, t, i, r) {
   let {
     top: s,
     left: o,
     right: a,
     bottom: c
   } = t;
-  i === void 0 && (i = 10), r === void 0 && (r = ka);
+  i === void 0 && (i = 10), r === void 0 && (r = Ma);
   const {
     isTop: d,
     isBottom: l,
@@ -5204,7 +5204,7 @@ function Ta(n, e, t, i, r) {
     speed: C
   };
 }
-function za(n) {
+function Ia(n) {
   if (n === document.scrollingElement) {
     const {
       innerWidth: s,
@@ -5235,16 +5235,16 @@ function za(n) {
   };
 }
 function yr(n) {
-  return n.reduce((e, t) => Ye(e, wi(t)), me);
+  return n.reduce((e, t) => Je(e, wi(t)), me);
 }
-function Pa(n) {
+function Ha(n) {
   return n.reduce((e, t) => e + gr(t), 0);
 }
-function Ma(n) {
+function Fa(n) {
   return n.reduce((e, t) => e + pr(t), 0);
 }
 function br(n, e) {
-  if (e === void 0 && (e = tt), !n)
+  if (e === void 0 && (e = it), !n)
     return;
   const {
     top: t,
@@ -5257,7 +5257,7 @@ function br(n, e) {
     inline: "center"
   });
 }
-const La = [["x", ["left", "right"], Pa], ["y", ["top", "bottom"], Ma]];
+const Ba = [["x", ["left", "right"], Ha], ["y", ["top", "bottom"], Fa]];
 class Li {
   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;
@@ -5265,7 +5265,7 @@ class Li {
     this.rect = {
       ...e
     }, this.width = e.width, this.height = e.height;
-    for (const [s, o, a] of La)
+    for (const [s, o, a] of Ba)
       for (const c of o)
         Object.defineProperty(this, c, {
           get: () => {
@@ -5279,7 +5279,7 @@ class Li {
     });
   }
 }
-class dt {
+class ut {
   constructor(e) {
     this.target = void 0, this.listeners = [], this.removeAll = () => {
       this.listeners.forEach((t) => {
@@ -5293,11 +5293,11 @@ class dt {
     (r = this.target) == null || r.addEventListener(e, t, i), this.listeners.push([e, t, i]);
   }
 }
-function Ia(n) {
+function Wa(n) {
   const {
     EventTarget: e
   } = Z(n);
-  return n instanceof e ? n : et(n);
+  return n instanceof e ? n : tt(n);
 }
 function mi(n, e) {
   const t = Math.abs(n.x), i = Math.abs(n.y);
@@ -5310,7 +5310,7 @@ var de;
 function un(n) {
   n.preventDefault();
 }
-function Ha(n) {
+function Ga(n) {
   n.stopPropagation();
 }
 var W;
@@ -5321,7 +5321,7 @@ const xr = {
   start: [W.Space, W.Enter],
   cancel: [W.Esc],
   end: [W.Space, W.Enter, W.Tab]
-}, Ba = (n, e) => {
+}, $a = (n, e) => {
   let {
     currentCoordinates: t
   } = e;
@@ -5356,7 +5356,7 @@ class Ii {
         target: t
       }
     } = e;
-    this.props = e, this.listeners = new dt(et(t)), this.windowListeners = new dt(Z(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = e, this.listeners = new ut(tt(t)), this.windowListeners = new ut(Z(t)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(de.Resize, this.handleCancel), this.windowListeners.add(de.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(de.Keydown, this.handleKeyDown));
@@ -5376,7 +5376,7 @@ class Ii {
         options: r
       } = this.props, {
         keyboardCodes: s = xr,
-        coordinateGetter: o = Ba,
+        coordinateGetter: o = $a,
         scrollBehavior: a = "smooth"
       } = r, {
         code: c
@@ -5402,7 +5402,7 @@ class Ii {
         currentCoordinates: l
       });
       if (u) {
-        const h = yt(u, l), g = {
+        const h = bt(u, l), g = {
           x: 0,
           y: 0
         }, {
@@ -5416,11 +5416,11 @@ class Ii {
             isBottom: R,
             maxScroll: v,
             minScroll: y
-          } = vr(b), m = za(b), E = {
+          } = vr(b), m = Ia(b), E = {
             x: Math.min(x === W.Right ? m.right - m.width / 2 : m.right, Math.max(x === W.Right ? m.left : m.left + m.width / 2, u.x)),
             y: Math.min(x === W.Down ? m.bottom - m.height / 2 : m.bottom, Math.max(x === W.Down ? m.top : m.top + m.height / 2, u.y))
-          }, T = x === W.Right && !N || x === W.Left && !w, A = x === W.Down && !R || x === W.Up && !D;
-          if (T && E.x !== u.x) {
+          }, z = x === W.Right && !N || x === W.Left && !w, A = x === W.Down && !R || x === W.Up && !D;
+          if (z && E.x !== u.x) {
             const _ = b.scrollLeft + h.x, S = x === W.Right && _ <= v.x || x === W.Left && _ >= y.x;
             if (S && !h.y) {
               b.scrollTo({
@@ -5450,7 +5450,7 @@ class Ii {
             break;
           }
         }
-        this.handleMove(e, Ye(yt(u, this.referenceCoordinates), g));
+        this.handleMove(e, Je(bt(u, this.referenceCoordinates), g));
       }
     }
   }
@@ -5506,13 +5506,13 @@ function fn(n) {
 class Hi {
   constructor(e, t, i) {
     var r;
-    i === void 0 && (i = Ia(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 = Wa(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, {
       target: o
     } = s;
-    this.props = e, this.events = t, this.document = et(o), this.documentListeners = new dt(this.document), this.listeners = new dt(i), this.windowListeners = new dt(Z(o)), this.initialCoordinates = (r = Ut(s)) != null ? r : me, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = e, this.events = t, this.document = tt(o), this.documentListeners = new ut(this.document), this.listeners = new ut(i), this.windowListeners = new ut(Z(o)), this.initialCoordinates = (r = Ut(s)) != null ? r : me, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -5560,7 +5560,7 @@ class Hi {
     } = this, {
       onStart: t
     } = this.props;
-    e && (this.activated = !0, this.documentListeners.add(de.Click, Ha, {
+    e && (this.activated = !0, this.documentListeners.add(de.Click, Ga, {
       capture: !0
     }), this.removeTextSelection(), this.documentListeners.add(de.SelectionChange, this.removeTextSelection), t(e));
   }
@@ -5578,7 +5578,7 @@ class Hi {
     } = s;
     if (!r)
       return;
-    const c = (t = Ut(e)) != null ? t : me, d = yt(r, c);
+    const c = (t = Ut(e)) != null ? t : me, d = bt(r, c);
     if (!i && a) {
       if (hn(a)) {
         if (a.tolerance != null && mi(d, a.tolerance))
@@ -5615,7 +5615,7 @@ class Hi {
     (e = this.document.getSelection()) == null || e.removeAllRanges();
   }
 }
-const Fa = {
+const ja = {
   cancel: {
     name: "pointercancel"
   },
@@ -5626,15 +5626,15 @@ const Fa = {
     name: "pointerup"
   }
 };
-class Bi extends Hi {
+class Fi extends Hi {
   constructor(e) {
     const {
       event: t
-    } = e, i = et(t.target);
-    super(e, Fa, i);
+    } = e, i = tt(t.target);
+    super(e, ja, i);
   }
 }
-Bi.activators = [{
+Fi.activators = [{
   eventName: "onPointerDown",
   handler: (n, e) => {
     let {
@@ -5647,7 +5647,7 @@ Bi.activators = [{
     }), !0);
   }
 }];
-const Wa = {
+const Ua = {
   move: {
     name: "mousemove"
   },
@@ -5659,12 +5659,12 @@ var Ci;
 (function(n) {
   n[n.RightClick = 2] = "RightClick";
 })(Ci || (Ci = {}));
-class Ga extends Hi {
+class Va extends Hi {
   constructor(e) {
-    super(e, Wa, et(e.event.target));
+    super(e, Ua, tt(e.event.target));
   }
 }
-Ga.activators = [{
+Va.activators = [{
   eventName: "onMouseDown",
   handler: (n, e) => {
     let {
@@ -5688,7 +5688,7 @@ const vi = {
     name: "touchend"
   }
 };
-class $a extends Hi {
+class Ka extends Hi {
   constructor(e) {
     super(e, vi);
   }
@@ -5703,7 +5703,7 @@ class $a extends Hi {
     }
   }
 }
-$a.activators = [{
+Ka.activators = [{
   eventName: "onTouchStart",
   handler: (n, e) => {
     let {
@@ -5719,18 +5719,18 @@ $a.activators = [{
     }), !0);
   }
 }];
-var ut;
+var ht;
 (function(n) {
   n[n.Pointer = 0] = "Pointer", n[n.DraggableRect = 1] = "DraggableRect";
-})(ut || (ut = {}));
+})(ht || (ht = {}));
 var Kt;
 (function(n) {
   n[n.TreeOrder = 0] = "TreeOrder", n[n.ReversedTreeOrder = 1] = "ReversedTreeOrder";
 })(Kt || (Kt = {}));
-function ja(n) {
+function Xa(n) {
   let {
     acceleration: e,
-    activator: t = ut.Pointer,
+    activator: t = ht.Pointer,
     canScroll: i,
     draggingRect: r,
     enabled: s,
@@ -5742,28 +5742,28 @@ function ja(n) {
     delta: u,
     threshold: h
   } = n;
-  const g = Va({
+  const g = qa({
     delta: u,
     disabled: !s
-  }), [C, b] = ia(), x = L({
+  }), [C, b] = oa(), x = M({
     x: 0,
     y: 0
-  }), D = L({
+  }), D = M({
     x: 0,
     y: 0
   }), N = H(() => {
     switch (t) {
-      case ut.Pointer:
+      case ht.Pointer:
         return c ? {
           top: c.y,
           bottom: c.y,
           left: c.x,
           right: c.x
         } : null;
-      case ut.DraggableRect:
+      case ht.DraggableRect:
         return r;
     }
-  }, [t, r, c]), w = L(null), R = U(() => {
+  }, [t, r, c]), w = M(null), R = U(() => {
     const y = w.current;
     if (!y)
       return;
@@ -5783,13 +5783,13 @@ function ja(n) {
         if (!E)
           continue;
         const {
-          direction: T,
+          direction: z,
           speed: A
-        } = Ta(y, E, N, e, h);
+        } = La(y, E, N, e, h);
         for (const _ of ["x", "y"])
-          g[_][T[_]] || (A[_] = 0, T[_] = 0);
+          g[_][z[_]] || (A[_] = 0, z[_] = 0);
         if (A.x > 0 || A.y > 0) {
-          b(), w.current = y, C(R, o), x.current = A, D.current = T;
+          b(), w.current = y, C(R, o), x.current = A, D.current = z;
           return;
         }
       }
@@ -5822,7 +5822,7 @@ function ja(n) {
     ]
   );
 }
-const Ua = {
+const Ya = {
   x: {
     [X.Backward]: !1,
     [X.Forward]: !1
@@ -5832,7 +5832,7 @@ const Ua = {
     [X.Forward]: !1
   }
 };
-function Va(n) {
+function qa(n) {
   let {
     delta: e,
     disabled: t
@@ -5840,7 +5840,7 @@ function Va(n) {
   const i = jt(e);
   return Ct((r) => {
     if (t || !i || !r)
-      return Ua;
+      return Ya;
     const s = {
       x: Math.sign(e.x - i.x),
       y: Math.sign(e.y - i.y)
@@ -5857,14 +5857,14 @@ function Va(n) {
     };
   }, [t, e, i]);
 }
-function Ka(n, e) {
+function Ja(n, e) {
   const t = e != null ? n.get(e) : void 0, i = t ? t.node.current : null;
   return Ct((r) => {
     var s;
     return e == null ? null : (s = i ?? r) != null ? s : null;
   }, [i, e]);
 }
-function Xa(n, e) {
+function Za(n, e) {
   return H(() => n.reduce((t, i) => {
     const {
       sensor: r
@@ -5875,28 +5875,28 @@ function Xa(n, e) {
     return [...t, ...s];
   }, []), [n, e]);
 }
-var bt;
+var xt;
 (function(n) {
   n[n.Always = 0] = "Always", n[n.BeforeDragging = 1] = "BeforeDragging", n[n.WhileDragging = 2] = "WhileDragging";
-})(bt || (bt = {}));
+})(xt || (xt = {}));
 var _i;
 (function(n) {
   n.Optimized = "optimized";
 })(_i || (_i = {}));
 const gn = /* @__PURE__ */ new Map();
-function Ya(n, e) {
+function Qa(n, e) {
   let {
     dragging: t,
     dependencies: i,
     config: r
   } = e;
-  const [s, o] = B(null), {
+  const [s, o] = F(null), {
     frequency: a,
     measure: c,
     strategy: d
-  } = r, l = L(n), u = x(), h = vt(u), g = U(function(D) {
+  } = r, l = M(n), u = x(), h = yt(u), g = U(function(D) {
     D === void 0 && (D = []), !h.current && o((N) => N === null ? D : N.concat(D.filter((w) => !N.includes(w))));
-  }, [h]), C = L(null), b = Ct((D) => {
+  }, [h]), C = M(null), b = Ct((D) => {
     if (u && !t)
       return gn;
     if (!D || D === gn || l.current !== n || s != null) {
@@ -5944,22 +5944,22 @@ function Ya(n, e) {
   };
   function x() {
     switch (d) {
-      case bt.Always:
+      case xt.Always:
         return !1;
-      case bt.BeforeDragging:
+      case xt.BeforeDragging:
         return t;
       default:
         return !t;
     }
   }
 }
-function Fi(n, e) {
+function Bi(n, e) {
   return Ct((t) => n ? t || (typeof e == "function" ? e(n) : n) : null, [e, n]);
 }
-function qa(n, e) {
-  return Fi(n, e);
+function el(n, e) {
+  return Bi(n, e);
 }
-function Ja(n) {
+function tl(n) {
   let {
     callback: e,
     disabled: t
@@ -5993,12 +5993,12 @@ function si(n) {
   );
   return I(() => () => r?.disconnect(), [r]), r;
 }
-function Za(n) {
-  return new Li(tt(n), n);
+function il(n) {
+  return new Li(it(n), n);
 }
 function pn(n, e, t) {
-  e === void 0 && (e = Za);
-  const [i, r] = B(null);
+  e === void 0 && (e = il);
+  const [i, r] = F(null);
   function s() {
     r((c) => {
       if (!n)
@@ -6011,7 +6011,7 @@ function pn(n, e, t) {
       return JSON.stringify(c) === JSON.stringify(l) ? c : l;
     });
   }
-  const o = Ja({
+  const o = tl({
     callback(c) {
       if (n)
         for (const d of c) {
@@ -6035,19 +6035,19 @@ function pn(n, e, t) {
     })) : (a?.disconnect(), o?.disconnect());
   }, [n]), i;
 }
-function Qa(n) {
-  const e = Fi(n);
+function nl(n) {
+  const e = Bi(n);
   return ur(n, e);
 }
 const mn = [];
-function el(n) {
-  const e = L(n), t = Ct((i) => n ? i && i !== mn && n && e.current && n.parentNode === e.current.parentNode ? i : ri(n) : mn, [n]);
+function rl(n) {
+  const e = M(n), t = Ct((i) => n ? i && i !== mn && n && e.current && n.parentNode === e.current.parentNode ? i : ri(n) : mn, [n]);
   return I(() => {
     e.current = n;
   }, [n]), t;
 }
-function tl(n) {
-  const [e, t] = B(null), i = L(n), r = U((s) => {
+function sl(n) {
+  const [e, t] = F(null), i = M(n), r = U((s) => {
     const o = pi(s.target);
     o && t((a) => a ? (a.set(o, wi(o)), new Map(a)) : null);
   }, []);
@@ -6072,11 +6072,11 @@ function tl(n) {
         d?.removeEventListener("scroll", r);
       });
     }
-  }, [r, n]), H(() => n.length ? e ? Array.from(e.values()).reduce((s, o) => Ye(s, o), me) : yr(n) : me, [n, e]);
+  }, [r, n]), H(() => n.length ? e ? Array.from(e.values()).reduce((s, o) => Je(s, o), me) : yr(n) : me, [n, e]);
 }
 function vn(n, e) {
   e === void 0 && (e = []);
-  const t = L(null);
+  const t = M(null);
   return I(
     () => {
       t.current = null;
@@ -6086,9 +6086,9 @@ function vn(n, e) {
   ), I(() => {
     const i = n !== me;
     i && !t.current && (t.current = n), !i && t.current && (t.current = null);
-  }, [n]), t.current ? yt(n, t.current) : me;
+  }, [n]), t.current ? bt(n, t.current) : me;
 }
-function il(n) {
+function ol(n) {
   I(
     () => {
       if (!ti)
@@ -6114,7 +6114,7 @@ function il(n) {
     })
   );
 }
-function nl(n, e) {
+function al(n, e) {
   return H(() => n.reduce((t, i) => {
     let {
       eventName: r,
@@ -6126,12 +6126,12 @@ function nl(n, e) {
   }, {}), [n, e]);
 }
 function wr(n) {
-  return H(() => n ? Na(n) : null, [n]);
+  return H(() => n ? Ta(n) : null, [n]);
 }
 const yn = [];
-function rl(n, e) {
-  e === void 0 && (e = tt);
-  const [t] = n, i = wr(t ? Z(t) : null), [r, s] = B(yn);
+function ll(n, e) {
+  e === void 0 && (e = it);
+  const [t] = n, i = wr(t ? Z(t) : null), [r, s] = F(yn);
   function o() {
     s(() => n.length ? n.map((c) => mr(c) ? i : new Li(e(c), c)) : yn);
   }
@@ -6150,11 +6150,11 @@ function Cr(n) {
   const e = n.children[0];
   return wt(e) ? e : n;
 }
-function sl(n) {
+function cl(n) {
   let {
     measure: e
   } = n;
-  const [t, i] = B(null), r = U((d) => {
+  const [t, i] = F(null), r = U((d) => {
     for (const {
       target: l
     } of d)
@@ -6181,13 +6181,13 @@ function sl(n) {
     setRef: c
   }), [t, a, c]);
 }
-const ol = [{
-  sensor: Bi,
+const dl = [{
+  sensor: Fi,
   options: {}
 }, {
   sensor: Ii,
   options: {}
-}], al = {
+}], ul = {
   current: {}
 }, Mt = {
   draggable: {
@@ -6195,14 +6195,14 @@ const ol = [{
   },
   droppable: {
     measure: dn,
-    strategy: bt.WhileDragging,
+    strategy: xt.WhileDragging,
     frequency: _i.Optimized
   },
   dragOverlay: {
-    measure: tt
+    measure: it
   }
 };
-class ht extends Map {
+class ft extends Map {
   get(e) {
     var t;
     return e != null && (t = super.get(e)) != null ? t : void 0;
@@ -6223,7 +6223,7 @@ class ht extends Map {
     return (t = (i = this.get(e)) == null ? void 0 : i.node.current) != null ? t : void 0;
   }
 }
-const ll = {
+const hl = {
   activatorEvent: null,
   active: null,
   activeNode: null,
@@ -6232,7 +6232,7 @@ const ll = {
   containerNodeRect: null,
   draggableNodes: /* @__PURE__ */ new Map(),
   droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new ht(),
+  droppableContainers: /* @__PURE__ */ new ft(),
   over: null,
   dragOverlay: {
     nodeRef: {
@@ -6259,8 +6259,8 @@ const ll = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: Vt
-}, Et = /* @__PURE__ */ Ae(_r), Er = /* @__PURE__ */ Ae(ll);
-function cl() {
+}, Et = /* @__PURE__ */ Ae(_r), Er = /* @__PURE__ */ Ae(hl);
+function fl() {
   return {
     draggable: {
       active: null,
@@ -6275,11 +6275,11 @@ function cl() {
       }
     },
     droppable: {
-      containers: new ht()
+      containers: new ft()
     }
   };
 }
-function dl(n, e) {
+function gl(n, e) {
   switch (e.type) {
     case K.DragStart:
       return {
@@ -6323,7 +6323,7 @@ function dl(n, e) {
         element: t
       } = e, {
         id: i
-      } = t, r = new ht(n.droppable.containers);
+      } = t, r = new ft(n.droppable.containers);
       return r.set(i, t), {
         ...n,
         droppable: {
@@ -6340,7 +6340,7 @@ function dl(n, e) {
       } = e, s = n.droppable.containers.get(t);
       if (!s || i !== s.key)
         return n;
-      const o = new ht(n.droppable.containers);
+      const o = new ft(n.droppable.containers);
       return o.set(t, {
         ...s,
         disabled: r
@@ -6359,7 +6359,7 @@ function dl(n, e) {
       } = e, r = n.droppable.containers.get(t);
       if (!r || i !== r.key)
         return n;
-      const s = new ht(n.droppable.containers);
+      const s = new ft(n.droppable.containers);
       return s.delete(t), {
         ...n,
         droppable: {
@@ -6372,7 +6372,7 @@ function dl(n, e) {
       return n;
   }
 }
-function ul(n) {
+function pl(n) {
   let {
     disabled: e
   } = n;
@@ -6398,7 +6398,7 @@ function ul(n) {
         for (const l of [c.current, d.current]) {
           if (!l)
             continue;
-          const u = sa(l);
+          const u = ca(l);
           if (u) {
             u.focus();
             break;
@@ -6418,7 +6418,7 @@ function Dr(n, e) {
     ...i
   }), t) : t;
 }
-function hl(n) {
+function ml(n) {
   return H(
     () => ({
       draggable: {
@@ -6438,14 +6438,14 @@ function hl(n) {
     [n?.draggable, n?.droppable, n?.dragOverlay]
   );
 }
-function fl(n) {
+function vl(n) {
   let {
     activeNode: e,
     measure: t,
     initialRect: i,
     config: r = !0
   } = n;
-  const s = L(!1), {
+  const s = M(!1), {
     x: o,
     y: a
   } = typeof r == "boolean" ? {
@@ -6481,29 +6481,29 @@ var Ie;
 (function(n) {
   n[n.Uninitialized = 0] = "Uninitialized", n[n.Initializing = 1] = "Initializing", n[n.Initialized = 2] = "Initialized";
 })(Ie || (Ie = {}));
-const gl = /* @__PURE__ */ Ds(function(e) {
+const yl = /* @__PURE__ */ Ns(function(e) {
   var t, i, r, s;
   let {
     id: o,
     accessibility: a,
     autoScroll: c = !0,
     children: d,
-    sensors: l = ol,
-    collisionDetection: u = Ca,
+    sensors: l = dl,
+    collisionDetection: u = Ra,
     measuring: h,
     modifiers: g,
     ...C
   } = e;
-  const b = Rs(dl, void 0, cl), [x, D] = b, [N, w] = ua(), [R, v] = B(Ie.Uninitialized), y = R === Ie.Initialized, {
+  const b = As(gl, void 0, fl), [x, D] = b, [N, w] = pa(), [R, v] = F(Ie.Uninitialized), y = R === Ie.Initialized, {
     draggable: {
       active: m,
       nodes: E,
-      translate: T
+      translate: z
     },
     droppable: {
       containers: A
     }
-  } = x, _ = m != null ? E.get(m) : null, S = L({
+  } = x, _ = m != null ? E.get(m) : null, S = M({
     initial: null,
     translated: null
   }), O = H(() => {
@@ -6511,25 +6511,25 @@ const gl = /* @__PURE__ */ Ds(function(e) {
     return m != null ? {
       id: m,
       // It's possible for the active node to unmount while dragging
-      data: (q = _?.data) != null ? q : al,
+      data: (q = _?.data) != null ? q : ul,
       rect: S
     } : null;
-  }, [m, _]), F = L(null), [Q, ee] = B(null), [V, ue] = B(null), j = vt(C, Object.values(C)), he = _t("DndDescribedBy", o), Rt = H(() => A.getEnabled(), [A]), te = hl(h), {
+  }, [m, _]), B = M(null), [Q, ee] = F(null), [V, ue] = F(null), j = yt(C, Object.values(C)), he = _t("DndDescribedBy", o), Rt = H(() => A.getEnabled(), [A]), te = ml(h), {
     droppableRects: Ee,
-    measureDroppableContainers: Fe,
-    measuringScheduled: it
-  } = Ya(Rt, {
+    measureDroppableContainers: Be,
+    measuringScheduled: nt
+  } = Qa(Rt, {
     dragging: y,
-    dependencies: [T.x, T.y],
+    dependencies: [z.x, z.y],
     config: te.droppable
-  }), ae = Ka(E, m), St = H(() => V ? Ut(V) : null, [V]), Oe = Xr(), De = qa(ae, te.draggable.measure);
-  fl({
+  }), ae = Ja(E, m), St = H(() => V ? Ut(V) : null, [V]), Oe = Xr(), De = el(ae, te.draggable.measure);
+  vl({
     activeNode: m != null ? E.get(m) : null,
     config: Oe.layoutShiftCompensation,
     initialRect: De,
     measure: te.draggable.measure
   });
-  const G = pn(ae, te.draggable.measure, De), nt = pn(ae ? ae.parentElement : null), ye = L({
+  const $ = pn(ae, te.draggable.measure, De), rt = pn(ae ? ae.parentElement : null), ye = M({
     activatorEvent: null,
     active: null,
     activeNode: ae,
@@ -6543,44 +6543,44 @@ const gl = /* @__PURE__ */ Ds(function(e) {
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), We = A.getNodeFor((t = ye.current.over) == null ? void 0 : t.id), Re = sl({
+  }), $e = A.getNodeFor((t = ye.current.over) == null ? void 0 : t.id), Re = cl({
     measure: te.dragOverlay.measure
-  }), Ge = (i = Re.nodeRef.current) != null ? i : ae, $e = y ? (r = Re.rect) != null ? r : G : null, $i = !!(Re.nodeRef.current && Re.rect), ji = Qa($i ? null : G), li = wr(Ge ? Z(Ge) : null), ke = el(y ? We ?? ae : null), Nt = rl(ke), At = Dr(g, {
+  }), je = (i = Re.nodeRef.current) != null ? i : ae, Ue = y ? (r = Re.rect) != null ? r : $ : null, $i = !!(Re.nodeRef.current && Re.rect), ji = nl($i ? null : $), li = wr(je ? Z(je) : null), ke = rl(y ? $e ?? ae : null), Nt = ll(ke), At = Dr(g, {
     transform: {
-      x: T.x - ji.x,
-      y: T.y - ji.y,
+      x: z.x - ji.x,
+      y: z.y - ji.y,
       scaleX: 1,
       scaleY: 1
     },
     activatorEvent: V,
     active: O,
-    activeNodeRect: G,
-    containerNodeRect: nt,
-    draggingNodeRect: $e,
+    activeNodeRect: $,
+    containerNodeRect: rt,
+    draggingNodeRect: Ue,
     over: ye.current.over,
     overlayNodeRect: Re.rect,
     scrollableAncestors: ke,
     scrollableAncestorRects: Nt,
     windowRect: li
-  }), Ui = St ? Ye(St, T) : null, Vi = tl(ke), Wr = vn(Vi), Gr = vn(Vi, [G]), je = Ye(At, Wr), Ue = $e ? Da($e, At) : null, rt = O && Ue ? u({
+  }), Ui = St ? Je(St, z) : null, Vi = sl(ke), Wr = vn(Vi), Gr = vn(Vi, [$]), Ve = Je(At, Wr), Ke = Ue ? Aa(Ue, At) : null, st = O && Ke ? u({
     active: O,
-    collisionRect: Ue,
+    collisionRect: Ke,
     droppableRects: Ee,
     droppableContainers: Rt,
     pointerCoordinates: Ui
-  }) : null, Ki = dr(rt, "id"), [Te, Xi] = B(null), $r = $i ? At : Ye(At, Gr), jr = _a($r, (s = Te?.rect) != null ? s : null, G), ci = L(null), Yi = U(
+  }) : null, Ki = dr(st, "id"), [Te, Xi] = F(null), $r = $i ? At : Je(At, Gr), jr = Sa($r, (s = Te?.rect) != null ? s : null, $), ci = M(null), Yi = U(
     (q, ie) => {
       let {
         sensor: ne,
         options: ze
       } = ie;
-      if (F.current == null)
+      if (B.current == null)
         return;
-      const le = E.get(F.current);
+      const le = E.get(B.current);
       if (!le)
         return;
       const re = q.nativeEvent, be = new ne({
-        active: F.current,
+        active: B.current,
         activeNode: le,
         event: re,
         options: ze,
@@ -6604,20 +6604,20 @@ const gl = /* @__PURE__ */ Ds(function(e) {
           if (!E.get(Y))
             return;
           const {
-            onDragPending: ot
+            onDragPending: at
           } = j.current, Me = {
             id: Y,
             constraint: Pe,
             initialCoordinates: xe,
             offset: Se
           };
-          ot?.(Me), N({
+          at?.(Me), N({
             type: "onDragPending",
             event: Me
           });
         },
         onStart(Y) {
-          const Pe = F.current;
+          const Pe = B.current;
           if (Pe == null)
             return;
           const xe = E.get(Pe);
@@ -6625,7 +6625,7 @@ const gl = /* @__PURE__ */ Ds(function(e) {
             return;
           const {
             onDragStart: Se
-          } = j.current, st = {
+          } = j.current, ot = {
             activatorEvent: re,
             active: {
               id: Pe,
@@ -6634,13 +6634,13 @@ const gl = /* @__PURE__ */ Ds(function(e) {
             }
           };
           Ot(() => {
-            Se?.(st), v(Ie.Initializing), D({
+            Se?.(ot), v(Ie.Initializing), D({
               type: K.DragStart,
               initialCoordinates: Y,
               active: Pe
             }), N({
               type: "onDragStart",
-              event: st
+              event: ot
             }), ee(ci.current), ue(re);
           });
         },
@@ -6650,40 +6650,40 @@ const gl = /* @__PURE__ */ Ds(function(e) {
             coordinates: Y
           });
         },
-        onEnd: Ve(K.DragEnd),
-        onCancel: Ve(K.DragCancel)
+        onEnd: Xe(K.DragEnd),
+        onCancel: Xe(K.DragCancel)
       });
       ci.current = be;
-      function Ve(Y) {
+      function Xe(Y) {
         return async function() {
           const {
             active: xe,
             collisions: Se,
-            over: st,
-            scrollAdjustedTranslate: ot
+            over: ot,
+            scrollAdjustedTranslate: at
           } = ye.current;
           let Me = null;
-          if (xe && ot) {
+          if (xe && at) {
             const {
-              cancelDrop: at
+              cancelDrop: lt
             } = j.current;
             Me = {
               activatorEvent: re,
               active: xe,
               collisions: Se,
-              delta: ot,
-              over: st
-            }, Y === K.DragEnd && typeof at == "function" && await Promise.resolve(at(Me)) && (Y = K.DragCancel);
+              delta: at,
+              over: ot
+            }, Y === K.DragEnd && typeof lt == "function" && await Promise.resolve(lt(Me)) && (Y = K.DragCancel);
           }
-          F.current = null, Ot(() => {
+          B.current = null, Ot(() => {
             D({
               type: Y
             }), v(Ie.Uninitialized), Xi(null), ee(null), ue(null), ci.current = null;
-            const at = Y === K.DragEnd ? "onDragEnd" : "onDragCancel";
+            const lt = Y === K.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Me) {
-              const di = j.current[at];
+              const di = j.current[lt];
               di?.(Me), N({
-                type: at,
+                type: lt,
                 event: Me
               });
             }
@@ -6697,7 +6697,7 @@ const gl = /* @__PURE__ */ Ds(function(e) {
     const le = ne.nativeEvent, re = E.get(ze);
     if (
       // Another sensor is already instantiating
-      F.current !== null || // No active draggable
+      B.current !== null || // No active draggable
       !re || // Event has already been captured
       le.dndKit || le.defaultPrevented
     )
@@ -6707,11 +6707,11 @@ const gl = /* @__PURE__ */ Ds(function(e) {
     };
     q(ne, ie.options, be) === !0 && (le.dndKit = {
       capturedBy: ie.sensor
-    }, F.current = ze, Yi(ne, ie));
-  }, [E, Yi]), qi = Xa(l, Ur);
-  il(l), pe(() => {
-    G && R === Ie.Initializing && v(Ie.Initialized);
-  }, [G, R]), I(
+    }, B.current = ze, Yi(ne, ie));
+  }, [E, Yi]), qi = Za(l, Ur);
+  ol(l), pe(() => {
+    $ && R === Ie.Initializing && v(Ie.Initialized);
+  }, [$, R]), I(
     () => {
       const {
         onDragMove: q
@@ -6728,8 +6728,8 @@ const gl = /* @__PURE__ */ Ds(function(e) {
         activatorEvent: ne,
         collisions: ze,
         delta: {
-          x: je.x,
-          y: je.y
+          x: Ve.x,
+          y: Ve.y
         },
         over: le
       };
@@ -6741,7 +6741,7 @@ const gl = /* @__PURE__ */ Ds(function(e) {
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [je.x, je.y]
+    [Ve.x, Ve.y]
   ), I(
     () => {
       const {
@@ -6751,11 +6751,11 @@ const gl = /* @__PURE__ */ Ds(function(e) {
         droppableContainers: ze,
         scrollAdjustedTranslate: le
       } = ye.current;
-      if (!q || F.current == null || !ie || !le)
+      if (!q || B.current == null || !ie || !le)
         return;
       const {
         onDragOver: re
-      } = j.current, be = ze.get(Ki), Ve = be && be.rect.current ? {
+      } = j.current, be = ze.get(Ki), Xe = be && be.rect.current ? {
         id: be.id,
         rect: be.rect.current,
         data: be.data,
@@ -6768,10 +6768,10 @@ const gl = /* @__PURE__ */ Ds(function(e) {
           x: le.x,
           y: le.y
         },
-        over: Ve
+        over: Xe
       };
       Ot(() => {
-        Xi(Ve), re?.(Y), N({
+        Xi(Xe), re?.(Y), N({
           type: "onDragOver",
           event: Y
         });
@@ -6784,24 +6784,24 @@ const gl = /* @__PURE__ */ Ds(function(e) {
       activatorEvent: V,
       active: O,
       activeNode: ae,
-      collisionRect: Ue,
-      collisions: rt,
+      collisionRect: Ke,
+      collisions: st,
       droppableRects: Ee,
       draggableNodes: E,
-      draggingNode: Ge,
-      draggingNodeRect: $e,
+      draggingNode: je,
+      draggingNodeRect: Ue,
       droppableContainers: A,
       over: Te,
       scrollableAncestors: ke,
-      scrollAdjustedTranslate: je
+      scrollAdjustedTranslate: Ve
     }, S.current = {
-      initial: $e,
-      translated: Ue
+      initial: Ue,
+      translated: Ke
     };
-  }, [O, ae, rt, Ue, E, Ge, $e, Ee, A, Te, ke, je]), ja({
+  }, [O, ae, st, Ke, E, je, Ue, Ee, A, Te, ke, Ve]), Xa({
     ...Oe,
-    delta: T,
-    draggingRect: Ue,
+    delta: z,
+    draggingRect: Ke,
     pointerCoordinates: Ui,
     scrollableAncestors: ke,
     scrollableAncestorRects: Nt
@@ -6809,45 +6809,45 @@ const gl = /* @__PURE__ */ Ds(function(e) {
   const Vr = H(() => ({
     active: O,
     activeNode: ae,
-    activeNodeRect: G,
+    activeNodeRect: $,
     activatorEvent: V,
-    collisions: rt,
-    containerNodeRect: nt,
+    collisions: st,
+    containerNodeRect: rt,
     dragOverlay: Re,
     draggableNodes: E,
     droppableContainers: A,
     droppableRects: Ee,
     over: Te,
-    measureDroppableContainers: Fe,
+    measureDroppableContainers: Be,
     scrollableAncestors: ke,
     scrollableAncestorRects: Nt,
     measuringConfiguration: te,
-    measuringScheduled: it,
+    measuringScheduled: nt,
     windowRect: li
-  }), [O, ae, G, V, rt, nt, Re, E, A, Ee, Te, Fe, ke, Nt, te, it, li]), Kr = H(() => ({
+  }), [O, ae, $, V, st, rt, Re, E, A, Ee, Te, Be, ke, Nt, te, nt, li]), Kr = H(() => ({
     activatorEvent: V,
     activators: qi,
     active: O,
-    activeNodeRect: G,
+    activeNodeRect: $,
     ariaDescribedById: {
       draggable: he
     },
     dispatch: D,
     draggableNodes: E,
     over: Te,
-    measureDroppableContainers: Fe
-  }), [V, qi, O, G, D, he, E, Te, Fe]);
-  return M.createElement(cr.Provider, {
+    measureDroppableContainers: Be
+  }), [V, qi, O, $, D, he, E, Te, Be]);
+  return L.createElement(cr.Provider, {
     value: w
-  }, M.createElement(Et.Provider, {
+  }, L.createElement(Et.Provider, {
     value: Kr
-  }, M.createElement(Er.Provider, {
+  }, L.createElement(Er.Provider, {
     value: Vr
-  }, M.createElement(oi.Provider, {
+  }, L.createElement(oi.Provider, {
     value: jr
-  }, d)), M.createElement(ul, {
+  }, d)), L.createElement(pl, {
     disabled: a?.restoreFocus === !1
-  })), M.createElement(ga, {
+  })), L.createElement(ya, {
     ...a,
     hiddenTextDescribedById: he
   }));
@@ -6860,15 +6860,15 @@ const gl = /* @__PURE__ */ Ds(function(e) {
       enabled: ne
     };
   }
-}), pl = /* @__PURE__ */ Ae(null), bn = "button", ml = "Draggable";
-function vl(n) {
+}), bl = /* @__PURE__ */ Ae(null), bn = "button", xl = "Draggable";
+function wl(n) {
   let {
     id: e,
     data: t,
     disabled: i = !1,
     attributes: r
   } = n;
-  const s = _t(ml), {
+  const s = _t(xl), {
     activators: o,
     activatorEvent: a,
     active: c,
@@ -6880,7 +6880,7 @@ function vl(n) {
     role: g = bn,
     roleDescription: C = "draggable",
     tabIndex: b = 0
-  } = r ?? {}, x = c?.id === e, D = _e(x ? oi : pl), [N, w] = $t(), [R, v] = $t(), y = nl(o, e), m = vt(t);
+  } = r ?? {}, x = c?.id === e, D = _e(x ? oi : bl), [N, w] = $t(), [R, v] = $t(), y = al(o, e), m = yt(t);
   pe(
     () => (u.set(e, {
       id: e,
@@ -6889,8 +6889,8 @@ function vl(n) {
       activatorNode: R,
       data: m
     }), () => {
-      const T = u.get(e);
-      T && T.key === s && u.delete(e);
+      const z = u.get(e);
+      z && z.key === s && u.delete(e);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [u, e]
@@ -6920,31 +6920,31 @@ function vl(n) {
 function Rr() {
   return _e(Er);
 }
-const yl = "Droppable", bl = {
+const Cl = "Droppable", _l = {
   timeout: 25
 };
-function xl(n) {
+function El(n) {
   let {
     data: e,
     disabled: t = !1,
     id: i,
     resizeObserverConfig: r
   } = n;
-  const s = _t(yl), {
+  const s = _t(Cl), {
     active: o,
     dispatch: a,
     over: c,
     measureDroppableContainers: d
-  } = _e(Et), l = L({
+  } = _e(Et), l = M({
     disabled: t
-  }), u = L(!1), h = L(null), g = L(null), {
+  }), u = M(!1), h = M(null), g = M(null), {
     disabled: C,
     updateMeasurementsFor: b,
     timeout: x
   } = {
-    ...bl,
+    ..._l,
     ...r
-  }, D = vt(b ?? i), N = U(
+  }, D = yt(b ?? i), N = U(
     () => {
       if (!u.current) {
         u.current = !0;
@@ -6959,9 +6959,9 @@ function xl(n) {
   ), w = si({
     callback: N,
     disabled: C || !o
-  }), R = U((E, T) => {
-    w && (T && (w.unobserve(T), u.current = !1), E && w.observe(E));
-  }, [w]), [v, y] = $t(R), m = vt(e);
+  }), R = U((E, z) => {
+    w && (z && (w.unobserve(z), u.current = !1), E && w.observe(E));
+  }, [w]), [v, y] = $t(R), m = yt(e);
   return I(() => {
     !w || !v.current || (w.disconnect(), u.current = !1, w.observe(v.current));
   }, [v, w]), I(
@@ -6998,12 +6998,12 @@ function xl(n) {
     setNodeRef: y
   };
 }
-function wl(n) {
+function Dl(n) {
   let {
     animation: e,
     children: t
   } = n;
-  const [i, r] = B(null), [s, o] = B(null), a = jt(t);
+  const [i, r] = F(null), [s, o] = F(null), a = jt(t);
   return !t && !i && a && r(a), pe(() => {
     if (!s)
       return;
@@ -7015,30 +7015,30 @@ function wl(n) {
     Promise.resolve(e(d, s)).then(() => {
       r(null);
     });
-  }, [e, i, s]), M.createElement(M.Fragment, null, t, i ? Ss(i, {
+  }, [e, i, s]), L.createElement(L.Fragment, null, t, i ? Os(i, {
     ref: o
   }) : null);
 }
-const Cl = {
+const Rl = {
   x: 0,
   y: 0,
   scaleX: 1,
   scaleY: 1
 };
-function _l(n) {
+function Sl(n) {
   let {
     children: e
   } = n;
-  return M.createElement(Et.Provider, {
+  return L.createElement(Et.Provider, {
     value: _r
-  }, M.createElement(oi.Provider, {
-    value: Cl
+  }, L.createElement(oi.Provider, {
+    value: Rl
   }, e));
 }
-const El = {
+const Nl = {
   position: "fixed",
   touchAction: "none"
-}, Dl = (n) => ni(n) ? "transform 250ms ease" : void 0, Rl = /* @__PURE__ */ oe((n, e) => {
+}, Al = (n) => ni(n) ? "transform 250ms ease" : void 0, Ol = /* @__PURE__ */ oe((n, e) => {
   let {
     as: t,
     activatorEvent: i,
@@ -7048,7 +7048,7 @@ const El = {
     rect: a,
     style: c,
     transform: d,
-    transition: l = Dl
+    transition: l = Al
   } = n;
   if (!a)
     return null;
@@ -7057,22 +7057,22 @@ const El = {
     scaleX: 1,
     scaleY: 1
   }, h = {
-    ...El,
+    ...Nl,
     width: a.width,
     height: a.height,
     top: a.top,
     left: a.left,
-    transform: Be.Transform.toString(u),
-    transformOrigin: r && i ? va(i, a) : void 0,
+    transform: Fe.Transform.toString(u),
+    transformOrigin: r && i ? wa(i, a) : void 0,
     transition: typeof l == "function" ? l(i) : l,
     ...c
   };
-  return M.createElement(t, {
+  return L.createElement(t, {
     className: o,
     style: h,
     ref: e
   }, s);
-}), Sl = (n) => (e) => {
+}), kl = (n) => (e) => {
   let {
     active: t,
     dragOverlay: i
@@ -7092,7 +7092,7 @@ const El = {
       t.node.style.setProperty(c, d);
     o != null && o.active && t.node.classList.remove(o.active);
   };
-}, Nl = (n) => {
+}, Tl = (n) => {
   let {
     transform: {
       initial: e,
@@ -7100,15 +7100,15 @@ const El = {
     }
   } = n;
   return [{
-    transform: Be.Transform.toString(e)
+    transform: Fe.Transform.toString(e)
   }, {
-    transform: Be.Transform.toString(t)
+    transform: Fe.Transform.toString(t)
   }];
-}, Al = {
+}, zl = {
   duration: 250,
   easing: "ease",
-  keyframes: Nl,
-  sideEffects: /* @__PURE__ */ Sl({
+  keyframes: Tl,
+  sideEffects: /* @__PURE__ */ kl({
     styles: {
       active: {
         opacity: "0"
@@ -7116,7 +7116,7 @@ const El = {
     }
   })
 };
-function Ol(n) {
+function Pl(n) {
   let {
     config: e,
     draggableNodes: t,
@@ -7140,7 +7140,7 @@ function Ol(n) {
     } = Z(o).getComputedStyle(o), u = hr(l);
     if (!u)
       return;
-    const h = typeof e == "function" ? e : kl(e);
+    const h = typeof e == "function" ? e : Ml(e);
     return br(c, r.draggable.measure), h({
       active: {
         id: s,
@@ -7159,14 +7159,14 @@ function Ol(n) {
     });
   });
 }
-function kl(n) {
+function Ml(n) {
   const {
     duration: e,
     easing: t,
     sideEffects: i,
     keyframes: r
   } = {
-    ...Al,
+    ...zl,
     ...n
   };
   return (s) => {
@@ -7216,13 +7216,13 @@ function kl(n) {
   };
 }
 let xn = 0;
-function Tl(n) {
+function Ll(n) {
   return H(() => {
     if (n != null)
       return xn++, xn;
   }, [n]);
 }
-const zl = /* @__PURE__ */ M.memo((n) => {
+const Il = /* @__PURE__ */ L.memo((n) => {
   let {
     adjustScale: e = !1,
     children: t,
@@ -7247,7 +7247,7 @@ const zl = /* @__PURE__ */ M.memo((n) => {
     scrollableAncestors: w,
     scrollableAncestorRects: R,
     windowRect: v
-  } = Rr(), y = _e(oi), m = Tl(u?.id), E = Dr(o, {
+  } = Rr(), y = _e(oi), m = Ll(u?.id), E = Dr(o, {
     activatorEvent: l,
     active: u,
     activeNodeRect: h,
@@ -7259,15 +7259,15 @@ const zl = /* @__PURE__ */ M.memo((n) => {
     scrollableAncestorRects: R,
     transform: y,
     windowRect: v
-  }), T = Fi(h), A = Ol({
+  }), z = Bi(h), A = Pl({
     config: i,
     draggableNodes: C,
     droppableContainers: b,
     measuringConfiguration: N
-  }), _ = T ? x.setRef : void 0;
-  return M.createElement(_l, null, M.createElement(wl, {
+  }), _ = z ? x.setRef : void 0;
+  return L.createElement(Sl, null, L.createElement(Dl, {
     animation: A
-  }, u && m ? M.createElement(Rl, {
+  }, u && m ? L.createElement(Ol, {
     key: m,
     id: u.id,
     ref: _,
@@ -7276,7 +7276,7 @@ const zl = /* @__PURE__ */ M.memo((n) => {
     adjustScale: e,
     className: c,
     transition: s,
-    rect: T,
+    rect: z,
     style: {
       zIndex: d,
       ...r
@@ -7288,7 +7288,7 @@ function Wi(n, e, t) {
   const i = n.slice();
   return i.splice(t < 0 ? i.length + t : t, 0, i.splice(e, 1)[0]), i;
 }
-function Pl(n, e) {
+function Hl(n, e) {
   return n.reduce((t, i, r) => {
     const s = e.get(i);
     return s && (t[r] = s), t;
@@ -7297,7 +7297,7 @@ function Pl(n, e) {
 function zt(n) {
   return n !== null && n >= 0;
 }
-function Ml(n, e) {
+function Fl(n, e) {
   if (n === e)
     return !0;
   if (n.length !== e.length)
@@ -7307,7 +7307,7 @@ function Ml(n, e) {
       return !1;
   return !0;
 }
-function Ll(n) {
+function Bl(n) {
   return typeof n == "boolean" ? {
     draggable: n,
     droppable: n
@@ -7327,7 +7327,7 @@ const Sr = (n) => {
     scaleX: a.width / o.width,
     scaleY: a.height / o.height
   };
-}, Nr = "Sortable", Ar = /* @__PURE__ */ M.createContext({
+}, Nr = "Sortable", Ar = /* @__PURE__ */ L.createContext({
   activeIndex: -1,
   containerId: Nr,
   disableTransforms: !1,
@@ -7341,7 +7341,7 @@ const Sr = (n) => {
     droppable: !1
   }
 });
-function Il(n) {
+function Wl(n) {
   let {
     children: e,
     id: t,
@@ -7355,7 +7355,7 @@ function Il(n) {
     droppableRects: c,
     over: d,
     measureDroppableContainers: l
-  } = Rr(), u = _t(Nr, t), h = a.rect !== null, g = H(() => i.map((y) => typeof y == "object" && "id" in y ? y.id : y), [i]), C = o != null, b = o ? g.indexOf(o.id) : -1, x = d ? g.indexOf(d.id) : -1, D = L(g), N = !Ml(g, D.current), w = x !== -1 && b === -1 || N, R = Ll(s);
+  } = Rr(), u = _t(Nr, t), h = a.rect !== null, g = H(() => i.map((y) => typeof y == "object" && "id" in y ? y.id : y), [i]), C = o != null, b = o ? g.indexOf(o.id) : -1, x = d ? g.indexOf(d.id) : -1, D = M(g), N = !Fl(g, D.current), w = x !== -1 && b === -1 || N, R = Bl(s);
   pe(() => {
     N && C && l(g);
   }, [N, g, C, l]), I(() => {
@@ -7370,17 +7370,17 @@ function Il(n) {
       items: g,
       overIndex: x,
       useDragOverlay: h,
-      sortedRects: Pl(g, c),
+      sortedRects: Hl(g, c),
       strategy: r
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [b, u, R.draggable, R.droppable, w, g, x, c, h, r]
   );
-  return M.createElement(Ar.Provider, {
+  return L.createElement(Ar.Provider, {
     value: v
   }, e);
 }
-const Hl = (n) => {
+const Gl = (n) => {
   let {
     id: e,
     items: t,
@@ -7388,7 +7388,7 @@ const Hl = (n) => {
     overIndex: r
   } = n;
   return Wi(t, i, r).indexOf(e);
-}, Bl = (n) => {
+}, $l = (n) => {
   let {
     containerId: e,
     isSorting: t,
@@ -7401,29 +7401,29 @@ const Hl = (n) => {
     transition: d
   } = n;
   return !d || !i || a !== s && r === o ? !1 : t ? !0 : o !== r && e === c;
-}, Fl = {
+}, jl = {
   duration: 200,
   easing: "ease"
-}, Or = "transform", Wl = /* @__PURE__ */ Be.Transition.toString({
+}, Or = "transform", Ul = /* @__PURE__ */ Fe.Transition.toString({
   property: Or,
   duration: 0,
   easing: "linear"
-}), Gl = {
+}), Vl = {
   roleDescription: "sortable"
 };
-function $l(n) {
+function Kl(n) {
   let {
     disabled: e,
     index: t,
     node: i,
     rect: r
   } = n;
-  const [s, o] = B(null), a = L(t);
+  const [s, o] = F(null), a = M(t);
   return pe(() => {
     if (!e && t !== a.current && i.current) {
       const c = r.current;
       if (c) {
-        const d = tt(i.current, {
+        const d = it(i.current, {
           ignoreTransform: !0
         }), l = {
           x: c.left - d.left,
@@ -7439,17 +7439,17 @@ function $l(n) {
     s && o(null);
   }, [s]), s;
 }
-function jl(n) {
+function Xl(n) {
   let {
-    animateLayoutChanges: e = Bl,
+    animateLayoutChanges: e = $l,
     attributes: t,
     disabled: i,
     data: r,
-    getNewIndex: s = Hl,
+    getNewIndex: s = Gl,
     id: o,
     strategy: a,
     resizeObserverConfig: c,
-    transition: d = Fl
+    transition: d = jl
   } = n;
   const {
     items: l,
@@ -7461,7 +7461,7 @@ function jl(n) {
     overIndex: x,
     useDragOverlay: D,
     strategy: N
-  } = _e(Ar), w = Ul(i, g), R = l.indexOf(o), v = H(() => ({
+  } = _e(Ar), w = Yl(i, g), R = l.indexOf(o), v = H(() => ({
     sortable: {
       containerId: u,
       index: R,
@@ -7471,9 +7471,9 @@ function jl(n) {
   }), [u, r, R, l]), y = H(() => l.slice(l.indexOf(o)), [l, o]), {
     rect: m,
     node: E,
-    isOver: T,
+    isOver: z,
     setNodeRef: A
-  } = xl({
+  } = El({
     id: o,
     data: v,
     disabled: w.droppable,
@@ -7485,22 +7485,22 @@ function jl(n) {
     active: _,
     activatorEvent: S,
     activeNodeRect: O,
-    attributes: F,
+    attributes: B,
     setNodeRef: Q,
     listeners: ee,
     isDragging: V,
     over: ue,
     setActivatorNodeRef: j,
     transform: he
-  } = vl({
+  } = wl({
     id: o,
     data: v,
     attributes: {
-      ...Gl,
+      ...Vl,
       ...t
     },
     disabled: w.draggable
-  }), Rt = ta(A, Q), te = !!_, Ee = te && !C && zt(h) && zt(x), Fe = !D && V, it = Fe && Ee ? he : null, St = Ee ? it ?? (a ?? N)({
+  }), Rt = sa(A, Q), te = !!_, Ee = te && !C && zt(h) && zt(x), Be = !D && V, nt = Be && Ee ? he : null, St = Ee ? nt ?? (a ?? N)({
     rects: b,
     activeNodeRect: O,
     activeIndex: h,
@@ -7511,12 +7511,12 @@ function jl(n) {
     items: l,
     activeIndex: h,
     overIndex: x
-  }) : R, De = _?.id, G = L({
+  }) : R, De = _?.id, $ = M({
     activeId: De,
     items: l,
     newIndex: Oe,
     containerId: u
-  }), nt = l !== G.current.items, ye = e({
+  }), rt = l !== $.current.items, ye = e({
     active: _,
     containerId: u,
     isDragging: V,
@@ -7524,40 +7524,40 @@ function jl(n) {
     id: o,
     index: R,
     items: l,
-    newIndex: G.current.newIndex,
-    previousItems: G.current.items,
-    previousContainerId: G.current.containerId,
+    newIndex: $.current.newIndex,
+    previousItems: $.current.items,
+    previousContainerId: $.current.containerId,
     transition: d,
-    wasDragging: G.current.activeId != null
-  }), We = $l({
+    wasDragging: $.current.activeId != null
+  }), $e = Kl({
     disabled: !ye,
     index: R,
     node: E,
     rect: m
   });
   return I(() => {
-    te && G.current.newIndex !== Oe && (G.current.newIndex = Oe), u !== G.current.containerId && (G.current.containerId = u), l !== G.current.items && (G.current.items = l);
+    te && $.current.newIndex !== Oe && ($.current.newIndex = Oe), u !== $.current.containerId && ($.current.containerId = u), l !== $.current.items && ($.current.items = l);
   }, [te, Oe, u, l]), I(() => {
-    if (De === G.current.activeId)
+    if (De === $.current.activeId)
       return;
-    if (De != null && G.current.activeId == null) {
-      G.current.activeId = De;
+    if (De != null && $.current.activeId == null) {
+      $.current.activeId = De;
       return;
     }
-    const Ge = setTimeout(() => {
-      G.current.activeId = De;
+    const je = setTimeout(() => {
+      $.current.activeId = De;
     }, 50);
-    return () => clearTimeout(Ge);
+    return () => clearTimeout(je);
   }, [De]), {
     active: _,
     activeIndex: h,
-    attributes: F,
+    attributes: B,
     data: v,
     rect: m,
     index: R,
     newIndex: Oe,
     items: l,
-    isOver: T,
+    isOver: z,
     isSorting: te,
     isDragging: V,
     listeners: ee,
@@ -7568,24 +7568,24 @@ function jl(n) {
     setActivatorNodeRef: j,
     setDroppableNodeRef: A,
     setDraggableNodeRef: Q,
-    transform: We ?? St,
+    transform: $e ?? St,
     transition: Re()
   };
   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 && G.current.newIndex === R
+      $e || // Or to prevent items jumping to back to their "new" position when items change
+      rt && $.current.newIndex === R
     )
-      return Wl;
-    if (!(Fe && !ni(S) || !d) && (te || ye))
-      return Be.Transition.toString({
+      return Ul;
+    if (!(Be && !ni(S) || !d) && (te || ye))
+      return Fe.Transition.toString({
         ...d,
         property: Or
       });
   }
 }
-function Ul(n, e) {
+function Yl(n, e) {
   var t, i;
   return typeof n == "boolean" ? {
     draggable: n,
@@ -7602,7 +7602,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 Vl = [W.Down, W.Right, W.Up, W.Left], Kl = (n, e) => {
+const ql = [W.Down, W.Right, W.Up, W.Left], Jl = (n, e) => {
   let {
     context: {
       active: t,
@@ -7613,7 +7613,7 @@ const Vl = [W.Down, W.Right, W.Up, W.Left], Kl = (n, e) => {
       scrollableAncestors: a
     }
   } = e;
-  if (Vl.includes(n.code)) {
+  if (ql.includes(n.code)) {
     if (n.preventDefault(), !t || !i)
       return;
     const c = [];
@@ -7637,7 +7637,7 @@ const Vl = [W.Down, W.Right, W.Up, W.Left], Kl = (n, e) => {
             break;
         }
     });
-    const d = xa({
+    const d = Ea({
       collisionRect: i,
       droppableRects: r,
       droppableContainers: c
@@ -7646,7 +7646,7 @@ const Vl = [W.Down, W.Right, W.Up, W.Left], Kl = (n, e) => {
     if (l === o?.id && d.length > 1 && (l = d[1].id), l != null) {
       const u = s.get(t.id), h = s.get(l), g = h ? r.get(h.id) : null, C = h?.node.current;
       if (C && g && u && h) {
-        const x = ri(C).some((y, m) => a[m] !== y), D = kr(u, h), N = Xl(u, h), w = x || !D ? {
+        const x = ri(C).some((y, m) => a[m] !== y), D = kr(u, h), N = Zl(u, h), w = x || !D ? {
           x: 0,
           y: 0
         } : {
@@ -7656,7 +7656,7 @@ const Vl = [W.Down, W.Right, W.Up, W.Left], Kl = (n, e) => {
           x: g.left,
           y: g.top
         };
-        return w.x && w.y ? R : yt(R, w);
+        return w.x && w.y ? R : bt(R, w);
       }
     }
   }
@@ -7664,14 +7664,14 @@ const Vl = [W.Down, W.Right, W.Up, W.Left], Kl = (n, e) => {
 function kr(n, e) {
   return !Xt(n) || !Xt(e) ? !1 : n.data.current.sortable.containerId === e.data.current.sortable.containerId;
 }
-function Xl(n, e) {
+function Zl(n, e) {
   return !Xt(n) || !Xt(e) || !kr(n, e) ? !1 : n.data.current.sortable.index < e.data.current.sortable.index;
 }
 const wn = ({ id: n, children: e }) => {
-  const { attributes: t, listeners: i, setNodeRef: r, transform: s, transition: o } = jl({
+  const { attributes: t, listeners: i, setNodeRef: r, transform: s, transition: o } = Xl({
     id: n
   }), a = {
-    transform: Be.Translate.toString(s),
+    transform: Fe.Translate.toString(s),
     transition: o,
     flex: "1 1",
     display: "flex",
@@ -7686,15 +7686,15 @@ const wn = ({ id: n, children: e }) => {
   });
 }, Gi = ({ blocks: n, sortable: e = !1, onSort: t = () => {
 }, main: i = !1 }) => {
-  const [r, s] = B([]);
+  const [r, s] = F([]);
   Dn(() => {
     s(n.map((u, h) => ({
       id: u.id ?? h.toString(),
       render: u.render
     })));
   }, [n]);
-  const [o, a] = B(null), c = pa(ln(Bi), ln(Ii, {
-    coordinateGetter: Kl
+  const [o, a] = F(null), c = ba(ln(Fi), ln(Ii, {
+    coordinateGetter: Jl
   })), d = (u) => {
     a(u.active.id);
   }, l = (u) => {
@@ -7705,18 +7705,18 @@ const wn = ({ id: n, children: e }) => {
     });
   };
   return f("div", {
-    className: $("flex flex-wrap items-stretch gap-4", i && "flex-1"),
-    children: P(gl, {
+    className: G("flex flex-wrap items-stretch gap-4", i && "flex-1"),
+    children: T(yl, {
       sensors: c,
       onDragStart: d,
       onDragEnd: l,
-      children: [f(Il, {
+      children: [f(Wl, {
         items: r,
         children: r.map((u) => f(wn, {
           id: u.id,
           children: u.render
         }, u.id))
-      }), f(zl, {
+      }), f(Il, {
         children: o ? f(wn, {
           id: o,
           children: r.find((u) => u.id === o)?.render
@@ -7727,76 +7727,76 @@ const wn = ({ id: n, children: e }) => {
 };
 Gi.displayName = "GroupMasonry";
 Gi.__isPageLayoutGroup = !0;
-const Yl = oe(function({ children: e, aside: t, header: i, variant: r = "main-aside" }, s) {
+const Ql = oe(function({ children: e, aside: t, header: i, variant: r = "main-aside" }, s) {
   return process.env.NODE_ENV === "development" && or("Page", e, ["block", "group"]), f("div", {
     ref: s,
     className: "h-full",
-    children: P("div", {
-      className: $("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: [P("main", {
-        className: $("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: T("div", {
+      className: G("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: [T("main", {
+        className: G("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 && f("header", {
-          className: $("sticky top-0 z-30 bg-f1-background"),
+          className: G("sticky top-0 z-30 bg-f1-background"),
           children: i
         }), f("div", {
           className: "flex-1",
           children: e
         })]
       }), t && f("aside", {
-        className: $("min-w-30 sm:basis-1/4 md:max-w-80", "order-2", r === "aside-main" ? "md:order-1" : "md:order-3"),
+        className: G("min-w-30 sm:basis-1/4 md:max-w-80", "order-2", r === "aside-main" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), Yc = {
-  Page: fe("Page", Yl),
+}), td = {
+  Page: fe("Page", Ql),
   Block: fe("Block", ei),
-  BlockContent: fe("BlockContent", Zo),
+  BlockContent: fe("BlockContent", ia),
   Group: fe("Group", zi),
   GroupGrid: fe("GroupGrid", Qt),
   GroupMasonry: fe("GroupMasonry", Gi)
-}, qc = ve({
+}, id = ve({
   name: "StandardLayout",
   type: "layout"
-}, qn), Jc = ve({
+}, qn), nd = ve({
   name: "TwoColumnLayout",
   type: "layout"
-}, Eo), Zc = ve({
+}, No), rd = ve({
   name: "HomeLayout",
   type: "layout"
-}, Co);
-function Je(n) {
+}, Ro);
+function Ze(n) {
   "@babel/helpers - typeof";
-  return Je = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Ze = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Je(n);
+  }, Ze(n);
 }
-function ql(n, e) {
+function ec(n, e) {
   if (!(n instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Jl(n, e) {
+function tc(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, Pr(i.key), i);
   }
 }
-function Zl(n, e, t) {
-  return e && Jl(n.prototype, e), Object.defineProperty(n, "prototype", { writable: !1 }), n;
+function ic(n, e, t) {
+  return e && tc(n.prototype, e), Object.defineProperty(n, "prototype", { writable: !1 }), n;
 }
-function Ql(n, e, t) {
-  return e = Yt(e), ec(n, Tr() ? Reflect.construct(e, t || [], Yt(n).constructor) : e.apply(n, t));
+function nc(n, e, t) {
+  return e = Yt(e), rc(n, Tr() ? Reflect.construct(e, t || [], Yt(n).constructor) : e.apply(n, t));
 }
-function ec(n, e) {
-  if (e && (Je(e) === "object" || typeof e == "function"))
+function rc(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 tc(n);
+  return sc(n);
 }
-function tc(n) {
+function sc(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
@@ -7816,7 +7816,7 @@ function Yt(n) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, Yt(n);
 }
-function ic(n, e) {
+function oc(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 && Ei(n, e);
@@ -7830,30 +7830,30 @@ function zr(n, e, t) {
   return e = Pr(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
 function Pr(n) {
-  var e = nc(n, "string");
-  return Je(e) == "symbol" ? e : e + "";
+  var e = ac(n, "string");
+  return Ze(e) == "symbol" ? e : e + "";
 }
-function nc(n, e) {
-  if (Je(n) != "object" || !n) return n;
+function ac(n, e) {
+  if (Ze(n) != "object" || !n) return n;
   var t = n[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(n, e);
-    if (Je(i) != "object") return i;
+    if (Ze(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(n);
 }
 var ai = /* @__PURE__ */ (function(n) {
   function e() {
-    return ql(this, e), Ql(this, e, arguments);
+    return ec(this, e), nc(this, e, arguments);
   }
-  return ic(e, n), Zl(e, [{
+  return oc(e, n), ic(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
-})(M.Component);
+})(L.Component);
 zr(ai, "displayName", "ZAxis");
 zr(ai, "defaultProps", {
   zAxisId: 0,
@@ -7861,20 +7861,20 @@ zr(ai, "defaultProps", {
   scale: "auto",
   type: "number"
 });
-var rc = ["option", "isActive"];
-function ft() {
-  return ft = Object.assign ? Object.assign.bind() : function(n) {
+var lc = ["option", "isActive"];
+function gt() {
+  return gt = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (n[i] = t[i]);
     }
     return n;
-  }, ft.apply(this, arguments);
+  }, gt.apply(this, arguments);
 }
-function sc(n, e) {
+function cc(n, e) {
   if (n == null) return {};
-  var t = oc(n, e), i, r;
+  var t = dc(n, e), i, r;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(n);
     for (r = 0; r < s.length; r++)
@@ -7882,7 +7882,7 @@ function sc(n, e) {
   }
   return t;
 }
-function oc(n, e) {
+function dc(n, e) {
   if (n == null) return {};
   var t = {};
   for (var i in n)
@@ -7892,37 +7892,37 @@ function oc(n, e) {
     }
   return t;
 }
-function ac(n) {
-  var e = n.option, t = n.isActive, i = sc(n, rc);
-  return typeof e == "string" ? /* @__PURE__ */ M.createElement(Qi, ft({
-    option: /* @__PURE__ */ M.createElement(ks, ft({
+function uc(n) {
+  var e = n.option, t = n.isActive, i = cc(n, lc);
+  return typeof e == "string" ? /* @__PURE__ */ L.createElement(Qi, gt({
+    option: /* @__PURE__ */ L.createElement(Ps, gt({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ M.createElement(Qi, ft({
+  }, i)) : /* @__PURE__ */ L.createElement(Qi, gt({
     option: e,
     isActive: t,
     shapeType: "symbols"
   }, i));
 }
-function Ze(n) {
+function Qe(n) {
   "@babel/helpers - typeof";
-  return Ze = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Qe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Ze(n);
+  }, Qe(n);
 }
-function gt() {
-  return gt = Object.assign ? Object.assign.bind() : function(n) {
+function pt() {
+  return pt = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (n[i] = t[i]);
     }
     return n;
-  }, gt.apply(this, arguments);
+  }, pt.apply(this, arguments);
 }
 function Cn(n, e) {
   var t = Object.keys(n);
@@ -7945,7 +7945,7 @@ function ce(n) {
   }
   return n;
 }
-function lc(n, e) {
+function hc(n, e) {
   if (!(n instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
@@ -7955,20 +7955,20 @@ function _n(n, e) {
     i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(n, Lr(i.key), i);
   }
 }
-function cc(n, e, t) {
+function fc(n, e, t) {
   return e && _n(n.prototype, e), t && _n(n, t), Object.defineProperty(n, "prototype", { writable: !1 }), n;
 }
-function dc(n, e, t) {
-  return e = qt(e), uc(n, Mr() ? Reflect.construct(e, t || [], qt(n).constructor) : e.apply(n, t));
+function gc(n, e, t) {
+  return e = qt(e), pc(n, Mr() ? Reflect.construct(e, t || [], qt(n).constructor) : e.apply(n, t));
 }
-function uc(n, e) {
-  if (e && (Ze(e) === "object" || typeof e == "function"))
+function pc(n, e) {
+  if (e && (Qe(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return hc(n);
+  return mc(n);
 }
-function hc(n) {
+function mc(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
@@ -7988,7 +7988,7 @@ function qt(n) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, qt(n);
 }
-function fc(n, e) {
+function vc(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 && Di(n, e);
@@ -8002,15 +8002,15 @@ function He(n, e, t) {
   return e = Lr(e), e in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
 function Lr(n) {
-  var e = gc(n, "string");
-  return Ze(e) == "symbol" ? e : e + "";
+  var e = yc(n, "string");
+  return Qe(e) == "symbol" ? e : e + "";
 }
-function gc(n, e) {
-  if (Ze(n) != "object" || !n) return n;
+function yc(n, e) {
+  if (Qe(n) != "object" || !n) return n;
   var t = n[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(n, e);
-    if (Ze(i) != "object") return i;
+    if (Qe(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(n);
@@ -8018,10 +8018,10 @@ function gc(n, e) {
 var Dt = /* @__PURE__ */ (function(n) {
   function e() {
     var t;
-    lc(this, e);
+    hc(this, e);
     for (var i = arguments.length, r = new Array(i), s = 0; s < i; s++)
       r[s] = arguments[s];
-    return t = dc(this, e, [].concat(r)), He(t, "state", {
+    return t = gc(this, e, [].concat(r)), He(t, "state", {
       isAnimationFinished: !1
     }), He(t, "handleAnimationEnd", function() {
       t.setState({
@@ -8031,20 +8031,20 @@ var Dt = /* @__PURE__ */ (function(n) {
       t.setState({
         isAnimationFinished: !1
       });
-    }), He(t, "id", Hs("recharts-scatter-")), t;
+    }), He(t, "id", Ws("recharts-scatter-")), t;
   }
-  return fc(e, n), cc(e, [{
+  return vc(e, n), fc(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
       var r = this, s = this.props, o = s.shape, a = s.activeShape, c = s.activeIndex, d = ui(this.props, !1);
       return i.map(function(l, u) {
         var h = c === u, g = h ? a : o, C = ce(ce({}, d), l);
-        return /* @__PURE__ */ M.createElement(lt, gt({
+        return /* @__PURE__ */ L.createElement(ct, pt({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(l?.cx, "-").concat(l?.cy, "-").concat(l?.size, "-").concat(u)
-        }, Ts(r.props, l, u), {
+        }, Ms(r.props, l, u), {
           role: "img"
-        }), /* @__PURE__ */ M.createElement(ac, gt({
+        }), /* @__PURE__ */ L.createElement(uc, pt({
           option: g,
           isActive: h,
           key: "symbol-".concat(u)
@@ -8055,7 +8055,7 @@ var Dt = /* @__PURE__ */ (function(n) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var i = this, r = this.props, s = r.points, o = r.isAnimationActive, a = r.animationBegin, c = r.animationDuration, d = r.animationEasing, l = r.animationId, u = this.state.prevPoints;
-      return /* @__PURE__ */ M.createElement(zs, {
+      return /* @__PURE__ */ L.createElement(Ls, {
         begin: a,
         duration: c,
         isActive: o,
@@ -8085,7 +8085,7 @@ var Dt = /* @__PURE__ */ (function(n) {
             size: v(g)
           });
         });
-        return /* @__PURE__ */ M.createElement(lt, null, i.renderSymbolsStatically(C));
+        return /* @__PURE__ */ L.createElement(ct, null, i.renderSymbolsStatically(C));
       });
     }
   }, {
@@ -8100,10 +8100,10 @@ var Dt = /* @__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, c = r.children, d = Gn(c, Ps);
+      var r = this.props, s = r.points, o = r.xAxis, a = r.yAxis, c = r.children, d = Gn(c, Is);
       return d ? d.map(function(l, u) {
         var h = l.props, g = h.direction, C = h.dataKey;
-        return /* @__PURE__ */ M.cloneElement(l, {
+        return /* @__PURE__ */ L.cloneElement(l, {
           key: "".concat(g, "-").concat(C, "-").concat(s[u]),
           data: s,
           xAxis: o,
@@ -8132,7 +8132,7 @@ var Dt = /* @__PURE__ */ (function(n) {
           };
         });
       else if (o === "fitting") {
-        var h = Ms(r), g = h.xmin, C = h.xmax, b = h.a, x = h.b, D = function(R) {
+        var h = Hs(r), g = h.xmin, C = h.xmax, b = h.a, x = h.b, D = function(R) {
           return b * R + x;
         };
         l = [{
@@ -8149,9 +8149,9 @@ var Dt = /* @__PURE__ */ (function(n) {
       }, d), {}, {
         points: l
       });
-      return /* @__PURE__ */ M.isValidElement(s) ? u = /* @__PURE__ */ M.cloneElement(s, N) : Ls(s) ? u = s(N) : u = /* @__PURE__ */ M.createElement(Is, gt({}, N, {
+      return /* @__PURE__ */ L.isValidElement(s) ? u = /* @__PURE__ */ L.cloneElement(s, N) : Fs(s) ? u = s(N) : u = /* @__PURE__ */ L.createElement(Bs, pt({}, N, {
         type: a
-      })), /* @__PURE__ */ M.createElement(lt, {
+      })), /* @__PURE__ */ L.createElement(ct, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
       }, u);
@@ -8162,18 +8162,18 @@ var Dt = /* @__PURE__ */ (function(n) {
       var i = this.props, r = i.hide, s = i.points, o = i.line, a = i.className, c = i.xAxis, d = i.yAxis, l = i.left, u = i.top, h = i.width, g = i.height, C = i.id, b = i.isAnimationActive;
       if (r || !s || !s.length)
         return null;
-      var x = this.state.isAnimationFinished, D = ts("recharts-scatter", a), N = c && c.allowDataOverflow, w = d && d.allowDataOverflow, R = N || w, v = Ke(C) ? this.id : C;
-      return /* @__PURE__ */ M.createElement(lt, {
+      var x = this.state.isAnimationFinished, D = ts("recharts-scatter", a), N = c && c.allowDataOverflow, w = d && d.allowDataOverflow, R = N || w, v = Ye(C) ? this.id : C;
+      return /* @__PURE__ */ L.createElement(ct, {
         className: D,
         clipPath: R ? "url(#clipPath-".concat(v, ")") : null
-      }, N || w ? /* @__PURE__ */ M.createElement("defs", null, /* @__PURE__ */ M.createElement("clipPath", {
+      }, N || w ? /* @__PURE__ */ L.createElement("defs", null, /* @__PURE__ */ L.createElement("clipPath", {
         id: "clipPath-".concat(v)
-      }, /* @__PURE__ */ M.createElement("rect", {
+      }, /* @__PURE__ */ L.createElement("rect", {
         x: N ? l : l - h / 2,
         y: w ? u : u - g / 2,
         width: N ? h : h * 2,
         height: w ? g : g * 2
-      }))) : null, o && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ M.createElement(lt, {
+      }))) : null, o && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ L.createElement(ct, {
         key: "recharts-scatter-symbols"
       }, this.renderSymbols()), (!b || x) && $n.renderCallByParent(this.props, s));
     }
@@ -8189,7 +8189,7 @@ var Dt = /* @__PURE__ */ (function(n) {
       } : null;
     }
   }]);
-})(Ns);
+})(ks);
 He(Dt, "displayName", "Scatter");
 He(Dt, "defaultProps", {
   xAxisId: 0,
@@ -8201,22 +8201,22 @@ He(Dt, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !Bs.isSsr,
+  isAnimationActive: !Gs.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
 He(Dt, "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, c = n.offset, d = r.props.tooltipType, l = Gn(r.props.children, Fs), u = Ke(e.dataKey) ? r.props.dataKey : e.dataKey, h = Ke(t.dataKey) ? r.props.dataKey : t.dataKey, g = i && i.dataKey, C = i ? i.range : ai.defaultProps.range, b = C && C[0], x = e.scale.bandwidth ? e.scale.bandwidth() : 0, D = t.scale.bandwidth ? t.scale.bandwidth() : 0, N = s.map(function(w, R) {
-    var v = Pt(w, u), y = Pt(w, h), m = !Ke(g) && Pt(w, g) || "-", E = [{
-      name: Ke(e.dataKey) ? r.props.name : e.name || e.dataKey,
+  var e = n.xAxis, t = n.yAxis, i = n.zAxis, r = n.item, s = n.displayedData, o = n.xAxisTicks, a = n.yAxisTicks, c = n.offset, d = r.props.tooltipType, l = Gn(r.props.children, $s), u = Ye(e.dataKey) ? r.props.dataKey : e.dataKey, h = Ye(t.dataKey) ? r.props.dataKey : t.dataKey, g = i && i.dataKey, C = i ? i.range : ai.defaultProps.range, b = C && C[0], x = e.scale.bandwidth ? e.scale.bandwidth() : 0, D = t.scale.bandwidth ? t.scale.bandwidth() : 0, N = s.map(function(w, R) {
+    var v = Pt(w, u), y = Pt(w, h), m = !Ye(g) && Pt(w, g) || "-", E = [{
+      name: Ye(e.dataKey) ? r.props.name : e.name || e.dataKey,
       unit: e.unit || "",
       value: v,
       payload: w,
       dataKey: u,
       type: d
     }, {
-      name: Ke(t.dataKey) ? r.props.name : t.name || t.dataKey,
+      name: Ye(t.dataKey) ? r.props.name : t.name || t.dataKey,
       unit: t.unit || "",
       value: y,
       payload: w,
@@ -8231,7 +8231,7 @@ He(Dt, "getComposedData", function(n) {
       dataKey: g,
       type: d
     });
-    var T = en({
+    var z = en({
       axis: e,
       ticks: o,
       bandSize: x,
@@ -8247,9 +8247,9 @@ He(Dt, "getComposedData", function(n) {
       dataKey: h
     }), _ = m !== "-" ? i.scale(m) : b, S = Math.sqrt(Math.max(_, 0) / Math.PI);
     return ce(ce({}, w), {}, {
-      cx: T,
+      cx: z,
       cy: A,
-      x: T - S,
+      x: z - S,
       y: A - S,
       xAxis: e,
       yAxis: t,
@@ -8264,7 +8264,7 @@ He(Dt, "getComposedData", function(n) {
       },
       tooltipPayload: E,
       tooltipPosition: {
-        x: T,
+        x: z,
         y: A
       },
       payload: w
@@ -8274,9 +8274,9 @@ He(Dt, "getComposedData", function(n) {
     points: N
   }, c);
 });
-var pc = Ws({
+var bc = js({
   chartName: "ComposedChart",
-  GraphicalChild: [jn, Gs, Un, Dt],
+  GraphicalChild: [jn, Us, Un, Dt],
   axisComponents: [{
     axisType: "xAxis",
     AxisComp: Vn
@@ -8287,9 +8287,9 @@ var pc = Ws({
     axisType: "zAxis",
     AxisComp: ai
   }],
-  formatAxisMap: $s
+  formatAxisMap: Vs
 });
-const mc = (n) => {
+const xc = (n) => {
   const e = (t) => {
     const { cx: i, cy: r, fill: s, payload: o } = t, a = () => {
       if (!o) return "-";
@@ -8313,15 +8313,15 @@ const mc = (n) => {
     });
   };
   return e.displayName = `Scatter-${n}`, e;
-}, vc = ({ dataConfig: n, data: e, xAxis: t, yAxis: i = {
+}, wc = ({ dataConfig: n, data: e, xAxis: t, yAxis: i = {
   hide: !0
 }, label: r = !1, hideTooltip: s = !1, hideGrid: o = !1, aspect: a, legend: c, showValueUnderLabel: d = !1, bar: l, line: u, scatter: h, onClick: g }, C) => {
-  const b = js(e), x = l?.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], D = u?.categories ? Array.isArray(u.categories) ? u.categories : [u.categories] : [], N = h?.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], w = [...x, ...D, ...N], R = Math.max(...b.flatMap((m) => w.map((E) => Us(i?.tickFormatter ? i.tickFormatter(`${m[E]}`) : `${m[E]}`)))), v = [l, u, h].filter((m) => m?.axisPosition === "left"), y = [l, u, h].filter((m) => m?.axisPosition === "right");
-  return f(Vs, {
+  const b = Ks(e), x = l?.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], D = u?.categories ? Array.isArray(u.categories) ? u.categories : [u.categories] : [], N = h?.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], w = [...x, ...D, ...N], R = Math.max(...b.flatMap((m) => w.map((E) => Xs(i?.tickFormatter ? i.tickFormatter(`${m[E]}`) : `${m[E]}`)))), v = [l, u, h].filter((m) => m?.axisPosition === "left"), y = [l, u, h].filter((m) => m?.axisPosition === "right");
+  return f(Ys, {
     config: n,
     ref: C,
     aspect: a,
-    children: P(pc, {
+    children: T(bc, {
       accessibilityLayer: !0,
       data: b,
       margin: {
@@ -8338,17 +8338,17 @@ const mc = (n) => {
           label: m.activeLabel,
           values: {}
         };
-        for (const T of m.activePayload)
-          E.values[T.name] = T.value;
+        for (const z of m.activePayload)
+          E.values[z.name] = z.value;
         g(E);
       },
-      children: [!s && f(Ks, {
-        ...Xs(),
-        content: f(Ys, {
+      children: [!s && f(qs, {
+        ...Js(),
+        content: f(Zs, {
           yAxisFormatter: i.tickFormatter
         })
-      }), !o && f(qs, {
-        ...Js()
+      }), !o && f(Qs, {
+        ...eo()
       }), v.length > 0 && f(xi, {
         ...tn(i),
         tick: !0,
@@ -8372,12 +8372,12 @@ const mc = (n) => {
           position: "insideRight"
         } : void 0
       }), f(Vn, {
-        ...Zs(t),
+        ...to(t),
         hide: t?.hide,
         tick: d ? (m) => {
-          const { x: E, y: T, payload: A } = m, _ = e.find((F) => F.label === A.value)?.values || "", S = Object.keys(_).length === 1 ? Object.values(_)?.[0] : void 0, O = S !== void 0 && i.tickFormatter ? i.tickFormatter(`${S}`) : S.toLocaleString();
-          return P("g", {
-            transform: `translate(${E},${T})`,
+          const { x: E, y: z, payload: A } = m, _ = e.find((B) => B.label === A.value)?.values || "", S = Object.keys(_).length === 1 ? Object.values(_)?.[0] : void 0, O = S !== void 0 && i.tickFormatter ? i.tickFormatter(`${S}`) : S.toLocaleString();
+          return T("g", {
+            transform: `translate(${E},${z})`,
             children: [f("text", {
               x: 0,
               y: 0,
@@ -8398,7 +8398,7 @@ const mc = (n) => {
       }), x.map((m, E) => f(Un, {
         isAnimationActive: !1,
         dataKey: String(m),
-        fill: n[m].color ? ct(n[m].color) : hi(E),
+        fill: n[m].color ? dt(n[m].color) : hi(E),
         radius: 4,
         maxBarSize: 32,
         children: r && f($n, {
@@ -8410,20 +8410,20 @@ const mc = (n) => {
       }, `bar-${String(m)}`)), D.map((m, E) => f(jn, {
         type: u?.lineType ?? "natural",
         dataKey: String(m),
-        stroke: n[m].color ? ct(n[m].color) : hi(x.length + E),
+        stroke: n[m].color ? dt(n[m].color) : hi(x.length + E),
         strokeWidth: 2,
         dot: u?.dot ?? !1,
         isAnimationActive: !1,
         yAxisId: u?.axisPosition === "right" ? "right" : void 0
       }, `line-${String(m)}`)), N.map((m, E) => f(Dt, {
         dataKey: String(m),
-        fill: n[m].color ? ct(n[m].color) : hi(x.length + D.length + E),
+        fill: n[m].color ? dt(n[m].color) : hi(x.length + D.length + E),
         r: 4,
         isAnimationActive: !1,
         yAxisId: h?.axisPosition === "right" ? "right" : void 0,
-        shape: mc(String(m))
-      }, `scatter-${String(m)}`)), c && f(Qs, {
-        content: f(eo, {
+        shape: xc(String(m))
+      }, `scatter-${String(m)}`)), c && f(io, {
+        content: f(no, {
           nameKey: "label"
         }),
         align: "center",
@@ -8433,14 +8433,14 @@ const mc = (n) => {
       })]
     })
   });
-}, yc = Kn(vc), bc = ({ value: n, max: e = 100, label: t, color: i }, r) => {
-  const s = i ? ct(i) : ct("categorical-1"), o = n / e * 100;
-  return P("div", {
+}, Cc = Kn(wc), _c = ({ value: n, max: e = 100, label: t, color: i }, r) => {
+  const s = i ? dt(i) : dt("categorical-1"), o = n / e * 100;
+  return T("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
     children: [f("div", {
       className: "flex-grow",
-      children: f(to, {
+      children: f(ro, {
         color: s,
         value: o,
         className: "w-full",
@@ -8454,79 +8454,79 @@ const mc = (n) => {
       children: t
     })]
   });
-}, xc = Kn(bc), Qc = ve(
+}, Ec = Kn(_c), sd = ve(
   {
     name: "AreaChart",
     type: "info"
   },
-  io
-), ed = ve(
+  so
+), od = ve(
   {
     name: "BarChart",
     type: "info"
   },
-  no
-), td = ve(
+  oo
+), ad = ve(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  ro
-), id = ve(
+  ao
+), ld = ve(
   {
     name: "LineChart",
     type: "info"
   },
-  so
-), nd = ve(
+  lo
+), cd = ve(
   {
     name: "PieChart",
     type: "info"
   },
-  oo
-), rd = ve(
+  co
+), dd = ve(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  ao
-), sd = ve(
+  uo
+), ud = ve(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  xc
-), od = ve(
+  Ec
+), hd = ve(
   {
     name: "ComboChart",
     type: "info"
   },
-  yc
-), wc = (n) => typeof n == "boolean" || !n ? {
+  Cc
+), Dc = (n) => typeof n == "boolean" || !n ? {
   show: !!n,
   invertStatus: !1
 } : {
   show: n.show ?? !0,
   invertStatus: n.invertStatus ?? !1
 }, Ir = ({ label: n, ...e }) => {
-  const t = lo(), i = t(e.value, {
+  const t = ho(), i = t(e.value, {
     formatterOptions: {
       decimalPlaces: 2
     }
-  }), r = wc(e.trend), s = t(e.comparison), o = co(i.numericValue, i.formatterOptions), a = nn(s.numericValue), c = nn(i.numericValue), d = H(() => {
+  }), r = Dc(e.trend), s = t(e.comparison), o = fo(i.numericValue, i.formatterOptions), a = nn(s.numericValue), c = nn(i.numericValue), d = H(() => {
     if (!(!a || !r.show) && !(!a || !c))
       return (c - a) / a * 100;
   }, [c, a, r.show]);
-  return P("div", {
+  return T("div", {
     className: "flex flex-col gap-2",
     children: [n && f("div", {
       children: n
-    }), P("div", {
+    }), T("div", {
       className: "flex flex-row flex-wrap items-center gap-2",
       children: [f("span", {
         className: "font-bold text-2xl",
         children: o
-      }), a !== void 0 && f(uo, {
+      }), a !== void 0 && f(go, {
         percentage: d,
         amount: s,
         invertStatus: r.invertStatus,
@@ -8534,11 +8534,11 @@ const mc = (n) => {
       })]
     })]
   });
-}, Cc = () => P("div", {
+}, Rc = () => T("div", {
   className: "relative flex h-full w-full cursor-progress flex-col gap-2",
   children: [f(we, {
     className: "h-3 w-full max-w-16 rounded-md"
-  }), P("div", {
+  }), T("div", {
     className: "flex flex-row flex-wrap items-end gap-2",
     children: [f(we, {
       className: "h-8 w-full max-w-36 rounded-sm"
@@ -8548,9 +8548,9 @@ const mc = (n) => {
   })]
 });
 Ir.displayName = "F0BigNumber";
-const _c = Rn(Ir, Cc), ad = fe("F0BigNumber", _c), ld = is.filter(
+const Sc = Rn(Ir, Rc), fd = fe("F0BigNumber", Sc), gd = is.filter(
   (n) => n !== "ai"
-), cd = An, dd = ["default", "outline", "neutral"], ud = An, hd = ["sm", "md", "lg"], fd = ["compact", "expanded"], gd = ns, pd = [
+), pd = An, md = ["default", "outline", "neutral"], vd = An, yd = ["sm", "md", "lg"], bd = ["compact", "expanded"], xd = ns, wd = [
   "viridian",
   "malibu",
   "yellow",
@@ -8563,10 +8563,10 @@ const _c = Rn(Ir, Cc), ad = fe("F0BigNumber", _c), ld = is.filter(
   "indigo",
   "camel"
 ], Ri = ({ count: n, list: e }) => {
-  const [t, i] = B(!1), r = f(Lt, {
+  const [t, i] = F(!1), r = f(Lt, {
     label: `+${n}`
   });
-  return e?.length ? P(On, {
+  return e?.length ? T(On, {
     open: t,
     onOpenChange: i,
     children: [f(kn, {
@@ -8578,7 +8578,7 @@ const _c = Rn(Ir, Cc), ad = fe("F0BigNumber", _c), ld = is.filter(
     }), f(zn, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
-      children: P(Pn, {
+      children: T(Pn, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col",
         children: [e.map((s, o) => f("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",
@@ -8611,7 +8611,7 @@ const Hr = ({ 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 P("div", {
+  return T("div", {
     className: "flex items-center gap-2",
     children: [r.map((c, d) => f(Lt, {
       ...c
@@ -8622,9 +8622,89 @@ const Hr = ({ chips: n, max: e = 4, remainingCount: t, layout: i = "compact" })
   });
 };
 Hr.displayName = "F0ChipList";
-const md = fe("F0ChipList", Hr), vd = ss, Ec = 388;
-function Dc({ filters: n, value: e, onChange: t, height: i, width: r = 600, className: s, showApplyButton: o = !0, applyButtonLabel: a }) {
-  const c = Sn(), [d, l] = B(null), [u, h] = B(e);
+const Cd = fe("F0ChipList", Hr), _d = ss, Nc = Ge({
+  base: "w-full rounded-md p-2 pr-3 text-f1-foreground",
+  variants: {
+    variant: {
+      info: "bg-f1-background-info",
+      warning: "bg-f1-background-warning",
+      critical: "bg-f1-background-critical",
+      neutral: "bg-f1-background-tertiary",
+      positive: "bg-f1-background-positive"
+    }
+  },
+  defaultVariants: {
+    variant: "neutral"
+  }
+}), Ac = Ge({
+  base: "font-medium",
+  variants: {
+    variant: {
+      info: "text-f1-foreground-info",
+      warning: "text-f1-foreground-warning",
+      critical: "text-f1-foreground-critical",
+      neutral: "text-f1-foreground",
+      positive: "text-f1-foreground-positive"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+}), Ed = ({ title: n, description: e, action: t, link: i, icon: r, variant: s = "neutral" }) => {
+  const o = M(null);
+  return f("div", {
+    ref: o,
+    className: "@container",
+    children: f("div", {
+      className: Nc({
+        variant: s
+      }),
+      children: T("div", {
+        className: G("flex flex-col items-start gap-3 @sm:flex-row @sm:items-center @sm:justify-between"),
+        children: [T("div", {
+          className: "flex flex-row gap-2",
+          children: [f("div", {
+            className: "h-6 w-6 flex-shrink-0",
+            children: s === "neutral" ? f(os, {
+              icon: r || as,
+              size: "sm"
+            }) : f(po, {
+              type: s,
+              size: "sm"
+            })
+          }), T("div", {
+            className: "flex flex-col gap-0.5",
+            children: [f("p", {
+              className: Ac({
+                variant: s
+              }),
+              children: n
+            }), f("p", {
+              className: "text-base text-f1-foreground-secondary",
+              children: e
+            })]
+          })]
+        }), (t || i) && T("div", {
+          className: G("flex flex-shrink-0 flex-row items-center gap-3 pl-8 @sm:pl-0"),
+          children: [i && f(ls, {
+            href: i.href,
+            target: "_blank",
+            variant: "link",
+            size: "sm",
+            children: i.label
+          }), t && f(We, {
+            label: t.label,
+            variant: "outline",
+            onClick: t.onClick,
+            size: "sm"
+          })]
+        })]
+      })
+    })
+  });
+}, Oc = 388;
+function kc({ filters: n, value: e, onChange: t, height: i, width: r = 600, className: s, showApplyButton: o = !0, applyButtonLabel: a }) {
+  const c = Sn(), [d, l] = F(null), [u, h] = F(e);
   I(() => {
     h(e);
   }, [e]), I(() => {
@@ -8652,14 +8732,14 @@ function Dc({ filters: n, value: e, onChange: t, height: i, width: r = 600, clas
     t(u);
   }, b = H(() => i || Object.entries(n).reduce((D, [N, w]) => {
     const R = Ji(w.type);
-    return Math.max(D, R?.formHeight || Ec);
+    return Math.max(D, R?.formHeight || Oc);
   }, 0), [n, i]);
   return !n || Object.keys(n).length === 0 ? null : f("div", {
-    className: $("overflow-hidden rounded-xl border border-solid border-f1-border-secondary bg-f1-background", s),
+    className: G("overflow-hidden rounded-xl border border-solid border-f1-border-secondary bg-f1-background", s),
     style: {
       maxWidth: r
     },
-    children: f(os, {
+    children: f(cs, {
       filters: n,
       tempFilters: u,
       selectedFilterKey: d,
@@ -8672,17 +8752,17 @@ function Dc({ filters: n, value: e, onChange: t, height: i, width: r = 600, clas
     })
   });
 }
-Dc.displayName = "F0FilterPickerContent";
-const Rc = oe((n, e) => f(Ti, {
+kc.displayName = "F0FilterPickerContent";
+const Tc = oe((n, e) => f(Ti, {
   ref: e,
   variant: "heading",
   ...n
 }));
-Rc.displayName = "F0Heading";
-const yd = fe(
+Tc.displayName = "F0Heading";
+const Dd = fe(
   "F0GridStack",
   ki
-), yi = 16, Sc = xt({
+), yi = 16, zc = Ge({
   base: "h-0.5 rounded-full bg-f1-foreground cursor-pointer",
   variants: {
     depth: {
@@ -8715,13 +8795,13 @@ const yd = fe(
     active: !0
   }
 });
-function Br(n, e = 0) {
+function Fr(n, e = 0) {
   return n.flatMap((t) => [{
     id: t.id,
     depth: Math.min(e, 3)
-  }, ...t.children ? Br(t.children, e + 1) : []]);
+  }, ...t.children ? Fr(t.children, e + 1) : []]);
 }
-function Nc(n, e) {
+function Pc(n, e) {
   const t = n.length;
   if (t <= yi) return n;
   const i = t / (yi - 1), r = new Set(Array.from({
@@ -8736,12 +8816,12 @@ function Nc(n, e) {
   }
   return [...r].sort((s, o) => s - o).map((s) => n[s]);
 }
-function Ac({ items: n, activeItem: e, className: t, align: i = "left", variant: r = "dark" }) {
-  const s = H(() => Nc(Br(n), e), [n, e]);
+function Mc({ items: n, activeItem: e, className: t, align: i = "left", variant: r = "dark" }) {
+  const s = H(() => Pc(Fr(n), e), [n, e]);
   return f("div", {
-    className: $("flex flex-col justify-center gap-2 py-3", i === "right" ? "items-end" : "items-start", t),
+    className: G("flex flex-col justify-center gap-2 py-3", i === "right" ? "items-end" : "items-start", t),
     children: s.map((o) => f("div", {
-      className: Sc({
+      className: zc({
         depth: o.depth,
         variant: r,
         active: o.id === e
@@ -8749,7 +8829,7 @@ function Ac({ items: n, activeItem: e, className: t, align: i = "left", variant:
     }, o.id))
   });
 }
-const Oc = 300, kc = 0, Tc = xt({
+const Lc = 300, Ic = 0, Hc = Ge({
   base: "w-auto overflow-y-auto rounded-lg border border-solid border-f1-border-secondary bg-f1-background p-0 shadow-lg",
   variants: {
     size: {
@@ -8762,8 +8842,8 @@ const Oc = 300, kc = 0, Tc = xt({
     size: "md"
   }
 });
-function zc({ title: n, items: e, className: t, activeItem: i, collapsible: r = !1, showChildrenCounter: s = !1, barsAlign: o = "left", size: a = "md", variant: c = "light" }) {
-  const [d, l] = B(!1), u = L(!1), h = (C) => {
+function Fc({ title: n, items: e, className: t, activeItem: i, collapsible: r = !1, showChildrenCounter: s = !1, barsAlign: o = "left", size: a = "md", variant: c = "light" }) {
+  const [d, l] = F(!1), u = M(!1), h = (C) => {
     C && !d && (u.current = !0), l(C);
   }, g = U((C) => {
     !C || !u.current || (u.current = !1, requestAnimationFrame(() => {
@@ -8773,32 +8853,32 @@ function zc({ title: n, items: e, className: t, activeItem: i, collapsible: r =
       });
     }));
   }, []);
-  return P(as, {
+  return T(ds, {
     open: d,
     onOpenChange: h,
-    openDelay: kc,
-    closeDelay: Oc,
-    children: [f(ls, {
+    openDelay: Ic,
+    closeDelay: Lc,
+    children: [f(us, {
       asChild: !0,
       children: f("button", {
-        className: $(Tn(), "flex cursor-pointer items-center rounded-md px-1.5 py-1", t),
+        className: G(Tn(), "flex cursor-pointer items-center rounded-md px-1.5 py-1", t),
         "aria-label": n ?? "Menu",
-        children: f(Ac, {
+        children: f(Mc, {
           items: e,
           activeItem: i,
           align: o,
           variant: c
         })
       })
-    }), f(cs, {
+    }), f(hs, {
       ref: g,
       side: o === "left" ? "right" : "left",
       align: "center",
       sideOffset: -28,
-      className: $(Tc({
+      className: G(Hc({
         size: a
       }), !n && "pt-2", "scrollbar-macos"),
-      children: f(ho, {
+      children: f(mo, {
         title: n,
         items: e,
         activeItem: i,
@@ -8809,26 +8889,26 @@ function zc({ title: n, items: e, className: t, activeItem: i, collapsible: r =
     })]
   });
 }
-const bd = fe(
+const Rd = fe(
   "F0TableOfContentPopover",
-  zc
-), Pc = ({ benefits: n }) => f("div", {
+  Fc
+), Bc = ({ benefits: n }) => f("div", {
   className: "flex flex-col gap-2",
-  children: n.map((e, t) => f(Mc, {
+  children: n.map((e, t) => f(Wc, {
     text: e
   }, t))
-}), Mc = ({ text: n }) => P("div", {
+}), Wc = ({ text: n }) => T("div", {
   className: "flex flex-row items-start gap-2",
   children: [f(Nn, {
-    icon: us,
+    icon: gs,
     size: "md",
     className: "text-f1-icon-positive"
   }), f("span", {
     children: n
   })]
-}), Fr = oe(({ title: n, image: e, benefits: t, actions: i, withShadow: r = !0, module: s, moduleName: o, tag: a, promoTag: c }, d) => P("div", {
+}), Br = oe(({ title: n, image: e, benefits: t, actions: i, withShadow: r = !0, module: s, moduleName: o, tag: a, promoTag: c }, d) => T("div", {
   ref: d,
-  className: $("bg-white flex flex-row rounded-xl border border-f1-border-secondary", r && "shadow-md"),
+  className: G("bg-white flex flex-row rounded-xl border border-f1-border-secondary", r && "shadow-md"),
   children: [f("div", {
     className: "aspect-auto flex-shrink-0 overflow-hidden rounded-xl py-1 pl-1",
     children: f("img", {
@@ -8836,13 +8916,13 @@ const bd = fe(
       alt: "",
       className: "h-full w-full rounded-lg object-cover"
     })
-  }), P("div", {
+  }), T("div", {
     className: "flex flex-col justify-center gap-8 px-8 py-5",
-    children: [P("div", {
+    children: [T("div", {
       className: "flex flex-col gap-5",
-      children: [P("div", {
+      children: [T("div", {
         className: "flex flex-col gap-2",
-        children: [P("div", {
+        children: [T("div", {
           className: "flex flex-row items-center gap-2",
           children: [s && f(Ln, {
             module: s
@@ -8850,12 +8930,12 @@ const bd = fe(
             className: "text-base font-medium text-f1-foreground",
             children: o
           })]
-        }), (a || c) && P("div", {
+        }), (a || c) && T("div", {
           className: "flex justify-start gap-2",
-          children: [a && f(ds, {
+          children: [a && f(fs, {
             icon: a.icon,
             text: a.label
-          }), c && f(fo, {
+          }), c && f(vo, {
             variant: c.variant || "positive",
             text: c.label
           })]
@@ -8863,7 +8943,7 @@ const bd = fe(
           className: "font-bold text-xl text-f1-foreground",
           children: n
         })]
-      }), f(Pc, {
+      }), f(Bc, {
         benefits: t
       })]
     }), i && f("div", {
@@ -8872,23 +8952,23 @@ const bd = fe(
     })]
   })]
 }));
-Fr.displayName = "ProductBlankslate";
-function Lc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalContainer: s }) {
-  const [o, a] = B(n);
+Br.displayName = "ProductBlankslate";
+function Gc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalContainer: s }) {
+  const [o, a] = F(n);
   return I(() => {
     a(n);
-  }, [n]), f(hs, {
+  }, [n]), f(ps, {
     open: o,
     onOpenChange: (d) => {
       a(d), d || e();
     },
     modal: !0,
-    children: P(fs, {
+    children: T(ms, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: s,
-      children: [P("div", {
+      children: [T("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [P(gs, {
+        children: [T(vs, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
           children: [r && f(Ln, {
             module: r,
@@ -8901,7 +8981,7 @@ function Lc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalCon
           label: "Close modal",
           hideLabel: !0
         })]
-      }), P(Pn, {
+      }), T(Pn, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
         children: [i, f(Mn, {
           orientation: "vertical",
@@ -8911,8 +8991,8 @@ function Lc({ isOpen: n, onClose: e, title: t, children: i, module: r, portalCon
     })
   });
 }
-function xd({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessage: s, successMessage: o, loadingState: a, nextSteps: c, closeLabel: d, primaryAction: l, modalTitle: u, modalModule: h, secondaryAction: g, portalContainer: C, tag: b, promoTag: x, showResponseDialog: D = !0 }) {
-  const [N, w] = B(n), [R, v] = B(null), [y, m] = B(!1), E = async () => {
+function Sd({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessage: s, successMessage: o, loadingState: a, nextSteps: c, closeLabel: d, primaryAction: l, modalTitle: u, modalModule: h, secondaryAction: g, portalContainer: C, tag: b, promoTag: x, showResponseDialog: D = !0 }) {
+  const [N, w] = F(n), [R, v] = F(null), [y, m] = F(!1), E = async () => {
     if (l?.onClick) {
       m(!0);
       try {
@@ -8923,35 +9003,35 @@ function xd({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
         m(!1);
       }
     }
-  }, T = () => {
+  }, z = () => {
     w(!1), e?.();
   }, A = y;
-  return P(Jt, {
-    children: [f(Lc, {
+  return T(Jt, {
+    children: [f(Gc, {
       isOpen: N,
-      onClose: T,
+      onClose: z,
       title: u,
       module: h,
       portalContainer: C,
       children: f("div", {
         className: "pb-4 pl-4",
-        children: f(Fr, {
+        children: f(Br, {
           title: t,
           image: i,
           benefits: r,
           withShadow: !1,
           tag: b,
           promoTag: x,
-          actions: P("div", {
+          actions: T("div", {
             className: "flex gap-3",
-            children: [l && f(qe, {
+            children: [l && f(We, {
               variant: l.variant,
               label: A ? a.label : l.label,
               icon: l.icon || void 0,
               onClick: E,
               loading: l.loading,
               size: l.size
-            }), g && f(qe, {
+            }), g && f(We, {
               onClick: g.onClick,
               label: g.label,
               variant: g.variant,
@@ -8964,7 +9044,7 @@ function xd({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
     }), R && D && f(Xn, {
       open: !0,
       onClose: () => {
-        T(), v(null);
+        z(), v(null);
       },
       success: R === "success",
       errorMessage: s,
@@ -8975,8 +9055,8 @@ function xd({ isOpen: n, onClose: e, title: t, image: i, benefits: r, errorMessa
     })]
   });
 }
-function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r, width: s, trackVisibility: o, actions: a, showConfirmation: c = !0 }) {
-  const [d, l] = B(!1), u = () => {
+function $c({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r, width: s, trackVisibility: o, actions: a, showConfirmation: c = !0 }) {
+  const [d, l] = F(!1), u = () => {
     l(!0), i && i();
   };
   I(() => {
@@ -8984,15 +9064,15 @@ function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
   }, [o, d]);
   const h = n?.includes(".mp4");
   return f(Jt, {
-    children: d ? null : P(go, {
+    children: d ? null : T(yo, {
       style: {
         width: s
       },
       className: "relative bg-f1-background p-1",
-      children: [P(po, {
+      children: [T(bo, {
         children: [r && f("div", {
           className: "absolute right-2 top-2 z-10",
-          children: f(qe, {
+          children: f(We, {
             variant: "ghost",
             icon: In,
             size: "sm",
@@ -9000,7 +9080,7 @@ function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
             onClick: u,
             label: "Close"
           })
-        }), P("div", {
+        }), T("div", {
           children: [f("div", {
             children: n && (h ? f("video", {
               src: n,
@@ -9014,7 +9094,7 @@ function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
               alt: e,
               className: "h-full w-full rounded-md"
             }))
-          }), P("div", {
+          }), T("div", {
             className: "flex flex-col gap-[2px] p-3",
             children: [f(rn, {
               className: "text-lg font-medium",
@@ -9025,7 +9105,7 @@ function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
             })]
           })]
         })]
-      }), a && f(mo, {
+      }), a && f(xo, {
         className: "p-3",
         children: a.map((g) => g.type === "upsell" ? f(Yn, {
           label: g.label,
@@ -9037,7 +9117,7 @@ function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
           closeLabel: g.closeLabel,
           showConfirmation: c && g.showConfirmation,
           variant: g.variant
-        }, g.label) : f(qe, {
+        }, g.label) : f(We, {
           label: g.label,
           onClick: g.onClick,
           variant: g.variant
@@ -9046,7 +9126,7 @@ function Ic({ mediaUrl: n, title: e, description: t, onClose: i, dismissible: r,
     })
   });
 }
-const Hc = oe(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
+const jc = oe(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
   const s = (c) => c.variant === "promote" ? f(Yn, {
     label: c.label,
     onRequest: async () => {
@@ -9060,14 +9140,14 @@ const Hc = oe(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
     showIcon: c.showIcon,
     showConfirmation: c.showConfirmation,
     variant: c.variant
-  }) : f(qe, {
+  }) : f(We, {
     onClick: c.onClick,
     label: c.label,
     variant: c.variant || "default",
     size: "md",
     icon: c.icon
   }), o = e?.variant !== "promote" ? e : void 0, a = t?.variant !== "promote" ? t : void 0;
-  return P(vo, {
+  return T(wo, {
     ref: r,
     ...i,
     primaryAction: o,
@@ -9075,9 +9155,9 @@ const Hc = oe(function({ primaryAction: e, secondaryAction: t, ...i }, r) {
     children: [e?.variant === "promote" && s(e), t?.variant === "promote" && s(t)]
   });
 });
-Hc.displayName = "UpsellingBanner";
-function wd({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r = "md", showIcon: s = !0, side: o = "right", align: a = "center", icon: c = ps, mediaUrl: d, title: l, description: u, width: h = "300px", trackVisibility: g, actions: C, onClick: b, hideLabel: x = !1 }) {
-  const [D, N] = B(!1), [w, R] = B(null), [v, y] = B(null), m = (S) => {
+jc.displayName = "UpsellingBanner";
+function Nd({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r = "md", showIcon: s = !0, side: o = "right", align: a = "center", icon: c = ys, mediaUrl: d, title: l, description: u, width: h = "300px", trackVisibility: g, actions: C, onClick: b, hideLabel: x = !1 }) {
+  const [D, N] = F(!1), [w, R] = F(null), [v, y] = F(null), m = (S) => {
     e(S), b && b();
   }, E = async (S) => {
     if (S.type === "upsell") {
@@ -9088,19 +9168,19 @@ function wd({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
         N(!0), R("error");
       }
     }
-  }, T = () => {
+  }, z = () => {
     R(null), N(!1), y(null), e(!1);
   }, A = n && !D, _ = C?.map((S) => S.type === "upsell" ? {
     ...S,
     onClick: () => E(S)
   } : S);
-  return P(Jt, {
-    children: [P(On, {
+  return T(Jt, {
+    children: [T(On, {
       open: A,
       onOpenChange: m,
       children: [f(kn, {
         asChild: !0,
-        children: f(qe, {
+        children: f(We, {
           variant: i,
           label: t,
           size: r,
@@ -9112,7 +9192,7 @@ function wd({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
         side: o,
         align: a,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: f(Ic, {
+        children: f($c, {
           mediaUrl: d,
           title: l,
           description: u,
@@ -9126,7 +9206,7 @@ function wd({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
       })]
     }), v?.type === "upsell" && v.showConfirmation && w && f(Xn, {
       open: !0,
-      onClose: T,
+      onClose: z,
       success: w === "success",
       errorMessage: v.errorMessage,
       successMessage: v.successMessage,
@@ -9136,44 +9216,44 @@ function wd({ isOpen: n, setIsOpen: e, label: t, variant: i = "promote", size: r
     })]
   });
 }
-const Bc = Ae(null), Fc = ({ children: n, fullScreen: e = !0 }) => {
-  const t = L(null), [i, r] = B(t.current);
-  return Cs(() => {
+const Uc = Ae(null), Vc = ({ children: n, fullScreen: e = !0 }) => {
+  const t = M(null), [i, r] = F(t.current);
+  return Ds(() => {
     r(t.current);
-  }, []), f(Bc.Provider, {
+  }, []), f(Uc.Provider, {
     value: {
       element: i
     },
     children: f("div", {
       ref: t,
       id: "f0-layout",
-      className: $({
+      className: G({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": e
       }),
       children: n
     })
   });
-}, Wc = ({ children: n }) => f(xo, {
+}, Kc = ({ children: n }) => f(Eo, {
   reducedMotion: "user",
   children: n
-}), Cd = ({ children: n, layout: e, link: t, privacyModeInitiallyEnabled: i, image: r, i18n: s, l10n: o, isDev: a = !1, dataCollectionStorageHandler: c, showExperimentalWarnings: d = !1 }) => f(Wc, {
-  children: f(ms, {
+}), Ad = ({ children: n, layout: e, link: t, privacyModeInitiallyEnabled: i, image: r, i18n: s, l10n: o, isDev: a = !1, dataCollectionStorageHandler: c, showExperimentalWarnings: d = !1 }) => f(Kc, {
+  children: f(bs, {
     isDev: a,
     showExperimentalWarnings: d,
-    children: f(vs, {
+    children: f(xs, {
       ...o,
-      children: f(ys, {
+      children: f(ws, {
         ...s,
-        children: f(bs, {
+        children: f(Cs, {
           ...t,
-          children: f(Fc, {
+          children: f(Vc, {
             ...e,
-            children: f(xs, {
-              children: f(yo, {
+            children: f(_s, {
+              children: f(Co, {
                 initiallyEnabled: i,
-                children: f(ws, {
+                children: f(Es, {
                   ...r,
-                  children: f(bo, {
+                  children: f(_o, {
                     handler: c,
                     children: n
                   })
@@ -9185,7 +9265,7 @@ const Bc = Ae(null), Fc = ({ children: n, fullScreen: e = !0 }) => {
       })
     })
   })
-}), En = (n) => `datacollection-${n}`, _d = {
+}), En = (n) => `datacollection-${n}`, Od = {
   get: async (n) => JSON.parse(
     localStorage.getItem(En(n)) ?? "{}"
   ),
@@ -9194,114 +9274,115 @@ const Bc = Ae(null), Fc = ({ children: n, fullScreen: e = !0 }) => {
   }
 };
 export {
-  Qc as AreaChart,
-  Rd as Await,
-  ed as BarChart,
-  td as CategoryBarChart,
-  od as ComboChart,
-  Xc as Dashboard,
-  cu as DndProvider,
-  Sd as EmojiImage,
-  Nd as F0Avatar,
-  du as F0AvatarAlert,
-  Ad as F0AvatarCompany,
-  uu as F0AvatarDate,
-  Od as F0AvatarEmoji,
-  kd as F0AvatarFile,
-  Td as F0AvatarIcon,
-  hu as F0AvatarList,
+  sd as AreaChart,
+  zd as Await,
+  od as BarChart,
+  ad as CategoryBarChart,
+  hd as ComboChart,
+  ed as Dashboard,
+  gu as DndProvider,
+  Pd as EmojiImage,
+  Ed as F0Alert,
+  Md as F0Avatar,
+  po as F0AvatarAlert,
+  Ld as F0AvatarCompany,
+  pu as F0AvatarDate,
+  Id as F0AvatarEmoji,
+  Hd as F0AvatarFile,
+  os as F0AvatarIcon,
+  mu as F0AvatarList,
   Ln as F0AvatarModule,
-  zd as F0AvatarPerson,
-  Pd as F0AvatarTeam,
-  ad as F0BigNumber,
-  qe as F0Button,
-  Md as F0ButtonDropdown,
-  Ld as F0ButtonToggle,
-  fu as F0Card,
-  Id as F0Checkbox,
-  md as F0ChipList,
-  gu as F0DatePicker,
-  Hd as F0Dialog,
-  Bd as F0DialogContext,
-  Fd as F0DialogProvider,
-  Wd as F0EventCatcherProvider,
-  Dc as F0FilterPickerContent,
-  yd as F0GridStack,
-  Rc as F0Heading,
+  Fd as F0AvatarPerson,
+  Bd as F0AvatarTeam,
+  fd as F0BigNumber,
+  We as F0Button,
+  Wd as F0ButtonDropdown,
+  Gd as F0ButtonToggle,
+  vu as F0Card,
+  $d as F0Checkbox,
+  Cd as F0ChipList,
+  yu as F0DatePicker,
+  jd as F0Dialog,
+  Ud as F0DialogContext,
+  Vd as F0DialogProvider,
+  Kd as F0EventCatcherProvider,
+  kc as F0FilterPickerContent,
+  Dd as F0GridStack,
+  Tc as F0Heading,
   Nn as F0Icon,
-  Gd as F0Link,
-  Cd as F0Provider,
-  $d as F0Select,
-  bd as F0TableOfContentPopover,
-  pu as F0TagAlert,
-  uo as F0TagBalance,
-  mu as F0TagCompany,
-  vu as F0TagDot,
-  yu as F0TagList,
-  bu as F0TagPerson,
-  ds as F0TagRaw,
-  fo as F0TagStatus,
-  xu as F0TagTeam,
+  ls as F0Link,
+  Ad as F0Provider,
+  Xd as F0Select,
+  Rd as F0TableOfContentPopover,
+  bu as F0TagAlert,
+  go as F0TagBalance,
+  xu as F0TagCompany,
+  wu as F0TagDot,
+  Cu as F0TagList,
+  _u as F0TagPerson,
+  fs as F0TagRaw,
+  vo as F0TagStatus,
+  Eu as F0TagTeam,
   nr as F0Text,
-  jd as GROUP_ID_SYMBOL,
-  Zc as HomeLayout,
-  Yc as Layout,
-  id as LineChart,
-  Ud as OneFilterPicker,
-  nd as PieChart,
-  yo as PrivacyModeProvider,
-  Fr as ProductBlankslate,
-  wu as ProductCard,
-  xd as ProductModal,
-  Ic as ProductWidget,
-  sd as ProgressBarChart,
-  qc as StandardLayout,
-  Cu as Tag,
-  _u as TagCounter,
-  Jc as TwoColumnLayout,
+  Yd as GROUP_ID_SYMBOL,
+  rd as HomeLayout,
+  td as Layout,
+  ld as LineChart,
+  qd as OneFilterPicker,
+  cd as PieChart,
+  Co as PrivacyModeProvider,
+  Br as ProductBlankslate,
+  Du as ProductCard,
+  Sd as ProductModal,
+  $c as ProductWidget,
+  ud as ProgressBarChart,
+  id as StandardLayout,
+  Ru as Tag,
+  Su as TagCounter,
+  nd as TwoColumnLayout,
   Xn as UpsellRequestResponseDialog,
-  Hc as UpsellingBanner,
+  jc as UpsellingBanner,
   Yn as UpsellingButton,
-  wd as UpsellingPopover,
-  rd as VerticalBarChart,
-  Kc as avatarVariants,
-  Vd as buildTranslations,
-  ud as buttonDropdownSizes,
-  dd as buttonDropdownVariants,
-  cd as buttonSizes,
-  hd as buttonToggleSizes,
-  fd as buttonToggleVariants,
-  ld as buttonVariants,
-  Eu as cardImageFits,
-  Du as cardImageSizes,
-  Ru as createAtlaskitDriver,
-  Kd as createDataSourceDefinition,
-  Bo as createPageLayoutBlock,
-  Fo as createPageLayoutBlockGroup,
-  _d as dataCollectionLocalStorageHandler,
-  vd as datepickerSizes,
-  Pu as defaultTranslations,
+  Nd as UpsellingPopover,
+  dd as VerticalBarChart,
+  Qc as avatarVariants,
+  Jd as buildTranslations,
+  vd as buttonDropdownSizes,
+  md as buttonDropdownVariants,
+  pd as buttonSizes,
+  yd as buttonToggleSizes,
+  bd as buttonToggleVariants,
+  gd as buttonVariants,
+  Nu as cardImageFits,
+  Au as cardImageSizes,
+  Ou as createAtlaskitDriver,
+  Zd as createDataSourceDefinition,
+  $o as createPageLayoutBlock,
+  jo as createPageLayoutBlockGroup,
+  Od as dataCollectionLocalStorageHandler,
+  _d as datepickerSizes,
+  Hu as defaultTranslations,
   fe as experimental,
-  Xd as getAnimationVariants,
-  Yd as getDataSourcePaginationType,
-  qd as getEmojiLabel,
-  Jd as isInfiniteScrollPagination,
-  Zd as isPageBasedPagination,
-  gd as linkVariants,
-  Qd as modules,
-  Su as predefinedPresets,
-  Nu as selectSizes,
-  pd as tagDotColors,
-  eu as useData,
-  tu as useDataSource,
-  Au as useDndEvents,
-  Ou as useDraggable,
-  ku as useDroppableList,
-  iu as useEmojiConfetti,
-  nu as useF0Dialog,
-  ru as useGroups,
-  Tu as usePrivacyMode,
-  su as useReducedMotion,
-  ou as useSelectable,
-  au as useXRay
+  Qd as getAnimationVariants,
+  eu as getDataSourcePaginationType,
+  tu as getEmojiLabel,
+  iu as isInfiniteScrollPagination,
+  nu as isPageBasedPagination,
+  xd as linkVariants,
+  ru as modules,
+  ku as predefinedPresets,
+  Tu as selectSizes,
+  wd as tagDotColors,
+  su as useData,
+  ou as useDataSource,
+  zu as useDndEvents,
+  Pu as useDraggable,
+  Mu as useDroppableList,
+  au as useEmojiConfetti,
+  lu as useF0Dialog,
+  cu as useGroups,
+  Lu as usePrivacyMode,
+  du as useReducedMotion,
+  uu as useSelectable,
+  hu as useXRay
 };