@janbox/storefront-builder 1.0.9 → 2.0.0

package/dist/{index-C9Q0Iqvf.js → index-CwrFnubn.js}

@@ -1,21 +1,21 @@
 import { jsxs as u, jsx as n, Fragment as It } from "@emotion/react/jsx-runtime";
-import { R as V, e as Wt, F as Et, v as X, M as At, w as y, q as Dt, r as Ot, o as Ft, k as Mt, b as zt, c as $t, m as et, A as _t, g as Pn, a as kn, T as Bn, p as In, s as Wn, l as En, S as An, t as Dn, L as On, I as Fn, V as Mn, j as zn, f as $n, B as _n, h as Hn, G as Vn, i as jn, d as Un, U as Gn, n as qn, N as Jn } from "./countdown-timer.node-j79tvSTR.js";
-import { useNode as Q, ROOT_NODE as Kn, Frame as Yn, Editor as Zn, DefaultEventHandlers as Xn } from "@craftjs/core";
-import { isString as xe, isNil as ee, trimStart as Ht, isNumber as Qn } from "lodash-es";
+import { a as Wt, F as Et, t as X, M as At, v as y, p as Dt, q as Ot, n as Ft, l as Mt, b as zt, c as $t, P as et, d as _t, i as Pn, A as kn, T as Bn, o as In, r as Wn, m as En, S as An, s as Dn, L as On, k as Fn, V as Mn, I as zn, C as $n, g as _n, j as Hn, G as Vn, H as jn, B as Un, U as Gn, R as qn, N as Jn } from "./countdown-timer.node-OmDiT-pz.js";
+import { Element as Kn, useNode as Q, ROOT_NODE as Yn, Frame as Zn, Editor as Xn, DefaultEventHandlers as Qn } from "@craftjs/core";
+import { isString as xe, isNil as ee, trimStart as Ht, isNumber as eo } from "lodash-es";
 import * as m from "react";
-import { useState as U, useEffect as we, Fragment as Vt, useMemo as eo } from "react";
+import { useState as U, useEffect as we, Fragment as Vt, useMemo as to } from "react";
 import "clsx";
 import "tailwind-merge";
-import { W, m as ie, c as j, l as G, w as le, p as to, d as K, o as no, n as oo, x as ro, y as tt, P as jt, e as ke, q as Ae, s as De, r as Oe, C as Fe } from "./dialog-header-DPLOS7TT.js";
-import { v as E, K as ao, E as k, i as ve, N as Be, k as at, R as Ce, G as so, n as io, W as H, H as ce, D as Y, S as M, h as $, g as z, B as Z, T as L, p as Ut, A as Gt, b as Me, c as ge, d as ze, s as qt, e as st, F as $e, j as lo, M as co, m as Jt, l as Kt, J as uo, r as ho, L as it, y as dt, Q as go, O as po, q as Ie, o as mo, P as nt, f as fo, a as Yt } from "./anchor-target-BlOvysAr.js";
-import { getGridProps as xo, getCellProps as bo, GRID_MINIMUM_COLS as Tt, GRID_MAXIMUM_COLS as wo, getLinkProps as vo, getButtonProps as Co, getFlexboxProps as Ro, getFlexItemProps as So, getImageProps as yo, getMarqueeProps as To, MarqueeDataAttributes as Ye, getTabsProps as No, getSwiperProps as Lo, getUnorderedListProps as Po, getIconProps as ko, getAccordionProps as Bo, getAccordionGroupProps as Io, getAccordionDataAttributes as Te, AccordionDataAttributes as ot, getVideoProps as Wo, getBoxProps as Eo, getContainerProps as Ao } from "@janbox/storefront-ui";
+import { W, m as ie, c as j, l as G, w as le, p as no, d as K, o as oo, n as ro, x as ao, y as tt, P as jt, e as ke, q as Ae, s as De, r as Oe, C as Fe } from "./dialog-header-DPLOS7TT.js";
+import { v as E, K as so, E as k, i as ve, N as Be, k as at, R as Ce, G as io, n as lo, W as H, H as ce, D as Y, S as M, h as $, g as z, B as Z, T as L, p as Ut, A as Gt, b as Me, c as ge, d as ze, s as qt, e as st, F as $e, j as co, M as uo, m as Jt, l as Kt, J as ho, r as go, L as it, y as dt, Q as po, O as mo, q as Ie, o as fo, P as nt, f as xo, a as Yt } from "./anchor-target-BlOvysAr.js";
+import { getGridProps as bo, getCellProps as wo, GRID_MINIMUM_COLS as Tt, GRID_MAXIMUM_COLS as vo, getLinkProps as Co, getButtonProps as Ro, getFlexboxProps as So, getFlexItemProps as yo, getImageProps as To, getMarqueeProps as No, MarqueeDataAttributes as Ye, getTabsProps as Lo, getSwiperProps as Po, getUnorderedListProps as ko, getIconProps as Bo, getAccordionProps as Io, getAccordionGroupProps as Wo, getAccordionDataAttributes as Te, AccordionDataAttributes as ot, getVideoProps as Eo, getBoxProps as Ao, getContainerProps as Do } from "@janbox/storefront-ui";
 import { t as I, u as ne, i as Nt, a as rt, e as he, C as Zt } from "./color-picker-popover-B3AVFuei.js";
 import "@janbox/storefront-ui/hooks";
-import { useFloating as Do, autoUpdate as Oo, flip as Fo, offset as Mo, FloatingPortal as zo } from "@floating-ui/react";
+import { useFloating as Oo, autoUpdate as Fo, flip as Mo, offset as zo, FloatingPortal as $o } from "@floating-ui/react";
 import "react-use";
 import "@janbox/storefront-ui/theme";
 import "react-colorful";
-import { l as A, j as D, h as T, i as O, k as N, c as be, g as lt, a as _e, e as $o, A as ct, f as He } from "./dropzone-Dbfed3jK.js";
+import { l as A, j as D, h as T, i as O, k as N, c as be, g as lt, a as _e, e as _o, A as ct, f as He } from "./dropzone-Dbfed3jK.js";
 import "overlayscrollbars-react";
 import "@tanstack/react-virtual";
 import "react-dropzone";
@@ -25,16 +25,16 @@ import "@tiptap/extension-text-style";
 import "@tiptap/react";
 import "@tiptap/react/menus";
 import "@tiptap/starter-kit";
-import { useFrame as _o } from "react-frame-component";
+import { useFrame as Ho } from "react-frame-component";
 import "flat";
 import "@emotion/react";
 import "@janbox/storefront-ui/utils";
 import { useToggle as Xt } from "usehooks-ts";
 import { DragDropContext as Qt, Droppable as en, Draggable as tn } from "@hello-pangea/dnd";
