@janbox/storefront-builder 2.0.2 → 2.0.3

package/dist/index-CXyljfMv.js

@@ -1,4593 +0,0 @@
-import { jsxs as u, jsx as n, Fragment as Nt } from "@emotion/react/jsx-runtime";
-import { a as Wt, F as Et, t as X, M as At, v as T, 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 In, A as Bn, T as Nn, o as Wn, r as En, m as An, S as Dn, s as On, L as Fn, k as Mn, V as zn, I as $n, C as _n, g as Hn, j as Vn, G as jn, H as Un, B as Gn, U as qn, R as Jn, N as Kn } from "./countdown-timer.node-Bh5fTSJ8.js";
-import { Element as Yn, useNode as Q, ROOT_NODE as Zn, Frame as Xn, Editor as Qn, DefaultEventHandlers as eo } from "@craftjs/core";
-import { isString as be, isNil as ee, trimStart as Ht, isNumber as to } from "lodash-es";
-import * as p from "react";
-import { useState as U, useEffect as ve, Fragment as Vt, useMemo as no } from "react";
-import { W as E, t as S, l as se, k as G, x as le, p as oo, c as K, o as ro, n as ao, y as io, A as tt, P as jt, d as Ie, q as Ae, s as De, r as Oe, C as Fe } from "./dialog-header-Bh3Dkw2q.js";
-import { v as A, K as so, E as B, i as Ce, N as Be, k as at, R as Re, G as lo, n as co, W as V, H as ce, D as Y, S as z, h as _, g as $, B as Z, T as P, p as Ut, A as Gt, b as Me, c as ge, d as ze, s as qt, e as it, F as $e, j as uo, M as ho, m as Jt, l as Kt, J as go, r as po, L as st, y as dt, Q as mo, O as fo, q as Ne, o as bo, P as nt, f as xo, a as Yt } from "./anchor-target-CtXzdkBu.js";
-import { getGridProps as vo, getCellProps as Co, GRID_MINIMUM_COLS as Tt, GRID_MAXIMUM_COLS as Ro, getLinkProps as yo, getButtonProps as So, getFlexboxProps as wo, getFlexItemProps as To, getImageProps as ko, getMarqueeProps as Lo, MarqueeDataAttributes as Ye, getTabsProps as Po, getSwiperProps as Io, getUnorderedListProps as Bo, getIconProps as No, getAccordionProps as Wo, getAccordionGroupProps as Eo, getAccordionDataAttributes as Te, AccordionDataAttributes as ot, getVideoProps as Ao, getBoxProps as Do, getContainerProps as Oo } from "@janbox/storefront-ui";
-import { t as W, u as ne, i as kt, a as rt, e as he, C as Zt } from "./color-picker-popover-XeaVfYS8.js";
-import "@janbox/storefront-ui/hooks";
-import "@emotion/react";
-import { useFloating as Fo, autoUpdate as Mo, flip as zo, offset as $o, FloatingPortal as _o } from "@floating-ui/react";
-import "react-use";
-import "@janbox/storefront-ui/theme";
-import "react-colorful";
-import { k as D, i as O, g as k, h as F, j as L, c as xe, f as lt, a as _e, d as Ho, A as ct, e as He } from "./dropzone-CF4CWXth.js";
-import "overlayscrollbars-react";
-import "@tanstack/react-virtual";
-import "react-dropzone";
-import "react-datepicker/dist/react-datepicker.css";
-import "react-datepicker";
-import "@tiptap/extension-text-style";
-import "@tiptap/react";
-import "@tiptap/react/menus";
-import "@tiptap/starter-kit";
-import { useFrame as Xt } from "react-frame-component";
-import "flat";
-import "@janbox/storefront-ui/utils";
-import { useToggle as Qt } from "usehooks-ts";
-import { DragDropContext as en, Droppable as tn, Draggable as nn } from "@hello-pangea/dnd";
-import { W as Vo } from "./date-picker-D9K6HWl-.js";
-const jo = () => A({
-  transform: vo
-}), j = Yn, 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"/>
-<path d="M6.84 7L10.34 10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, m = ({ name: e, children: o, responsive: r, slots: t }) => /* @__PURE__ */ u("div", { css: { display: "flex", paddingBlock: 8, flexDirection: "column", gap: 8 }, children: [
-  /* @__PURE__ */ u("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
-    /* @__PURE__ */ u("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
-      /* @__PURE__ */ n(E, { source: Uo }),
-      /* @__PURE__ */ n(
-        "span",
-        {
-          css: {
-            ...S.text.sm,
-            fontWeight: 500
-          },
-          children: e
-        }
-      )
-    ] }),
-    !!r && /* @__PURE__ */ n(so, {}),
-    /* @__PURE__ */ n("div", { css: { display: "flex", flex: 1, alignItems: "center", justifyContent: "flex-end" }, children: t?.right })
-  ] }),
-  /* @__PURE__ */ n("div", { css: { display: "flex", flexDirection: "column", gap: 16 }, children: o })
-] }), $i = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = jo(), { getResponsiveProp: t, currentScreen: a } = B(), i = (w, I = a) => {
-    r({
-      sx: W(w, I)
-    });
-  }, s = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, d = {
-    backgroundColor: t(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: t(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: t(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: t(e.sx ?? {}, "backgroundRepeat"),
-    background: t(e.sx ?? {}, "background"),
-    backgroundSize: t(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: t(e.sx ?? {}, "backgroundAttachment")
-  }, l = () => /* @__PURE__ */ n(j, { canvas: !0, is: Wt }), c = {
-    columnGap: t(e.sx ?? {}, "columnGap") ?? 0
-  }, h = {
-    rowGap: t(e.sx ?? {}, "rowGap") ?? 0
-  }, g = {
-    width: t(e.sx ?? {}, "width")
-  }, b = {
-    height: t(e.sx ?? {}, "height")
-  }, C = {
-    alignItems: t(e.sx ?? {}, "alignItems")
-  }, x = {
-    justifyItems: t(e.sx ?? {}, "justifyItems")
-  }, R = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, f = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, v = t(e, "cols");
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Cells", children: /* @__PURE__ */ n(Ce, { getNewNodeElement: l }) }),
-        /* @__PURE__ */ u(m, { name: "Layout", children: [
-          /* @__PURE__ */ n(Be, { min: 1, name: "Columns", responsive: !0, value: v, onChange: (w) => {
-            o(
-              {
-                cols: w
-              },
-              a
-            );
-          } }),
-          /* @__PURE__ */ n(at, { value: c, onChange: i }),
-          /* @__PURE__ */ n(Re, { value: h, onChange: i }),
-          /* @__PURE__ */ n(lo, { value: C, onChange: i }),
-          /* @__PURE__ */ n(co, { value: x, onChange: i })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Size", children: [
-          /* @__PURE__ */ n(
-            V,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              value: g ?? "auto",
-              onChange: i
-            }
-          ),
-          /* @__PURE__ */ n(ce, { value: b, onChange: i })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: s, onChange: i }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: R, onChange: i }),
-          /* @__PURE__ */ n($, { value: f, onChange: i })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: d, onChange: i }) })
-      ] })
-    ] })
-  ] });
-}, on = () => A({
-  transform: Co
-}), Go = () => {
-  const { currentScreen: e, getResponsiveProp: o } = B(), { nodeProps: r, setNodeResponsiveProps: t } = on(), a = o(r, "colSpan") ?? Tt;
-  return /* @__PURE__ */ n(P, { responsive: !0, name: "Col span", children: /* @__PURE__ */ n(
-    "div",
-    {
-      css: {
-        width: "50%"
-      },
-      children: /* @__PURE__ */ n(
-        xe,
-        {
-          step: 1,
-          onChange: (s) => {
-            const d = isNaN(s.target.valueAsNumber) ? void 0 : s.target.valueAsNumber;
-            t(
-              {
-                colSpan: d ?? a
-              },
-              e
-            );
-          },
-          value: a,
-          css: { textAlign: "center" },
-          mode: "onBlur",
-          size: "32",
-          min: Tt,
-          max: Ro
-        }
-      )
-    }
-  ) });
-}, _i = () => {
-  const { nodeProps: e, setNodeProps: o } = on(), { currentScreen: r, getResponsiveProp: t } = B(), a = (g, b = r) => {
-    o({ sx: W(g, b) });
-  }, i = {
-    backgroundColor: t(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: t(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: t(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: t(e.sx ?? {}, "backgroundRepeat"),
-    background: t(e.sx ?? {}, "background"),
-    backgroundSize: t(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: t(e.sx ?? {}, "backgroundAttachment")
-  }, s = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, d = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, l = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, c = {
-    height: t(e.sx ?? {}, "height")
-  }, h = {
-    order: t(e.sx ?? {}, "order")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Layout", children: [
-          /* @__PURE__ */ n(Go, {}),
-          /* @__PURE__ */ n(Ut, { value: h, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Size", children: /* @__PURE__ */ n(ce, { onChange: a, value: c }) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: s, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: d, onChange: a }),
-          /* @__PURE__ */ n($, { value: l, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: i, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, ut = () => A({
-  transform: yo
-}), qo = () => {
-  const { nodeProps: e, setNodeProps: o } = ut();
-  return /* @__PURE__ */ n(P, { name: "To", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(
-    se,
-    {
-      onChange: (t) => {
-        t.target.value = t.target.value.trim(), o({
-          to: t.target.value ? t.target.value : void 0
-        });
-      },
-      value: be(e.to) ? e.to : e.to?.pathname ?? ""
-    }
-  ) }) });
-}, Jo = () => {
-  const { nodeProps: e, setNodeProps: o } = ut();
-  return /* @__PURE__ */ n(P, { name: "Rel", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(se, { onChange: (t) => {
-    t.target.value = t.target.value.trim(), o({
-      rel: t.target.value ? t.target.value : void 0
-    });
-  }, value: e.rel ?? "", placeholder: "nofollow, noreferrer, noopener, ugc" }) }) });
-}, Hi = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = ut(), { currentScreen: t, getResponsiveProp: a } = B(), i = (v, y = t) => {
-    r({ sx: W(v, y) });
-  }, s = {
-    paddingBottom: a(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: a(e.sx ?? {}, "paddingLeft"),
-    paddingRight: a(e.sx ?? {}, "paddingRight"),
-    paddingTop: a(e.sx ?? {}, "paddingTop"),
-    marginBottom: a(e.sx ?? {}, "marginBottom"),
-    marginLeft: a(e.sx ?? {}, "marginLeft"),
-    marginRight: a(e.sx ?? {}, "marginRight"),
-    marginTop: a(e.sx ?? {}, "marginTop")
-  }, d = {
-    borderStyle: a(e.sx ?? {}, "borderStyle"),
-    borderColor: a(e.sx ?? {}, "borderColor"),
-    borderTopWidth: a(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: a(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: a(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: a(e.sx ?? {}, "borderLeftWidth")
-  }, l = {
-    borderTopLeftRadius: a(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: a(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: a(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: a(e.sx ?? {}, "borderBottomLeftRadius")
-  }, c = (v) => {
-    o(
-      {
-        textVariant: v
-      },
-      t
-    );
-  }, h = {
-    color: a(e.sx ?? {}, "color", "xs")
-  }, g = (v) => {
-    i(v, "xs");
-  }, b = {
-    fontStyle: a(e.sx ?? {}, "fontStyle", "xs"),
-    textDecorationLine: a(e.sx ?? {}, "textDecorationLine", "xs"),
-    fontWeight: a(e.sx ?? {}, "fontWeight", "xs")
-  }, C = (v) => {
-    i(
-      {
-        fontStyle: v.fontStyle,
-        textDecorationLine: v.textDecorationLine,
-        fontWeight: v.fontWeight
-      },
-      "xs"
-    );
-  }, x = a(e.sx ?? {}, "textAlign") ?? "left", R = (v) => {
-    i({
-      textAlign: v
-    });
-  }, f = (v) => {
-    r({
-      target: v
-    });
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Insert link", children: [
-          /* @__PURE__ */ n(qo, {}),
-          /* @__PURE__ */ n(Gt, { value: e.target, onChange: f })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Text", children: [
-          /* @__PURE__ */ n(
-            Me,
-            {
-              onChange: c,
-              value: a(e, "textVariant")
-            }
-          ),
-          /* @__PURE__ */ n(ge, { value: h, onChange: g }),
-          /* @__PURE__ */ n(ze, { value: b, onChange: C }),
-          /* @__PURE__ */ n(qt, { value: x, onChange: R }),
-          /* @__PURE__ */ n(
-            it,
-            {
-              value: {
-                textTransform: a(e.sx ?? {}, "textTransform", "xs") ?? "none"
-              },
-              onChange: (v) => i(v, "xs")
-            }
-          ),
-          /* @__PURE__ */ n(
-            $e,
-            {
-              value: {
-                fontWeight: a(e.sx ?? {}, "fontWeight")
-              },
-              onChange: i
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(m, { name: "SEO", children: /* @__PURE__ */ n(Jo, {}) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: s, onChange: i }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: d, onChange: i }),
-          /* @__PURE__ */ n($, { value: l, onChange: i })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Ve = () => A({
-  transform: So
-});
-function M(e, o) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(o);
-}
-function te(e, o) {
-  if (!e) {
-    typeof console < "u" && console.warn(o);
-    try {
-      throw new Error(o);
-    } catch {
-    }
-  }
-}
-function We({
-  pathname: e = "/",
-  search: o = "",
-  hash: r = ""
-}) {
-  return o && o !== "?" && (e += o.charAt(0) === "?" ? o : "?" + o), r && r !== "#" && (e += r.charAt(0) === "#" ? r : "#" + r), e;
-}
-function ht(e) {
-  let o = {};
-  if (e) {
-    let r = e.indexOf("#");
-    r >= 0 && (o.hash = e.substring(r), e = e.substring(0, r));
-    let t = e.indexOf("?");
-    t >= 0 && (o.search = e.substring(t), e = e.substring(0, t)), e && (o.pathname = e);
-  }
-  return o;
-}
-function rn(e, o, r = "/") {
-  return Ko(e, o, r, !1);
-}
-function Ko(e, o, r, t) {
-  let a = typeof o == "string" ? ht(o) : o, i = de(a.pathname || "/", r);
-  if (i == null)
-    return null;
-  let s = an(e);
-  Yo(s);
-  let d = null;
-  for (let l = 0; d == null && l < s.length; ++l) {
-    let c = sr(i);
-    d = ar(
-      s[l],
-      c,
-      t
-    );
-  }
-  return d;
-}
-function an(e, o = [], r = [], t = "", a = !1) {
-  let i = (s, d, l = a, c) => {
-    let h = {
-      relativePath: c === void 0 ? s.path || "" : c,
-      caseSensitive: s.caseSensitive === !0,
-      childrenIndex: d,
-      route: s
-    };
-    if (h.relativePath.startsWith("/")) {
-      if (!h.relativePath.startsWith(t) && l)
-        return;
-      M(
-        h.relativePath.startsWith(t),
-        `Absolute route path "${h.relativePath}" nested under path "${t}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
-      ), h.relativePath = h.relativePath.slice(t.length);
-    }
-    let g = J([t, h.relativePath]), b = r.concat(h);
-    s.children && s.children.length > 0 && (M(
-      // Our types know better, but runtime JS may not!
-      // @ts-expect-error
-      s.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${g}".`
-    ), an(
-      s.children,
-      o,
-      b,
-      g,
-      l
-    )), !(s.path == null && !s.index) && o.push({
-      path: g,
-      score: or(g, s.index),
-      routesMeta: b
-    });
-  };
-  return e.forEach((s, d) => {
-    if (s.path === "" || !s.path?.includes("?"))
-      i(s, d);
-    else
-      for (let l of sn(s.path))
-        i(s, d, !0, l);
-  }), o;
-}
-function sn(e) {
-  let o = e.split("/");
-  if (o.length === 0) return [];
-  let [r, ...t] = o, a = r.endsWith("?"), i = r.replace(/\?$/, "");
-  if (t.length === 0)
-    return a ? [i, ""] : [i];
-  let s = sn(t.join("/")), d = [];
-  return d.push(
-    ...s.map(
-      (l) => l === "" ? i : [i, l].join("/")
-    )
-  ), a && d.push(...s), d.map(
-    (l) => e.startsWith("/") && l === "" ? "/" : l
-  );
-}
-function Yo(e) {
-  e.sort(
-    (o, r) => o.score !== r.score ? r.score - o.score : rr(
-      o.routesMeta.map((t) => t.childrenIndex),
-      r.routesMeta.map((t) => t.childrenIndex)
-    )
-  );
-}
-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 += nr), o && (t += Qo), r.filter((a) => !Lt(a)).reduce(
-    (a, i) => a + (Zo.test(i) ? Xo : i === "" ? er : tr),
-    t
-  );
-}
-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
-    // behavior by simply putting routes with identical paths in the order they
-    // want them tried.
-    e[e.length - 1] - o[o.length - 1]
-  ) : (
-    // Otherwise, it doesn't really make sense to rank non-siblings by index,
-    // so they sort equally.
-    0
-  );
-}
-function ar(e, o, r = !1) {
-  let { routesMeta: t } = e, a = {}, i = "/", s = [];
-  for (let d = 0; d < t.length; ++d) {
-    let l = t[d], c = d === t.length - 1, h = i === "/" ? o : o.slice(i.length) || "/", g = Ee(
-      { path: l.relativePath, caseSensitive: l.caseSensitive, end: c },
-      h
-    ), b = l.route;
-    if (!g && c && r && !t[t.length - 1].route.index && (g = Ee(
-      {
-        path: l.relativePath,
-        caseSensitive: l.caseSensitive,
-        end: !1
-      },
-      h
-    )), !g)
-      return null;
-    Object.assign(a, g.params), s.push({
-      // TODO: Can this as be avoided?
-      params: a,
-      pathname: J([i, g.pathname]),
-      pathnameBase: ur(
-        J([i, g.pathnameBase])
-      ),
-      route: b
-    }), g.pathnameBase !== "/" && (i = J([i, g.pathnameBase]));
-  }
-  return s;
-}
-function Ee(e, o) {
-  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [r, t] = ir(
-    e.path,
-    e.caseSensitive,
-    e.end
-  ), a = o.match(r);
-  if (!a) return null;
-  let i = a[0], s = i.replace(/(.)\/+$/, "$1"), d = a.slice(1);
-  return {
-    params: t.reduce(
-      (c, { paramName: h, isOptional: g }, b) => {
-        if (h === "*") {
-          let x = d[b] || "";
-          s = i.slice(0, i.length - x.length).replace(/(.)\/+$/, "$1");
-        }
-        const C = d[b];
-        return g && !C ? c[h] = void 0 : c[h] = (C || "").replace(/%2F/g, "/"), c;
-      },
-      {}
-    ),
-    pathname: i,
-    pathnameBase: s,
-    pattern: e
-  };
-}
-function ir(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(/\*$/, "/*")}".`
-  );
-  let t = [], a = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
-    /\/:([\w-]+)(\?)?/g,
-    (s, d, l, c, h) => {
-      if (t.push({ paramName: d, isOptional: l != null }), l) {
-        let g = h.charAt(c + s.length);
-        return g && g !== "/" ? "/([^\\/]*)" : "(?:/([^\\/]*))?";
-      }
-      return "/([^\\/]+)";
-    }
-  ).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) {
-  try {
-    return e.split("/").map((o) => decodeURIComponent(o).replace(/\//g, "%2F")).join("/");
-  } catch (o) {
-    return te(
-      !1,
-      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${o}).`
-    ), e;
-  }
-}
-function de(e, o) {
-  if (o === "/") return e;
-  if (!e.toLowerCase().startsWith(o.toLowerCase()))
-    return null;
-  let r = o.endsWith("/") ? o.length - 1 : o.length, t = e.charAt(r);
-  return t && t !== "/" ? null : e.slice(r) || "/";
-}
-var dr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-function lr(e, o = "/") {
-  let {
-    pathname: r,
-    search: t = "",
-    hash: a = ""
-  } = typeof e == "string" ? ht(e) : e, i;
-  return r ? (r = r.replace(/\/\/+/g, "/"), r.startsWith("/") ? i = Pt(r.substring(1), "/") : i = Pt(r, o)) : i = o, {
-    pathname: i,
-    search: hr(t),
-    hash: gr(a)
-  };
-}
-function Pt(e, o) {
-  let r = o.replace(/\/+$/, "").split("/");
-  return e.split("/").forEach((a) => {
-    a === ".." ? r.length > 1 && r.pop() : a !== "." && r.push(a);
-  }), r.length > 1 ? r.join("/") : "/";
-}
-function Ze(e, o, r, t) {
-  return `Cannot include a '${e}' character in a manually specified \`to.${o}\` field [${JSON.stringify(
-    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 cr(e) {
-  return e.filter(
-    (o, r) => r === 0 || o.route.path && o.route.path.length > 0
-  );
-}
-function dn(e) {
-  let o = cr(e);
-  return o.map(
-    (r, t) => t === o.length - 1 ? r.pathname : r.pathnameBase
-  );
-}
-function gt(e, o, r, t = !1) {
-  let a;
-  typeof e == "string" ? a = ht(e) : (a = { ...e }, M(
-    !a.pathname || !a.pathname.includes("?"),
-    Ze("?", "pathname", "search", a)
-  ), M(
-    !a.pathname || !a.pathname.includes("#"),
-    Ze("#", "pathname", "hash", a)
-  ), M(
-    !a.search || !a.search.includes("#"),
-    Ze("#", "search", "hash", a)
-  ));
-  let i = e === "" || a.pathname === "", s = i ? "/" : a.pathname, d;
-  if (s == null)
-    d = r;
-  else {
-    let g = o.length - 1;
-    if (!t && s.startsWith("..")) {
-      let b = s.split("/");
-      for (; b[0] === ".."; )
-        b.shift(), g -= 1;
-      a.pathname = b.join("/");
-    }
-    d = g >= 0 ? o[g] : "/";
-  }
-  let l = lr(a, d), c = s && s !== "/" && s.endsWith("/"), h = (i || s === ".") && r.endsWith("/");
-  return !l.pathname.endsWith("/") && (c || h) && (l.pathname += "/"), l;
-}
-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 mr(e) {
-  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
-}
-function fr(e) {
-  return e.map((o) => o.route.path).filter(Boolean).join("/").replace(/\/\/*/g, "/") || "/";
-}
-var ln = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function cn(e, o) {
-  let r = e;
-  if (typeof r != "string" || !dr.test(r))
-    return {
-      absoluteURL: void 0,
-      isExternal: !1,
-      to: r
-    };
-  let t = r, a = !1;
-  if (ln)
-    try {
-      let i = new URL(window.location.href), s = r.startsWith("//") ? new URL(i.protocol + r) : new URL(r), d = de(s.pathname, o);
-      s.origin === i.origin && d != null ? r = d + s.search + s.hash : a = !0;
-    } catch {
-      te(
-        !1,
-        `<Link to="${r}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
-      );
-    }
-  return {
-    absoluteURL: t,
-    isExternal: a,
-    to: r
-  };
-}
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-var un = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-new Set(
-  un
-);
-var br = [
-  "GET",
-  ...un
-];
-new Set(br);
-var pe = p.createContext(null);
-pe.displayName = "DataRouter";
-var je = p.createContext(null);
-je.displayName = "DataRouterState";
-var hn = p.createContext(!1);
-function xr() {
-  return p.useContext(hn);
-}
-var gn = p.createContext({
-  isTransitioning: !1
-});
-gn.displayName = "ViewTransition";
-var vr = p.createContext(
-  /* @__PURE__ */ new Map()
-);
-vr.displayName = "Fetchers";
-var Cr = p.createContext(null);
-Cr.displayName = "Await";
-var q = p.createContext(
-  null
-);
-q.displayName = "Navigation";
-var pt = p.createContext(
-  null
-);
-pt.displayName = "Location";
-var oe = p.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-oe.displayName = "Route";
-var mt = p.createContext(null);
-mt.displayName = "RouteError";
-var pn = "REACT_ROUTER_ERROR", Rr = "REDIRECT", yr = "ROUTE_ERROR_RESPONSE";
-function Sr(e) {
-  if (e.startsWith(`${pn}:${Rr}:{`))
-    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")
-        return o;
-    } catch {
-    }
-}
-function wr(e) {
-  if (e.startsWith(
-    `${pn}:${yr}:{`
-  ))
-    try {
-      let o = JSON.parse(e.slice(40));
-      if (typeof o == "object" && o && typeof o.status == "number" && typeof o.statusText == "string")
-        return new pr(
-          o.status,
-          o.statusText,
-          o.data
-        );
-    } catch {
-    }
-}
-function Tr(e, { relative: o } = {}) {
-  M(
-    Ue(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useHref() may be used only in the context of a <Router> component."
-  );
-  let { basename: r, navigator: t } = p.useContext(q), { hash: a, pathname: i, search: s } = ye(e, { relative: o }), d = i;
-  return r !== "/" && (d = i === "/" ? r : J([r, i])), t.createHref({ pathname: d, search: s, hash: a });
-}
-function Ue() {
-  return p.useContext(pt) != null;
-}
-function re() {
-  return M(
-    Ue(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useLocation() may be used only in the context of a <Router> component."
-  ), p.useContext(pt).location;
-}
-var mn = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function fn(e) {
-  p.useContext(q).static || p.useLayoutEffect(e);
-}
-function kr() {
-  let { isDataRoute: e } = p.useContext(oe);
-  return e ? zr() : Lr();
-}
-function Lr() {
-  M(
-    Ue(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useNavigate() may be used only in the context of a <Router> component."
-  );
-  let e = p.useContext(pe), { basename: o, navigator: r } = p.useContext(q), { matches: t } = p.useContext(oe), { pathname: a } = re(), i = JSON.stringify(dn(t)), s = p.useRef(!1);
-  return fn(() => {
-    s.current = !0;
-  }), p.useCallback(
-    (l, c = {}) => {
-      if (te(s.current, mn), !s.current) return;
-      if (typeof l == "number") {
-        r.go(l);
-        return;
-      }
-      let h = gt(
-        l,
-        JSON.parse(i),
-        a,
-        c.relative === "path"
-      );
-      e == null && o !== "/" && (h.pathname = h.pathname === "/" ? o : J([o, h.pathname])), (c.replace ? r.replace : r.push)(
-        h,
-        c.state,
-        c
-      );
-    },
-    [
-      o,
-      r,
-      i,
-      a,
-      e
-    ]
-  );
-}
-p.createContext(null);
-function ye(e, { relative: o } = {}) {
-  let { matches: r } = p.useContext(oe), { pathname: t } = re(), a = JSON.stringify(dn(r));
-  return p.useMemo(
-    () => gt(
-      e,
-      JSON.parse(a),
-      t,
-      o === "path"
-    ),
-    [e, a, t, o]
-  );
-}
-function Pr(e, o, r) {
-  M(
-    Ue(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useRoutes() may be used only in the context of a <Router> component."
-  );
-  let { navigator: t } = p.useContext(q), { matches: a } = p.useContext(oe), i = a[a.length - 1], s = i ? i.params : {}, d = i ? i.pathname : "/", l = i ? i.pathnameBase : "/", c = i && i.route;
-  {
-    let f = c && c.path || "";
-    xn(
-      d,
-      !c || f.endsWith("*") || f.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${d}" (under <Route path="${f}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
-
-Please change the parent <Route path="${f}"> to <Route path="${f === "/" ? "*" : `${f}/*`}">.`
-    );
-  }
-  let h = re(), g;
-  g = h;
-  let b = g.pathname || "/", C = b;
-  if (l !== "/") {
-    let f = l.replace(/^\//, "").split("/");
-    C = "/" + b.replace(/^\//, "").split("/").slice(f.length).join("/");
-  }
-  let x = rn(e, { pathname: C });
-  return te(
-    c || x != null,
-    `No routes matched location "${g.pathname}${g.search}${g.hash}" `
-  ), te(
-    x == null || x[x.length - 1].route.element !== void 0 || x[x.length - 1].route.Component !== void 0 || x[x.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.`
-  ), Er(
-    x && x.map(
-      (f) => Object.assign({}, f, {
-        params: Object.assign({}, s, f.params),
-        pathname: J([
-          l,
-          // Re-encode pathnames that were decoded inside matchRoutes.
-          // Pre-encode `%`, `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          t.encodeLocation ? t.encodeLocation(
-            f.pathname.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : f.pathname
-        ]),
-        pathnameBase: f.pathnameBase === "/" ? l : J([
-          l,
-          // Re-encode pathnames that were decoded inside matchRoutes
-          // Pre-encode `%`, `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          t.encodeLocation ? t.encodeLocation(
-            f.pathnameBase.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : f.pathnameBase
-        ])
-      })
-    ),
-    a,
-    r
-  );
-}
-function Ir() {
-  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 }, i = { padding: "2px 4px", backgroundColor: t }, s = null;
-  return console.error(
-    "Error handled by React Router default ErrorBoundary:",
-    e
-  ), s = /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ p.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ p.createElement("code", { style: i }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ p.createElement("code", { style: i }, "errorElement"), " prop on your route.")), /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ p.createElement("h3", { style: { fontStyle: "italic" } }, o), r ? /* @__PURE__ */ p.createElement("pre", { style: a }, r) : null, s);
-}
-var Br = /* @__PURE__ */ p.createElement(Ir, null), bn = class extends p.Component {
-  constructor(e) {
-    super(e), this.state = {
-      location: e.location,
-      revalidation: e.revalidation,
-      error: e.error
-    };
-  }
-  static getDerivedStateFromError(e) {
-    return { error: e };
-  }
-  static getDerivedStateFromProps(e, o) {
-    return o.location !== e.location || o.revalidation !== "idle" && e.revalidation === "idle" ? {
-      error: e.error,
-      location: e.location,
-      revalidation: e.revalidation
-    } : {
-      error: e.error !== void 0 ? e.error : o.error,
-      location: o.location,
-      revalidation: e.revalidation || o.revalidation
-    };
-  }
-  componentDidCatch(e, o) {
-    this.props.onError ? this.props.onError(e, o) : console.error(
-      "React Router caught the following error during render",
-      e
-    );
-  }
-  render() {
-    let e = this.state.error;
-    if (this.context && typeof e == "object" && e && "digest" in e && typeof e.digest == "string") {
-      const r = wr(e.digest);
-      r && (e = r);
-    }
-    let o = e !== void 0 ? /* @__PURE__ */ p.createElement(oe.Provider, { value: this.props.routeContext }, /* @__PURE__ */ p.createElement(
-      mt.Provider,
-      {
-        value: e,
-        children: this.props.component
-      }
-    )) : this.props.children;
-    return this.context ? /* @__PURE__ */ p.createElement(Nr, { error: e }, o) : o;
-  }
-};
-bn.contextType = hn;
-var Xe = /* @__PURE__ */ new WeakMap();
-function Nr({
-  children: e,
-  error: o
-}) {
-  let { basename: r } = p.useContext(q);
-  if (typeof o == "object" && o && "digest" in o && typeof o.digest == "string") {
-    let t = Sr(o.digest);
-    if (t) {
-      let a = Xe.get(o);
-      if (a) throw a;
-      let i = cn(t.location, r);
-      if (ln && !Xe.get(o))
-        if (i.isExternal || t.reloadDocument)
-          window.location.href = i.absoluteURL || i.to;
-        else {
-          const s = Promise.resolve().then(
-            () => window.__reactRouterDataRouter.navigate(i.to, {
-              replace: t.replace
-            })
-          );
-          throw Xe.set(o, s), s;
-        }
-      return /* @__PURE__ */ p.createElement(
-        "meta",
-        {
-          httpEquiv: "refresh",
-          content: `0;url=${i.absoluteURL || i.to}`
-        }
-      );
-    }
-  }
-  return e;
-}
-function Wr({ routeContext: e, match: o, children: r }) {
-  let t = p.useContext(pe);
-  return t && t.static && t.staticContext && (o.route.errorElement || o.route.ErrorBoundary) && (t.staticContext._deepestRenderedBoundaryId = o.route.id), /* @__PURE__ */ p.createElement(oe.Provider, { value: e }, r);
-}
-function Er(e, o = [], r) {
-  let t = r?.state;
-  if (e == null) {
-    if (!t)
-      return null;
-    if (t.errors)
-      e = t.matches;
-    else if (o.length === 0 && !t.initialized && t.matches.length > 0)
-      e = t.matches;
-    else
-      return null;
-  }
-  let a = e, i = t?.errors;
-  if (i != null) {
-    let h = a.findIndex(
-      (g) => g.route.id && i?.[g.route.id] !== void 0
-    );
-    M(
-      h >= 0,
-      `Could not find a matching route for errors on route IDs: ${Object.keys(
-        i
-      ).join(",")}`
-    ), a = a.slice(
-      0,
-      Math.min(a.length, h + 1)
-    );
-  }
-  let s = !1, d = -1;
-  if (r && t) {
-    s = t.renderFallback;
-    for (let h = 0; h < a.length; h++) {
-      let g = a[h];
-      if ((g.route.HydrateFallback || g.route.hydrateFallbackElement) && (d = h), g.route.id) {
-        let { loaderData: b, errors: C } = t, x = g.route.loader && !b.hasOwnProperty(g.route.id) && (!C || C[g.route.id] === void 0);
-        if (g.route.lazy || x) {
-          r.isStatic && (s = !0), d >= 0 ? a = a.slice(0, d + 1) : a = [a[0]];
-          break;
-        }
-      }
-    }
-  }
-  let l = r?.onError, c = t && l ? (h, g) => {
-    l(h, {
-      location: t.location,
-      params: t.matches?.[0]?.params ?? {},
-      unstable_pattern: fr(t.matches),
-      errorInfo: g
-    });
-  } : void 0;
-  return a.reduceRight(
-    (h, g, b) => {
-      let C, x = !1, R = null, f = null;
-      t && (C = i && g.route.id ? i[g.route.id] : void 0, R = g.route.errorElement || Br, s && (d < 0 && b === 0 ? (xn(
-        "route-fallback",
-        !1,
-        "No `HydrateFallback` element provided to render during initial hydration"
-      ), x = !0, f = null) : d === b && (x = !0, f = g.route.hydrateFallbackElement || null)));
-      let v = o.concat(a.slice(0, b + 1)), y = () => {
-        let w;
-        return C ? w = R : x ? w = f : g.route.Component ? w = /* @__PURE__ */ p.createElement(g.route.Component, null) : g.route.element ? w = g.route.element : w = h, /* @__PURE__ */ p.createElement(
-          Wr,
-          {
-            match: g,
-            routeContext: {
-              outlet: h,
-              matches: v,
-              isDataRoute: t != null
-            },
-            children: w
-          }
-        );
-      };
-      return t && (g.route.ErrorBoundary || g.route.errorElement || b === 0) ? /* @__PURE__ */ p.createElement(
-        bn,
-        {
-          location: t.location,
-          revalidation: t.revalidation,
-          component: R,
-          error: C,
-          children: y(),
-          routeContext: { outlet: null, matches: v, isDataRoute: !0 },
-          onError: c
-        }
-      ) : y();
-    },
-    null
-  );
-}
-function ft(e) {
-  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function Ar(e) {
-  let o = p.useContext(pe);
-  return M(o, ft(e)), o;
-}
-function Dr(e) {
-  let o = p.useContext(je);
-  return M(o, ft(e)), o;
-}
-function Or(e) {
-  let o = p.useContext(oe);
-  return M(o, ft(e)), o;
-}
-function bt(e) {
-  let o = Or(e), r = o.matches[o.matches.length - 1];
-  return M(
-    r.route.id,
-    `${e} can only be used on routes that contain a unique "id"`
-  ), r.route.id;
-}
-function Fr() {
-  return bt(
-    "useRouteId"
-    /* UseRouteId */
-  );
-}
-function Mr() {
-  let e = p.useContext(mt), o = Dr(
-    "useRouteError"
-    /* UseRouteError */
-  ), r = bt(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  return e !== void 0 ? e : o.errors?.[r];
-}
-function zr() {
-  let { router: e } = Ar(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), o = bt(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), r = p.useRef(!1);
-  return fn(() => {
-    r.current = !0;
-  }), p.useCallback(
-    async (a, i = {}) => {
-      te(r.current, mn), r.current && (typeof a == "number" ? await e.navigate(a) : await e.navigate(a, { fromRouteId: o, ...i }));
-    },
-    [e, o]
-  );
-}
-var It = {};
-function xn(e, o, r) {
-  !o && !It[e] && (It[e] = !0, te(!1, r));
-}
-p.memo($r);
-function $r({
-  routes: e,
-  future: o,
-  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) {
-  return Ge(e) && e.tagName.toLowerCase() === "button";
-}
-function Hr(e) {
-  return Ge(e) && e.tagName.toLowerCase() === "form";
-}
-function Vr(e) {
-  return Ge(e) && e.tagName.toLowerCase() === "input";
-}
-function jr(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function Ur(e, o) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!o || o === "_self") && // Let browser handle "target=_blank" etc.
-  !jr(e);
-}
-var ke = null;
-function Gr() {
-  if (ke === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), ke = !1;
-    } catch {
-      ke = !0;
-    }
-  return ke;
-}
-var qr = /* @__PURE__ */ new Set([
-  "application/x-www-form-urlencoded",
-  "multipart/form-data",
-  "text/plain"
-]);
-function Qe(e) {
-  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 Jr(e, o) {
-  let r, t, a, i, s;
-  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, i = new FormData(e);
-  } 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, i = new FormData(d, e), !Gr()) {
-      let { name: c, type: h, value: g } = e;
-      if (h === "image") {
-        let b = c ? `${c}.` : "";
-        i.append(`${b}x`, "0"), i.append(`${b}y`, "0");
-      } else c && i.append(c, g);
-    }
-  } else {
-    if (Ge(e))
-      throw new Error(
-        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
-      );
-    r = Le, t = null, a = Pe, s = e;
-  }
-  return i && a === "text/plain" && (s = i, i = void 0), { action: t, method: r.toLowerCase(), encType: a, formData: i, body: s };
-}
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-function xt(e, o) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(o);
-}
-function vn(e, o, r, t) {
-  let a = typeof e == "string" ? new URL(
-    e,
-    // This can be called during the SSR flow via PrefetchPageLinksImpl so
-    // don't assume window is available
-    typeof window > "u" ? "server://singlefetch/" : window.location.origin
-  ) : 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 Kr(e, o) {
-  if (e.id in o)
-    return o[e.id];
-  try {
-    let r = await import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      e.module
-    );
-    return o[e.id] = r, r;
-  } catch (r) {
-    return console.error(
-      `Error loading route module \`${e.module}\`, reloading page...`
-    ), console.error(r), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
-    });
-  }
-}
-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 Zr(e, o, r) {
-  let t = await Promise.all(
-    e.map(async (a) => {
-      let i = o.routes[a.route.id];
-      if (i) {
-        let s = await Kr(i, r);
-        return s.links ? s.links() : [];
-      }
-      return [];
-    })
-  );
-  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" }
-    )
-  );
-}
-function Bt(e, o, r, t, a, i) {
-  let s = (l, c) => r[c] ? l.route.id !== r[c].route.id : !0, d = (l, c) => (
-    // param change, /users/123 -> /users/456
-    r[c].pathname !== l.pathname || // splat param changed, which is not present in match.path
-    // e.g. /files/images/avatar.jpg -> files/finances.xls
-    r[c].route.path?.endsWith("*") && r[c].params["*"] !== l.params["*"]
-  );
-  return i === "assets" ? o.filter(
-    (l, c) => s(l, c) || d(l, c)
-  ) : i === "data" ? o.filter((l, c) => {
-    let h = t.routes[l.route.id];
-    if (!h || !h.hasLoader)
-      return !1;
-    if (s(l, c) || d(l, c))
-      return !0;
-    if (l.route.shouldRevalidate) {
-      let g = l.route.shouldRevalidate({
-        currentUrl: new URL(
-          a.pathname + a.search + a.hash,
-          window.origin
-        ),
-        currentParams: r[0]?.params || {},
-        nextUrl: new URL(e, window.origin),
-        nextParams: l.params,
-        defaultShouldRevalidate: !0
-      });
-      if (typeof g == "boolean")
-        return g;
-    }
-    return !0;
-  }) : [];
-}
-function Xr(e, o, { includeHydrateFallback: r } = {}) {
-  return Qr(
-    e.map((t) => {
-      let a = o.routes[t.route.id];
-      if (!a) return [];
-      let i = [a.module];
-      return a.clientActionModule && (i = i.concat(a.clientActionModule)), a.clientLoaderModule && (i = i.concat(a.clientLoaderModule)), r && a.hydrateFallbackModule && (i = i.concat(a.hydrateFallbackModule)), a.imports && (i = i.concat(a.imports)), i;
-    }).flat(1)
-  );
-}
-function Qr(e) {
-  return [...new Set(e)];
-}
-function ea(e) {
-  let o = {}, r = Object.keys(e).sort();
-  for (let t of r)
-    o[t] = e[t];
-  return o;
-}
-function ta(e, o) {
-  let r = /* @__PURE__ */ new Set();
-  return new Set(o), e.reduce((t, a) => {
-    let i = JSON.stringify(ea(a));
-    return r.has(i) || (r.add(i), t.push({ key: i, link: a })), t;
-  }, []);
-}
-function vt() {
-  let e = p.useContext(pe);
-  return xt(
-    e,
-    "You must render this element inside a <DataRouterContext.Provider> element"
-  ), e;
-}
-function na() {
-  let e = p.useContext(je);
-  return xt(
-    e,
-    "You must render this element inside a <DataRouterStateContext.Provider> element"
-  ), e;
-}
-var Ct = p.createContext(void 0);
-Ct.displayName = "FrameworkContext";
-function Rt() {
-  let e = p.useContext(Ct);
-  return xt(
-    e,
-    "You must render this element inside a <HydratedRouter> element"
-  ), e;
-}
-function oa(e, o) {
-  let r = p.useContext(Ct), [t, a] = p.useState(!1), [i, s] = p.useState(!1), { onFocus: d, onBlur: l, onMouseEnter: c, onMouseLeave: h, onTouchStart: g } = o, b = p.useRef(null);
-  p.useEffect(() => {
-    if (e === "render" && s(!0), e === "viewport") {
-      let R = (v) => {
-        v.forEach((y) => {
-          s(y.isIntersecting);
-        });
-      }, f = new IntersectionObserver(R, { threshold: 0.5 });
-      return b.current && f.observe(b.current), () => {
-        f.disconnect();
-      };
-    }
-  }, [e]), p.useEffect(() => {
-    if (t) {
-      let R = setTimeout(() => {
-        s(!0);
-      }, 100);
-      return () => {
-        clearTimeout(R);
-      };
-    }
-  }, [t]);
-  let C = () => {
-    a(!0);
-  }, x = () => {
-    a(!1), s(!1);
-  };
-  return r ? e !== "intent" ? [i, b, {}] : [
-    i,
-    b,
-    {
-      onFocus: fe(d, C),
-      onBlur: fe(l, x),
-      onMouseEnter: fe(c, C),
-      onMouseLeave: fe(h, x),
-      onTouchStart: fe(g, C)
-    }
-  ] : [!1, b, {}];
-}
-function fe(e, o) {
-  return (r) => {
-    e && e(r), r.defaultPrevented || o(r);
-  };
-}
-function ra({ page: e, ...o }) {
-  let r = xr(), { router: t } = vt(), a = p.useMemo(
-    () => rn(t.routes, e, t.basename),
-    [t.routes, e, t.basename]
-  );
-  return a ? r ? /* @__PURE__ */ p.createElement(ia, { page: e, matches: a, ...o }) : /* @__PURE__ */ p.createElement(sa, { page: e, matches: a, ...o }) : null;
-}
-function aa(e) {
-  let { manifest: o, routeModules: r } = Rt(), [t, a] = p.useState([]);
-  return p.useEffect(() => {
-    let i = !1;
-    return Zr(e, o, r).then(
-      (s) => {
-        i || a(s);
-      }
-    ), () => {
-      i = !0;
-    };
-  }, [e, o, r]), t;
-}
-function ia({
-  page: e,
-  matches: o,
-  ...r
-}) {
-  let t = re(), { future: a } = Rt(), { basename: i } = vt(), s = p.useMemo(() => {
-    if (e === t.pathname + t.search + t.hash)
-      return [];
-    let d = vn(
-      e,
-      i,
-      a.unstable_trailingSlashAwareDataRequests,
-      "rsc"
-    ), l = !1, c = [];
-    for (let h of o)
-      typeof h.route.shouldRevalidate == "function" ? l = !0 : c.push(h.route.id);
-    return l && c.length > 0 && d.searchParams.set("_routes", c.join(",")), [d.pathname + d.search];
-  }, [
-    i,
-    a.unstable_trailingSlashAwareDataRequests,
-    e,
-    t,
-    o
-  ]);
-  return /* @__PURE__ */ p.createElement(p.Fragment, null, s.map((d) => /* @__PURE__ */ p.createElement("link", { key: d, rel: "prefetch", as: "fetch", href: d, ...r })));
-}
-function sa({
-  page: e,
-  matches: o,
-  ...r
-}) {
-  let t = re(), { future: a, manifest: i, routeModules: s } = Rt(), { basename: d } = vt(), { loaderData: l, matches: c } = na(), h = p.useMemo(
-    () => Bt(
-      e,
-      o,
-      c,
-      i,
-      t,
-      "data"
-    ),
-    [e, o, c, i, t]
-  ), g = p.useMemo(
-    () => Bt(
-      e,
-      o,
-      c,
-      i,
-      t,
-      "assets"
-    ),
-    [e, o, c, i, t]
-  ), b = p.useMemo(() => {
-    if (e === t.pathname + t.search + t.hash)
-      return [];
-    let R = /* @__PURE__ */ new Set(), f = !1;
-    if (o.forEach((y) => {
-      let w = i.routes[y.route.id];
-      !w || !w.hasLoader || (!h.some((I) => I.route.id === y.route.id) && y.route.id in l && s[y.route.id]?.shouldRevalidate || w.hasClientLoader ? f = !0 : R.add(y.route.id));
-    }), R.size === 0)
-      return [];
-    let v = vn(
-      e,
-      d,
-      a.unstable_trailingSlashAwareDataRequests,
-      "data"
-    );
-    return f && R.size > 0 && v.searchParams.set(
-      "_routes",
-      o.filter((y) => R.has(y.route.id)).map((y) => y.route.id).join(",")
-    ), [v.pathname + v.search];
-  }, [
-    d,
-    a.unstable_trailingSlashAwareDataRequests,
-    l,
-    t,
-    i,
-    h,
-    o,
-    e,
-    s
-  ]), C = p.useMemo(
-    () => Xr(g, i),
-    [g, i]
-  ), x = aa(g);
-  return /* @__PURE__ */ p.createElement(p.Fragment, null, b.map((R) => /* @__PURE__ */ p.createElement("link", { key: R, rel: "prefetch", as: "fetch", href: R, ...r })), C.map((R) => /* @__PURE__ */ p.createElement("link", { key: R, rel: "modulepreload", href: R, ...r })), x.map(({ key: R, link: f }) => (
-    // these don't spread `linkProps` because they are full link descriptors
-    // already with their own props
-    /* @__PURE__ */ p.createElement(
-      "link",
-      {
-        key: R,
-        nonce: r.nonce,
-        ...f,
-        crossOrigin: f.crossOrigin ?? r.crossOrigin
-      }
-    )
-  )));
-}
-function da(...e) {
-  return (o) => {
-    e.forEach((r) => {
-      typeof r == "function" ? r(o) : r != null && (r.current = o);
-    });
-  };
-}
-var la = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-try {
-  la && (window.__reactRouterVersion = // @ts-expect-error
-  "7.14.0");
-} catch {
-}
-var Cn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Rn = p.forwardRef(
-  function({
-    onClick: o,
-    discover: r = "render",
-    prefetch: t = "none",
-    relative: a,
-    reloadDocument: i,
-    replace: s,
-    unstable_mask: d,
-    state: l,
-    target: c,
-    to: h,
-    preventScrollReset: g,
-    viewTransition: b,
-    unstable_defaultShouldRevalidate: C,
-    ...x
-  }, R) {
-    let { basename: f, navigator: v, unstable_useTransitions: y } = p.useContext(q), w = typeof h == "string" && Cn.test(h), I = cn(h, f);
-    h = I.to;
-    let N = Tr(h, { relative: a }), H = re(), ae = null;
-    if (d) {
-      let ie = gt(
-        d,
-        [],
-        H.unstable_mask ? H.unstable_mask.pathname : "/",
-        !0
-      );
-      f !== "/" && (ie.pathname = ie.pathname === "/" ? f : J([f, ie.pathname])), ae = v.createHref(ie);
-    }
-    let [ue, me, Ke] = oa(
-      t,
-      x
-    ), Ln = ga(h, {
-      replace: s,
-      unstable_mask: d,
-      state: l,
-      target: c,
-      preventScrollReset: g,
-      relative: a,
-      viewTransition: b,
-      unstable_defaultShouldRevalidate: C,
-      unstable_useTransitions: y
-    });
-    function Pn(ie) {
-      o && o(ie), ie.defaultPrevented || Ln(ie);
-    }
-    let St = !(I.isExternal || i), wt = (
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ p.createElement(
-        "a",
-        {
-          ...x,
-          ...Ke,
-          href: (St ? ae : void 0) || I.absoluteURL || N,
-          onClick: St ? Pn : o,
-          ref: da(R, me),
-          target: c,
-          "data-discover": !w && r === "render" ? "true" : void 0
-        }
-      )
-    );
-    return ue && !w ? /* @__PURE__ */ p.createElement(p.Fragment, null, wt, /* @__PURE__ */ p.createElement(ra, { page: N })) : wt;
-  }
-);
-Rn.displayName = "Link";
-var ca = p.forwardRef(
-  function({
-    "aria-current": o = "page",
-    caseSensitive: r = !1,
-    className: t = "",
-    end: a = !1,
-    style: i,
-    to: s,
-    viewTransition: d,
-    children: l,
-    ...c
-  }, h) {
-    let g = ye(s, { relative: c.relative }), b = re(), C = p.useContext(je), { navigator: x, basename: R } = p.useContext(q), f = C != 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 = x.encodeLocation ? x.encodeLocation(g).pathname : g.pathname, y = b.pathname, w = C && C.navigation && C.navigation.location ? C.navigation.location.pathname : null;
-    r || (y = y.toLowerCase(), w = w ? w.toLowerCase() : null, v = v.toLowerCase()), w && R && (w = de(w, R) || w);
-    const I = v !== "/" && v.endsWith("/") ? v.length - 1 : v.length;
-    let N = y === v || !a && y.startsWith(v) && y.charAt(I) === "/", H = w != null && (w === v || !a && w.startsWith(v) && w.charAt(v.length) === "/"), ae = {
-      isActive: N,
-      isPending: H,
-      isTransitioning: f
-    }, ue = N ? o : void 0, me;
-    typeof t == "function" ? me = t(ae) : me = [
-      t,
-      N ? "active" : null,
-      H ? "pending" : null,
-      f ? "transitioning" : null
-    ].filter(Boolean).join(" ");
-    let Ke = typeof i == "function" ? i(ae) : i;
-    return /* @__PURE__ */ p.createElement(
-      Rn,
-      {
-        ...c,
-        "aria-current": ue,
-        className: me,
-        ref: h,
-        style: Ke,
-        to: s,
-        viewTransition: d
-      },
-      typeof l == "function" ? l(ae) : l
-    );
-  }
-);
-ca.displayName = "NavLink";
-var ua = p.forwardRef(
-  ({
-    discover: e = "render",
-    fetcherKey: o,
-    navigate: r,
-    reloadDocument: t,
-    replace: a,
-    state: i,
-    method: s = Le,
-    action: d,
-    onSubmit: l,
-    relative: c,
-    preventScrollReset: h,
-    viewTransition: g,
-    unstable_defaultShouldRevalidate: b,
-    ...C
-  }, x) => {
-    let { unstable_useTransitions: R } = p.useContext(q), f = fa(), v = ba(d, { relative: c }), y = s.toLowerCase() === "get" ? "get" : "post", w = typeof d == "string" && Cn.test(d), I = (N) => {
-      if (l && l(N), N.defaultPrevented) return;
-      N.preventDefault();
-      let H = N.nativeEvent.submitter, ae = H?.getAttribute("formmethod") || s, ue = () => f(H || N.currentTarget, {
-        fetcherKey: o,
-        method: ae,
-        navigate: r,
-        replace: a,
-        state: i,
-        relative: c,
-        preventScrollReset: h,
-        viewTransition: g,
-        unstable_defaultShouldRevalidate: b
-      });
-      R && r !== !1 ? p.startTransition(() => ue()) : ue();
-    };
-    return /* @__PURE__ */ p.createElement(
-      "form",
-      {
-        ref: x,
-        method: y,
-        action: v,
-        onSubmit: t ? l : I,
-        ...C,
-        "data-discover": !w && e === "render" ? "true" : void 0
-      }
-    );
-  }
-);
-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 yn(e) {
-  let o = p.useContext(pe);
-  return M(o, ha(e)), o;
-}
-function ga(e, {
-  target: o,
-  replace: r,
-  unstable_mask: t,
-  state: a,
-  preventScrollReset: i,
-  relative: s,
-  viewTransition: d,
-  unstable_defaultShouldRevalidate: l,
-  unstable_useTransitions: c
-} = {}) {
-  let h = kr(), g = re(), b = ye(e, { relative: s });
-  return p.useCallback(
-    (C) => {
-      if (Ur(C, o)) {
-        C.preventDefault();
-        let x = r !== void 0 ? r : We(g) === We(b), R = () => h(e, {
-          replace: x,
-          unstable_mask: t,
-          state: a,
-          preventScrollReset: i,
-          relative: s,
-          viewTransition: d,
-          unstable_defaultShouldRevalidate: l
-        });
-        c ? p.startTransition(() => R()) : R();
-      }
-    },
-    [
-      g,
-      h,
-      b,
-      r,
-      t,
-      a,
-      o,
-      e,
-      i,
-      s,
-      d,
-      l,
-      c
-    ]
-  );
-}
-var pa = 0, ma = () => `__${String(++pa)}__`;
-function fa() {
-  let { router: e } = yn(
-    "useSubmit"
-    /* UseSubmit */
-  ), { basename: o } = p.useContext(q), r = Fr(), t = e.fetch, a = e.navigate;
-  return p.useCallback(
-    async (i, s = {}) => {
-      let { action: d, method: l, encType: c, formData: h, body: g } = Jr(
-        i,
-        o
-      );
-      if (s.navigate === !1) {
-        let b = s.fetcherKey || ma();
-        await t(b, r, s.action || d, {
-          unstable_defaultShouldRevalidate: s.unstable_defaultShouldRevalidate,
-          preventScrollReset: s.preventScrollReset,
-          formData: h,
-          body: g,
-          formMethod: s.method || l,
-          formEncType: s.encType || c,
-          flushSync: s.flushSync
-        });
-      } else
-        await a(s.action || d, {
-          unstable_defaultShouldRevalidate: s.unstable_defaultShouldRevalidate,
-          preventScrollReset: s.preventScrollReset,
-          formData: h,
-          body: g,
-          formMethod: s.method || l,
-          formEncType: s.encType || c,
-          replace: s.replace,
-          state: s.state,
-          fromRouteId: r,
-          flushSync: s.flushSync,
-          viewTransition: s.viewTransition
-        });
-    },
-    [t, a, o, r]
-  );
-}
-function ba(e, { relative: o } = {}) {
-  let { basename: r } = p.useContext(q), t = p.useContext(oe);
-  M(t, "useFormAction must be used inside a RouteContext");
-  let [a] = t.matches.slice(-1), i = { ...ye(e || ".", { relative: o }) }, s = re();
-  if (e == null) {
-    i.search = s.search;
-    let d = new URLSearchParams(i.search), l = d.getAll("index");
-    if (l.some((h) => h === "")) {
-      d.delete("index"), l.filter((g) => g).forEach((g) => d.append("index", g));
-      let h = d.toString();
-      i.search = h ? `?${h}` : "";
-    }
-  }
-  return (!e || e === ".") && a.route.index && (i.search = i.search ? i.search.replace(/^\?/, "?index&") : "?index"), r !== "/" && (i.pathname = i.pathname === "/" ? r : J([r, i.pathname])), We(i);
-}
-function xa(e, { relative: o } = {}) {
-  let r = p.useContext(gn);
-  M(
-    r != null,
-    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
-  );
-  let { basename: t } = yn(
-    "useViewTransitionState"
-    /* useViewTransitionState */
-  ), a = ye(e, { relative: o });
-  if (!r.isTransitioning)
-    return !1;
-  let i = de(r.currentLocation.pathname, t) || r.currentLocation.pathname, s = de(r.nextLocation.pathname, t) || r.nextLocation.pathname;
-  return Ee(a.pathname, s) != null || Ee(a.pathname, i) != null;
-}
-const va = ({ readonlyTo: e }) => {
-  const { nodeProps: o, setNodeProps: r } = Ve(), t = e ?? o.anchor?.to, a = (() => {
-    if (!ee(t))
-      return be(t) ? t : We(t);
-  })();
-  return /* @__PURE__ */ n(P, { name: "To", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(
-    se,
-    {
-      readOnly: !!e,
-      placeholder: "https://example.com",
-      mode: "onBlur",
-      value: a ?? "",
-      onChange: (s) => {
-        if (s.target.value = s.target.value.trim(), !s.target.value) {
-          r({
-            anchor: void 0
-          });
-          return;
-        }
-        r({
-          anchor: {
-            to: s.target.value
-          }
-        });
-      }
-    }
-  ) }) });
-}, Ca = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o } = Ve(), { getResponsiveProp: r, currentScreen: t } = B(), a = [
-    {
-      label: "Small",
-      value: "sm"
-    },
-    {
-      label: "Medium",
-      value: "md"
-    },
-    {
-      label: "Large",
-      value: "lg"
-    }
-  ], i = (s) => {
-    o(
-      {
-        size: s
-      },
-      t
-    );
-  };
-  return /* @__PURE__ */ n(P, { name: "Size variant", children: /* @__PURE__ */ n(
-    lt,
-    {
-      css: {
-        width: "50%"
-      },
-      options: a,
-      value: r(e, "size") ?? null,
-      onChange: i
-    }
-  ) });
-}, Ra = [
-  {
-    value: "contained",
-    label: "Contained"
-  },
-  {
-    value: "outlined",
-    label: "Outlined"
-  },
-  {
-    value: "text",
-    label: "Text"
-  }
-], ya = () => {
-  const { nodeProps: e, setNodeProps: o } = Ve(), r = (t) => {
-    o({
-      variant: t.currentTarget.value
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Variant", children: /* @__PURE__ */ n("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: Ra.map((t) => {
-    const a = e?.variant === t.value;
-    return /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: r,
-        value: t.value,
-        css: [
-          {
-            borderRadius: 4,
-            padding: 4,
-            backgroundColor: S.palette.white["1s"],
-            color: S.palette.white["3s"],
-            borderWidth: 1,
-            borderStyle: "solid",
-            borderColor: "transparent"
-          },
-          a && { color: S.palette.white["6s"], borderColor: S.palette.white["4s"] }
-        ],
-        children: /* @__PURE__ */ n(
-          "div",
-          {
-            css: [
-              {
-                position: "relative",
-                display: "flex",
-                paddingInline: 12,
-                paddingBlock: 4,
-                borderRadius: 4,
-                overflow: "hidden",
-                justifyContent: "center",
-                alignItems: "center"
-              },
-              t.value === "outlined" && {
-                borderWidth: 1,
-                borderStyle: "solid",
-                borderColor: S.palette.white["2s"],
-                backgroundColor: S.palette.white["1s"]
-              },
-              t.value === "contained" && { backgroundColor: S.palette.black["7s"] }
-            ],
-            children: /* @__PURE__ */ n("span", { css: { ...S.text.xs }, children: "Aa" })
-          }
-        )
-      },
-      t.value
-    );
-  }) }) });
-}, Vi = ({ readonlyTo: e }) => {
-  const { nodeProps: o, setNodeProps: r } = Ve(), { currentScreen: t, getResponsiveProp: a } = B(), i = (h, g = t) => {
-    r({
-      sx: W(h, g)
-    });
-  }, s = {
-    width: a(o.sx ?? {}, "width")
-  }, d = (h) => {
-    r({
-      color: h
-    });
-  }, l = (h) => {
-    r({
-      anchor: {
-        target: h
-      }
-    });
-  }, c = (h) => {
-    r({
-      dangerouslySetInnerHTML: {
-        __html: h.target.value
-      }
-    });
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Text", children: /* @__PURE__ */ n(P, { name: "Content", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(se, { value: o.dangerouslySetInnerHTML?.__html.toString() ?? "", onChange: c }) }) }) }),
-        /* @__PURE__ */ u(m, { name: "Color & Variant", children: [
-          /* @__PURE__ */ n(uo, { value: o.color, onChange: d }),
-          /* @__PURE__ */ n(ya, {})
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Size", children: [
-          /* @__PURE__ */ n(Ca, {}),
-          /* @__PURE__ */ n(V, { onChange: i, value: s })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Link", children: [
-          /* @__PURE__ */ n(va, { readonlyTo: e }),
-          /* @__PURE__ */ n(Gt, { value: o.anchor?.target, onChange: l })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing", children: /* @__PURE__ */ n(
-          ho,
-          {
-            value: {
-              marginTop: a(o.sx ?? {}, "marginTop"),
-              marginBottom: a(o.sx ?? {}, "marginBottom"),
-              marginLeft: a(o.sx ?? {}, "marginLeft"),
-              marginRight: a(o.sx ?? {}, "marginRight")
-            },
-            onChange: i
-          }
-        ) })
-      ] })
-    ] })
-  ] });
-}, Sn = () => A({
-  transform: wo
-}), 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>`, wa = `<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>`, Ta = [
-  {
-    value: "row",
-    icon: wa,
-    label: "Row"
-  },
-  {
-    value: "column",
-    icon: Sa,
-    label: "Column"
-  }
-], ka = () => {
-  const { nodeProps: e, setNodeProps: o } = Sn(), { currentScreen: r, getResponsiveProp: t } = B(), a = t(e.sx ?? {}, "flexDirection");
-  return /* @__PURE__ */ n(P, { responsive: !0, name: "Direction", children: /* @__PURE__ */ n(_e, { value: a, onSelectionChange: (s) => {
-    o({
-      sx: W(
-        {
-          flexDirection: s,
-          justifyContent: void 0,
-          alignItems: void 0
-        },
-        r
-      )
-    });
-  }, children: Ta.map((s) => /* @__PURE__ */ n(
-    G,
-    {
-      tooltip: {
-        content: s.label
-      },
-      size: "24",
-      value: s.value,
-      children: /* @__PURE__ */ n(E, { source: s.icon })
-    },
-    s.value
-  )) }) });
-}, ji = () => {
-  const { nodeProps: e, setNodeProps: o } = Sn(), { currentScreen: r, getResponsiveProp: t } = B(), a = (v, y = r) => {
-    o({ sx: W(v, y) });
-  }, i = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, s = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, d = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, l = () => /* @__PURE__ */ n(j, { canvas: !0, is: Et }), c = {
-    rowGap: t(e.sx ?? {}, "rowGap") ?? 0
-  }, h = {
-    columnGap: t(e.sx ?? {}, "columnGap") ?? 0
-  }, g = {
-    width: t(e.sx ?? {}, "width")
-  }, b = {
-    alignItems: t(e.sx ?? {}, "alignItems")
-  }, C = {
-    height: t(e.sx ?? {}, "height")
-  }, x = t(e.sx ?? {}, "flexDirection"), R = {
-    justifyContent: t(e.sx ?? {}, "justifyContent")
-  }, f = {
-    backgroundColor: t(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: t(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: t(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: t(e.sx ?? {}, "backgroundRepeat"),
-    background: t(e.sx ?? {}, "background"),
-    backgroundSize: t(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: t(e.sx ?? {}, "backgroundAttachment")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Flex items", children: /* @__PURE__ */ n(Ce, { getNewNodeElement: l }) }),
-        /* @__PURE__ */ u(m, { name: "Layout", children: [
-          /* @__PURE__ */ n(ka, {}),
-          /* @__PURE__ */ n(
-            Jt,
-            {
-              value: {
-                flexWrap: t(e.sx ?? {}, "flexWrap")
-              },
-              onChange: a
-            }
-          ),
-          /* @__PURE__ */ n(Re, { value: c, onChange: a }),
-          /* @__PURE__ */ n(at, { value: h, onChange: a }),
-          /* @__PURE__ */ n(Kt, { flexDirection: x, value: b, onChange: a }),
-          /* @__PURE__ */ n(
-            go,
-            {
-              onChange: a,
-              value: R,
-              direction: x === "column" ? "column" : "row"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Size", children: [
-          /* @__PURE__ */ n(
-            V,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              onChange: a,
-              value: g
-            }
-          ),
-          /* @__PURE__ */ n(ce, { value: C, units: ["px", "%"], onChange: a })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: s, onChange: a }),
-          /* @__PURE__ */ n($, { value: d, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: f, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, yt = () => A({
-  transform: To
-}), La = () => {
-  const { nodeProps: e, setNodeProps: o } = yt(), { getResponsiveProp: r, currentScreen: t } = B(), a = r(e.sx ?? {}, "flexGrow");
-  return /* @__PURE__ */ n(P, { guide: "Automatically expands to fill the available space in a flex container.", name: "Auto grow", children: /* @__PURE__ */ n(le, { onChange: (s) => {
-    o({
-      sx: W(
-        {
-          flexGrow: s.target.checked ? 1 : void 0
-        },
-        t
-      )
-    });
-  }, checked: !ee(a) }) });
-}, Pa = () => {
-  const { nodeProps: e, setNodeProps: o } = yt(), { getResponsiveProp: r, currentScreen: t } = B(), a = r(e.sx ?? {}, "flexShrink");
-  return /* @__PURE__ */ n(P, { guide: "Automatically shrinks when there isn’t enough space in the flex container.", name: "Auto shrink", children: /* @__PURE__ */ n(le, { onChange: (s) => {
-    o({
-      sx: W(
-        {
-          flexShrink: s.target.checked ? void 0 : 0
-        },
-        t
-      )
-    });
-  }, checked: a !== 0 }) });
-}, Ui = () => {
-  const { nodeProps: e, setNodeProps: o } = yt(), { currentScreen: r, getResponsiveProp: t } = B(), a = (g, b = r) => {
-    o({ sx: W(g, b) });
-  }, i = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, s = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, d = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, l = {
-    width: t(e.sx ?? {}, "width")
-  }, c = {
-    backgroundColor: t(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: t(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: t(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: t(e.sx ?? {}, "backgroundRepeat"),
-    background: t(e.sx ?? {}, "background"),
-    backgroundSize: t(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: t(e.sx ?? {}, "backgroundAttachment")
-  }, h = {
-    order: t(e.sx ?? {}, "order")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ n(L, { children: /* @__PURE__ */ u(m, { name: "Layout", children: [
-        /* @__PURE__ */ n(Pa, {}),
-        /* @__PURE__ */ n(La, {}),
-        /* @__PURE__ */ n(
-          V,
-          {
-            menu: {
-              autoOption: { visible: !0 },
-              fitContentOption: { visible: !0 }
-            },
-            onChange: a,
-            value: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          ce,
-          {
-            value: {
-              height: t(e.sx ?? {}, "height")
-            },
-            onChange: a
-          }
-        ),
-        /* @__PURE__ */ n(Ut, { value: h, onChange: a })
-      ] }) }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: s, onChange: a }),
-          /* @__PURE__ */ n($, { value: d, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: c, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, wn = ({ availableTags: e = [] }) => {
-  const { setNodeProps: o, setNodeResponsiveProps: r, nodeProps: t } = A(), { currentScreen: a, getResponsiveProp: i } = B(), s = (y, w = a) => {
-    o({ sx: W(y, w) });
-  }, d = i(t.sx ?? {}, "textAlign") ?? "left", l = (y) => {
-    s({
-      textAlign: y
-    });
-  }, c = {
-    fontStyle: i(t.sx ?? {}, "fontStyle", "xs"),
-    textDecorationLine: i(t.sx ?? {}, "textDecorationLine", "xs"),
-    fontWeight: i(t.sx ?? {}, "fontWeight", "xs")
-  }, h = (y) => {
-    s(
-      {
-        fontStyle: y.fontStyle,
-        textDecorationLine: y.textDecorationLine,
-        fontWeight: y.fontWeight
-      },
-      "xs"
-    );
-  }, g = {
-    width: i(t.sx ?? {}, "width")
-  }, b = {
-    color: i(t.sx ?? {}, "color", "xs")
-  }, C = (y) => {
-    s(y, "xs");
-  }, x = (y) => {
-    r(
-      {
-        sizeVariant: y
-      },
-      a
-    );
-  }, R = {
-    paddingBottom: i(t.sx ?? {}, "paddingBottom"),
-    paddingLeft: i(t.sx ?? {}, "paddingLeft"),
-    paddingRight: i(t.sx ?? {}, "paddingRight"),
-    paddingTop: i(t.sx ?? {}, "paddingTop"),
-    marginBottom: i(t.sx ?? {}, "marginBottom"),
-    marginLeft: i(t.sx ?? {}, "marginLeft"),
-    marginRight: i(t.sx ?? {}, "marginRight"),
-    marginTop: i(t.sx ?? {}, "marginTop")
-  }, f = t.as, v = (y) => {
-    o({
-      as: y
-    });
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Text", children: [
-          /* @__PURE__ */ n(
-            Me,
-            {
-              onChange: x,
-              value: i(t, "sizeVariant")
-            }
-          ),
-          /* @__PURE__ */ n(ge, { value: b, onChange: C }),
-          /* @__PURE__ */ n(ze, { value: c, onChange: h }),
-          /* @__PURE__ */ n(qt, { value: d, onChange: l }),
-          /* @__PURE__ */ n(
-            it,
-            {
-              value: {
-                textTransform: i(t.sx ?? {}, "textTransform", "xs") ?? "none"
-              },
-              onChange: (y) => s(y, "xs")
-            }
-          ),
-          /* @__PURE__ */ n(
-            $e,
-            {
-              responsive: !0,
-              value: {
-                fontWeight: i(t.sx ?? {}, "fontWeight")
-              },
-              onChange: s
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Size", children: /* @__PURE__ */ n(V, { value: g, onChange: s }) }),
-        e.length > 0 && /* @__PURE__ */ n(m, { name: "SEO", children: /* @__PURE__ */ n(po, { onChange: v, value: f, availableTags: e }) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing", children: /* @__PURE__ */ n(z, { value: R, onChange: s }) })
-      ] })
-    ] })
-  ] });
-}, Gi = () => /* @__PURE__ */ n(wn, {}), qi = () => {
-  const { id: e } = Q(), { document: o } = Xt(), { actions: r, query: t } = ne(), [a, i] = U(!1), {
-    dom: s,
-    name: d,
-    moveable: l,
-    deletable: c,
-    connectors: { drag: h },
-    parentSelectableNode: g,
-    selectable: b
-  } = Q((v) => {
-    let y = v.data.parent ? t.node(v.data.parent).get() : null;
-    for (; y && !kt(y); )
-      y = y.data.parent && y.data.parent !== Zn ? t.node(y.data.parent).get() : null;
-    return {
-      dom: v.dom,
-      name: rt(v),
-      moveable: t.node(v.id).isDraggable(),
-      deletable: t.node(v.id).isDeletable() && !!(v.data.custom?.deletable ?? !0),
-      parentSelectableNode: y,
-      parentNode: v.data.parent,
-      selectable: kt(v)
-    };
-  }), { floatingStyles: C, refs: x } = Fo({
-    open: !0,
-    placement: "bottom-start",
-    middleware: [zo(), $o(4)],
-    whileElementsMounted: Mo
-  }), R = (v) => {
-    const y = v.currentTarget.getAttribute("value");
-    !ee(y) && r.selectNode(y);
-  };
-  ve(() => {
-    x.setReference(s);
-  }, [s, x]);
-  const f = () => {
-    r.delete(e);
-  };
-  return /* @__PURE__ */ n(Vt, { children: b && x.reference.current && /* @__PURE__ */ n(_o, { root: o?.body, children: /* @__PURE__ */ n("div", { ref: x.setFloating, style: C, children: /* @__PURE__ */ u(
-    "div",
-    {
-      css: {
-        display: "flex",
-        paddingBlock: 4,
-        paddingInline: 6,
-        backgroundColor: S.palette.ink["6s"],
-        color: S.palette.white["6s"],
-        borderRadius: 4,
-        alignItems: "center",
-        gap: 4
-      },
-      children: [
-        l && /* @__PURE__ */ n(
-          G,
-          {
-            ref: (v) => {
-              v && h(v);
-            },
-            css: { cursor: "grab" },
-            size: "20",
-            children: /* @__PURE__ */ n(E, { size: 16, source: st })
-          }
-        ),
-        /* @__PURE__ */ u(Ho, { offset: 8, onOpenChange: i, open: a, children: [
-          /* @__PURE__ */ n(oo, { children: /* @__PURE__ */ n(
-            K,
-            {
-              suffix: /* @__PURE__ */ n(
-                E,
-                {
-                  css: [
-                    { transition: "transform" },
-                    a && { transform: "rotate(-180deg)" },
-                    !g && {
-                      display: "none"
-                    }
-                  ],
-                  size: 16,
-                  source: ct
-                }
-              ),
-              variant: "text",
-              size: "24",
-              children: d
-            }
-          ) }),
-          !!g && /* @__PURE__ */ n(ro, { children: /* @__PURE__ */ n(ao, { onClick: R, value: g.id, children: rt(g) }) })
-        ] }),
-        c && /* @__PURE__ */ n(G, { onClick: f, css: { cursor: "grab" }, size: "20", children: /* @__PURE__ */ n(E, { size: 16, source: dt }) })
-      ]
-    }
-  ) }) }) });
-}, Ji = () => {
-  const { dom: e } = Q((a) => ({
-    dom: a.dom
-  })), { window: o } = Xt(), [r, t] = U(null);
-  return ve(() => {
-    if (!e || !o) return;
-    let a = null, i = !1;
-    const s = () => {
-      const h = e.getBoundingClientRect();
-      t(h), i = !1;
-    }, d = () => {
-      i || (i = !0, a = o.requestAnimationFrame(s));
-    };
-    s(), o.addEventListener("scroll", d, !0), o.addEventListener("resize", d);
-    const l = new ResizeObserver(d);
-    l.observe(e);
-    const c = new MutationObserver(d);
-    return c.observe(e, { attributes: !0, childList: !0, subtree: !0 }), () => {
-      a !== null && o.cancelAnimationFrame(a), o.removeEventListener("scroll", d, !0), o.removeEventListener("resize", d), l.disconnect(), c.disconnect();
-    };
-  }, [e, o]), r ? /* @__PURE__ */ n(
-    "div",
-    {
-      css: {
-        position: "fixed",
-        left: `${r.left}px`,
-        top: `${r.top}px`,
-        width: `${r.width}px`,
-        height: `${r.height}px`,
-        pointerEvents: "none",
-        zIndex: 9999,
-        outlineWidth: 1,
-        outlineStyle: "dashed",
-        outlineColor: S.palette.ink["6s"],
-        outlineOffset: -1
-      }
-    }
-  ) : null;
-}, Ki = () => /* @__PURE__ */ n(wn, { availableTags: ["h1", "h2", "h3", "h4", "h5", "h6", "div"] }), Se = () => A({
-  transform: ko
-}), Ia = () => {
-  const { nodeProps: e, setNodeProps: o } = Se();
-  return /* @__PURE__ */ n(P, { direction: "vertical", name: "Alt text", children: /* @__PURE__ */ n(
-    io,
-    {
-      onBlur: (a) => {
-        o({
-          alt: a.target.value.trim()
-        });
-      },
-      onChange: (a) => {
-        o({
-          alt: Ht(a.target.value)
-        });
-      },
-      placeholder: "E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style",
-      rows: 3,
-      value: e.alt ?? ""
-    }
-  ) });
-}, Ba = () => {
-  const { nodeProps: e, setNodeProps: o } = Se(), r = (t) => {
-    o({
-      loading: t.target.checked ? "eager" : "lazy"
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Preload", children: /* @__PURE__ */ n(le, { checked: e.loading === "eager", onChange: r }) });
-};
-var Tn = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Square = "1 / 1", e.Widescreen = "16 / 9", e.Portrait = "9 / 16", e.Custom = "custom", e))(Tn || {});
-const Na = [
-  {
-    value: "auto",
-    label: "Original"
-  },
-  {
-    value: "1 / 1",
-    label: "Square"
-  },
-  {
-    value: "16 / 9",
-    label: "Widescreen"
-  },
-  {
-    value: "9 / 16",
-    label: "Portrait"
-  },
-  {
-    value: "custom",
-    label: "Custom"
-  }
-], Wa = ({ label: e }) => e, Ea = ({ label: e, value: o }) => [
-  "auto",
-  "custom"
-  /* Custom */
-].includes(o) ? e : `${e} (${o})`, Aa = () => {
-  const { nodeProps: e, setNodeProps: o } = Se(), { currentScreen: r, getResponsiveProp: t } = B(), [a, i] = U(null), s = t(e.sx ?? {}, "aspectRatio") ?? "auto", d = Object.values(Tn).find((f) => f === s) ?? "custom", l = (f) => {
-    f.target.select();
-  }, c = (f = "auto") => {
-    const v = {
-      aspectRatio: f === "auto" ? void 0 : f
-    };
-    f !== "auto" && (v.height = ""), o({
-      sx: W(v, r)
-    });
-  }, h = (f) => {
-    if (i(f === "custom" ? f : null), f === "custom") {
-      i(f);
-      return;
-    }
-    i(null), c(f);
-  }, g = a ?? d, b = s.toString().split("/"), C = tt(b.at(0)), x = tt(b.at(1)), R = (f) => {
-    const v = isNaN(f.target.valueAsNumber) ? void 0 : f.target.valueAsNumber, y = {
-      x: C ?? v,
-      y: x ?? v,
-      [f.target.name]: v
-    }, w = ee(y.x) || ee(y.y) ? void 0 : `${y.x} / ${y.y}`;
-    c(w);
-  };
-  return /* @__PURE__ */ u("div", { css: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ n(P, { responsive: !0, name: "Proportion", children: /* @__PURE__ */ n(
-      lt,
-      {
-        value: g,
-        onChange: h,
-        optionLabel: Ea,
-        selectedRenderer: Wa,
-        options: Na,
-        css: {
-          width: "50%"
-        }
-      }
-    ) }),
-    g === "custom" && /* @__PURE__ */ n("div", { css: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ u(
-      "div",
-      {
-        css: {
-          display: "flex",
-          paddingBlock: "0.125rem",
-          paddingInline: 8,
-          alignItems: "center",
-          gap: 2,
-          borderRadius: 8,
-          width: "50%",
-          backgroundColor: S.palette.white["1s"]
-        },
-        children: [
-          /* @__PURE__ */ n(
-            xe,
-            {
-              name: "x",
-              onFocus: l,
-              classes: {
-                main: "bg-transparent px-1"
-              },
-              size: "28",
-              value: C,
-              onChange: R,
-              mode: "onBlur",
-              placeholder: "X",
-              css: { textAlign: "center" }
-            }
-          ),
-          /* @__PURE__ */ n("span", { css: { color: S.palette.white["3s"], ...S.text.xs }, children: "/" }),
-          /* @__PURE__ */ n(
-            xe,
-            {
-              name: "y",
-              placeholder: "Y",
-              value: x,
-              mode: "onBlur",
-              onChange: R,
-              onFocus: l,
-              classes: {
-                main: "bg-transparent px-1"
-              },
-              size: "28",
-              css: { textAlign: "center" }
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}, Da = () => {
-  const { nodeProps: e, setNodeProps: o } = Se();
-  return /* @__PURE__ */ u("div", { css: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ n(P, { name: "Choose image" }),
-    /* @__PURE__ */ n(mo, { onChange: (t) => {
-      o({
-        src: t
-      });
-    }, source: e.src })
-  ] });
-}, Yi = () => {
-  const { currentScreen: e, getResponsiveProp: o } = B(), { readOnly: r } = Q((x) => ({
-    readOnly: x.dom?.getAttribute("aria-readonly") === X.True
-  })), { nodeProps: t, setNodeProps: a } = Se(), i = o(t.sx ?? {}, "aspectRatio") ?? "auto", s = (x, R = e) => {
-    a({ sx: W(x, R) });
-  }, d = {
-    width: o(t.sx ?? {}, "width")
-  }, l = {
-    height: o(t.sx ?? {}, "height")
-  }, c = {
-    objectFit: o(t.sx ?? {}, "objectFit")
-  }, h = (x) => {
-    s(
-      {
-        objectFit: x.objectFit ?? "cover"
-      },
-      "xs"
-    );
-  }, g = {
-    paddingBottom: o(t.sx ?? {}, "paddingBottom"),
-    paddingLeft: o(t.sx ?? {}, "paddingLeft"),
-    paddingRight: o(t.sx ?? {}, "paddingRight"),
-    paddingTop: o(t.sx ?? {}, "paddingTop"),
-    marginBottom: o(t.sx ?? {}, "marginBottom"),
-    marginLeft: o(t.sx ?? {}, "marginLeft"),
-    marginRight: o(t.sx ?? {}, "marginRight"),
-    marginTop: o(t.sx ?? {}, "marginTop")
-  }, b = {
-    borderStyle: o(t.sx ?? {}, "borderStyle"),
-    borderColor: o(t.sx ?? {}, "borderColor"),
-    borderTopWidth: o(t.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: o(t.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: o(t.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: o(t.sx ?? {}, "borderLeftWidth")
-  }, C = {
-    borderTopLeftRadius: o(t.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: o(t.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: o(t.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: o(t.sx ?? {}, "borderBottomLeftRadius")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Image", children: [
-          !r && /* @__PURE__ */ n(Da, {}),
-          /* @__PURE__ */ n(Ba, {})
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Size", children: [
-          /* @__PURE__ */ n(Aa, {}),
-          /* @__PURE__ */ n(V, { value: d, onChange: s }),
-          i === "auto" && /* @__PURE__ */ n(ce, { value: l, onChange: s }),
-          /* @__PURE__ */ n(fo, { value: c, onChange: h })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "SEO", children: /* @__PURE__ */ n(Ia, {}) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: g, onChange: s }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: b, onChange: s }),
-          /* @__PURE__ */ n($, { value: C, onChange: s })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Oa = () => A({
-  transform: Lo
-}), Fa = () => {
-  const { nodeDOM: e } = Q((i) => ({
-    nodeDOM: i.dom
-  })), o = (i) => i?.getAttribute(Ye.PlayState) || "on", [r, t] = U(!1), a = () => {
-    const i = o(e);
-    e?.setAttribute(Ye.PlayState, i === "on" ? "off" : "on");
-  };
-  return ve(() => {
-    const i = new MutationObserver((s) => {
-      const d = s.at(0)?.target;
-      if (!d) return;
-      const l = o(d);
-      t(l === "on");
-    });
-    return e && i.observe(e, {
-      attributes: !0,
-      attributeFilter: [Ye.PlayState]
-    }), () => {
-      i.disconnect();
-    };
-  }, [e]), /* @__PURE__ */ n(K, { onClick: a, children: r ? "Pause" : "Play" });
-}, 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>
-`, Zi = () => {
-  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Oa(), { currentScreen: t, getResponsiveProp: a } = B(), i = (f, v = t) => {
-    o({ sx: W(f, v) });
-  };
-  a(e.sx ?? {}, "columnGap");
-  const s = {
-    paddingBottom: a(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: a(e.sx ?? {}, "paddingLeft"),
-    paddingRight: a(e.sx ?? {}, "paddingRight"),
-    paddingTop: a(e.sx ?? {}, "paddingTop"),
-    marginBottom: a(e.sx ?? {}, "marginBottom"),
-    marginLeft: a(e.sx ?? {}, "marginLeft"),
-    marginRight: a(e.sx ?? {}, "marginRight"),
-    marginTop: a(e.sx ?? {}, "marginTop")
-  }, d = {
-    borderStyle: a(e.sx ?? {}, "borderStyle"),
-    borderColor: a(e.sx ?? {}, "borderColor"),
-    borderTopWidth: a(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: a(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: a(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: a(e.sx ?? {}, "borderLeftWidth")
-  }, l = {
-    borderTopLeftRadius: a(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: a(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: a(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: a(e.sx ?? {}, "borderBottomLeftRadius")
-  }, c = {
-    backgroundColor: a(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: a(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: a(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: a(e.sx ?? {}, "backgroundRepeat"),
-    background: a(e.sx ?? {}, "background"),
-    backgroundSize: a(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: a(e.sx ?? {}, "backgroundAttachment")
-  }, h = () => /* @__PURE__ */ n(
-    j,
-    {
-      canvas: !0,
-      custom: {
-        displayName: "Marquee Item (new)"
-      },
-      is: At
-    }
-  ), g = (f) => {
-    o({
-      separatorIcon: f.target.checked ? {
-        source: Ma
-      } : void 0
-    });
-  }, b = (f) => {
-    o({
-      separatorIcon: {
-        source: f
-      }
-    });
-  }, C = (f) => {
-    o({
-      separatorIcon: {
-        sx: f
-      }
-    });
-  }, x = (f) => {
-    o({
-      separatorIcon: {
-        size: f
-      }
-    });
-  }, R = (f) => {
-    r(
-      {
-        spaceBetween: f
-      },
-      t
-    );
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Items", children: /* @__PURE__ */ n(Ce, { getNewNodeElement: h }) }),
-        /* @__PURE__ */ u(m, { name: "States", children: [
-          /* @__PURE__ */ n(
-            Be,
-            {
-              value: a(e, "spaceBetween"),
-              name: "Items spacing",
-              responsive: !0,
-              onChange: R
-            }
-          ),
-          /* @__PURE__ */ n(Fa, {})
-        ] }),
-        /* @__PURE__ */ n(
-          m,
-          {
-            name: "Separator",
-            slots: {
-              right: /* @__PURE__ */ n(le, { onChange: g, checked: !!e.separatorIcon })
-            },
-            children: e.separatorIcon && /* @__PURE__ */ u(Nt, { children: [
-              /* @__PURE__ */ n(
-                Ne,
-                {
-                  name: "Icon",
-                  source: e.separatorIcon.source,
-                  onChange: b
-                }
-              ),
-              /* @__PURE__ */ n(
-                ge,
-                {
-                  value: {
-                    color: e.separatorIcon.sx?.color
-                  },
-                  onChange: C
-                }
-              ),
-              /* @__PURE__ */ n(
-                Be,
-                {
-                  value: e.separatorIcon.size ?? 24,
-                  name: "Size (px)",
-                  onChange: x
-                }
-              )
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: s, onChange: i }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: d, onChange: i }),
-          /* @__PURE__ */ n($, { value: l, onChange: i })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: c, onChange: i }) })
-      ] })
-    ] })
-  ] });
-}, kn = (e) => A({
-  transform: Po,
-  nodeId: e
-}), za = ({ tabIndex: e, tabNodeId: o }) => {
-  const [r, t] = U(!1), [a, i] = Qt(e === 0), { nodeProps: s, setNodeProps: d } = Ha(o), { actions: l, query: c } = ne(), { tabNode: h, tabPanelNode: g } = Q((f) => {
-    const v = f.data.nodes.find(
-      (N) => he(c.node(N).get()) === T.TabList
-    );
-    if (!v)
-      throw new Error("Tab list node not found");
-    const y = c.node(v).get().data.nodes.at(e);
-    if (!y)
-      throw new Error("Tab node not found");
-    const w = f.data.nodes.find(
-      (N) => he(c.node(N).get()) === T.TabContent
-    );
-    if (!w)
-      throw new Error("Tab content node not found");
-    const I = c.node(w).get().data.nodes.at(e);
-    if (!I)
-      throw new Error("Tab panel node not found");
-    return {
-      tabNode: c.node(y).get(),
-      tabPanelNode: c.node(I).get()
-    };
-  }), b = (f) => {
-    f.stopPropagation(), l.delete(h.id), l.delete(g.id);
-  }, C = () => {
-    t(!0);
-  }, x = () => {
-    t(!1);
-  }, R = (f) => {
-    d({
-      dangerouslySetInnerHTML: {
-        __html: f.target.value || s.dangerouslySetInnerHTML?.__html || ""
-      }
-    });
-  };
-  return /* @__PURE__ */ n(nn, { index: e, draggableId: e.toString(), children: (f) => /* @__PURE__ */ u(
-    "div",
-    {
-      css: {
-        borderRadius: 8,
-        overflow: "hidden",
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: S.palette.white["2s"]
-      },
-      ref: f.innerRef,
-      ...f.draggableProps,
-      ...f.dragHandleProps,
-      children: [
-        /* @__PURE__ */ u(
-          "div",
-          {
-            css: {
-              display: "flex",
-              alignItems: "center",
-              gap: 4,
-              paddingInline: 8,
-              paddingBlock: 6,
-              backgroundColor: S.palette.white["1s"],
-              "&:hover": { backgroundColor: S.palette.white["2s"] },
-              ...S.text.xs
-            },
-            onMouseEnter: C,
-            onMouseLeave: x,
-            "aria-hidden": !0,
-            children: [
-              /* @__PURE__ */ n(E, { source: st }),
-              /* @__PURE__ */ n(
-                "span",
-                {
-                  css: {
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    flex: 1
-                  },
-                  children: rt(h)
-                }
-              ),
-              /* @__PURE__ */ n(Ie, { open: r || a, orientation: "horizontal", children: /* @__PURE__ */ u("div", { css: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                /* @__PURE__ */ n(G, { onClick: b, children: /* @__PURE__ */ n(E, { source: dt }) }),
-                /* @__PURE__ */ n(G, { onClick: i, children: /* @__PURE__ */ n(
-                  E,
-                  {
-                    css: [{ transition: "transform" }, a && { transform: "rotate(-180deg)" }],
-                    source: ct
-                  }
-                ) })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(Ie, { open: a, children: /* @__PURE__ */ n("div", { css: { padding: 8, display: "flex", flexDirection: "column", gap: 16 }, children: /* @__PURE__ */ n(P, { name: "Content", children: /* @__PURE__ */ n(
-          se,
-          {
-            onChange: R,
-            value: s.dangerouslySetInnerHTML?.__html.toString() ?? "",
-            mode: "onBlur"
-          }
-        ) }) }) })
-      ]
-    }
-  ) });
-}, $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()) === T.TabList
-    );
-    if (!l)
-      throw new Error("Tab list node not found");
-    const c = d.data.nodes.find(
-      (h) => he(e.node(h).get()) === T.TabContent
-    );
-    if (!c)
-      throw new Error("Tab content node not found");
-    return {
-      tabListNode: e.node(l).get(),
-      tabContentNode: e.node(c).get()
-    };
-  });
-  return /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ n(en, { onDragEnd: (d) => {
-      const { source: l, destination: c } = d;
-      if (!c || l.index === c.index) return;
-      const h = t.data.nodes.at(l.index), g = a.data.nodes.at(l.index);
-      h && g && (o.move({
-        nodeId: h,
-        sourceIndex: l.index,
-        destinationIndex: c.index
-      }), o.move({
-        nodeId: g,
-        sourceIndex: l.index,
-        destinationIndex: c.index
-      }));
-    }, children: /* @__PURE__ */ n(tn, { droppableId: r, children: (d) => /* @__PURE__ */ u(
-      "div",
-      {
-        ref: d.innerRef,
-        ...d.droppableProps,
-        css: { display: "flex", flexDirection: "column", gap: 8 },
-        children: [
-          t.data.nodes.map((l, c) => /* @__PURE__ */ n(za, { tabNodeId: l, tabIndex: c }, l)),
-          d.placeholder
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ n(K, { css: { marginTop: 8 }, onClick: () => {
-      const d = e.parseReactElement(
-        /* @__PURE__ */ n(
-          j,
-          {
-            canvas: !0,
-            is: Dt,
-            dangerouslySetInnerHTML: {
-              __html: "Tab (new)"
-            }
-          }
-        )
-      ).toNodeTree();
-      o.addNodeTree(d, t.id);
-      const l = e.parseReactElement(/* @__PURE__ */ n(j, { canvas: !0, is: Ot })).toNodeTree();
-      o.addNodeTree(l, a.id);
-    }, fullWidth: !0, prefix: /* @__PURE__ */ n(E, { source: jt }), children: "Add more" })
-  ] });
-}, _a = () => {
-  const { query: e } = ne(), { nodeProps: o, setNodeProps: r } = kn(), { selectOptions: t } = Q((i) => {
-    const s = i.data.nodes.find(
-      (l) => he(e.node(l).get()) === T.TabList
-    );
-    if (!s)
-      throw new Error("Tab list node not found");
-    return {
-      selectOptions: e.node(s).get().data.nodes.map((l, c) => ({
-        value: c,
-        label: e.node(l).get().data.props.dangerouslySetInnerHTML?.__html.toString() ?? "Tab"
-      }))
-    };
-  }), a = (i) => {
-    r({
-      defaultActiveIndex: i
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Default active", children: /* @__PURE__ */ n(
-    lt,
-    {
-      value: o.defaultActiveIndex ?? 0,
-      options: t,
-      placeholder: "Select a tab",
-      onChange: a
-    }
-  ) });
-}, Xi = () => {
-  const { nodeProps: e, setNodeProps: o } = kn(), { currentScreen: r, getResponsiveProp: t } = B(), a = (h, g = r) => {
-    o({ sx: W(h, g) });
-  }, i = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, s = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, d = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, l = {
-    backgroundColor: t(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: t(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: t(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: t(e.sx ?? {}, "backgroundRepeat"),
-    background: t(e.sx ?? {}, "background"),
-    backgroundSize: t(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: t(e.sx ?? {}, "backgroundAttachment")
-  }, c = {
-    width: t(e.sx ?? {}, "width") ?? "auto"
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Items management", children: [
-          /* @__PURE__ */ n($a, {}),
-          /* @__PURE__ */ n(_a, {})
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Size", children: /* @__PURE__ */ n(V, { onChange: a, value: c }) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: s, onChange: a }),
-          /* @__PURE__ */ n($, { value: d, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: l, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, Ha = (e) => A({
-  nodeId: e
-}), qe = () => A({
-  transform: Io
-}), Va = () => {
-  const { nodeProps: e, setNodeProps: o } = qe(), r = (t) => {
-    const a = isNaN(t.target.valueAsNumber) ? void 0 : t.target.valueAsNumber;
-    o({
-      autoplayOptions: {
-        delay: a ?? e.autoplayOptions?.delay
-      }
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Delay", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(xe, { value: e.autoplayOptions?.delay, mode: "onBlur", onChange: r }) }) });
-}, ja = () => {
-  const { nodeProps: e, setNodeProps: o } = qe(), r = (t) => {
-    o({
-      autoplayOptions: {
-        stopOnLastSnap: !t.target.checked
-      }
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Loop", children: /* @__PURE__ */ n(le, { checked: !e.autoplayOptions?.stopOnLastSnap, onChange: r }) });
-}, Ua = () => {
-  const { getResponsiveProp: e, currentScreen: o } = B(), { nodeProps: r, setNodeResponsiveProps: t } = qe(), a = e(r, "slidesPerView");
-  return /* @__PURE__ */ n(P, { name: "Items per view", responsive: !0, children: /* @__PURE__ */ n(
-    bo,
-    {
-      css: {
-        width: "50%"
-      },
-      onChange: (s) => {
-        t(
-          {
-            slidesPerView: s
-          },
-          o
-        );
-      },
-      value: a,
-      options: [
-        {
-          label: "auto",
-          value: "auto"
-        }
-      ]
-    }
-  ) });
-}, Qi = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = qe(), { getResponsiveProp: t, currentScreen: a } = B(), i = (R, f = a) => {
-    r({ sx: W(R, f) });
-  }, s = () => /* @__PURE__ */ n(
-    j,
-    {
-      custom: {
-        displayName: "Slide new"
-      },
-      is: Ft,
-      canvas: !0
-    }
-  ), d = {
-    columnGap: t(e, "spaceBetween") ?? 0
-  }, l = ({ columnGap: R }) => {
-    o({ spaceBetween: to(R) ? R : void 0 }, a);
-  }, c = (R) => {
-    r({
-      autoplayOptions: {
-        active: R.target.checked
-      }
-    });
-  }, h = e.autoplayOptions?.active ?? !1, g = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, b = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, C = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, x = {
-    backgroundColor: t(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: t(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: t(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: t(e.sx ?? {}, "backgroundRepeat"),
-    background: t(e.sx ?? {}, "background"),
-    backgroundSize: t(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: t(e.sx ?? {}, "backgroundAttachment")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Display", children: [
-          /* @__PURE__ */ n(Ua, {}),
-          /* @__PURE__ */ n(at, { value: d, onChange: l, name: "Items spacing" })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Item management", children: /* @__PURE__ */ n(Ce, { getNewNodeElement: s }) }),
-        /* @__PURE__ */ n(
-          m,
-          {
-            name: "Autoplay",
-            slots: {
-              right: /* @__PURE__ */ n(le, { onChange: c, checked: h })
-            },
-            children: h && /* @__PURE__ */ u(Nt, { children: [
-              /* @__PURE__ */ n(Va, {}),
-              /* @__PURE__ */ n(ja, {})
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: g, onChange: i }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: b, onChange: i }),
-          /* @__PURE__ */ n($, { value: C, onChange: i })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: x, onChange: i }) })
-      ] })
-    ] })
-  ] });
-}, Ga = () => A({
-  transform: Bo
-}), es = () => {
-  const { nodeProps: e, setNodeProps: o } = Ga(), { currentScreen: r, getResponsiveProp: t } = B(), a = (b, C = r) => {
-    o({ sx: W(b, C) });
-  }, i = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: t(e.sx ?? {}, "paddingLeft"),
-    paddingRight: t(e.sx ?? {}, "paddingRight"),
-    paddingTop: t(e.sx ?? {}, "paddingTop"),
-    marginBottom: t(e.sx ?? {}, "marginBottom"),
-    marginLeft: t(e.sx ?? {}, "marginLeft"),
-    marginRight: t(e.sx ?? {}, "marginRight"),
-    marginTop: t(e.sx ?? {}, "marginTop")
-  }, s = {
-    borderStyle: t(e.sx ?? {}, "borderStyle"),
-    borderColor: t(e.sx ?? {}, "borderColor"),
-    borderTopWidth: t(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: t(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: t(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: t(e.sx ?? {}, "borderLeftWidth")
-  }, d = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, l = () => /* @__PURE__ */ n(j, { canvas: !0, is: Mt }), c = {
-    rowGap: t(e.sx ?? {}, "rowGap") ?? 0
-  }, h = {
-    width: t(e.sx ?? {}, "width")
-  }, g = {
-    alignItems: t(e.sx ?? {}, "alignItems")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ n(L, { children: /* @__PURE__ */ u(m, { name: "Layout", children: [
-        /* @__PURE__ */ n(Ce, { getNewNodeElement: l }),
-        /* @__PURE__ */ n(Re, { value: c, onChange: a }),
-        /* @__PURE__ */ n(
-          Kt,
-          {
-            blacklist: ["stretch"],
-            flexDirection: "column",
-            onChange: a,
-            value: g
-          }
-        ),
-        /* @__PURE__ */ n(V, { onChange: a, value: h })
-      ] }) }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: s, onChange: a }),
-          /* @__PURE__ */ n($, { value: d, onChange: a })
-        ] })
-      ] })
-    ] })
-  ] });
-}, qa = () => A({
-  transform: No
-}), ts = () => {
-  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = qa(), { currentScreen: t, getResponsiveProp: a } = B(), i = (x, R = t) => {
-    o({
-      sx: W(x, R)
-    });
-  }, s = {
-    color: a(e.sx ?? {}, "color", "xs")
-  }, d = (x) => {
-    i(x, "xs");
-  }, l = {
-    paddingBottom: a(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: a(e.sx ?? {}, "paddingLeft"),
-    paddingRight: a(e.sx ?? {}, "paddingRight"),
-    paddingTop: a(e.sx ?? {}, "paddingTop"),
-    marginBottom: a(e.sx ?? {}, "marginBottom"),
-    marginLeft: a(e.sx ?? {}, "marginLeft"),
-    marginRight: a(e.sx ?? {}, "marginRight"),
-    marginTop: a(e.sx ?? {}, "marginTop")
-  }, c = {
-    borderStyle: a(e.sx ?? {}, "borderStyle"),
-    borderColor: a(e.sx ?? {}, "borderColor"),
-    borderTopWidth: a(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: a(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: a(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: a(e.sx ?? {}, "borderLeftWidth")
-  }, h = {
-    borderTopLeftRadius: a(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: a(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: a(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: a(e.sx ?? {}, "borderBottomLeftRadius")
-  }, g = (x) => {
-    o({
-      source: x
-    });
-  }, b = tt(a(e, "size")), C = (x) => {
-    r(
-      {
-        size: t === "xs" ? x ?? b ?? 24 : x
-      },
-      t
-    );
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Source", children: /* @__PURE__ */ n(Ne, { onChange: g, source: e.source }) }),
-        /* @__PURE__ */ u(m, { name: "Color & Size", children: [
-          /* @__PURE__ */ n(ge, { value: s, onChange: d }),
-          /* @__PURE__ */ n(Be, { value: b, name: "Size (px)", onChange: C })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: l, onChange: i }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: c, onChange: i }),
-          /* @__PURE__ */ n($, { value: h, onChange: i })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Ja = (e) => A({
-  transform: Wo,
-  nodeId: e
-}), Je = () => A({
-  transform: Eo
-}), Ka = ({ accordionNodeId: e, accordionIndex: o }) => {
-  const [r, t] = U(!1), [a, i] = Qt(o === 0), { id: s, nodeProps: d } = Je(), { query: l, accordionNode: c, actions: h } = ne((I) => ({
-    accordionNode: I.nodes[e]
-  })), { nodeProps: g, setNodeProps: b } = Ja(e), [C, x] = U(
-    c.dom ? Te(c.dom).openState : !1
-  ), R = () => {
-    t(!0);
-  }, f = () => {
-    t(!1);
-  }, v = (I) => {
-    I.stopPropagation(), h.delete(c.id);
-  }, y = () => {
-    const I = c.dom;
-    if (!I) return;
-    const { openState: N } = Te(I);
-    I.setAttribute(ot.OpenState, N ? X.False : X.True);
-  };
-  ve(() => {
-    const I = new MutationObserver((N) => {
-      const H = N.at(0)?.target;
-      ee(H) || x(Te(H).openState);
-    });
-    return c.dom && (x(Te(c.dom).openState), I.observe(c.dom, {
-      attributes: !0,
-      attributeFilter: [ot.OpenState]
-    })), () => {
-      I.disconnect();
-    };
-  }, [c.dom]);
-  const w = (I) => {
-    b({
-      defaultOpen: I.target.checked
-    }), d.openMode === "single" && I.target.checked && l.node(s).childNodes().forEach((N) => {
-      N !== e && h.setProp(N, (H) => {
-        delete H.defaultOpen;
-      });
-    });
-  };
-  return /* @__PURE__ */ n(nn, { index: o, draggableId: o.toString(), children: (I) => /* @__PURE__ */ u(
-    "div",
-    {
-      css: {
-        borderRadius: 8,
-        overflow: "hidden",
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: S.palette.white["2s"]
-      },
-      ref: I.innerRef,
-      ...I.draggableProps,
-      ...I.dragHandleProps,
-      children: [
-        /* @__PURE__ */ u(
-          "div",
-          {
-            css: {
-              display: "flex",
-              alignItems: "center",
-              gap: 4,
-              paddingInline: 8,
-              paddingBlock: 6,
-              backgroundColor: S.palette.white["1s"],
-              "&:hover": { backgroundColor: S.palette.white["2s"] },
-              ...S.text.xs
-            },
-            onMouseEnter: R,
-            onMouseLeave: f,
-            "aria-hidden": !0,
-            children: [
-              /* @__PURE__ */ n(E, { source: st }),
-              /* @__PURE__ */ n("span", { css: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", flex: 1 }, children: "Item" }),
-              /* @__PURE__ */ n(Ie, { open: r || a, orientation: "horizontal", children: /* @__PURE__ */ u("div", { css: { display: "flex", alignItems: "center", gap: 4 }, children: [
-                /* @__PURE__ */ n(G, { onClick: v, children: /* @__PURE__ */ n(E, { source: dt }) }),
-                /* @__PURE__ */ n(G, { onClick: i, children: /* @__PURE__ */ n(
-                  E,
-                  {
-                    css: [{ transition: "transform" }, a && { transform: "rotate(-180deg)" }],
-                    source: ct
-                  }
-                ) })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(Ie, { open: a, children: /* @__PURE__ */ u("div", { css: { padding: 8, display: "flex", flexDirection: "column", gap: 16 }, children: [
-          /* @__PURE__ */ n(P, { name: "Default open", children: /* @__PURE__ */ n(le, { onChange: w, checked: g.defaultOpen ?? !1 }) }),
-          /* @__PURE__ */ n(K, { onClick: y, children: C ? "Close" : "Open" })
-        ] }) })
-      ]
-    }
-  ) });
-}, Ya = () => {
-  const { query: e, actions: o } = ne(), { id: r, accordionNodeIds: t } = Q((s) => ({
-    accordionNodeIds: s.data.nodes
-  }));
-  return /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ n(en, { onDragEnd: (s) => {
-      const { source: d, destination: l } = s;
-      if (!l || d.index === l.index) return;
-      const c = t.at(d.index);
-      c && o.move({
-        nodeId: c,
-        sourceIndex: d.index,
-        destinationIndex: l.index
-      });
-    }, children: /* @__PURE__ */ n(tn, { droppableId: r, children: (s) => /* @__PURE__ */ u(
-      "div",
-      {
-        ref: s.innerRef,
-        ...s.droppableProps,
-        css: { display: "flex", flexDirection: "column", gap: 8 },
-        children: [
-          t.map((d, l) => /* @__PURE__ */ n(Ka, { accordionNodeId: d, accordionIndex: l }, d)),
-          s.placeholder
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ n(K, { css: { marginTop: 8 }, onClick: () => {
-      const s = e.parseReactElement(
-        /* @__PURE__ */ u(j, { is: zt, children: [
-          /* @__PURE__ */ n(j, { is: $t, children: /* @__PURE__ */ n(j, { sizeVariant: "base", is: et, dangerouslySetInnerHTML: { __html: "Accordion (new)" } }) }),
-          /* @__PURE__ */ n(j, { is: _t, children: /* @__PURE__ */ n(
-            j,
-            {
-              sx: {
-                paddingTop: 8,
-                paddingBottom: 8
-              },
-              is: et,
-              dangerouslySetInnerHTML: { __html: "Content for accordion (new)" }
-            }
-          ) })
-        ] })
-      ).toNodeTree();
-      o.addNodeTree(s, r);
-    }, fullWidth: !0, prefix: /* @__PURE__ */ n(E, { source: jt }), children: "Add more" })
-  ] });
-}, Za = () => {
-  const { nodeProps: e, setNodeProps: o } = Je(), [r, t] = U(!1), a = e.accordionSummaryProps?.expandIcon, i = (h) => {
-    o({
-      accordionSummaryProps: {
-        expandIcon: {
-          source: {
-            expanded: h
-          }
-        }
-      }
-    });
-  }, s = (h) => {
-    o({
-      accordionSummaryProps: {
-        expandIcon: {
-          source: {
-            collapsed: h
-          }
-        }
-      }
-    });
-  }, d = (h) => {
-    o({
-      accordionSummaryProps: {
-        expandIcon: {
-          position: h
-        }
-      }
-    });
-  }, l = (h) => {
-    const g = isNaN(h.target.valueAsNumber) ? void 0 : h.target.valueAsNumber;
-    o({
-      accordionSummaryProps: {
-        expandIcon: {
-          size: g
-        }
-      }
-    });
-  }, c = (h) => {
-    o({
-      accordionSummaryProps: {
-        expandIcon: {
-          sx: {
-            color: h
-          }
-        }
-      }
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Expand icon", children: /* @__PURE__ */ u(Ae, { placement: "right", open: r, onOpenChange: t, children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ u(
-      "button",
-      {
-        css: [
-          {
-            display: "flex",
-            paddingInline: 8,
-            alignItems: "center",
-            gap: 8,
-            width: "50%",
-            height: 32,
-            borderRadius: 6,
-            backgroundColor: S.palette.white["1s"]
-          },
-          r && { backgroundColor: S.palette.black["7s"] }
-        ],
-        children: [
-          /* @__PURE__ */ n("div", { css: { marginInline: "auto" }, children: /* @__PURE__ */ n(E, { source: a?.source.expanded ?? "" }) }),
-          /* @__PURE__ */ n("div", { css: { paddingInline: 8, color: S.palette.white["2s"], ...S.text.xs }, children: "|" }),
-          /* @__PURE__ */ n("div", { css: { marginInline: "auto" }, children: /* @__PURE__ */ n(E, { source: a?.source.collapsed ?? "" }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ n("p", { css: { flex: 1, fontWeight: 500 }, children: "Expand icon" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(E, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { css: { marginBlock: 8, borderColor: S.palette.white["1s"] } }),
-      /* @__PURE__ */ u("div", { css: { display: "flex", flexDirection: "column", gap: 16 }, children: [
-        /* @__PURE__ */ n(
-          Ne,
-          {
-            source: a?.source.expanded ?? "",
-            name: "When expanded",
-            onChange: i
-          }
-        ),
-        /* @__PURE__ */ n(
-          Ne,
-          {
-            onChange: s,
-            source: a?.source.collapsed ?? "",
-            name: "When collapsed"
-          }
-        ),
-        /* @__PURE__ */ n(P, { name: "Position", children: /* @__PURE__ */ u(_e, { value: a?.position, onSelectionChange: d, children: [
-          /* @__PURE__ */ n(K, { value: "left", size: "28", children: "Left" }),
-          /* @__PURE__ */ n(K, { value: "right", size: "28", children: "Right" })
-        ] }) }),
-        /* @__PURE__ */ n(P, { name: "Size", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(
-          xe,
-          {
-            mode: "onBlur",
-            value: a?.size ?? 24,
-            onChange: l,
-            step: 1,
-            css: { textAlign: "center" }
-          }
-        ) }) }),
-        /* @__PURE__ */ n(P, { name: "Color", children: /* @__PURE__ */ n(Zt, { color: a?.sx?.color, onChange: c }) })
-      ] })
-    ] }) })
-  ] }) });
-}, Xa = () => {
-  const { id: e, nodeProps: o, setNodeProps: r } = Je(), { query: t } = ne(), a = [
-    {
-      value: "single",
-      label: "Single"
-    },
-    {
-      value: "multiple",
-      label: "Multiple"
-    }
-  ], i = (s) => {
-    r({
-      openMode: s
-    }), s === "single" && t.node(e).childNodes().forEach((d) => {
-      const l = t.node(d).get().dom;
-      l && l.setAttribute(ot.OpenState, X.False);
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Open mode", children: /* @__PURE__ */ n(_e, { value: o.openMode, onSelectionChange: i, children: a.map((s) => /* @__PURE__ */ n(K, { value: s.value, children: s.label }, s.value)) }) });
-}, ns = () => {
-  const { nodeProps: e, setNodeProps: o } = Je(), { getResponsiveProp: r, currentScreen: t } = B(), a = (x, R = t) => {
-    o({ sx: W(x, R) });
-  }, i = {
-    paddingBottom: r(e.sx ?? {}, "paddingBottom") ?? e.sx?.paddingBottom,
-    paddingLeft: r(e.sx ?? {}, "paddingLeft") ?? e.sx?.paddingLeft,
-    paddingRight: r(e.sx ?? {}, "paddingRight") ?? e.sx?.paddingRight,
-    paddingTop: r(e.sx ?? {}, "paddingTop") ?? e.sx?.paddingTop,
-    marginBottom: r(e.sx ?? {}, "marginBottom") ?? e.sx?.marginBottom,
-    marginLeft: r(e.sx ?? {}, "marginLeft") ?? e.sx?.marginLeft,
-    marginRight: r(e.sx ?? {}, "marginRight") ?? e.sx?.marginRight,
-    marginTop: r(e.sx ?? {}, "marginTop") ?? e.sx?.marginTop
-  }, s = {
-    rowGap: r(e.sx ?? {}, "rowGap") ?? e.sx?.rowGap ?? 0
-  }, d = {
-    width: r(e.sx ?? {}, "width") ?? e.sx?.width
-  }, l = (x, R = t) => {
-    o({
-      accordionSummaryProps: {
-        [R]: {
-          css: x
-        }
-      }
-    });
-  }, c = e.accordionSummaryProps ?? {}, h = {
-    paddingTop: r(c.sx ?? {}, "paddingTop"),
-    paddingLeft: r(c.sx ?? {}, "paddingLeft"),
-    paddingRight: r(c.sx ?? {}, "paddingRight"),
-    paddingBottom: r(c.sx ?? {}, "paddingBottom")
-  }, g = (x, R = t) => {
-    o({
-      accordionContentProps: {
-        [R]: {
-          css: x
-        }
-      }
-    });
-  }, b = e.accordionContentProps ?? {}, C = {
-    paddingTop: r(b.sx ?? {}, "paddingTop"),
-    paddingLeft: r(b.sx ?? {}, "paddingLeft"),
-    paddingRight: r(b.sx ?? {}, "paddingRight"),
-    paddingBottom: r(b.sx ?? {}, "paddingBottom")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Items management", children: [
-          /* @__PURE__ */ n(Ya, {}),
-          /* @__PURE__ */ n(Xa, {}),
-          /* @__PURE__ */ n(Re, { value: s, onChange: a })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Item header", children: [
-          /* @__PURE__ */ n(nt, { value: h, onChange: l }),
-          /* @__PURE__ */ n(Za, {})
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Item content", children: /* @__PURE__ */ n(nt, { value: C, onChange: g }) }),
-        /* @__PURE__ */ n(m, { name: "Size", children: /* @__PURE__ */ n(V, { value: d, onChange: a }) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, Qa = () => A({
-  transform: Ao
-}), os = () => {
-  const { currentScreen: e, getResponsiveProp: o } = B(), { nodeProps: r, setNodeProps: t } = Qa(), a = {
-    aspectRatio: o(r.sx ?? {}, "aspectRatio")
-  }, i = (C, x = e) => {
-    t({ sx: W(C, x) });
-  }, s = {
-    width: o(r.sx ?? {}, "width")
-  }, d = {
-    paddingBottom: o(r.sx ?? {}, "paddingBottom"),
-    paddingLeft: o(r.sx ?? {}, "paddingLeft"),
-    paddingRight: o(r.sx ?? {}, "paddingRight"),
-    paddingTop: o(r.sx ?? {}, "paddingTop"),
-    marginBottom: o(r.sx ?? {}, "marginBottom"),
-    marginLeft: o(r.sx ?? {}, "marginLeft"),
-    marginRight: o(r.sx ?? {}, "marginRight"),
-    marginTop: o(r.sx ?? {}, "marginTop")
-  }, l = {
-    borderStyle: o(r.sx ?? {}, "borderStyle"),
-    borderColor: o(r.sx ?? {}, "borderColor"),
-    borderTopWidth: o(r.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: o(r.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: o(r.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: o(r.sx ?? {}, "borderLeftWidth")
-  }, c = {
-    borderTopLeftRadius: o(r.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: o(r.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: o(r.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: o(r.sx ?? {}, "borderBottomLeftRadius")
-  }, h = (C) => {
-    try {
-      const x = new URL(C.target.value);
-      t({
-        src: x.toString()
-      });
-    } catch {
-    }
-  }, g = r.light ?? "", b = (C) => {
-    try {
-      const x = new URL(C.target.value);
-      t({
-        light: x.toString()
-      });
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Video source", children: [
-          /* @__PURE__ */ n(P, { name: "Video link", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(
-            se,
-            {
-              mode: "onBlur",
-              placeholder: "https://example.com/video.mp4",
-              onChange: h,
-              value: r.src
-            }
-          ) }) }),
-          be(g) && /* @__PURE__ */ n(P, { name: "Thumbnail", children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(
-            se,
-            {
-              mode: "onBlur",
-              placeholder: "https://example.com/thumbnail.jpg",
-              onChange: b,
-              value: g
-            }
-          ) }) })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Size", children: [
-          /* @__PURE__ */ n(V, { value: s ?? "", onChange: i }),
-          /* @__PURE__ */ n(
-            xo,
-            {
-              suggestOptions: [
-                {
-                  label: "Square",
-                  value: "1 / 1"
-                },
-                { label: "16 / 9", value: "16 / 9" }
-              ],
-              value: a,
-              onChange: i
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: d, onChange: i }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: l, onChange: i }),
-          /* @__PURE__ */ n($, { value: c, onChange: i })
-        ] })
-      ] })
-    ] })
-  ] });
-}, ei = () => A({
-  transform: Do
-}), rs = () => {
-  const { nodeProps: e, setNodeProps: o } = ei(), { getResponsiveProp: r, currentScreen: t } = B(), a = (g, b = t) => {
-    o({ sx: W(g, b) });
-  }, i = {
-    paddingBottom: r(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: r(e.sx ?? {}, "paddingLeft"),
-    paddingRight: r(e.sx ?? {}, "paddingRight"),
-    paddingTop: r(e.sx ?? {}, "paddingTop"),
-    marginBottom: r(e.sx ?? {}, "marginBottom"),
-    marginLeft: r(e.sx ?? {}, "marginLeft"),
-    marginRight: r(e.sx ?? {}, "marginRight"),
-    marginTop: r(e.sx ?? {}, "marginTop")
-  }, s = {
-    backgroundColor: r(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: r(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: r(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: r(e.sx ?? {}, "backgroundRepeat"),
-    background: r(e.sx ?? {}, "background"),
-    backgroundSize: r(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: r(e.sx ?? {}, "backgroundAttachment")
-  }, d = {
-    width: r(e.sx ?? {}, "width") ?? "auto"
-  }, l = {
-    height: r(e.sx ?? {}, "height") ?? "auto"
-  }, c = {
-    borderStyle: r(e.sx ?? {}, "borderStyle"),
-    borderColor: r(e.sx ?? {}, "borderColor"),
-    borderTopWidth: r(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: r(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: r(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: r(e.sx ?? {}, "borderLeftWidth")
-  }, h = {
-    borderTopLeftRadius: r(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: r(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: r(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: r(e.sx ?? {}, "borderBottomLeftRadius")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Layout", children: [
-          /* @__PURE__ */ n(
-            V,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              value: d,
-              onChange: a
-            }
-          ),
-          /* @__PURE__ */ n(ce, { value: l, onChange: a })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: c, onChange: a }),
-          /* @__PURE__ */ n($, { value: h, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: s, onChange: a }) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, ti = () => A({
-  transform: Oo
-}), as = () => {
-  const { nodeProps: e, setNodeProps: o } = ti(), { getResponsiveProp: r, currentScreen: t } = B(), a = (h, g = t) => {
-    o({ sx: W(h, g) });
-  }, i = {
-    paddingBottom: r(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: r(e.sx ?? {}, "paddingLeft"),
-    paddingRight: r(e.sx ?? {}, "paddingRight"),
-    paddingTop: r(e.sx ?? {}, "paddingTop"),
-    marginBottom: r(e.sx ?? {}, "marginBottom"),
-    marginLeft: r(e.sx ?? {}, "marginLeft"),
-    marginRight: r(e.sx ?? {}, "marginRight"),
-    marginTop: r(e.sx ?? {}, "marginTop")
-  }, s = {
-    backgroundColor: r(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: r(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: r(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: r(e.sx ?? {}, "backgroundRepeat"),
-    background: r(e.sx ?? {}, "background"),
-    backgroundSize: r(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: r(e.sx ?? {}, "backgroundAttachment")
-  }, d = {
-    height: r(e.sx ?? {}, "height") ?? "auto"
-  }, l = {
-    borderStyle: r(e.sx ?? {}, "borderStyle"),
-    borderColor: r(e.sx ?? {}, "borderColor"),
-    borderTopWidth: r(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: r(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: r(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: r(e.sx ?? {}, "borderLeftWidth")
-  }, c = {
-    borderTopLeftRadius: r(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: r(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: r(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: r(e.sx ?? {}, "borderBottomLeftRadius")
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Layout", children: /* @__PURE__ */ n(ce, { value: d, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: l, onChange: a }),
-          /* @__PURE__ */ n($, { value: c, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: s, onChange: a }) })
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, we = () => A(), ni = () => {
-  const { nodeProps: e, setNodeProps: o } = we(), { currentScreen: r, getResponsiveProp: t } = B(), [a, i] = U(!1), s = e.captionProps ?? {}, d = (c) => {
-    o({
-      captionProps: {
-        [r]: {
-          sizeVariant: c
-        }
-      }
-    });
-  }, l = (c) => {
-    o({
-      captionProps: {
-        sx: c
-      }
-    });
-  };
-  return /* @__PURE__ */ n(m, { name: "Caption style", children: /* @__PURE__ */ n(P, { name: "Text style", children: /* @__PURE__ */ u(Ae, { open: a, onOpenChange: i, placement: "right-end", children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ u(
-      "button",
-      {
-        css: [
-          {
-            display: "flex",
-            paddingInline: 8,
-            alignItems: "center",
-            gap: 8,
-            borderRadius: 6,
-            textAlign: "left",
-            width: "50%",
-            height: 32,
-            backgroundColor: S.palette.white["1s"],
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-            ...S.text.xs
-          },
-          a && { backgroundColor: S.palette.black["7s"] }
-        ],
-        children: [
-          /* @__PURE__ */ n(
-            E,
-            {
-              css: {
-                color: "white"
-              },
-              source: Yt
-            }
-          ),
-          /* @__PURE__ */ n("span", { children: "Auto" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { css: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ n("div", { css: { fontWeight: 500 }, children: "Text style" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(E, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { css: { marginBlock: 8, borderColor: S.palette.white["1s"] } }),
-      /* @__PURE__ */ u("div", { css: { display: "flex", flexDirection: "column", gap: 12 }, children: [
-        /* @__PURE__ */ n(
-          Me,
-          {
-            value: t(s, "sizeVariant"),
-            onChange: d
-          }
-        ),
-        /* @__PURE__ */ n(
-          ge,
-          {
-            value: { color: t(s.sx ?? {}, "color") },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          ze,
-          {
-            name: "Style",
-            value: {
-              fontWeight: t(s.sx ?? {}, "fontWeight"),
-              fontStyle: t(s.sx ?? {}, "fontStyle"),
-              textDecorationLine: t(s.sx ?? {}, "textDecorationLine")
-            },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          $e,
-          {
-            value: { fontWeight: t(s.sx ?? {}, "fontWeight") },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          it,
-          {
-            value: {
-              textTransform: t(s.sx ?? {}, "textTransform") ?? "none"
-            },
-            onChange: l
-          }
-        )
-      ] })
-    ] }) })
-  ] }) }) });
-}, oi = () => {
-  const { nodeProps: e, setNodeProps: o } = we(), { currentScreen: r, getResponsiveProp: t } = B(), [a, i] = U(!1), s = e.timeProps ?? {}, d = (c) => {
-    o({
-      timeProps: r === "xs" ? {
-        sizeVariant: c
-      } : {
-        [r]: {
-          sizeVariant: c
-        }
-      }
-    });
-  }, l = (c) => {
-    o({
-      timeProps: {
-        sx: c
-      }
-    });
-  };
-  return /* @__PURE__ */ n(m, { name: "Time style", children: /* @__PURE__ */ n(P, { name: "Text style", children: /* @__PURE__ */ u(Ae, { open: a, onOpenChange: i, placement: "right-end", children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ u(
-      "button",
-      {
-        css: [
-          {
-            display: "flex",
-            paddingInline: 8,
-            alignItems: "center",
-            gap: 8,
-            borderRadius: 6,
-            textAlign: "left",
-            width: "50%",
-            height: 32,
-            backgroundColor: S.palette.white["1s"],
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-            ...S.text.xs
-          },
-          a && { backgroundColor: S.palette.black["7s"] }
-        ],
-        children: [
-          /* @__PURE__ */ n(
-            E,
-            {
-              css: {
-                color: "white"
-              },
-              source: Yt
-            }
-          ),
-          /* @__PURE__ */ n("span", { children: "Auto" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { css: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ n("div", { css: { fontWeight: 500 }, children: "Text style" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(E, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { css: { marginBlock: 8, borderColor: S.palette.white["1s"] } }),
-      /* @__PURE__ */ u("div", { css: { display: "flex", flexDirection: "column", gap: 12 }, children: [
-        /* @__PURE__ */ n(
-          Me,
-          {
-            value: t(s, "sizeVariant"),
-            onChange: d
-          }
-        ),
-        /* @__PURE__ */ n(
-          ge,
-          {
-            value: { color: t(s.sx ?? {}, "color") },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          ze,
-          {
-            name: "Style",
-            value: {
-              fontWeight: t(s.sx ?? {}, "fontWeight"),
-              fontStyle: t(s.sx ?? {}, "fontStyle"),
-              textDecorationLine: t(s.sx ?? {}, "textDecorationLine")
-            },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          $e,
-          {
-            value: { fontWeight: t(s.sx ?? {}, "fontWeight") },
-            onChange: l
-          }
-        )
-      ] })
-    ] }) })
-  ] }) }) });
-}, ri = () => {
-  const { currentScreen: e, getResponsiveProp: o } = B(), { nodeProps: r, setNodeProps: t } = we(), a = (l, c = e) => {
-    t({
-      unitItemProps: {
-        sx: c === "xs" ? l : {
-          [c]: l
-        }
-      }
-    });
-  }, i = r.unitItemProps ?? {}, s = {
-    paddingTop: o(i.sx ?? {}, "paddingTop"),
-    paddingRight: o(i.sx ?? {}, "paddingRight"),
-    paddingBottom: o(i.sx ?? {}, "paddingBottom"),
-    paddingLeft: o(i.sx ?? {}, "paddingLeft")
-  }, d = (l) => {
-    a(
-      {
-        backgroundColor: l
-      },
-      "xs"
-    );
-  };
-  return /* @__PURE__ */ u(m, { name: "Item style", children: [
-    /* @__PURE__ */ n(
-      V,
-      {
-        menu: {
-          autoOption: { visible: !0 }
-        },
-        value: { width: o(i.sx ?? {}, "width") ?? "auto" },
-        onChange: a
-      }
-    ),
-    /* @__PURE__ */ n(nt, { onChange: a, value: s }),
-    /* @__PURE__ */ n(
-      Re,
-      {
-        name: "Item gap",
-        onChange: a,
-        value: { rowGap: o(i.sx ?? {}, "rowGap") ?? 0 }
-      }
-    ),
-    /* @__PURE__ */ n(P, { name: "Background", children: /* @__PURE__ */ n(
-      Zt,
-      {
-        color: o(i.sx ?? {}, "backgroundColor"),
-        onChange: d
-      }
-    ) }),
-    /* @__PURE__ */ n(
-      $,
-      {
-        value: {
-          borderBottomLeftRadius: o(i.sx ?? {}, "borderBottomLeftRadius"),
-          borderBottomRightRadius: o(i.sx ?? {}, "borderBottomRightRadius"),
-          borderTopLeftRadius: o(i.sx ?? {}, "borderTopLeftRadius"),
-          borderTopRightRadius: o(i.sx ?? {}, "borderTopRightRadius")
-        },
-        onChange: a
-      }
-    )
-  ] });
-}, ai = () => {
-  const { nodeProps: e, setNodeProps: o } = we(), [r, t] = U(!1), a = [
-    {
-      label: "Months",
-      value: "months"
-    },
-    {
-      label: "Weeks",
-      value: "weeks"
-    },
-    {
-      label: "Days",
-      value: "days"
-    },
-    {
-      label: "Hours",
-      value: "hours"
-    },
-    {
-      label: "Minutes",
-      value: "minutes"
-    },
-    {
-      label: "Seconds",
-      value: "seconds"
-    }
-  ].map((d) => ({
-    ...d,
-    currentValue: e.units.find((l) => l.value === d.value)
-  })), i = (d, l) => {
-    if (d === X.False) {
-      o((c) => {
-        c.units = c.units.filter((h) => h.value !== l.currentTarget.name);
-      });
-      return;
-    }
-    o((c) => {
-      const h = [];
-      a.forEach((g) => {
-        if (g.value === l.currentTarget.name) {
-          h.push({
-            value: g.value,
-            caption: g.label
-          });
-          return;
-        }
-        const b = c.units.find((C) => C.value === g.value);
-        if (b) {
-          h.push(b);
-          return;
-        }
-      }), c.units = h;
-    });
-  }, s = (d) => {
-    o((l) => {
-      l.units = l.units.map((c) => c.value === d.target.name ? { ...c, caption: d.target.value } : c);
-    });
-  };
-  return /* @__PURE__ */ n(P, { name: "Units", children: /* @__PURE__ */ u(Ae, { placement: "right", open: r, onOpenChange: t, children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ n(
-      "button",
-      {
-        css: [
-          {
-            paddingInline: 8,
-            borderRadius: 6,
-            textAlign: "left",
-            width: "50%",
-            height: 32,
-            backgroundColor: S.palette.white["1s"],
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-            ...S.text.xs
-          },
-          r && { backgroundColor: S.palette.black["7s"] }
-        ],
-        children: a.filter((d) => !!d.currentValue).map((d) => d.label).join(", ") || /* @__PURE__ */ n("span", { css: { color: S.palette.white["3s"] }, children: "None" })
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { style: { top: 120 }, children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { css: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ n("div", { css: { fontWeight: 500 }, children: "Units" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(E, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { css: { marginBlock: 8, borderColor: S.palette.white["1s"] } }),
-      /* @__PURE__ */ n("div", { css: { display: "flex", flexDirection: "column", gap: 12 }, children: a.map((d) => /* @__PURE__ */ u(Vt, { children: [
-        /* @__PURE__ */ n(P, { name: d.label, children: /* @__PURE__ */ u(
-          _e,
-          {
-            onSelectionChange: i,
-            css: {
-              width: "50%"
-            },
-            value: (!!d.currentValue).toString(),
-            children: [
-              /* @__PURE__ */ n(K, { name: d.value, css: { flex: 1 }, value: X.True, size: "28", children: "Show" }),
-              /* @__PURE__ */ n(K, { name: d.value, css: { flex: 1 }, value: X.False, size: "28", children: "Hide" })
-            ]
-          }
-        ) }),
-        !!d.currentValue && /* @__PURE__ */ n(P, { name: `${d.label} caption`, children: /* @__PURE__ */ n("div", { css: { width: "50%" }, children: /* @__PURE__ */ n(
-          se,
-          {
-            transform: Ht,
-            debounce: 400,
-            name: d.value,
-            onChange: s,
-            value: d.currentValue.caption ?? "",
-            placeholder: "Caption"
-          }
-        ) }) })
-      ] }, d.value)) })
-    ] }) })
-  ] }) });
-}, is = () => {
-  const { nodeProps: e, setNodeProps: o } = we(), { getResponsiveProp: r, currentScreen: t } = B(), a = (b, C = t) => {
-    o({ sx: W(b, C) });
-  }, i = {
-    paddingBottom: r(e.sx ?? {}, "paddingBottom"),
-    paddingLeft: r(e.sx ?? {}, "paddingLeft"),
-    paddingRight: r(e.sx ?? {}, "paddingRight"),
-    paddingTop: r(e.sx ?? {}, "paddingTop"),
-    marginBottom: r(e.sx ?? {}, "marginBottom"),
-    marginLeft: r(e.sx ?? {}, "marginLeft"),
-    marginRight: r(e.sx ?? {}, "marginRight"),
-    marginTop: r(e.sx ?? {}, "marginTop")
-  }, s = {
-    backgroundColor: r(e.sx ?? {}, "backgroundColor"),
-    backgroundImage: r(e.sx ?? {}, "backgroundImage"),
-    backgroundPosition: r(e.sx ?? {}, "backgroundPosition"),
-    backgroundRepeat: r(e.sx ?? {}, "backgroundRepeat"),
-    background: r(e.sx ?? {}, "background"),
-    backgroundSize: r(e.sx ?? {}, "backgroundSize"),
-    backgroundAttachment: r(e.sx ?? {}, "backgroundAttachment")
-  }, d = {
-    width: r(e.sx ?? {}, "width") ?? "auto"
-  }, l = {
-    borderStyle: r(e.sx ?? {}, "borderStyle"),
-    borderColor: r(e.sx ?? {}, "borderColor"),
-    borderTopWidth: r(e.sx ?? {}, "borderTopWidth"),
-    borderRightWidth: r(e.sx ?? {}, "borderRightWidth"),
-    borderBottomWidth: r(e.sx ?? {}, "borderBottomWidth"),
-    borderLeftWidth: r(e.sx ?? {}, "borderLeftWidth")
-  }, c = {
-    borderTopLeftRadius: r(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: r(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: r(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: r(e.sx ?? {}, "borderBottomLeftRadius")
-  }, h = (b) => {
-    o({
-      date: b
-    });
-  }, g = (b) => {
-    o({
-      hideAfterExpired: b.target.checked
-    });
-  };
-  return /* @__PURE__ */ u(D, { children: [
-    /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ n(k, { fill: !0, children: "Settings" }),
-      /* @__PURE__ */ n(k, { fill: !0, children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(F, { css: { paddingInline: 8 }, children: [
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ u(m, { name: "Config", children: [
-          /* @__PURE__ */ n(P, { name: "Date", children: /* @__PURE__ */ n(
-            Vo,
-            {
-              onChange: h,
-              referenceProps: { className: "w-1/2" },
-              value: ee(e.date) ? null : new Date(e.date)
-            }
-          ) }),
-          /* @__PURE__ */ n(ai, {}),
-          /* @__PURE__ */ n(P, { name: "Hide after expired", children: /* @__PURE__ */ n(le, { checked: e.hideAfterExpired ?? !1, onChange: g }) })
-        ] }),
-        /* @__PURE__ */ u(m, { name: "Layout", children: [
-          /* @__PURE__ */ n(
-            V,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              value: d,
-              onChange: a
-            }
-          ),
-          /* @__PURE__ */ n(
-            Jt,
-            {
-              value: {
-                flexWrap: r(e.sx ?? {}, "flexWrap")
-              },
-              onChange: a
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(ri, {}),
-        /* @__PURE__ */ n(oi, {}),
-        /* @__PURE__ */ n(ni, {})
-      ] }),
-      /* @__PURE__ */ u(L, { children: [
-        /* @__PURE__ */ n(m, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(m, { name: "Spacing (px)", children: /* @__PURE__ */ n(z, { value: i, onChange: a }) }),
-        /* @__PURE__ */ u(m, { name: "Shape", children: [
-          /* @__PURE__ */ n(_, { value: l, onChange: a }),
-          /* @__PURE__ */ n($, { value: c, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(m, { name: "Background", children: /* @__PURE__ */ n(Z, { value: s, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, ss = ({ children: e, data: o }) => {
-  const { resolver: r } = ne((a) => ({
-    resolver: a.options.resolver
-  })), t = no(() => {
-    if (ee(o)) return o;
-    const a = be(o) ? JSON.parse(o) : o;
-    return Object.entries(a).forEach(([, i]) => {
-      const s = be(i.type) ? i.type : i.type.resolvedName;
-      r[s] || (console.error(`Unknown node: ${s}`), i.type = {
-        resolvedName: T.Unknown
-      });
-    }), a;
-  }, [o, r]);
-  return /* @__PURE__ */ n(Xn, { data: t, children: e });
-}, ii = {
-  // Root
-  [T.Root]: Jn,
-  // Unknown
-  [T.Unknown]: qn,
-  // Button
-  [T.Button]: Gn,
-  // Text
-  [T.Paragraph]: et,
-  [T.Heading]: Un,
-  // Layout
-  [T.Grid]: jn,
-  [T.Cell]: Wt,
-  [T.Flexbox]: Vn,
-  [T.FlexItem]: Et,
-  [T.Box]: Hn,
-  [T.Container]: _n,
-  // Media
-  [T.Image]: $n,
-  [T.Video]: zn,
-  [T.Icon]: Mn,
-  // Navigation
-  [T.Link]: Fn,
-  // List
-  [T.UnorderedList]: On,
-  [T.ListItem]: Mt,
-  // Carousel
-  [T.Swiper]: Dn,
-  [T.SwiperSlide]: Ft,
-  [T.Marquee]: An,
-  [T.MarqueeItem]: At,
-  // Tabs
-  [T.Tabs]: En,
-  [T.TabList]: Wn,
-  [T.Tab]: Dt,
-  [T.TabContent]: Nn,
-  [T.TabPanel]: Ot,
-  // Accordion
-  [T.AccordionGroup]: Bn,
-  [T.Accordion]: zt,
-  [T.AccordionSummary]: $t,
-  [T.AccordionContent]: _t,
-  // Timer
-  [T.CountdownTimer]: In
-}, ds = ({ resolver: e, children: o, ...r }) => /* @__PURE__ */ n(
-  Qn,
-  {
-    enabled: !1,
-    onRender: si,
-    handlers: (t) => new di({
-      store: t,
-      removeHoverOnMouseleave: !0,
-      isMultiSelectEnabled: () => !1
-    }),
-    resolver: { ...ii, ...e },
-    ...r,
-    children: o
-  }
-), si = ({ render: e }) => {
-  const { id: o } = A(), { query: r } = ne();
-  return ve(() => {
-    const t = r.node(o).get(), a = he(t);
-    if (ee(a))
-      throw new Error(
-        `The node with id "${t.data.displayName}" does not have a resolved ID. Please check your node configuration.`
-      );
-  }, [o, r]), e;
-};
-class di extends eo {
-  handlers() {
-    const o = super.handlers();
-    return {
-      ...o,
-      select(r, t) {
-        return (r.getAttribute(Kn.DATA_NODE_SELECTABLE) ?? X.True) === X.True ? o.select(r, t) : () => {
-        };
-      }
-    };
-  }
-}
-export {
-  ns as A,
-  rs as B,
-  ss as C,
-  qi as D,
-  Ha as E,
-  Ui as F,
-  $i as G,
-  Ki as H,
-  ts as I,
-  kn as J,
-  Ga as K,
-  Hi as L,
-  Zi as M,
-  Qa as N,
-  Gi as P,
-  j as R,
-  Ca as S,
-  Xi as T,
-  es as U,
-  ya as V,
-  Ji as a,
-  Vi as b,
-  _i as c,
-  ds as d,
-  as as e,
-  is as f,
-  ji as g,
-  Yi as h,
-  Qi as i,
-  wn as j,
-  os as k,
-  Ja as l,
-  ei as m,
-  Ve as n,
-  on as o,
-  ti as p,
-  we as q,
-  yt as r,
-  Sn as s,
-  jo as t,
-  Je as u,
-  qa as v,
-  Se as w,
-  ut as x,
-  Oa as y,
-  qe as z
-};