@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/Detail-Dnpnmy4-.mjs

@@ -1,3477 +0,0 @@
-import { defineComponent as ne, inject as tt, resolveComponent as v, openBlock as h, createBlock as L, withCtx as f, createVNode as s, createElementVNode as u, createTextVNode as V, isRef as Y, unref as m, createElementBlock as w, toDisplayString as F, createCommentVNode as O, computed as de, watch as re, useTemplateRef as Ee, ref as X, nextTick as Te, Fragment as J, renderList as ie, withModifiers as fe, onMounted as lt, normalizeClass as $e, withKeys as Yt, provide as dt, withAsyncContext as Kt } from "vue";
-import { u as xe, a as U, t as qt, o as Se, b as ve, s as H, p as Ne, c as be, d as Ie, e as ut, f as Jt } from "./vee-validate-zod-CcOwoF6y.mjs";
-import { Info as Wt, GripVertical as Qe, CircleX as Gt, Trash2 as Zt, PlusCircle as ct, Search as ft, ListFilter as Qt, ChevronDown as pt, X as en, ImagePlus as gt, Plus as tn, Tag as nn, ChevronRight as on, Archive as ln, Trash as rn, Loader2 as mt } from "lucide-vue-next";
-import { animations as yt } from "@formkit/drag-and-drop";
-import { useConfirmation as Dt, useModuleRoute as St, useFirebaseIntegration as Ct, useModulePermissions as an, useModuleBreadcrumbs as sn } from "@oneclick.dev/cms-kit";
-import { g as dn } from "./google-CvtuJwgk.mjs";
-import { t as ae } from "./index-RLz1QPrf.mjs";
-const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, pn = { class: "flex flex-col gap-4" }, gn = { class: "flex flex-col" }, mn = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, vn = { class: "flex flex-col gap-4" }, bn = { class: "flex flex-col" }, hn = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, _n = /* @__PURE__ */ ne({
-  __name: "Main",
-  setup(e) {
-    const t = tt("sources"), n = tt("defaultSource"), { errors: o } = xe(), { value: l } = U("title"), { value: a } = U("description"), { value: i } = U("media");
-    return (d, r) => {
-      const b = v("Label"), x = v("Input"), c = v("Textarea"), D = v("MediaPicker"), T = v("CardContent"), N = v("Card");
-      return h(), L(N, null, {
-        default: f(() => [
-          s(T, { class: "flex flex-col gap-4" }, {
-            default: f(() => [
-              u("div", un, [
-                u("div", cn, [
-                  s(b, {
-                    for: "title",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...r[3] || (r[3] = [
-                      V("Title", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(x, {
-                    type: "text",
-                    id: "title",
-                    placeholder: "T-shirt with red heart",
-                    modelValue: m(l),
-                    "onUpdate:modelValue": r[0] || (r[0] = (I) => Y(l) ? l.value = I : null)
-                  }, null, 8, ["modelValue"]),
-                  m(o).title ? (h(), w("p", fn, F(m(o).title), 1)) : O("", !0)
-                ])
-              ]),
-              u("div", pn, [
-                u("div", gn, [
-                  s(b, {
-                    for: "description",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...r[4] || (r[4] = [
-                      V("Description", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(c, {
-                    id: "description",
-                    placeholder: "Lovely T-shirt featuring a red heart",
-                    modelValue: m(a),
-                    "onUpdate:modelValue": r[1] || (r[1] = (I) => Y(a) ? a.value = I : null)
-                  }, null, 8, ["modelValue"]),
-                  m(o).description ? (h(), w("p", mn, F(m(o).description), 1)) : O("", !0)
-                ])
-              ]),
-              u("div", vn, [
-                u("div", bn, [
-                  s(b, {
-                    for: "media",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...r[5] || (r[5] = [
-                      V("Media", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(D, {
-                    id: "media",
-                    modelValue: m(i),
-                    "onUpdate:modelValue": r[2] || (r[2] = (I) => Y(i) ? i.value = I : null),
-                    sources: m(t),
-                    defaultSource: m(n)
-                  }, null, 8, ["modelValue", "sources", "defaultSource"]),
-                  m(o).media ? (h(), w("p", hn, F(m(o).media), 1)) : O("", !0)
-                ])
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), xn = { class: "grid grid-cols-2 gap-4 mb-4" }, yn = { class: "relative" }, Dn = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, Sn = { class: "relative" }, Cn = { class: "absolute right-2 top-1/2 -translate-y-1/2" }, wn = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, kn = { class: "flex items-center gap-2 mb-4" }, Pn = { class: "flex items-center border-t mt-4 pt-4" }, Vn = { class: "relative" }, Nn = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, In = /* @__PURE__ */ ne({
-  __name: "Price",
-  setup(e) {
-    const { errors: t } = xe(), { value: n } = U("price"), { value: o } = U("compareAtPrice"), { value: l } = U("isTaxable"), { value: a } = U("costPerItem");
-    return de(() => Number(n.value) > 0), (i, d) => {
-      const r = v("Label"), b = v("Input"), x = v("TooltipTrigger"), c = v("TooltipContent"), D = v("Tooltip"), T = v("Checkbox"), N = v("CardContent"), I = v("Card");
-      return h(), L(I, null, {
-        default: f(() => [
-          s(N, null, {
-            default: f(() => [
-              d[12] || (d[12] = u("h3", { class: "text-lg font-semibold mb-4" }, "Pricing", -1)),
-              u("div", xn, [
-                u("div", null, [
-                  s(r, {
-                    for: "price",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...d[4] || (d[4] = [
-                      V("Price", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  u("div", yn, [
-                    s(b, {
-                      type: "number",
-                      id: "price",
-                      class: "pl-10 no-spinner",
-                      modelValue: m(n),
-                      "onUpdate:modelValue": d[0] || (d[0] = (A) => Y(n) ? n.value = A : null)
-                    }, null, 8, ["modelValue"]),
-                    d[5] || (d[5] = u("span", { class: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }, "€", -1))
-                  ]),
-                  m(t).price ? (h(), w("p", Dn, F(m(t).price), 1)) : O("", !0)
-                ]),
-                u("div", null, [
-                  s(r, {
-                    for: "compare-at-price",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...d[6] || (d[6] = [
-                      V("Compare-at price", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  u("div", Sn, [
-                    s(b, {
-                      type: "number",
-                      id: "compare-at-price",
-                      class: "pl-10 no-spinner",
-                      modelValue: m(o),
-                      "onUpdate:modelValue": d[1] || (d[1] = (A) => Y(o) ? o.value = A : null)
-                    }, null, 8, ["modelValue"]),
-                    d[8] || (d[8] = u("span", { class: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }, "€", -1)),
-                    s(D, null, {
-                      default: f(() => [
-                        s(x, { "as-child": "" }, {
-                          default: f(() => [
-                            u("button", Cn, [
-                              s(m(Wt), { class: "size-4 text-muted-foreground" })
-                            ])
-                          ]),
-                          _: 1
-                        }),
-                        s(c, null, {
-                          default: f(() => [...d[7] || (d[7] = [
-                            u("p", null, [
-                              V(" To display a markdown, enter a value higher than your price."),
-                              u("br"),
-                              V(" Often shown with a strikethrough (e.g. "),
-                              u("span", { class: "font-semibold line-through" }, "€25,00"),
-                              V("). ")
-                            ], -1)
-                          ])]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  m(t).compareAtPrice ? (h(), w("p", wn, F(m(t).compareAtPrice), 1)) : O("", !0)
-                ])
-              ]),
-              u("div", kn, [
-                s(T, {
-                  id: "charge-tax",
-                  modelValue: m(l),
-                  "onUpdate:modelValue": d[2] || (d[2] = (A) => Y(l) ? l.value = A : null)
-                }, null, 8, ["modelValue"]),
-                s(r, {
-                  for: "charge-tax",
-                  class: "text-sm"
-                }, {
-                  default: f(() => [...d[9] || (d[9] = [
-                    V("Charge tax on this product", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              u("div", Pn, [
-                u("div", null, [
-                  s(r, {
-                    for: "cost-per-item",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...d[10] || (d[10] = [
-                      V("Cost per item", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  u("div", Vn, [
-                    s(b, {
-                      type: "number",
-                      id: "cost-per-item",
-                      class: "pl-10 no-spinner",
-                      modelValue: m(a),
-                      "onUpdate:modelValue": d[3] || (d[3] = (A) => Y(a) ? a.value = A : null)
-                    }, null, 8, ["modelValue"]),
-                    d[11] || (d[11] = u("span", { class: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }, "€", -1))
-                  ]),
-                  m(t).costPerItem ? (h(), w("p", Nn, F(m(t).costPerItem), 1)) : O("", !0)
-                ])
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Tn = { class: "grid grid-cols-2 gap-4 mb-4" }, $n = { class: "flex items-center gap-2 mb-4" }, En = {
-  key: 0,
-  class: "grid grid-cols-2 gap-4 mb-4"
-}, An = { class: "flex items-center gap-2" }, zn = /* @__PURE__ */ ne({
-  __name: "Inventory",
-  setup(e) {
-    const { errors: t } = xe(), { value: n } = U("sku"), { value: o } = U("barcode"), { value: l } = U("trackInventory"), { value: a } = U("allowBackorder"), { value: i } = U("stock"), { value: d } = U("options"), { value: r } = U("variants"), b = de(() => r.value.reduce((x, c) => c.stock < 0 ? x : x + c.stock, 0));
-    return (x, c) => {
-      const D = v("Label"), T = v("Input"), N = v("Checkbox"), I = v("TooltipTrigger"), A = v("TooltipContent"), M = v("Tooltip"), _ = v("CardContent"), S = v("Card");
-      return h(), L(S, null, {
-        default: f(() => [
-          s(_, null, {
-            default: f(() => [
-              c[12] || (c[12] = u("h3", { class: "text-lg font-semibold mb-4" }, "Inventory", -1)),
-              u("div", Tn, [
-                u("div", null, [
-                  s(D, {
-                    for: "sku",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...c[6] || (c[6] = [
-                      V("SKU (Stock Keeping Unit)", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(T, {
-                    id: "sku",
-                    modelValue: m(n),
-                    "onUpdate:modelValue": c[0] || (c[0] = (B) => Y(n) ? n.value = B : null)
-                  }, null, 8, ["modelValue"])
-                ]),
-                u("div", null, [
-                  s(D, {
-                    for: "barcode",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...c[7] || (c[7] = [
-                      V("Barcode (ISBN, UPC, GTIN, etc.)", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(T, {
-                    id: "barcode",
-                    modelValue: m(o),
-                    "onUpdate:modelValue": c[1] || (c[1] = (B) => Y(o) ? o.value = B : null)
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              u("div", $n, [
-                s(N, {
-                  id: "track-quantity",
-                  modelValue: m(l),
-                  "onUpdate:modelValue": c[2] || (c[2] = (B) => Y(l) ? l.value = B : null)
-                }, null, 8, ["modelValue"]),
-                s(D, {
-                  for: "track-quantity",
-                  class: "text-sm"
-                }, {
-                  default: f(() => [...c[8] || (c[8] = [
-                    V("Track quantity", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              m(l) ? (h(), w("div", En, [
-                u("div", null, [
-                  s(D, {
-                    for: "stock",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...c[9] || (c[9] = [
-                      V("Stock", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  !m(d) || m(d)?.length === 0 ? (h(), L(T, {
-                    key: 0,
-                    id: "stock",
-                    type: "number",
-                    modelValue: m(i),
-                    "onUpdate:modelValue": c[3] || (c[3] = (B) => Y(i) ? i.value = B : null),
-                    class: "no-spinner"
-                  }, null, 8, ["modelValue"])) : (h(), L(M, { key: 1 }, {
-                    default: f(() => [
-                      s(I, { class: "cursor-not-allowed" }, {
-                        default: f(() => [
-                          s(T, {
-                            modelValue: b.value,
-                            "onUpdate:modelValue": c[4] || (c[4] = (B) => b.value = B),
-                            disabled: "",
-                            class: "no-spinner"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      s(A, null, {
-                        default: f(() => [...c[10] || (c[10] = [
-                          u("p", null, "Total stock of all variants", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }))
-                ])
-              ])) : O("", !0),
-              u("div", An, [
-                s(N, {
-                  id: "continue-selling",
-                  modelValue: m(a),
-                  "onUpdate:modelValue": c[5] || (c[5] = (B) => Y(a) ? a.value = B : null)
-                }, null, 8, ["modelValue"]),
-                s(D, {
-                  for: "continue-selling",
-                  class: "text-sm"
-                }, {
-                  default: f(() => [...c[11] || (c[11] = [
-                    V("Continue selling when out of stock", -1)
-                  ])]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Mn = { class: "flex items-center gap-2 mb-4" }, On = {
-  key: 0,
-  class: "grid grid-cols-2 gap-4 mb-4"
-}, Fn = /* @__PURE__ */ ne({
-  __name: "Shipping",
-  setup(e) {
-    const { errors: t } = xe(), { value: n } = U("isPhysicalProduct"), { value: o } = U("weight"), { value: l } = U("weightUnit");
-    return (a, i) => {
-      const d = v("Checkbox"), r = v("Label"), b = v("Input"), x = v("SelectValue"), c = v("SelectTrigger"), D = v("SelectItem"), T = v("SelectGroup"), N = v("SelectContent"), I = v("Select"), A = v("CardContent"), M = v("Card");
-      return h(), L(M, null, {
-        default: f(() => [
-          s(A, null, {
-            default: f(() => [
-              i[10] || (i[10] = u("h3", { class: "text-lg font-semibold mb-4" }, "Shipping", -1)),
-              u("div", Mn, [
-                s(d, {
-                  id: "is-physical-product",
-                  modelValue: m(n),
-                  "onUpdate:modelValue": i[0] || (i[0] = (_) => Y(n) ? n.value = _ : null)
-                }, null, 8, ["modelValue"]),
-                s(r, {
-                  for: "is-physical-product",
-                  class: "text-sm"
-                }, {
-                  default: f(() => [...i[3] || (i[3] = [
-                    V("This is a physical product", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              m(n) ? (h(), w("div", On, [
-                u("div", null, [
-                  s(r, {
-                    for: "weight",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...i[4] || (i[4] = [
-                      V("Weight", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(b, {
-                    id: "weight",
-                    type: "number",
-                    modelValue: m(o),
-                    "onUpdate:modelValue": i[1] || (i[1] = (_) => Y(o) ? o.value = _ : null),
-                    class: "no-spinner"
-                  }, null, 8, ["modelValue"])
-                ]),
-                u("div", null, [
-                  s(r, {
-                    for: "weight-unit",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...i[5] || (i[5] = [
-                      V("Weight unit", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(I, {
-                    modelValue: m(l),
-                    "onUpdate:modelValue": i[2] || (i[2] = (_) => Y(l) ? l.value = _ : null)
-                  }, {
-                    default: f(() => [
-                      s(c, null, {
-                        default: f(() => [
-                          s(x, { placeholder: "Select unit" })
-                        ]),
-                        _: 1
-                      }),
-                      s(N, null, {
-                        default: f(() => [
-                          s(T, null, {
-                            default: f(() => [
-                              s(D, { value: "lb" }, {
-                                default: f(() => [...i[6] || (i[6] = [
-                                  V(" lb ", -1)
-                                ])]),
-                                _: 1
-                              }),
-                              s(D, { value: "oz" }, {
-                                default: f(() => [...i[7] || (i[7] = [
-                                  V(" oz ", -1)
-                                ])]),
-                                _: 1
-                              }),
-                              s(D, { value: "kg" }, {
-                                default: f(() => [...i[8] || (i[8] = [
-                                  V(" kg ", -1)
-                                ])]),
-                                _: 1
-                              }),
-                              s(D, { value: "g" }, {
-                                default: f(() => [...i[9] || (i[9] = [
-                                  V(" g ", -1)
-                                ])]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ])
-              ])) : O("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-function G(e) {
-  e.preventDefault();
-}
-function me(e) {
-  e.stopPropagation();
-}
-function wt() {
-  const e = /* @__PURE__ */ new Map();
-  return [function(o, l) {
-    e.get(o) && e.get(o).forEach((a) => {
-      a(l);
-    });
-  }, function(o, l) {
-    const a = e.get(o) ?? [];
-    a.push(l), e.set(o, a);
-  }];
-}
-var [kt, Pt] = wt();
-function Ln(e, t) {
-  return e.source === t.source && e.flags.split("").sort().join("") === t.flags.split("").sort().join("");
-}
-function Ae(e, t, n = !0, o = ["__key"]) {
-  if (e === t) return !0;
-  if (typeof t == "object" && typeof e == "object" && e !== null && t !== null) {
-    if (e instanceof Map || e instanceof Set) return !1;
-    if (e instanceof Date && t instanceof Date)
-      return e.getTime() === t.getTime();
-    if (e instanceof RegExp && t instanceof RegExp)
-      return Ln(e, t);
-    if (e === null || t === null) return !1;
-    const l = e, a = t;
-    if (Object.keys(l).length !== Object.keys(a).length) return !1;
-    for (const i of o)
-      if ((i in l || i in a) && l[i] !== a[i]) return !1;
-    for (const i in l)
-      if (!(i in a) || l[i] !== a[i] && !n || n && !Ae(l[i], a[i], n, o)) return !1;
-    return !0;
-  }
-  return !1;
-}
-function Vt(e) {
-  return e.split(" ").filter((t) => t);
-}
-function ke(e) {
-  return { x: e.clientX, y: e.clientY };
-}
-Array();
-var rt = typeof window < "u", W = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap();
-function Nt() {
-  if (!rt) return !1;
-  if ("userAgentData" in navigator)
-    return navigator.userAgentData.mobile === !0;
-  const e = navigator.userAgent, t = /android|iphone|ipod/i.test(e), n = /iPad/.test(e) || e.includes("Macintosh") && navigator.maxTouchPoints > 1;
-  return t || n;
-}
-var Bn = {
-  affectedNodes: [],
-  coordinates: {
-    x: 0,
-    y: 0
-  },
-  currentTargetValue: void 0,
-  on: Pt,
-  emit: kt,
-  originalZIndex: void 0,
-  pointerSelection: !1,
-  preventEnter: !1,
-  rootUserSelect: void 0,
-  nodePointerdown: void 0,
-  longPress: !1,
-  scrolling: !1,
-  longPressTimeout: void 0,
-  remapJustFinished: !1,
-  selectedNodes: [],
-  selectedParent: void 0,
-  preventSynthDrag: !1,
-  pointerDown: void 0,
-  lastScrollContainerX: null,
-  lastScrollContainerY: null,
-  rootScrollWidth: void 0,
-  rootScrollHeight: void 0,
-  dragItemRect: void 0,
-  windowScrollX: void 0,
-  windowScrollY: void 0,
-  lastScrollDirectionX: void 0,
-  lastScrollDirectionY: void 0,
-  scrollDebounceTimeout: void 0,
-  frameIdX: void 0,
-  frameIdY: void 0
-}, g = Bn, ge = !1, vt, et;
-function Rn() {
-  g.scrollDebounceTimeout && clearTimeout(g.scrollDebounceTimeout), g.longPressTimeout && clearTimeout(g.longPressTimeout), g.frameIdX !== void 0 && cancelAnimationFrame(g.frameIdX), g.frameIdY !== void 0 && cancelAnimationFrame(g.frameIdY), g = { ...{
-    affectedNodes: [],
-    coordinates: {
-      x: 0,
-      y: 0
-    },
-    on: Pt,
-    emit: kt,
-    currentTargetValue: void 0,
-    originalZIndex: void 0,
-    pointerId: void 0,
-    preventEnter: !1,
-    remapJustFinished: !1,
-    selectedNodes: [],
-    nodePointerdown: void 0,
-    rootUserSelect: void 0,
-    preventSynthDrag: !1,
-    scrolling: !1,
-    selectedParent: void 0,
-    pointerSelection: !1,
-    synthScrollDirection: void 0,
-    draggedNodeDisplay: void 0,
-    synthDragScrolling: !1,
-    longPress: !1,
-    pointerDown: void 0,
-    longPressTimeout: void 0,
-    lastScrollContainerX: null,
-    lastScrollContainerY: null,
-    rootScrollWidth: void 0,
-    rootScrollHeight: void 0,
-    dragItemRect: void 0,
-    windowScrollX: void 0,
-    windowScrollY: void 0,
-    lastScrollDirectionX: void 0,
-    lastScrollDirectionY: void 0,
-    scrollDebounceTimeout: void 0,
-    frameIdX: void 0,
-    frameIdY: void 0
-  } };
-}
-function It(e) {
-  return Object.assign(g, e), e.initialParent.data.emit("dragStarted", g), ge = !1, g.emit("dragStarted", g), g;
-}
-function Un() {
-  g.activeState && _e(g.activeState.parent, void 0, g), g.selectedState && he(g.selectedState.nodes, g.selectedState.parent, g), g.selectedState = g.activeState = void 0;
-}
-function jn() {
-  if (g.pointerDown && (g.pointerDown.node.el.draggable = !0), g.pointerDown = void 0, !te(g)) return;
-  const e = g.currentParent.data.config;
-  te(g) && e.handleEnd(g);
-}
-function Hn(e) {
-  e.key === "Escape" && (g.selectedState && he(g.selectedState.nodes, g.selectedState.parent, g), g.activeState && _e(g.activeState.parent, void 0, g), g.selectedState = g.activeState = void 0);
-}
-function Xn(e) {
-  if (!Z(g)) return;
-  ge = !0;
-  const t = g.initialParent.data.config.handleEnd;
-  t(g);
-}
-function Yn(e) {
-  if (!Z(g)) return;
-  G(e);
-  const { x: t, y: n } = ke(e);
-  Z(g) && Re({ x: t, y: n }, e, g);
-}
-function Kn(e) {
-  if (!g.pointerDown || !g.pointerDown.validated) return;
-  const t = g.pointerDown.parent.data.config;
-  if (!(e.pointerType === "mouse" && !Nt()))
-    if (te(g))
-      te(g) && bt(e, g);
-    else {
-      if (G(e), t.longPress && !g.longPress) {
-        clearTimeout(g.longPressTimeout), g.longPress = !1;
-        return;
-      }
-      const n = t.draggedNodes(g.pointerDown);
-      t.dragstartClasses(g.pointerDown.node, n, t, !0);
-      const o = g.pointerDown.node.el.getBoundingClientRect(), l = Co(
-        g.pointerDown.node,
-        g.pointerDown.parent,
-        e,
-        g,
-        n,
-        o
-      );
-      bt(e, l, !0);
-    }
-}
-function qn({
-  parent: e,
-  getValues: t,
-  setValues: n,
-  config: o = {}
-}) {
-  if (!rt) return;
-  vt || (vt = Fe(document, {
-    dragover: Yn,
-    pointerdown: Un,
-    pointerup: jn,
-    keydown: Hn,
-    drop: Xn,
-    pointermove: Kn,
-    pointercancel: ee(o.handlePointercancel),
-    touchmove: (r) => {
-      Z(g) && r.cancelable && G(r);
-    },
-    contextmenu: (r) => {
-      te(g) && G(r);
-    }
-  })), Qn(e);
-  const [l, a] = wt(), i = {
-    getValues: t,
-    setValues: n,
-    config: {
-      dragDropEffect: o.dragDropEffect ?? "move",
-      dragEffectAllowed: o.dragEffectAllowed ?? "move",
-      draggedNodes: io,
-      dragstartClasses: po,
-      handleNodeKeydown: mo,
-      handleDragstart: co,
-      handleNodeDragover: ko,
-      handleParentDragover: Po,
-      handleNodeDrop: bo,
-      handleNodeFocus: ho,
-      handleNodeBlur: _o,
-      handlePointercancel: yo,
-      handleEnd: Do,
-      handleDragend: xo,
-      handleParentFocus: Wn,
-      handleNodePointerup: So,
-      handleNodePointerover: vo,
-      handleParentPointerover: Vo,
-      handleParentScroll: uo,
-      handleNodePointerdown: fo,
-      handleNodeDragenter: Io,
-      handleNodeDragleave: To,
-      handleParentDrop: Zn,
-      multiDrag: o.multiDrag ?? !1,
-      nativeDrag: o.nativeDrag ?? !0,
-      performSort: Jn,
-      performTransfer: Gn,
-      root: o.root ?? document,
-      setupNode: to,
-      setupNodeRemap: $t,
-      reapplyDragClasses: no,
-      tearDownNode: lo,
-      tearDownNodeRemap: oo,
-      remapFinished: ao,
-      threshold: {
-        horizontal: 0,
-        vertical: 0
-      },
-      ...o
-    },
-    enabledNodes: [],
-    abortControllers: {},
-    privateClasses: [],
-    on: a,
-    emit: l
-  };
-  new MutationObserver(ro).observe(e, { childList: !0 }), W.set(e, i), o.plugins?.forEach((r) => {
-    r(e)?.tearDown?.();
-  }), o.plugins?.forEach((r) => {
-    r(e)?.tearDown?.();
-  }), o.plugins?.forEach((r) => {
-    r(e)?.setup?.();
-  }), eo(e, i), Le(e, !0);
-}
-function Tt(e, t, n, o, l, a) {
-  const { x: i, y: d } = ke(n), r = e.el.getBoundingClientRect();
-  return {
-    affectedNodes: [],
-    ascendingDirection: !1,
-    clonedDraggedEls: [],
-    coordinates: {
-      x: i,
-      y: d
-    },
-    draggedNode: {
-      el: e.el,
-      data: e.data
-    },
-    draggedNodes: o,
-    incomingDirection: void 0,
-    initialIndex: e.data.index,
-    initialParent: {
-      el: t.el,
-      data: t.data
-    },
-    currentParent: {
-      el: t.el,
-      data: t.data
-    },
-    longPress: t.data.config.longPress ?? !1,
-    longPressTimeout: void 0,
-    currentTargetValue: e.data.value,
-    scrollEls: [],
-    startLeft: l || i - (r?.left ?? 0),
-    startTop: a || d - (r?.top ?? 0),
-    targetIndex: e.data.index,
-    transferred: !1
-  };
-}
-function Jn({
-  parent: e,
-  draggedNodes: t,
-  targetNodes: n
-}) {
-  Le(e.el);
-  const o = t.map((r) => r.data.value), l = we(e.el, e.data), a = t[0].data.index, i = [...e.data.enabledNodes], d = [
-    ...l.filter((r) => !o.some((b) => Ae(r, b)))
-  ];
-  d.splice(n[0].data.index, 0, ...o), "draggedNode" in g && (g.currentTargetValue = n[0].data.value), nt(e.el, e.data, [...d]), e.data.config.onSort && e.data.config.onSort({
-    parent: {
-      el: e.el,
-      data: e.data
-    },
-    previousValues: [...l],
-    previousNodes: [...i],
-    nodes: [...e.data.enabledNodes],
-    values: [...d],
-    draggedNodes: t,
-    previousPosition: a,
-    position: n[0].data.index,
-    targetNodes: n,
-    state: g
-  });
-}
-function _e(e, t, n) {
-  if (!t) {
-    n.activeState = void 0;
-    return;
-  }
-  n.activeState = {
-    node: t,
-    parent: e
-  };
-}
-function he(e, t, n) {
-  const o = t.data.config.selectedClass;
-  if (!n.selectedState) return;
-  const l = Array.from(e);
-  pe(
-    e.map((a) => a.el),
-    o
-  );
-  for (const a of l) {
-    a.el.setAttribute("aria-selected", "false");
-    const i = n.selectedState.nodes.findIndex((d) => d.el === a.el);
-    i !== -1 && n.selectedState.nodes.splice(i, 1);
-  }
-}
-function Me(e, t, n, o, l = !1) {
-  o.pointerSelection = l;
-  for (const a of t)
-    a.el.setAttribute("aria-selected", "true"), Ce([a.el], e.data.config.selectedClass, !0);
-  o.selectedState = {
-    nodes: t,
-    parent: e
-  }, _e(e, n, o);
-}
-function Wn(e, t) {
-  const n = e.targetData.parent.data.enabledNodes[0];
-  n && (t.selectedState && t.selectedState.parent.el !== e.targetData.parent.el ? _e(e.targetData.parent, n, t) : t.selectedState || _e(e.targetData.parent, n, t));
-}
-function Gn({
-  currentParent: e,
-  targetParent: t,
-  initialParent: n,
-  draggedNodes: o,
-  initialIndex: l,
-  targetNodes: a,
-  state: i
-}) {
-  Le(n.el);
-  const d = o.map((D) => D.data.value), r = [
-    ...we(e.el, e.data).filter(
-      (D) => !d.some((T) => Ae(D, T))
-    )
-  ], b = we(t.el, t.data), x = n.el === t.el && t.data.config.sortable === !1;
-  let c;
-  a.length ? (x ? c = l : t.data.config.sortable === !1 ? c = t.data.enabledNodes.length : c = a[0].data.index, b.splice(c, 0, ...d)) : (c = x ? l : t.data.enabledNodes.length, b.splice(c, 0, ...d)), nt(e.el, e.data, r), nt(t.el, t.data, b), t.data.config.onTransfer && t.data.config.onTransfer({
-    sourceParent: e,
-    targetParent: t,
-    initialParent: n,
-    draggedNodes: o,
-    targetIndex: c,
-    state: i,
-    targetNodes: a
-  }), e.data.config.onTransfer && e.data.config.onTransfer({
-    sourceParent: e,
-    targetParent: t,
-    initialParent: n,
-    draggedNodes: o,
-    targetIndex: c,
-    state: i,
-    targetNodes: a || []
-  });
-}
-function we(e, t) {
-  return [...t.getValues(e)];
-}
-function nt(e, t, n) {
-  t.setValues(n, e);
-}
-function Zn(e, t) {
-  me(e.e), ge = !0;
-  const n = t.initialParent.data.config.handleEnd;
-  n(t);
-}
-function Qn(e) {
-  const t = W.get(e);
-  t && t.abortControllers.mainParent && t.abortControllers.mainParent.abort();
-}
-function Z(e) {
-  return "draggedNode" in e && !!e.draggedNode;
-}
-function te(e) {
-  return "synthDragging" in e && !!e.synthDragging;
-}
-function eo(e, t) {
-  t.abortControllers.mainParent = Fe(e, {
-    dragover: Oe(t.config.handleParentDragover),
-    handleParentPointerover: t.config.handleParentPointerover,
-    scroll: Oe(t.config.handleParentScroll),
-    drop: Oe(t.config.handleParentDrop),
-    hasNestedParent: (n) => {
-      const o = W.get(n.target);
-      o && (o.nestedParent = n.detail.parent);
-    },
-    focus: Oe(t.config.handleParentFocus)
-  }), t.config.externalDragHandle && t.config.externalDragHandle.el && t.config.externalDragHandle.callback && (t.abortControllers.externalDragHandle = Fe(
-    t.config.externalDragHandle.el,
-    {
-      pointerdown: (n) => {
-        if (!t.config.externalDragHandle || !t.config.externalDragHandle.callback)
-          return;
-        const o = t.config.externalDragHandle.callback();
-        if (!Ue(o)) {
-          console.warn(
-            "No draggable item found from external drag handle callback"
-          );
-          return;
-        }
-        const l = ue.get(o);
-        if (!l) return;
-        const a = o.parentNode;
-        if (!(a instanceof HTMLElement)) return;
-        const i = W.get(a);
-        i && (g.pointerDown = {
-          parent: {
-            el: a,
-            data: i
-          },
-          node: {
-            el: o,
-            data: l
-          },
-          validated: !0
-        }, o.draggable = !0);
-      }
-    }
-  ));
-}
-function to(e) {
-  const t = e.parent.data.config;
-  e.node.data.abortControllers.mainNode = Fe(e.node.el, {
-    keydown: ee(t.handleNodeKeydown),
-    dragstart: ee(t.handleDragstart),
-    dragover: ee(t.handleNodeDragover),
-    dragenter: ee(t.handleNodeDragenter),
-    dragleave: ee(t.handleNodeDragleave),
-    dragend: ee(t.handleDragend),
-    drop: ee(t.handleNodeDrop),
-    focus: ee(t.handleNodeFocus),
-    blur: ee(t.handleNodeBlur),
-    pointerup: ee(t.handleNodePointerup),
-    pointercancel: ee(t.handlePointercancel),
-    pointerdown: ee(t.handleNodePointerdown),
-    handleNodePointerover: t.handleNodePointerover,
-    touchmove: (n) => {
-      Z(g) && n.cancelable && G(n);
-    },
-    contextmenu: (n) => {
-      te(g) && G(n);
-    }
-  }), e.node.el.draggable = !0, t.reapplyDragClasses(e.node.el, e.parent.data), e.parent.data.config.plugins?.forEach((n) => {
-    n(e.parent.el)?.setupNode?.(e);
-  });
-}
-function $t(e) {
-  ue.set(e.node.el, e.node.data), e.parent.data.config.plugins?.forEach((t) => {
-    t(e.parent.el)?.setupNodeRemap?.(e);
-  });
-}
-function no(e, t) {
-  if (!Z(g)) return;
-  const n = te(g) ? t.config.synthDropZoneClass : t.config.dropZoneClass;
-  g.draggedNode.el === e && Ce([e], n, !0);
-}
-function oo(e) {
-  e.parent.data.config.plugins?.forEach((t) => {
-    t(e.parent.el)?.tearDownNodeRemap?.(e);
-  });
-}
-function lo(e) {
-  e.parent.data.config.plugins?.forEach((t) => {
-    t(e.parent.el)?.tearDownNode?.(e);
-  }), e.node.el.draggable = !1, e.node.data?.abortControllers?.mainNode && e.node.data?.abortControllers?.mainNode.abort();
-}
-function ro(e) {
-  if (e.length === 1 && e[0].addedNodes.length === 1 && !(e[0].addedNodes[0] instanceof HTMLElement))
-    return;
-  const t = e[0].target;
-  !(t instanceof HTMLElement) || !W.get(t) || Le(t);
-}
-function Le(e, t) {
-  const n = W.get(e);
-  if (!n) return;
-  n.privateClasses = Array.from(e.classList);
-  const o = [], l = n.config;
-  for (let d = 0; d < e.children.length; d++) {
-    const r = e.children[d];
-    if (!Ue(r) || r.id === "dnd-dragged-node-clone") continue;
-    const b = ue.get(r);
-    (t || !b) && l.tearDownNode({
-      parent: {
-        el: e,
-        data: n
-      },
-      node: {
-        el: r,
-        data: b
-      }
-    }), !l.disabled && (!l.draggable || l.draggable && l.draggable(r)) && o.push(r);
-  }
-  if (o.length !== n.getValues(e).length && !l.disabled) {
-    console.warn(
-      "The number of draggable items defined in the parent element does not match the number of values. This may cause unexpected behavior."
-    );
-    return;
-  }
-  const a = n.getValues(e), i = [];
-  for (let d = 0; d < o.length; d++) {
-    const r = o[d], b = ue.get(r);
-    if (l.draggableValue && !l.draggableValue(a[d])) continue;
-    const x = Object.assign(
-      b ?? {
-        privateClasses: [],
-        abortControllers: {}
-      },
-      {
-        value: a[d],
-        index: d
-      }
-    );
-    if (!Z(g) && g.activeState && Ae(g.activeState.node.data.value, x.value) && _e(
-      {
-        data: n,
-        el: e
-      },
-      {
-        el: r,
-        data: x
-      },
-      g
-    ), Z(g) && Ae(g.draggedNode.data.value, x.value)) {
-      g.draggedNode.data = x, g.draggedNode.el = r;
-      const c = g.draggedNodes.find(
-        (D) => D.data.value === x.value
-      );
-      c && (c.el = r);
-    }
-    i.push({
-      el: r,
-      data: x
-    }), (t || !b) && l.setupNode({
-      parent: {
-        el: e,
-        data: n
-      },
-      node: {
-        el: r,
-        data: x
-      }
-    }), $t({
-      parent: {
-        el: e,
-        data: n
-      },
-      node: {
-        el: r,
-        data: x
-      }
-    });
-  }
-  W.set(e, { ...n, enabledNodes: i }), l.remapFinished(n), n.config.plugins?.forEach((d) => {
-    d(e)?.remapFinished?.();
-  });
-}
-function ao() {
-  g.remapJustFinished = !0, "draggedNode" in g && (g.affectedNodes = []);
-}
-function so(e) {
-  return !!e.targetData.parent.data.config.nativeDrag;
-}
-function io(e) {
-  if (e.parent.data.config.multiDrag) {
-    if (g.selectedState)
-      return [
-        e.node,
-        ...g.selectedState?.nodes.filter(
-          (t) => t.el !== e.node.el
-        )
-      ];
-  } else return [e.node];
-  return [];
-}
-function uo(e) {
-  Z(g) && (g.emit("scrollStarted", g), !te(g) && (g.preventEnter = !0, et && clearTimeout(et), et = setTimeout(() => {
-    g.preventEnter = !1, g.emit("scrollEnded", g);
-  }, 100)));
-}
-function co(e, t) {
-  const n = e.targetData.parent.data.config;
-  if (!n.nativeDrag || !so(e) || !Et({
-    x: e.e.clientX,
-    y: e.e.clientY,
-    node: e.targetData.node,
-    config: n
-  })) {
-    G(e.e);
-    return;
-  }
-  let o = n.draggedNodes({
-    parent: e.targetData.parent,
-    node: e.targetData.node
-  });
-  o.length === 0 && (o = [e.targetData.node]), n.dragstartClasses(e.targetData.node, o, n);
-  const l = go(e, o);
-  if (n.onDragstart) {
-    const a = {
-      parent: e.targetData.parent,
-      values: we(
-        e.targetData.parent.el,
-        e.targetData.parent.data
-      ),
-      draggedNode: l.draggedNode,
-      draggedNodes: l.draggedNodes,
-      position: l.initialIndex,
-      state: l
-    };
-    n.onDragstart(a);
-  }
-}
-function fo(e, t) {
-  if (me(e.e), t.pointerDown = {
-    parent: e.targetData.parent,
-    node: e.targetData.node,
-    validated: !1
-  }, !Et({
-    x: e.e.clientX,
-    y: e.e.clientY,
-    node: e.targetData.node,
-    config: e.targetData.parent.data.config
-  }))
-    return;
-  t.pointerDown.validated = !0, wo(e, t, e.targetData.node);
-  const n = e.targetData.parent.data;
-  let o = [e.targetData.node];
-  const l = e.e.ctrlKey || e.e.metaKey, a = e.e.shiftKey, i = e.targetData.node;
-  if (l && n.config.multiDrag) {
-    t.selectedState ? t.selectedState.nodes.findIndex(
-      (r) => r.el === i.el
-    ) === -1 ? o = [...t.selectedState.nodes, i] : o = t.selectedState.nodes.filter(
-      (r) => r.el !== i.el
-    ) : o = [i], Me(
-      e.targetData.parent,
-      o,
-      e.targetData.node,
-      t,
-      !0
-    );
-    return;
-  }
-  if (a && n.config.multiDrag) {
-    const d = e.targetData.parent.data.enabledNodes;
-    if (t.selectedState && t.activeState)
-      if (t.selectedState.parent.el !== e.targetData.parent.el) {
-        he(t.selectedState.nodes, t.selectedState.parent, t), t.selectedState = void 0;
-        for (let r = 0; r <= i.data.index; r++)
-          o.push(d[r]);
-      } else {
-        const [r, b] = t.activeState.node.data.index < e.targetData.node.data.index ? [
-          t.activeState.node.data.index,
-          e.targetData.node.data.index
-        ] : [
-          e.targetData.node.data.index,
-          t.activeState.node.data.index
-        ];
-        o = d.slice(r, b + 1);
-      }
-    else
-      for (let r = 0; r <= i.data.index; r++)
-        o.push(d[r]);
-    Me(
-      e.targetData.parent,
-      o,
-      e.targetData.node,
-      t,
-      !0
-    );
-    return;
-  }
-  t.selectedState?.nodes?.length ? t.selectedState.nodes.findIndex(
-    (r) => r.el === e.targetData.node.el
-  ) === -1 && (t.selectedState.parent.el !== e.targetData.parent.el ? he(t.selectedState.nodes, e.targetData.parent, t) : n.config.multiDrag && Nt() ? o.push(...t.selectedState.nodes) : he(t.selectedState.nodes, e.targetData.parent, t), Me(
-    e.targetData.parent,
-    o,
-    e.targetData.node,
-    t,
-    !0
-  )) : Me(
-    e.targetData.parent,
-    [e.targetData.node],
-    e.targetData.node,
-    t,
-    !0
-  );
-}
-function po(e, t, n, o = !1) {
-  Ce(
-    t.map((l) => l.el),
-    o ? n.synthDraggingClass : n.draggingClass
-  ), setTimeout(() => {
-    pe(
-      t.map((l) => l.el),
-      o ? n.synthDraggingClass : n.draggingClass
-    ), Ce(
-      t.map((l) => l.el),
-      o ? n.synthDragPlaceholderClass : n.dragPlaceholderClass
-    ), Ce(
-      t.map((l) => l.el),
-      o ? n.synthDropZoneClass : n.dropZoneClass
-    ), pe(
-      t.map((l) => l.el),
-      n.selectedClass
-    );
-  });
-}
-function go(e, t) {
-  me(e.e);
-  const n = It(
-    Tt(
-      e.targetData.node,
-      e.targetData.parent,
-      e.e,
-      t
-    )
-  );
-  if (e.e.dataTransfer) {
-    const o = e.targetData.parent.data.config;
-    e.e.dataTransfer.dropEffect = o.dragDropEffect, e.e.dataTransfer.effectAllowed = o.dragEffectAllowed;
-    let l;
-    if (e.e.dataTransfer.setData("text/plain", ""), o.dragImage)
-      l = o.dragImage(e, t);
-    else {
-      if (!o.multiDrag || t.length === 1)
-        return e.targetData.node.el.style.zIndex = "9999", e.targetData.node.el.style.boxSizing = "border-box", e.e.dataTransfer.setDragImage(
-          e.targetData.node.el,
-          e.e.offsetX,
-          e.e.offsetY
-        ), n.originalZIndex = e.targetData.node.el.style.zIndex, n;
-      {
-        const a = document.createElement("div");
-        a.setAttribute("id", "dnd-dragged-node-clone"), a.setAttribute("popover", "manual");
-        for (const d of t) {
-          const r = d.el.cloneNode(!0);
-          r.id = d.el.id + "-clone", r.style.pointerEvents = "none", a.appendChild(r);
-        }
-        const { width: i } = t[0].el.getBoundingClientRect();
-        Object.assign(a.style, {
-          display: "flex",
-          flexDirection: "column",
-          width: `${i}px`,
-          position: "absolute",
-          pointerEvents: "none",
-          zIndex: "9999",
-          left: "-9999px",
-          boxSizing: "border-box",
-          background: "transparent",
-          overflow: "hidden"
-        }), e.targetData.parent.el.appendChild(a), a.showPopover(), a.getBoundingClientRect(), l = a, e.e.dataTransfer.setDragImage(
-          l,
-          e.e.offsetX,
-          e.e.offsetY
-        );
-      }
-    }
-    setTimeout(() => {
-      l?.remove();
-    });
-  }
-  return n;
-}
-function Et({
-  x: e,
-  y: t,
-  node: n,
-  config: o
-}) {
-  if (o.externalDragHandle) return !1;
-  if (!o.dragHandle) return !0;
-  const l = n.el.querySelectorAll(o.dragHandle);
-  if (!l) return !1;
-  const a = o.root.elementFromPoint(e, t);
-  if (!a) return !1;
-  for (const i of Array.from(l))
-    if (a === i || i.contains(a)) return !0;
-  return !1;
-}
-function mo(e) {
-}
-function vo(e) {
-  e.detail.targetData.parent.el === e.detail.state.currentParent.el ? zt(e.detail, e.detail.state) : Be(e.detail, e.detail.state);
-}
-function bo(e, t) {
-  const n = e.targetData.parent.data.config;
-  n.nativeDrag && (me(e.e), ge = !0, n.handleEnd(t));
-}
-function ho(e) {
-  e.e.target !== e.e.currentTarget && g.pointerDown && (g.pointerDown.node.el.draggable = !1);
-}
-function _o(e) {
-  e.e.target !== e.e.currentTarget && g.pointerDown && (g.pointerDown.node.el.draggable = !0);
-}
-function xo(e, t) {
-  const n = e.targetData.parent.data.config;
-  if (n.nativeDrag) {
-    if (G(e.e), me(e.e), ge) {
-      ge = !1;
-      return;
-    }
-    n.handleEnd(t);
-  }
-}
-function yo(e, t) {
-  if (!te(t)) return;
-  if (G(e.e), ge) {
-    ge = !1;
-    return;
-  }
-  const n = W.get(t.initialParent.el)?.config;
-  n?.onDragend && n.onDragend({
-    parent: t.currentParent,
-    values: we(t.currentParent.el, t.currentParent.data),
-    draggedNode: t.draggedNode,
-    draggedNodes: t.draggedNodes,
-    state: t
-  }), n?.handleEnd(t);
-}
-function Do(e) {
-  e.draggedNode && (e.draggedNode.el.draggable = !0);
-  const t = e.draggedNodes.map((x) => x.el), n = e.initialParent.data, o = te(e), l = W.get(e.initialParent.el)?.config, a = o ? l?.synthDropZoneClass : l?.dropZoneClass, i = n?.config?.longPressClass, d = o ? n?.config?.synthDragPlaceholderClass : n?.config?.dragPlaceholderClass, r = e.originalZIndex;
-  te(e) && (e.clonedDraggedNode && e.clonedDraggedNode.remove(), e.longPressTimeout && clearTimeout(e.longPressTimeout)), ot(e), e.lastScrollDirectionX = void 0, e.lastScrollDirectionY = void 0, e.preventEnter = !1, e.scrollDebounceTimeout && (clearTimeout(e.scrollDebounceTimeout), e.scrollDebounceTimeout = void 0), r !== void 0 && e.draggedNode && (e.draggedNode.el.style.zIndex = r), requestAnimationFrame(() => {
-    pe(t, a), pe(t, i), pe(t, d);
-  }), he(e.draggedNodes, e.currentParent, e), _e(e.currentParent, void 0, e);
-  const b = { ...e };
-  l?.onDragend?.({
-    parent: b.currentParent,
-    values: we(
-      b.currentParent.el,
-      b.currentParent.data
-    ),
-    draggedNode: b.draggedNode,
-    draggedNodes: b.draggedNodes,
-    state: b
-  }), e.emit("dragEnded", b), Rn();
-}
-function So(e, t) {
-  me(e.e), !t.pointerSelection && t.selectedState && he(t.selectedState.nodes, e.targetData.parent, t);
-  const n = e.targetData.parent.data.config;
-  t.pointerSelection = !1, "longPressTimeout" in t && t.longPressTimeout && clearTimeout(t.longPressTimeout), t.longPress = !1, pe(
-    e.targetData.parent.data.enabledNodes.map((o) => o.el),
-    n.longPressClass
-  ), Z(t) && n.handleEnd(t);
-}
-function Co(e, t, n, o, l, a) {
-  const i = t.data.config;
-  let d, r;
-  const b = [
-    "display",
-    "flexDirection",
-    "alignItems",
-    "justifyContent",
-    "padding",
-    "paddingTop",
-    "margin",
-    "marginTop",
-    "marginBottom",
-    "marginLeft",
-    "marginRight",
-    "paddingBottom",
-    "paddingLeft",
-    "paddingRight",
-    "border",
-    "borderRadius",
-    "background",
-    "backgroundColor",
-    "boxShadow",
-    "font",
-    "color",
-    "lineHeight",
-    "gap",
-    "width",
-    "height",
-    "boxSizing",
-    "overflow"
-  ], x = (N, I) => {
-    const A = window.getComputedStyle(N);
-    b.forEach((M) => {
-      I.style[M] = A[M];
-    });
-  }, c = (N, I = {}) => {
-    Object.assign(N.style, {
-      position: "absolute",
-      zIndex: "9999",
-      pointerEvents: "none",
-      willChange: "transform",
-      boxSizing: "border-box",
-      opacity: "0",
-      overflow: "hidden",
-      width: `${a.width}px`,
-      height: `${a.height}px`,
-      ...I
-    });
-  };
-  if (i.synthDragImage)
-    r = i.synthDragImage(e, t, n, l), d = r.dragImage, d.setAttribute("popover", "manual"), c(d);
-  else if (!i.multiDrag || l.length === 1)
-    d = e.el.cloneNode(!0), x(e.el, d), d.setAttribute("popover", "manual"), c(d);
-  else {
-    const N = document.createElement("div");
-    N.setAttribute("popover", "manual"), l.forEach((I) => {
-      const A = I.el.cloneNode(!0);
-      x(I.el, A), A.style.pointerEvents = "none", A.style.margin = "0", N.append(A);
-    }), N.style.display = "flex", N.style.flexDirection = "column", N.style.padding = "0", N.style.margin = "0", N.style.position = "absolute", N.style.zIndex = "9999", N.style.pointerEvents = "none", d = N;
-  }
-  d.id = "dnd-dragged-node-clone", t.el.appendChild(d), d.showPopover();
-  const D = {
-    clonedDraggedEls: [],
-    clonedDraggedNode: d,
-    synthDragScrolling: !1,
-    synthDragging: !0,
-    rootScrollWidth: document.scrollingElement?.scrollWidth,
-    rootScrollHeight: document.scrollingElement?.scrollHeight
-  };
-  return It({
-    ...Tt(
-      e,
-      t,
-      n,
-      l,
-      r?.offsetX,
-      r?.offsetY
-    ),
-    ...D
-  });
-}
-function wo(e, t, n) {
-  const o = e.targetData.parent.data.config;
-  t.longPressTimeout = setTimeout(() => {
-    t && (t.longPress = !0, o.longPressClass && e.e.cancelable && Ce([n.el], o.longPressClass), G(e.e));
-  }, o.longPressDuration || 1e3);
-}
-function ot(e, t = !0, n = !0) {
-  t && (e.frameIdX !== void 0 && (cancelAnimationFrame(e.frameIdX), e.frameIdX = void 0), e.lastScrollDirectionX = void 0), n && (e.frameIdY !== void 0 && (cancelAnimationFrame(e.frameIdY), e.frameIdY = void 0), e.lastScrollDirectionY = void 0), !e.frameIdX && !e.frameIdY && (e.preventEnter = !1);
-}
-function At(e, t = !1) {
-  const { x: n, y: o } = e.coordinates, l = e.startLeft ?? 0, a = e.startTop ?? 0, i = window.scrollX ?? 0, d = window.scrollY ?? 0, r = n - l + i, b = o - a + d;
-  e.clonedDraggedNode.style.transform = `translate3d(${r}px, ${b}px, 0px)`, t && (e.clonedDraggedNode.style.opacity = "1", pe(
-    e.draggedNodes.map((x) => x.el),
-    e.initialParent.data.config?.longPressClass
-  ));
-}
-function bt(e, t, n = !1) {
-  const o = ke(e);
-  t.coordinates.x = o.x, t.coordinates.y = o.y, At(t, n), t.scrollDebounceTimeout && (clearTimeout(t.scrollDebounceTimeout), t.scrollDebounceTimeout = void 0), t.scrollDebounceTimeout = setTimeout(() => {
-    te(t) && Re(t.coordinates, e, t);
-  }, 16);
-  const l = zo(o);
-  if (!l) {
-    document.dispatchEvent(
-      new CustomEvent("handleRootPointerover", {
-        detail: {
-          e,
-          state: t
-        }
-      })
-    );
-    return;
-  }
-  const a = {
-    e,
-    targetData: l,
-    state: t
-  };
-  "node" in l ? l.node.el.dispatchEvent(
-    new CustomEvent("handleNodePointerover", {
-      detail: a
-    })
-  ) : l.parent.el.dispatchEvent(
-    new CustomEvent("handleParentPointerover", {
-      detail: a
-    })
-  );
-}
-function ko(e, t) {
-  if (!e.targetData.parent.data.config.nativeDrag) return;
-  const { x: o, y: l } = ke(e.e);
-  t.coordinates.y = l, t.coordinates.x = o, G(e.e), me(e.e), Z(t) && Re({ x: o, y: l }, e.e, t), e.targetData.parent.el === t.currentParent?.el ? zt(e, t) : Be(e, t);
-}
-function Po(e, t) {
-  if (!e.targetData.parent.data.config.nativeDrag) return;
-  G(e.e), me(e.e);
-  const { x: o, y: l } = ke(e.e);
-  Z(t) && Re({ x: o, y: l }, e.e, t), Be(e, t);
-}
-function Vo(e) {
-  e.detail.targetData.parent.el !== e.detail.state.currentParent.el && Be(e.detail, e.detail.state);
-}
-function No({
-  currentParent: e,
-  targetParent: t,
-  initialParent: n,
-  draggedNodes: o,
-  state: l
-}) {
-  if (t.el === e.el) return !1;
-  const a = t.data.config;
-  if (o[0].el.contains(t.el) || a.dropZone === !1) return !1;
-  const i = n.data.config;
-  return a.accepts ? a.accepts(
-    t,
-    n,
-    e,
-    l
-  ) : !(!a.group || a.group !== i.group);
-}
-function Io(e, t) {
-  G(e.e);
-}
-function To(e, t) {
-  G(e.e);
-}
-function $o(e, t, n, o) {
-  if (t.affectedNodes.map((x) => x.data.value).includes(e.targetData.node.data.value))
-    return !1;
-  if (t.remapJustFinished)
-    return t.remapJustFinished = !1, (e.targetData.node.data.value === t.currentTargetValue || t.draggedNodes.map((x) => x.el).includes(e.targetData.node.el)) && (t.currentTargetValue = e.targetData.node.data.value), !1;
-  if (t.preventEnter) return !1;
-  if (t.draggedNodes.map((x) => x.el).includes(e.targetData.node.el))
-    return t.currentTargetValue = void 0, !1;
-  if (e.targetData.node.data.value === t.currentTargetValue || e.targetData.parent.el !== t.currentParent?.el || e.targetData.parent.data.config.sortable === !1 || e.targetData.node.el.contains(t.draggedNodes[0].el)) return !1;
-  const l = e.targetData.node.el.getBoundingClientRect(), a = t.draggedNode.el.getBoundingClientRect(), i = l.y - a.y, d = l.x - a.x;
-  let r;
-  Math.abs(i) > Math.abs(d) ? r = i > 0 ? "above" : "below" : r = d > 0 ? "left" : "right";
-  const b = t.currentParent.data.config.threshold;
-  switch (r) {
-    case "left":
-      if (n > l.x + l.width * b.horizontal)
-        return t.incomingDirection = "left", !0;
-      break;
-    case "right":
-      if (n < l.x + l.width * (1 - b.horizontal))
-        return t.incomingDirection = "right", !0;
-      break;
-    case "above":
-      if (o > l.y + l.height * b.vertical)
-        return t.incomingDirection = "above", !0;
-      break;
-    case "below":
-      if (o < l.y + l.height * (1 - b.vertical))
-        return t.incomingDirection = "below", !0;
-      break;
-  }
-  return !1;
-}
-function zt(e, t) {
-  const { x: n, y: o } = ke(e.e);
-  if (!$o(e, t, n, o))
-    return;
-  const l = t.draggedNode.data.index > e.targetData.node.data.index ? [e.targetData.node.data.index, t.draggedNode.data.index] : [t.draggedNode.data.index, e.targetData.node.data.index];
-  t.targetIndex = e.targetData.node.data.index, t.affectedNodes = e.targetData.parent.data.enabledNodes.filter(
-    (a) => l[0] <= a.data.index && a.data.index <= l[1] && a.el !== t.draggedNode.el
-  ), e.targetData.parent.data.config.performSort({
-    parent: e.targetData.parent,
-    draggedNodes: t.draggedNodes,
-    targetNodes: [e.targetData.node]
-  });
-}
-function ee(e) {
-  function t(n) {
-    const o = ue.get(n);
-    if (!o) return;
-    const l = W.get(n.parentNode);
-    if (l)
-      return {
-        node: {
-          el: n,
-          data: o
-        },
-        parent: {
-          el: n.parentNode,
-          data: l
-        }
-      };
-  }
-  return (n) => {
-    const o = t(n.currentTarget);
-    if (o)
-      return e(
-        {
-          e: n,
-          targetData: o
-        },
-        g
-      );
-  };
-}
-function Be(e, t) {
-  G(e.e), No({
-    currentParent: t.currentParent,
-    targetParent: e.targetData.parent,
-    initialParent: t.initialParent,
-    draggedNodes: t.draggedNodes,
-    state: t
-  }) && (e.targetData.parent.data.config.performTransfer({
-    currentParent: t.currentParent,
-    targetParent: e.targetData.parent,
-    initialParent: t.initialParent,
-    draggedNodes: t.draggedNodes,
-    initialIndex: t.initialIndex,
-    state: t,
-    targetNodes: "node" in e.targetData ? [e.targetData.node] : []
-  }), t.currentParent = e.targetData.parent, t.transferred = !0);
-}
-function Oe(e) {
-  function t(n) {
-    const o = W.get(n);
-    if (o)
-      return {
-        parent: {
-          el: n,
-          data: o
-        }
-      };
-  }
-  return (n) => {
-    const o = t(n.currentTarget);
-    if (o)
-      return e(
-        {
-          e: n,
-          targetData: o
-        },
-        g
-      );
-  };
-}
-function Ce(e, t, n = !1) {
-  function o(l, a) {
-    ue.set(l, a);
-  }
-  for (const l of e) {
-    const a = ue.get(l), i = Eo(l, t, a, n);
-    i && o(l, i);
-  }
-}
-function Eo(e, t, n, o = !1) {
-  if (!t) return;
-  const l = Vt(t);
-  if (!l.length) return;
-  if (!n) {
-    e.classList.add(...l);
-    return;
-  }
-  const a = [];
-  for (const i of l)
-    e.classList.contains(i) ? (
-      // Only add to privateClasses if the element already had the class
-      // AND omitAppendPrivateClass is specifically false for THIS call.
-      e.classList.contains(i) && o === !1 && a.push(i)
-    ) : e.classList.add(i);
-  return n.privateClasses = a, n;
-}
-function pe(e, t) {
-  if (!t) return;
-  const n = Vt(t);
-  if (n.length)
-    for (const o of e) {
-      if (!Ue(o)) {
-        o.classList.remove(...n);
-        continue;
-      }
-      const l = ue.get(o) || W.get(o);
-      if (l)
-        for (const a of n)
-          l.privateClasses.includes(a) || o.classList.remove(a);
-    }
-}
-function ht(e, t, n, o, l) {
-  const i = l.axis === "x", d = e === document.scrollingElement, r = i ? "scrollLeft" : "scrollTop", b = i ? "clientWidth" : "clientHeight", x = i ? "offsetWidth" : "offsetHeight", c = i ? "scrollWidth" : "scrollHeight", D = i ? t.clientX : t.clientY, T = i ? o.left : o.top, N = i ? n.overflowX : n.overflowY;
-  if (d) {
-    const I = e[r], A = e[b], M = I > 0, _ = I + A < (i ? l.state.rootScrollWidth || 0 : e[c]);
-    return i ? {
-      left: M && D < A * 0.075,
-      right: _ && D > A * (1 - 0.075)
-    } : {
-      up: M && D < A * 0.075,
-      down: _ && D > A * (1 - 0.075)
-    };
-  }
-  if ((N === "auto" || N === "scroll") && e !== document.body && e !== document.documentElement) {
-    const I = e[c], A = e[x], M = e[r], _ = M > 0, S = M < I - A;
-    return i ? {
-      left: _ && D < T + A * 0.075,
-      right: S && D > T + A * (1 - 0.075)
-    } : {
-      up: _ && D < T + A * 0.075,
-      down: S && D > T + A * (1 - 0.075)
-    };
-  }
-  return i ? { left: !1, right: !1 } : { up: !1, down: !1 };
-}
-function Ao(e, t, n, o) {
-  if (!Z(n) || !n.draggedNode)
-    return;
-  n.preventEnter = !0;
-  const l = o.axis === "x", a = o.direction === "positive" ? 1 : -1, i = 20, d = l ? "lastScrollDirectionX" : "lastScrollDirectionY", r = l ? "frameIdX" : "frameIdY";
-  n[r] !== void 0 && (cancelAnimationFrame(n[r]), n[r] = void 0), n[d] = o.direction;
-  const b = () => {
-    if (!Z(n) || !n.draggedNode) {
-      n[r] !== void 0 && (cancelAnimationFrame(n[r]), n[r] = void 0);
-      return;
-    }
-    const x = l ? "scrollLeft" : "scrollTop", c = l ? "clientWidth" : "clientHeight", D = l ? "scrollWidth" : "scrollHeight", T = e[x], N = e[c], I = e[D];
-    if (!(a > 0 ? T + N < I : T > 0)) {
-      n[r] = void 0, n[d] = void 0;
-      return;
-    }
-    e[x] += i * a, te(n) && At(n), n[r] = requestAnimationFrame(b);
-  };
-  n[r] = requestAnimationFrame(b);
-}
-function _t(e, t, n) {
-  const o = e.getBoundingClientRect();
-  return t >= o.left && t <= o.right && n >= o.top && n <= o.bottom;
-}
-function Re(e, t, n) {
-  if (!Z(n) || !n.draggedNode)
-    return;
-  ot(n);
-  const { x: o, y: l } = e;
-  let a = !1;
-  const i = (r, b, x) => {
-    Ao(x, t, n, { axis: r, direction: b }), a = !0;
-  }, d = (r) => {
-    const b = window.getComputedStyle(r), x = r.getBoundingClientRect(), c = ht(r, t, b, x, {
-      axis: "x",
-      state: n
-    }), D = ht(r, t, b, x, { axis: "y" });
-    (c.left || c.right) && (n.lastScrollContainerX = r, i("x", c.right ? "positive" : "negative", r)), (D.up || D.down) && (n.lastScrollContainerY = r, i("y", D.down ? "positive" : "negative", r));
-  };
-  if (n.lastScrollContainerX && _t(n.lastScrollContainerX, o, l) && d(n.lastScrollContainerX), !a && n.lastScrollContainerY && _t(n.lastScrollContainerY, o, l) && d(n.lastScrollContainerY), !a) {
-    let r = document.elementFromPoint(o, l);
-    for (; r && !(a && n.lastScrollContainerX && n.lastScrollContainerY); )
-      r instanceof HTMLElement && d(r), r = r.parentElement;
-  }
-  if (!a) {
-    const r = document.scrollingElement;
-    r instanceof HTMLElement && d(r);
-  }
-  a || ot(n);
-}
-function zo(e) {
-  let t = document.elementFromPoint(e.x, e.y);
-  if (!Ue(t)) return;
-  let n, o = !0;
-  for (; t && o; ) {
-    if (ue.has(t) || W.has(t)) {
-      o = !1, n = W.has(t);
-      break;
-    }
-    t = t.parentNode;
-  }
-  if (n) {
-    const l = W.get(t);
-    return l ? {
-      parent: {
-        el: t,
-        data: l
-      }
-    } : void 0;
-  } else {
-    const l = ue.get(t);
-    if (!l) return;
-    const a = W.get(t.parentNode);
-    return a ? {
-      node: {
-        el: t,
-        data: l
-      },
-      parent: {
-        el: t.parentNode,
-        data: a
-      }
-    } : void 0;
-  }
-}
-function Ue(e) {
-  return e instanceof HTMLElement && e.parentNode instanceof HTMLElement;
-}
-function Fe(e, t) {
-  const n = new AbortController();
-  for (const o in t) {
-    const l = t[o];
-    e.addEventListener(o, l, {
-      signal: n.signal,
-      passive: !1,
-      capture: o === "focus" || o === "blur"
-    });
-  }
-  return n;
-}
-function xt(e) {
-  if (e instanceof HTMLElement) return e;
-  if (e.value instanceof HTMLElement) return e.value;
-  if ("$el" in e && e.$el instanceof HTMLElement)
-    return e.$el;
-}
-function Mo(e, t) {
-  Array.isArray(e) || (e = [e]);
-  for (const n of e) {
-    const o = xt(n);
-    if (o) return t(o);
-    const l = re(n, (a) => {
-      if (!a) return;
-      const i = xt(a);
-      i ? t(i) : console.warn("Invalid parent element", a), l();
-    });
-  }
-}
-var at = /* @__PURE__ */ new WeakMap();
-function Oo(e) {
-  const t = at.get(e);
-  return t ? "value" in t ? t.value : t : (console.warn("No values found for parent element"), []);
-}
-function Fo(e, t) {
-  const n = at.get(t);
-  n && "value" in n && (n.value = e);
-}
-function Mt(e) {
-  rt && (Array.isArray(e) || (e = [e]), e.forEach((t) => {
-    const { parent: n, values: o, ...l } = t;
-    Mo(n, Lo(l, o));
-  }));
-}
-function Lo(e, t) {
-  return (n) => {
-    at.set(n, t), qn({
-      parent: n,
-      getValues: Oo,
-      setValues: Fo,
-      config: {
-        ...e
-      }
-    });
-  };
-}
-const Bo = {
-  key: 0,
-  class: "flex gap-4 p-6 border-b last:border-b-0"
-}, Ro = { class: "option-drag-handle flex-none mt-9.5 cursor-grab" }, Uo = { class: "flex-1" }, jo = { class: "mb-3" }, Ho = { class: "flex items-center" }, Xo = {
-  key: 0,
-  class: "mt-1 text-sm text-red-600"
-}, Yo = { class: "flex items-center gap-1" }, Ko = { class: "mb-2" }, qo = {
-  key: 0,
-  class: "option-value-drag-handle absolute -left-7 top-1/2 -translate-y-1/2 flex-none mr-2 cursor-grab"
-}, Jo = ["onClick"], Wo = { class: "flex justify-between" }, Go = { class: "flex-1" }, Zo = { class: "text-sm mb-2" }, Qo = { class: "flex flex-wrap gap-2" }, el = {
-  key: 0,
-  class: "px-2 py-1 border rounded-full bg-muted text-muted-foreground text-sm"
-}, tl = /* @__PURE__ */ ne({
-  __name: "Option",
-  props: {
-    option: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: ["update:option", "remove"],
-  setup(e, { expose: t, emit: n }) {
-    const o = e, { confirm: l } = Dt(), a = n, i = de({
-      get() {
-        return o.option;
-      },
-      set(_) {
-        a("update:option", _);
-      }
-    }), d = de({
-      get() {
-        return i.value.values;
-      },
-      set(_) {
-        i.value.values = _;
-      }
-    }), r = Ee("valueListRef"), b = X(!1);
-    re(b, async (_) => {
-      _ || (await Te(), Mt({
-        parent: r?.value,
-        values: d,
-        group: "valueList",
-        dragHandle: ".option-value-drag-handle",
-        plugins: [yt()]
-      }));
-    }, { immediate: !0 });
-    const x = () => Math.random().toString(36).substring(2, 15), c = () => {
-      i.value.values.push({ id: x(), value: "" });
-    }, D = async () => {
-      (i.value.name.trim() || i.value.values.filter((_) => _.value.trim() !== "").length > 0) && !await l("Are you sure you want to remove this option?") || a("remove");
-    }, T = (_) => {
-      i.value.values.splice(_, 1);
-    }, N = (_) => {
-      _.name.trim() ? _.nameError = void 0 : _.nameError = "Option name is required.";
-    }, I = (_, S) => {
-      const B = _.target, K = i.value.values;
-      if (_.key === "Backspace" && B.value === "" && K?.length > 2) {
-        T(S);
-        return;
-      }
-    }, A = (_, S) => {
-      _.target;
-      const B = i.value.values, K = B?.[S];
-      K.touched = !0, B?.every((Q) => Q.value.trim() !== "") && c();
-    }, M = (_) => {
-      const S = i.value, B = S?.values.every((K, j) => K.value.trim() !== "" || j === _);
-      S && S.values[_].value.trim() === "" && !B && T(_);
-    };
-    return t({
-      minified: b
-    }), (_, S) => {
-      const B = v("Input"), K = v("Button");
-      return b.value ? (h(), w("div", {
-        key: 1,
-        class: "flex gap-4 p-6 border-b last:border-b-0 hover:bg-accent dark:hover:bg-accent/50 cursor-pointer transition-colors duration-200",
-        onClick: S[5] || (S[5] = (j) => b.value = !1)
-      }, [
-        u("div", null, [
-          u("div", {
-            class: "option-drag-handle flex-none mt-5 cursor-grab",
-            onClick: S[4] || (S[4] = fe(() => {
-            }, ["stop"]))
-          }, [
-            s(m(Qe), { class: "size-4 text-gray-400" })
-          ])
-        ]),
-        u("div", Go, [
-          u("p", Zo, F(i.value.name), 1),
-          u("div", Qo, [
-            (h(!0), w(J, null, ie(d.value, (j) => (h(), w(J, {
-              key: j.id
-            }, [
-              j.value ? (h(), w("span", el, F(j.value), 1)) : O("", !0)
-            ], 64))), 128))
-          ])
-        ])
-      ])) : (h(), w("div", Bo, [
-        u("div", null, [
-          u("div", Ro, [
-            s(m(Qe), { class: "size-4 text-gray-400" })
-          ])
-        ]),
-        u("div", Uo, [
-          u("div", jo, [
-            S[6] || (S[6] = u("label", { class: "block text-sm mb-2" }, "Option name", -1)),
-            u("div", Ho, [
-              s(B, {
-                modelValue: i.value.name,
-                "onUpdate:modelValue": S[0] || (S[0] = (j) => i.value.name = j),
-                onBlur: S[1] || (S[1] = (j) => N(i.value)),
-                "aria-invalid": i.value.nameError ? "true" : "false",
-                placeholder: "Color",
-                spellcheck: "false"
-              }, null, 8, ["modelValue", "aria-invalid"])
-            ]),
-            i.value.nameError ? (h(), w("p", Xo, [
-              u("span", Yo, [
-                s(m(Gt), { class: "size-4" }),
-                V(" " + F(i.value.nameError), 1)
-              ])
-            ])) : O("", !0)
-          ]),
-          u("div", Ko, [
-            S[7] || (S[7] = u("label", { class: "block text-sm mb-2" }, "Option values", -1)),
-            u("div", {
-              ref_key: "valueListRef",
-              ref: r
-            }, [
-              d.value ? (h(!0), w(J, { key: 0 }, ie(d.value, (j, Q) => (h(), w("div", {
-                key: j.id,
-                class: "relative flex items-center mb-2"
-              }, [
-                j.touched ? (h(), w("div", qo, [
-                  s(m(Qe), { class: "size-4 text-gray-400" })
-                ])) : O("", !0),
-                s(B, {
-                  modelValue: j.value,
-                  "onUpdate:modelValue": (oe) => j.value = oe,
-                  placeholder: "Option value",
-                  class: "pr-12",
-                  onKeydown: (oe) => I(oe, Q),
-                  onKeyup: (oe) => A(oe, Q),
-                  onBlur: (oe) => M(Q),
-                  spellcheck: "false"
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeydown", "onKeyup", "onBlur"]),
-                d.value.length > 2 && j.touched ? (h(), w("button", {
-                  key: 1,
-                  onClick: (oe) => T(Q),
-                  class: "absolute right-2 top-1/2 -translate-y-1/2 ml-2 p-2 text-muted-foreground/50 hover:text-muted-foreground",
-                  type: "button"
-                }, [
-                  s(m(Zt), { class: "size-4" })
-                ], 8, Jo)) : O("", !0)
-              ]))), 128)) : O("", !0)
-            ], 512)
-          ]),
-          u("div", Wo, [
-            s(K, {
-              size: "sm",
-              variant: "outline",
-              onClick: S[2] || (S[2] = (j) => D()),
-              class: "text-red-500 hover:text-red-600"
-            }, {
-              default: f(() => [...S[8] || (S[8] = [
-                V("Delete", -1)
-              ])]),
-              _: 1
-            }),
-            s(K, {
-              size: "sm",
-              onClick: S[3] || (S[3] = (j) => b.value = !0),
-              disabled: i.value.name.trim() === ""
-            }, {
-              default: f(() => [...S[9] || (S[9] = [
-                V("Done", -1)
-              ])]),
-              _: 1
-            }, 8, ["disabled"])
-          ])
-        ])
-      ]));
-    };
-  }
-}), nl = /* @__PURE__ */ ne({
-  __name: "Options",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = n, a = X([]), i = Ee("optionsListRefElement"), d = Ee("optionRefs"), r = de({
-      get() {
-        return o.modelValue;
-      },
-      set(M) {
-        l("update:modelValue", M);
-      }
-    }), b = X(!1);
-    re(r, (M) => {
-      b.value || (!a.value || a.value.length === 0 && M.length > 0) && (b.value = !0, a.value = M ? JSON.parse(JSON.stringify(M)) : []);
-    }, { deep: !0 }), re(a, (M) => {
-      r.value = M?.map((_) => ({
-        ..._,
-        values: _.values.filter((S) => S.value.trim() !== "")
-      })), !I.value && M.length > 0 && A();
-    }, { deep: !0 });
-    const x = () => Math.random().toString(36).substring(2, 15), c = () => {
-      const _ = {
-        id: x(),
-        name: "",
-        values: [{ id: x(), value: "" }],
-        nameError: void 0
-      };
-      a.value.push(_);
-    }, D = () => {
-      d.value?.forEach((M) => {
-        M && (M.minified = !0);
-      });
-    }, T = (M) => {
-      const _ = a.value.findIndex((S) => S.id === M.id);
-      _ !== -1 && (a.value[_] = M);
-    }, N = (M) => {
-      const _ = a.value.findIndex((S) => S.id === M.id);
-      _ !== -1 && a.value.splice(_, 1);
-    }, I = X(!1), A = () => {
-      try {
-        I.value = !0, Mt({
-          parent: i?.value,
-          values: a,
-          group: "optionsList",
-          dragHandle: ".option-drag-handle",
-          plugins: [yt()]
-        });
-      } catch (M) {
-        console.error(M);
-      }
-    };
-    return lt(() => {
-      a.value = o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : [], a.value.length > 0 && A();
-    }), t({
-      minifyAll: D
-    }), (M, _) => {
-      const S = v("Button");
-      return h(), w("div", null, [
-        u("div", {
-          class: $e(["rounded-lg", a.value.length > 0 ? "border mb-6" : ""])
-        }, [
-          u("div", {
-            ref_key: "optionsListRefElement",
-            ref: i
-          }, [
-            (h(!0), w(J, null, ie(a.value, (B) => (h(), L(tl, {
-              ref_for: !0,
-              ref_key: "optionRefs",
-              ref: d,
-              key: B.id,
-              option: B,
-              "onUpdate:option": _[0] || (_[0] = (K) => T(K)),
-              onRemove: (K) => N(B)
-            }, null, 8, ["option", "onRemove"]))), 128))
-          ], 512),
-          a.value && a.value.length < 3 ? (h(), w("div", {
-            key: 0,
-            class: $e(a.value.length > 0 ? "border-t" : "")
-          }, [
-            a.value.length === 0 ? (h(), L(S, {
-              key: 0,
-              onClick: c,
-              variant: "outline"
-            }, {
-              default: f(() => [
-                s(m(ct), { class: "size-4" }),
-                _[1] || (_[1] = V(" Add options like size or color ", -1))
-              ]),
-              _: 1
-            })) : (h(), L(S, {
-              key: 1,
-              onClick: c,
-              variant: "ghost",
-              class: "w-full justify-start pl-2 rounded-t-none"
-            }, {
-              default: f(() => [
-                s(m(ct), { class: "size-4" }),
-                _[2] || (_[2] = V(" Add another option ", -1))
-              ]),
-              _: 1
-            }))
-          ], 2)) : O("", !0)
-        ], 2)
-      ]);
-    };
-  }
-}), ol = { key: 0 }, ll = { class: "flex items-center justify-between gap-2 mb-2" }, rl = {
-  key: 0,
-  class: "flex items-center gap-2"
-}, al = {
-  key: 0,
-  class: "mb-4"
-}, sl = { class: "flex flex-wrap gap-2" }, il = ["onClick"], dl = { class: "-mx-6 w-[calc(100%+3rem)]" }, ul = { class: "text-muted-foreground text-xs" }, cl = { class: "z-[101] sticky -top-4 py-2 font-normal bg-accent dark:bg-border" }, fl = { class: "z-[101] sticky -top-4 py-2 font-normal whitespace-nowrap bg-accent dark:bg-border" }, pl = { class: "flex items-center gap-2" }, gl = { class: "z-[101] sticky -top-4 py-2 pr-6 font-normal bg-accent dark:bg-border" }, ml = { class: "text-sm" }, vl = ["onClick"], bl = { class: "w-10 p-2" }, hl = { class: "p-2" }, _l = { class: "flex items-stretch gap-2" }, xl = ["src"], yl = {
-  key: 2,
-  class: "relative"
-}, Dl = ["src"], Sl = ["src"], Cl = { class: "flex flex-col justify-center px-2" }, wl = { class: "text-md mb-0.5 hover:underline select-none" }, kl = { class: "flex items-center gap-1 text-xs text-muted-foreground hover:opacity-70 transition-opacity duration-200 cursor-pointer select-none" }, Pl = { class: "p-2 w-[30%]" }, Vl = { class: "relative" }, Nl = { key: 0 }, Il = { key: 1 }, Tl = {
-  key: 0,
-  class: "absolute inset-0 top-1/2 -translate-y-1/2 px-2 truncate text-sm text-muted-foreground w-full text-center pointer-events-none"
-}, $l = { class: "p-2 w-[18%]" }, El = { class: "w-10" }, Al = { class: "w-10 p-2 translate-x-10" }, zl = { class: "p-2 pl-12" }, Ml = { class: "flex items-stretch gap-2" }, Ol = ["src"], Fl = { class: "flex flex-col justify-center px-2" }, Ll = { class: "p-2 w-[30%]" }, Bl = { class: "p-2 w-[18%] group" }, Rl = { class: "text-center text-sm text-muted-foreground bg-accent dark:bg-border p-3 -mx-6 -mb-6 rounded-b-lg" }, Ul = { key: 0 }, jl = /* @__PURE__ */ ne({
-  __name: "VariantList",
-  props: {
-    options: {
-      type: Object,
-      required: !0
-    },
-    modelValue: {
-      type: Array,
-      required: !0
-    },
-    hide: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = n, a = de({
-      get() {
-        return o.modelValue;
-      },
-      set(k) {
-        l("update:modelValue", k);
-      }
-    }), i = tt("sources"), d = X(""), r = X(""), b = X(!1), x = X([]), c = X({}), D = () => {
-      Object.keys(o.options).length > 0 && (r.value = Object.keys(o.options)[0]);
-    };
-    re(() => o.options, () => {
-      r.value === "" && D();
-    }, { immediate: !0, deep: !0 }), re(c, (k) => {
-      T();
-    }, { deep: !0 }), re(() => o.hide, (k) => {
-      k || (D(), T());
-    });
-    function T() {
-      if (!c.value) {
-        a.value = [];
-        return;
-      }
-      let k = [];
-      Object.keys(c.value)?.forEach((p) => {
-        k.push({
-          combinedOptions: p,
-          name: A(p),
-          disabled: !1,
-          price: c.value[p].price,
-          stock: c.value[p].stock,
-          image: c.value[p].image,
-          options: M(p)
-        });
-      }), a.value = k.filter((p) => p.options?.length === Object.keys(o.options).length && p.options?.every((y) => Object.entries(o.options).find(([$, R]) => R.id === y.optionId)));
-    }
-    function N(k) {
-      return k.reduce(
-        (p, y) => p.flatMap(($) => y.map((R) => [...$, R])),
-        [[]]
-      );
-    }
-    function I(k) {
-      return k.slice().sort((p, y) => p.optionId.localeCompare(y.optionId)).map(({ optionId: p, valueId: y }) => `${p}:${y}`).join("|");
-    }
-    const A = (k) => k.split("|").map((y) => {
-      const [$, R] = y.split(":");
-      return { optionId: $, valueId: R };
-    }).map((y) => o.options?.[y.optionId]?.values?.find((se) => se.id === y.valueId)?.value || "").join(" "), M = (k) => k.split("|").map((y) => {
-      const [$, R] = y.split(":");
-      return { optionId: $, valueId: R };
-    }).map((y) => {
-      const $ = o.options?.[y.optionId], R = $?.values?.find((se) => se.id === y.valueId);
-      return {
-        optionId: $?.id,
-        option: $?.name,
-        valueId: R?.id,
-        value: R?.value
-      };
-    }), _ = de(() => {
-      const k = Object.values(o.options).map(
-        (y) => y.values.map(($) => ({
-          optionId: y.id,
-          optionName: y.name,
-          valueId: $.id,
-          value: $.value
-        }))
-      );
-      return N(k).map((y) => {
-        const $ = I(y);
-        return c.value[$] || (c.value[$] = { price: 0, stock: 0 }), {
-          key: $,
-          options: y,
-          ...c.value[$]
-        };
-      });
-    }), S = de(() => {
-      let k = [..._.value];
-      return d.value && (k = k.filter((p) => p.options?.find((y) => y.value.toLowerCase().includes(d.value.toLowerCase())))), k;
-    }), B = (k, p) => {
-      const y = S.value.filter(($) => $.options?.find((R) => R.optionId === r.value)?.valueId === p);
-      y && y.forEach(($) => {
-        c.value[I($.options)].image = k;
-      });
-    }, K = (k) => _.value.filter((y) => y.options?.find(($) => $.optionId === r.value)?.valueId === k).every((y) => !y.image), j = (k) => {
-      const p = _.value.filter(($) => $.options?.find((R) => R.optionId === r.value)?.valueId === k);
-      return p.filter(($, R) => $.image && p.findIndex((se) => se.image === $.image) === R).length === 1;
-    }, Q = (k) => _.value.filter((y) => y.options?.find(($) => $.optionId === r.value)?.valueId === k).filter((y) => y.image)[0]?.image, oe = (k) => _.value.filter((y) => y.options?.find(($) => $.optionId === r.value)?.valueId === k).filter((y) => y.image)[1]?.image, je = (k) => {
-      const p = _.value.filter(($) => $.options?.find((R) => R.valueId === k));
-      if (p.length === 0) return "0";
-      const y = p.map(($) => $.price);
-      return Math.min(...y) === Math.max(...y) ? y[0]?.toString() || "0" : `${Math.min(...y)} - ${Math.max(...y)}`;
-    }, Pe = (k) => _.value.filter((p) => p.options?.find((y) => y.valueId === k)).reduce((p, y) => y.stock > 0 ? p + y.stock : p, 0), He = (k) => _.value.filter((p) => p.options?.find((y) => y.valueId === k)).reduce((p, y) => y.stock < 0 ? p + y.stock : p, 0), Xe = () => {
-      let k = 0;
-      return o.options?.[r.value]?.values?.forEach((p) => {
-        k += Pe(p.id);
-      }), k;
-    }, ze = () => {
-      let k = 0;
-      return o.options?.[r.value]?.values?.forEach((p) => {
-        k += He(p.id);
-      }), k;
-    }, ye = X(null), ce = X(""), Ve = async (k, p) => {
-      k.preventDefault();
-      const y = S?.value?.filter((R) => R.options?.find((se) => se.optionId === r.value)?.valueId === p.id).map((R) => R.price), $ = y.length === 0 ? !0 : y.every((R) => R === y[0]);
-      ye.value = p.id, ce.value = $ ? y[0].toString() : "", await Te(), document.getElementById(`variant-price-${p.id}`)?.focus(), document.getElementById(`variant-price-${p.id}`)?.select();
-    }, C = (k) => {
-      E(k), ye.value = null, ce.value = "";
-    }, E = (k) => {
-      if (ce.value.trim() && Number(ce.value.trim().replace(",", ".")) > 0) {
-        const p = Number(ce.value.trim().replace(",", "."));
-        S?.value?.filter((y) => y.options?.find(($) => $.optionId === r.value)?.valueId === k).forEach((y) => {
-          c.value[I(y.options)].price = p;
-        });
-      }
-    }, le = (k) => {
-      c.value = k.reduce((p, y) => (p[y.combinedOptions] = {
-        price: y.price,
-        stock: y.stock,
-        image: y.image
-      }, p), {});
-    };
-    return lt(() => {
-      D();
-    }), t({
-      setVariantMap: le,
-      refreshVariants: T
-    }), (k, p) => {
-      const y = v("SelectValue"), $ = v("SelectTrigger"), R = v("SelectItem"), se = v("SelectContent"), Ot = v("Select"), De = v("Button"), st = v("Input"), Ft = v("PopoverTrigger"), Lt = v("RadioGroupItem"), Bt = v("Label"), Rt = v("RadioGroup"), Ut = v("PopoverContent"), jt = v("Popover"), Ye = v("Checkbox"), Ke = v("TooltipTrigger"), qe = v("TooltipContent"), Je = v("Tooltip"), it = v("MediaPickerDialog"), We = v("NumberFieldInput"), Ge = v("NumberFieldContent"), Ze = v("NumberField"), Ht = v("NumberFieldDecrement"), Xt = v("NumberFieldIncrement");
-      return e.hide ? O("", !0) : (h(), w("div", ol, [
-        u("div", ll, [
-          Object.keys(e.options).length > 1 ? (h(), w("div", rl, [
-            p[13] || (p[13] = u("p", null, "Group by", -1)),
-            s(Ot, {
-              modelValue: r.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (P) => r.value = P)
-            }, {
-              default: f(() => [
-                s($, { size: "sm" }, {
-                  default: f(() => [
-                    s(y, { placeholder: "Option" })
-                  ]),
-                  _: 1
-                }),
-                s(se, null, {
-                  default: f(() => [
-                    (h(!0), w(J, null, ie(e.options, (P) => (h(), L(R, {
-                      key: P.id,
-                      value: P.id
-                    }, {
-                      default: f(() => [
-                        V(F(P.name), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])) : O("", !0),
-          b.value ? (h(), L(De, {
-            key: 2,
-            variant: "outline",
-            onClick: p[2] || (p[2] = (P) => b.value = !1),
-            size: "sm",
-            class: "ml-auto"
-          }, {
-            default: f(() => [...p[14] || (p[14] = [
-              V(" Cancel ", -1)
-            ])]),
-            _: 1
-          })) : (h(), L(De, {
-            key: 1,
-            variant: "outline",
-            onClick: p[1] || (p[1] = (P) => b.value = !0),
-            size: "sm",
-            class: "ml-auto"
-          }, {
-            default: f(() => [
-              s(m(ft), { class: "size-4" }),
-              s(m(Qt), { class: "size-4" })
-            ]),
-            _: 1
-          }))
-        ]),
-        b.value ? (h(), w("div", al, [
-          u("div", {
-            class: $e(["relative", { "mb-4": Object.keys(e.options).length > 0 }])
-          }, [
-            s(st, {
-              placeholder: "Search",
-              class: "pl-10",
-              modelValue: d.value,
-              "onUpdate:modelValue": p[3] || (p[3] = (P) => d.value = P)
-            }, null, 8, ["modelValue"]),
-            s(m(ft), { class: "size-4 absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none" })
-          ], 2),
-          u("div", sl, [
-            (h(!0), w(J, null, ie(e.options, (P) => (h(), L(jt, {
-              key: P.id
-            }, {
-              default: f(() => [
-                s(Ft, { asChild: "" }, {
-                  default: f(() => [
-                    s(De, {
-                      variant: "outline",
-                      size: "sm",
-                      class: "border-dashed"
-                    }, {
-                      default: f(() => [
-                        P.groupBy ? (h(), w(J, { key: 1 }, [
-                          V(F(P.name) + " is " + F(P.values.find((z) => z.id === P.groupBy)?.value) + " ", 1),
-                          u("div", {
-                            class: "p-2",
-                            onClick: fe((z) => P.groupBy = "", ["stop"])
-                          }, [
-                            s(m(en), { class: "size-3" })
-                          ], 8, il)
-                        ], 64)) : (h(), w(J, { key: 0 }, [
-                          V(F(P.name) + " ", 1),
-                          s(m(pt), { class: "size-3" })
-                        ], 64))
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1024),
-                s(Ut, null, {
-                  default: f(() => [
-                    s(Rt, {
-                      modelValue: P.groupBy,
-                      "onUpdate:modelValue": (z) => P.groupBy = z,
-                      class: "mb-4"
-                    }, {
-                      default: f(() => [
-                        (h(!0), w(J, null, ie(P.values, (z) => (h(), w("div", {
-                          class: "flex items-center space-x-2",
-                          key: z.id
-                        }, [
-                          s(Lt, {
-                            id: z.id,
-                            value: z.id,
-                            class: "border-ring"
-                          }, null, 8, ["id", "value"]),
-                          s(Bt, {
-                            for: z.id
-                          }, {
-                            default: f(() => [
-                              V(F(z.value), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["for"])
-                        ]))), 128))
-                      ]),
-                      _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                    s(De, {
-                      variant: "ghost",
-                      onClick: (z) => P.groupBy = "",
-                      size: "sm",
-                      class: "ml-auto",
-                      disabled: !P.groupBy
-                    }, {
-                      default: f(() => [...p[15] || (p[15] = [
-                        V(" Clear ", -1)
-                      ])]),
-                      _: 1
-                    }, 8, ["onClick", "disabled"])
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ])
-        ])) : O("", !0),
-        r.value ? (h(), w(J, { key: 1 }, [
-          u("table", dl, [
-            u("thead", ul, [
-              u("tr", null, [
-                u("th", cl, [
-                  s(Ye, { class: "border-muted-foreground translate-y-0.5" })
-                ]),
-                u("th", fl, [
-                  u("div", pl, [
-                    p[16] || (p[16] = u("span", null, "Variant", -1)),
-                    p[17] || (p[17] = u("span", null, "·", -1)),
-                    x.value.length > 0 ? (h(), w("button", {
-                      key: 0,
-                      class: "hover:underline cursor-pointer",
-                      onClick: p[4] || (p[4] = (P) => x.value = [])
-                    }, "Collapse all")) : (h(), w("button", {
-                      key: 1,
-                      class: "hover:underline cursor-pointer",
-                      onClick: p[5] || (p[5] = (P) => x.value = e.options[r.value].values.map((z) => z.id))
-                    }, "Expand all"))
-                  ])
-                ]),
-                p[20] || (p[20] = u("th", { class: "z-[101] sticky -top-4 py-2 font-normal bg-accent dark:bg-border" }, "Price", -1)),
-                u("th", gl, [
-                  s(Je, null, {
-                    default: f(() => [
-                      s(Ke, { class: "underline decoration-dashed underline-offset-4" }, {
-                        default: f(() => [...p[18] || (p[18] = [
-                          V("Available", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      s(qe, null, {
-                        default: f(() => [...p[19] || (p[19] = [
-                          u("p", null, "Inventory at your store that can be sold.", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ])
-              ])
-            ]),
-            u("tbody", ml, [
-              (h(!0), w(J, null, ie(e.options[r.value].values, (P) => (h(), w(J, {
-                key: P.id
-              }, [
-                u("tr", {
-                  class: "hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input",
-                  onClick: (z) => x.value.includes(P.id) ? x.value.splice(x.value.indexOf(P.id), 1) : x.value.push(P.id)
-                }, [
-                  u("td", bl, [
-                    s(Ye, {
-                      class: "border-muted-foreground translate-y-0.5",
-                      onClick: p[6] || (p[6] = fe(() => {
-                      }, ["stop"]))
-                    })
-                  ]),
-                  u("td", hl, [
-                    u("div", _l, [
-                      u("div", null, [
-                        s(it, {
-                          sources: m(i),
-                          maxFiles: 1,
-                          "initial-value": K(P.id) ? [] : j(P.id) ? [Q(P.id)] : [Q(P.id), oe(P.id)],
-                          onSubmit: (z) => B(z, P.id)
-                        }, {
-                          default: f(() => [
-                            u("button", {
-                              onClick: p[7] || (p[7] = fe(() => {
-                              }, ["stop"])),
-                              tabindex: "-1",
-                              class: "cursor-pointer"
-                            }, [
-                              K(P.id) ? (h(), L(De, {
-                                key: 0,
-                                variant: "outline",
-                                class: "size-15 border-dashed cursor-pointer"
-                              }, {
-                                default: f(() => [
-                                  s(m(gt))
-                                ]),
-                                _: 1
-                              })) : j(P.id) ? (h(), w("img", {
-                                key: 1,
-                                src: Q(P.id),
-                                class: "size-15 rounded-md object-cover",
-                                draggable: "false"
-                              }, null, 8, xl)) : (h(), w("div", yl, [
-                                u("img", {
-                                  src: oe(P.id),
-                                  class: "absolute rotate-[12deg] size-15 rounded-md object-cover",
-                                  draggable: "false"
-                                }, null, 8, Dl),
-                                u("img", {
-                                  src: Q(P.id),
-                                  class: "relative size-15 rounded-md shadow object-cover",
-                                  draggable: "false"
-                                }, null, 8, Sl)
-                              ]))
-                            ])
-                          ]),
-                          _: 2
-                        }, 1032, ["sources", "initial-value", "onSubmit"])
-                      ]),
-                      u("div", Cl, [
-                        u("p", wl, F(P.value), 1),
-                        u("button", kl, [
-                          V(F(S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id).length) + " variants ", 1),
-                          s(m(pt), {
-                            class: $e(["size-3 transition-transform duration-200", x.value.includes(P.id) ? "rotate-180" : ""])
-                          }, null, 8, ["class"])
-                        ])
-                      ])
-                    ])
-                  ]),
-                  u("td", Pl, [
-                    u("div", Vl, [
-                      s(Je, null, {
-                        default: f(() => [
-                          s(Ke, {
-                            class: "w-full",
-                            asChild: ""
-                          }, {
-                            default: f(() => [
-                              s(st, {
-                                id: `variant-price-${P.id}`,
-                                modelValue: ce.value,
-                                "onUpdate:modelValue": p[8] || (p[8] = (z) => ce.value = z),
-                                class: $e(["dark:bg-transparent dark:border-ring/50 text-center", ye.value === P.id ? "" : "text-transparent"]),
-                                onClick: p[9] || (p[9] = fe(() => {
-                                }, ["stop"])),
-                                onFocus: (z) => Ve(z, P),
-                                onBlur: (z) => C(P.id),
-                                onKeydown: Yt((z) => E(P.id), ["enter"])
-                              }, null, 8, ["id", "modelValue", "class", "onFocus", "onBlur", "onKeydown"])
-                            ]),
-                            _: 2
-                          }, 1024),
-                          s(qe, null, {
-                            default: f(() => [
-                              S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id).length === 1 ? (h(), w("p", Nl, "Applies to 1 variant")) : (h(), w("p", Il, "Applies to all " + F(S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id).length) + " variants", 1))
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, 1024),
-                      ye.value !== P.id ? (h(), w("span", Tl, F(je(P.id)), 1)) : O("", !0)
-                    ])
-                  ]),
-                  u("td", $l, [
-                    s(Je, null, {
-                      default: f(() => [
-                        s(Ke, {
-                          class: "w-full focus-visible:outline-none",
-                          onClick: p[10] || (p[10] = fe(() => {
-                          }, ["stop"]))
-                        }, {
-                          default: f(() => [
-                            s(Ze, null, {
-                              default: f(() => [
-                                s(Ge, null, {
-                                  default: f(() => [
-                                    s(We, {
-                                      value: Pe(P.id),
-                                      class: "dark:border-ring/50",
-                                      disabled: ""
-                                    }, null, 8, ["value"])
-                                  ]),
-                                  _: 2
-                                }, 1024)
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 2
-                        }, 1024),
-                        s(qe, null, {
-                          default: f(() => [...p[21] || (p[21] = [
-                            u("p", null, "Update for individual variants only", -1)
-                          ])]),
-                          _: 1
-                        })
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ])
-                ], 8, vl),
-                x.value.includes(P.id) ? (h(!0), w(J, { key: 0 }, ie(S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id), (z) => (h(), w("tr", {
-                  key: z.id,
-                  class: "hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input"
-                }, [
-                  u("td", El, [
-                    u("div", Al, [
-                      s(Ye, {
-                        class: "border-muted-foreground translate-y-0.5",
-                        onClick: p[11] || (p[11] = fe(() => {
-                        }, ["stop"]))
-                      })
-                    ])
-                  ]),
-                  u("td", zl, [
-                    u("div", Ml, [
-                      u("div", null, [
-                        s(it, {
-                          sources: m(i),
-                          maxFiles: 1,
-                          "initial-value": c.value[I(z.options)].image ? [c.value[I(z.options)].image] : [],
-                          onSubmit: (q) => c.value[I(z.options)].image = q
-                        }, {
-                          default: f(() => [
-                            u("button", {
-                              onClick: p[12] || (p[12] = fe(() => {
-                              }, ["stop"])),
-                              tabindex: "-1",
-                              class: "cursor-pointer"
-                            }, [
-                              c.value[I(z.options)].image ? (h(), w("img", {
-                                key: 0,
-                                src: c.value[I(z.options)].image,
-                                class: "size-10 object-cover rounded-md",
-                                draggable: "false"
-                              }, null, 8, Ol)) : (h(), L(De, {
-                                key: 1,
-                                variant: "outline",
-                                class: "size-10 border-dashed cursor-pointer"
-                              }, {
-                                default: f(() => [
-                                  s(m(gt))
-                                ]),
-                                _: 1
-                              }))
-                            ])
-                          ]),
-                          _: 2
-                        }, 1032, ["sources", "initial-value", "onSubmit"])
-                      ]),
-                      u("div", Fl, [
-                        u("p", null, F(z.options.filter((q) => q.optionId !== r.value).map((q) => q.value).join(" / ")), 1)
-                      ])
-                    ])
-                  ]),
-                  u("td", Ll, [
-                    s(Ze, {
-                      "format-options": {
-                        style: "currency",
-                        currency: "EUR",
-                        currencyDisplay: "symbol",
-                        currencySign: "standard"
-                      },
-                      modelValue: c.value[I(z.options)].price,
-                      "onUpdate:modelValue": (q) => c.value[I(z.options)].price = q,
-                      min: 0
-                    }, {
-                      default: f(() => [
-                        s(Ge, null, {
-                          default: f(() => [
-                            s(We, { class: "dark:border-ring/50" })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "onUpdate:modelValue"])
-                  ]),
-                  u("td", Bl, [
-                    s(Ze, {
-                      modelValue: c.value[I(z.options)].stock,
-                      "onUpdate:modelValue": (q) => c.value[I(z.options)].stock = q
-                    }, {
-                      default: f(() => [
-                        s(Ge, null, {
-                          default: f(() => [
-                            s(Ht, { class: "group-hover:opacity-100 opacity-0 transition-opacity duration-200" }),
-                            s(We, { class: "dark:border-ring/50" }),
-                            s(Xt, { class: "group-hover:opacity-100 opacity-0 transition-opacity duration-200" })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "onUpdate:modelValue"])
-                  ])
-                ]))), 128)) : O("", !0)
-              ], 64))), 128))
-            ])
-          ]),
-          u("div", Rl, [
-            V(" Total inventory at Webshop: " + F(Xe()) + " ", 1),
-            ze() < 0 ? (h(), w("span", Ul, "(" + F(ze()) + ")", 1)) : O("", !0),
-            p[22] || (p[22] = V(" available ", -1))
-          ])
-        ], 64)) : O("", !0)
-      ]));
-    };
-  }
-}), Hl = /* @__PURE__ */ ne({
-  __name: "Variants",
-  setup(e) {
-    const { params: t } = St(), { value: n } = U("options"), { value: o } = U("variants"), l = X([]), a = X([]), i = Ee("optionsEl"), d = Ee("variantsEl");
-    re(l, async (c) => {
-      n.value = c ? JSON.parse(JSON.stringify(c)) : [], await Te(), d.value?.refreshVariants();
-    }, { deep: !0 }), re(a, (c) => {
-      o.value = c ? JSON.parse(JSON.stringify(c)) : [];
-    }, { deep: !0 });
-    const r = X(!1), b = X(!1);
-    re(n, async (c) => {
-      t.value.productId == "new" || !c || Array.isArray(c) && c.length === 0 || r.value || (r.value = !0, l.value = JSON.parse(JSON.stringify(c)), await Te(), c.length > 1 && i.value?.minifyAll());
-    }, { deep: !0, immediate: !0 }), re(o, async (c) => {
-      t.value.productId == "new" || !c || Array.isArray(c) && c.length === 0 || b.value || (b.value = !0, a.value = JSON.parse(JSON.stringify(c)), await Te(), d.value?.setVariantMap(c));
-    }, { deep: !0, immediate: !0 });
-    const x = de(() => {
-      let c = l.value || [], D = {};
-      return !c || !Array.isArray(c) || c.forEach((T) => {
-        !T.name.trim() || T.values?.filter((N) => N.value.trim() !== "")?.length === 0 || (D[T.id] = {
-          id: T.id,
-          name: T.name,
-          values: T.values?.map((N) => ({ id: N.id, value: N.value }))?.filter((N) => N.value.trim() !== "") || []
-        });
-      }), D;
-    });
-    return (c, D) => {
-      const T = v("CardContent"), N = v("Card");
-      return h(), L(N, null, {
-        default: f(() => [
-          s(T, null, {
-            default: f(() => [
-              D[2] || (D[2] = u("h3", { class: "text-lg font-semibold mb-4" }, "Variants", -1)),
-              s(nl, {
-                modelValue: l.value,
-                "onUpdate:modelValue": D[0] || (D[0] = (I) => l.value = I),
-                ref_key: "optionsEl",
-                ref: i
-              }, null, 8, ["modelValue"]),
-              s(jl, {
-                ref_key: "variantsEl",
-                ref: d,
-                options: x.value,
-                modelValue: a.value,
-                "onUpdate:modelValue": D[1] || (D[1] = (I) => a.value = I),
-                hide: Object.keys(x.value).length === 0
-              }, null, 8, ["options", "modelValue", "hide"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Xl = { class: "bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4" }, Yl = { class: "flex items-center gap-2 mb-2" }, Kl = ["src"], ql = { class: "text-[#1a0dab] text-lg" }, Jl = { class: "text-[#006621] text-[13px]" }, Wl = { class: "text-[#545454] text-[13px]" }, Gl = { class: "flex flex-col gap-4 mb-4" }, Zl = { class: "flex flex-col" }, Ql = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, er = { class: "flex flex-col gap-4 mb-4" }, tr = { class: "flex flex-col" }, nr = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, or = { class: "flex flex-col gap-4" }, lr = { class: "flex flex-col" }, rr = { class: "flex gap-2" }, ar = {
-  key: 0,
-  class: "text-red-500 text-sm mt-1"
-}, sr = {
-  key: 1,
-  class: "text-[#545454] text-[13px]"
-}, ir = {
-  key: 2,
-  class: "text-orange-500 text-[13px]"
-}, dr = /* @__PURE__ */ ne({
-  __name: "SEO",
-  setup(e) {
-    const { errors: t } = xe(), { value: n } = U("title"), { value: o } = U("slug"), { value: l } = U("seo");
-    function a(i) {
-      return i ? i.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/[-\s]+/g, "-") : "";
-    }
-    return re(n, (i, d) => {
-      (!o.value || a(d) === o.value) && (o.value = a(i)), (!l.value.title || d === l.value.title) && (l.value.title = i);
-    }), (i, d) => {
-      const r = v("Label"), b = v("Input"), x = v("Textarea"), c = v("ProgressCircle"), D = v("CardContent"), T = v("Card");
-      return h(), L(T, null, {
-        default: f(() => [
-          s(D, null, {
-            default: f(() => [
-              d[7] || (d[7] = u("h3", { class: "text-lg font-semibold mb-4" }, "Search engine listing", -1)),
-              u("div", Xl, [
-                u("div", Yl, [
-                  u("img", {
-                    src: m(dn),
-                    alt: "Google",
-                    class: "w-16 pointer-events-none",
-                    draggable: "false"
-                  }, null, 8, Kl),
-                  d[3] || (d[3] = u("span", { class: "text-[#4186f5] font-medium text-xs" }, "Preview", -1))
-                ]),
-                u("p", ql, F(m(l).title), 1),
-                u("p", Jl, F(m(o)), 1),
-                u("p", Wl, F(m(l).description?.slice(0, 155)) + F(m(l).description?.length > 155 ? " ..." : ""), 1)
-              ]),
-              u("div", Gl, [
-                u("div", Zl, [
-                  s(r, {
-                    for: "slug",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...d[4] || (d[4] = [
-                      V("Slug", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(b, {
-                    id: "slug",
-                    placeholder: "t-shirt-with-red-heart",
-                    modelValue: m(o),
-                    "onUpdate:modelValue": d[0] || (d[0] = (N) => Y(o) ? o.value = N : null)
-                  }, null, 8, ["modelValue"]),
-                  m(t).slug ? (h(), w("p", Ql, F(m(t).slug), 1)) : O("", !0)
-                ])
-              ]),
-              u("div", er, [
-                u("div", tr, [
-                  s(r, {
-                    for: "meta-title",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...d[5] || (d[5] = [
-                      V("Title", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(b, {
-                    id: "meta-title",
-                    placeholder: "T-shirt with red heart",
-                    modelValue: m(l).title,
-                    "onUpdate:modelValue": d[1] || (d[1] = (N) => m(l).title = N)
-                  }, null, 8, ["modelValue"]),
-                  m(t).seo?.title ? (h(), w("p", nr, F(m(t).seo.title), 1)) : O("", !0)
-                ])
-              ]),
-              u("div", or, [
-                u("div", lr, [
-                  s(r, {
-                    for: "meta-description",
-                    class: "text-sm mb-2"
-                  }, {
-                    default: f(() => [...d[6] || (d[6] = [
-                      V("Description", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s(x, {
-                    id: "meta-description",
-                    placeholder: "Lovely T-shirt featuring a red heart",
-                    modelValue: m(l).description,
-                    "onUpdate:modelValue": d[2] || (d[2] = (N) => m(l).description = N),
-                    class: "mb-2 resize-none"
-                  }, null, 8, ["modelValue"]),
-                  u("div", rr, [
-                    s(c, {
-                      progress: (m(l).description?.length ?? 0) / 155
-                    }, null, 8, ["progress"]),
-                    m(t).seo?.description ? (h(), w("p", ar, F(m(t).seo.description), 1)) : m(l).description?.length < 155 ? (h(), w("p", sr, F(m(l).description.length) + " characters", 1)) : (h(), w("p", ir, "Please keep it under 155 characters"))
-                  ])
-                ])
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), ur = /* @__PURE__ */ ne({
-  __name: "NewSection",
-  setup(e) {
-    return (t, n) => {
-      const o = v("Button"), l = v("CardContent"), a = v("Card");
-      return h(), w(J, null, [
-        n[3] || (n[3] = u("hr", { class: "my-4" }, null, -1)),
-        s(a, null, {
-          default: f(() => [
-            s(l, null, {
-              default: f(() => [
-                n[1] || (n[1] = u("h2", { class: "text-lg font-medium" }, "New Section", -1)),
-                n[2] || (n[2] = u("p", { class: "text-sm text-muted-foreground mb-4" }, "As an admin, you can define new sections within the product detail page.", -1)),
-                s(o, null, {
-                  default: f(() => [
-                    s(m(tn), { class: "size-4" }),
-                    n[0] || (n[0] = V(" Create new section ", -1))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-}), cr = { class: "flex items-center gap-2" }, fr = {
-  key: 0,
-  class: "size-3 rounded-full bg-green-500"
-}, pr = {
-  key: 1,
-  class: "size-3 rounded-full bg-blue-500"
-}, gr = {
-  key: 2,
-  class: "size-3 rounded-full bg-gray-300"
-}, mr = /* @__PURE__ */ ne({
-  __name: "Status",
-  setup(e) {
-    const { errors: t } = xe(), { value: n } = U("status");
-    return (o, l) => {
-      const a = v("SelectValue"), i = v("SelectTrigger"), d = v("SelectItem"), r = v("SelectGroup"), b = v("SelectContent"), x = v("Select"), c = v("CardContent"), D = v("Card");
-      return h(), L(D, null, {
-        default: f(() => [
-          s(c, null, {
-            default: f(() => [
-              l[4] || (l[4] = u("h3", { class: "text-lg font-semibold mb-4" }, "Status", -1)),
-              s(x, {
-                modelValue: m(n),
-                "onUpdate:modelValue": l[0] || (l[0] = (T) => Y(n) ? n.value = T : null),
-                class: "w-full"
-              }, {
-                default: f(() => [
-                  s(i, { class: "w-full" }, {
-                    default: f(() => [
-                      u("div", cr, [
-                        m(n) === "published" ? (h(), w("span", fr)) : m(n) === "draft" ? (h(), w("span", pr)) : m(n) === "archived" ? (h(), w("span", gr)) : O("", !0),
-                        s(a, { placeholder: "Status" })
-                      ])
-                    ]),
-                    _: 1
-                  }),
-                  s(b, null, {
-                    default: f(() => [
-                      s(r, null, {
-                        default: f(() => [
-                          s(d, { value: "published" }, {
-                            default: f(() => [...l[1] || (l[1] = [
-                              u("span", { class: "size-3 rounded-full bg-green-500" }, null, -1),
-                              V(" Published ", -1)
-                            ])]),
-                            _: 1
-                          }),
-                          s(d, { value: "draft" }, {
-                            default: f(() => [...l[2] || (l[2] = [
-                              u("span", { class: "size-3 rounded-full bg-blue-500" }, null, -1),
-                              V(" Draft ", -1)
-                            ])]),
-                            _: 1
-                          }),
-                          s(d, { value: "archived" }, {
-                            default: f(() => [...l[3] || (l[3] = [
-                              u("span", { class: "size-3 rounded-full bg-gray-300" }, null, -1),
-                              V(" Archived ", -1)
-                            ])]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), vr = { class: "flex items-center gap-2 truncate" }, br = /* @__PURE__ */ ne({
-  __name: "Collections",
-  props: {
-    config: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    const t = e, n = Ct(t.config.project), o = async () => {
-      if (!t.config.collectionsCollection) return [];
-      const r = t.config.collectionsCollection.split(":");
-      return r.length !== 2 ? [] : (await n.get(r[0]))?.[r[1]] || [];
-    }, l = X([]);
-    (async () => {
-      const r = await o();
-      l.value = r;
-    })();
-    const { errors: i } = xe(), { value: d } = U("collections");
-    return (r, b) => {
-      const x = v("SelectValue"), c = v("SelectTrigger"), D = v("SelectLabel"), T = v("SelectItem"), N = v("SelectGroup"), I = v("SelectContent"), A = v("Select"), M = v("CardContent"), _ = v("Card");
-      return h(), L(_, null, {
-        default: f(() => [
-          s(M, null, {
-            default: f(() => [
-              b[5] || (b[5] = u("h3", { class: "text-lg font-semibold mb-4" }, "Collections", -1)),
-              s(A, {
-                modelValue: m(d),
-                "onUpdate:modelValue": b[0] || (b[0] = (S) => Y(d) ? d.value = S : null),
-                class: "w-full",
-                multiple: !0
-              }, {
-                default: f(() => [
-                  s(c, { class: "w-full" }, {
-                    default: f(() => [
-                      u("div", vr, [
-                        s(x, { placeholder: "Collections" })
-                      ])
-                    ]),
-                    _: 1
-                  }),
-                  s(I, null, {
-                    default: f(() => [
-                      s(N, null, {
-                        default: f(() => [
-                          s(D, null, {
-                            default: f(() => [...b[1] || (b[1] = [
-                              V("Active collections", -1)
-                            ])]),
-                            _: 1
-                          }),
-                          (h(!0), w(J, null, ie(l.value.filter((S) => S.status === "published"), (S) => (h(), L(T, {
-                            key: S.id,
-                            value: S.id
-                          }, {
-                            default: f(() => [
-                              b[2] || (b[2] = u("div", { class: "size-2 rounded-full bg-green-500" }, null, -1)),
-                              V(" " + F(S.title), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["value"]))), 128))
-                        ]),
-                        _: 1
-                      }),
-                      s(N, null, {
-                        default: f(() => [
-                          s(D, null, {
-                            default: f(() => [...b[3] || (b[3] = [
-                              V("Drafts", -1)
-                            ])]),
-                            _: 1
-                          }),
-                          (h(!0), w(J, null, ie(l.value.filter((S) => S.status === "draft"), (S) => (h(), L(T, {
-                            key: S.id,
-                            value: S.id
-                          }, {
-                            default: f(() => [
-                              b[4] || (b[4] = u("div", { class: "size-2 rounded-full bg-blue-500" }, null, -1)),
-                              V(" " + F(S.title), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["value"]))), 128))
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), hr = { class: "relative @container" }, _r = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, xr = { class: "flex items-center" }, yr = { class: "text-lg font-semibold mx-2" }, Dr = {
-  key: 0,
-  class: "bg-green-500 text-green-950 px-2 py-1 rounded-lg text-xs"
-}, Sr = {
-  key: 1,
-  class: "bg-blue-500 text-blue-950 px-2 py-1 rounded-lg text-xs"
-}, Cr = {
-  key: 2,
-  class: "bg-gray-300 dark:bg-gray-500 text-gray-950 px-2 py-1 rounded-lg text-xs"
-}, wr = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, kr = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, Pr = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, Vr = {
-  key: 0,
-  class: "fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"
-}, Nr = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, Or = /* @__PURE__ */ ne({
-  __name: "Detail",
-  props: {
-    config: {
-      type: Object,
-      required: !0
-    }
-  },
-  async setup(e) {
-    let t, n;
-    const o = e, { hasPermission: l, hasAnyPermission: a, isAdmin: i } = an(), { params: d, navigateTo: r } = St(), { confirm: b } = Dt(), x = Ct(o.config.project);
-    dt("sources", o.config.allowedMediaSources), dt("defaultSource", o.config.defaultUploadMediaSource);
-    const c = X(!1), D = de(() => !d.value.productId || d.value.productId === "new"), T = X(""), N = X([]);
-    N.value = ([t, n] = Kt(() => ce()), t = await t, n(), t);
-    const I = qt(Se({
-      title: H().min(1, "Title is required"),
-      description: H().optional(),
-      media: ve(H()).optional(),
-      price: be.number().positive("Must be positive"),
-      compareAtPrice: Ne(
-        (C) => C === "" ? void 0 : C,
-        be.number().positive("Must be positive").optional()
-      ),
-      isTaxable: Ie().optional(),
-      costPerItem: Ne(
-        (C) => C === "" ? void 0 : C,
-        be.number().positive("Must be positive").optional()
-      ),
-      currency: H(),
-      stock: Ne(
-        (C) => C === "" ? void 0 : C,
-        be.number().optional()
-      ),
-      trackInventory: Ie().optional(),
-      allowBackorder: Ie().optional(),
-      isPhysicalProduct: Ie().optional(),
-      weight: Ne(
-        (C) => C === "" ? void 0 : C,
-        be.number().optional()
-      ),
-      weightUnit: H().optional(),
-      slug: H(),
-      seo: Se({
-        title: H().optional(),
-        description: H().optional()
-      }).optional(),
-      createdAt: ut(),
-      updatedAt: ut(),
-      status: H(),
-      options: ve(Se({
-        id: H(),
-        name: H().min(1),
-        values: ve(Se({
-          id: H(),
-          value: H()
-        }))
-      })).optional(),
-      variants: ve(Se({
-        combinedOptions: H().min(1),
-        name: H().min(1),
-        disabled: Ie().optional(),
-        price: be.number().positive("Must be positive"),
-        stock: Ne(
-          (C) => C === "" ? void 0 : C,
-          be.number().optional()
-        ),
-        image: H().optional(),
-        options: ve(Se({
-          optionId: H(),
-          option: H(),
-          valueId: H(),
-          value: H()
-        }))
-      })).optional(),
-      tags: ve(H()).optional(),
-      collections: ve(H()).optional()
-    })), { handleSubmit: A, errors: M, values: _, setValues: S } = Jt({
-      validationSchema: I,
-      initialValues: {
-        createdAt: /* @__PURE__ */ new Date(),
-        updatedAt: /* @__PURE__ */ new Date(),
-        status: "draft",
-        options: [],
-        variants: [],
-        media: [],
-        isTaxable: !1,
-        trackInventory: !1,
-        allowBackorder: !1,
-        isPhysicalProduct: !0,
-        weight: 0,
-        weightUnit: "kg",
-        tags: [],
-        collections: [],
-        currency: o.config.defaultCurrency || "USD",
-        price: 1,
-        stock: 0,
-        seo: {
-          title: "",
-          description: ""
-        }
-      }
-    });
-    sn(() => [
-      { text: D.value ? "New Product" : _.title || "Product" }
-    ]);
-    const B = (C) => {
-      let E = {
-        ...C,
-        maxPrice: K(),
-        minPrice: j(),
-        maxCompareAtPrice: oe(),
-        minCompareAtPrice: Q(),
-        isSingleVariant: !C.variants || C.variants.length === 0,
-        variantsTotal: C.variants?.length || 1,
-        stock: je(),
-        featuredMedia: C.media?.[0]
-      };
-      return E.isPhysicalProduct ? E.type = "physical" : (E.weight = 0, E.weightUnit = "kg", E.type = "digital"), E;
-    }, K = () => !_.variants || _.variants.length === 0 ? _.price : Math.max(..._.variants.map((C) => C.price)), j = () => !_.variants || _.variants.length === 0 ? _.price : Math.min(..._.variants.map((C) => C.price)), Q = () => _.compareAtPrice, oe = () => _.compareAtPrice, je = () => !_.variants || _.variants.length === 0 ? _.stock : _.variants.reduce((C, E) => E.stock < 0 ? C : C + E.stock, 0), Pe = A(async (C) => {
-      c.value = !0;
-      let E = B(C);
-      if (D.value) {
-        if (await Ve(E.slug)) {
-          ae.error("Product slug already exists");
-          return;
-        }
-        E.createdAt = /* @__PURE__ */ new Date(), E.updatedAt = /* @__PURE__ */ new Date();
-        const le = await x.add(o.config.productCollection, E);
-        r(le.id), ae.success("Product created");
-      } else {
-        if (T.value !== E.slug && await Ve(E.slug)) {
-          ae.error("Product slug already exists");
-          return;
-        }
-        E.updatedAt = /* @__PURE__ */ new Date(), await x.update(o.config.productCollection, d.value.productId, E), r(`${d.value.productId}`), ae.success("Product updated");
-      }
-      c.value = !1;
-    }), He = async () => {
-      const C = await x.get(o.config.productCollection, d.value.productId);
-      if (!C) {
-        ae.error("Product not found"), r("");
-        return;
-      }
-      C.createdAt = new Date(C.createdAt), C.updatedAt = new Date(C.updatedAt), C.options?.forEach((E) => {
-        E.values.forEach((le) => {
-          le.touched = !0;
-        }), E.values.push({ id: Math.random().toString(36).substring(2, 15), value: "" });
-      }), S(C), T.value = C.slug;
-    }, Xe = async () => {
-      try {
-        let C = { ..._ }, E = C.slug + "-copy", le = 2;
-        for (; await Ve(E); )
-          E = C.slug + "-copy-" + le, le++;
-        C.id = void 0, C.createdAt = /* @__PURE__ */ new Date(), C.updatedAt = /* @__PURE__ */ new Date(), C.slug = E, C.status = "draft", C.title = C.title + " (copy)";
-        const k = await x.add(o.config.productCollection, C);
-        r(k.id), ae.success("Product duplicated");
-      } catch {
-        ae.error("Failed to duplicate product");
-      }
-    }, ze = async () => {
-      try {
-        await x.update(o.config.productCollection, d.value.productId, { status: "archived" }), S({ status: "archived" }, { force: !1 }), ae.success("Product archived");
-      } catch {
-        ae.error("Failed to archive product");
-      }
-    }, ye = async () => {
-      if (await b("Are you sure you want to delete this product?"))
-        try {
-          await x.remove(o.config.productCollection, d.value.productId), r(""), ae.success("Product deleted");
-        } catch {
-          ae.error("Failed to delete product");
-        }
-    };
-    async function ce() {
-      if (!o.config.collectionsCollection) return [];
-      const C = o.config.collectionsCollection.split(":");
-      return C.length !== 2 ? [] : (await x.get(C[0]))?.[C[1]] || [];
-    }
-    async function Ve(C) {
-      return (await x.find(o.config.productCollection, {
-        filters: [
-          {
-            field: "slug",
-            operator: "==",
-            value: C
-          }
-        ]
-      })).length > 0;
-    }
-    return lt(() => {
-      D.value || He();
-    }), (C, E) => {
-      const le = v("Button"), k = v("MenubarTrigger"), p = v("MenubarMenu"), y = v("MenubarItem"), $ = v("MenubarContent"), R = v("Menubar");
-      return h(), w("div", hr, [
-        u("div", _r, [
-          u("div", xr, [
-            s(le, {
-              variant: "ghost",
-              onClick: E[0] || (E[0] = (se) => m(r)(""))
-            }, {
-              default: f(() => [
-                s(m(nn), { class: "size-4" })
-              ]),
-              _: 1
-            }),
-            s(m(on), { class: "size-3" }),
-            u("h1", yr, F(D.value ? "New Product" : m(_).title), 1),
-            m(_).status === "published" ? (h(), w("span", Dr, "Published")) : m(_).status === "draft" ? (h(), w("span", Sr, "Draft")) : m(_).status === "archived" ? (h(), w("span", Cr, "Archived")) : O("", !0)
-          ]),
-          D.value ? O("", !0) : (h(), L(R, {
-            key: 0,
-            class: "rounded-lg shadow-xs"
-          }, {
-            default: f(() => [
-              m(l)("create-product") ? (h(), L(p, { key: 0 }, {
-                default: f(() => [
-                  s(k, { onClick: Xe }, {
-                    default: f(() => [...E[1] || (E[1] = [
-                      V("Duplicate", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : O("", !0),
-              s(p, null, {
-                default: f(() => [
-                  s(k, null, {
-                    default: f(() => [...E[2] || (E[2] = [
-                      V("Preview", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              m(a)("edit-product", "delete-product") ? (h(), L(p, { key: 1 }, {
-                default: f(() => [
-                  s(k, null, {
-                    default: f(() => [...E[3] || (E[3] = [
-                      V("More actions", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  s($, null, {
-                    default: f(() => [
-                      m(l)("edit-product") ? (h(), L(y, {
-                        key: 0,
-                        onClick: ze
-                      }, {
-                        default: f(() => [
-                          s(m(ln), { class: "size-4" }),
-                          E[4] || (E[4] = V(" Archive product ", -1))
-                        ]),
-                        _: 1
-                      })) : O("", !0),
-                      m(l)("delete-product") ? (h(), L(y, {
-                        key: 1,
-                        variant: "destructive",
-                        onClick: ye
-                      }, {
-                        default: f(() => [
-                          s(m(rn), { class: "size-4" }),
-                          E[5] || (E[5] = V(" Delete product ", -1))
-                        ]),
-                        _: 1
-                      })) : O("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : O("", !0)
-            ]),
-            _: 1
-          }))
-        ]),
-        u("div", wr, [
-          u("div", kr, [
-            s(_n),
-            s(In),
-            s(zn),
-            s(Fn),
-            s(Hl),
-            s(dr),
-            m(i)() ? (h(), L(ur, { key: 0 })) : O("", !0)
-          ]),
-          u("div", Pr, [
-            s(mr),
-            s(br, { config: e.config }, null, 8, ["config"])
-          ])
-        ]),
-        m(a)("create-product", "edit-product") ? (h(), w("div", Vr, [
-          u("div", Nr, [
-            D.value && m(l)("create-product") ? (h(), L(le, {
-              key: 0,
-              onClick: m(Pe),
-              disabled: c.value
-            }, {
-              default: f(() => [
-                c.value ? (h(), L(m(mt), {
-                  key: 0,
-                  class: "size-4 animate-spin"
-                })) : O("", !0),
-                V(" " + F(c.value ? "Creating" : "Create") + " New Product ", 1)
-              ]),
-              _: 1
-            }, 8, ["onClick", "disabled"])) : m(l)("edit-product") ? (h(), L(le, {
-              key: 1,
-              onClick: m(Pe),
-              disabled: c.value
-            }, {
-              default: f(() => [
-                c.value ? (h(), L(m(mt), {
-                  key: 0,
-                  class: "size-4 animate-spin"
-                })) : O("", !0),
-                V(" " + F(c.value ? "Saving" : "Save") + " Changes ", 1)
-              ]),
-              _: 1
-            }, 8, ["onClick", "disabled"])) : O("", !0)
-          ])
-        ])) : O("", !0)
-      ]);
-    };
-  }
-});
-export {
-  Or as default
-};