@oneclick.dev/cms-core-modules 0.0.120 → 0.0.122

package/dist/Detail-Dk8E6_uF.mjs

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