@oneclick.dev/cms-core-modules 0.0.126 → 0.0.127

package/dist/{Detail-BOxWQ1QQ.mjs → Detail-BixrrqM1.mjs}

@@ -1,11 +1,11 @@
-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, b as Dn } from "./vee-validate-zod-D0WaDgDZ.mjs";
+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 Ne, ref as B, nextTick as Ue, Fragment as J, renderList as pe, withModifiers as ue, onMounted as vt, normalizeClass as ye, withKeys as hn, provide as Pt, withAsyncContext as yn } from "vue";
+import { u as Ie, a as j, t as xn, b as Dn } from "./vee-validate-zod-D0WaDgDZ.mjs";
 import { Info as Sn, GripVertical as ut, CircleX as Cn, Trash2 as wn, PlusCircle as Nt, X as Rt, Loader2 as ft, Search as Tt, ListFilter as kn, ChevronDown as It, Ellipsis as Vn, ImagePlus as $t, 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";
-import { o as Ne, a as ye, s as X, p as Oe, c as xe, b as Fe, f as Et } from "./types-B5MifmeF.mjs";
+import { p as we, c as ke, o as Ve, a as he, s as X, b as Re, f as Et } from "./types-B5MifmeF.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"
@@ -18,9 +18,9 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
 }, 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");
+    const t = pt("sources"), n = pt("defaultSource"), { errors: o } = Ie(), { value: l } = j("title"), { value: s } = j("description"), { value: i } = j("media");
     return (d, a) => {
-      const x = m("Label"), v = m("Input"), f = m("Textarea"), D = m("MediaPicker"), C = m("CardContent"), N = m("Card");
+      const x = m("Label"), v = m("Input"), f = m("Textarea"), S = m("MediaPicker"), C = m("CardContent"), N = m("Card");
       return b(), R(N, null, {
         default: c(() => [
           r(C, { class: "flex flex-col gap-4" }, {
@@ -41,7 +41,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                     id: "title",
                     placeholder: "T-shirt with red heart",
                     modelValue: g(l),
-                    "onUpdate:modelValue": a[0] || (a[0] = (E) => Y(l) ? l.value = E : null)
+                    "onUpdate:modelValue": a[0] || (a[0] = ($) => Y(l) ? l.value = $ : null)
                   }, null, 8, ["modelValue"]),
                   g(o).title ? (b(), k("p", Rn, z(g(o).title), 1)) : F("", !0)
                 ])
@@ -61,7 +61,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                     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)
+                    "onUpdate:modelValue": a[1] || (a[1] = ($) => Y(s) ? s.value = $ : null)
                   }, null, 8, ["modelValue"]),
                   g(o).description ? (b(), k("p", Bn, z(g(o).description), 1)) : F("", !0)
                 ])
@@ -77,10 +77,10 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                     ])]),
                     _: 1
                   }),