-import { W as Ho } from "./date-picker-B4Rju7gG.js";
-const Vo = () => E({
-  transform: xo
-}), jo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+import { W as Vo } from "./date-picker-B4Rju7gG.js";
+const jo = () => E({
+  transform: bo
+}), V = Kn, Uo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.835 15L16.835 20C17.663 20.828 19.007 20.828 19.835 20V20C20.663 19.172 20.663 17.828 19.835 17L14.835 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.916 5.84669C20.94 5.86969 20.958 5.89969 20.967 5.93169C21.437 7.49869 21.073 9.26169 19.835 10.4997C18.584 11.7507 16.797 12.1087 15.218 11.6167L6.871 19.9637C6.058 20.7767 4.732 20.8377 3.891 20.0537C3.007 19.2307 2.989 17.8467 3.835 16.9997L12.218 8.61669C11.726 7.03769 12.084 5.25069 13.335 3.99969C14.573 2.76169 16.336 2.39769 17.903 2.86769C17.935 2.87769 17.965 2.89469 17.988 2.91869L18.15 3.08069C18.228 3.15869 18.228 3.28569 18.15 3.36369L15.515 5.99969L17.835 8.31969L20.471 5.68369C20.549 5.60569 20.676 5.60569 20.754 5.68369L20.916 5.84669V5.84669Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.933 4.29296L3.607 6.31596C3.743 6.72496 4.125 6.99996 4.556 6.99996H6.835V4.72096C6.835 4.29096 6.56 3.90796 6.151 3.77196L4.128 3.09796C3.948 3.03796 3.75 3.08496 3.616 3.21896L3.054 3.78096C2.92 3.91496 2.873 4.11296 2.933 4.29296V4.29296Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -43,15 +43,15 @@ const Vo = () => E({
 `, f = ({ name: e, children: o, responsive: r, slots: t }) => /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:py-2 tw:gap-2", children: [
   /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-2", children: [
     /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-2", children: [
-      /* @__PURE__ */ n(W, { source: jo }),
+      /* @__PURE__ */ n(W, { source: Uo }),
       /* @__PURE__ */ n("span", { className: "tw:text-sm tw:font-medium", children: e })
     ] }),
-    !!r && /* @__PURE__ */ n(ao, {}),
+    !!r && /* @__PURE__ */ n(so, {}),
     /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:flex tw:items-center tw:justify-end", children: t?.right })
   ] }),
   /* @__PURE__ */ n("div", { className: "tw:flex tw:flex-col tw:gap-4", children: o })
-] }), _s = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = Vo(), { getResponsiveProp: t, currentScreen: a } = k(), s = (S, P = a) => {
+] }), Hs = () => {
+  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = jo(), { getResponsiveProp: t, currentScreen: a } = k(), s = (S, P = a) => {
     r({
       sx: I(S, P)
     });
@@ -116,8 +116,8 @@ const Vo = () => E({
           } }),
           /* @__PURE__ */ n(at, { value: c, onChange: s }),
           /* @__PURE__ */ n(Ce, { value: h, onChange: s }),
-          /* @__PURE__ */ n(so, { value: w, onChange: s }),
-          /* @__PURE__ */ n(io, { value: b, onChange: s })
+          /* @__PURE__ */ n(io, { value: w, onChange: s }),
+          /* @__PURE__ */ n(lo, { value: b, onChange: s })
         ] }),
         /* @__PURE__ */ u(f, { name: "Size", children: [
           /* @__PURE__ */ n(
@@ -146,8 +146,8 @@ const Vo = () => E({
     ] })
   ] });
 }, nn = () => E({
-  transform: bo
-}), Uo = () => {
+  transform: wo
+}), Go = () => {
   const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeResponsiveProps: t } = nn(), a = o(r, "colSpan") ?? Tt;
   return /* @__PURE__ */ n(L, { responsive: !0, name: "Col span", children: /* @__PURE__ */ n("div", { className: "tw:w-1/2", children: /* @__PURE__ */ n(
     be,
@@ -167,10 +167,10 @@ const Vo = () => E({
       mode: "onBlur",
       size: "32",
       min: Tt,
-      max: wo
+      max: vo
     }
   ) }) });
-}, Hs = () => {
+}, Vs = () => {
   const { nodeProps: e, setNodeProps: o } = nn(), { currentScreen: r, getResponsiveProp: t } = k(), a = (g, x = r) => {
     o({ sx: I(g, x) });
   }, s = {
@@ -215,7 +215,7 @@ const Vo = () => E({
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(Uo, {}),
+          /* @__PURE__ */ n(Go, {}),
           /* @__PURE__ */ n(Ut, { value: h, onChange: a })
         ] }),
         /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(ce, { onChange: a, value: c }) })
@@ -232,8 +232,8 @@ const Vo = () => E({
     ] })
   ] });
 }, ut = () => E({
-  transform: vo
-}), Go = () => {
+  transform: Co
+}), qo = () => {
   const { nodeProps: e, setNodeProps: o } = ut();
   return /* @__PURE__ */ n(L, { name: "To", children: /* @__PURE__ */ n(
     ie,
@@ -247,7 +247,7 @@ const Vo = () => E({
       classes: { container: "tw:w-1/2" }
     }
   ) });
-}, qo = () => {
+}, Jo = () => {
   const { nodeProps: e, setNodeProps: o } = ut();
   return /* @__PURE__ */ n(L, { name: "Rel", children: /* @__PURE__ */ n(
     ie,
@@ -264,7 +264,7 @@ const Vo = () => E({
       placeholder: "nofollow, noreferrer, noopener, ugc"
     }
   ) });
-}, Vs = () => {
+}, js = () => {
   const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = ut(), { currentScreen: t, getResponsiveProp: a } = k(), s = (v, R = t) => {
     r({ sx: I(v, R) });
   }, i = {
@@ -329,7 +329,7 @@ const Vo = () => E({
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Insert link", children: [
-          /* @__PURE__ */ n(Go, {}),
+          /* @__PURE__ */ n(qo, {}),
           /* @__PURE__ */ n(Gt, { value: e.target, onChange: p })
         ] }),
         /* @__PURE__ */ u(f, { name: "Text", children: [
@@ -362,7 +362,7 @@ const Vo = () => E({
             }
           )
         ] }),
-        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(qo, {}) })
+        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(Jo, {}) })
       ] }),
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: i, onChange: s }) }),
@@ -374,7 +374,7 @@ const Vo = () => E({
     ] })
   ] });
 }, Ve = () => E({
-  transform: Co
+  transform: Ro
 });
 function F(e, o) {
   if (e === !1 || e === null || typeof e > "u")
@@ -407,18 +407,18 @@ function ht(e) {
   return o;
 }
 function on(e, o, r = "/") {
-  return Jo(e, o, r, !1);
+  return Ko(e, o, r, !1);
 }
-function Jo(e, o, r, t) {
+function Ko(e, o, r, t) {
   let a = typeof o == "string" ? ht(o) : o, s = de(a.pathname || "/", r);
   if (s == null)
     return null;
   let i = rn(e);
-  Ko(i);
+  Yo(i);
   let d = null;
   for (let l = 0; d == null && l < i.length; ++l) {
-    let c = sr(s);
-    d = rr(
+    let c = ir(s);
+    d = ar(
       i[l],
       c,
       t
@@ -456,7 +456,7 @@ function rn(e, o = [], r = [], t = "", a = !1) {
       l
     )), !(i.path == null && !i.index) && o.push({
       path: g,
-      score: nr(g, i.index),
+      score: or(g, i.index),
       routesMeta: x
     });
   };
@@ -483,23 +483,23 @@ function an(e) {
     (l) => e.startsWith("/") && l === "" ? "/" : l
   );
 }
-function Ko(e) {
+function Yo(e) {
   e.sort(
-    (o, r) => o.score !== r.score ? r.score - o.score : or(
+    (o, r) => o.score !== r.score ? r.score - o.score : rr(
       o.routesMeta.map((t) => t.childrenIndex),
       r.routesMeta.map((t) => t.childrenIndex)
     )
   );
 }
-var Yo = /^:[\w-]+$/, Zo = 3, Xo = 2, Qo = 1, er = 10, tr = -2, Lt = (e) => e === "*";
-function nr(e, o) {
+var Zo = /^:[\w-]+$/, Xo = 3, Qo = 2, er = 1, tr = 10, nr = -2, Lt = (e) => e === "*";
+function or(e, o) {
   let r = e.split("/"), t = r.length;
-  return r.some(Lt) && (t += tr), o && (t += Xo), r.filter((a) => !Lt(a)).reduce(
-    (a, s) => a + (Yo.test(s) ? Zo : s === "" ? Qo : er),
+  return r.some(Lt) && (t += nr), o && (t += Qo), r.filter((a) => !Lt(a)).reduce(
+    (a, s) => a + (Zo.test(s) ? Xo : s === "" ? er : tr),
     t
   );
 }
-function or(e, o) {
+function rr(e, o) {
   return e.length === o.length && e.slice(0, -1).every((t, a) => t === o[a]) ? (
     // If two routes are siblings, we should try to match the earlier sibling
     // first. This allows people to have fine-grained control over the matching
@@ -512,7 +512,7 @@ function or(e, o) {
     0
   );
 }
-function rr(e, o, r = !1) {
+function ar(e, o, r = !1) {
   let { routesMeta: t } = e, a = {}, s = "/", i = [];
   for (let d = 0; d < t.length; ++d) {
     let l = t[d], c = d === t.length - 1, h = s === "/" ? o : o.slice(s.length) || "/", g = Ee(
@@ -532,7 +532,7 @@ function rr(e, o, r = !1) {
       // TODO: Can this as be avoided?
       params: a,
       pathname: J([s, g.pathname]),
-      pathnameBase: cr(
+      pathnameBase: ur(
         J([s, g.pathnameBase])
       ),
       route: x
@@ -542,7 +542,7 @@ function rr(e, o, r = !1) {
 }
 function Ee(e, o) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [r, t] = ar(
+  let [r, t] = sr(
     e.path,
     e.caseSensitive,
     e.end
@@ -566,7 +566,7 @@ function Ee(e, o) {
     pattern: e
   };
 }
-function ar(e, o = !1, r = !0) {
+function sr(e, o = !1, r = !0) {
   te(
     e === "*" || !e.endsWith("*") || e.endsWith("/*"),
     `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
@@ -583,7 +583,7 @@ function ar(e, o = !1, r = !0) {
   ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
   return e.endsWith("*") ? (t.push({ paramName: "*" }), a += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : r ? a += "\\/*$" : e !== "" && e !== "/" && (a += "(?:(?=\\/|$))"), [new RegExp(a, o ? void 0 : "i"), t];
 }
-function sr(e) {
+function ir(e) {
   try {
     return e.split("/").map((o) => decodeURIComponent(o).replace(/\//g, "%2F")).join("/");
   } catch (o) {
@@ -600,8 +600,8 @@ function de(e, o) {
   let r = o.endsWith("/") ? o.length - 1 : o.length, t = e.charAt(r);
   return t && t !== "/" ? null : e.slice(r) || "/";
 }
-var ir = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-function dr(e, o = "/") {
+var dr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+function lr(e, o = "/") {
   let {
     pathname: r,
     search: t = "",
@@ -609,8 +609,8 @@ function dr(e, o = "/") {
   } = typeof e == "string" ? ht(e) : e, s;
   return r ? (r = r.replace(/\/\/+/g, "/"), r.startsWith("/") ? s = Pt(r.substring(1), "/") : s = Pt(r, o)) : s = o, {
     pathname: s,
-    search: ur(t),
-    hash: hr(a)
+    search: hr(t),
+    hash: gr(a)
   };
 }
 function Pt(e, o) {
@@ -624,13 +624,13 @@ function Ze(e, o, r, t) {
     t
   )}].  Please separate it out to the \`to.${r}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
 }
-function lr(e) {
+function cr(e) {
   return e.filter(
     (o, r) => r === 0 || o.route.path && o.route.path.length > 0
   );
 }
 function sn(e) {
-  let o = lr(e);
+  let o = cr(e);
   return o.map(
     (r, t) => t === o.length - 1 ? r.pathname : r.pathnameBase
   );
@@ -660,24 +660,24 @@ function gt(e, o, r, t = !1) {
     }
     d = g >= 0 ? o[g] : "/";
   }
-  let l = dr(a, d), c = i && i !== "/" && i.endsWith("/"), h = (s || i === ".") && r.endsWith("/");
+  let l = lr(a, d), c = i && i !== "/" && i.endsWith("/"), h = (s || i === ".") && r.endsWith("/");
   return !l.pathname.endsWith("/") && (c || h) && (l.pathname += "/"), l;
 }
-var J = (e) => e.join("/").replace(/\/\/+/g, "/"), cr = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), ur = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, hr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, gr = class {
+var J = (e) => e.join("/").replace(/\/\/+/g, "/"), ur = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), hr = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, gr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, pr = class {
   constructor(e, o, r, t = !1) {
     this.status = e, this.statusText = o || "", this.internal = t, r instanceof Error ? (this.data = r.toString(), this.error = r) : this.data = r;
   }
 };
-function pr(e) {
+function mr(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
-function mr(e) {
+function fr(e) {
   return e.map((o) => o.route.path).filter(Boolean).join("/").replace(/\/\/*/g, "/") || "/";
 }
 var dn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 function ln(e, o) {
   let r = e;
-  if (typeof r != "string" || !ir.test(r))
+  if (typeof r != "string" || !dr.test(r))
     return {
       absoluteURL: void 0,
       isExternal: !1,
@@ -710,29 +710,29 @@ var cn = [
 new Set(
   cn
 );
-var fr = [
+var xr = [
   "GET",
   ...cn
 ];
-new Set(fr);
+new Set(xr);
 var pe = m.createContext(null);
 pe.displayName = "DataRouter";
 var je = m.createContext(null);
 je.displayName = "DataRouterState";
 var un = m.createContext(!1);
-function xr() {
+function br() {
   return m.useContext(un);
 }
 var hn = m.createContext({
   isTransitioning: !1
 });
 hn.displayName = "ViewTransition";
-var br = m.createContext(
+var wr = m.createContext(
   /* @__PURE__ */ new Map()
 );
-br.displayName = "Fetchers";
-var wr = m.createContext(null);
-wr.displayName = "Await";
+wr.displayName = "Fetchers";
+var vr = m.createContext(null);
+vr.displayName = "Await";
 var q = m.createContext(
   null
 );
@@ -749,9 +749,9 @@ var oe = m.createContext({
 oe.displayName = "Route";
 var mt = m.createContext(null);
 mt.displayName = "RouteError";
-var gn = "REACT_ROUTER_ERROR", vr = "REDIRECT", Cr = "ROUTE_ERROR_RESPONSE";
-function Rr(e) {
-  if (e.startsWith(`${gn}:${vr}:{`))
+var gn = "REACT_ROUTER_ERROR", Cr = "REDIRECT", Rr = "ROUTE_ERROR_RESPONSE";
+function Sr(e) {
+  if (e.startsWith(`${gn}:${Cr}:{`))
     try {
       let o = JSON.parse(e.slice(28));
       if (typeof o == "object" && o && typeof o.status == "number" && typeof o.statusText == "string" && typeof o.location == "string" && typeof o.reloadDocument == "boolean" && typeof o.replace == "boolean")
@@ -759,14 +759,14 @@ function Rr(e) {
     } catch {
     }
 }
-function Sr(e) {
+function yr(e) {
   if (e.startsWith(
-    `${gn}:${Cr}:{`
+    `${gn}:${Rr}:{`
   ))
     try {
       let o = JSON.parse(e.slice(40));
       if (typeof o == "object" && o && typeof o.status == "number" && typeof o.statusText == "string")
-        return new gr(
+        return new pr(
           o.status,
           o.statusText,
           o.data
@@ -774,7 +774,7 @@ function Sr(e) {
     } catch {
     }
 }
-function yr(e, { relative: o } = {}) {
+function Tr(e, { relative: o } = {}) {
   F(
     Ue(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -799,11 +799,11 @@ var pn = "You should call navigate() in a React.useEffect(), not when your compo
 function mn(e) {
   m.useContext(q).static || m.useLayoutEffect(e);
 }
-function Tr() {
+function Nr() {
   let { isDataRoute: e } = m.useContext(oe);
-  return e ? Mr() : Nr();
+  return e ? zr() : Lr();
 }
-function Nr() {
+function Lr() {
   F(
     Ue(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -854,7 +854,7 @@ function Re(e, { relative: o } = {}) {
     [e, a, t, o]
   );
 }
-function Lr(e, o, r) {
+function Pr(e, o, r) {
   F(
     Ue(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -886,7 +886,7 @@ Please change the parent <Route path="${p}"> to <Route path="${p === "/" ? "*" :
   ), te(
     b == null || b[b.length - 1].route.element !== void 0 || b[b.length - 1].route.Component !== void 0 || b[b.length - 1].route.lazy !== void 0,
     `Matched leaf route at location "${g.pathname}${g.search}${g.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), Wr(
+  ), Er(
     b && b.map(
       (p) => Object.assign({}, p, {
         params: Object.assign({}, i, p.params),
@@ -916,14 +916,14 @@ Please change the parent <Route path="${p}"> to <Route path="${p === "/" ? "*" :
     r
   );
 }
-function Pr() {
-  let e = Fr(), o = pr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, t = "rgba(200,200,200, 0.5)", a = { padding: "0.5rem", backgroundColor: t }, s = { padding: "2px 4px", backgroundColor: t }, i = null;
+function kr() {
+  let e = Mr(), o = mr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, t = "rgba(200,200,200, 0.5)", a = { padding: "0.5rem", backgroundColor: t }, s = { padding: "2px 4px", backgroundColor: t }, i = null;
   return console.error(
     "Error handled by React Router default ErrorBoundary:",
     e
   ), i = /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ m.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ m.createElement("code", { style: s }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ m.createElement("code", { style: s }, "errorElement"), " prop on your route.")), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ m.createElement("h3", { style: { fontStyle: "italic" } }, o), r ? /* @__PURE__ */ m.createElement("pre", { style: a }, r) : null, i);
 }
-var kr = /* @__PURE__ */ m.createElement(Pr, null), fn = class extends m.Component {
+var Br = /* @__PURE__ */ m.createElement(kr, null), fn = class extends m.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -954,7 +954,7 @@ var kr = /* @__PURE__ */ m.createElement(Pr, null), fn = class extends m.Compone
   render() {
     let e = this.state.error;
     if (this.context && typeof e == "object" && e && "digest" in e && typeof e.digest == "string") {
-      const r = Sr(e.digest);
+      const r = yr(e.digest);
       r && (e = r);
     }
     let o = e !== void 0 ? /* @__PURE__ */ m.createElement(oe.Provider, { value: this.props.routeContext }, /* @__PURE__ */ m.createElement(
@@ -964,18 +964,18 @@ var kr = /* @__PURE__ */ m.createElement(Pr, null), fn = class extends m.Compone
         children: this.props.component
       }
     )) : this.props.children;
-    return this.context ? /* @__PURE__ */ m.createElement(Br, { error: e }, o) : o;
+    return this.context ? /* @__PURE__ */ m.createElement(Ir, { error: e }, o) : o;
   }
 };
 fn.contextType = un;
 var Xe = /* @__PURE__ */ new WeakMap();
-function Br({
+function Ir({
   children: e,
   error: o
 }) {
   let { basename: r } = m.useContext(q);
   if (typeof o == "object" && o && "digest" in o && typeof o.digest == "string") {
-    let t = Rr(o.digest);
+    let t = Sr(o.digest);
     if (t) {
       let a = Xe.get(o);
       if (a) throw a;
@@ -1002,11 +1002,11 @@ function Br({
   }
   return e;
 }
-function Ir({ routeContext: e, match: o, children: r }) {
+function Wr({ routeContext: e, match: o, children: r }) {
   let t = m.useContext(pe);
   return t && t.static && t.staticContext && (o.route.errorElement || o.route.ErrorBoundary) && (t.staticContext._deepestRenderedBoundaryId = o.route.id), /* @__PURE__ */ m.createElement(oe.Provider, { value: e }, r);
 }
-function Wr(e, o = [], r) {
+function Er(e, o = [], r) {
   let t = r?.state;
   if (e == null) {
     if (!t)
@@ -1051,14 +1051,14 @@ function Wr(e, o = [], r) {
     l(h, {
       location: t.location,
       params: t.matches?.[0]?.params ?? {},
-      unstable_pattern: mr(t.matches),
+      unstable_pattern: fr(t.matches),
       errorInfo: g
     });
   } : void 0;
   return a.reduceRight(
     (h, g, x) => {
       let w, b = !1, C = null, p = null;
-      t && (w = s && g.route.id ? s[g.route.id] : void 0, C = g.route.errorElement || kr, i && (d < 0 && x === 0 ? (xn(
+      t && (w = s && g.route.id ? s[g.route.id] : void 0, C = g.route.errorElement || Br, i && (d < 0 && x === 0 ? (xn(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
@@ -1066,7 +1066,7 @@ function Wr(e, o = [], r) {
       let v = o.concat(a.slice(0, x + 1)), R = () => {
         let S;
         return w ? S = C : b ? S = p : g.route.Component ? S = /* @__PURE__ */ m.createElement(g.route.Component, null) : g.route.element ? S = g.route.element : S = h, /* @__PURE__ */ m.createElement(
-          Ir,
+          Wr,
           {
             match: g,
             routeContext: {
@@ -1097,33 +1097,33 @@ function Wr(e, o = [], r) {
 function ft(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Er(e) {
+function Ar(e) {
   let o = m.useContext(pe);
   return F(o, ft(e)), o;
 }
-function Ar(e) {
+function Dr(e) {
   let o = m.useContext(je);
   return F(o, ft(e)), o;
 }
-function Dr(e) {
+function Or(e) {
   let o = m.useContext(oe);
   return F(o, ft(e)), o;
 }
 function xt(e) {
-  let o = Dr(e), r = o.matches[o.matches.length - 1];
+  let o = Or(e), r = o.matches[o.matches.length - 1];
   return F(
     r.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), r.route.id;
 }
-function Or() {
+function Fr() {
   return xt(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Fr() {
-  let e = m.useContext(mt), o = Ar(
+function Mr() {
+  let e = m.useContext(mt), o = Dr(
     "useRouteError"
     /* UseRouteError */
   ), r = xt(
@@ -1132,8 +1132,8 @@ function Fr() {
   );
   return e !== void 0 ? e : o.errors?.[r];
 }
-function Mr() {
-  let { router: e } = Er(
+function zr() {
+  let { router: e } = Ar(
     "useNavigate"
     /* UseNavigateStable */
   ), o = xt(
@@ -1153,39 +1153,39 @@ var kt = {};
 function xn(e, o, r) {
   !o && !kt[e] && (kt[e] = !0, te(!1, r));
 }
-m.memo(zr);
-function zr({
+m.memo($r);
+function $r({
   routes: e,
   future: o,
   state: r,
   isStatic: t,
   onError: a
 }) {
-  return Lr(e, void 0, { state: r, isStatic: t, onError: a });
+  return Pr(e, void 0, { state: r, isStatic: t, onError: a });
 }
 var Le = "get", Pe = "application/x-www-form-urlencoded";
 function Ge(e) {
   return typeof HTMLElement < "u" && e instanceof HTMLElement;
 }
-function $r(e) {
+function _r(e) {
   return Ge(e) && e.tagName.toLowerCase() === "button";
 }
-function _r(e) {
+function Hr(e) {
   return Ge(e) && e.tagName.toLowerCase() === "form";
 }
-function Hr(e) {
+function Vr(e) {
   return Ge(e) && e.tagName.toLowerCase() === "input";
 }
-function Vr(e) {
+function jr(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function jr(e, o) {
+function Ur(e, o) {
   return e.button === 0 && // Ignore everything but left clicks
   (!o || o === "_self") && // Let browser handle "target=_blank" etc.
-  !Vr(e);
+  !jr(e);
 }
 var Ne = null;
-function Ur() {
+function Gr() {
   if (Ne === null)
     try {
       new FormData(
@@ -1198,30 +1198,30 @@ function Ur() {
     }
   return Ne;
 }
-var Gr = /* @__PURE__ */ new Set([
+var qr = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function Qe(e) {
-  return e != null && !Gr.has(e) ? (te(
+  return e != null && !qr.has(e) ? (te(
     !1,
     `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Pe}"`
   ), null) : e;
 }
-function qr(e, o) {
+function Jr(e, o) {
   let r, t, a, s, i;
-  if (_r(e)) {
+  if (Hr(e)) {
     let d = e.getAttribute("action");
     t = d ? de(d, o) : null, r = e.getAttribute("method") || Le, a = Qe(e.getAttribute("enctype")) || Pe, s = new FormData(e);
-  } else if ($r(e) || Hr(e) && (e.type === "submit" || e.type === "image")) {
+  } else if (_r(e) || Vr(e) && (e.type === "submit" || e.type === "image")) {
     let d = e.form;
     if (d == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let l = e.getAttribute("formaction") || d.getAttribute("action");
-    if (t = l ? de(l, o) : null, r = e.getAttribute("formmethod") || d.getAttribute("method") || Le, a = Qe(e.getAttribute("formenctype")) || Qe(d.getAttribute("enctype")) || Pe, s = new FormData(d, e), !Ur()) {
+    if (t = l ? de(l, o) : null, r = e.getAttribute("formmethod") || d.getAttribute("method") || Le, a = Qe(e.getAttribute("formenctype")) || Qe(d.getAttribute("enctype")) || Pe, s = new FormData(d, e), !Gr()) {
       let { name: c, type: h, value: g } = e;
       if (h === "image") {
         let x = c ? `${c}.` : "";
@@ -1251,7 +1251,7 @@ function bn(e, o, r, t) {
   ) : e;
   return r ? a.pathname.endsWith("/") ? a.pathname = `${a.pathname}_.${t}` : a.pathname = `${a.pathname}.${t}` : a.pathname === "/" ? a.pathname = `_root.${t}` : o && de(a.pathname, o) === "/" ? a.pathname = `${o.replace(/\/$/, "")}/_root.${t}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${t}`, a;
 }
-async function Jr(e, o) {
+async function Kr(e, o) {
   if (e.id in o)
     return o[e.id];
   try {
@@ -1268,22 +1268,22 @@ async function Jr(e, o) {
     });
   }
 }
-function Kr(e) {
+function Yr(e) {
   return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
 }
-async function Yr(e, o, r) {
+async function Zr(e, o, r) {
   let t = await Promise.all(
     e.map(async (a) => {
       let s = o.routes[a.route.id];
       if (s) {
-        let i = await Jr(s, r);
+        let i = await Kr(s, r);
         return i.links ? i.links() : [];
       }
       return [];
     })
   );
-  return ea(
-    t.flat(1).filter(Kr).filter((a) => a.rel === "stylesheet" || a.rel === "preload").map(
+  return ta(
+    t.flat(1).filter(Yr).filter((a) => a.rel === "stylesheet" || a.rel === "preload").map(
       (a) => a.rel === "stylesheet" ? { ...a, rel: "prefetch", as: "style" } : { ...a, rel: "prefetch" }
     )
   );
@@ -1320,8 +1320,8 @@ function Bt(e, o, r, t, a, s) {
     return !0;
   }) : [];
 }
-function Zr(e, o, { includeHydrateFallback: r } = {}) {
-  return Xr(
+function Xr(e, o, { includeHydrateFallback: r } = {}) {
+  return Qr(
     e.map((t) => {
       let a = o.routes[t.route.id];
       if (!a) return [];
@@ -1330,19 +1330,19 @@ function Zr(e, o, { includeHydrateFallback: r } = {}) {
     }).flat(1)
   );
 }
-function Xr(e) {
+function Qr(e) {
   return [...new Set(e)];
 }
-function Qr(e) {
+function ea(e) {
   let o = {}, r = Object.keys(e).sort();
   for (let t of r)
     o[t] = e[t];
   return o;
 }
-function ea(e, o) {
+function ta(e, o) {
   let r = /* @__PURE__ */ new Set();
   return new Set(o), e.reduce((t, a) => {
-    let s = JSON.stringify(Qr(a));
+    let s = JSON.stringify(ea(a));
     return r.has(s) || (r.add(s), t.push({ key: s, link: a })), t;
   }, []);
 }
@@ -1353,7 +1353,7 @@ function wt() {
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function ta() {
+function na() {
   let e = m.useContext(je);
   return bt(
     e,
@@ -1369,7 +1369,7 @@ function Ct() {
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function na(e, o) {
+function oa(e, o) {
   let r = m.useContext(vt), [t, a] = m.useState(!1), [s, i] = m.useState(!1), { onFocus: d, onBlur: l, onMouseEnter: c, onMouseLeave: h, onTouchStart: g } = o, x = m.useRef(null);
   m.useEffect(() => {
     if (e === "render" && i(!0), e === "viewport") {
@@ -1414,18 +1414,18 @@ function fe(e, o) {
     e && e(r), r.defaultPrevented || o(r);
   };
 }
-function oa({ page: e, ...o }) {
-  let r = xr(), { router: t } = wt(), a = m.useMemo(
+function ra({ page: e, ...o }) {
+  let r = br(), { router: t } = wt(), a = m.useMemo(
     () => on(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return a ? r ? /* @__PURE__ */ m.createElement(aa, { page: e, matches: a, ...o }) : /* @__PURE__ */ m.createElement(sa, { page: e, matches: a, ...o }) : null;
+  return a ? r ? /* @__PURE__ */ m.createElement(sa, { page: e, matches: a, ...o }) : /* @__PURE__ */ m.createElement(ia, { page: e, matches: a, ...o }) : null;
 }
-function ra(e) {
+function aa(e) {
   let { manifest: o, routeModules: r } = Ct(), [t, a] = m.useState([]);
   return m.useEffect(() => {
     let s = !1;
-    return Yr(e, o, r).then(
+    return Zr(e, o, r).then(
       (i) => {
         s || a(i);
       }
@@ -1434,7 +1434,7 @@ function ra(e) {
     };
   }, [e, o, r]), t;
 }
-function aa({
+function sa({
   page: e,
   matches: o,
   ...r
@@ -1460,12 +1460,12 @@ function aa({
   ]);
   return /* @__PURE__ */ m.createElement(m.Fragment, null, i.map((d) => /* @__PURE__ */ m.createElement("link", { key: d, rel: "prefetch", as: "fetch", href: d, ...r })));
 }
-function sa({
+function ia({
   page: e,
   matches: o,
   ...r
 }) {
-  let t = re(), { future: a, manifest: s, routeModules: i } = Ct(), { basename: d } = wt(), { loaderData: l, matches: c } = ta(), h = m.useMemo(
+  let t = re(), { future: a, manifest: s, routeModules: i } = Ct(), { basename: d } = wt(), { loaderData: l, matches: c } = na(), h = m.useMemo(
     () => Bt(
       e,
       o,
@@ -1515,9 +1515,9 @@ function sa({
     e,
     i
   ]), w = m.useMemo(
-    () => Zr(g, s),
+    () => Xr(g, s),
     [g, s]
-  ), b = ra(g);
+  ), b = aa(g);
   return /* @__PURE__ */ m.createElement(m.Fragment, null, x.map((C) => /* @__PURE__ */ m.createElement("link", { key: C, rel: "prefetch", as: "fetch", href: C, ...r })), w.map((C) => /* @__PURE__ */ m.createElement("link", { key: C, rel: "modulepreload", href: C, ...r })), b.map(({ key: C, link: p }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
@@ -1532,16 +1532,16 @@ function sa({
     )
   )));
 }
-function ia(...e) {
+function da(...e) {
   return (o) => {
     e.forEach((r) => {
       typeof r == "function" ? r(o) : r != null && (r.current = o);
     });
   };
 }
-var da = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+var la = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 try {
-  da && (window.__reactRouterVersion = // @ts-expect-error
+  la && (window.__reactRouterVersion = // @ts-expect-error
   "7.14.0");
 } catch {
 }
@@ -1564,7 +1564,7 @@ var wn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = m.forwardRef(
   }, C) {
     let { basename: p, navigator: v, unstable_useTransitions: R } = m.useContext(q), S = typeof h == "string" && wn.test(h), P = ln(h, p);
     h = P.to;
-    let B = yr(h, { relative: a }), _ = re(), ae = null;
+    let B = Tr(h, { relative: a }), _ = re(), ae = null;
     if (d) {
       let se = gt(
         d,
@@ -1574,10 +1574,10 @@ var wn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = m.forwardRef(
       );
       p !== "/" && (se.pathname = se.pathname === "/" ? p : J([p, se.pathname])), ae = v.createHref(se);
     }
-    let [ue, me, Ke] = na(
+    let [ue, me, Ke] = oa(
       t,
       b
-    ), Nn = ha(h, {
+    ), Nn = ga(h, {
       replace: i,
       unstable_mask: d,
       state: l,
@@ -1600,17 +1600,17 @@ var wn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = m.forwardRef(
           ...Ke,
           href: (St ? ae : void 0) || P.absoluteURL || B,
           onClick: St ? Ln : o,
-          ref: ia(C, me),
+          ref: da(C, me),
           target: c,
           "data-discover": !S && r === "render" ? "true" : void 0
         }
       )
     );
-    return ue && !S ? /* @__PURE__ */ m.createElement(m.Fragment, null, yt, /* @__PURE__ */ m.createElement(oa, { page: B })) : yt;
+    return ue && !S ? /* @__PURE__ */ m.createElement(m.Fragment, null, yt, /* @__PURE__ */ m.createElement(ra, { page: B })) : yt;
   }
 );
 vn.displayName = "Link";
-var la = m.forwardRef(
+var ca = m.forwardRef(
   function({
     "aria-current": o = "page",
     caseSensitive: r = !1,
@@ -1624,7 +1624,7 @@ var la = m.forwardRef(
   }, h) {
     let g = Re(i, { relative: c.relative }), x = re(), w = m.useContext(je), { navigator: b, basename: C } = m.useContext(q), p = w != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    xa(g) && d === !0, v = b.encodeLocation ? b.encodeLocation(g).pathname : g.pathname, R = x.pathname, S = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
+    ba(g) && d === !0, v = b.encodeLocation ? b.encodeLocation(g).pathname : g.pathname, R = x.pathname, S = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
     r || (R = R.toLowerCase(), S = S ? S.toLowerCase() : null, v = v.toLowerCase()), S && C && (S = de(S, C) || S);
     const P = v !== "/" && v.endsWith("/") ? v.length - 1 : v.length;
     let B = R === v || !a && R.startsWith(v) && R.charAt(P) === "/", _ = S != null && (S === v || !a && S.startsWith(v) && S.charAt(v.length) === "/"), ae = {
@@ -1654,8 +1654,8 @@ var la = m.forwardRef(
     );
   }
 );
-la.displayName = "NavLink";
-var ca = m.forwardRef(
+ca.displayName = "NavLink";
+var ua = m.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: o,
@@ -1672,7 +1672,7 @@ var ca = m.forwardRef(
     unstable_defaultShouldRevalidate: x,
     ...w
   }, b) => {
-    let { unstable_useTransitions: C } = m.useContext(q), p = ma(), v = fa(d, { relative: c }), R = i.toLowerCase() === "get" ? "get" : "post", S = typeof d == "string" && wn.test(d), P = (B) => {
+    let { unstable_useTransitions: C } = m.useContext(q), p = fa(), v = xa(d, { relative: c }), R = i.toLowerCase() === "get" ? "get" : "post", S = typeof d == "string" && wn.test(d), P = (B) => {
       if (l && l(B), B.defaultPrevented) return;
       B.preventDefault();
       let _ = B.nativeEvent.submitter, ae = _?.getAttribute("formmethod") || i, ue = () => p(_ || B.currentTarget, {
@@ -1701,15 +1701,15 @@ var ca = m.forwardRef(
     );
   }
 );
-ca.displayName = "Form";
-function ua(e) {
+ua.displayName = "Form";
+function ha(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function Cn(e) {
   let o = m.useContext(pe);
-  return F(o, ua(e)), o;
+  return F(o, ha(e)), o;
 }
-function ha(e, {
+function ga(e, {
   target: o,
   replace: r,
   unstable_mask: t,
@@ -1720,10 +1720,10 @@ function ha(e, {
   unstable_defaultShouldRevalidate: l,
   unstable_useTransitions: c
 } = {}) {
-  let h = Tr(), g = re(), x = Re(e, { relative: i });
+  let h = Nr(), g = re(), x = Re(e, { relative: i });
   return m.useCallback(
     (w) => {
-      if (jr(w, o)) {
+      if (Ur(w, o)) {
         w.preventDefault();
         let b = r !== void 0 ? r : We(g) === We(x), C = () => h(e, {
           replace: b,
@@ -1754,20 +1754,20 @@ function ha(e, {
     ]
   );
 }
-var ga = 0, pa = () => `__${String(++ga)}__`;
-function ma() {
+var pa = 0, ma = () => `__${String(++pa)}__`;
+function fa() {
   let { router: e } = Cn(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: o } = m.useContext(q), r = Or(), t = e.fetch, a = e.navigate;
+  ), { basename: o } = m.useContext(q), r = Fr(), t = e.fetch, a = e.navigate;
   return m.useCallback(
     async (s, i = {}) => {
-      let { action: d, method: l, encType: c, formData: h, body: g } = qr(
+      let { action: d, method: l, encType: c, formData: h, body: g } = Jr(
         s,
         o
       );
       if (i.navigate === !1) {
-        let x = i.fetcherKey || pa();
+        let x = i.fetcherKey || ma();
         await t(x, r, i.action || d, {
           unstable_defaultShouldRevalidate: i.unstable_defaultShouldRevalidate,
           preventScrollReset: i.preventScrollReset,
@@ -1795,7 +1795,7 @@ function ma() {
     [t, a, o, r]
   );
 }
-function fa(e, { relative: o } = {}) {
+function xa(e, { relative: o } = {}) {
   let { basename: r } = m.useContext(q), t = m.useContext(oe);
   F(t, "useFormAction must be used inside a RouteContext");
   let [a] = t.matches.slice(-1), s = { ...Re(e || ".", { relative: o }) }, i = re();
@@ -1810,7 +1810,7 @@ function fa(e, { relative: o } = {}) {
   }
   return (!e || e === ".") && a.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), r !== "/" && (s.pathname = s.pathname === "/" ? r : J([r, s.pathname])), We(s);
 }
-function xa(e, { relative: o } = {}) {
+function ba(e, { relative: o } = {}) {
   let r = m.useContext(hn);
   F(
     r != null,
@@ -1825,7 +1825,7 @@ function xa(e, { relative: o } = {}) {
   let s = de(r.currentLocation.pathname, t) || r.currentLocation.pathname, i = de(r.nextLocation.pathname, t) || r.nextLocation.pathname;
   return Ee(a.pathname, i) != null || Ee(a.pathname, s) != null;
 }
-const ba = ({ readonlyTo: e }) => {
+const wa = ({ readonlyTo: e }) => {
   const { nodeProps: o, setNodeProps: r } = Ve(), t = e ?? o.anchor?.to, a = (() => {
     if (!ee(t))
       return xe(t) ? t : We(t);
@@ -1855,7 +1855,7 @@ const ba = ({ readonlyTo: e }) => {
       }
     }
   ) });
-}, wa = () => {
+}, va = () => {
   const { nodeProps: e, setNodeResponsiveProps: o } = Ve(), { getResponsiveProp: r, currentScreen: t } = k(), a = [
     {
       label: "Small",
@@ -1886,7 +1886,7 @@ const ba = ({ readonlyTo: e }) => {
       onChange: s
     }
   ) });
-}, va = [
+}, Ca = [
   {
     value: "contained",
     label: "Contained"
@@ -1899,13 +1899,13 @@ const ba = ({ readonlyTo: e }) => {
     value: "text",
     label: "Text"
   }
-], Ca = () => {
+], Ra = () => {
   const { nodeProps: e, setNodeProps: o } = Ve(), r = (t) => {
     o({
       variant: t.currentTarget.value
     });
   };
-  return /* @__PURE__ */ n(L, { name: "Variant", children: /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:gap-2", children: va.map((t) => {
+  return /* @__PURE__ */ n(L, { name: "Variant", children: /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:gap-2", children: Ca.map((t) => {
     const a = e?.variant === t.value;
     return /* @__PURE__ */ n(
       "button",
@@ -1932,7 +1932,7 @@ const ba = ({ readonlyTo: e }) => {
       t.value
     );
   }) }) });
-}, js = ({ readonlyTo: e }) => {
+}, Us = ({ readonlyTo: e }) => {
   const { nodeProps: o, setNodeProps: r } = Ve(), { currentScreen: t, getResponsiveProp: a } = k(), s = (h, g = t) => {
     r({
       sx: I(h, g)
@@ -1972,22 +1972,22 @@ const ba = ({ readonlyTo: e }) => {
           }
         ) }) }),
         /* @__PURE__ */ u(f, { name: "Color & Variant", children: [
-          /* @__PURE__ */ n(lo, { value: o.color, onChange: d }),
-          /* @__PURE__ */ n(Ca, {})
+          /* @__PURE__ */ n(co, { value: o.color, onChange: d }),
+          /* @__PURE__ */ n(Ra, {})
         ] }),
         /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(wa, {}),
+          /* @__PURE__ */ n(va, {}),
           /* @__PURE__ */ n(H, { onChange: s, value: i })
         ] }),
         /* @__PURE__ */ u(f, { name: "Link", children: [
-          /* @__PURE__ */ n(ba, { readonlyTo: e }),
+          /* @__PURE__ */ n(wa, { readonlyTo: e }),
           /* @__PURE__ */ n(Gt, { value: o.anchor?.target, onChange: l })
         ] })
       ] }),
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
         /* @__PURE__ */ n(f, { name: "Spacing", children: /* @__PURE__ */ n(
-          co,
+          uo,
           {
             value: {
               marginTop: a(o.sx ?? {}, "marginTop"),
@@ -2002,25 +2002,25 @@ const ba = ({ readonlyTo: e }) => {
     ] })
   ] });
 }, Rn = () => E({
-  transform: Ro
-}), Ra = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  transform: So
+}), Sa = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Sa = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`, ya = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.5 19.9V4.1C10.5 2.6 9.86 2 8.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H8.27C9.86 22 10.5 21.4 10.5 19.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M22 19.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, ya = [
+</svg>`, Ta = [
   {
     value: "row",
-    icon: Sa,
+    icon: ya,
     label: "Row"
   },
   {
     value: "column",
-    icon: Ra,
+    icon: Sa,
     label: "Column"
   }
-], Ta = () => {
+], Na = () => {
   const { nodeProps: e, setNodeProps: o } = Rn(), { currentScreen: r, getResponsiveProp: t } = k(), a = t(e.sx ?? {}, "flexDirection");
   return /* @__PURE__ */ n(L, { responsive: !0, name: "Direction", children: /* @__PURE__ */ n(_e, { value: a, onSelectionChange: (i) => {
     o({
@@ -2033,7 +2033,7 @@ const ba = ({ readonlyTo: e }) => {
         r
       )
     });
-  }, children: ya.map((i) => /* @__PURE__ */ n(
+  }, children: Ta.map((i) => /* @__PURE__ */ n(
     G,
     {
       tooltip: {
@@ -2045,7 +2045,7 @@ const ba = ({ readonlyTo: e }) => {
     },
     i.value
   )) }) });
-}, Us = () => {
+}, Gs = () => {
   const { nodeProps: e, setNodeProps: o } = Rn(), { currentScreen: r, getResponsiveProp: t } = k(), a = (v, R = r) => {
     o({ sx: I(v, R) });
   }, s = {
@@ -2099,7 +2099,7 @@ const ba = ({ readonlyTo: e }) => {
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ n(f, { name: "Flex items", children: /* @__PURE__ */ n(ve, { getNewNodeElement: l }) }),
         /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(Ta, {}),
+          /* @__PURE__ */ n(Na, {}),
           /* @__PURE__ */ n(
             Jt,
             {
@@ -2113,7 +2113,7 @@ const ba = ({ readonlyTo: e }) => {
           /* @__PURE__ */ n(at, { value: h, onChange: a }),
           /* @__PURE__ */ n(Kt, { flexDirection: b, value: x, onChange: a }),
           /* @__PURE__ */ n(
-            uo,
+            ho,
             {
               onChange: a,
               value: C,
@@ -2148,8 +2148,8 @@ const ba = ({ readonlyTo: e }) => {
     ] })
   ] });
 }, Rt = () => E({
-  transform: So
-}), Na = () => {
+  transform: yo
+}), La = () => {
   const { nodeProps: e, setNodeProps: o } = Rt(), { getResponsiveProp: r, currentScreen: t } = k(), a = r(e.sx ?? {}, "flexGrow");
   return /* @__PURE__ */ n(L, { guide: "Automatically expands to fill the available space in a flex container.", name: "Auto grow", children: /* @__PURE__ */ n(le, { onChange: (i) => {
     o({
@@ -2161,7 +2161,7 @@ const ba = ({ readonlyTo: e }) => {
       )
     });
   }, checked: !ee(a) }) });
-}, La = () => {
+}, Pa = () => {
   const { nodeProps: e, setNodeProps: o } = Rt(), { getResponsiveProp: r, currentScreen: t } = k(), a = r(e.sx ?? {}, "flexShrink");
   return /* @__PURE__ */ n(L, { guide: "Automatically shrinks when there isn’t enough space in the flex container.", name: "Auto shrink", children: /* @__PURE__ */ n(le, { onChange: (i) => {
     o({
@@ -2173,7 +2173,7 @@ const ba = ({ readonlyTo: e }) => {
       )
     });
   }, checked: a !== 0 }) });
-}, Gs = () => {
+}, qs = () => {
   const { nodeProps: e, setNodeProps: o } = Rt(), { currentScreen: r, getResponsiveProp: t } = k(), a = (g, x = r) => {
     o({ sx: I(g, x) });
   }, s = {
@@ -2217,8 +2217,8 @@ const ba = ({ readonlyTo: e }) => {
     ] }),
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ n(N, { children: /* @__PURE__ */ u(f, { name: "Layout", children: [
+        /* @__PURE__ */ n(Pa, {}),
         /* @__PURE__ */ n(La, {}),
-        /* @__PURE__ */ n(Na, {}),
         /* @__PURE__ */ n(
           H,
           {
@@ -2338,7 +2338,7 @@ const ba = ({ readonlyTo: e }) => {
           )
         ] }),
         /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(H, { value: g, onChange: i }) }),
-        e.length > 0 && /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(ho, { onChange: v, value: p, availableTags: e }) })
+        e.length > 0 && /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(go, { onChange: v, value: p, availableTags: e }) })
       ] }),
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
@@ -2346,7 +2346,7 @@ const ba = ({ readonlyTo: e }) => {
       ] })
     ] })
   ] });
-}, qs = () => /* @__PURE__ */ n(Sn, {}), Js = () => {
+}, Js = () => /* @__PURE__ */ n(Sn, {}), Ks = () => {
   const { id: e } = Q(), { actions: o, query: r } = ne(), [t, a] = U(!1), {
     dom: s,
     name: i,
@@ -2358,7 +2358,7 @@ const ba = ({ readonlyTo: e }) => {
   } = Q((p) => {
     let v = p.data.parent ? r.node(p.data.parent).get() : null;
     for (; v && !Nt(v); )
-      v = v.data.parent && v.data.parent !== Kn ? r.node(v.data.parent).get() : null;
+      v = v.data.parent && v.data.parent !== Yn ? r.node(v.data.parent).get() : null;
     return {
       dom: p.dom,
       name: rt(p),
@@ -2368,11 +2368,11 @@ const ba = ({ readonlyTo: e }) => {
       parentNode: p.data.parent,
       selectable: Nt(p)
     };
-  }), { floatingStyles: x, refs: w } = Do({
+  }), { floatingStyles: x, refs: w } = Oo({
     open: !0,
     placement: "bottom-start",
-    middleware: [Fo(), Mo(4)],
-    whileElementsMounted: Oo
+    middleware: [Mo(), zo(4)],
+    whileElementsMounted: Fo
   }), b = (p) => {
     const v = p.currentTarget.getAttribute("value");
     !ee(v) && o.selectNode(v);
@@ -2383,7 +2383,7 @@ const ba = ({ readonlyTo: e }) => {
   const C = () => {
     o.delete(e);
   };
-  return /* @__PURE__ */ n(Vt, { children: g && w.reference.current && /* @__PURE__ */ n(zo, { root: document.body, children: /* @__PURE__ */ n("div", { ref: w.setFloating, style: x, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ n(Vt, { children: g && w.reference.current && /* @__PURE__ */ n($o, { root: document.body, children: /* @__PURE__ */ n("div", { ref: w.setFloating, style: x, children: /* @__PURE__ */ u(
     "div",
     {
       className: j(
@@ -2401,8 +2401,8 @@ const ba = ({ readonlyTo: e }) => {
             children: /* @__PURE__ */ n(W, { size: 16, source: it })
           }
         ),
-        /* @__PURE__ */ u($o, { offset: 8, onOpenChange: a, open: t, children: [
-          /* @__PURE__ */ n(to, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ u(_o, { offset: 8, onOpenChange: a, open: t, children: [
+          /* @__PURE__ */ n(no, { children: /* @__PURE__ */ n(
             K,
             {
               suffix: /* @__PURE__ */ n(
@@ -2421,16 +2421,16 @@ const ba = ({ readonlyTo: e }) => {
               children: i
             }
           ) }),
-          !!h && /* @__PURE__ */ n(no, { children: /* @__PURE__ */ n(oo, { onClick: b, value: h.id, children: rt(h) }) })
+          !!h && /* @__PURE__ */ n(oo, { children: /* @__PURE__ */ n(ro, { onClick: b, value: h.id, children: rt(h) }) })
         ] }),
         l && /* @__PURE__ */ n(G, { onClick: C, className: "tw:cursor-grab", size: "20", children: /* @__PURE__ */ n(W, { size: 16, source: dt }) })
       ]
     }
   ) }) }) });
-}, Ks = () => {
+}, Ys = () => {
   const { dom: e } = Q((a) => ({
     dom: a.dom
-  })), { window: o } = _o(), [r, t] = U(null);
+  })), { window: o } = Ho(), [r, t] = U(null);
   return we(() => {
     if (!e || !o) return;
     let a = null, s = !1;
@@ -2462,12 +2462,12 @@ const ba = ({ readonlyTo: e }) => {
       className: "tw:outline-1 tw:outline-dashed tw:outline-ic-ink-6s tw:-outline-offset-1"
     }
   ) : null;
-}, Ys = () => /* @__PURE__ */ n(Sn, { availableTags: ["h1", "h2", "h3", "h4", "h5", "h6", "div"] }), Se = () => E({
-  transform: yo
-}), Pa = () => {
+}, Zs = () => /* @__PURE__ */ n(Sn, { availableTags: ["h1", "h2", "h3", "h4", "h5", "h6", "div"] }), Se = () => E({
+  transform: To
+}), ka = () => {
   const { nodeProps: e, setNodeProps: o } = Se();
   return /* @__PURE__ */ n(L, { direction: "vertical", name: "Alt text", children: /* @__PURE__ */ n(
-    ro,
+    ao,
     {
       onBlur: (a) => {
         o({
@@ -2484,7 +2484,7 @@ const ba = ({ readonlyTo: e }) => {
       value: e.alt ?? ""
     }
   ) });
-}, ka = () => {
+}, Ba = () => {
   const { nodeProps: e, setNodeProps: o } = Se(), r = (t) => {
     o({
       loading: t.target.checked ? "eager" : "lazy"
@@ -2493,7 +2493,7 @@ const ba = ({ readonlyTo: e }) => {
   return /* @__PURE__ */ n(L, { name: "Preload", children: /* @__PURE__ */ n(le, { checked: e.loading === "eager", onChange: r }) });
 };
 var yn = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Square = "1 / 1", e.Widescreen = "16 / 9", e.Portrait = "9 / 16", e.Custom = "custom", e))(yn || {});
-const Ba = [
+const Ia = [
   {
     value: "auto",
     label: "Original"
@@ -2514,11 +2514,11 @@ const Ba = [
     value: "custom",
     label: "Custom"
   }
-], Ia = ({ label: e }) => e, Wa = ({ label: e, value: o }) => [
+], Wa = ({ label: e }) => e, Ea = ({ label: e, value: o }) => [
   "auto",
   "custom"
   /* Custom */
-].includes(o) ? e : `${e} (${o})`, Ea = () => {
+].includes(o) ? e : `${e} (${o})`, Aa = () => {
   const { nodeProps: e, setNodeProps: o } = Se(), { currentScreen: r, getResponsiveProp: t } = k(), [a, s] = U(null), i = t(e.sx ?? {}, "aspectRatio") ?? "auto", d = Object.values(yn).find((p) => p === i) ?? "custom", l = (p) => {
     p.target.select();
   }, c = (p = "auto") => {
@@ -2548,9 +2548,9 @@ const Ba = [
       {
         value: g,
         onChange: h,
-        optionLabel: Wa,
-        selectedRenderer: Ia,
-        options: Ba,
+        optionLabel: Ea,
+        selectedRenderer: Wa,
+        options: Ia,
         className: "tw:w-1/2"
       }
     ) }),
@@ -2590,17 +2590,17 @@ const Ba = [
       )
     ] }) })
   ] });
-}, Aa = () => {
+}, Da = () => {
   const { nodeProps: e, setNodeProps: o } = Se();
   return /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
     /* @__PURE__ */ n(L, { name: "Choose image" }),
-    /* @__PURE__ */ n(go, { onChange: (t) => {
+    /* @__PURE__ */ n(po, { onChange: (t) => {
       o({
         src: t
       });
     }, source: e.src })
   ] });
-}, Zs = () => {
+}, Xs = () => {
   const { currentScreen: e, getResponsiveProp: o } = k(), { readOnly: r } = Q((b) => ({
     readOnly: b.dom?.getAttribute("aria-readonly") === X.True
   })), { nodeProps: t, setNodeProps: a } = Se(), s = o(t.sx ?? {}, "aspectRatio") ?? "auto", i = (b, C = e) => {
@@ -2648,16 +2648,16 @@ const Ba = [
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Image", children: [
-          !r && /* @__PURE__ */ n(Aa, {}),
-          /* @__PURE__ */ n(ka, {})
+          !r && /* @__PURE__ */ n(Da, {}),
+          /* @__PURE__ */ n(Ba, {})
         ] }),
         /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(Ea, {}),
+          /* @__PURE__ */ n(Aa, {}),
           /* @__PURE__ */ n(H, { value: d, onChange: i }),
           s === "auto" && /* @__PURE__ */ n(ce, { value: l, onChange: i }),
-          /* @__PURE__ */ n(po, { value: c, onChange: h })
+          /* @__PURE__ */ n(mo, { value: c, onChange: h })
         ] }),
-        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(Pa, {}) })
+        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(ka, {}) })
       ] }),
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: g, onChange: i }) }),
@@ -2668,9 +2668,9 @@ const Ba = [
       ] })
     ] })
   ] });
-}, Da = () => E({
-  transform: To
-}), Oa = () => {
+}, Oa = () => E({
+  transform: No
+}), Fa = () => {
   const { nodeDOM: e } = Q((s) => ({
     nodeDOM: s.dom
   })), o = (s) => s?.getAttribute(Ye.PlayState) || "on", [r, t] = U(!1), a = () => {
@@ -2691,11 +2691,11 @@ const Ba = [
       s.disconnect();
     };
   }, [e]), /* @__PURE__ */ n(K, { onClick: a, children: r ? "Pause" : "Play" });
-}, Fa = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+}, Ma = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.73122 20.833C7.22415 21.0977 6.6107 21.0511 6.14944 20.7129C5.68817 20.3746 5.45931 19.8035 5.55932 19.2404L6.36865 14.6014L2.96123 11.3361C2.54474 10.9389 2.39209 10.3385 2.56833 9.79059C2.74456 9.24271 3.21862 8.84388 3.78858 8.764L8.51955 8.08772L10.6554 3.82694C10.9087 3.31595 11.4297 2.99268 12 2.99268C12.5703 2.99268 13.0913 3.31595 13.3446 3.82694L15.4804 8.08772L20.2114 8.764C20.7814 8.84388 21.2554 9.24271 21.4317 9.79059C21.6079 10.3385 21.4553 10.9389 21.0388 11.3361L17.6313 14.6014L18.4407 19.2414C18.5407 19.8045 18.3118 20.3756 17.8506 20.7139C17.3893 21.0521 16.7758 21.0987 16.2688 20.834L12 18.6281L7.73122 20.833Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Xs = () => {
-  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Da(), { currentScreen: t, getResponsiveProp: a } = k(), s = (p, v = t) => {
+`, Qs = () => {
+  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Oa(), { currentScreen: t, getResponsiveProp: a } = k(), s = (p, v = t) => {
     o({ sx: I(p, v) });
   };
   a(e.sx ?? {}, "columnGap");
@@ -2740,7 +2740,7 @@ const Ba = [
   ), g = (p) => {
     o({
       separatorIcon: p.target.checked ? {
-        source: Fa
+        source: Ma
       } : void 0
     });
   }, x = (p) => {
@@ -2787,7 +2787,7 @@ const Ba = [
               onChange: C
             }
           ),
-          /* @__PURE__ */ n(Oa, {})
+          /* @__PURE__ */ n(Fa, {})
         ] }),
         /* @__PURE__ */ n(
           f,
@@ -2837,10 +2837,10 @@ const Ba = [
     ] })
   ] });
 }, Tn = (e) => E({
-  transform: No,
+  transform: Lo,
   nodeId: e
-}), Ma = ({ tabIndex: e, tabNodeId: o }) => {
-  const [r, t] = U(!1), [a, s] = Xt(e === 0), { nodeProps: i, setNodeProps: d } = _a(o), { actions: l, query: c } = ne(), { tabNode: h, tabPanelNode: g } = Q((p) => {
+}), za = ({ tabIndex: e, tabNodeId: o }) => {
+  const [r, t] = U(!1), [a, s] = Xt(e === 0), { nodeProps: i, setNodeProps: d } = Ha(o), { actions: l, query: c } = ne(), { tabNode: h, tabPanelNode: g } = Q((p) => {
     const v = p.data.nodes.find(
       (B) => he(c.node(B).get()) === y.TabList
     );
@@ -2920,7 +2920,7 @@ const Ba = [
       ]
     }
   ) });
-}, za = () => {
+}, $a = () => {
   const { query: e, actions: o } = ne(), { id: r, tabListNode: t, tabContentNode: a } = Q((d) => {
     const l = d.data.nodes.find(
       (h) => he(e.node(h).get()) === y.TabList
@@ -2952,7 +2952,7 @@ const Ba = [
         destinationIndex: c.index
       }));
     }, children: /* @__PURE__ */ n(en, { droppableId: r, children: (d) => /* @__PURE__ */ u("div", { ref: d.innerRef, ...d.droppableProps, className: "tw:flex tw:flex-col tw:gap-2", children: [
-      t.data.nodes.map((l, c) => /* @__PURE__ */ n(Ma, { tabNodeId: l, tabIndex: c }, l)),
+      t.data.nodes.map((l, c) => /* @__PURE__ */ n(za, { tabNodeId: l, tabIndex: c }, l)),
       d.placeholder
     ] }) }) }),
     /* @__PURE__ */ n(K, { className: "tw:mt-2", onClick: () => {
@@ -2973,7 +2973,7 @@ const Ba = [
       o.addNodeTree(l, a.id);
     }, fullWidth: !0, prefix: /* @__PURE__ */ n(W, { source: jt }), children: "Add more" })
   ] });
-}, $a = () => {
+}, _a = () => {
   const { query: e } = ne(), { nodeProps: o, setNodeProps: r } = Tn(), { selectOptions: t } = Q((s) => {
     const i = s.data.nodes.find(
       (l) => he(e.node(l).get()) === y.TabList
@@ -3000,7 +3000,7 @@ const Ba = [
       onChange: a
     }
   ) });
-}, Qs = () => {
+}, ei = () => {
   const { nodeProps: e, setNodeProps: o } = Tn(), { currentScreen: r, getResponsiveProp: t } = k(), a = (h, g = r) => {
     o({ sx: I(h, g) });
   }, s = {
@@ -3043,8 +3043,8 @@ const Ba = [
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Items management", children: [
-          /* @__PURE__ */ n(za, {}),
-          /* @__PURE__ */ n($a, {})
+          /* @__PURE__ */ n($a, {}),
+          /* @__PURE__ */ n(_a, {})
         ] }),
         /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(H, { onChange: a, value: c }) })
       ] }),
@@ -3058,11 +3058,11 @@ const Ba = [
       ] })
     ] })
   ] });
-}, _a = (e) => E({
+}, Ha = (e) => E({
   nodeId: e
 }), qe = () => E({
-  transform: Lo
-}), Ha = () => {
+  transform: Po
+}), Va = () => {
   const { nodeProps: e, setNodeProps: o } = qe(), r = (t) => {
     const a = isNaN(t.target.valueAsNumber) ? void 0 : t.target.valueAsNumber;
     o({
@@ -3082,7 +3082,7 @@ const Ba = [
       onChange: r
     }
   ) });
-}, Va = () => {
+}, ja = () => {
   const { nodeProps: e, setNodeProps: o } = qe(), r = (t) => {
     o({
       autoplayOptions: {
@@ -3091,10 +3091,10 @@ const Ba = [
     });
   };
   return /* @__PURE__ */ n(L, { name: "Loop", children: /* @__PURE__ */ n(le, { checked: !e.autoplayOptions?.stopOnLastSnap, onChange: r }) });
-}, ja = () => {
+}, Ua = () => {
   const { getResponsiveProp: e, currentScreen: o } = k(), { nodeProps: r, setNodeResponsiveProps: t } = qe(), a = e(r, "slidesPerView");
   return /* @__PURE__ */ n(L, { name: "Items per view", responsive: !0, children: /* @__PURE__ */ n(
-    mo,
+    fo,
     {
       className: "tw:w-1/2",
       onChange: (i) => {
@@ -3114,7 +3114,7 @@ const Ba = [
       ]
     }
   ) });
-}, ei = () => {
+}, ti = () => {
   const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = qe(), { getResponsiveProp: t, currentScreen: a } = k(), s = (C, p = a) => {
     r({ sx: I(C, p) });
   }, i = () => /* @__PURE__ */ n(
@@ -3129,7 +3129,7 @@ const Ba = [
   ), d = {
     columnGap: t(e, "spaceBetween") ?? 0
   }, l = ({ columnGap: C }) => {
-    o({ spaceBetween: Qn(C) ? C : void 0 }, a);
+    o({ spaceBetween: eo(C) ? C : void 0 }, a);
   }, c = (C) => {
     r({
       autoplayOptions: {
@@ -3174,7 +3174,7 @@ const Ba = [
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Display", children: [
-          /* @__PURE__ */ n(ja, {}),
+          /* @__PURE__ */ n(Ua, {}),
           /* @__PURE__ */ n(at, { value: d, onChange: l, name: "Items spacing" })
         ] }),
         /* @__PURE__ */ n(f, { name: "Item management", children: /* @__PURE__ */ n(ve, { getNewNodeElement: i }) }),
@@ -3186,8 +3186,8 @@ const Ba = [
               right: /* @__PURE__ */ n(le, { onChange: c, checked: h })
             },
             children: h && /* @__PURE__ */ u(It, { children: [
-              /* @__PURE__ */ n(Ha, {}),
-              /* @__PURE__ */ n(Va, {})
+              /* @__PURE__ */ n(Va, {}),
+              /* @__PURE__ */ n(ja, {})
             ] })
           }
         )
@@ -3202,10 +3202,10 @@ const Ba = [
       ] })
     ] })
   ] });
-}, Ua = () => E({
-  transform: Po
-}), ti = () => {
-  const { nodeProps: e, setNodeProps: o } = Ua(), { currentScreen: r, getResponsiveProp: t } = k(), a = (x, w = r) => {
+}, Ga = () => E({
+  transform: ko
+}), ni = () => {
+  const { nodeProps: e, setNodeProps: o } = Ga(), { currentScreen: r, getResponsiveProp: t } = k(), a = (x, w = r) => {
     o({ sx: I(x, w) });
   }, s = {
     paddingBottom: t(e.sx ?? {}, "paddingBottom"),
@@ -3264,10 +3264,10 @@ const Ba = [
       ] })
     ] })
   ] });
-}, Ga = () => E({
-  transform: ko
-}), ni = () => {
-  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Ga(), { currentScreen: t, getResponsiveProp: a } = k(), s = (b, C = t) => {
+}, qa = () => E({
+  transform: Bo
+}), oi = () => {
+  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = qa(), { currentScreen: t, getResponsiveProp: a } = k(), s = (b, C = t) => {
     o({
       sx: I(b, C)
     });
@@ -3330,15 +3330,15 @@ const Ba = [
       ] })
     ] })
   ] });
-}, qa = (e) => E({
-  transform: Bo,
+}, Ja = (e) => E({
+  transform: Io,
   nodeId: e
 }), Je = () => E({
-  transform: Io
-}), Ja = ({ accordionNodeId: e, accordionIndex: o }) => {
+  transform: Wo
+}), Ka = ({ accordionNodeId: e, accordionIndex: o }) => {
   const [r, t] = U(!1), [a, s] = Xt(o === 0), { id: i, nodeProps: d } = Je(), { query: l, accordionNode: c, actions: h } = ne((P) => ({
     accordionNode: P.nodes[e]
-  })), { nodeProps: g, setNodeProps: x } = qa(e), [w, b] = U(
+  })), { nodeProps: g, setNodeProps: x } = Ja(e), [w, b] = U(
     c.dom ? Te(c.dom).openState : !1
   ), C = () => {
     t(!0);
@@ -3415,7 +3415,7 @@ const Ba = [
       ]
     }
   ) });
-}, Ka = () => {
+}, Ya = () => {
   const { query: e, actions: o } = ne(), { id: r, accordionNodeIds: t } = Q((i) => ({
     accordionNodeIds: i.data.nodes
   }));
@@ -3430,7 +3430,7 @@ const Ba = [
         destinationIndex: l.index
       });
     }, children: /* @__PURE__ */ n(en, { droppableId: r, children: (i) => /* @__PURE__ */ u("div", { ref: i.innerRef, ...i.droppableProps, className: "tw:flex tw:flex-col tw:gap-2", children: [
-      t.map((d, l) => /* @__PURE__ */ n(Ja, { accordionNodeId: d, accordionIndex: l }, d)),
+      t.map((d, l) => /* @__PURE__ */ n(Ka, { accordionNodeId: d, accordionIndex: l }, d)),
       i.placeholder
     ] }) }) }),
     /* @__PURE__ */ n(K, { className: "tw:mt-2", onClick: () => {
@@ -3453,7 +3453,7 @@ const Ba = [
       o.addNodeTree(i, r);
     }, fullWidth: !0, prefix: /* @__PURE__ */ n(W, { source: jt }), children: "Add more" })
   ] });
-}, Ya = () => {
+}, Za = () => {
   const { nodeProps: e, setNodeProps: o } = Je(), [r, t] = U(!1), a = e.accordionSummaryProps?.expandIcon, s = (h) => {
     o({
       accordionSummaryProps: {
@@ -3558,7 +3558,7 @@ const Ba = [
       ] })
     ] }) })
   ] }) });
-}, Za = () => {
+}, Xa = () => {
   const { id: e, nodeProps: o, setNodeProps: r } = Je(), { query: t } = ne(), a = [
     {
       value: "single",
@@ -3577,7 +3577,7 @@ const Ba = [
     });
   };
   return /* @__PURE__ */ n(L, { name: "Open mode", children: /* @__PURE__ */ n(_e, { value: o.openMode, onSelectionChange: s, children: a.map((i) => /* @__PURE__ */ n(K, { value: i.value, children: i.label }, i.value)) }) });
-}, oi = () => {
+}, ri = () => {
   const { nodeProps: e, setNodeProps: o } = Je(), { getResponsiveProp: r, currentScreen: t } = k(), a = (b, C = t) => {
     o({ sx: I(b, C) });
   }, s = {
@@ -3628,13 +3628,13 @@ const Ba = [
     /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Items management", children: [
-          /* @__PURE__ */ n(Ka, {}),
-          /* @__PURE__ */ n(Za, {}),
+          /* @__PURE__ */ n(Ya, {}),
+          /* @__PURE__ */ n(Xa, {}),
           /* @__PURE__ */ n(Ce, { value: i, onChange: a })
         ] }),
         /* @__PURE__ */ u(f, { name: "Item header", children: [
           /* @__PURE__ */ n(nt, { value: h, onChange: l }),
-          /* @__PURE__ */ n(Ya, {})
+          /* @__PURE__ */ n(Za, {})
         ] }),
         /* @__PURE__ */ n(f, { name: "Item content", children: /* @__PURE__ */ n(nt, { value: w, onChange: g }) }),
         /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(H, { value: d, onChange: a }) })
@@ -3645,10 +3645,10 @@ const Ba = [
       ] })
     ] })
   ] });
-}, Xa = () => E({
-  transform: Wo
-}), ri = () => {
-  const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeProps: t } = Xa(), a = {
+}, Qa = () => E({
+  transform: Eo
+}), ai = () => {
+  const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeProps: t } = Qa(), a = {
     aspectRatio: o(r.sx ?? {}, "aspectRatio")
   }, s = (w, b = e) => {
     t({ sx: I(w, b) });
@@ -3724,7 +3724,7 @@ const Ba = [
         /* @__PURE__ */ u(f, { name: "Size", children: [
           /* @__PURE__ */ n(H, { value: i ?? "", onChange: s }),
           /* @__PURE__ */ n(
-            fo,
+            xo,
             {
               suggestOptions: [
                 {
@@ -3748,10 +3748,10 @@ const Ba = [
       ] })
     ] })
   ] });
-}, Qa = () => E({
-  transform: Eo
-}), ai = () => {
-  const { nodeProps: e, setNodeProps: o } = Qa(), { getResponsiveProp: r, currentScreen: t } = k(), a = (g, x = t) => {
+}, es = () => E({
+  transform: Ao
+}), si = () => {
+  const { nodeProps: e, setNodeProps: o } = es(), { getResponsiveProp: r, currentScreen: t } = k(), a = (g, x = t) => {
     o({ sx: I(g, x) });
   }, s = {
     paddingBottom: r(e.sx ?? {}, "paddingBottom"),
@@ -3820,10 +3820,10 @@ const Ba = [
       ] })
     ] })
   ] });
-}, es = () => E({
-  transform: Ao
-}), si = () => {
-  const { nodeProps: e, setNodeProps: o } = es(), { getResponsiveProp: r, currentScreen: t } = k(), a = (h, g = t) => {
+}, ts = () => E({
+  transform: Do
+}), ii = () => {
+  const { nodeProps: e, setNodeProps: o } = ts(), { getResponsiveProp: r, currentScreen: t } = k(), a = (h, g = t) => {
     o({ sx: I(h, g) });
   }, s = {
     paddingBottom: r(e.sx ?? {}, "paddingBottom"),
@@ -3877,7 +3877,7 @@ const Ba = [
       ] })
     ] })
   ] });
-}, ye = () => E(), ts = () => {
+}, ye = () => E(), ns = () => {
   const { nodeProps: e, setNodeProps: o } = ye(), { currentScreen: r, getResponsiveProp: t } = k(), [a, s] = U(!1), i = e.captionProps ?? {}, d = (c) => {
     o({
       captionProps: {
@@ -3961,7 +3961,7 @@ const Ba = [
       ] })
     ] }) })
   ] }) }) });
-}, ns = () => {
+}, os = () => {
   const { nodeProps: e, setNodeProps: o } = ye(), { currentScreen: r, getResponsiveProp: t } = k(), [a, s] = U(!1), i = e.timeProps ?? {}, d = (c) => {
     o({
       timeProps: r === "xs" ? {
@@ -4038,7 +4038,7 @@ const Ba = [
       ] })
     ] }) })
   ] }) }) });
-}, os = () => {
+}, rs = () => {
   const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeProps: t } = ye(), a = (l, c = e) => {
     t({
       unitItemProps: {
@@ -4100,7 +4100,7 @@ const Ba = [
       }
     )
   ] });
-}, rs = () => {
+}, as = () => {
   const { nodeProps: e, setNodeProps: o } = ye(), [r, t] = U(!1), a = [
     {
       label: "Months",
@@ -4205,7 +4205,7 @@ const Ba = [
       ] }, d.value)) })
     ] }) })
   ] }) });
-}, ii = () => {
+}, di = () => {
   const { nodeProps: e, setNodeProps: o } = ye(), { getResponsiveProp: r, currentScreen: t } = k(), a = (x, w = t) => {
     o({ sx: I(x, w) });
   }, s = {
@@ -4257,14 +4257,14 @@ const Ba = [
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ u(f, { name: "Config", children: [
           /* @__PURE__ */ n(L, { name: "Date", children: /* @__PURE__ */ n(
-            Ho,
+            Vo,
             {
               onChange: h,
               referenceProps: { className: "w-1/2" },
               value: ee(e.date) ? null : new Date(e.date)
             }
           ) }),
-          /* @__PURE__ */ n(rs, {}),
+          /* @__PURE__ */ n(as, {}),
           /* @__PURE__ */ n(L, { name: "Hide after expired", children: /* @__PURE__ */ n(le, { checked: e.hideAfterExpired ?? !1, onChange: g }) })
         ] }),
         /* @__PURE__ */ u(f, { name: "Layout", children: [
@@ -4289,9 +4289,9 @@ const Ba = [
             }
           )
         ] }),
+        /* @__PURE__ */ n(rs, {}),
         /* @__PURE__ */ n(os, {}),
-        /* @__PURE__ */ n(ns, {}),
-        /* @__PURE__ */ n(ts, {})
+        /* @__PURE__ */ n(ns, {})
       ] }),
       /* @__PURE__ */ u(N, { children: [
         /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
@@ -4304,10 +4304,10 @@ const Ba = [
       ] })
     ] })
   ] });
-}, di = ({ children: e, data: o }) => {
+}, li = ({ children: e, data: o }) => {
   const { resolver: r } = ne((a) => ({
     resolver: a.options.resolver
-  })), t = eo(() => {
+  })), t = to(() => {
     if (ee(o)) return o;
     const a = xe(o) ? JSON.parse(o) : o;
     return Object.entries(a).forEach(([, s]) => {
@@ -4317,8 +4317,8 @@ const Ba = [
       });
     }), a;
   }, [o, r]);
-  return /* @__PURE__ */ n(Yn, { data: t, children: e });
-}, as = {
+  return /* @__PURE__ */ n(Zn, { data: t, children: e });
+}, ss = {
   // Root
   [y.Root]: qn,
   // Unknown
@@ -4362,21 +4362,21 @@ const Ba = [
   [y.AccordionContent]: _t,
   // Timer
   [y.CountdownTimer]: Pn
-}, li = ({ resolver: e, children: o, ...r }) => /* @__PURE__ */ n(
-  Zn,
+}, ci = ({ resolver: e, children: o, ...r }) => /* @__PURE__ */ n(
+  Xn,
   {
     enabled: !1,
-    onRender: ss,
-    handlers: (t) => new is({
+    onRender: is,
+    handlers: (t) => new ds({
       store: t,
       removeHoverOnMouseleave: !0,
       isMultiSelectEnabled: () => !1
     }),
-    resolver: { ...as, ...e },
+    resolver: { ...ss, ...e },
     ...r,
     children: o
   }
-), ss = ({ render: e }) => {
+), is = ({ render: e }) => {
   const { id: o } = E(), { query: r } = ne();
   return we(() => {
     const t = r.node(o).get(), a = he(t);
@@ -4386,7 +4386,7 @@ const Ba = [
       );
   }, [o, r]), e;
 };
-class is extends Xn {
+class ds extends Qn {
   handlers() {
     const o = super.handlers();
     return {
@@ -4399,49 +4399,50 @@ class is extends Xn {
   }
 }
 export {
-  oi as A,
-  ai as B,
-  di as C,
-  Js as D,
-  _a as E,
-  Gs as F,
-  _s as G,
-  Ys as H,
-  ni as I,
+  ri as A,
+  si as B,
+  li as C,
+  Ks as D,
+  Ha as E,
+  qs as F,
+  Hs as G,
+  Zs as H,
+  oi as I,
   Tn as J,
-  Ua as K,
-  Vs as L,
-  Xs as M,
-  Xa as N,
-  qs as P,
-  wa as S,
-  Qs as T,
-  ti as U,
-  Ca as V,
-  Ks as a,
-  js as b,
-  Hs as c,
-  li as d,
-  si as e,
-  ii as f,
-  Us as g,
-  Zs as h,
-  ei as i,
+  Ga as K,
+  js as L,
+  Qs as M,
+  Qa as N,
+  Js as P,
+  V as R,
+  va as S,
+  ei as T,
+  ni as U,
+  Ra as V,
+  Ys as a,
+  Us as b,
+  Vs as c,
+  ci as d,
+  ii as e,
+  di as f,
+  Gs as g,
+  Xs as h,
+  ti as i,
   Sn as j,
-  ri as k,
-  qa as l,
-  Qa as m,
+  ai as k,
+  Ja as l,
+  es as m,
   Ve as n,
   nn as o,
-  es as p,
+  ts as p,
   ye as q,
   Rt as r,
   Rn as s,
-  Vo as t,
+  jo as t,
   Je as u,
-  Ga as v,
+  qa as v,
   Se as w,
   ut as x,
-  Da as y,
+  Oa as y,
   qe as z
 };