@janbox/storefront-builder 1.0.7 → 1.0.9

package/dist/index-C9Q0Iqvf.js

@@ -0,0 +1,4447 @@
+import { jsxs as u, jsx as n, Fragment as It } from "@emotion/react/jsx-runtime";
+import { R as V, e as Wt, F as Et, v as X, M as At, w as y, q as Dt, r as Ot, o as Ft, k as Mt, b as zt, c as $t, m as et, A as _t, g as Pn, a as kn, T as Bn, p as In, s as Wn, l as En, S as An, t as Dn, L as On, I as Fn, V as Mn, j as zn, f as $n, B as _n, h as Hn, G as Vn, i as jn, d as Un, U as Gn, n as qn, N as Jn } from "./countdown-timer.node-j79tvSTR.js";
+import { useNode as Q, ROOT_NODE as Kn, Frame as Yn, Editor as Zn, DefaultEventHandlers as Xn } from "@craftjs/core";
+import { isString as xe, isNil as ee, trimStart as Ht, isNumber as Qn } from "lodash-es";
+import * as m from "react";
+import { useState as U, useEffect as we, Fragment as Vt, useMemo as eo } from "react";
+import "clsx";
+import "tailwind-merge";
+import { W, m as ie, c as j, l as G, w as le, p as to, d as K, o as no, n as oo, x as ro, y as tt, P as jt, e as ke, q as Ae, s as De, r as Oe, C as Fe } from "./dialog-header-DPLOS7TT.js";
+import { v as E, K as ao, E as k, i as ve, N as Be, k as at, R as Ce, G as so, n as io, W as H, H as ce, D as Y, S as M, h as $, g as z, B as Z, T as L, p as Ut, A as Gt, b as Me, c as ge, d as ze, s as qt, e as st, F as $e, j as lo, M as co, m as Jt, l as Kt, J as uo, r as ho, L as it, y as dt, Q as go, O as po, q as Ie, o as mo, P as nt, f as fo, a as Yt } from "./anchor-target-BlOvysAr.js";
+import { getGridProps as xo, getCellProps as bo, GRID_MINIMUM_COLS as Tt, GRID_MAXIMUM_COLS as wo, getLinkProps as vo, getButtonProps as Co, getFlexboxProps as Ro, getFlexItemProps as So, getImageProps as yo, getMarqueeProps as To, MarqueeDataAttributes as Ye, getTabsProps as No, getSwiperProps as Lo, getUnorderedListProps as Po, getIconProps as ko, getAccordionProps as Bo, getAccordionGroupProps as Io, getAccordionDataAttributes as Te, AccordionDataAttributes as ot, getVideoProps as Wo, getBoxProps as Eo, getContainerProps as Ao } from "@janbox/storefront-ui";
+import { t as I, u as ne, i as Nt, a as rt, e as he, C as Zt } from "./color-picker-popover-B3AVFuei.js";
+import "@janbox/storefront-ui/hooks";
+import { useFloating as Do, autoUpdate as Oo, flip as Fo, offset as Mo, FloatingPortal as zo } from "@floating-ui/react";
+import "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 _o } from "react-frame-component";
+import "flat";
+import "@emotion/react";
+import "@janbox/storefront-ui/utils";
+import { useToggle as Xt } from "usehooks-ts";
+import { DragDropContext as Qt, Droppable as en, Draggable as tn } from "@hello-pangea/dnd";
+import { W as Ho } from "./date-picker-B4Rju7gG.js";
+const Vo = () => E({
+  transform: xo
+}), jo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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: jo }),
+      /* @__PURE__ */ n("span", { className: "tw:text-sm tw:font-medium", children: e })
+    ] }),
+    !!r && /* @__PURE__ */ n(ao, {}),
+    /* @__PURE__ */ n("div", { className: "tw:flex-1 tw:flex tw:items-center tw:justify-end", children: t?.right })
+  ] }),
+  /* @__PURE__ */ n("div", { className: "tw:flex tw:flex-col tw:gap-4", children: o })
+] }), _s = () => {
+  const { nodeProps: e, setNodeResponsiveProps: o, setNodeProps: r } = Vo(), { getResponsiveProp: t, currentScreen: a } = k(), s = (S, P = a) => {
+    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(so, { value: w, onChange: s }),
+          /* @__PURE__ */ n(io, { 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: bo
+}), Uo = () => {
+  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: wo
+    }
+  ) }) });
+}, Hs = () => {
+  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(Uo, {}),
+          /* @__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: vo
+}), Go = () => {
+  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" }
+    }
+  ) });
+}, qo = () => {
+  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"
+    }
+  ) });
+}, Vs = () => {
+  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(Go, {}),
+          /* @__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(qo, {}) })
+      ] }),
+      /* @__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: Co
+});
+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 Jo(e, o, r, !1);
+}
+function Jo(e, o, r, t) {
+  let a = typeof o == "string" ? ht(o) : o, s = de(a.pathname || "/", r);
+  if (s == null)
+    return null;
+  let i = rn(e);
+  Ko(i);
+  let d = null;
+  for (let l = 0; d == null && l < i.length; ++l) {
+    let c = sr(s);
+    d = rr(
+      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: nr(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 Ko(e) {
+  e.sort(
+    (o, r) => o.score !== r.score ? r.score - o.score : or(
+      o.routesMeta.map((t) => t.childrenIndex),
+      r.routesMeta.map((t) => t.childrenIndex)
+    )
+  );
+}
+var Yo = /^:[\w-]+$/, Zo = 3, Xo = 2, Qo = 1, er = 10, tr = -2, Lt = (e) => e === "*";
+function nr(e, o) {
+  let r = e.split("/"), t = r.length;
+  return r.some(Lt) && (t += tr), o && (t += Xo), r.filter((a) => !Lt(a)).reduce(
+    (a, s) => a + (Yo.test(s) ? Zo : s === "" ? Qo : er),
+    t
+  );
+}
+function or(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 rr(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: cr(
+        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] = ar(
+    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 ar(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 sr(e) {
+  try {
+    return e.split("/").map((o) => decodeURIComponent(o).replace(/\//g, "%2F")).join("/");
+  } catch (o) {
+    return te(
+      !1,
+      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${o}).`
+    ), e;
+  }
+}
+function de(e, o) {
+  if (o === "/") return e;
+  if (!e.toLowerCase().startsWith(o.toLowerCase()))
+    return null;
+  let r = o.endsWith("/") ? o.length - 1 : o.length, t = e.charAt(r);
+  return t && t !== "/" ? null : e.slice(r) || "/";
+}
+var ir = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+function dr(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: ur(t),
+    hash: hr(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 lr(e) {
+  return e.filter(
+    (o, r) => r === 0 || o.route.path && o.route.path.length > 0
+  );
+}
+function sn(e) {
+  let o = lr(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 = dr(a, d), c = i && i !== "/" && i.endsWith("/"), h = (s || i === ".") && r.endsWith("/");
+  return !l.pathname.endsWith("/") && (c || h) && (l.pathname += "/"), l;
+}
+var J = (e) => e.join("/").replace(/\/\/+/g, "/"), cr = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), ur = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, hr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, gr = class {
+  constructor(e, o, r, t = !1) {
+    this.status = e, this.statusText = o || "", this.internal = t, r instanceof Error ? (this.data = r.toString(), this.error = r) : this.data = r;
+  }
+};
+function pr(e) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
+}
+function mr(e) {
+  return e.map((o) => o.route.path).filter(Boolean).join("/").replace(/\/\/*/g, "/") || "/";
+}
+var dn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function ln(e, o) {
+  let r = e;
+  if (typeof r != "string" || !ir.test(r))
+    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 fr = [
+  "GET",
+  ...cn
+];
+new Set(fr);
+var pe = m.createContext(null);
+pe.displayName = "DataRouter";
+var je = m.createContext(null);
+je.displayName = "DataRouterState";
+var un = m.createContext(!1);
+function xr() {
+  return m.useContext(un);
+}
+var hn = m.createContext({
+  isTransitioning: !1
+});
+hn.displayName = "ViewTransition";
+var br = m.createContext(
+  /* @__PURE__ */ new Map()
+);
+br.displayName = "Fetchers";
+var wr = m.createContext(null);
+wr.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", vr = "REDIRECT", Cr = "ROUTE_ERROR_RESPONSE";
+function Rr(e) {
+  if (e.startsWith(`${gn}:${vr}:{`))
+    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 Sr(e) {
+  if (e.startsWith(
+    `${gn}:${Cr}:{`
+  ))
+    try {
+      let o = JSON.parse(e.slice(40));
+      if (typeof o == "object" && o && typeof o.status == "number" && typeof o.statusText == "string")
+        return new gr(
+          o.status,
+          o.statusText,
+          o.data
+        );
+    } catch {
+    }
+}
+function yr(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 Tr() {
+  let { isDataRoute: e } = m.useContext(oe);
+  return e ? Mr() : Nr();
+}
+function Nr() {
+  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 Lr(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.`
+  ), Wr(
+    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 Pr() {
+  let e = Fr(), o = pr(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, t = "rgba(200,200,200, 0.5)", a = { padding: "0.5rem", backgroundColor: t }, s = { padding: "2px 4px", backgroundColor: t }, i = null;
+  return console.error(
+    "Error handled by React Router default ErrorBoundary:",
+    e
+  ), i = /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ m.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ m.createElement("code", { style: s }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ m.createElement("code", { style: s }, "errorElement"), " prop on your route.")), /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ m.createElement("h3", { style: { fontStyle: "italic" } }, o), r ? /* @__PURE__ */ m.createElement("pre", { style: a }, r) : null, i);
+}
+var kr = /* @__PURE__ */ m.createElement(Pr, null), fn = class extends m.Component {
+  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 = Sr(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(Br, { error: e }, o) : o;
+  }
+};
+fn.contextType = un;
+var Xe = /* @__PURE__ */ new WeakMap();
+function Br({
+  children: e,
+  error: o
+}) {
+  let { basename: r } = m.useContext(q);
+  if (typeof o == "object" && o && "digest" in o && typeof o.digest == "string") {
+    let t = Rr(o.digest);
+    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 Ir({ routeContext: e, match: o, children: r }) {
+  let t = m.useContext(pe);
+  return t && t.static && t.staticContext && (o.route.errorElement || o.route.ErrorBoundary) && (t.staticContext._deepestRenderedBoundaryId = o.route.id), /* @__PURE__ */ m.createElement(oe.Provider, { value: e }, r);
+}
+function Wr(e, o = [], r) {
+  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: mr(t.matches),
+      errorInfo: g
+    });
+  } : void 0;
+  return a.reduceRight(
+    (h, g, x) => {
+      let w, b = !1, C = null, p = null;
+      t && (w = s && g.route.id ? s[g.route.id] : void 0, C = g.route.errorElement || kr, i && (d < 0 && x === 0 ? (xn(
+        "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(
+          Ir,
+          {
+            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 Er(e) {
+  let o = m.useContext(pe);
+  return F(o, ft(e)), o;
+}
+function Ar(e) {
+  let o = m.useContext(je);
+  return F(o, ft(e)), o;
+}
+function Dr(e) {
+  let o = m.useContext(oe);
+  return F(o, ft(e)), o;
+}
+function xt(e) {
+  let o = Dr(e), r = o.matches[o.matches.length - 1];
+  return F(
+    r.route.id,
+    `${e} can only be used on routes that contain a unique "id"`
+  ), r.route.id;
+}
+function Or() {
+  return xt(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function Fr() {
+  let e = m.useContext(mt), o = Ar(
+    "useRouteError"
+    /* UseRouteError */
+  ), r = xt(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : o.errors?.[r];
+}
+function Mr() {
+  let { router: e } = Er(
+    "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(zr);
+function zr({
+  routes: e,
+  future: o,
+  state: r,
+  isStatic: t,
+  onError: a
+}) {
+  return Lr(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 _r(e) {
+  return Ge(e) && e.tagName.toLowerCase() === "form";
+}
+function Hr(e) {
+  return Ge(e) && e.tagName.toLowerCase() === "input";
+}
+function Vr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function jr(e, o) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!o || o === "_self") && // Let browser handle "target=_blank" etc.
+  !Vr(e);
+}
+var Ne = null;
+function Ur() {
+  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 Gr = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function Qe(e) {
+  return e != null && !Gr.has(e) ? (te(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Pe}"`
+  ), null) : e;
+}
+function qr(e, o) {
+  let r, t, a, s, i;
+  if (_r(e)) {
+    let d = e.getAttribute("action");
+    t = d ? de(d, o) : null, r = e.getAttribute("method") || Le, a = Qe(e.getAttribute("enctype")) || Pe, s = new FormData(e);
+  } else if ($r(e) || Hr(e) && (e.type === "submit" || e.type === "image")) {
+    let d = e.form;
+    if (d == null)
+      throw new Error(
+        'Cannot submit a <button> or <input type="submit"> without a <form>'
+      );
+    let l = e.getAttribute("formaction") || d.getAttribute("action");
+    if (t = l ? de(l, o) : null, r = e.getAttribute("formmethod") || d.getAttribute("method") || Le, a = Qe(e.getAttribute("formenctype")) || Qe(d.getAttribute("enctype")) || Pe, s = new FormData(d, e), !Ur()) {
+      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 Jr(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 Kr(e) {
+  return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
+}
+async function Yr(e, o, r) {
+  let t = await Promise.all(
+    e.map(async (a) => {
+      let s = o.routes[a.route.id];
+      if (s) {
+        let i = await Jr(s, r);
+        return i.links ? i.links() : [];
+      }
+      return [];
+    })
+  );
+  return ea(
+    t.flat(1).filter(Kr).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 Zr(e, o, { includeHydrateFallback: r } = {}) {
+  return Xr(
+    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 Xr(e) {
+  return [...new Set(e)];
+}
+function Qr(e) {
+  let o = {}, r = Object.keys(e).sort();
+  for (let t of r)
+    o[t] = e[t];
+  return o;
+}
+function ea(e, o) {
+  let r = /* @__PURE__ */ new Set();
+  return new Set(o), e.reduce((t, a) => {
+    let s = JSON.stringify(Qr(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 ta() {
+  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 na(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 oa({ page: e, ...o }) {
+  let r = xr(), { router: t } = wt(), a = m.useMemo(
+    () => on(t.routes, e, t.basename),
+    [t.routes, e, t.basename]
+  );
+  return a ? r ? /* @__PURE__ */ m.createElement(aa, { page: e, matches: a, ...o }) : /* @__PURE__ */ m.createElement(sa, { page: e, matches: a, ...o }) : null;
+}
+function ra(e) {
+  let { manifest: o, routeModules: r } = Ct(), [t, a] = m.useState([]);
+  return m.useEffect(() => {
+    let s = !1;
+    return Yr(e, o, r).then(
+      (i) => {
+        s || a(i);
+      }
+    ), () => {
+      s = !0;
+    };
+  }, [e, o, r]), t;
+}
+function aa({
+  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 sa({
+  page: e,
+  matches: o,
+  ...r
+}) {
+  let t = re(), { future: a, manifest: s, routeModules: i } = Ct(), { basename: d } = wt(), { loaderData: l, matches: c } = ta(), h = m.useMemo(
+    () => 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(
+    () => Zr(g, s),
+    [g, s]
+  ), b = ra(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 ia(...e) {
+  return (o) => {
+    e.forEach((r) => {
+      typeof r == "function" ? r(o) : r != null && (r.current = o);
+    });
+  };
+}
+var da = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+try {
+  da && (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 = yr(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] = na(
+      t,
+      b
+    ), Nn = ha(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: ia(C, me),
+          target: c,
+          "data-discover": !S && r === "render" ? "true" : void 0
+        }
+      )
+    );
+    return ue && !S ? /* @__PURE__ */ m.createElement(m.Fragment, null, yt, /* @__PURE__ */ m.createElement(oa, { page: B })) : yt;
+  }
+);
+vn.displayName = "Link";
+var la = 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
+    xa(g) && d === !0, v = b.encodeLocation ? b.encodeLocation(g).pathname : g.pathname, R = x.pathname, S = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
+    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
+    );
+  }
+);
+la.displayName = "NavLink";
+var ca = 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 = ma(), v = fa(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
+      }
+    );
+  }
+);
+ca.displayName = "Form";
+function ua(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function Cn(e) {
+  let o = m.useContext(pe);
+  return F(o, ua(e)), o;
+}
+function ha(e, {
+  target: o,
+  replace: r,
+  unstable_mask: t,
+  state: a,
+  preventScrollReset: s,
+  relative: i,
+  viewTransition: d,
+  unstable_defaultShouldRevalidate: l,
+  unstable_useTransitions: c
+} = {}) {
+  let h = Tr(), g = re(), x = Re(e, { relative: i });
+  return m.useCallback(
+    (w) => {
+      if (jr(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 ga = 0, pa = () => `__${String(++ga)}__`;
+function ma() {
+  let { router: e } = Cn(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: o } = m.useContext(q), r = Or(), t = e.fetch, a = e.navigate;
+  return m.useCallback(
+    async (s, i = {}) => {
+      let { action: d, method: l, encType: c, formData: h, body: g } = qr(
+        s,
+        o
+      );
+      if (i.navigate === !1) {
+        let x = i.fetcherKey || pa();
+        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 fa(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 xa(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 ba = ({ 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
+          }
+        });
+      }
+    }
+  ) });
+}, wa = () => {
+  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
+    }
+  ) });
+}, va = [
+  {
+    value: "contained",
+    label: "Contained"
+  },
+  {
+    value: "outlined",
+    label: "Outlined"
+  },
+  {
+    value: "text",
+    label: "Text"
+  }
+], Ca = () => {
+  const { nodeProps: e, setNodeProps: o } = Ve(), r = (t) => {
+    o({
+      variant: t.currentTarget.value
+    });
+  };
+  return /* @__PURE__ */ n(L, { name: "Variant", children: /* @__PURE__ */ n("div", { className: "tw:flex tw:items-center tw:gap-2", children: va.map((t) => {
+    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
+    );
+  }) }) });
+}, js = ({ 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(lo, { value: o.color, onChange: d }),
+          /* @__PURE__ */ n(Ca, {})
+        ] }),
+        /* @__PURE__ */ u(f, { name: "Size", children: [
+          /* @__PURE__ */ n(wa, {}),
+          /* @__PURE__ */ n(H, { onChange: s, value: i })
+        ] }),
+        /* @__PURE__ */ u(f, { name: "Link", children: [
+          /* @__PURE__ */ n(ba, { readonlyTo: e }),
+          /* @__PURE__ */ n(Gt, { value: o.anchor?.target, onChange: l })
+        ] })
+      ] }),
+      /* @__PURE__ */ u(N, { children: [
+        /* @__PURE__ */ n(f, { name: "Display on", children: /* @__PURE__ */ n(Y, {}) }),
+        /* @__PURE__ */ n(f, { name: "Spacing", children: /* @__PURE__ */ n(
+          co,
+          {
+            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: Ro
+}), Ra = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`, Sa = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 19.9V4.1C10.5 2.6 9.86 2 8.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H8.27C9.86 22 10.5 21.4 10.5 19.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 19.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`, ya = [
+  {
+    value: "row",
+    icon: Sa,
+    label: "Row"
+  },
+  {
+    value: "column",
+    icon: Ra,
+    label: "Column"
+  }
+], Ta = () => {
+  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: ya.map((i) => /* @__PURE__ */ n(
+    G,
+    {
+      tooltip: {
+        content: i.label
+      },
+      size: "24",
+      value: i.value,
+      children: /* @__PURE__ */ n(W, { source: i.icon })
+    },
+    i.value
+  )) }) });
+}, Us = () => {
+  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(Ta, {}),
+          /* @__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(
+            uo,
+            {
+              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: So
+}), Na = () => {
+  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) }) });
+}, La = () => {
+  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 }) });
+}, Gs = () => {
+  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(La, {}),
+        /* @__PURE__ */ n(Na, {}),
+        /* @__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(ho, { 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 }) })
+      ] })
+    ] })
+  ] });
+}, qs = () => /* @__PURE__ */ n(Sn, {}), Js = () => {
+  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 !== Kn ? 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 } = Do({
+    open: !0,
+    placement: "bottom-start",
+    middleware: [Fo(), Mo(4)],
+    whileElementsMounted: Oo
+  }), 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(zo, { 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(to, { 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(no, { children: /* @__PURE__ */ n(oo, { onClick: b, value: h.id, children: rt(h) }) })
+        ] }),
+        l && /* @__PURE__ */ n(G, { onClick: C, className: "tw:cursor-grab", size: "20", children: /* @__PURE__ */ n(W, { size: 16, source: dt }) })
+      ]
+    }
+  ) }) }) });
+}, Ks = () => {
+  const { dom: e } = Q((a) => ({
+    dom: a.dom
+  })), { window: o } = _o(), [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;
+}, Ys = () => /* @__PURE__ */ n(Sn, { availableTags: ["h1", "h2", "h3", "h4", "h5", "h6", "div"] }), Se = () => E({
+  transform: yo
+}), Pa = () => {
+  const { nodeProps: e, setNodeProps: o } = Se();
+  return /* @__PURE__ */ n(L, { direction: "vertical", name: "Alt text", children: /* @__PURE__ */ n(
+    ro,
+    {
+      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 ?? ""
+    }
+  ) });
+}, ka = () => {
+  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 Ba = [
+  {
+    value: "auto",
+    label: "Original"
+  },
+  {
+    value: "1 / 1",
+    label: "Square"
+  },
+  {
+    value: "16 / 9",
+    label: "Widescreen"
+  },
+  {
+    value: "9 / 16",
+    label: "Portrait"
+  },
+  {
+    value: "custom",
+    label: "Custom"
+  }
+], Ia = ({ label: e }) => e, Wa = ({ label: e, value: o }) => [
+  "auto",
+  "custom"
+  /* Custom */
+].includes(o) ? e : `${e} (${o})`, Ea = () => {
+  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: Wa,
+        selectedRenderer: Ia,
+        options: Ba,
+        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"
+        }
+      )
+    ] }) })
+  ] });
+}, Aa = () => {
+  const { nodeProps: e, setNodeProps: o } = Se();
+  return /* @__PURE__ */ u("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
+    /* @__PURE__ */ n(L, { name: "Choose image" }),
+    /* @__PURE__ */ n(go, { onChange: (t) => {
+      o({
+        src: t
+      });
+    }, source: e.src })
+  ] });
+}, Zs = () => {
+  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(Aa, {}),
+          /* @__PURE__ */ n(ka, {})
+        ] }),
+        /* @__PURE__ */ u(f, { name: "Size", children: [
+          /* @__PURE__ */ n(Ea, {}),
+          /* @__PURE__ */ n(H, { value: d, onChange: i }),
+          s === "auto" && /* @__PURE__ */ n(ce, { value: l, onChange: i }),
+          /* @__PURE__ */ n(po, { value: c, onChange: h })
+        ] }),
+        /* @__PURE__ */ n(f, { name: "SEO", children: /* @__PURE__ */ n(Pa, {}) })
+      ] }),
+      /* @__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 })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Da = () => E({
+  transform: To
+}), Oa = () => {
+  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" });
+}, Fa = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.73122 20.833C7.22415 21.0977 6.6107 21.0511 6.14944 20.7129C5.68817 20.3746 5.45931 19.8035 5.55932 19.2404L6.36865 14.6014L2.96123 11.3361C2.54474 10.9389 2.39209 10.3385 2.56833 9.79059C2.74456 9.24271 3.21862 8.84388 3.78858 8.764L8.51955 8.08772L10.6554 3.82694C10.9087 3.31595 11.4297 2.99268 12 2.99268C12.5703 2.99268 13.0913 3.31595 13.3446 3.82694L15.4804 8.08772L20.2114 8.764C20.7814 8.84388 21.2554 9.24271 21.4317 9.79059C21.6079 10.3385 21.4553 10.9389 21.0388 11.3361L17.6313 14.6014L18.4407 19.2414C18.5407 19.8045 18.3118 20.3756 17.8506 20.7139C17.3893 21.0521 16.7758 21.0987 16.2688 20.834L12 18.6281L7.73122 20.833Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`, Xs = () => {
+  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Da(), { currentScreen: t, getResponsiveProp: a } = k(), s = (p, v = t) => {
+    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: Fa
+      } : 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(Oa, {})
+        ] }),
+        /* @__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: No,
+  nodeId: e
+}), Ma = ({ tabIndex: e, tabNodeId: o }) => {
+  const [r, t] = U(!1), [a, s] = Xt(e === 0), { nodeProps: i, setNodeProps: d } = _a(o), { actions: l, query: c } = ne(), { tabNode: h, tabPanelNode: g } = Q((p) => {
+    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"
+          }
+        ) }) }) })
+      ]
+    }
+  ) });
+}, za = () => {
+  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(Ma, { 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
+    }
+  ) });
+}, Qs = () => {
+  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(za, {}),
+          /* @__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 }) })
+      ] })
+    ] })
+  ] });
+}, _a = (e) => E({
+  nodeId: e
+}), qe = () => E({
+  transform: Lo
+}), Ha = () => {
+  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
+    }
+  ) });
+}, Va = () => {
+  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 }) });
+}, ja = () => {
+  const { getResponsiveProp: e, currentScreen: o } = k(), { nodeProps: r, setNodeResponsiveProps: t } = qe(), a = e(r, "slidesPerView");
+  return /* @__PURE__ */ n(L, { name: "Items per view", responsive: !0, children: /* @__PURE__ */ n(
+    mo,
+    {
+      className: "tw:w-1/2",
+      onChange: (i) => {
+        t(
+          {
+            slidesPerView: i
+          },
+          o
+        );
+      },
+      value: a,
+      options: [
+        {
+          label: "auto",
+          value: "auto"
+        }
+      ]
+    }
+  ) });
+}, ei = () => {
+  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: Qn(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(ja, {}),
+          /* @__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(Ha, {}),
+              /* @__PURE__ */ n(Va, {})
+            ] })
+          }
+        )
+      ] }),
+      /* @__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 }) })
+      ] })
+    ] })
+  ] });
+}, Ua = () => E({
+  transform: Po
+}), ti = () => {
+  const { nodeProps: e, setNodeProps: o } = Ua(), { 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 })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Ga = () => E({
+  transform: ko
+}), ni = () => {
+  const { nodeProps: e, setNodeProps: o, setNodeResponsiveProps: r } = Ga(), { 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 })
+        ] })
+      ] })
+    ] })
+  ] });
+}, qa = (e) => E({
+  transform: Bo,
+  nodeId: e
+}), Je = () => E({
+  transform: Io
+}), Ja = ({ accordionNodeId: e, accordionIndex: o }) => {
+  const [r, t] = U(!1), [a, s] = Xt(o === 0), { id: i, nodeProps: d } = Je(), { query: l, accordionNode: c, actions: h } = ne((P) => ({
+    accordionNode: P.nodes[e]
+  })), { nodeProps: g, setNodeProps: x } = qa(e), [w, b] = U(
+    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" })
+        ] }) })
+      ]
+    }
+  ) });
+}, Ka = () => {
+  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(Ja, { 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" })
+  ] });
+}, Ya = () => {
+  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 }) })
+      ] })
+    ] }) })
+  ] }) });
+}, Za = () => {
+  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)) }) });
+}, oi = () => {
+  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(Ka, {}),
+          /* @__PURE__ */ n(Za, {}),
+          /* @__PURE__ */ n(Ce, { value: i, onChange: a })
+        ] }),
+        /* @__PURE__ */ u(f, { name: "Item header", children: [
+          /* @__PURE__ */ n(nt, { value: h, onChange: l }),
+          /* @__PURE__ */ n(Ya, {})
+        ] }),
+        /* @__PURE__ */ n(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 }) })
+      ] })
+    ] })
+  ] });
+}, Xa = () => E({
+  transform: Wo
+}), ri = () => {
+  const { currentScreen: e, getResponsiveProp: o } = k(), { nodeProps: r, setNodeProps: t } = Xa(), 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(
+            fo,
+            {
+              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 })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Qa = () => E({
+  transform: Eo
+}), ai = () => {
+  const { nodeProps: e, setNodeProps: o } = Qa(), { 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 }) })
+      ] })
+    ] })
+  ] });
+}, es = () => E({
+  transform: Ao
+}), si = () => {
+  const { nodeProps: e, setNodeProps: o } = es(), { 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(), ts = () => {
+  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
+          }
+        )
+      ] })
+    ] }) })
+  ] }) }) });
+}, ns = () => {
+  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
+          }
+        )
+      ] })
+    ] }) })
+  ] }) }) });
+}, os = () => {
+  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
+      }
+    )
+  ] });
+}, rs = () => {
+  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)) })
+    ] }) })
+  ] }) });
+}, ii = () => {
+  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(
+            Ho,
+            {
+              onChange: h,
+              referenceProps: { className: "w-1/2" },
+              value: ee(e.date) ? null : new Date(e.date)
+            }
+          ) }),
+          /* @__PURE__ */ n(rs, {}),
+          /* @__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(os, {}),
+        /* @__PURE__ */ n(ns, {}),
+        /* @__PURE__ */ n(ts, {})
+      ] }),
+      /* @__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 }) })
+      ] })
+    ] })
+  ] });
+}, di = ({ children: e, data: o }) => {
+  const { resolver: r } = ne((a) => ({
+    resolver: a.options.resolver
+  })), t = eo(() => {
+    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(Yn, { data: t, children: e });
+}, as = {
+  // 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
+}, li = ({ resolver: e, children: o, ...r }) => /* @__PURE__ */ n(
+  Zn,
+  {
+    enabled: !1,
+    onRender: ss,
+    handlers: (t) => new is({
+      store: t,
+      removeHoverOnMouseleave: !0,
+      isMultiSelectEnabled: () => !1
+    }),
+    resolver: { ...as, ...e },
+    ...r,
+    children: o
+  }
+), ss = ({ 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 is extends Xn {
+  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 {
+  oi as A,
+  ai as B,
+  di as C,
+  Js as D,
+  _a as E,
+  Gs as F,
+  _s as G,
+  Ys as H,
+  ni as I,
+  Tn as J,
+  Ua as K,
+  Vs as L,
+  Xs as M,
+  Xa as N,
+  qs as P,
+  wa as S,
+  Qs as T,
+  ti as U,
+  Ca as V,
+  Ks as a,
+  js as b,
+  Hs as c,
+  li as d,
+  si as e,
+  ii as f,
+  Us as g,
+  Zs as h,
+  ei as i,
+  Sn as j,
+  ri as k,
+  qa as l,
+  Qa as m,
+  Ve as n,
+  nn as o,
+  es as p,
+  ye as q,
+  Rt as r,
+  Rn as s,
+  Vo as t,
+  Je as u,
+  Ga as v,
+  Se as w,
+  ut as x,
+  Da as y,
+  qe as z
+};