-                  r(D, {
+                  r(S, {
                     id: "media",
                     modelValue: g(i),
-                    "onUpdate:modelValue": a[2] || (a[2] = (E) => Y(i) ? i.value = E : null),
+                    "onUpdate:modelValue": a[2] || (a[2] = ($) => Y(i) ? i.value = $ : null),
                     sources: g(t),
                     defaultSource: g(n)
                   }, null, 8, ["modelValue", "sources", "defaultSource"]),
@@ -107,10 +107,12 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
 }, 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, {
+    const { errors: t } = Ie(), { value: n } = j("price"), { value: o } = j("compareAtPrice"), { value: l } = j("isTaxable"), { value: s } = j("costPerItem");
+    return G(
+      () => n.value != null && String(n.value).trim() !== "" && Number.isFinite(Number(n.value)) && Number(n.value) >= 0
+    ), (i, d) => {
+      const a = m("Label"), x = m("Input"), v = m("TooltipTrigger"), f = m("TooltipContent"), S = m("Tooltip"), C = m("Checkbox"), N = m("CardContent"), $ = m("Card");
+      return b(), R($, null, {
         default: c(() => [
           r(N, null, {
             default: c(() => [
@@ -129,10 +131,11 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                   p("div", Gn, [
                     r(x, {
                       type: "number",
+                      min: "0",
                       id: "price",
                       class: "pl-10 no-spinner",
                       modelValue: g(n),
-                      "onUpdate:modelValue": d[0] || (d[0] = (M) => Y(n) ? n.value = M : null)
+                      "onUpdate:modelValue": d[0] || (d[0] = (A) => Y(n) ? n.value = A : 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))
                   ]),
@@ -154,10 +157,10 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                       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)
+                      "onUpdate:modelValue": d[1] || (d[1] = (A) => Y(o) ? o.value = A : 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, {
+                    r(S, null, {
                       default: c(() => [
                         r(v, { "as-child": "" }, {
                           default: c(() => [
@@ -190,7 +193,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                 r(C, {
                   id: "charge-tax",
                   modelValue: g(l),
-                  "onUpdate:modelValue": d[2] || (d[2] = (M) => Y(l) ? l.value = M : null)
+                  "onUpdate:modelValue": d[2] || (d[2] = (A) => Y(l) ? l.value = A : null)
                 }, null, 8, ["modelValue"]),
                 r(a, {
                   for: "charge-tax",
@@ -219,7 +222,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                       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)
+                      "onUpdate:modelValue": d[3] || (d[3] = (A) => Y(s) ? s.value = A : 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))
                   ]),
@@ -240,17 +243,17 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
 }, 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));
+    const { errors: t } = Ie(), { value: n } = j("sku"), { value: o } = j("barcode"), { value: l } = j("trackInventory"), { value: s } = j("allowBackorder"), { value: i } = j("stock"), { value: d } = j("options"), { value: a } = j("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, {
+      const S = m("Label"), C = m("Input"), N = m("Checkbox"), $ = m("TooltipTrigger"), A = m("TooltipContent"), E = m("Tooltip"), V = m("CardContent"), D = m("Card");
+      return b(), R(D, null, {
         default: c(() => [
-          r(S, null, {
+          r(V, 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, {
+                  r(S, {
                     for: "sku",
                     class: "text-sm mb-2"
                   }, {
@@ -266,7 +269,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                   }, null, 8, ["modelValue"])
                 ]),
                 p("div", null, [
-                  r(D, {
+                  r(S, {
                     for: "barcode",
                     class: "text-sm mb-2"
                   }, {
@@ -288,7 +291,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                   modelValue: g(l),
                   "onUpdate:modelValue": f[2] || (f[2] = (U) => Y(l) ? l.value = U : null)
                 }, null, 8, ["modelValue"]),
-                r(D, {
+                r(S, {
                   for: "track-quantity",
                   class: "text-sm"
                 }, {
@@ -300,7 +303,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
               ]),
               g(l) ? (b(), k("div", ao, [
                 p("div", null, [
-                  r(D, {
+                  r(S, {
                     for: "stock",
                     class: "text-sm mb-2"
                   }, {
@@ -316,9 +319,9 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                     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 }, {
+                  }, null, 8, ["modelValue"])) : (b(), R(E, { key: 1 }, {
                     default: c(() => [
-                      r(E, { class: "cursor-not-allowed" }, {
+                      r($, { class: "cursor-not-allowed" }, {
                         default: c(() => [
                           r(C, {
                             modelValue: x.value,
@@ -329,7 +332,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                         ]),
                         _: 1
                       }),
-                      r(M, null, {
+                      r(A, null, {
                         default: c(() => [...f[10] || (f[10] = [
                           p("p", null, "Total stock of all variants", -1)
                         ])]),
@@ -346,7 +349,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                   modelValue: g(s),
                   "onUpdate:modelValue": f[5] || (f[5] = (U) => Y(s) ? s.value = U : null)
                 }, null, 8, ["modelValue"]),
-                r(D, {
+                r(S, {
                   for: "continue-selling",
                   class: "text-sm"
                 }, {
@@ -370,19 +373,19 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
 }, po = /* @__PURE__ */ ne({
   __name: "Shipping",
   setup(e) {
-    const { errors: t } = Ee(), { value: n } = B("isPhysicalProduct"), { value: o } = B("weight"), { value: l } = B("weightUnit");
+    const { errors: t } = Ie(), { value: n } = j("isPhysicalProduct"), { value: o } = j("weight"), { value: l } = j("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, {
+      const d = m("Checkbox"), a = m("Label"), x = m("Input"), v = m("SelectValue"), f = m("SelectTrigger"), S = m("SelectItem"), C = m("SelectGroup"), N = m("SelectContent"), $ = m("Select"), A = m("CardContent"), E = m("Card");
+      return b(), R(E, null, {
         default: c(() => [
-          r(M, null, {
+          r(A, 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)
+                  "onUpdate:modelValue": i[0] || (i[0] = (V) => Y(n) ? n.value = V : null)
                 }, null, 8, ["modelValue"]),
                 r(a, {
                   for: "is-physical-product",
@@ -409,7 +412,7 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                     id: "weight",
                     type: "number",
                     modelValue: g(o),
-                    "onUpdate:modelValue": i[1] || (i[1] = (S) => Y(o) ? o.value = S : null),
+                    "onUpdate:modelValue": i[1] || (i[1] = (V) => Y(o) ? o.value = V : null),
                     class: "no-spinner"
                   }, null, 8, ["modelValue"])
                 ]),
@@ -423,9 +426,9 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                     ])]),
                     _: 1
                   }),
-                  r(E, {
+                  r($, {
                     modelValue: g(l),
-                    "onUpdate:modelValue": i[2] || (i[2] = (S) => Y(l) ? l.value = S : null)
+                    "onUpdate:modelValue": i[2] || (i[2] = (V) => Y(l) ? l.value = V : null)
                   }, {
                     default: c(() => [
                       r(f, null, {
@@ -438,25 +441,25 @@ const On = { class: "flex flex-col gap-4" }, Fn = { class: "flex flex-col" }, Rn
                         default: c(() => [
                           r(C, null, {
                             default: c(() => [
-                              r(D, { value: "lb" }, {
+                              r(S, { value: "lb" }, {
                                 default: c(() => [...i[6] || (i[6] = [
                                   P(" lb ", -1)
                                 ])]),
                                 _: 1
                               }),
-                              r(D, { value: "oz" }, {
+                              r(S, { value: "oz" }, {
                                 default: c(() => [...i[7] || (i[7] = [
                                   P(" oz ", -1)
                                 ])]),
                                 _: 1
                               }),
-                              r(D, { value: "kg" }, {
+                              r(S, { value: "kg" }, {
                                 default: c(() => [...i[8] || (i[8] = [
                                   P(" kg ", -1)
                                 ])]),
                                 _: 1
                               }),
-                              r(D, { value: "g" }, {
+                              r(S, { value: "g" }, {
                                 default: c(() => [...i[9] || (i[9] = [
                                   P(" g ", -1)
                                 ])]),
@@ -503,7 +506,7 @@ 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"]) {
+function Le(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;
@@ -517,7 +520,7 @@ function Ue(e, t, n = !0, o = ["__key"]) {
     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;
+      if (!(i in s) || l[i] !== s[i] && !n || n && !Le(l[i], s[i], n, o)) return !1;
     return !0;
   }
   return !1;
@@ -525,11 +528,11 @@ function Ue(e, t, n = !0, o = ["__key"]) {
 function Kt(e) {
   return e.split(" ").filter((t) => t);
 }
-function Me(e) {
+function $e(e) {
   return { x: e.clientX, y: e.clientY };
 }
 Array();
-var bt = typeof window < "u", Z = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap();
+var bt = typeof window < "u", Z = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap();
 function Gt() {
   if (!bt) return !1;
   if ("userAgentData" in navigator)
@@ -617,7 +620,7 @@ 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;
+  _.activeState && De(_.activeState.parent, void 0, _), _.selectedState && xe(_.selectedState.nodes, _.selectedState.parent, _), _.selectedState = _.activeState = void 0;
 }
 function bo() {
   if (_.pointerDown && (_.pointerDown.node.el.draggable = !0), _.pointerDown = void 0, !re(_)) return;
@@ -625,7 +628,7 @@ function bo() {
   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);
+  e.key === "Escape" && (_.selectedState && xe(_.selectedState.nodes, _.selectedState.parent, _), _.activeState && De(_.activeState.parent, void 0, _), _.selectedState = _.activeState = void 0);
 }
 function ho(e) {
   if (!ee(_)) return;
@@ -636,8 +639,8 @@ function ho(e) {
 function yo(e) {
   if (!ee(_)) return;
   Q(e);
-  const { x: t, y: n } = Me(e);
-  ee(_) && Je({ x: t, y: n }, e, _);
+  const { x: t, y: n } = $e(e);
+  ee(_) && Qe({ x: t, y: n }, e, _);
 }
 function xo(e) {
   if (!_.pointerDown || !_.pointerDown.validated) return;
@@ -670,7 +673,7 @@ function Do({
   config: o = {}
 }) {
   if (!bt) return;
-  Mt || (Mt = Ke(document, {
+  Mt || (Mt = Je(document, {
     dragover: yo,
     pointerdown: vo,
     pointerup: bo,
@@ -741,10 +744,10 @@ function Do({
     a(e)?.tearDown?.();
   }), o.plugins?.forEach((a) => {
     a(e)?.setup?.();
-  }), Po(e, i), Ge(e, !0);
+  }), Po(e, i), We(e, !0);
 }
 function Jt(e, t, n, o, l, s) {
-  const { x: i, y: d } = Me(n), a = e.el.getBoundingClientRect();
+  const { x: i, y: d } = $e(n), a = e.el.getBoundingClientRect();
   return {
     affectedNodes: [],
     ascendingDirection: !1,
@@ -783,9 +786,9 @@ function So({
   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)))
+  We(e.el);
+  const o = t.map((a) => a.data.value), l = Te(e.el, e.data), s = t[0].data.index, i = [...e.data.enabledNodes], d = [
+    ...l.filter((a) => !o.some((x) => Le(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: {
@@ -803,7 +806,7 @@ function So({
     state: _
   });
 }
-function Ce(e, t, n) {
+function De(e, t, n) {
   if (!t) {
     n.activeState = void 0;
     return;
@@ -813,7 +816,7 @@ function Ce(e, t, n) {
     parent: e
   };
 }
-function Se(e, t, n) {
+function xe(e, t, n) {
   const o = t.data.config.selectedClass;
   if (!n.selectedState) return;
   const l = Array.from(e);
@@ -827,18 +830,18 @@ function Se(e, t, n) {
     i !== -1 && n.selectedState.nodes.splice(i, 1);
   }
 }
-function Xe(e, t, n, o, l = !1) {
+function Ge(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);
+    s.el.setAttribute("aria-selected", "true"), Pe([s.el], e.data.config.selectedClass, !0);
   o.selectedState = {
     nodes: t,
     parent: e
-  }, Ce(e, n, o);
+  }, De(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));
+  n && (t.selectedState && t.selectedState.parent.el !== e.targetData.parent.el ? De(e.targetData.parent, n, t) : t.selectedState || De(e.targetData.parent, n, t));
 }
 function wo({
   currentParent: e,
@@ -849,12 +852,12 @@ function wo({
   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))
+  We(n.el);
+  const d = o.map((S) => S.data.value), a = [
+    ...Te(e.el, e.data).filter(
+      (S) => !d.some((C) => Le(S, C))
     )
-  ], x = $e(t.el, t.data), v = n.el === t.el && t.data.config.sortable === !1;
+  ], x = Te(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,
@@ -874,7 +877,7 @@ function wo({
     targetNodes: s || []
   });
 }
-function $e(e, t) {
+function Te(e, t) {
   return [...t.getValues(e)];
 }
 function gt(e, t, n) {
@@ -896,30 +899,30 @@ function re(e) {
   return "synthDragging" in e && !!e.synthDragging;
 }
 function Po(e, t) {
-  t.abortControllers.mainParent = Ke(e, {
-    dragover: Ye(t.config.handleParentDragover),
+  t.abortControllers.mainParent = Je(e, {
+    dragover: qe(t.config.handleParentDragover),
     handleParentPointerover: t.config.handleParentPointerover,
-    scroll: Ye(t.config.handleParentScroll),
-    drop: Ye(t.config.handleParentDrop),
+    scroll: qe(t.config.handleParentScroll),
+    drop: qe(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(
+    focus: qe(t.config.handleParentFocus)
+  }), t.config.externalDragHandle && t.config.externalDragHandle.el && t.config.externalDragHandle.callback && (t.abortControllers.externalDragHandle = Je(
     t.config.externalDragHandle.el,
     {
       pointerdown: (n) => {
         if (!t.config.externalDragHandle || !t.config.externalDragHandle.callback)
           return;
         const o = t.config.externalDragHandle.callback();
-        if (!We(o)) {
+        if (!et(o)) {
           console.warn(
             "No draggable item found from external drag handle callback"
           );
           return;
         }
-        const l = ue.get(o);
+        const l = ce.get(o);
         if (!l) return;
         const s = o.parentNode;
         if (!(s instanceof HTMLElement)) return;
@@ -941,7 +944,7 @@ function Po(e, t) {
 }
 function No(e) {
   const t = e.parent.data.config;
-  e.node.data.abortControllers.mainNode = Ke(e.node.el, {
+  e.node.data.abortControllers.mainNode = Je(e.node.el, {
     keydown: le(t.handleNodeKeydown),
     dragstart: le(t.handleDragstart),
     dragover: le(t.handleNodeDragover),
@@ -966,14 +969,14 @@ function No(e) {
   });
 }
 function Wt(e) {
-  ue.set(e.node.el, e.node.data), e.parent.data.config.plugins?.forEach((t) => {
+  ce.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);
+  _.draggedNode.el === e && Pe([e], n, !0);
 }
 function Io(e) {
   e.parent.data.config.plugins?.forEach((t) => {
@@ -989,17 +992,17 @@ 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);
+  !(t instanceof HTMLElement) || !Z.get(t) || We(t);
 }
-function Ge(e, t) {
+function We(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);
+    if (!et(a) || a.id === "dnd-dragged-node-clone") continue;
+    const x = ce.get(a);
     (t || !x) && l.tearDownNode({
       parent: {
         el: e,
@@ -1019,7 +1022,7 @@ function Ge(e, t) {
   }
   const s = n.getValues(e), i = [];
   for (let d = 0; d < o.length; d++) {
-    const a = o[d], x = ue.get(a);
+    const a = o[d], x = ce.get(a);
     if (l.draggableValue && !l.draggableValue(s[d])) continue;
     const v = Object.assign(
       x ?? {
@@ -1031,7 +1034,7 @@ function Ge(e, t) {
         index: d
       }
     );
-    if (!ee(_) && _.activeState && Ue(_.activeState.node.data.value, v.value) && Ce(
+    if (!ee(_) && _.activeState && Le(_.activeState.node.data.value, v.value) && De(
       {
         data: n,
         el: e
@@ -1041,10 +1044,10 @@ function Ge(e, t) {
         data: v
       },
       _
-    ), ee(_) && Ue(_.draggedNode.data.value, v.value)) {
+    ), ee(_) && Le(_.draggedNode.data.value, v.value)) {
       _.draggedNode.data = v, _.draggedNode.el = a;
       const f = _.draggedNodes.find(
-        (D) => D.data.value === v.value
+        (S) => S.data.value === v.value
       );
       f && (f.el = a);
     }
@@ -1118,7 +1121,7 @@ function Fo(e, t) {
   if (n.onDragstart) {
     const s = {
       parent: e.targetData.parent,
-      values: $e(
+      values: Te(
         e.targetData.parent.el,
         e.targetData.parent.data
       ),
@@ -1151,7 +1154,7 @@ function Ro(e, t) {
       (a) => a.el === i.el
     ) === -1 ? o = [...t.selectedState.nodes, i] : o = t.selectedState.nodes.filter(
       (a) => a.el !== i.el
-    ) : o = [i], Xe(
+    ) : o = [i], Ge(
       e.targetData.parent,
       o,
       e.targetData.node,
@@ -1164,7 +1167,7 @@ function Ro(e, t) {
     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;
+        xe(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 {
@@ -1180,7 +1183,7 @@ function Ro(e, t) {
     else
       for (let a = 0; a <= i.data.index; a++)
         o.push(d[a]);
-    Xe(
+    Ge(
       e.targetData.parent,
       o,
       e.targetData.node,
@@ -1191,13 +1194,13 @@ function Ro(e, t) {
   }
   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(
+  ) === -1 && (t.selectedState.parent.el !== e.targetData.parent.el ? xe(t.selectedState.nodes, e.targetData.parent, t) : n.config.multiDrag && Gt() ? o.push(...t.selectedState.nodes) : xe(t.selectedState.nodes, e.targetData.parent, t), Ge(
     e.targetData.parent,
     o,
     e.targetData.node,
     t,
     !0
-  )) : Xe(
+  )) : Ge(
     e.targetData.parent,
     [e.targetData.node],
     e.targetData.node,
@@ -1206,17 +1209,17 @@ function Ro(e, t) {
   );
 }
 function Uo(e, t, n, o = !1) {
-  Te(
+  Pe(
     t.map((l) => l.el),
     o ? n.synthDraggingClass : n.draggingClass
   ), setTimeout(() => {
     ge(
       t.map((l) => l.el),
       o ? n.synthDraggingClass : n.draggingClass
-    ), Te(
+    ), Pe(
       t.map((l) => l.el),
       o ? n.synthDragPlaceholderClass : n.dragPlaceholderClass
-    ), Te(
+    ), Pe(
       t.map((l) => l.el),
       o ? n.synthDropZoneClass : n.dropZoneClass
     ), ge(
@@ -1299,7 +1302,7 @@ function Zt({
 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);
+  e.detail.targetData.parent.el === e.detail.state.currentParent.el ? en(e.detail, e.detail.state) : Ze(e.detail, e.detail.state);
 }
 function Ho(e, t) {
   const n = e.targetData.parent.data.config;
@@ -1330,7 +1333,7 @@ function Go(e, t) {
   const n = Z.get(t.initialParent.el)?.config;
   n?.onDragend && n.onDragend({
     parent: t.currentParent,
-    values: $e(t.currentParent.el, t.currentParent.data),
+    values: Te(t.currentParent.el, t.currentParent.data),
     draggedNode: t.draggedNode,
     draggedNodes: t.draggedNodes,
     state: t
@@ -1341,11 +1344,11 @@ function qo(e) {
   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);
+  }), xe(e.draggedNodes, e.currentParent, e), De(e.currentParent, void 0, e);
   const x = { ...e };
   l?.onDragend?.({
     parent: x.currentParent,
-    values: $e(
+    values: Te(
       x.currentParent.el,
       x.currentParent.data
     ),
@@ -1355,7 +1358,7 @@ function qo(e) {
   }), e.emit("dragEnded", x), mo();
 }
 function Jo(e, t) {
-  ve(e.e), !t.pointerSelection && t.selectedState && Se(t.selectedState.nodes, e.targetData.parent, t);
+  ve(e.e), !t.pointerSelection && t.selectedState && xe(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),
@@ -1393,12 +1396,12 @@ function Wo(e, t, n, o, l, s) {
     "height",
     "boxSizing",
     "overflow"
-  ], v = (N, E) => {
-    const M = window.getComputedStyle(N);
-    x.forEach((A) => {
-      E.style[A] = M[A];
+  ], v = (N, $) => {
+    const A = window.getComputedStyle(N);
+    x.forEach((E) => {
+      $.style[E] = A[E];
     });
-  }, f = (N, E = {}) => {
+  }, f = (N, $ = {}) => {
     Object.assign(N.style, {
       position: "absolute",
       zIndex: "9999",
@@ -1409,7 +1412,7 @@ function Wo(e, t, n, o, l, s) {
       overflow: "hidden",
       width: `${s.width}px`,
       height: `${s.height}px`,
-      ...E
+      ...$
     });
   };
   if (i.synthDragImage)
@@ -1418,13 +1421,13 @@ function Wo(e, t, n, o, l, s) {
     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.setAttribute("popover", "manual"), l.forEach(($) => {
+      const A = $.el.cloneNode(!0);
+      v($.el, A), A.style.pointerEvents = "none", A.style.margin = "0", N.append(A);
     }), N.style.display = "flex", N.style.flexDirection = "column", N.style.padding = "0", N.style.margin = "0", N.style.position = "absolute", N.style.zIndex = "9999", N.style.pointerEvents = "none", d = N;
   }
   d.id = "dnd-dragged-node-clone", t.el.appendChild(d), d.showPopover();
-  const D = {
+  const S = {
     clonedDraggedEls: [],
     clonedDraggedNode: d,
     synthDragScrolling: !1,
@@ -1441,13 +1444,13 @@ function Wo(e, t, n, o, l, s) {
       a?.offsetX,
       a?.offsetY
     ),
-    ...D
+    ...S
   });
 }
 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));
+    t && (t.longPress = !0, o.longPressClass && e.e.cancelable && Pe([n.el], o.longPressClass), Q(e.e));
   }, o.longPressDuration || 1e3);
 }
 function mt(e, t = !0, n = !0) {
@@ -1461,9 +1464,9 @@ function Qt(e, t = !1) {
   ));
 }
 function At(e, t, n = !1) {
-  const o = Me(e);
+  const o = $e(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);
+    re(t) && Qe(t.coordinates, e, t);
   }, 16);
   const l = il(o);
   if (!l) {
@@ -1494,17 +1497,17 @@ function At(e, t, n = !1) {
 }
 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);
+  const { x: o, y: l } = $e(e.e);
+  t.coordinates.y = l, t.coordinates.x = o, Q(e.e), ve(e.e), ee(t) && Qe({ x: o, y: l }, e.e, t), e.targetData.parent.el === t.currentParent?.el ? en(e, t) : Ze(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);
+  const { x: o, y: l } = $e(e.e);
+  ee(t) && Qe({ x: o, y: l }, e.e, t), Ze(e, t);
 }
 function tl(e) {
-  e.detail.targetData.parent.el !== e.detail.state.currentParent.el && qe(e.detail, e.detail.state);
+  e.detail.targetData.parent.el !== e.detail.state.currentParent.el && Ze(e.detail, e.detail.state);
 }
 function nl({
   currentParent: e,
@@ -1564,7 +1567,7 @@ function rl(e, t, n, o) {
   return !1;
 }
 function en(e, t) {
-  const { x: n, y: o } = Me(e.e);
+  const { x: n, y: o } = $e(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];
@@ -1578,7 +1581,7 @@ function en(e, t) {
 }
 function le(e) {
   function t(n) {
-    const o = ue.get(n);
+    const o = ce.get(n);
     if (!o) return;
     const l = Z.get(n.parentNode);
     if (l)
@@ -1605,7 +1608,7 @@ function le(e) {
       );
   };
 }
-function qe(e, t) {
+function Ze(e, t) {
   Q(e.e), nl({
     currentParent: t.currentParent,
     targetParent: e.targetData.parent,
@@ -1622,7 +1625,7 @@ function qe(e, t) {
     targetNodes: "node" in e.targetData ? [e.targetData.node] : []
   }), t.currentParent = e.targetData.parent, t.transferred = !0);
 }
-function Ye(e) {
+function qe(e) {
   function t(n) {
     const o = Z.get(n);
     if (o)
@@ -1645,12 +1648,12 @@ function Ye(e) {
       );
   };
 }
-function Te(e, t, n = !1) {
+function Pe(e, t, n = !1) {
   function o(l, s) {
-    ue.set(l, s);
+    ce.set(l, s);
   }
   for (const l of e) {
-    const s = ue.get(l), i = al(l, t, s, n);
+    const s = ce.get(l), i = al(l, t, s, n);
     i && o(l, i);
   }
 }
@@ -1676,36 +1679,36 @@ function ge(e, t) {
   const n = Kt(t);
   if (n.length)
     for (const o of e) {
-      if (!We(o)) {
+      if (!et(o)) {
         o.classList.remove(...n);
         continue;
       }
-      const l = ue.get(o) || Z.get(o);
+      const l = ce.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;
+  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", S = 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]);
+    const $ = e[a], A = e[x], E = $ > 0, V = $ + A < (i ? l.state.rootScrollWidth || 0 : e[f]);
     return i ? {
-      left: A && D < M * 0.075,
-      right: S && D > M * (1 - 0.075)
+      left: E && S < A * 0.075,
+      right: V && S > A * (1 - 0.075)
     } : {
-      up: A && D < M * 0.075,
-      down: S && D > M * (1 - 0.075)
+      up: E && S < A * 0.075,
+      down: V && S > A * (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;
+    const $ = e[f], A = e[v], E = e[a], V = E > 0, D = E < $ - A;
     return i ? {
-      left: S && D < C + M * 0.075,
-      right: w && D > C + M * (1 - 0.075)
+      left: V && S < C + A * 0.075,
+      right: D && S > C + A * (1 - 0.075)
     } : {
-      up: S && D < C + M * 0.075,
-      down: w && D > C + M * (1 - 0.075)
+      up: V && S < C + A * 0.075,
+      down: D && S > C + A * (1 - 0.075)
     };
   }
   return i ? { left: !1, right: !1 } : { up: !1, down: !1 };
@@ -1721,8 +1724,8 @@ function sl(e, t, n, o) {
       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)) {
+    const v = l ? "scrollLeft" : "scrollTop", f = l ? "clientWidth" : "clientHeight", S = l ? "scrollWidth" : "scrollHeight", C = e[v], N = e[f], $ = e[S];
+    if (!(s > 0 ? C + N < $ : C > 0)) {
       n[a] = void 0, n[d] = void 0;
       return;
     }
@@ -1734,7 +1737,7 @@ 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) {
+function Qe(e, t, n) {
   if (!ee(n) || !n.draggedNode)
     return;
   mt(n);
@@ -1746,8 +1749,8 @@ function Je(e, t, n) {
     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));
+    }), S = zt(a, t, x, v, { axis: "y" });
+    (f.left || f.right) && (n.lastScrollContainerX = a, i("x", f.right ? "positive" : "negative", a)), (S.up || S.down) && (n.lastScrollContainerY = a, i("y", S.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);
@@ -1762,10 +1765,10 @@ function Je(e, t, n) {
 }
 function il(e) {
   let t = document.elementFromPoint(e.x, e.y);
-  if (!We(t)) return;
+  if (!et(t)) return;
   let n, o = !0;
   for (; t && o; ) {
-    if (ue.has(t) || Z.has(t)) {
+    if (ce.has(t) || Z.has(t)) {
       o = !1, n = Z.has(t);
       break;
     }
@@ -1780,7 +1783,7 @@ function il(e) {
       }
     } : void 0;
   } else {
-    const l = ue.get(t);
+    const l = ce.get(t);
     if (!l) return;
     const s = Z.get(t.parentNode);
     return s ? {
@@ -1795,10 +1798,10 @@ function il(e) {
     } : void 0;
   }
 }
-function We(e) {
+function et(e) {
   return e instanceof HTMLElement && e.parentNode instanceof HTMLElement;
 }
-function Ke(e, t) {
+function Je(e, t) {
   const n = new AbortController();
   for (const o in t) {
     const l = t[o];
@@ -1881,19 +1884,19 @@ const fl = {
       get() {
         return o.option;
       },
-      set(S) {
-        s("update:option", S);
+      set(V) {
+        s("update:option", V);
       }
     }), d = G({
       get() {
         return i.value.values;
       },
-      set(S) {
-        i.value.values = S;
+      set(V) {
+        i.value.values = V;
       }
-    }), a = Ie("valueListRef"), x = L(!1);
-    te(x, async (S) => {
-      S || (await Re(), tn({
+    }), a = Ne("valueListRef"), x = B(!1);
+    te(x, async (V) => {
+      V || (await Ue(), tn({
         parent: a?.value,
         values: d,
         group: "valueList",
@@ -1903,39 +1906,39 @@ const fl = {
     }, { 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);
+    }, S = async () => {
+      (i.value.name.trim() || i.value.values.filter((V) => V.value.trim() !== "").length > 0) && !await l("Are you sure you want to remove this option?") || s("remove");
+    }, C = (V) => {
+      i.value.values.splice(V, 1);
+    }, N = (V) => {
+      V.name.trim() ? V.nameError = void 0 : V.nameError = "Option name is required.";
+    }, $ = (V, D) => {
+      const U = V.target, W = i.value.values;
+      if (V.key === "Backspace" && U.value === "" && W?.length > 2) {
+        C(D);
         return;
       }
-    }, M = (S, w) => {
-      S.target;
-      const U = i.value.values, W = U?.[w];
+    }, A = (V, D) => {
+      V.target;
+      const U = i.value.values, W = U?.[D];
       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);
+    }, E = (V) => {
+      const D = i.value, U = D?.values.every((W, H) => W.value.trim() !== "" || H === V);
+      D && D.values[V].value.trim() === "" && !U && C(V);
     };
     return t({
       minified: x
-    }), (S, w) => {
+    }), (V, D) => {
       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)
+        onClick: D[5] || (D[5] = (H) => x.value = !1)
       }, [
         p("div", null, [
           p("div", {
             class: "option-drag-handle flex-none mt-5 cursor-grab",
-            onClick: w[4] || (w[4] = fe(() => {
+            onClick: D[4] || (D[4] = ue(() => {
             }, ["stop"]))
           }, [
             r(g(ut), { class: "size-4 text-gray-400" })
@@ -1944,10 +1947,10 @@ const fl = {
         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
+            (b(!0), k(J, null, pe(d.value, (H) => (b(), k(J, {
+              key: H.id
             }, [
-              j.value ? (b(), k("span", Vl, z(j.value), 1)) : F("", !0)
+              H.value ? (b(), k("span", Vl, z(H.value), 1)) : F("", !0)
             ], 64))), 128))
           ])
         ])
@@ -1959,12 +1962,12 @@ const fl = {
         ]),
         p("div", ml, [
           p("div", vl, [
-            w[6] || (w[6] = p("label", { class: "block text-sm mb-2" }, "Option name", -1)),
+            D[6] || (D[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)),
+                "onUpdate:modelValue": D[0] || (D[0] = (H) => i.value.name = H),
+                onBlur: D[1] || (D[1] = (H) => N(i.value)),
                 "aria-invalid": i.value.nameError ? "true" : "false",
                 placeholder: "Color",
                 spellcheck: "false"
@@ -1978,29 +1981,29 @@ const fl = {
             ])) : F("", !0)
           ]),
           p("div", yl, [
-            w[7] || (w[7] = p("label", { class: "block text-sm mb-2" }, "Option values", -1)),
+            D[7] || (D[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,
+              d.value ? (b(!0), k(J, { key: 0 }, pe(d.value, (H, oe) => (b(), k("div", {
+                key: H.id,
                 class: "relative flex items-center mb-2"
               }, [
-                j.touched ? (b(), k("div", xl, [
+                H.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,
+                  modelValue: H.value,
+                  "onUpdate:modelValue": (ie) => H.value = ie,
                   placeholder: "Option value",
                   class: "pr-12",
-                  onKeydown: (ie) => E(ie, oe),
-                  onKeyup: (ie) => M(ie, oe),
-                  onBlur: (ie) => A(oe),
+                  onKeydown: (ie) => $(ie, oe),
+                  onKeyup: (ie) => A(ie, oe),
+                  onBlur: (ie) => E(oe),
                   spellcheck: "false"
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeydown", "onKeyup", "onBlur"]),
-                d.value.length > 2 && j.touched ? (b(), k("button", {
+                d.value.length > 2 && H.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",
@@ -2015,20 +2018,20 @@ const fl = {
             r(W, {
               size: "sm",
               variant: "outline",
-              onClick: w[2] || (w[2] = (j) => D()),
+              onClick: D[2] || (D[2] = (H) => S()),
               class: "text-red-500 hover:text-red-600"
             }, {
-              default: c(() => [...w[8] || (w[8] = [
+              default: c(() => [...D[8] || (D[8] = [
                 P("Delete", -1)
               ])]),
               _: 1
             }),
             r(W, {
               size: "sm",
-              onClick: w[3] || (w[3] = (j) => x.value = !0),
+              onClick: D[3] || (D[3] = (H) => x.value = !0),
               disabled: i.value.name.trim() === ""
             }, {
-              default: c(() => [...w[9] || (w[9] = [
+              default: c(() => [...D[9] || (D[9] = [
                 P("Done", -1)
               ])]),
               _: 1
@@ -2048,92 +2051,92 @@ const fl = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, l = n, s = L([]), i = Ie("optionsListRefElement"), d = Ie("optionRefs"), a = G({
+    const o = e, l = n, s = B([]), i = Ne("optionsListRefElement"), d = Ne("optionRefs"), a = G({
       get() {
         return o.modelValue;
       },
-      set(A) {
-        l("update:modelValue", A);
+      set(E) {
+        l("update:modelValue", E);
       }
-    }), 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();
+    }), x = B(!1);
+    te(a, (E) => {
+      x.value || (!s.value || s.value.length === 0 && E.length > 0) && (x.value = !0, s.value = E ? JSON.parse(JSON.stringify(E)) : []);
+    }, { deep: !0 }), te(s, (E) => {
+      a.value = E?.map((V) => ({
+        ...V,
+        values: V.values.filter((D) => D.value.trim() !== "")
+      })), !$.value && E.length > 0 && A();
     }, { deep: !0 });
     const v = () => Math.random().toString(36).substring(2, 15), f = () => {
-      const S = {
+      const V = {
         id: v(),
         name: "",
         values: [{ id: v(), value: "" }],
         nameError: void 0
       };
-      s.value.push(S);
-    }, D = () => {
-      d.value?.forEach((A) => {
-        A && (A.minified = !0);
+      s.value.push(V);
+    }, S = () => {
+      d.value?.forEach((E) => {
+        E && (E.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 = () => {
+    }, C = (E) => {
+      const V = s.value.findIndex((D) => D.id === E.id);
+      V !== -1 && (s.value[V] = E);
+    }, N = (E) => {
+      const V = s.value.findIndex((D) => D.id === E.id);
+      V !== -1 && s.value.splice(V, 1);
+    }, $ = B(!1), A = () => {
       try {
-        E.value = !0, tn({
+        $.value = !0, tn({
           parent: i?.value,
           values: s,
           group: "optionsList",
           dragHandle: ".option-drag-handle",
           plugins: [Ut()]
         });
-      } catch (A) {
-        console.error(A);
+      } catch (E) {
+        console.error(E);
       }
     };
     return vt(() => {
-      s.value = o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : [], s.value.length > 0 && M();
+      s.value = o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : [], s.value.length > 0 && A();
     }), t({
-      minifyAll: D
-    }), (A, S) => {
-      const w = m("Button");
+      minifyAll: S
+    }), (E, V) => {
+      const D = m("Button");
       return b(), k("div", null, [
         p("div", {
-          class: De(["rounded-lg", s.value.length > 0 ? "border mb-6" : ""])
+          class: ye(["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, {
+            (b(!0), k(J, null, pe(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)),
+              "onUpdate:option": V[0] || (V[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" : "")
+            class: ye(s.value.length > 0 ? "border-t" : "")
           }, [
-            s.value.length === 0 ? (b(), R(w, {
+            s.value.length === 0 ? (b(), R(D, {
               key: 0,
               onClick: f,
               variant: "outline"
             }, {
               default: c(() => [
                 r(g(Nt), { class: "size-4" }),
-                S[1] || (S[1] = P(" Add options like size or color ", -1))
+                V[1] || (V[1] = P(" Add options like size or color ", -1))
               ]),
               _: 1
-            })) : (b(), R(w, {
+            })) : (b(), R(D, {
               key: 1,
               onClick: f,
               variant: "ghost",
@@ -2141,7 +2144,7 @@ const fl = {
             }, {
               default: c(() => [
                 r(g(Nt), { class: "size-4" }),
-                S[2] || (S[2] = P(" Add another option ", -1))
+                V[2] || (V[2] = P(" Add another option ", -1))
               ]),
               _: 1
             }))
@@ -2153,16 +2156,16 @@ const fl = {
 }), 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);
+    const n = B(!1), o = B(!1), l = B(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");
+      const a = m("ResponsiveModalTitle"), x = m("ResponsiveModalHeader"), v = m("Button"), f = m("ResponsiveModalClose"), S = 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)
+        "onUpdate:open": d[0] || (d[0] = ($) => Y(n) ? n.value = $ : null)
       }, {
         default: c(() => [
           r(C, { class: "sm:max-w-xl" }, {
@@ -2179,7 +2182,7 @@ const fl = {
                 _: 1
               }),
               p("div", Tl, " variant " + z(g(l)), 1),
-              r(D, null, {
+              r(S, null, {
                 default: c(() => [
                   r(f, { "as-child": "" }, {
                     default: c(() => [
@@ -2261,25 +2264,25 @@ const fl = {
       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 = () => {
+    }), i = pt("sources"), d = B(""), a = B(""), x = B(!1), v = B([]), f = B({}), S = B([]), C = B({}), N = Ne("variantDialog"), $ = () => {
       const h = Object.keys(o.options);
       if (h.length === 0) {
         a.value = "";
         return;
       }
       (!a.value || !h.includes(a.value)) && (a.value = h[0]);
-    }, M = () => {
+    }, A = () => {
       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();
+      $(), A();
     }, { immediate: !0, deep: !0 }), te(C, (h) => {
-      A();
+      E();
     }, { deep: !0 }), te(() => o.hide, (h) => {
-      h || (E(), A());
+      h || ($(), E());
     });
-    function A() {
+    function E() {
       if (!C.value) {
         s.value = [];
         return;
@@ -2297,30 +2300,30 @@ const fl = {
         });
       }), 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) {
+    function V(h) {
       return h.reduce(
-        (u, y) => u.flatMap((I) => y.map((H) => [...I, H])),
+        (u, y) => u.flatMap((I) => y.map((L) => [...I, L])),
         [[]]
       );
     }
-    function w(h) {
+    function D(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 };
+      const [I, L] = y.split(":");
+      return { optionId: I, valueId: L };
     }).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 };
+      const [I, L] = y.split(":");
+      return { optionId: I, valueId: L };
     }).map((y) => {
-      const I = o.options?.[y.optionId], H = I?.values?.find((K) => K.id === y.valueId);
+      const I = o.options?.[y.optionId], L = 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 || ""
+        valueId: L?.id || y.valueId,
+        value: L?.value || ""
       };
-    }), j = G(() => {
+    }), H = G(() => {
       const h = Object.values(o.options).map(
         (y) => y.values.map((I) => ({
           optionId: y.id,
@@ -2329,8 +2332,8 @@ const fl = {
           value: I.value
         }))
       );
-      return S(h).map((y) => {
-        const I = w(y);
+      return V(h).map((y) => {
+        const I = D(y);
         return C.value[I] || (C.value[I] = { price: 0, stock: 0 }), {
           key: I,
           options: y,
@@ -2338,64 +2341,64 @@ const fl = {
         };
       });
     }), oe = G(() => {
-      let h = [...j.value];
+      let h = [...H.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)));
+        I && (h = h.filter((L) => L.options?.some((K) => K.optionId === y && K.valueId === I)));
       }), h;
-    }), ie = G(() => Object.keys(f.value).length > 0), Ze = (h, u) => {
+    }), ie = G(() => Object.keys(f.value).length > 0), tt = (h, u) => {
       if (!u) {
-        we(h);
+        Ee(h);
         return;
       }
       f.value = {
         ...f.value,
         [h]: u
       };
-    }, we = (h) => {
+    }, Ee = (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(() => {
+    }, Be = (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");
+    }), Se = G(() => oe.value.map((h) => h.key)), Me = G(() => S.value.length), je = G(() => {
+      const h = new Set(S.value);
+      return Se.value.filter((u) => h.has(u)).length;
+    }), Ae = G(() => Se.value.length === 0 || je.value === 0 ? !1 : je.value === Se.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);
+    }), te(H, (h) => {
+      const u = new Set(h.map((I) => I.key)), y = S.value.filter((I) => u.has(I));
+      y.length !== S.value.length && (S.value = y);
     });
-    const $ = (h, u) => {
+    const w = (h, u) => {
       const y = new Set(h);
       if (u) {
-        D.value = Array.from(/* @__PURE__ */ new Set([...D.value, ...h]));
+        S.value = Array.from(/* @__PURE__ */ new Set([...S.value, ...h]));
         return;
       }
-      D.value = D.value.filter((I) => !y.has(I));
+      S.value = S.value.filter((I) => !y.has(I));
+    }, M = (h, u) => {
+      w([h], u === !0);
     }, ae = (h, u) => {
-      $([h], u === !0);
-    }, _e = (h, u) => {
-      $(q(h).map((y) => y.key), u === !0);
+      w(q(h).map((y) => y.key), u === !0);
+    }, _e = (h) => {
+      w(Se.value, h === !0);
     }, ze = (h) => {
-      $(ke.value, h === !0);
-    }, Le = (h) => {
-      const u = q(h).map((H) => H.key);
+      const u = q(h).map((L) => L.key);
       if (u.length === 0) return !1;
-      const y = new Set(D.value), I = u.filter((H) => y.has(H)).length;
+      const y = new Set(S.value), I = u.filter((L) => y.has(L)).length;
       return I === 0 ? !1 : I === u.length ? !0 : "indeterminate";
-    }, et = (h, u) => {
+    }, He = (h, u) => {
       const y = q(u);
       y && y.forEach((I) => {
-        C.value[w(I.options)].image = h;
+        C.value[D(I.options)].image = h;
       });
-    }, Be = (h) => q(h).every((y) => !y.image), tt = (h) => {
+    }, Xe = (h) => q(h).every((y) => !y.image), Ye = (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) => {
+      return u.filter((I, L) => I.image && u.findIndex((K) => K.image === I.image) === L).length === 1;
+    }, Oe = (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);
@@ -2410,21 +2413,19 @@ const fl = {
       return be.value?.forEach((u) => {
         h += on(u.id);
       }), h;
-    }, He = L(null), he = L(""), rn = async (h, u) => {
+    }, Ke = B(null), Fe = B(""), 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();
+      Ke.value = u.id, Fe.value = I ? y[0].toString() : "", await Ue();
+      const L = document.getElementById(`variant-price-${u.id}`);
+      L?.focus(), L?.select();
     }, an = (h) => {
-      Dt(h), He.value = null, he.value = "";
+      Dt(h), Ke.value = null, Fe.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;
-        });
-      }
+      const u = Fe.value.trim(), y = Number(u.replace(",", "."));
+      u && Number.isFinite(y) && y >= 0 && oe?.value?.filter((I) => I.options?.find((L) => L.optionId === a.value)?.valueId === h).forEach((I) => {
+        C.value[D(I.options)].price = y;
+      });
     }, sn = (h) => {
       C.value = h.reduce((u, y) => (u[y.combinedOptions] = {
         price: y.price,
@@ -2433,17 +2434,17 @@ const fl = {
       }, u), {});
     };
     return vt(() => {
-      E();
+      $();
     }), t({
       setVariantMap: sn,
-      refreshVariants: A
+      refreshVariants: E
     }), (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");
+      const y = m("SelectValue"), I = m("SelectTrigger"), L = m("SelectItem"), K = m("SelectContent"), nt = m("Select"), fe = 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"), Ce = 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)),
+              u[15] || (u[15] = p("p", null, "Group by", -1)),
               r(nt, {
                 modelValue: a.value,
                 "onUpdate:modelValue": u[0] || (u[0] = (T) => a.value = T)
@@ -2457,7 +2458,7 @@ const fl = {
                   }),
                   r(K, null, {
                     default: c(() => [
-                      (b(!0), k(J, null, ce(e.options, (T) => (b(), R(H, {
+                      (b(!0), k(J, null, pe(e.options, (T) => (b(), R(L, {
                         key: T.id,
                         value: T.id
                       }, {
@@ -2473,18 +2474,18 @@ const fl = {
                 _: 1
               }, 8, ["modelValue"])
             ])) : F("", !0),
-            x.value ? (b(), R(pe, {
+            x.value ? (b(), R(fe, {
               key: 2,
               variant: "outline",
               onClick: u[2] || (u[2] = (T) => x.value = !1),
               size: "sm",
               class: "ml-auto"
             }, {
-              default: c(() => [...u[14] || (u[14] = [
+              default: c(() => [...u[16] || (u[16] = [
                 P(" Cancel ", -1)
               ])]),
               _: 1
-            })) : (b(), R(pe, {
+            })) : (b(), R(fe, {
               key: 1,
               variant: "outline",
               onClick: u[1] || (u[1] = (T) => x.value = !0),
@@ -2500,7 +2501,7 @@ const fl = {
           ]),
           x.value ? (b(), k("div", Al, [
             p("div", {
-              class: De(["relative", { "mb-4": Object.keys(e.options).length > 0 }])
+              class: ye(["relative", { "mb-4": Object.keys(e.options).length > 0 }])
             }, [
               r(St, {
                 placeholder: "Search",
@@ -2511,23 +2512,23 @@ const fl = {
               r(g(Tt), { 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, {
+              (b(!0), k(J, null, pe(e.options, (T) => (b(), R(gn, {
                 key: T.id
               }, {
                 default: c(() => [
                   r(dn, { asChild: "" }, {
                     default: c(() => [
-                      r(pe, {
+                      r(fe, {
                         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(z(T.name) + " is " + z(Be(T)) + " ", 1),
                             p("div", {
                               class: "p-2",
-                              onClick: fe((O) => we(T.id), ["stop", "prevent"])
+                              onClick: ue((O) => Ee(T.id), ["stop", "prevent"])
                             }, [
                               r(g(Rt), { class: "size-3" })
                             ], 8, Ol)
@@ -2546,10 +2547,10 @@ const fl = {
                       r(pn, {
                         "model-value": f.value[T.id] || "",
                         class: "mb-4",
-                        "onUpdate:modelValue": (O) => Ze(T.id, O)
+                        "onUpdate:modelValue": (O) => tt(T.id, O)
                       }, {
                         default: c(() => [
-                          (b(!0), k(J, null, ce(T.values, (O) => (b(), k("div", {
+                          (b(!0), k(J, null, pe(T.values, (O) => (b(), k("div", {
                             class: "flex items-center space-x-2",
                             key: O.id
                           }, [
@@ -2570,14 +2571,14 @@ const fl = {
                         ]),
                         _: 2
                       }, 1032, ["model-value", "onUpdate:modelValue"]),
-                      r(pe, {
+                      r(fe, {
                         variant: "ghost",
-                        onClick: (O) => we(T.id),
+                        onClick: (O) => Ee(T.id),
                         size: "sm",
                         class: "ml-auto",
                         disabled: !f.value[T.id]
                       }, {
-                        default: c(() => [...u[15] || (u[15] = [
+                        default: c(() => [...u[17] || (u[17] = [
                           P(" Clear ", -1)
                         ])]),
                         _: 1
@@ -2597,15 +2598,15 @@ const fl = {
                   p("th", Ul, [
                     r(ot, {
                       class: "border-muted-foreground translate-y-0.5",
-                      "model-value": V.value,
-                      "onUpdate:modelValue": ze
+                      "model-value": Ae.value,
+                      "onUpdate:modelValue": _e
                     }, null, 8, ["model-value"])
                   ]),
-                  Ae.value === 0 ? (b(), k(J, { key: 0 }, [
+                  Me.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)),
+                        u[18] || (u[18] = p("span", null, "Variant", -1)),
+                        u[19] || (u[19] = p("span", null, "·", -1)),
                         v.value.length > 0 ? (b(), k("button", {
                           key: 0,
                           class: "hover:underline cursor-pointer",
@@ -2617,18 +2618,18 @@ const fl = {
                         }, "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)),
+                    u[22] || (u[22] = 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] = [
+                            default: c(() => [...u[20] || (u[20] = [
                               P("Available", -1)
                             ])]),
                             _: 1
                           }),
                           r(rt, null, {
-                            default: c(() => [...u[19] || (u[19] = [
+                            default: c(() => [...u[21] || (u[21] = [
                               p("p", null, "Inventory at your store that can be sold.", -1)
                             ])]),
                             _: 1
@@ -2642,13 +2643,13 @@ const fl = {
                       default: c(() => [
                         r(Ct, { "as-child": "" }, {
                           default: c(() => [
-                            r(pe, {
+                            r(fe, {
                               variant: "outline",
                               class: "mr-2",
                               size: "sm"
                             }, {
                               default: c(() => [
-                                P(z(Ae.value) + " selected ", 1)
+                                P(z(Me.value) + " selected ", 1)
                               ]),
                               _: 1
                             })
@@ -2660,8 +2661,8 @@ const fl = {
                           align: "start"
                         }, {
                           default: c(() => [
-                            r(Pe, null, {
-                              default: c(() => [...u[21] || (u[21] = [
+                            r(Ce, null, {
+                              default: c(() => [...u[23] || (u[23] = [
                                 P(" Deselect all ", -1)
                               ])]),
                               _: 1
@@ -2676,7 +2677,7 @@ const fl = {
                       default: c(() => [
                         r(Ct, { "as-child": "" }, {
                           default: c(() => [
-                            r(pe, { size: "sm" }, {
+                            r(fe, { size: "sm" }, {
                               default: c(() => [
                                 r(g(Vn), { class: "size-3" })
                               ]),
@@ -2692,26 +2693,26 @@ const fl = {
                           default: c(() => [
                             r(mn, null, {
                               default: c(() => [
-                                r(Pe, null, {
-                                  default: c(() => [...u[22] || (u[22] = [
+                                r(Ce, null, {
+                                  default: c(() => [...u[24] || (u[24] = [
                                     P(" Edit price ", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                r(Pe, null, {
-                                  default: c(() => [...u[23] || (u[23] = [
+                                r(Ce, null, {
+                                  default: c(() => [...u[25] || (u[25] = [
                                     P(" Edit SKU ", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                r(Pe, null, {
-                                  default: c(() => [...u[24] || (u[24] = [
+                                r(Ce, null, {
+                                  default: c(() => [...u[26] || (u[26] = [
                                     P(" Edit barcode ", -1)
                                   ])]),
                                   _: 1
                                 }),
-                                r(Pe, null, {
-                                  default: c(() => [...u[25] || (u[25] = [
+                                r(Ce, null, {
+                                  default: c(() => [...u[27] || (u[27] = [
                                     P(" Change image ", -1)
                                   ])]),
                                   _: 1
@@ -2720,9 +2721,9 @@ const fl = {
                               _: 1
                             }),
                             r(vn),
-                            r(Pe, null, {
+                            r(Ce, null, {
                               default: c(() => [
-                                P(" Remove variant" + z(Ae.value > 1 ? "s" : ""), 1)
+                                P(" Remove variant" + z(Me.value > 1 ? "s" : ""), 1)
                               ]),
                               _: 1
                             })
@@ -2736,7 +2737,7 @@ const fl = {
                 ])
               ]),
               p("tbody", Xl, [
-                (b(!0), k(J, null, ce(be.value, (T) => (b(), k(J, {
+                (b(!0), k(J, null, pe(be.value, (T) => (b(), k(J, {
                   key: T.id
                 }, [
                   p("tr", {
@@ -2746,9 +2747,9 @@ const fl = {
                     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(() => {
+                        "model-value": ze(T.id),
+                        "onUpdate:modelValue": (O) => ae(T.id, O),
+                        onClick: u[6] || (u[6] = ue(() => {
                         }, ["stop"]))
                       }, null, 8, ["model-value", "onUpdate:modelValue"])
                     ]),
@@ -2758,17 +2759,17 @@ const fl = {
                           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)
+                            "initial-value": Xe(T.id) ? [] : Ye(T.id) ? [Oe(T.id)] : [Oe(T.id), ht(T.id)],
+                            onSubmit: (O) => He(O, T.id)
                           }, {
                             default: c(() => [
                               p("button", {
-                                onClick: u[7] || (u[7] = fe(() => {
+                                onClick: u[7] || (u[7] = ue(() => {
                                 }, ["stop"])),
                                 tabindex: "-1",
                                 class: "cursor-pointer"
                               }, [
-                                Be(T.id) ? (b(), R(pe, {
+                                Xe(T.id) ? (b(), R(fe, {
                                   key: 0,
                                   variant: "outline",
                                   class: "size-15 border-dashed cursor-pointer"
@@ -2777,9 +2778,9 @@ const fl = {
                                     r(g($t))
                                   ]),
                                   _: 1
-                                })) : tt(T.id) ? (b(), k("img", {
+                                })) : Ye(T.id) ? (b(), k("img", {
                                   key: 1,
-                                  src: je(T.id),
+                                  src: Oe(T.id),
                                   class: "size-15 rounded-md object-cover",
                                   draggable: "false"
                                 }, null, 8, Jl)) : (b(), k("div", Wl, [
@@ -2789,7 +2790,7 @@ const fl = {
                                     draggable: "false"
                                   }, null, 8, Zl),
                                   p("img", {
-                                    src: je(T.id),
+                                    src: Oe(T.id),
                                     class: "relative size-15 rounded-md shadow object-cover",
                                     draggable: "false"
                                   }, null, 8, Ql)
@@ -2804,7 +2805,7 @@ const fl = {
                           p("button", nr, [
                             P(z(q(T.id).length) + " variants ", 1),
                             r(g(It), {
-                              class: De(["size-3 transition-transform duration-200", v.value.includes(T.id) ? "rotate-180" : ""])
+                              class: ye(["size-3 transition-transform duration-200", v.value.includes(T.id) ? "rotate-180" : ""])
                             }, null, 8, ["class"])
                           ])
                         ])
@@ -2821,10 +2822,10 @@ const fl = {
                               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(() => {
+                                  modelValue: Fe.value,
+                                  "onUpdate:modelValue": u[8] || (u[8] = (O) => Fe.value = O),
+                                  class: ye(["dark:bg-transparent dark:border-ring/50 text-center", Ke.value === T.id ? "" : "text-transparent"]),
+                                  onClick: u[9] || (u[9] = ue(() => {
                                   }, ["stop"])),
                                   onFocus: (O) => rn(O, T),
                                   onBlur: (O) => an(T.id),
@@ -2842,7 +2843,7 @@ const fl = {
                           ]),
                           _: 2
                         }, 1024),
-                        He.value !== T.id ? (b(), k("span", sr, z(nn(T.id)), 1)) : F("", !0)
+                        Ke.value !== T.id ? (b(), k("span", sr, z(nn(T.id)), 1)) : F("", !0)
                       ])
                     ]),
                     p("td", ir, [
@@ -2850,7 +2851,7 @@ const fl = {
                         default: c(() => [
                           r(lt, {
                             class: "w-full focus-visible:outline-none",
-                            onClick: u[10] || (u[10] = fe(() => {
+                            onClick: u[10] || (u[10] = ue(() => {
                             }, ["stop"]))
                           }, {
                             default: c(() => [
@@ -2873,7 +2874,7 @@ const fl = {
                             _: 2
                           }, 1024),
                           r(rt, null, {
-                            default: c(() => [...u[26] || (u[26] = [
+                            default: c(() => [...u[28] || (u[28] = [
                               p("p", null, "Update for individual variants only", -1)
                             ])]),
                             _: 1
@@ -2883,7 +2884,7 @@ const fl = {
                       }, 1024)
                     ])
                   ], 8, Yl),
-                  v.value.includes(T.id) ? (b(!0), k(J, { key: 0 }, ce(q(T.id), (O) => (b(), k("tr", {
+                  v.value.includes(T.id) ? (b(!0), k(J, { key: 0 }, pe(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)
@@ -2892,9 +2893,9 @@ const fl = {
                       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(() => {
+                          "model-value": S.value.includes(O.key),
+                          "onUpdate:modelValue": (se) => M(O.key, se),
+                          onClick: u[11] || (u[11] = ue(() => {
                           }, ["stop"]))
                         }, null, 8, ["model-value", "onUpdate:modelValue"])
                       ])
@@ -2905,22 +2906,22 @@ const fl = {
                           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
+                            "initial-value": C.value[D(O.options)].image ? [C.value[D(O.options)].image] : [],
+                            onSubmit: (se) => C.value[D(O.options)].image = se
                           }, {
                             default: c(() => [
                               p("button", {
-                                onClick: u[12] || (u[12] = fe(() => {
+                                onClick: u[12] || (u[12] = ue(() => {
                                 }, ["stop"])),
                                 tabindex: "-1",
                                 class: "cursor-pointer"
                               }, [
-                                C.value[w(O.options)].image ? (b(), k("img", {
+                                C.value[D(O.options)].image ? (b(), k("img", {
                                   key: 0,
-                                  src: C.value[w(O.options)].image,
+                                  src: C.value[D(O.options)].image,
                                   class: "size-10 object-cover rounded-md",
                                   draggable: "false"
-                                }, null, 8, gr)) : (b(), R(pe, {
+                                }, null, 8, gr)) : (b(), R(fe, {
                                   key: 1,
                                   variant: "outline",
                                   class: "size-10 border-dashed cursor-pointer"
@@ -2948,9 +2949,11 @@ const fl = {
                           currencyDisplay: "symbol",
                           currencySign: "standard"
                         },
-                        modelValue: C.value[w(O.options)].price,
-                        "onUpdate:modelValue": (se) => C.value[w(O.options)].price = se,
-                        min: 0
+                        modelValue: C.value[D(O.options)].price,
+                        "onUpdate:modelValue": (se) => C.value[D(O.options)].price = se,
+                        min: 0,
+                        onClick: u[13] || (u[13] = ue(() => {
+                        }, ["stop"]))
                       }, {
                         default: c(() => [
                           r(it, null, {
@@ -2965,8 +2968,10 @@ const fl = {
                     ]),
                     p("td", br, [
                       r(dt, {
-                        modelValue: C.value[w(O.options)].stock,
-                        "onUpdate:modelValue": (se) => C.value[w(O.options)].stock = se
+                        modelValue: C.value[D(O.options)].stock,
+                        "onUpdate:modelValue": (se) => C.value[D(O.options)].stock = se,
+                        onClick: u[14] || (u[14] = ue(() => {
+                        }, ["stop"]))
                       }, {
                         default: c(() => [
                           r(it, null, {
@@ -2988,7 +2993,7 @@ const fl = {
             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))
+              u[29] || (u[29] = P(" available ", -1))
             ])
           ], 64)) : F("", !0)
         ])),
@@ -3002,38 +3007,38 @@ const fl = {
 }), 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");
+    const { params: t } = Bt(), { value: n } = j("options"), { value: o } = j("variants"), l = B([]), s = B([]), i = Ne("optionsEl"), d = Ne("variantsEl");
     te(l, async (f) => {
-      n.value = f ? JSON.parse(JSON.stringify(f)) : [], await Re(), d.value?.refreshVariants();
+      n.value = f ? JSON.parse(JSON.stringify(f)) : [], await Ue(), 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);
+    const a = B(!1), x = B(!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());
+      t.value.productId == "new" || !f || Array.isArray(f) && f.length === 0 || a.value || (a.value = !0, l.value = JSON.parse(JSON.stringify(f)), await Ue(), 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));
+      t.value.productId == "new" || !f || Array.isArray(f) && f.length === 0 || x.value || (x.value = !0, s.value = JSON.parse(JSON.stringify(f)), await Ue(), d.value?.setVariantMap(f));
     }, { deep: !0, immediate: !0 });
     const v = G(() => {
-      let f = l.value || [], D = {};
+      let f = l.value || [], S = {};
       return !f || !Array.isArray(f) || f.forEach((C) => {
-        !C.name.trim() || C.values?.filter((N) => N.value.trim() !== "")?.length === 0 || (D[C.id] = {
+        !C.name.trim() || C.values?.filter((N) => N.value.trim() !== "")?.length === 0 || (S[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;
+      }), S;
     });
-    return (f, D) => {
+    return (f, S) => {
       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)),
+              S[2] || (S[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),
+                "onUpdate:modelValue": S[0] || (S[0] = ($) => l.value = $),
                 ref_key: "optionsEl",
                 ref: i
               }, null, 8, ["modelValue"]),
@@ -3042,7 +3047,7 @@ const fl = {
                 ref: d,
                 options: v.value,
                 modelValue: s.value,
-                "onUpdate:modelValue": D[1] || (D[1] = (E) => s.value = E),
+                "onUpdate:modelValue": S[1] || (S[1] = ($) => s.value = $),
                 hide: Object.keys(v.value).length === 0
               }, null, 8, ["options", "modelValue", "hide"])
             ]),
@@ -3071,17 +3076,17 @@ const fl = {
 }, Ur = /* @__PURE__ */ ne({
   __name: "SEO",
   setup(e) {
-    const { errors: t } = Ee(), { value: n } = B("title"), { value: o } = B("slug"), { value: l } = B("seo");
+    const { errors: t } = Ie(), { value: n } = j("title"), { value: o } = j("slug"), { value: l } = j("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");
+      const a = m("Label"), x = m("Input"), v = m("Textarea"), f = m("ProgressCircle"), S = m("CardContent"), C = m("Card");
       return b(), R(C, null, {
         default: c(() => [
-          r(D, null, {
+          r(S, null, {
             default: c(() => [
               d[7] || (d[7] = p("h3", { class: "text-lg font-semibold mb-4" }, "Search engine listing", -1)),
               p("div", Dr, [
@@ -3213,10 +3218,10 @@ const fl = {
 }, Yr = /* @__PURE__ */ ne({
   __name: "Status",
   setup(e) {
-    const { errors: t } = Ee(), { value: n } = B("status");
+    const { errors: t } = Ie(), { value: n } = j("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, {
+      const s = m("SelectValue"), i = m("SelectTrigger"), d = m("SelectItem"), a = m("SelectGroup"), x = m("SelectContent"), v = m("Select"), f = m("CardContent"), S = m("Card");
+      return b(), R(S, null, {
         default: c(() => [
           r(f, null, {
             default: c(() => [
@@ -3303,13 +3308,13 @@ const fl = {
       if (!t.config.collectionsCollection) return [];
       const v = t.config.collectionsCollection.split(":");
       return v.length !== 2 ? [] : (await n.get(v[0]))?.[v[1]] || [];
-    }, l = L([]);
+    }, l = B([]);
     (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 = [
+    const { value: i } = j("collections"), d = G(() => l.value.flatMap((v) => {
+      const f = v.status || "draft", S = [
         {
           id: v.id,
           title: v.title,
@@ -3317,29 +3322,29 @@ const fl = {
           isSubcollection: !1
         }
       ];
-      return Array.isArray(v.subcollections) && D.push(...v.subcollections.map((C) => ({
+      return Array.isArray(v.subcollections) && S.push(...v.subcollections.map((C) => ({
         id: C.id,
         title: C.title,
         status: f === "published" && C.status || f,
         isSubcollection: !0,
         parentTitle: v.title
-      }))), D;
+      }))), S;
     })), 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, {
+      const S = m("SelectTrigger"), C = m("SelectItem"), N = m("SelectGroup"), $ = m("SelectContent"), A = m("Select"), E = m("CardContent"), V = m("Card");
+      return b(), R(V, null, {
         default: c(() => [
-          r(A, null, {
+          r(E, null, {
             default: c(() => [
               f[1] || (f[1] = p("h3", { class: "text-lg font-semibold mb-4" }, "Collections", -1)),
-              r(M, {
+              r(A, {
                 modelValue: g(i),
-                "onUpdate:modelValue": f[0] || (f[0] = (w) => Y(i) ? i.value = w : null),
+                "onUpdate:modelValue": f[0] || (f[0] = (D) => Y(i) ? i.value = D : null),
                 class: "w-full",
                 multiple: !0
               }, {
                 default: c(() => [
-                  r(D, { class: "w-full" }, {
+                  r(S, { 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))
@@ -3347,26 +3352,26 @@ const fl = {
                     ]),
                     _: 1
                   }),
-                  r(E, null, {
+                  r($, 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
+                          (b(!0), k(J, null, pe(d.value, (D) => (b(), R(C, {
+                            key: D.id,
+                            value: D.id
                           }, {
                             default: c(() => [
                               p("div", {
-                                class: De(["flex min-w-0 items-center gap-2", { "pl-4": w.isSubcollection }])
+                                class: ye(["flex min-w-0 items-center gap-2", { "pl-4": D.isSubcollection }])
                               }, [
-                                w.isSubcollection ? (b(), R(g(Nn), {
+                                D.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"])
+                                  class: ye(["size-2 rounded-full shrink-0", D.status === "published" ? "bg-green-500" : "bg-blue-500"])
                                 }, null, 2),
-                                p("span", Zr, z(w.title), 1)
+                                p("span", Zr, z(D.title), 1)
                               ], 2)
                             ]),
                             _: 2
@@ -3412,72 +3417,75 @@ const fl = {
     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({
+    const f = B(!1), S = G(() => !d.value.productId || d.value.productId === "new"), C = B(""), N = B([]);
+    N.value = ([t, n] = yn(() => je()), t = await t, n(), t);
+    const $ = we(
+      (w) => w === null || typeof w == "string" && w.trim() === "" ? void 0 : w,
+      ke.number().finite("Must be a valid price").nonnegative("Must be 0 or greater")
+    ), A = xn(Ve({
       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()
+      media: he(X()).optional(),
+      price: $,
+      compareAtPrice: we(
+        (w) => w === "" ? void 0 : w,
+        ke.number().positive("Must be positive").optional()
       ),
-      isTaxable: Fe().optional(),
-      costPerItem: Oe(
-        (V) => V === "" ? void 0 : V,
-        xe.number().positive("Must be positive").optional()
+      isTaxable: Re().optional(),
+      costPerItem: we(
+        (w) => w === "" ? void 0 : w,
+        ke.number().positive("Must be positive").optional()
       ),
       currency: X(),
-      stock: Oe(
-        (V) => V === "" ? void 0 : V,
-        xe.number().optional()
+      stock: we(
+        (w) => w === "" ? void 0 : w,
+        ke.number().optional()
       ),
-      trackInventory: Fe().optional(),
-      allowBackorder: Fe().optional(),
-      isPhysicalProduct: Fe().optional(),
-      weight: Oe(
-        (V) => V === "" ? void 0 : V,
-        xe.number().optional()
+      trackInventory: Re().optional(),
+      allowBackorder: Re().optional(),
+      isPhysicalProduct: Re().optional(),
+      weight: we(
+        (w) => w === "" ? void 0 : w,
+        ke.number().optional()
       ),
       weightUnit: X().optional(),
       slug: X(),
-      seo: Ne({
+      seo: Ve({
         title: X().optional(),
         description: X().optional()
       }).optional(),
       createdAt: Et(),
       updatedAt: Et(),
       status: X(),
-      options: ye(Ne({
+      options: he(Ve({
         id: X(),
         name: X().min(1),
-        values: ye(Ne({
+        values: he(Ve({
           id: X(),
           value: X()
         }))
       })).optional(),
-      variants: ye(Ne({
+      variants: he(Ve({
         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()
+        disabled: Re().optional(),
+        price: $,
+        stock: we(
+          (w) => w === "" ? void 0 : w,
+          ke.number().optional()
         ),
         image: X().optional(),
-        options: ye(Ne({
+        options: he(Ve({
           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,
+      tags: he(X()).optional(),
+      collections: he(X()).optional()
+    })), { handleSubmit: E, errors: V, values: D, setValues: U } = Dn({
+      validationSchema: A,
       initialValues: {
         createdAt: /* @__PURE__ */ new Date(),
         updatedAt: /* @__PURE__ */ new Date(),
@@ -3503,69 +3511,69 @@ const fl = {
       }
     });
     An(() => [
-      { text: D.value ? "New Product" : S.title || "Product" }
+      { text: S.value ? "New Product" : D.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]
+    const W = (w) => {
+      let M = {
+        ...w,
+        maxPrice: H(),
+        minPrice: oe(),
+        maxCompareAtPrice: tt(),
+        minCompareAtPrice: ie(),
+        isSingleVariant: !w.variants || w.variants.length === 0,
+        variantsTotal: w.variants?.length || 1,
+        stock: Ee(),
+        featuredMedia: w.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) => {
+      return M.isPhysicalProduct ? M.type = "physical" : (M.weight = 0, M.weightUnit = "kg", M.type = "digital"), M;
+    }, H = () => !D.variants || D.variants.length === 0 ? D.price : Math.max(...D.variants.map((w) => w.price)), oe = () => !D.variants || D.variants.length === 0 ? D.price : Math.min(...D.variants.map((w) => w.price)), ie = () => D.compareAtPrice, tt = () => D.compareAtPrice, Ee = () => !D.variants || D.variants.length === 0 ? D.stock : D.variants.reduce((w, M) => M.stock < 0 ? w : w + M.stock, 0), Be = E(async (w) => {
       f.value = !0;
-      let $ = U(V);
-      if (D.value) {
-        if (await Ve($.slug)) {
+      let M = W(w);
+      if (S.value) {
+        if (await Ae(M.slug)) {
           de.error("Product slug already exists");
           return;
         }
-        $.createdAt = /* @__PURE__ */ new Date(), $.updatedAt = /* @__PURE__ */ new Date();
-        const ae = await v.add(o.config.productCollection, $);
+        M.createdAt = /* @__PURE__ */ new Date(), M.updatedAt = /* @__PURE__ */ new Date();
+        const ae = await v.add(o.config.productCollection, M);
         a(ae.id), de.success("Product created");
       } else {
-        if (C.value !== $.slug && await Ve($.slug)) {
+        if (C.value !== M.slug && await Ae(M.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");
+        M.updatedAt = /* @__PURE__ */ new Date(), await v.update(o.config.productCollection, d.value.productId, M), 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) {
+    }), q = async () => {
+      const w = await v.get(o.config.productCollection, d.value.productId);
+      if (!w) {
         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) => {
+      w.createdAt = new Date(w.createdAt), w.updatedAt = new Date(w.updatedAt), w.options?.forEach((M) => {
+        M.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 () => {
+        }), M.values.push({ id: Math.random().toString(36).substring(2, 15), value: "" });
+      }), U(w), C.value = w.slug;
+    }, be = 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);
+        let w = { ...D }, M = w.slug + "-copy", ae = 2;
+        for (; await Ae(M); )
+          M = w.slug + "-copy-" + ae, ae++;
+        w.id = void 0, w.createdAt = /* @__PURE__ */ new Date(), w.updatedAt = /* @__PURE__ */ new Date(), w.slug = M, w.status = "draft", w.title = w.title + " (copy)";
+        const _e = await v.add(o.config.productCollection, w);
         a(_e.id), de.success("Product duplicated");
       } catch {
         de.error("Failed to duplicate product");
       }
-    }, be = async () => {
+    }, Se = async () => {
       try {
-        await v.update(o.config.productCollection, d.value.productId, { status: "archived" }), w({ status: "archived" }, { force: !1 }), de.success("Product archived");
+        await v.update(o.config.productCollection, d.value.productId, { status: "archived" }), U({ status: "archived" }, { force: !1 }), de.success("Product archived");
       } catch {
         de.error("Failed to archive product");
       }
-    }, ke = async () => {
+    }, Me = 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");
@@ -3573,32 +3581,32 @@ const fl = {
           de.error("Failed to delete product");
         }
     };
-    async function Ae() {
+    async function je() {
       if (!o.config.collectionsCollection) return [];
-      const V = o.config.collectionsCollection.split(":");
-      return V.length !== 2 ? [] : (await v.get(V[0]))?.[V[1]] || [];
+      const w = o.config.collectionsCollection.split(":");
+      return w.length !== 2 ? [] : (await v.get(w[0]))?.[w[1]] || [];
     }
-    async function Ve(V) {
+    async function Ae(w) {
       return (await v.find(o.config.productCollection, {
         filters: [
           {
             field: "slug",
             operator: "==",
-            value: V
+            value: w
           }
         ]
       })).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");
+      S.value || q();
+    }), (w, M) => {
+      const ae = m("Button"), _e = m("MenubarTrigger"), ze = m("MenubarMenu"), He = m("MenubarItem"), Xe = m("MenubarContent"), Ye = m("Menubar");
       return b(), k("div", ea, [
         p("div", ta, [
           p("div", na, [
             r(ae, {
               variant: "ghost",
-              onClick: $[0] || ($[0] = (tt) => g(a)(""))
+              onClick: M[0] || (M[0] = (Oe) => g(a)(""))
             }, {
               default: c(() => [
                 r(g(Tn), { class: "size-4" })
@@ -3606,18 +3614,18 @@ const fl = {
               _: 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)
+            p("h1", oa, z(S.value ? "New Product" : g(D).title), 1),
+            g(D).status === "published" ? (b(), k("span", la, "Published")) : g(D).status === "draft" ? (b(), k("span", ra, "Draft")) : g(D).status === "archived" ? (b(), k("span", aa, "Archived")) : F("", !0)
           ]),
-          D.value ? F("", !0) : (b(), R(Be, {
+          S.value ? F("", !0) : (b(), R(Ye, {
             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] = [
+                  r(_e, { onClick: be }, {
+                    default: c(() => [...M[1] || (M[1] = [
                       P("Duplicate", -1)
                     ])]),
                     _: 1
@@ -3628,7 +3636,7 @@ const fl = {
               r(ze, null, {
                 default: c(() => [
                   r(_e, null, {
-                    default: c(() => [...$[2] || ($[2] = [
+                    default: c(() => [...M[2] || (M[2] = [
                       P("Preview", -1)
                     ])]),
                     _: 1
@@ -3639,31 +3647,31 @@ const fl = {
               g(s)("edit-product", "delete-product") ? (b(), R(ze, { key: 1 }, {
                 default: c(() => [
                   r(_e, null, {
-                    default: c(() => [...$[3] || ($[3] = [
+                    default: c(() => [...M[3] || (M[3] = [
                       P("More actions", -1)
                     ])]),
                     _: 1
                   }),
-                  r(et, null, {
+                  r(Xe, null, {
                     default: c(() => [
-                      g(l)("edit-product") ? (b(), R(Le, {
+                      g(l)("edit-product") ? (b(), R(He, {
                         key: 0,
-                        onClick: be
+                        onClick: Se
                       }, {
                         default: c(() => [
                           r(g($n), { class: "size-4" }),
-                          $[4] || ($[4] = P(" Archive product ", -1))
+                          M[4] || (M[4] = P(" Archive product ", -1))
                         ]),
                         _: 1
                       })) : F("", !0),
-                      g(l)("delete-product") ? (b(), R(Le, {
+                      g(l)("delete-product") ? (b(), R(He, {
                         key: 1,
                         variant: "destructive",
-                        onClick: ke
+                        onClick: Me
                       }, {
                         default: c(() => [
                           r(g(En), { class: "size-4" }),
-                          $[5] || ($[5] = P(" Delete product ", -1))
+                          M[5] || (M[5] = P(" Delete product ", -1))
                         ]),
                         _: 1
                       })) : F("", !0)
@@ -3694,9 +3702,9 @@ const fl = {
         ]),
         g(s)("create-product", "edit-product") ? (b(), k("div", ua, [
           p("div", ca, [
-            D.value && g(l)("create-product") ? (b(), R(ae, {
+            S.value && g(l)("create-product") ? (b(), R(ae, {
               key: 0,
-              onClick: g(we),
+              onClick: g(Be),
               disabled: f.value
             }, {
               default: c(() => [
@@ -3709,7 +3717,7 @@ const fl = {
               _: 1
             }, 8, ["onClick", "disabled"])) : g(l)("edit-product") ? (b(), R(ae, {
               key: 1,
-              onClick: g(we),
+              onClick: g(Be),
               disabled: f.value
             }, {
               default: c(() => [