@janbox/storefront-builder 2.0.1 → 2.0.3

package/dist/index-CwrFnubn.js

@@ -1,4448 +0,0 @@
-import { jsxs as u, jsx as n, Fragment as It } from "@emotion/react/jsx-runtime";
-import { a as Wt, F as Et, t as X, M as At, v as y, p as Dt, q as Ot, n as Ft, l as Mt, b as zt, c as $t, P as et, d as _t, i as Pn, A as kn, T as Bn, o as In, r as Wn, m as En, S as An, s as Dn, L as On, k as Fn, V as Mn, I as zn, C as $n, g as _n, j as Hn, G as Vn, H as jn, B as Un, U as Gn, R as qn, N as Jn } from "./countdown-timer.node-OmDiT-pz.js";
-import { Element as Kn, useNode as Q, ROOT_NODE as Yn, Frame as Zn, Editor as Xn, DefaultEventHandlers as Qn } from "@craftjs/core";
-import { isString as xe, isNil as ee, trimStart as Ht, isNumber as eo } from "lodash-es";
-import * as m from "react";
-import { useState as U, useEffect as we, Fragment as Vt, useMemo as to } from "react";
-import "clsx";
-import "tailwind-merge";
-import { W, m as ie, c as j, l as G, w as le, p as no, d as K, o as oo, n as ro, x as ao, y as tt, P as jt, e as ke, q as Ae, s as De, r as Oe, C as Fe } from "./dialog-header-DPLOS7TT.js";
-import { v as E, K as so, E as k, i as ve, N as Be, k as at, R as Ce, G as io, n as lo, W as H, H as ce, D as Y, S as M, h as $, g as z, B as Z, T as L, p as Ut, A as Gt, b as Me, c as ge, d as ze, s as qt, e as st, F as $e, j as co, M as uo, m as Jt, l as Kt, J as ho, r as go, L as it, y as dt, Q as po, O as mo, q as Ie, o as fo, P as nt, f as xo, a as Yt } from "./anchor-target-BlOvysAr.js";
-import { getGridProps as bo, getCellProps as wo, GRID_MINIMUM_COLS as Tt, GRID_MAXIMUM_COLS as vo, getLinkProps as Co, getButtonProps as Ro, getFlexboxProps as So, getFlexItemProps as yo, getImageProps as To, getMarqueeProps as No, MarqueeDataAttributes as Ye, getTabsProps as Lo, getSwiperProps as Po, getUnorderedListProps as ko, getIconProps as Bo, getAccordionProps as Io, getAccordionGroupProps as Wo, getAccordionDataAttributes as Te, AccordionDataAttributes as ot, getVideoProps as Eo, getBoxProps as Ao, getContainerProps as Do } from "@janbox/storefront-ui";
-import { t as I, u as ne, i as Nt, a as rt, e as he, C as Zt } from "./color-picker-popover-B3AVFuei.js";
-import "@janbox/storefront-ui/hooks";
-import { useFloating as Oo, autoUpdate as Fo, flip as Mo, offset as zo, FloatingPortal as $o } from "@floating-ui/react";
-import "react-use";
-import "@janbox/storefront-ui/theme";
-import "react-colorful";
-import { l as A, j as D, h as T, i as O, k as N, c as be, g as lt, a as _e, e as _o, A as ct, f as He } from "./dropzone-Dbfed3jK.js";
-import "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 Ho } from "react-frame-component";
-import "flat";
-import "@emotion/react";
-import "@janbox/storefront-ui/utils";
-import { useToggle as Xt } from "usehooks-ts";
-import { DragDropContext as Qt, Droppable as en, Draggable as tn } from "@hello-pangea/dnd";
-import { W as Vo } from "./date-picker-B4Rju7gG.js";
-const jo = () => E({
-  transform: bo
-}), V = Kn, Uo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.835 15L16.835 20C17.663 20.828 19.007 20.828 19.835 20V20C20.663 19.172 20.663 17.828 19.835 17L14.835 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.916 5.84669C20.94 5.86969 20.958 5.89969 20.967 5.93169C21.437 7.49869 21.073 9.26169 19.835 10.4997C18.584 11.7507 16.797 12.1087 15.218 11.6167L6.871 19.9637C6.058 20.7767 4.732 20.8377 3.891 20.0537C3.007 19.2307 2.989 17.8467 3.835 16.9997L12.218 8.61669C11.726 7.03769 12.084 5.25069 13.335 3.99969C14.573 2.76169 16.336 2.39769 17.903 2.86769C17.935 2.87769 17.965 2.89469 17.988 2.91869L18.15 3.08069C18.228 3.15869 18.228 3.28569 18.15 3.36369L15.515 5.99969L17.835 8.31969L20.471 5.68369C20.549 5.60569 20.676 5.60569 20.754 5.68369L20.916 5.84669V5.84669Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.933 4.29296L3.607 6.31596C3.743 6.72496 4.125 6.99996 4.556 6.99996H6.835V4.72096C6.835 4.29096 6.56 3.90796 6.151 3.77196L4.128 3.09796C3.948 3.03796 3.75 3.08496 3.616 3.21896L3.054 3.78096C2.92 3.91496 2.873 4.11296 2.933 4.29296V4.29296Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.84 7L10.34 10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, f = ({ name: e, children: o, responsive: r, slots: t }) => /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:py-2 tw:gap-2", children: [
-  /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-2", children: [
-    /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-2", children: [
-      /* @__PURE__ */ n(W, { source: Uo }),
-      /* @__PURE__ */ n("span", { className: "tw:text-sm tw:font-medium", children: e })
-    ] }),
-    !!r && /* @__PURE__ */ n(so, {}),
-    /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:flex tw:items-center tw:justify-end", children: t?.right })
-  ] }),
-  /* @__PURE__ */ n("div", { className: "tw:flex tw:flex-col tw:gap-4", children: o })
-] }), Hs = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = jo(), { getResponsiveProp: t, currentScreen: a } = k(), s = (S, P = a) => {
-    r({
-      sx: I(S, P)
-    });
-  }, 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")
-  }, 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(V, { canvas: !0, is: Wt }), c = {
-    columnGap: t(e.sx ?? {}, "columnGap") ?? 0
-  }, h = {
-    rowGap: t(e.sx ?? {}, "rowGap") ?? 0
-  }, g = {
-    width: t(e.sx ?? {}, "width")
-  }, x = {
-    height: t(e.sx ?? {}, "height")
-  }, w = {
-    alignItems: t(e.sx ?? {}, "alignItems")
-  }, b = {
-    justifyItems: t(e.sx ?? {}, "justifyItems")
-  }, C = {
-    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")
-  }, p = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Cells", children: /* @__PURE__ */ n(ve, { getNewNodeElement: l }) }),
-        /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(Be, { min: 1, name: "Columns", responsive: !0, value: v, onChange: (S) => {
-            o(
-              {
-                cols: S
-              },
-              a
-            );
-          } }),
-          /* @__PURE__ */ n(at, { value: c, onChange: s }),
-          /* @__PURE__ */ n(Ce, { value: h, onChange: s }),
-          /* @__PURE__ */ n(io, { value: w, onChange: s }),
-          /* @__PURE__ */ n(lo, { value: b, onChange: s })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(
-            H,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              value: g ?? "auto",
-              onChange: s
-            }
-          ),
-          /* @__PURE__ */ n(ce, { value: x, onChange: s })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: i, onChange: s }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: C, onChange: s }),
-          /* @__PURE__ */ n(z, { value: p, onChange: s })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: d, onChange: s }) })
-      ] })
-    ] })
-  ] });
-}, nn = () => E({
-  transform: wo
-}), Go = () => {
-  const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeResponsiveProps: t } = nn(), a = o(r, "colSpan") ?? Tt;
-  return /* @__PURE__ */ n(L, { responsive: !0, name: "Col span", children: /* @__PURE__ */ n("div", { className: "tw:w-1/2", children: /* @__PURE__ */ n(
-    be,
-    {
-      step: 1,
-      onChange: (i) => {
-        const d = isNaN(i.target.valueAsNumber) ? void 0 : i.target.valueAsNumber;
-        t(
-          {
-            colSpan: d ?? a
-          },
-          e
-        );
-      },
-      value: a,
-      className: "tw:text-center",
-      mode: "onBlur",
-      size: "32",
-      min: Tt,
-      max: vo
-    }
-  ) }) });
-}, Vs = () => {
-  const { nodeProps: e, setNodeProps: o } = nn(), { currentScreen: r, getResponsiveProp: t } = k(), a = (g, x = r) => {
-    o({ sx: I(g, x) });
-  }, s = {
-    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")
-  }, 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")
-  }, 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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(Go, {}),
-          /* @__PURE__ */ n(Ut, { value: h, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(ce, { onChange: a, value: c }) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: i, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: d, onChange: a }),
-          /* @__PURE__ */ n(z, { value: l, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: s, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, ut = () => E({
-  transform: Co
-}), qo = () => {
-  const { nodeProps: e, setNodeProps: o } = ut();
-  return /* @__PURE__ */ n(L, { name: "To", children: /* @__PURE__ */ n(
-    ie,
-    {
-      onChange: (t) => {
-        t.target.value = t.target.value.trim(), o({
-          to: t.target.value ? t.target.value : void 0
-        });
-      },
-      value: xe(e.to) ? e.to : e.to?.pathname ?? "",
-      classes: { container: "tw:w-1/2" }
-    }
-  ) });
-}, Jo = () => {
-  const { nodeProps: e, setNodeProps: o } = ut();
-  return /* @__PURE__ */ n(L, { name: "Rel", children: /* @__PURE__ */ n(
-    ie,
-    {
-      classes: {
-        container: "tw:w-1/2"
-      },
-      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"
-    }
-  ) });
-}, js = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = ut(), { currentScreen: t, getResponsiveProp: a } = k(), s = (v, R = t) => {
-    r({ sx: I(v, R) });
-  }, i = {
-    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) => {
-    s(v, "xs");
-  }, x = {
-    fontStyle: a(e.sx ?? {}, "fontStyle", "xs"),
-    textDecorationLine: a(e.sx ?? {}, "textDecorationLine", "xs"),
-    fontWeight: a(e.sx ?? {}, "fontWeight", "xs")
-  }, w = (v) => {
-    s(
-      {
-        fontStyle: v.fontStyle,
-        textDecorationLine: v.textDecorationLine,
-        fontWeight: v.fontWeight
-      },
-      "xs"
-    );
-  }, b = a(e.sx ?? {}, "textAlign") ?? "left", C = (v) => {
-    s({
-      textAlign: v
-    });
-  }, p = (v) => {
-    r({
-      target: v
-    });
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Insert link", children: [
-          /* @__PURE__ */ n(qo, {}),
-          /* @__PURE__ */ n(Gt, { value: e.target, onChange: p })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Text", children: [
-          /* @__PURE__ */ n(
-            Me,
-            {
-              onChange: c,
-              value: a(e, "textVariant")
-            }
-          ),
-          /* @__PURE__ */ n(ge, { value: h, onChange: g }),
-          /* @__PURE__ */ n(ze, { value: x, onChange: w }),
-          /* @__PURE__ */ n(qt, { value: b, onChange: C }),
-          /* @__PURE__ */ n(
-            st,
-            {
-              value: {
-                textTransform: a(e.sx ?? {}, "textTransform", "xs") ?? "none"
-              },
-              onChange: (v) => s(v, "xs")
-            }
-          ),
-          /* @__PURE__ */ n(
-            $e,
-            {
-              value: {
-                fontWeight: a(e.sx ?? {}, "fontWeight")
-              },
-              onChange: s
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(Jo, {}) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: i, onChange: s }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: d, onChange: s }),
-          /* @__PURE__ */ n(z, { value: l, onChange: s })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Ve = () => E({
-  transform: Ro
-});
-function F(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 on(e, o, r = "/") {
-  return Ko(e, o, r, !1);
-}
-function Ko(e, o, r, t) {
-  let a = typeof o == "string" ? ht(o) : o, s = de(a.pathname || "/", r);
-  if (s == null)
-    return null;
-  let i = rn(e);
-  Yo(i);
-  let d = null;
-  for (let l = 0; d == null && l < i.length; ++l) {
-    let c = ir(s);
-    d = ar(
-      i[l],
-      c,
-      t
-    );
-  }
-  return d;
-}
-function rn(e, o = [], r = [], t = "", a = !1) {
-  let s = (i, d, l = a, c) => {
-    let h = {
-      relativePath: c === void 0 ? i.path || "" : c,
-      caseSensitive: i.caseSensitive === !0,
-      childrenIndex: d,
-      route: i
-    };
-    if (h.relativePath.startsWith("/")) {
-      if (!h.relativePath.startsWith(t) && l)
-        return;
-      F(
-        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]), x = r.concat(h);
-    i.children && i.children.length > 0 && (F(
-      // Our types know better, but runtime JS may not!
-      // @ts-expect-error
-      i.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${g}".`
-    ), rn(
-      i.children,
-      o,
-      x,
-      g,
-      l
-    )), !(i.path == null && !i.index) && o.push({
-      path: g,
-      score: or(g, i.index),
-      routesMeta: x
-    });
-  };
-  return e.forEach((i, d) => {
-    if (i.path === "" || !i.path?.includes("?"))
-      s(i, d);
-    else
-      for (let l of an(i.path))
-        s(i, d, !0, l);
-  }), o;
-}
-function an(e) {
-  let o = e.split("/");
-  if (o.length === 0) return [];
-  let [r, ...t] = o, a = r.endsWith("?"), s = r.replace(/\?$/, "");
-  if (t.length === 0)
-    return a ? [s, ""] : [s];
-  let i = an(t.join("/")), d = [];
-  return d.push(
-    ...i.map(
-      (l) => l === "" ? s : [s, l].join("/")
-    )
-  ), a && d.push(...i), 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, s) => a + (Zo.test(s) ? Xo : s === "" ? 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 = {}, s = "/", i = [];
-  for (let d = 0; d < t.length; ++d) {
-    let l = t[d], c = d === t.length - 1, h = s === "/" ? o : o.slice(s.length) || "/", g = Ee(
-      { path: l.relativePath, caseSensitive: l.caseSensitive, end: c },
-      h
-    ), x = 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), i.push({
-      // TODO: Can this as be avoided?
-      params: a,
-      pathname: J([s, g.pathname]),
-      pathnameBase: ur(
-        J([s, g.pathnameBase])
-      ),
-      route: x
-    }), g.pathnameBase !== "/" && (s = J([s, g.pathnameBase]));
-  }
-  return i;
-}
-function Ee(e, o) {
-  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [r, t] = sr(
-    e.path,
-    e.caseSensitive,
-    e.end
-  ), a = o.match(r);
-  if (!a) return null;
-  let s = a[0], i = s.replace(/(.)\/+$/, "$1"), d = a.slice(1);
-  return {
-    params: t.reduce(
-      (c, { paramName: h, isOptional: g }, x) => {
-        if (h === "*") {
-          let b = d[x] || "";
-          i = s.slice(0, s.length - b.length).replace(/(.)\/+$/, "$1");
-        }
-        const w = d[x];
-        return g && !w ? c[h] = void 0 : c[h] = (w || "").replace(/%2F/g, "/"), c;
-      },
-      {}
-    ),
-    pathname: s,
-    pathnameBase: i,
-    pattern: e
-  };
-}
-function sr(e, o = !1, r = !0) {
-  te(
-    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
-    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
-  );
-  let t = [], a = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
-    /\/:([\w-]+)(\?)?/g,
-    (i, d, l, c, h) => {
-      if (t.push({ paramName: d, isOptional: l != null }), l) {
-        let g = h.charAt(c + i.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 ir(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, s;
-  return r ? (r = r.replace(/\/\/+/g, "/"), r.startsWith("/") ? s = Pt(r.substring(1), "/") : s = Pt(r, o)) : s = o, {
-    pathname: s,
-    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 sn(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 }, F(
-    !a.pathname || !a.pathname.includes("?"),
-    Ze("?", "pathname", "search", a)
-  ), F(
-    !a.pathname || !a.pathname.includes("#"),
-    Ze("#", "pathname", "hash", a)
-  ), F(
-    !a.search || !a.search.includes("#"),
-    Ze("#", "search", "hash", a)
-  ));
-  let s = e === "" || a.pathname === "", i = s ? "/" : a.pathname, d;
-  if (i == null)
-    d = r;
-  else {
-    let g = o.length - 1;
-    if (!t && i.startsWith("..")) {
-      let x = i.split("/");
-      for (; x[0] === ".."; )
-        x.shift(), g -= 1;
-      a.pathname = x.join("/");
-    }
-    d = g >= 0 ? o[g] : "/";
-  }
-  let l = lr(a, d), c = i && i !== "/" && i.endsWith("/"), h = (s || i === ".") && r.endsWith("/");
-  return !l.pathname.endsWith("/") && (c || h) && (l.pathname += "/"), l;
-}
-var J = (e) => e.join("/").replace(/\/\/+/g, "/"), 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 dn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function ln(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 (dn)
-    try {
-      let s = new URL(window.location.href), i = r.startsWith("//") ? new URL(s.protocol + r) : new URL(r), d = de(i.pathname, o);
-      i.origin === s.origin && d != null ? r = d + i.search + i.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 cn = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-new Set(
-  cn
-);
-var xr = [
-  "GET",
-  ...cn
-];
-new Set(xr);
-var pe = m.createContext(null);
-pe.displayName = "DataRouter";
-var je = m.createContext(null);
-je.displayName = "DataRouterState";
-var un = m.createContext(!1);
-function br() {
-  return m.useContext(un);
-}
-var hn = m.createContext({
-  isTransitioning: !1
-});
-hn.displayName = "ViewTransition";
-var wr = m.createContext(
-  /* @__PURE__ */ new Map()
-);
-wr.displayName = "Fetchers";
-var vr = m.createContext(null);
-vr.displayName = "Await";
-var q = m.createContext(
-  null
-);
-q.displayName = "Navigation";
-var pt = m.createContext(
-  null
-);
-pt.displayName = "Location";
-var oe = m.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-oe.displayName = "Route";
-var mt = m.createContext(null);
-mt.displayName = "RouteError";
-var gn = "REACT_ROUTER_ERROR", Cr = "REDIRECT", Rr = "ROUTE_ERROR_RESPONSE";
-function Sr(e) {
-  if (e.startsWith(`${gn}:${Cr}:{`))
-    try {
-      let o = JSON.parse(e.slice(28));
-      if (typeof o == "object" && o && typeof o.status == "number" && typeof o.statusText == "string" && typeof o.location == "string" && typeof o.reloadDocument == "boolean" && typeof o.replace == "boolean")
-        return o;
-    } catch {
-    }
-}
-function yr(e) {
-  if (e.startsWith(
-    `${gn}:${Rr}:{`
-  ))
-    try {
-      let o = JSON.parse(e.slice(40));
-      if (typeof o == "object" && o && typeof o.status == "number" && typeof o.statusText == "string")
-        return new pr(
-          o.status,
-          o.statusText,
-          o.data
-        );
-    } catch {
-    }
-}
-function Tr(e, { relative: o } = {}) {
-  F(
-    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 } = m.useContext(q), { hash: a, pathname: s, search: i } = Re(e, { relative: o }), d = s;
-  return r !== "/" && (d = s === "/" ? r : J([r, s])), t.createHref({ pathname: d, search: i, hash: a });
-}
-function Ue() {
-  return m.useContext(pt) != null;
-}
-function re() {
-  return F(
-    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."
-  ), m.useContext(pt).location;
-}
-var pn = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function mn(e) {
-  m.useContext(q).static || m.useLayoutEffect(e);
-}
-function Nr() {
-  let { isDataRoute: e } = m.useContext(oe);
-  return e ? zr() : Lr();
-}
-function Lr() {
-  F(
-    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 = m.useContext(pe), { basename: o, navigator: r } = m.useContext(q), { matches: t } = m.useContext(oe), { pathname: a } = re(), s = JSON.stringify(sn(t)), i = m.useRef(!1);
-  return mn(() => {
-    i.current = !0;
-  }), m.useCallback(
-    (l, c = {}) => {
-      if (te(i.current, pn), !i.current) return;
-      if (typeof l == "number") {
-        r.go(l);
-        return;
-      }
-      let h = gt(
-        l,
-        JSON.parse(s),
-        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,
-      s,
-      a,
-      e
-    ]
-  );
-}
-m.createContext(null);
-function Re(e, { relative: o } = {}) {
-  let { matches: r } = m.useContext(oe), { pathname: t } = re(), a = JSON.stringify(sn(r));
-  return m.useMemo(
-    () => gt(
-      e,
-      JSON.parse(a),
-      t,
-      o === "path"
-    ),
-    [e, a, t, o]
-  );
-}
-function Pr(e, o, r) {
-  F(
-    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 } = m.useContext(q), { matches: a } = m.useContext(oe), s = a[a.length - 1], i = s ? s.params : {}, d = s ? s.pathname : "/", l = s ? s.pathnameBase : "/", c = s && s.route;
-  {
-    let p = c && c.path || "";
-    xn(
-      d,
-      !c || p.endsWith("*") || p.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${d}" (under <Route path="${p}">) 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="${p}"> to <Route path="${p === "/" ? "*" : `${p}/*`}">.`
-    );
-  }
-  let h = re(), g;
-  g = h;
-  let x = g.pathname || "/", w = x;
-  if (l !== "/") {
-    let p = l.replace(/^\//, "").split("/");
-    w = "/" + x.replace(/^\//, "").split("/").slice(p.length).join("/");
-  }
-  let b = on(e, { pathname: w });
-  return te(
-    c || b != null,
-    `No routes matched location "${g.pathname}${g.search}${g.hash}" `
-  ), te(
-    b == null || b[b.length - 1].route.element !== void 0 || b[b.length - 1].route.Component !== void 0 || b[b.length - 1].route.lazy !== void 0,
-    `Matched leaf route at location "${g.pathname}${g.search}${g.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), Er(
-    b && b.map(
-      (p) => Object.assign({}, p, {
-        params: Object.assign({}, i, p.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(
-            p.pathname.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : p.pathname
-        ]),
-        pathnameBase: p.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(
-            p.pathnameBase.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : p.pathnameBase
-        ])
-      })
-    ),
-    a,
-    r
-  );
-}
-function kr() {
-  let e = Mr(), o = mr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, t = "rgba(200,200,200, 0.5)", a = { padding: "0.5rem", backgroundColor: t }, s = { padding: "2px 4px", backgroundColor: t }, i = null;
-  return console.error(
-    "Error handled by React Router default ErrorBoundary:",
-    e
-  ), i = /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ m.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ m.createElement("code", { style: s }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ m.createElement("code", { style: s }, "errorElement"), " prop on your route.")), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ m.createElement("h3", { style: { fontStyle: "italic" } }, o), r ? /* @__PURE__ */ m.createElement("pre", { style: a }, r) : null, i);
-}
-var Br = /* @__PURE__ */ m.createElement(kr, null), fn = class extends m.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 = yr(e.digest);
-      r && (e = r);
-    }
-    let o = e !== void 0 ? /* @__PURE__ */ m.createElement(oe.Provider, { value: this.props.routeContext }, /* @__PURE__ */ m.createElement(
-      mt.Provider,
-      {
-        value: e,
-        children: this.props.component
-      }
-    )) : this.props.children;
-    return this.context ? /* @__PURE__ */ m.createElement(Ir, { error: e }, o) : o;
-  }
-};
-fn.contextType = un;
-var Xe = /* @__PURE__ */ new WeakMap();
-function Ir({
-  children: e,
-  error: o
-}) {
-  let { basename: r } = m.useContext(q);
-  if (typeof o == "object" && o && "digest" in o && typeof o.digest == "string") {
-    let t = Sr(o.digest);
-    if (t) {
-      let a = Xe.get(o);
-      if (a) throw a;
-      let s = ln(t.location, r);
-      if (dn && !Xe.get(o))
-        if (s.isExternal || t.reloadDocument)
-          window.location.href = s.absoluteURL || s.to;
-        else {
-          const i = Promise.resolve().then(
-            () => window.__reactRouterDataRouter.navigate(s.to, {
-              replace: t.replace
-            })
-          );
-          throw Xe.set(o, i), i;
-        }
-      return /* @__PURE__ */ m.createElement(
-        "meta",
-        {
-          httpEquiv: "refresh",
-          content: `0;url=${s.absoluteURL || s.to}`
-        }
-      );
-    }
-  }
-  return e;
-}
-function Wr({ routeContext: e, match: o, children: r }) {
-  let t = m.useContext(pe);
-  return t && t.static && t.staticContext && (o.route.errorElement || o.route.ErrorBoundary) && (t.staticContext._deepestRenderedBoundaryId = o.route.id), /* @__PURE__ */ m.createElement(oe.Provider, { value: e }, r);
-}
-function 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, s = t?.errors;
-  if (s != null) {
-    let h = a.findIndex(
-      (g) => g.route.id && s?.[g.route.id] !== void 0
-    );
-    F(
-      h >= 0,
-      `Could not find a matching route for errors on route IDs: ${Object.keys(
-        s
-      ).join(",")}`
-    ), a = a.slice(
-      0,
-      Math.min(a.length, h + 1)
-    );
-  }
-  let i = !1, d = -1;
-  if (r && t) {
-    i = 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: x, errors: w } = t, b = g.route.loader && !x.hasOwnProperty(g.route.id) && (!w || w[g.route.id] === void 0);
-        if (g.route.lazy || b) {
-          r.isStatic && (i = !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, x) => {
-      let w, b = !1, C = null, p = null;
-      t && (w = s && g.route.id ? s[g.route.id] : void 0, C = g.route.errorElement || Br, i && (d < 0 && x === 0 ? (xn(
-        "route-fallback",
-        !1,
-        "No `HydrateFallback` element provided to render during initial hydration"
-      ), b = !0, p = null) : d === x && (b = !0, p = g.route.hydrateFallbackElement || null)));
-      let v = o.concat(a.slice(0, x + 1)), R = () => {
-        let S;
-        return w ? S = C : b ? S = p : g.route.Component ? S = /* @__PURE__ */ m.createElement(g.route.Component, null) : g.route.element ? S = g.route.element : S = h, /* @__PURE__ */ m.createElement(
-          Wr,
-          {
-            match: g,
-            routeContext: {
-              outlet: h,
-              matches: v,
-              isDataRoute: t != null
-            },
-            children: S
-          }
-        );
-      };
-      return t && (g.route.ErrorBoundary || g.route.errorElement || x === 0) ? /* @__PURE__ */ m.createElement(
-        fn,
-        {
-          location: t.location,
-          revalidation: t.revalidation,
-          component: C,
-          error: w,
-          children: R(),
-          routeContext: { outlet: null, matches: v, isDataRoute: !0 },
-          onError: c
-        }
-      ) : R();
-    },
-    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 = m.useContext(pe);
-  return F(o, ft(e)), o;
-}
-function Dr(e) {
-  let o = m.useContext(je);
-  return F(o, ft(e)), o;
-}
-function Or(e) {
-  let o = m.useContext(oe);
-  return F(o, ft(e)), o;
-}
-function xt(e) {
-  let o = Or(e), r = o.matches[o.matches.length - 1];
-  return F(
-    r.route.id,
-    `${e} can only be used on routes that contain a unique "id"`
-  ), r.route.id;
-}
-function Fr() {
-  return xt(
-    "useRouteId"
-    /* UseRouteId */
-  );
-}
-function Mr() {
-  let e = m.useContext(mt), o = Dr(
-    "useRouteError"
-    /* UseRouteError */
-  ), r = xt(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  return e !== void 0 ? e : o.errors?.[r];
-}
-function zr() {
-  let { router: e } = Ar(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), o = xt(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), r = m.useRef(!1);
-  return mn(() => {
-    r.current = !0;
-  }), m.useCallback(
-    async (a, s = {}) => {
-      te(r.current, pn), r.current && (typeof a == "number" ? await e.navigate(a) : await e.navigate(a, { fromRouteId: o, ...s }));
-    },
-    [e, o]
-  );
-}
-var kt = {};
-function xn(e, o, r) {
-  !o && !kt[e] && (kt[e] = !0, te(!1, r));
-}
-m.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 Ne = null;
-function Gr() {
-  if (Ne === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), Ne = !1;
-    } catch {
-      Ne = !0;
-    }
-  return Ne;
-}
-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, s, i;
-  if (Hr(e)) {
-    let d = e.getAttribute("action");
-    t = d ? de(d, o) : null, r = e.getAttribute("method") || Le, a = Qe(e.getAttribute("enctype")) || Pe, s = new FormData(e);
-  } else if (_r(e) || Vr(e) && (e.type === "submit" || e.type === "image")) {
-    let d = e.form;
-    if (d == null)
-      throw new Error(
-        'Cannot submit a <button> or <input type="submit"> without a <form>'
-      );
-    let l = e.getAttribute("formaction") || d.getAttribute("action");
-    if (t = l ? de(l, o) : null, r = e.getAttribute("formmethod") || d.getAttribute("method") || Le, a = Qe(e.getAttribute("formenctype")) || Qe(d.getAttribute("enctype")) || Pe, s = new FormData(d, e), !Gr()) {
-      let { name: c, type: h, value: g } = e;
-      if (h === "image") {
-        let x = c ? `${c}.` : "";
-        s.append(`${x}x`, "0"), s.append(`${x}y`, "0");
-      } else c && s.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, i = e;
-  }
-  return s && a === "text/plain" && (i = s, s = void 0), { action: t, method: r.toLowerCase(), encType: a, formData: s, body: i };
-}
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-function bt(e, o) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(o);
-}
-function bn(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 s = o.routes[a.route.id];
-      if (s) {
-        let i = await Kr(s, r);
-        return i.links ? i.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, s) {
-  let i = (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 s === "assets" ? o.filter(
-    (l, c) => i(l, c) || d(l, c)
-  ) : s === "data" ? o.filter((l, c) => {
-    let h = t.routes[l.route.id];
-    if (!h || !h.hasLoader)
-      return !1;
-    if (i(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 s = [a.module];
-      return a.clientActionModule && (s = s.concat(a.clientActionModule)), a.clientLoaderModule && (s = s.concat(a.clientLoaderModule)), r && a.hydrateFallbackModule && (s = s.concat(a.hydrateFallbackModule)), a.imports && (s = s.concat(a.imports)), s;
-    }).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 s = JSON.stringify(ea(a));
-    return r.has(s) || (r.add(s), t.push({ key: s, link: a })), t;
-  }, []);
-}
-function wt() {
-  let e = m.useContext(pe);
-  return bt(
-    e,
-    "You must render this element inside a <DataRouterContext.Provider> element"
-  ), e;
-}
-function na() {
-  let e = m.useContext(je);
-  return bt(
-    e,
-    "You must render this element inside a <DataRouterStateContext.Provider> element"
-  ), e;
-}
-var vt = m.createContext(void 0);
-vt.displayName = "FrameworkContext";
-function Ct() {
-  let e = m.useContext(vt);
-  return bt(
-    e,
-    "You must render this element inside a <HydratedRouter> element"
-  ), e;
-}
-function oa(e, o) {
-  let r = m.useContext(vt), [t, a] = m.useState(!1), [s, i] = m.useState(!1), { onFocus: d, onBlur: l, onMouseEnter: c, onMouseLeave: h, onTouchStart: g } = o, x = m.useRef(null);
-  m.useEffect(() => {
-    if (e === "render" && i(!0), e === "viewport") {
-      let C = (v) => {
-        v.forEach((R) => {
-          i(R.isIntersecting);
-        });
-      }, p = new IntersectionObserver(C, { threshold: 0.5 });
-      return x.current && p.observe(x.current), () => {
-        p.disconnect();
-      };
-    }
-  }, [e]), m.useEffect(() => {
-    if (t) {
-      let C = setTimeout(() => {
-        i(!0);
-      }, 100);
-      return () => {
-        clearTimeout(C);
-      };
-    }
-  }, [t]);
-  let w = () => {
-    a(!0);
-  }, b = () => {
-    a(!1), i(!1);
-  };
-  return r ? e !== "intent" ? [s, x, {}] : [
-    s,
-    x,
-    {
-      onFocus: fe(d, w),
-      onBlur: fe(l, b),
-      onMouseEnter: fe(c, w),
-      onMouseLeave: fe(h, b),
-      onTouchStart: fe(g, w)
-    }
-  ] : [!1, x, {}];
-}
-function fe(e, o) {
-  return (r) => {
-    e && e(r), r.defaultPrevented || o(r);
-  };
-}
-function ra({ page: e, ...o }) {
-  let r = br(), { router: t } = wt(), a = m.useMemo(
-    () => on(t.routes, e, t.basename),
-    [t.routes, e, t.basename]
-  );
-  return a ? r ? /* @__PURE__ */ m.createElement(sa, { page: e, matches: a, ...o }) : /* @__PURE__ */ m.createElement(ia, { page: e, matches: a, ...o }) : null;
-}
-function aa(e) {
-  let { manifest: o, routeModules: r } = Ct(), [t, a] = m.useState([]);
-  return m.useEffect(() => {
-    let s = !1;
-    return Zr(e, o, r).then(
-      (i) => {
-        s || a(i);
-      }
-    ), () => {
-      s = !0;
-    };
-  }, [e, o, r]), t;
-}
-function sa({
-  page: e,
-  matches: o,
-  ...r
-}) {
-  let t = re(), { future: a } = Ct(), { basename: s } = wt(), i = m.useMemo(() => {
-    if (e === t.pathname + t.search + t.hash)
-      return [];
-    let d = bn(
-      e,
-      s,
-      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];
-  }, [
-    s,
-    a.unstable_trailingSlashAwareDataRequests,
-    e,
-    t,
-    o
-  ]);
-  return /* @__PURE__ */ m.createElement(m.Fragment, null, i.map((d) => /* @__PURE__ */ m.createElement("link", { key: d, rel: "prefetch", as: "fetch", href: d, ...r })));
-}
-function ia({
-  page: e,
-  matches: o,
-  ...r
-}) {
-  let t = re(), { future: a, manifest: s, routeModules: i } = Ct(), { basename: d } = wt(), { loaderData: l, matches: c } = na(), h = m.useMemo(
-    () => Bt(
-      e,
-      o,
-      c,
-      s,
-      t,
-      "data"
-    ),
-    [e, o, c, s, t]
-  ), g = m.useMemo(
-    () => Bt(
-      e,
-      o,
-      c,
-      s,
-      t,
-      "assets"
-    ),
-    [e, o, c, s, t]
-  ), x = m.useMemo(() => {
-    if (e === t.pathname + t.search + t.hash)
-      return [];
-    let C = /* @__PURE__ */ new Set(), p = !1;
-    if (o.forEach((R) => {
-      let S = s.routes[R.route.id];
-      !S || !S.hasLoader || (!h.some((P) => P.route.id === R.route.id) && R.route.id in l && i[R.route.id]?.shouldRevalidate || S.hasClientLoader ? p = !0 : C.add(R.route.id));
-    }), C.size === 0)
-      return [];
-    let v = bn(
-      e,
-      d,
-      a.unstable_trailingSlashAwareDataRequests,
-      "data"
-    );
-    return p && C.size > 0 && v.searchParams.set(
-      "_routes",
-      o.filter((R) => C.has(R.route.id)).map((R) => R.route.id).join(",")
-    ), [v.pathname + v.search];
-  }, [
-    d,
-    a.unstable_trailingSlashAwareDataRequests,
-    l,
-    t,
-    s,
-    h,
-    o,
-    e,
-    i
-  ]), w = m.useMemo(
-    () => Xr(g, s),
-    [g, s]
-  ), b = aa(g);
-  return /* @__PURE__ */ m.createElement(m.Fragment, null, x.map((C) => /* @__PURE__ */ m.createElement("link", { key: C, rel: "prefetch", as: "fetch", href: C, ...r })), w.map((C) => /* @__PURE__ */ m.createElement("link", { key: C, rel: "modulepreload", href: C, ...r })), b.map(({ key: C, link: p }) => (
-    // these don't spread `linkProps` because they are full link descriptors
-    // already with their own props
-    /* @__PURE__ */ m.createElement(
-      "link",
-      {
-        key: C,
-        nonce: r.nonce,
-        ...p,
-        crossOrigin: p.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 wn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, vn = m.forwardRef(
-  function({
-    onClick: o,
-    discover: r = "render",
-    prefetch: t = "none",
-    relative: a,
-    reloadDocument: s,
-    replace: i,
-    unstable_mask: d,
-    state: l,
-    target: c,
-    to: h,
-    preventScrollReset: g,
-    viewTransition: x,
-    unstable_defaultShouldRevalidate: w,
-    ...b
-  }, C) {
-    let { basename: p, navigator: v, unstable_useTransitions: R } = m.useContext(q), S = typeof h == "string" && wn.test(h), P = ln(h, p);
-    h = P.to;
-    let B = Tr(h, { relative: a }), _ = re(), ae = null;
-    if (d) {
-      let se = gt(
-        d,
-        [],
-        _.unstable_mask ? _.unstable_mask.pathname : "/",
-        !0
-      );
-      p !== "/" && (se.pathname = se.pathname === "/" ? p : J([p, se.pathname])), ae = v.createHref(se);
-    }
-    let [ue, me, Ke] = oa(
-      t,
-      b
-    ), Nn = ga(h, {
-      replace: i,
-      unstable_mask: d,
-      state: l,
-      target: c,
-      preventScrollReset: g,
-      relative: a,
-      viewTransition: x,
-      unstable_defaultShouldRevalidate: w,
-      unstable_useTransitions: R
-    });
-    function Ln(se) {
-      o && o(se), se.defaultPrevented || Nn(se);
-    }
-    let St = !(P.isExternal || s), yt = (
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ m.createElement(
-        "a",
-        {
-          ...b,
-          ...Ke,
-          href: (St ? ae : void 0) || P.absoluteURL || B,
-          onClick: St ? Ln : o,
-          ref: da(C, me),
-          target: c,
-          "data-discover": !S && r === "render" ? "true" : void 0
-        }
-      )
-    );
-    return ue && !S ? /* @__PURE__ */ m.createElement(m.Fragment, null, yt, /* @__PURE__ */ m.createElement(ra, { page: B })) : yt;
-  }
-);
-vn.displayName = "Link";
-var ca = m.forwardRef(
-  function({
-    "aria-current": o = "page",
-    caseSensitive: r = !1,
-    className: t = "",
-    end: a = !1,
-    style: s,
-    to: i,
-    viewTransition: d,
-    children: l,
-    ...c
-  }, h) {
-    let g = Re(i, { relative: c.relative }), x = re(), w = m.useContext(je), { navigator: b, basename: C } = m.useContext(q), p = w != null && // Conditional usage is OK here because the usage of a data router is static
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    ba(g) && d === !0, v = b.encodeLocation ? b.encodeLocation(g).pathname : g.pathname, R = x.pathname, S = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
-    r || (R = R.toLowerCase(), S = S ? S.toLowerCase() : null, v = v.toLowerCase()), S && C && (S = de(S, C) || S);
-    const P = v !== "/" && v.endsWith("/") ? v.length - 1 : v.length;
-    let B = R === v || !a && R.startsWith(v) && R.charAt(P) === "/", _ = S != null && (S === v || !a && S.startsWith(v) && S.charAt(v.length) === "/"), ae = {
-      isActive: B,
-      isPending: _,
-      isTransitioning: p
-    }, ue = B ? o : void 0, me;
-    typeof t == "function" ? me = t(ae) : me = [
-      t,
-      B ? "active" : null,
-      _ ? "pending" : null,
-      p ? "transitioning" : null
-    ].filter(Boolean).join(" ");
-    let Ke = typeof s == "function" ? s(ae) : s;
-    return /* @__PURE__ */ m.createElement(
-      vn,
-      {
-        ...c,
-        "aria-current": ue,
-        className: me,
-        ref: h,
-        style: Ke,
-        to: i,
-        viewTransition: d
-      },
-      typeof l == "function" ? l(ae) : l
-    );
-  }
-);
-ca.displayName = "NavLink";
-var ua = m.forwardRef(
-  ({
-    discover: e = "render",
-    fetcherKey: o,
-    navigate: r,
-    reloadDocument: t,
-    replace: a,
-    state: s,
-    method: i = Le,
-    action: d,
-    onSubmit: l,
-    relative: c,
-    preventScrollReset: h,
-    viewTransition: g,
-    unstable_defaultShouldRevalidate: x,
-    ...w
-  }, b) => {
-    let { unstable_useTransitions: C } = m.useContext(q), p = fa(), v = xa(d, { relative: c }), R = i.toLowerCase() === "get" ? "get" : "post", S = typeof d == "string" && wn.test(d), P = (B) => {
-      if (l && l(B), B.defaultPrevented) return;
-      B.preventDefault();
-      let _ = B.nativeEvent.submitter, ae = _?.getAttribute("formmethod") || i, ue = () => p(_ || B.currentTarget, {
-        fetcherKey: o,
-        method: ae,
-        navigate: r,
-        replace: a,
-        state: s,
-        relative: c,
-        preventScrollReset: h,
-        viewTransition: g,
-        unstable_defaultShouldRevalidate: x
-      });
-      C && r !== !1 ? m.startTransition(() => ue()) : ue();
-    };
-    return /* @__PURE__ */ m.createElement(
-      "form",
-      {
-        ref: b,
-        method: R,
-        action: v,
-        onSubmit: t ? l : P,
-        ...w,
-        "data-discover": !S && 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 Cn(e) {
-  let o = m.useContext(pe);
-  return F(o, ha(e)), o;
-}
-function ga(e, {
-  target: o,
-  replace: r,
-  unstable_mask: t,
-  state: a,
-  preventScrollReset: s,
-  relative: i,
-  viewTransition: d,
-  unstable_defaultShouldRevalidate: l,
-  unstable_useTransitions: c
-} = {}) {
-  let h = Nr(), g = re(), x = Re(e, { relative: i });
-  return m.useCallback(
-    (w) => {
-      if (Ur(w, o)) {
-        w.preventDefault();
-        let b = r !== void 0 ? r : We(g) === We(x), C = () => h(e, {
-          replace: b,
-          unstable_mask: t,
-          state: a,
-          preventScrollReset: s,
-          relative: i,
-          viewTransition: d,
-          unstable_defaultShouldRevalidate: l
-        });
-        c ? m.startTransition(() => C()) : C();
-      }
-    },
-    [
-      g,
-      h,
-      x,
-      r,
-      t,
-      a,
-      o,
-      e,
-      s,
-      i,
-      d,
-      l,
-      c
-    ]
-  );
-}
-var pa = 0, ma = () => `__${String(++pa)}__`;
-function fa() {
-  let { router: e } = Cn(
-    "useSubmit"
-    /* UseSubmit */
-  ), { basename: o } = m.useContext(q), r = Fr(), t = e.fetch, a = e.navigate;
-  return m.useCallback(
-    async (s, i = {}) => {
-      let { action: d, method: l, encType: c, formData: h, body: g } = Jr(
-        s,
-        o
-      );
-      if (i.navigate === !1) {
-        let x = i.fetcherKey || ma();
-        await t(x, r, i.action || d, {
-          unstable_defaultShouldRevalidate: i.unstable_defaultShouldRevalidate,
-          preventScrollReset: i.preventScrollReset,
-          formData: h,
-          body: g,
-          formMethod: i.method || l,
-          formEncType: i.encType || c,
-          flushSync: i.flushSync
-        });
-      } else
-        await a(i.action || d, {
-          unstable_defaultShouldRevalidate: i.unstable_defaultShouldRevalidate,
-          preventScrollReset: i.preventScrollReset,
-          formData: h,
-          body: g,
-          formMethod: i.method || l,
-          formEncType: i.encType || c,
-          replace: i.replace,
-          state: i.state,
-          fromRouteId: r,
-          flushSync: i.flushSync,
-          viewTransition: i.viewTransition
-        });
-    },
-    [t, a, o, r]
-  );
-}
-function xa(e, { relative: o } = {}) {
-  let { basename: r } = m.useContext(q), t = m.useContext(oe);
-  F(t, "useFormAction must be used inside a RouteContext");
-  let [a] = t.matches.slice(-1), s = { ...Re(e || ".", { relative: o }) }, i = re();
-  if (e == null) {
-    s.search = i.search;
-    let d = new URLSearchParams(s.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();
-      s.search = h ? `?${h}` : "";
-    }
-  }
-  return (!e || e === ".") && a.route.index && (s.search = s.search ? s.search.replace(/^\?/, "?index&") : "?index"), r !== "/" && (s.pathname = s.pathname === "/" ? r : J([r, s.pathname])), We(s);
-}
-function ba(e, { relative: o } = {}) {
-  let r = m.useContext(hn);
-  F(
-    r != null,
-    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
-  );
-  let { basename: t } = Cn(
-    "useViewTransitionState"
-    /* useViewTransitionState */
-  ), a = Re(e, { relative: o });
-  if (!r.isTransitioning)
-    return !1;
-  let s = de(r.currentLocation.pathname, t) || r.currentLocation.pathname, i = de(r.nextLocation.pathname, t) || r.nextLocation.pathname;
-  return Ee(a.pathname, i) != null || Ee(a.pathname, s) != null;
-}
-const wa = ({ readonlyTo: e }) => {
-  const { nodeProps: o, setNodeProps: r } = Ve(), t = e ?? o.anchor?.to, a = (() => {
-    if (!ee(t))
-      return xe(t) ? t : We(t);
-  })();
-  return /* @__PURE__ */ n(L, { name: "To", children: /* @__PURE__ */ n(
-    ie,
-    {
-      readOnly: !!e,
-      placeholder: "https://example.com",
-      classes: {
-        container: "tw:w-1/2"
-      },
-      mode: "onBlur",
-      value: a ?? "",
-      onChange: (i) => {
-        if (i.target.value = i.target.value.trim(), !i.target.value) {
-          r({
-            anchor: void 0
-          });
-          return;
-        }
-        r({
-          anchor: {
-            to: i.target.value
-          }
-        });
-      }
-    }
-  ) });
-}, va = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o } = Ve(), { getResponsiveProp: r, currentScreen: t } = k(), a = [
-    {
-      label: "Small",
-      value: "sm"
-    },
-    {
-      label: "Medium",
-      value: "md"
-    },
-    {
-      label: "Large",
-      value: "lg"
-    }
-  ], s = (i) => {
-    o(
-      {
-        size: i
-      },
-      t
-    );
-  };
-  return /* @__PURE__ */ n(L, { name: "Size variant", children: /* @__PURE__ */ n(
-    lt,
-    {
-      className: "tw:w-1/2",
-      options: a,
-      value: r(e, "size") ?? null,
-      onChange: s
-    }
-  ) });
-}, Ca = [
-  {
-    value: "contained",
-    label: "Contained"
-  },
-  {
-    value: "outlined",
-    label: "Outlined"
-  },
-  {
-    value: "text",
-    label: "Text"
-  }
-], Ra = () => {
-  const { nodeProps: e, setNodeProps: o } = Ve(), r = (t) => {
-    o({
-      variant: t.currentTarget.value
-    });
-  };
-  return /* @__PURE__ */ n(L, { name: "Variant", children: /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:gap-2", children: Ca.map((t) => {
-    const a = e?.variant === t.value;
-    return /* @__PURE__ */ n(
-      "button",
-      {
-        onClick: r,
-        value: t.value,
-        className: j("tw:p-1 tw:border tw:rounded tw:border-transparent tw:text-ic-white-3s tw:bg-ic-white-1s", {
-          "tw:text-ic-white-6s tw:border-ic-white-4s": a
-        }),
-        children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: j(
-              "tw:rounded tw:overflow-hidden tw:relative tw:flex tw:justify-center tw:items-center tw:px-3 tw:py-1",
-              {
-                "tw:border tw:border-ic-white-2s tw:bg-ic-white-1s": t.value === "outlined",
-                "tw:bg-ic-black-7s": t.value === "contained"
-              }
-            ),
-            children: /* @__PURE__ */ n("span", { className: "tw:text-xs", children: "Aa" })
-          }
-        )
-      },
-      t.value
-    );
-  }) }) });
-}, Us = ({ readonlyTo: e }) => {
-  const { nodeProps: o, setNodeProps: r } = Ve(), { currentScreen: t, getResponsiveProp: a } = k(), s = (h, g = t) => {
-    r({
-      sx: I(h, g)
-    });
-  }, i = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Text", children: /* @__PURE__ */ n(L, { name: "Content", children: /* @__PURE__ */ n(
-          ie,
-          {
-            classes: { container: "tw:w-1/2" },
-            value: o.dangerouslySetInnerHTML?.__html.toString() ?? "",
-            onChange: c
-          }
-        ) }) }),
-        /* @__PURE__ */ u(f, { name: "Color & Variant", children: [
-          /* @__PURE__ */ n(co, { value: o.color, onChange: d }),
-          /* @__PURE__ */ n(Ra, {})
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(va, {}),
-          /* @__PURE__ */ n(H, { onChange: s, value: i })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Link", children: [
-          /* @__PURE__ */ n(wa, { readonlyTo: e }),
-          /* @__PURE__ */ n(Gt, { value: o.anchor?.target, onChange: l })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing", children: /* @__PURE__ */ n(
-          uo,
-          {
-            value: {
-              marginTop: a(o.sx ?? {}, "marginTop"),
-              marginBottom: a(o.sx ?? {}, "marginBottom"),
-              marginLeft: a(o.sx ?? {}, "marginLeft"),
-              marginRight: a(o.sx ?? {}, "marginRight")
-            },
-            onChange: s
-          }
-        ) })
-      ] })
-    ] })
-  ] });
-}, Rn = () => E({
-  transform: So
-}), Sa = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, ya = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5 19.9V4.1C10.5 2.6 9.86 2 8.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H8.27C9.86 22 10.5 21.4 10.5 19.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22 19.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Ta = [
-  {
-    value: "row",
-    icon: ya,
-    label: "Row"
-  },
-  {
-    value: "column",
-    icon: Sa,
-    label: "Column"
-  }
-], Na = () => {
-  const { nodeProps: e, setNodeProps: o } = Rn(), { currentScreen: r, getResponsiveProp: t } = k(), a = t(e.sx ?? {}, "flexDirection");
-  return /* @__PURE__ */ n(L, { responsive: !0, name: "Direction", children: /* @__PURE__ */ n(_e, { value: a, onSelectionChange: (i) => {
-    o({
-      sx: I(
-        {
-          flexDirection: i,
-          justifyContent: void 0,
-          alignItems: void 0
-        },
-        r
-      )
-    });
-  }, children: Ta.map((i) => /* @__PURE__ */ n(
-    G,
-    {
-      tooltip: {
-        content: i.label
-      },
-      size: "24",
-      value: i.value,
-      children: /* @__PURE__ */ n(W, { source: i.icon })
-    },
-    i.value
-  )) }) });
-}, Gs = () => {
-  const { nodeProps: e, setNodeProps: o } = Rn(), { currentScreen: r, getResponsiveProp: t } = k(), a = (v, R = r) => {
-    o({ sx: I(v, R) });
-  }, 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")
-  }, i = {
-    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(V, { canvas: !0, is: Et }), c = {
-    rowGap: t(e.sx ?? {}, "rowGap") ?? 0
-  }, h = {
-    columnGap: t(e.sx ?? {}, "columnGap") ?? 0
-  }, g = {
-    width: t(e.sx ?? {}, "width")
-  }, x = {
-    alignItems: t(e.sx ?? {}, "alignItems")
-  }, w = {
-    height: t(e.sx ?? {}, "height")
-  }, b = t(e.sx ?? {}, "flexDirection"), C = {
-    justifyContent: t(e.sx ?? {}, "justifyContent")
-  }, p = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Flex items", children: /* @__PURE__ */ n(ve, { getNewNodeElement: l }) }),
-        /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(Na, {}),
-          /* @__PURE__ */ n(
-            Jt,
-            {
-              value: {
-                flexWrap: t(e.sx ?? {}, "flexWrap")
-              },
-              onChange: a
-            }
-          ),
-          /* @__PURE__ */ n(Ce, { value: c, onChange: a }),
-          /* @__PURE__ */ n(at, { value: h, onChange: a }),
-          /* @__PURE__ */ n(Kt, { flexDirection: b, value: x, onChange: a }),
-          /* @__PURE__ */ n(
-            ho,
-            {
-              onChange: a,
-              value: C,
-              direction: b === "column" ? "column" : "row"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(
-            H,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              onChange: a,
-              value: g
-            }
-          ),
-          /* @__PURE__ */ n(ce, { value: w, units: ["px", "%"], onChange: a })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: i, onChange: a }),
-          /* @__PURE__ */ n(z, { value: d, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: p, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, Rt = () => E({
-  transform: yo
-}), La = () => {
-  const { nodeProps: e, setNodeProps: o } = Rt(), { getResponsiveProp: r, currentScreen: t } = k(), a = r(e.sx ?? {}, "flexGrow");
-  return /* @__PURE__ */ n(L, { guide: "Automatically expands to fill the available space in a flex container.", name: "Auto grow", children: /* @__PURE__ */ n(le, { onChange: (i) => {
-    o({
-      sx: I(
-        {
-          flexGrow: i.target.checked ? 1 : void 0
-        },
-        t
-      )
-    });
-  }, checked: !ee(a) }) });
-}, Pa = () => {
-  const { nodeProps: e, setNodeProps: o } = Rt(), { getResponsiveProp: r, currentScreen: t } = k(), a = r(e.sx ?? {}, "flexShrink");
-  return /* @__PURE__ */ n(L, { guide: "Automatically shrinks when there isn’t enough space in the flex container.", name: "Auto shrink", children: /* @__PURE__ */ n(le, { onChange: (i) => {
-    o({
-      sx: I(
-        {
-          flexShrink: i.target.checked ? void 0 : 0
-        },
-        t
-      )
-    });
-  }, checked: a !== 0 }) });
-}, qs = () => {
-  const { nodeProps: e, setNodeProps: o } = Rt(), { currentScreen: r, getResponsiveProp: t } = k(), a = (g, x = r) => {
-    o({ sx: I(g, x) });
-  }, 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")
-  }, i = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ n(N, { children: /* @__PURE__ */ u(f, { name: "Layout", children: [
-        /* @__PURE__ */ n(Pa, {}),
-        /* @__PURE__ */ n(La, {}),
-        /* @__PURE__ */ n(
-          H,
-          {
-            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(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: i, onChange: a }),
-          /* @__PURE__ */ n(z, { value: d, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: c, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, Sn = ({ availableTags: e = [] }) => {
-  const { setNodeProps: o, setNodeResponsiveProps: r, nodeProps: t } = E(), { currentScreen: a, getResponsiveProp: s } = k(), i = (R, S = a) => {
-    o({ sx: I(R, S) });
-  }, d = s(t.sx ?? {}, "textAlign") ?? "left", l = (R) => {
-    i({
-      textAlign: R
-    });
-  }, c = {
-    fontStyle: s(t.sx ?? {}, "fontStyle", "xs"),
-    textDecorationLine: s(t.sx ?? {}, "textDecorationLine", "xs"),
-    fontWeight: s(t.sx ?? {}, "fontWeight", "xs")
-  }, h = (R) => {
-    i(
-      {
-        fontStyle: R.fontStyle,
-        textDecorationLine: R.textDecorationLine,
-        fontWeight: R.fontWeight
-      },
-      "xs"
-    );
-  }, g = {
-    width: s(t.sx ?? {}, "width")
-  }, x = {
-    color: s(t.sx ?? {}, "color", "xs")
-  }, w = (R) => {
-    i(R, "xs");
-  }, b = (R) => {
-    r(
-      {
-        sizeVariant: R
-      },
-      a
-    );
-  }, C = {
-    paddingBottom: s(t.sx ?? {}, "paddingBottom"),
-    paddingLeft: s(t.sx ?? {}, "paddingLeft"),
-    paddingRight: s(t.sx ?? {}, "paddingRight"),
-    paddingTop: s(t.sx ?? {}, "paddingTop"),
-    marginBottom: s(t.sx ?? {}, "marginBottom"),
-    marginLeft: s(t.sx ?? {}, "marginLeft"),
-    marginRight: s(t.sx ?? {}, "marginRight"),
-    marginTop: s(t.sx ?? {}, "marginTop")
-  }, p = t.as, v = (R) => {
-    o({
-      as: R
-    });
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Text", children: [
-          /* @__PURE__ */ n(
-            Me,
-            {
-              onChange: b,
-              value: s(t, "sizeVariant")
-            }
-          ),
-          /* @__PURE__ */ n(ge, { value: x, onChange: w }),
-          /* @__PURE__ */ n(ze, { value: c, onChange: h }),
-          /* @__PURE__ */ n(qt, { value: d, onChange: l }),
-          /* @__PURE__ */ n(
-            st,
-            {
-              value: {
-                textTransform: s(t.sx ?? {}, "textTransform", "xs") ?? "none"
-              },
-              onChange: (R) => i(R, "xs")
-            }
-          ),
-          /* @__PURE__ */ n(
-            $e,
-            {
-              responsive: !0,
-              value: {
-                fontWeight: s(t.sx ?? {}, "fontWeight")
-              },
-              onChange: i
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(H, { value: g, onChange: i }) }),
-        e.length > 0 && /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(go, { onChange: v, value: p, availableTags: e }) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing", children: /* @__PURE__ */ n(M, { value: C, onChange: i }) })
-      ] })
-    ] })
-  ] });
-}, Js = () => /* @__PURE__ */ n(Sn, {}), Ks = () => {
-  const { id: e } = Q(), { actions: o, query: r } = ne(), [t, a] = U(!1), {
-    dom: s,
-    name: i,
-    moveable: d,
-    deletable: l,
-    connectors: { drag: c },
-    parentSelectableNode: h,
-    selectable: g
-  } = Q((p) => {
-    let v = p.data.parent ? r.node(p.data.parent).get() : null;
-    for (; v && !Nt(v); )
-      v = v.data.parent && v.data.parent !== Yn ? r.node(v.data.parent).get() : null;
-    return {
-      dom: p.dom,
-      name: rt(p),
-      moveable: r.node(p.id).isDraggable(),
-      deletable: r.node(p.id).isDeletable() && !!(p.data.custom?.deletable ?? !0),
-      parentSelectableNode: v,
-      parentNode: p.data.parent,
-      selectable: Nt(p)
-    };
-  }), { floatingStyles: x, refs: w } = Oo({
-    open: !0,
-    placement: "bottom-start",
-    middleware: [Mo(), zo(4)],
-    whileElementsMounted: Fo
-  }), b = (p) => {
-    const v = p.currentTarget.getAttribute("value");
-    !ee(v) && o.selectNode(v);
-  };
-  we(() => {
-    w.setReference(s);
-  }, [s, w]);
-  const C = () => {
-    o.delete(e);
-  };
-  return /* @__PURE__ */ n(Vt, { children: g && w.reference.current && /* @__PURE__ */ n($o, { root: document.body, children: /* @__PURE__ */ n("div", { ref: w.setFloating, style: x, children: /* @__PURE__ */ u(
-    "div",
-    {
-      className: j(
-        "tw:bg-ic-ink-6s tw:text-ic-white-6s tw:text-xs tw:py-1 tw:px-1.5 tw:rounded tw:flex tw:items-center tw:gap-1"
-      ),
-      children: [
-        d && /* @__PURE__ */ n(
-          G,
-          {
-            ref: (p) => {
-              p && c(p);
-            },
-            className: "tw:cursor-grab",
-            size: "20",
-            children: /* @__PURE__ */ n(W, { size: 16, source: it })
-          }
-        ),
-        /* @__PURE__ */ u(_o, { offset: 8, onOpenChange: a, open: t, children: [
-          /* @__PURE__ */ n(no, { children: /* @__PURE__ */ n(
-            K,
-            {
-              suffix: /* @__PURE__ */ n(
-                W,
-                {
-                  className: j("tw:transition-transform", {
-                    hidden: !h,
-                    "tw:-rotate-180": t
-                  }),
-                  size: 16,
-                  source: ct
-                }
-              ),
-              variant: "text",
-              size: "24",
-              children: i
-            }
-          ) }),
-          !!h && /* @__PURE__ */ n(oo, { children: /* @__PURE__ */ n(ro, { onClick: b, value: h.id, children: rt(h) }) })
-        ] }),
-        l && /* @__PURE__ */ n(G, { onClick: C, className: "tw:cursor-grab", size: "20", children: /* @__PURE__ */ n(W, { size: 16, source: dt }) })
-      ]
-    }
-  ) }) }) });
-}, Ys = () => {
-  const { dom: e } = Q((a) => ({
-    dom: a.dom
-  })), { window: o } = Ho(), [r, t] = U(null);
-  return we(() => {
-    if (!e || !o) return;
-    let a = null, s = !1;
-    const i = () => {
-      const h = e.getBoundingClientRect();
-      t(h), s = !1;
-    }, d = () => {
-      s || (s = !0, a = o.requestAnimationFrame(i));
-    };
-    i(), 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",
-    {
-      style: {
-        position: "fixed",
-        left: `${r.left}px`,
-        top: `${r.top}px`,
-        width: `${r.width}px`,
-        height: `${r.height}px`,
-        pointerEvents: "none",
-        zIndex: 9999
-      },
-      className: "tw:outline-1 tw:outline-dashed tw:outline-ic-ink-6s tw:-outline-offset-1"
-    }
-  ) : null;
-}, Zs = () => /* @__PURE__ */ n(Sn, { availableTags: ["h1", "h2", "h3", "h4", "h5", "h6", "div"] }), Se = () => E({
-  transform: To
-}), ka = () => {
-  const { nodeProps: e, setNodeProps: o } = Se();
-  return /* @__PURE__ */ n(L, { direction: "vertical", name: "Alt text", children: /* @__PURE__ */ n(
-    ao,
-    {
-      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(L, { name: "Preload", children: /* @__PURE__ */ n(le, { checked: e.loading === "eager", onChange: r }) });
-};
-var yn = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Square = "1 / 1", e.Widescreen = "16 / 9", e.Portrait = "9 / 16", e.Custom = "custom", e))(yn || {});
-const Ia = [
-  {
-    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 } = k(), [a, s] = U(null), i = t(e.sx ?? {}, "aspectRatio") ?? "auto", d = Object.values(yn).find((p) => p === i) ?? "custom", l = (p) => {
-    p.target.select();
-  }, c = (p = "auto") => {
-    const v = {
-      aspectRatio: p === "auto" ? void 0 : p
-    };
-    p !== "auto" && (v.height = ""), o({
-      sx: I(v, r)
-    });
-  }, h = (p) => {
-    if (s(p === "custom" ? p : null), p === "custom") {
-      s(p);
-      return;
-    }
-    s(null), c(p);
-  }, g = a ?? d, x = i.toString().split("/"), w = tt(x.at(0)), b = tt(x.at(1)), C = (p) => {
-    const v = isNaN(p.target.valueAsNumber) ? void 0 : p.target.valueAsNumber, R = {
-      x: w ?? v,
-      y: b ?? v,
-      [p.target.name]: v
-    }, S = ee(R.x) || ee(R.y) ? void 0 : `${R.x} / ${R.y}`;
-    c(S);
-  };
-  return /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
-    /* @__PURE__ */ n(L, { responsive: !0, name: "Proportion", children: /* @__PURE__ */ n(
-      lt,
-      {
-        value: g,
-        onChange: h,
-        optionLabel: Ea,
-        selectedRenderer: Wa,
-        options: Ia,
-        className: "tw:w-1/2"
-      }
-    ) }),
-    g === "custom" && /* @__PURE__ */ n("div", { className: "tw:flex tw:justify-end", children: /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-0.5 tw:py-0.5 tw:bg-ic-white-1s tw:rounded-lg tw:px-2 tw:w-1/2", children: [
-      /* @__PURE__ */ n(
-        be,
-        {
-          name: "x",
-          onFocus: l,
-          classes: {
-            main: "bg-transparent px-1"
-          },
-          size: "28",
-          value: w,
-          onChange: C,
-          mode: "onBlur",
-          placeholder: "X",
-          className: "tw:text-center"
-        }
-      ),
-      /* @__PURE__ */ n("span", { className: "tw:text-xs tw:text-ic-white-3s", children: "/" }),
-      /* @__PURE__ */ n(
-        be,
-        {
-          name: "y",
-          placeholder: "Y",
-          value: b,
-          mode: "onBlur",
-          onChange: C,
-          onFocus: l,
-          classes: {
-            main: "bg-transparent px-1"
-          },
-          size: "28",
-          className: "tw:text-center"
-        }
-      )
-    ] }) })
-  ] });
-}, Da = () => {
-  const { nodeProps: e, setNodeProps: o } = Se();
-  return /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
-    /* @__PURE__ */ n(L, { name: "Choose image" }),
-    /* @__PURE__ */ n(po, { onChange: (t) => {
-      o({
-        src: t
-      });
-    }, source: e.src })
-  ] });
-}, Xs = () => {
-  const { currentScreen: e, getResponsiveProp: o } = k(), { readOnly: r } = Q((b) => ({
-    readOnly: b.dom?.getAttribute("aria-readonly") === X.True
-  })), { nodeProps: t, setNodeProps: a } = Se(), s = o(t.sx ?? {}, "aspectRatio") ?? "auto", i = (b, C = e) => {
-    a({ sx: I(b, C) });
-  }, d = {
-    width: o(t.sx ?? {}, "width")
-  }, l = {
-    height: o(t.sx ?? {}, "height")
-  }, c = {
-    objectFit: o(t.sx ?? {}, "objectFit")
-  }, h = (b) => {
-    i(
-      {
-        objectFit: b.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")
-  }, x = {
-    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")
-  }, w = {
-    borderTopLeftRadius: o(t.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: o(t.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: o(t.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: o(t.sx ?? {}, "borderBottomLeftRadius")
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Image", children: [
-          !r && /* @__PURE__ */ n(Da, {}),
-          /* @__PURE__ */ n(Ba, {})
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(Aa, {}),
-          /* @__PURE__ */ n(H, { value: d, onChange: i }),
-          s === "auto" && /* @__PURE__ */ n(ce, { value: l, onChange: i }),
-          /* @__PURE__ */ n(mo, { value: c, onChange: h })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(ka, {}) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: g, onChange: i }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: x, onChange: i }),
-          /* @__PURE__ */ n(z, { value: w, onChange: i })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Oa = () => E({
-  transform: No
-}), Fa = () => {
-  const { nodeDOM: e } = Q((s) => ({
-    nodeDOM: s.dom
-  })), o = (s) => s?.getAttribute(Ye.PlayState) || "on", [r, t] = U(!1), a = () => {
-    const s = o(e);
-    e?.setAttribute(Ye.PlayState, s === "on" ? "off" : "on");
-  };
-  return we(() => {
-    const s = new MutationObserver((i) => {
-      const d = i.at(0)?.target;
-      if (!d) return;
-      const l = o(d);
-      t(l === "on");
-    });
-    return e && s.observe(e, {
-      attributes: !0,
-      attributeFilter: [Ye.PlayState]
-    }), () => {
-      s.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>
-`, Qs = () => {
-  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Oa(), { currentScreen: t, getResponsiveProp: a } = k(), s = (p, v = t) => {
-    o({ sx: I(p, v) });
-  };
-  a(e.sx ?? {}, "columnGap");
-  const i = {
-    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(
-    V,
-    {
-      canvas: !0,
-      custom: {
-        displayName: "Marquee Item (new)"
-      },
-      is: At
-    }
-  ), g = (p) => {
-    o({
-      separatorIcon: p.target.checked ? {
-        source: Ma
-      } : void 0
-    });
-  }, x = (p) => {
-    o({
-      separatorIcon: {
-        source: p
-      }
-    });
-  }, w = (p) => {
-    o({
-      separatorIcon: {
-        sx: p
-      }
-    });
-  }, b = (p) => {
-    o({
-      separatorIcon: {
-        size: p
-      }
-    });
-  }, C = (p) => {
-    r(
-      {
-        spaceBetween: p
-      },
-      t
-    );
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Items", children: /* @__PURE__ */ n(ve, { getNewNodeElement: h }) }),
-        /* @__PURE__ */ u(f, { name: "States", children: [
-          /* @__PURE__ */ n(
-            Be,
-            {
-              value: a(e, "spaceBetween"),
-              name: "Items spacing",
-              responsive: !0,
-              onChange: C
-            }
-          ),
-          /* @__PURE__ */ n(Fa, {})
-        ] }),
-        /* @__PURE__ */ n(
-          f,
-          {
-            name: "Separator",
-            slots: {
-              right: /* @__PURE__ */ n(le, { onChange: g, checked: !!e.separatorIcon })
-            },
-            children: e.separatorIcon && /* @__PURE__ */ u(It, { children: [
-              /* @__PURE__ */ n(
-                Ie,
-                {
-                  name: "Icon",
-                  source: e.separatorIcon.source,
-                  onChange: x
-                }
-              ),
-              /* @__PURE__ */ n(
-                ge,
-                {
-                  value: {
-                    color: e.separatorIcon.sx?.color
-                  },
-                  onChange: w
-                }
-              ),
-              /* @__PURE__ */ n(
-                Be,
-                {
-                  value: e.separatorIcon.size ?? 24,
-                  name: "Size (px)",
-                  onChange: b
-                }
-              )
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: i, onChange: s }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: d, onChange: s }),
-          /* @__PURE__ */ n(z, { value: l, onChange: s })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: c, onChange: s }) })
-      ] })
-    ] })
-  ] });
-}, Tn = (e) => E({
-  transform: Lo,
-  nodeId: e
-}), za = ({ tabIndex: e, tabNodeId: o }) => {
-  const [r, t] = U(!1), [a, s] = Xt(e === 0), { nodeProps: i, setNodeProps: d } = Ha(o), { actions: l, query: c } = ne(), { tabNode: h, tabPanelNode: g } = Q((p) => {
-    const v = p.data.nodes.find(
-      (B) => he(c.node(B).get()) === y.TabList
-    );
-    if (!v)
-      throw new Error("Tab list node not found");
-    const R = c.node(v).get().data.nodes.at(e);
-    if (!R)
-      throw new Error("Tab node not found");
-    const S = p.data.nodes.find(
-      (B) => he(c.node(B).get()) === y.TabContent
-    );
-    if (!S)
-      throw new Error("Tab content node not found");
-    const P = c.node(S).get().data.nodes.at(e);
-    if (!P)
-      throw new Error("Tab panel node not found");
-    return {
-      tabNode: c.node(R).get(),
-      tabPanelNode: c.node(P).get()
-    };
-  }), x = (p) => {
-    p.stopPropagation(), l.delete(h.id), l.delete(g.id);
-  }, w = () => {
-    t(!0);
-  }, b = () => {
-    t(!1);
-  }, C = (p) => {
-    d({
-      dangerouslySetInnerHTML: {
-        __html: p.target.value || i.dangerouslySetInnerHTML?.__html || ""
-      }
-    });
-  };
-  return /* @__PURE__ */ n(tn, { index: e, draggableId: e.toString(), children: (p) => /* @__PURE__ */ u(
-    "div",
-    {
-      className: "tw:rounded-lg tw:border tw:border-ic-white-2s tw:overflow-hidden",
-      ref: p.innerRef,
-      ...p.draggableProps,
-      ...p.dragHandleProps,
-      children: [
-        /* @__PURE__ */ u(
-          "div",
-          {
-            className: j(
-              "tw:flex tw:items-center tw:gap-1 tw:text-xs tw:px-2 tw:py-1.5 tw:bg-ic-white-1s tw:hover:bg-ic-white-2s"
-            ),
-            onMouseEnter: w,
-            onMouseLeave: b,
-            "aria-hidden": !0,
-            children: [
-              /* @__PURE__ */ n(W, { source: it }),
-              /* @__PURE__ */ n("span", { className: "tw:flex-1 tw:truncate", children: rt(h) }),
-              /* @__PURE__ */ n(ke, { open: r || a, orientation: "horizontal", children: /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-1", children: [
-                /* @__PURE__ */ n(G, { onClick: x, children: /* @__PURE__ */ n(W, { source: dt }) }),
-                /* @__PURE__ */ n(G, { onClick: s, children: /* @__PURE__ */ n(
-                  W,
-                  {
-                    className: j("tw:transition-transform", {
-                      "tw:-rotate-180": a
-                    }),
-                    source: ct
-                  }
-                ) })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(ke, { open: a, children: /* @__PURE__ */ n("div", { className: "tw:p-2 tw:flex tw:flex-col tw:gap-4", children: /* @__PURE__ */ n(L, { name: "Content", children: /* @__PURE__ */ n(
-          ie,
-          {
-            onChange: C,
-            value: i.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()) === y.TabList
-    );
-    if (!l)
-      throw new Error("Tab list node not found");
-    const c = d.data.nodes.find(
-      (h) => he(e.node(h).get()) === y.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(Qt, { 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(en, { droppableId: r, children: (d) => /* @__PURE__ */ u("div", { ref: d.innerRef, ...d.droppableProps, className: "tw:flex tw:flex-col tw:gap-2", children: [
-      t.data.nodes.map((l, c) => /* @__PURE__ */ n(za, { tabNodeId: l, tabIndex: c }, l)),
-      d.placeholder
-    ] }) }) }),
-    /* @__PURE__ */ n(K, { className: "tw:mt-2", onClick: () => {
-      const d = e.parseReactElement(
-        /* @__PURE__ */ n(
-          V,
-          {
-            canvas: !0,
-            is: Dt,
-            dangerouslySetInnerHTML: {
-              __html: "Tab (new)"
-            }
-          }
-        )
-      ).toNodeTree();
-      o.addNodeTree(d, t.id);
-      const l = e.parseReactElement(/* @__PURE__ */ n(V, { canvas: !0, is: Ot })).toNodeTree();
-      o.addNodeTree(l, a.id);
-    }, fullWidth: !0, prefix: /* @__PURE__ */ n(W, { source: jt }), children: "Add more" })
-  ] });
-}, _a = () => {
-  const { query: e } = ne(), { nodeProps: o, setNodeProps: r } = Tn(), { selectOptions: t } = Q((s) => {
-    const i = s.data.nodes.find(
-      (l) => he(e.node(l).get()) === y.TabList
-    );
-    if (!i)
-      throw new Error("Tab list node not found");
-    return {
-      selectOptions: e.node(i).get().data.nodes.map((l, c) => ({
-        value: c,
-        label: e.node(l).get().data.props.dangerouslySetInnerHTML?.__html.toString() ?? "Tab"
-      }))
-    };
-  }), a = (s) => {
-    r({
-      defaultActiveIndex: s
-    });
-  };
-  return /* @__PURE__ */ n(L, { name: "Default active", children: /* @__PURE__ */ n(
-    lt,
-    {
-      value: o.defaultActiveIndex ?? 0,
-      options: t,
-      placeholder: "Select a tab",
-      onChange: a
-    }
-  ) });
-}, ei = () => {
-  const { nodeProps: e, setNodeProps: o } = Tn(), { currentScreen: r, getResponsiveProp: t } = k(), a = (h, g = r) => {
-    o({ sx: I(h, g) });
-  }, 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")
-  }, i = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Items management", children: [
-          /* @__PURE__ */ n($a, {}),
-          /* @__PURE__ */ n(_a, {})
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(H, { onChange: a, value: c }) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: i, onChange: a }),
-          /* @__PURE__ */ n(z, { value: d, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: l, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, Ha = (e) => E({
-  nodeId: e
-}), qe = () => E({
-  transform: Po
-}), 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(L, { name: "Delay", children: /* @__PURE__ */ n(
-    be,
-    {
-      value: e.autoplayOptions?.delay,
-      classes: {
-        container: "tw:w-1/2"
-      },
-      mode: "onBlur",
-      onChange: r
-    }
-  ) });
-}, ja = () => {
-  const { nodeProps: e, setNodeProps: o } = qe(), r = (t) => {
-    o({
-      autoplayOptions: {
-        stopOnLastSnap: !t.target.checked
-      }
-    });
-  };
-  return /* @__PURE__ */ n(L, { name: "Loop", children: /* @__PURE__ */ n(le, { checked: !e.autoplayOptions?.stopOnLastSnap, onChange: r }) });
-}, Ua = () => {
-  const { getResponsiveProp: e, currentScreen: o } = k(), { nodeProps: r, setNodeResponsiveProps: t } = qe(), a = e(r, "slidesPerView");
-  return /* @__PURE__ */ n(L, { name: "Items per view", responsive: !0, children: /* @__PURE__ */ n(
-    fo,
-    {
-      className: "tw:w-1/2",
-      onChange: (i) => {
-        t(
-          {
-            slidesPerView: i
-          },
-          o
-        );
-      },
-      value: a,
-      options: [
-        {
-          label: "auto",
-          value: "auto"
-        }
-      ]
-    }
-  ) });
-}, ti = () => {
-  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = qe(), { getResponsiveProp: t, currentScreen: a } = k(), s = (C, p = a) => {
-    r({ sx: I(C, p) });
-  }, i = () => /* @__PURE__ */ n(
-    V,
-    {
-      custom: {
-        displayName: "Slide new"
-      },
-      is: Ft,
-      canvas: !0
-    }
-  ), d = {
-    columnGap: t(e, "spaceBetween") ?? 0
-  }, l = ({ columnGap: C }) => {
-    o({ spaceBetween: eo(C) ? C : void 0 }, a);
-  }, c = (C) => {
-    r({
-      autoplayOptions: {
-        active: C.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")
-  }, x = {
-    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")
-  }, w = {
-    borderTopLeftRadius: t(e.sx ?? {}, "borderTopLeftRadius"),
-    borderTopRightRadius: t(e.sx ?? {}, "borderTopRightRadius"),
-    borderBottomRightRadius: t(e.sx ?? {}, "borderBottomRightRadius"),
-    borderBottomLeftRadius: t(e.sx ?? {}, "borderBottomLeftRadius")
-  }, b = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Display", children: [
-          /* @__PURE__ */ n(Ua, {}),
-          /* @__PURE__ */ n(at, { value: d, onChange: l, name: "Items spacing" })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Item management", children: /* @__PURE__ */ n(ve, { getNewNodeElement: i }) }),
-        /* @__PURE__ */ n(
-          f,
-          {
-            name: "Autoplay",
-            slots: {
-              right: /* @__PURE__ */ n(le, { onChange: c, checked: h })
-            },
-            children: h && /* @__PURE__ */ u(It, { children: [
-              /* @__PURE__ */ n(Va, {}),
-              /* @__PURE__ */ n(ja, {})
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: g, onChange: s }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: x, onChange: s }),
-          /* @__PURE__ */ n(z, { value: w, onChange: s })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: b, onChange: s }) })
-      ] })
-    ] })
-  ] });
-}, Ga = () => E({
-  transform: ko
-}), ni = () => {
-  const { nodeProps: e, setNodeProps: o } = Ga(), { currentScreen: r, getResponsiveProp: t } = k(), a = (x, w = r) => {
-    o({ sx: I(x, w) });
-  }, s = {
-    paddingBottom: t(e.sx ?? {}, "paddingBottom"),
-    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")
-  }, i = {
-    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(V, { 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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ n(N, { children: /* @__PURE__ */ u(f, { name: "Layout", children: [
-        /* @__PURE__ */ n(ve, { getNewNodeElement: l }),
-        /* @__PURE__ */ n(Ce, { value: c, onChange: a }),
-        /* @__PURE__ */ n(
-          Kt,
-          {
-            blacklist: ["stretch"],
-            flexDirection: "column",
-            onChange: a,
-            value: g
-          }
-        ),
-        /* @__PURE__ */ n(H, { onChange: a, value: h })
-      ] }) }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: i, onChange: a }),
-          /* @__PURE__ */ n(z, { value: d, onChange: a })
-        ] })
-      ] })
-    ] })
-  ] });
-}, qa = () => E({
-  transform: Bo
-}), oi = () => {
-  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = qa(), { currentScreen: t, getResponsiveProp: a } = k(), s = (b, C = t) => {
-    o({
-      sx: I(b, C)
-    });
-  }, i = {
-    color: a(e.sx ?? {}, "color", "xs")
-  }, d = (b) => {
-    s(b, "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 = (b) => {
-    o({
-      source: b
-    });
-  }, x = tt(a(e, "size")), w = (b) => {
-    r(
-      {
-        size: t === "xs" ? b ?? x ?? 24 : b
-      },
-      t
-    );
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Source", children: /* @__PURE__ */ n(Ie, { onChange: g, source: e.source }) }),
-        /* @__PURE__ */ u(f, { name: "Color & Size", children: [
-          /* @__PURE__ */ n(ge, { value: i, onChange: d }),
-          /* @__PURE__ */ n(Be, { value: x, name: "Size (px)", onChange: w })
-        ] })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: l, onChange: s }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: c, onChange: s }),
-          /* @__PURE__ */ n(z, { value: h, onChange: s })
-        ] })
-      ] })
-    ] })
-  ] });
-}, Ja = (e) => E({
-  transform: Io,
-  nodeId: e
-}), Je = () => E({
-  transform: Wo
-}), Ka = ({ accordionNodeId: e, accordionIndex: o }) => {
-  const [r, t] = U(!1), [a, s] = Xt(o === 0), { id: i, nodeProps: d } = Je(), { query: l, accordionNode: c, actions: h } = ne((P) => ({
-    accordionNode: P.nodes[e]
-  })), { nodeProps: g, setNodeProps: x } = Ja(e), [w, b] = U(
-    c.dom ? Te(c.dom).openState : !1
-  ), C = () => {
-    t(!0);
-  }, p = () => {
-    t(!1);
-  }, v = (P) => {
-    P.stopPropagation(), h.delete(c.id);
-  }, R = () => {
-    const P = c.dom;
-    if (!P) return;
-    const { openState: B } = Te(P);
-    P.setAttribute(ot.OpenState, B ? X.False : X.True);
-  };
-  we(() => {
-    const P = new MutationObserver((B) => {
-      const _ = B.at(0)?.target;
-      ee(_) || b(Te(_).openState);
-    });
-    return c.dom && (b(Te(c.dom).openState), P.observe(c.dom, {
-      attributes: !0,
-      attributeFilter: [ot.OpenState]
-    })), () => {
-      P.disconnect();
-    };
-  }, [c.dom]);
-  const S = (P) => {
-    x({
-      defaultOpen: P.target.checked
-    }), d.openMode === "single" && P.target.checked && l.node(i).childNodes().forEach((B) => {
-      B !== e && h.setProp(B, (_) => {
-        delete _.defaultOpen;
-      });
-    });
-  };
-  return /* @__PURE__ */ n(tn, { index: o, draggableId: o.toString(), children: (P) => /* @__PURE__ */ u(
-    "div",
-    {
-      className: "tw:rounded-lg tw:border tw:border-ic-white-2s tw:overflow-hidden",
-      ref: P.innerRef,
-      ...P.draggableProps,
-      ...P.dragHandleProps,
-      children: [
-        /* @__PURE__ */ u(
-          "div",
-          {
-            className: j(
-              "tw:flex tw:items-center tw:gap-1 tw:text-xs tw:px-2 tw:py-1.5 tw:bg-ic-white-1s tw:hover:bg-ic-white-2s"
-            ),
-            onMouseEnter: C,
-            onMouseLeave: p,
-            "aria-hidden": !0,
-            children: [
-              /* @__PURE__ */ n(W, { source: it }),
-              /* @__PURE__ */ n("span", { className: "tw:flex-1 tw:truncate", children: "Item" }),
-              /* @__PURE__ */ n(ke, { open: r || a, orientation: "horizontal", children: /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-1", children: [
-                /* @__PURE__ */ n(G, { onClick: v, children: /* @__PURE__ */ n(W, { source: dt }) }),
-                /* @__PURE__ */ n(G, { onClick: s, children: /* @__PURE__ */ n(
-                  W,
-                  {
-                    className: j("tw:transition-transform", {
-                      "tw:-rotate-180": a
-                    }),
-                    source: ct
-                  }
-                ) })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(ke, { open: a, children: /* @__PURE__ */ u("div", { className: "tw:p-2 tw:flex tw:flex-col tw:gap-4", children: [
-          /* @__PURE__ */ n(L, { name: "Default open", children: /* @__PURE__ */ n(le, { onChange: S, checked: g.defaultOpen ?? !1 }) }),
-          /* @__PURE__ */ n(K, { onClick: R, children: w ? "Close" : "Open" })
-        ] }) })
-      ]
-    }
-  ) });
-}, Ya = () => {
-  const { query: e, actions: o } = ne(), { id: r, accordionNodeIds: t } = Q((i) => ({
-    accordionNodeIds: i.data.nodes
-  }));
-  return /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ n(Qt, { onDragEnd: (i) => {
-      const { source: d, destination: l } = i;
-      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(en, { droppableId: r, children: (i) => /* @__PURE__ */ u("div", { ref: i.innerRef, ...i.droppableProps, className: "tw:flex tw:flex-col tw:gap-2", children: [
-      t.map((d, l) => /* @__PURE__ */ n(Ka, { accordionNodeId: d, accordionIndex: l }, d)),
-      i.placeholder
-    ] }) }) }),
-    /* @__PURE__ */ n(K, { className: "tw:mt-2", onClick: () => {
-      const i = e.parseReactElement(
-        /* @__PURE__ */ u(V, { is: zt, children: [
-          /* @__PURE__ */ n(V, { is: $t, children: /* @__PURE__ */ n(V, { sizeVariant: "base", is: et, dangerouslySetInnerHTML: { __html: "Accordion (new)" } }) }),
-          /* @__PURE__ */ n(V, { is: _t, children: /* @__PURE__ */ n(
-            V,
-            {
-              sx: {
-                paddingTop: 8,
-                paddingBottom: 8
-              },
-              is: et,
-              dangerouslySetInnerHTML: { __html: "Content for accordion (new)" }
-            }
-          ) })
-        ] })
-      ).toNodeTree();
-      o.addNodeTree(i, r);
-    }, fullWidth: !0, prefix: /* @__PURE__ */ n(W, { source: jt }), children: "Add more" })
-  ] });
-}, Za = () => {
-  const { nodeProps: e, setNodeProps: o } = Je(), [r, t] = U(!1), a = e.accordionSummaryProps?.expandIcon, s = (h) => {
-    o({
-      accordionSummaryProps: {
-        expandIcon: {
-          source: {
-            expanded: h
-          }
-        }
-      }
-    });
-  }, i = (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(L, { name: "Expand icon", children: /* @__PURE__ */ u(Ae, { placement: "right", open: r, onOpenChange: t, children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ u(
-      "button",
-      {
-        className: j("tw:flex tw:items-center tw:gap-2 tw:w-1/2 tw:rounded-md tw:h-8 tw:px-2 tw:bg-ic-white-1s", {
-          "tw:bg-ic-black-7s": r
-        }),
-        children: [
-          /* @__PURE__ */ n("div", { className: "tw:mx-auto", children: /* @__PURE__ */ n(W, { source: a?.source.expanded ?? "" }) }),
-          /* @__PURE__ */ n("div", { className: "tw:px-2 tw:text-xs tw:text-ic-white-2s", children: "|" }),
-          /* @__PURE__ */ n("div", { className: "tw:mx-auto", children: /* @__PURE__ */ n(W, { source: a?.source.collapsed ?? "" }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { className: "tw:flex tw:items-center tw:gap-2", children: [
-        /* @__PURE__ */ n("p", { className: "tw:flex-1 tw:font-medium", children: "Expand icon" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(W, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { className: "tw:my-2 tw:border-ic-white-1s" }),
-      /* @__PURE__ */ u("div", { className: "tw:space-y-4", children: [
-        /* @__PURE__ */ n(
-          Ie,
-          {
-            source: a?.source.expanded ?? "",
-            name: "When expanded",
-            onChange: s
-          }
-        ),
-        /* @__PURE__ */ n(
-          Ie,
-          {
-            onChange: i,
-            source: a?.source.collapsed ?? "",
-            name: "When collapsed"
-          }
-        ),
-        /* @__PURE__ */ n(L, { 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(L, { name: "Size", children: /* @__PURE__ */ n(
-          be,
-          {
-            mode: "onBlur",
-            value: a?.size ?? 24,
-            onChange: l,
-            step: 1,
-            className: "tw:text-center",
-            classes: { container: "tw:w-1/2" }
-          }
-        ) }),
-        /* @__PURE__ */ n(L, { 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"
-    }
-  ], s = (i) => {
-    r({
-      openMode: i
-    }), i === "single" && t.node(e).childNodes().forEach((d) => {
-      const l = t.node(d).get().dom;
-      l && l.setAttribute(ot.OpenState, X.False);
-    });
-  };
-  return /* @__PURE__ */ n(L, { name: "Open mode", children: /* @__PURE__ */ n(_e, { value: o.openMode, onSelectionChange: s, children: a.map((i) => /* @__PURE__ */ n(K, { value: i.value, children: i.label }, i.value)) }) });
-}, ri = () => {
-  const { nodeProps: e, setNodeProps: o } = Je(), { getResponsiveProp: r, currentScreen: t } = k(), a = (b, C = t) => {
-    o({ sx: I(b, C) });
-  }, s = {
-    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
-  }, i = {
-    rowGap: r(e.sx ?? {}, "rowGap") ?? e.sx?.rowGap ?? 0
-  }, d = {
-    width: r(e.sx ?? {}, "width") ?? e.sx?.width
-  }, l = (b, C = t) => {
-    o({
-      accordionSummaryProps: {
-        [C]: {
-          css: b
-        }
-      }
-    });
-  }, 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 = (b, C = t) => {
-    o({
-      accordionContentProps: {
-        [C]: {
-          css: b
-        }
-      }
-    });
-  }, x = e.accordionContentProps ?? {}, w = {
-    paddingTop: r(x.sx ?? {}, "paddingTop"),
-    paddingLeft: r(x.sx ?? {}, "paddingLeft"),
-    paddingRight: r(x.sx ?? {}, "paddingRight"),
-    paddingBottom: r(x.sx ?? {}, "paddingBottom")
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Items management", children: [
-          /* @__PURE__ */ n(Ya, {}),
-          /* @__PURE__ */ n(Xa, {}),
-          /* @__PURE__ */ n(Ce, { value: i, onChange: a })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Item header", children: [
-          /* @__PURE__ */ n(nt, { value: h, onChange: l }),
-          /* @__PURE__ */ n(Za, {})
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Item content", children: /* @__PURE__ */ n(nt, { value: w, onChange: g }) }),
-        /* @__PURE__ */ n(f, { name: "Size", children: /* @__PURE__ */ n(H, { value: d, onChange: a }) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, Qa = () => E({
-  transform: Eo
-}), ai = () => {
-  const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeProps: t } = Qa(), a = {
-    aspectRatio: o(r.sx ?? {}, "aspectRatio")
-  }, s = (w, b = e) => {
-    t({ sx: I(w, b) });
-  }, i = {
-    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 = (w) => {
-    try {
-      const b = new URL(w.target.value);
-      t({
-        src: b.toString()
-      });
-    } catch {
-    }
-  }, g = r.light ?? "", x = (w) => {
-    try {
-      const b = new URL(w.target.value);
-      t({
-        light: b.toString()
-      });
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Video source", children: [
-          /* @__PURE__ */ n(L, { name: "Video link", children: /* @__PURE__ */ n(
-            ie,
-            {
-              mode: "onBlur",
-              classes: { container: "tw:w-1/2" },
-              placeholder: "https://example.com/video.mp4",
-              onChange: h,
-              value: r.src
-            }
-          ) }),
-          xe(g) && /* @__PURE__ */ n(L, { name: "Thumbnail", children: /* @__PURE__ */ n(
-            ie,
-            {
-              mode: "onBlur",
-              classes: { container: "tw:w-1/2" },
-              placeholder: "https://example.com/thumbnail.jpg",
-              onChange: x,
-              value: g
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Size", children: [
-          /* @__PURE__ */ n(H, { value: i ?? "", onChange: s }),
-          /* @__PURE__ */ n(
-            xo,
-            {
-              suggestOptions: [
-                {
-                  label: "Square",
-                  value: "1 / 1"
-                },
-                { label: "16 / 9", value: "16 / 9" }
-              ],
-              value: a,
-              onChange: s
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: d, onChange: s }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: l, onChange: s }),
-          /* @__PURE__ */ n(z, { value: c, onChange: s })
-        ] })
-      ] })
-    ] })
-  ] });
-}, es = () => E({
-  transform: Ao
-}), si = () => {
-  const { nodeProps: e, setNodeProps: o } = es(), { getResponsiveProp: r, currentScreen: t } = k(), a = (g, x = t) => {
-    o({ sx: I(g, x) });
-  }, s = {
-    paddingBottom: r(e.sx ?? {}, "paddingBottom"),
-    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")
-  }, i = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(
-            H,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              value: d,
-              onChange: a
-            }
-          ),
-          /* @__PURE__ */ n(ce, { value: l, onChange: a })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: c, onChange: a }),
-          /* @__PURE__ */ n(z, { value: h, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: i, onChange: a }) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, ts = () => E({
-  transform: Do
-}), ii = () => {
-  const { nodeProps: e, setNodeProps: o } = ts(), { getResponsiveProp: r, currentScreen: t } = k(), a = (h, g = t) => {
-    o({ sx: I(h, g) });
-  }, s = {
-    paddingBottom: r(e.sx ?? {}, "paddingBottom"),
-    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")
-  }, i = {
-    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(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Layout", children: /* @__PURE__ */ n(ce, { value: d, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: l, onChange: a }),
-          /* @__PURE__ */ n(z, { value: c, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: i, onChange: a }) })
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, ye = () => E(), ns = () => {
-  const { nodeProps: e, setNodeProps: o } = ye(), { currentScreen: r, getResponsiveProp: t } = k(), [a, s] = U(!1), i = e.captionProps ?? {}, d = (c) => {
-    o({
-      captionProps: {
-        [r]: {
-          sizeVariant: c
-        }
-      }
-    });
-  }, l = (c) => {
-    o({
-      captionProps: {
-        sx: c
-      }
-    });
-  };
-  return /* @__PURE__ */ n(f, { name: "Caption style", children: /* @__PURE__ */ n(L, { name: "Text style", children: /* @__PURE__ */ u(Ae, { open: a, onOpenChange: s, placement: "right-end", children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ u(
-      "button",
-      {
-        className: j(
-          "tw:w-1/2 tw:h-8 tw:flex tw:items-center tw:gap-2 tw:rounded-md tw:bg-ic-white-1s tw:px-2 tw:text-left tw:truncate tw:text-xs",
-          {
-            "tw:bg-ic-black-7s": a
-          }
-        ),
-        children: [
-          /* @__PURE__ */ n(W, { className: "tw:text-white", source: Yt }),
-          /* @__PURE__ */ n("span", { children: "Auto" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { className: "tw:flex tw:justify-between tw:items-center tw:gap-2", children: [
-        /* @__PURE__ */ n("div", { className: "tw:font-medium", children: "Text style" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(W, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { className: "tw:border-ic-white-1s tw:my-2" }),
-      /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:gap-3", children: [
-        /* @__PURE__ */ n(
-          Me,
-          {
-            value: t(i, "sizeVariant"),
-            onChange: d
-          }
-        ),
-        /* @__PURE__ */ n(
-          ge,
-          {
-            value: { color: t(i.sx ?? {}, "color") },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          ze,
-          {
-            name: "Style",
-            value: {
-              fontWeight: t(i.sx ?? {}, "fontWeight"),
-              fontStyle: t(i.sx ?? {}, "fontStyle"),
-              textDecorationLine: t(i.sx ?? {}, "textDecorationLine")
-            },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          $e,
-          {
-            value: { fontWeight: t(i.sx ?? {}, "fontWeight") },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          st,
-          {
-            value: {
-              textTransform: t(i.sx ?? {}, "textTransform") ?? "none"
-            },
-            onChange: l
-          }
-        )
-      ] })
-    ] }) })
-  ] }) }) });
-}, os = () => {
-  const { nodeProps: e, setNodeProps: o } = ye(), { currentScreen: r, getResponsiveProp: t } = k(), [a, s] = U(!1), i = e.timeProps ?? {}, d = (c) => {
-    o({
-      timeProps: r === "xs" ? {
-        sizeVariant: c
-      } : {
-        [r]: {
-          sizeVariant: c
-        }
-      }
-    });
-  }, l = (c) => {
-    o({
-      timeProps: {
-        sx: c
-      }
-    });
-  };
-  return /* @__PURE__ */ n(f, { name: "Time style", children: /* @__PURE__ */ n(L, { name: "Text style", children: /* @__PURE__ */ u(Ae, { open: a, onOpenChange: s, placement: "right-end", children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ u(
-      "button",
-      {
-        className: j(
-          "tw:w-1/2 tw:h-8 tw:flex tw:items-center tw:gap-2 tw:rounded-md tw:bg-ic-white-1s tw:px-2 tw:text-left tw:truncate tw:text-xs",
-          {
-            "tw:bg-ic-black-7s": a
-          }
-        ),
-        children: [
-          /* @__PURE__ */ n(W, { className: "tw:text-white", source: Yt }),
-          /* @__PURE__ */ n("span", { children: "Auto" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { className: "tw:flex tw:justify-between tw:items-center tw:gap-2", children: [
-        /* @__PURE__ */ n("div", { className: "tw:font-medium", children: "Text style" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(W, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { className: "tw:border-ic-white-1s tw:my-2" }),
-      /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:gap-3", children: [
-        /* @__PURE__ */ n(
-          Me,
-          {
-            value: t(i, "sizeVariant"),
-            onChange: d
-          }
-        ),
-        /* @__PURE__ */ n(
-          ge,
-          {
-            value: { color: t(i.sx ?? {}, "color") },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          ze,
-          {
-            name: "Style",
-            value: {
-              fontWeight: t(i.sx ?? {}, "fontWeight"),
-              fontStyle: t(i.sx ?? {}, "fontStyle"),
-              textDecorationLine: t(i.sx ?? {}, "textDecorationLine")
-            },
-            onChange: l
-          }
-        ),
-        /* @__PURE__ */ n(
-          $e,
-          {
-            value: { fontWeight: t(i.sx ?? {}, "fontWeight") },
-            onChange: l
-          }
-        )
-      ] })
-    ] }) })
-  ] }) }) });
-}, rs = () => {
-  const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeProps: t } = ye(), a = (l, c = e) => {
-    t({
-      unitItemProps: {
-        sx: c === "xs" ? l : {
-          [c]: l
-        }
-      }
-    });
-  }, s = r.unitItemProps ?? {}, i = {
-    paddingTop: o(s.sx ?? {}, "paddingTop"),
-    paddingRight: o(s.sx ?? {}, "paddingRight"),
-    paddingBottom: o(s.sx ?? {}, "paddingBottom"),
-    paddingLeft: o(s.sx ?? {}, "paddingLeft")
-  }, d = (l) => {
-    a(
-      {
-        backgroundColor: l
-      },
-      "xs"
-    );
-  };
-  return /* @__PURE__ */ u(f, { name: "Item style", children: [
-    /* @__PURE__ */ n(
-      H,
-      {
-        menu: {
-          autoOption: { visible: !0 }
-        },
-        value: { width: o(s.sx ?? {}, "width") ?? "auto" },
-        onChange: a
-      }
-    ),
-    /* @__PURE__ */ n(nt, { onChange: a, value: i }),
-    /* @__PURE__ */ n(
-      Ce,
-      {
-        name: "Item gap",
-        onChange: a,
-        value: { rowGap: o(s.sx ?? {}, "rowGap") ?? 0 }
-      }
-    ),
-    /* @__PURE__ */ n(L, { name: "Background", children: /* @__PURE__ */ n(
-      Zt,
-      {
-        color: o(s.sx ?? {}, "backgroundColor"),
-        onChange: d
-      }
-    ) }),
-    /* @__PURE__ */ n(
-      z,
-      {
-        value: {
-          borderBottomLeftRadius: o(s.sx ?? {}, "borderBottomLeftRadius"),
-          borderBottomRightRadius: o(s.sx ?? {}, "borderBottomRightRadius"),
-          borderTopLeftRadius: o(s.sx ?? {}, "borderTopLeftRadius"),
-          borderTopRightRadius: o(s.sx ?? {}, "borderTopRightRadius")
-        },
-        onChange: a
-      }
-    )
-  ] });
-}, as = () => {
-  const { nodeProps: e, setNodeProps: o } = ye(), [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)
-  })), s = (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 x = c.units.find((w) => w.value === g.value);
-        if (x) {
-          h.push(x);
-          return;
-        }
-      }), c.units = h;
-    });
-  }, i = (d) => {
-    o((l) => {
-      l.units = l.units.map((c) => c.value === d.target.name ? { ...c, caption: d.target.value } : c);
-    });
-  };
-  return /* @__PURE__ */ n(L, { name: "Units", children: /* @__PURE__ */ u(Ae, { placement: "right", open: r, onOpenChange: t, children: [
-    /* @__PURE__ */ n(De, { children: /* @__PURE__ */ n(
-      "button",
-      {
-        className: j(
-          "tw:w-1/2 tw:h-8 tw:rounded-md tw:bg-ic-white-1s tw:px-2 tw:text-left tw:truncate tw:text-xs",
-          {
-            "tw:bg-ic-black-7s": r
-          }
-        ),
-        children: a.filter((d) => !!d.currentValue).map((d) => d.label).join(", ") || /* @__PURE__ */ n("span", { className: "tw:text-ic-white-3s", children: "None" })
-      }
-    ) }),
-    /* @__PURE__ */ n(Oe, { style: { top: 120 }, children: /* @__PURE__ */ u("div", { style: { width: 280 }, children: [
-      /* @__PURE__ */ u("div", { className: "tw:flex tw:justify-between tw:items-center tw:gap-2", children: [
-        /* @__PURE__ */ n("div", { className: "tw:font-medium", children: "Units" }),
-        /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(W, { source: Fe }) }) })
-      ] }),
-      /* @__PURE__ */ n("hr", { className: "tw:border-ic-white-1s tw:my-2" }),
-      /* @__PURE__ */ n("div", { className: "tw:flex tw:flex-col tw:gap-3", children: a.map((d) => /* @__PURE__ */ u(Vt, { children: [
-        /* @__PURE__ */ n(L, { name: d.label, children: /* @__PURE__ */ u(
-          _e,
-          {
-            onSelectionChange: s,
-            className: "tw:w-1/2",
-            value: (!!d.currentValue).toString(),
-            children: [
-              /* @__PURE__ */ n(K, { name: d.value, className: "tw:flex-1", value: X.True, size: "28", children: "Show" }),
-              /* @__PURE__ */ n(K, { name: d.value, className: "tw:flex-1", value: X.False, size: "28", children: "Hide" })
-            ]
-          }
-        ) }),
-        !!d.currentValue && /* @__PURE__ */ n(L, { name: `${d.label} caption`, children: /* @__PURE__ */ n(
-          ie,
-          {
-            transform: Ht,
-            debounce: 400,
-            name: d.value,
-            onChange: i,
-            value: d.currentValue.caption ?? "",
-            placeholder: "Caption",
-            classes: { container: "tw:w-1/2" }
-          }
-        ) })
-      ] }, d.value)) })
-    ] }) })
-  ] }) });
-}, di = () => {
-  const { nodeProps: e, setNodeProps: o } = ye(), { getResponsiveProp: r, currentScreen: t } = k(), a = (x, w = t) => {
-    o({ sx: I(x, w) });
-  }, s = {
-    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")
-  }, i = {
-    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 = (x) => {
-    o({
-      date: x
-    });
-  }, g = (x) => {
-    o({
-      hideAfterExpired: x.target.checked
-    });
-  };
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(D, { children: [
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Settings" }),
-      /* @__PURE__ */ n(T, { className: "tw:flex-1", children: "Advanced" })
-    ] }),
-    /* @__PURE__ */ u(O, { className: "tw:px-2", children: [
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ u(f, { name: "Config", children: [
-          /* @__PURE__ */ n(L, { name: "Date", children: /* @__PURE__ */ n(
-            Vo,
-            {
-              onChange: h,
-              referenceProps: { className: "w-1/2" },
-              value: ee(e.date) ? null : new Date(e.date)
-            }
-          ) }),
-          /* @__PURE__ */ n(as, {}),
-          /* @__PURE__ */ n(L, { name: "Hide after expired", children: /* @__PURE__ */ n(le, { checked: e.hideAfterExpired ?? !1, onChange: g }) })
-        ] }),
-        /* @__PURE__ */ u(f, { name: "Layout", children: [
-          /* @__PURE__ */ n(
-            H,
-            {
-              menu: {
-                autoOption: { visible: !0 },
-                fitContentOption: { visible: !0 }
-              },
-              value: d,
-              onChange: a
-            }
-          ),
-          /* @__PURE__ */ n(
-            Jt,
-            {
-              value: {
-                flexWrap: r(e.sx ?? {}, "flexWrap")
-              },
-              onChange: a
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(rs, {}),
-        /* @__PURE__ */ n(os, {}),
-        /* @__PURE__ */ n(ns, {})
-      ] }),
-      /* @__PURE__ */ u(N, { children: [
-        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
-        /* @__PURE__ */ n(f, { name: "Spacing (px)", children: /* @__PURE__ */ n(M, { value: s, onChange: a }) }),
-        /* @__PURE__ */ u(f, { name: "Shape", children: [
-          /* @__PURE__ */ n($, { value: l, onChange: a }),
-          /* @__PURE__ */ n(z, { value: c, onChange: a })
-        ] }),
-        /* @__PURE__ */ n(f, { name: "Background", children: /* @__PURE__ */ n(Z, { value: i, onChange: a }) })
-      ] })
-    ] })
-  ] });
-}, li = ({ children: e, data: o }) => {
-  const { resolver: r } = ne((a) => ({
-    resolver: a.options.resolver
-  })), t = to(() => {
-    if (ee(o)) return o;
-    const a = xe(o) ? JSON.parse(o) : o;
-    return Object.entries(a).forEach(([, s]) => {
-      const i = xe(s.type) ? s.type : s.type.resolvedName;
-      r[i] || (console.error(`Unknown node: ${i}`), s.type = {
-        resolvedName: y.Unknown
-      });
-    }), a;
-  }, [o, r]);
-  return /* @__PURE__ */ n(Zn, { data: t, children: e });
-}, ss = {
-  // Root
-  [y.Root]: qn,
-  // Unknown
-  [y.Unknown]: Gn,
-  // Button
-  [y.Button]: Un,
-  // Text
-  [y.Paragraph]: et,
-  [y.Heading]: jn,
-  // Layout
-  [y.Grid]: Vn,
-  [y.Cell]: Wt,
-  [y.Flexbox]: Hn,
-  [y.FlexItem]: Et,
-  [y.Box]: _n,
-  [y.Container]: $n,
-  // Media
-  [y.Image]: zn,
-  [y.Video]: Mn,
-  [y.Icon]: Fn,
-  // Navigation
-  [y.Link]: On,
-  // List
-  [y.UnorderedList]: Dn,
-  [y.ListItem]: Mt,
-  // Carousel
-  [y.Swiper]: An,
-  [y.SwiperSlide]: Ft,
-  [y.Marquee]: En,
-  [y.MarqueeItem]: At,
-  // Tabs
-  [y.Tabs]: Wn,
-  [y.TabList]: In,
-  [y.Tab]: Dt,
-  [y.TabContent]: Bn,
-  [y.TabPanel]: Ot,
-  // Accordion
-  [y.AccordionGroup]: kn,
-  [y.Accordion]: zt,
-  [y.AccordionSummary]: $t,
-  [y.AccordionContent]: _t,
-  // Timer
-  [y.CountdownTimer]: Pn
-}, ci = ({ resolver: e, children: o, ...r }) => /* @__PURE__ */ n(
-  Xn,
-  {
-    enabled: !1,
-    onRender: is,
-    handlers: (t) => new ds({
-      store: t,
-      removeHoverOnMouseleave: !0,
-      isMultiSelectEnabled: () => !1
-    }),
-    resolver: { ...ss, ...e },
-    ...r,
-    children: o
-  }
-), is = ({ render: e }) => {
-  const { id: o } = E(), { query: r } = ne();
-  return we(() => {
-    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 ds extends Qn {
-  handlers() {
-    const o = super.handlers();
-    return {
-      ...o,
-      select(r, t) {
-        return (r.getAttribute(Jn.DATA_NODE_SELECTABLE) ?? X.True) === X.True ? o.select(r, t) : () => {
-        };
-      }
-    };
-  }
-}
-export {
-  ri as A,
-  si as B,
-  li as C,
-  Ks as D,
-  Ha as E,
-  qs as F,
-  Hs as G,
-  Zs as H,
-  oi as I,
-  Tn as J,
-  Ga as K,
-  js as L,
-  Qs as M,
-  Qa as N,
-  Js as P,
-  V as R,
-  va as S,
-  ei as T,
-  ni as U,
-  Ra as V,
-  Ys as a,
-  Us as b,
-  Vs as c,
-  ci as d,
-  ii as e,
-  di as f,
-  Gs as g,
-  Xs as h,
-  ti as i,
-  Sn as j,
-  ai as k,
-  Ja as l,
-  es as m,
-  Ve as n,
-  nn as o,
-  ts as p,
-  ye as q,
-  Rt as r,
-  Rn as s,
-  jo as t,
-  Je as u,
-  qa as v,
-  Se as w,
-  ut as x,
-  Oa as y,
-  qe as z
-};