@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/Detail-B-PnkcXD.mjs

@@ -0,0 +1,3473 @@
+import { defineComponent as ne, inject as tt, resolveComponent as v, createBlock as L, openBlock as h, withCtx as f, createVNode as s, createElementVNode as u, createElementBlock as w, createCommentVNode as M, createTextVNode as V, unref as m, isRef as Y, toDisplayString as F, computed as de, watch as re, useTemplateRef as Ee, ref as X, nextTick as Te, Fragment as q, 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 Jt, o as Se, b as ve, s as H, d as ut, p as Ne, c as Ie, e as be, f as qt } from "./vee-validate-zod-IXkfh-6Q.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 se } 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)) : M("", !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)) : M("", !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)) : M("", !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)) : M("", !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)) : M("", !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)) : M("", !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"), z = 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(z, { 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
+                  }))
+                ])
+              ])) : M("", !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
+      });
+    };
+  }
+}), On = { class: "flex items-center gap-2 mb-4" }, Mn = {
+  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"), z = v("Card");
+      return h(), L(z, 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", On, [
+                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", Mn, [
+                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"])
+                ])
+              ])) : M("", !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 Jn({
+  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: qn,
+      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 qn({
+  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 Oe(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: Me(t.config.handleParentDragover),
+    handleParentPointerover: t.config.handleParentPointerover,
+    scroll: Me(t.config.handleParentScroll),
+    drop: Me(t.config.handleParentDrop),
+    hasNestedParent: (n) => {
+      const o = W.get(n.target);
+      o && (o.nestedParent = n.detail.parent);
+    },
+    focus: Me(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], Oe(
+      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]);
+    Oe(
+      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), Oe(
+    e.targetData.parent,
+    o,
+    e.targetData.node,
+    t,
+    !0
+  )) : Oe(
+    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((z) => {
+      I.style[z] = A[z];
+    });
+  }, 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 Me(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], z = I > 0, _ = I + A < (i ? l.state.rootScrollWidth || 0 : e[c]);
+    return i ? {
+      left: z && D < A * 0.075,
+      right: _ && D > A * (1 - 0.075)
+    } : {
+      up: z && 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], z = e[r], _ = z > 0, S = z < 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 Oo(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 Mo(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 Ot(e) {
+  rt && (Array.isArray(e) || (e = [e]), e.forEach((t) => {
+    const { parent: n, values: o, ...l } = t;
+    Oo(n, Lo(l, o));
+  }));
+}
+function Lo(e, t) {
+  return (n) => {
+    at.set(n, t), Jn({
+      parent: n,
+      getValues: Mo,
+      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" }, Jo = {
+  key: 0,
+  class: "option-value-drag-handle absolute -left-7 top-1/2 -translate-y-1/2 flex-none mr-2 cursor-grab"
+}, qo = ["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 (_) => {
+      console.log("minified", _), _ || (await Te(), Ot({
+        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();
+    }, z = (_) => {
+      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(q, null, ie(d.value, (j) => (h(), w(q, {
+              key: j.id
+            }, [
+              j.value ? (h(), w("span", el, F(j.value), 1)) : M("", !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)
+              ])
+            ])) : M("", !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(q, { 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", Jo, [
+                  s(m(Qe), { class: "size-4 text-gray-400" })
+                ])) : M("", !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) => z(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, qo)) : M("", !0)
+              ]))), 128)) : M("", !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(z) {
+        l("update:modelValue", z);
+      }
+    }), b = X(!1);
+    re(r, (z) => {
+      console.log("mutableOptions2", z ? JSON.parse(JSON.stringify(z)) : []), !b.value && (!a.value || a.value.length === 0 && z.length > 0) && (b.value = !0, a.value = z ? JSON.parse(JSON.stringify(z)) : []);
+    }, { deep: !0 }), re(a, (z) => {
+      r.value = z?.map((_) => ({
+        ..._,
+        values: _.values.filter((S) => S.value.trim() !== "")
+      })), !I.value && z.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((z) => {
+        z && (z.minified = !0);
+      });
+    }, T = (z) => {
+      const _ = a.value.findIndex((S) => S.id === z.id);
+      _ !== -1 && (a.value[_] = z);
+    }, N = (z) => {
+      const _ = a.value.findIndex((S) => S.id === z.id);
+      _ !== -1 && a.value.splice(_, 1);
+    }, I = X(!1), A = () => {
+      try {
+        I.value = !0, Ot({
+          parent: i?.value,
+          values: a,
+          group: "optionsList",
+          dragHandle: ".option-drag-handle",
+          plugins: [yt()]
+        });
+      } catch (z) {
+        console.error(z);
+      }
+    };
+    return lt(() => {
+      a.value = o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : [], console.log("mutableOptions", o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : []), a.value.length > 0 && A();
+    }), t({
+      minifyAll: D
+    }), (z, _) => {
+      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(q, 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)) : M("", !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" }, Ol = { class: "flex items-stretch gap-2" }, Ml = ["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: z(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((ae) => ae.id === y.valueId)?.value || "").join(" "), z = (k) => k.split("|").map((y) => {
+      const [$, R] = y.split(":");
+      return { optionId: $, valueId: R };
+    }).map((y) => {
+      const $ = o.options?.[y.optionId], R = $?.values?.find((ae) => ae.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((ae) => ae.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((ae) => ae.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"), ae = v("SelectContent"), Mt = 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"), Je = v("TooltipContent"), qe = v("Tooltip"), it = v("MediaPickerDialog"), We = v("NumberFieldInput"), Ge = v("NumberFieldContent"), Ze = v("NumberField"), Ht = v("NumberFieldDecrement"), Xt = v("NumberFieldIncrement");
+      return e.hide ? M("", !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(Mt, {
+              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(ae, null, {
+                  default: f(() => [
+                    (h(!0), w(q, 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"])
+          ])) : M("", !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(q, 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(q, { key: 1 }, [
+                          V(F(P.name) + " is " + F(P.values.find((O) => O.id === P.groupBy)?.value) + " ", 1),
+                          u("div", {
+                            class: "p-2",
+                            onClick: fe((O) => P.groupBy = "", ["stop"])
+                          }, [
+                            s(m(en), { class: "size-3" })
+                          ], 8, il)
+                        ], 64)) : (h(), w(q, { 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": (O) => P.groupBy = O,
+                      class: "mb-4"
+                    }, {
+                      default: f(() => [
+                        (h(!0), w(q, null, ie(P.values, (O) => (h(), w("div", {
+                          class: "flex items-center space-x-2",
+                          key: O.id
+                        }, [
+                          s(Lt, {
+                            id: O.id,
+                            value: O.id,
+                            class: "border-ring"
+                          }, null, 8, ["id", "value"]),
+                          s(Bt, {
+                            for: O.id
+                          }, {
+                            default: f(() => [
+                              V(F(O.value), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["for"])
+                        ]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"]),
+                    s(De, {
+                      variant: "ghost",
+                      onClick: (O) => 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))
+          ])
+        ])) : M("", !0),
+        r.value ? (h(), w(q, { 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((O) => O.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(qe, null, {
+                    default: f(() => [
+                      s(Ke, { class: "underline decoration-dashed underline-offset-4" }, {
+                        default: f(() => [...p[18] || (p[18] = [
+                          V("Available", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      s(Je, 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(q, null, ie(e.options[r.value].values, (P) => (h(), w(q, {
+                key: P.id
+              }, [
+                u("tr", {
+                  class: "hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input",
+                  onClick: (O) => 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: (O) => B(O, 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((O) => O.options?.find((J) => J.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(qe, 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] = (O) => ce.value = O),
+                                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: (O) => Ve(O, P),
+                                onBlur: (O) => C(P.id),
+                                onKeydown: Yt((O) => E(P.id), ["enter"])
+                              }, null, 8, ["id", "modelValue", "class", "onFocus", "onBlur", "onKeydown"])
+                            ]),
+                            _: 2
+                          }, 1024),
+                          s(Je, null, {
+                            default: f(() => [
+                              S.value?.filter((O) => O.options?.find((J) => J.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((O) => O.options?.find((J) => J.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)) : M("", !0)
+                    ])
+                  ]),
+                  u("td", $l, [
+                    s(qe, 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(Je, 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(q, { key: 0 }, ie(S.value?.filter((O) => O.options?.find((J) => J.optionId === r.value)?.valueId === P.id), (O) => (h(), w("tr", {
+                  key: O.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", Ol, [
+                      u("div", null, [
+                        s(it, {
+                          sources: m(i),
+                          maxFiles: 1,
+                          "initial-value": c.value[I(O.options)].image ? [c.value[I(O.options)].image] : [],
+                          onSubmit: (J) => c.value[I(O.options)].image = J
+                        }, {
+                          default: f(() => [
+                            u("button", {
+                              onClick: p[12] || (p[12] = fe(() => {
+                              }, ["stop"])),
+                              tabindex: "-1",
+                              class: "cursor-pointer"
+                            }, [
+                              c.value[I(O.options)].image ? (h(), w("img", {
+                                key: 0,
+                                src: c.value[I(O.options)].image,
+                                class: "size-10 object-cover rounded-md",
+                                draggable: "false"
+                              }, null, 8, Ml)) : (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(O.options.filter((J) => J.optionId !== r.value).map((J) => J.value).join(" / ")), 1)
+                      ])
+                    ])
+                  ]),
+                  u("td", Ll, [
+                    s(Ze, {
+                      "format-options": {
+                        style: "currency",
+                        currency: "EUR",
+                        currencyDisplay: "symbol",
+                        currencySign: "standard"
+                      },
+                      modelValue: c.value[I(O.options)].price,
+                      "onUpdate:modelValue": (J) => c.value[I(O.options)].price = J,
+                      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(O.options)].stock,
+                      "onUpdate:modelValue": (J) => c.value[I(O.options)].stock = J
+                    }, {
+                      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)) : M("", !0)
+              ], 64))), 128))
+            ])
+          ]),
+          u("div", Rl, [
+            V(" Total inventory at Webshop: " + F(Xe()) + " ", 1),
+            ze() < 0 ? (h(), w("span", Ul, "(" + F(ze()) + ")", 1)) : M("", !0),
+            p[22] || (p[22] = V(" available ", -1))
+          ])
+        ], 64)) : M("", !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"], Jl = { class: "text-[#1a0dab] text-lg" }, ql = { 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", Jl, F(m(l).title), 1),
+                u("p", ql, 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)) : M("", !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)) : M("", !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(q, 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)) : M("", !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"), z = v("CardContent"), _ = v("Card");
+      return h(), L(_, null, {
+        default: f(() => [
+          s(z, 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(q, 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(q, 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" }, Mr = /* @__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 = Jt(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: z, values: _, setValues: S } = qt({
+      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)) {
+          se.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), se.success("Product created");
+      } else {
+        if (T.value !== E.slug && await Ve(E.slug)) {
+          se.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}`), se.success("Product updated");
+      }
+      c.value = !1;
+    }), He = async () => {
+      const C = await x.get(o.config.productCollection, d.value.productId);
+      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), se.success("Product duplicated");
+      } catch {
+        se.error("Failed to duplicate product");
+      }
+    }, ze = async () => {
+      try {
+        await x.update(o.config.productCollection, d.value.productId, { status: "archived" }), S({ status: "archived" }, { force: !1 }), se.success("Product archived");
+      } catch {
+        se.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(""), se.success("Product deleted");
+        } catch {
+          se.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] = (ae) => 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")) : M("", !0)
+          ]),
+          D.value ? M("", !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
+              })) : M("", !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
+                      })) : M("", !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
+                      })) : M("", !0)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : M("", !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 })) : M("", !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"
+                })) : M("", !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"
+                })) : M("", !0),
+                V(" " + F(c.value ? "Saving" : "Save") + " Changes ", 1)
+              ]),
+              _: 1
+            }, 8, ["onClick", "disabled"])) : M("", !0)
+          ])
+        ])) : M("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Mr as default
+};