@oneclick.dev/cms-core-modules 0.0.83 → 0.0.85

package/dist/{Detail-CVgWHbMC.mjs → Detail-Dnpnmy4-.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as ne, inject as tt, resolveComponent as v, openBlock as h, createBlock as L, withCtx as f, createVNode as s, createElementVNode as u, createTextVNode as V, isRef as Y, unref as m, createElementBlock as w, toDisplayString as F, createCommentVNode as M, computed as de, watch as re, useTemplateRef as Ee, ref as X, nextTick as Te, Fragment as q, renderList as ie, withModifiers as fe, onMounted as lt, normalizeClass as $e, withKeys as Yt, provide as dt, withAsyncContext as Kt } from "vue";
-import { u as xe, a as U, t as Jt, o as Se, b as ve, s as H, p as Ne, c as be, d as Ie, e as ut, f as qt } from "./vee-validate-zod-CcOwoF6y.mjs";
+import { defineComponent as ne, inject as tt, resolveComponent as v, openBlock as h, createBlock as L, withCtx as f, createVNode as s, createElementVNode as u, createTextVNode as V, isRef as Y, unref as m, createElementBlock as w, toDisplayString as F, createCommentVNode as O, computed as de, watch as re, useTemplateRef as Ee, ref as X, nextTick as Te, Fragment as J, renderList as ie, withModifiers as fe, onMounted as lt, normalizeClass as $e, withKeys as Yt, provide as dt, withAsyncContext as Kt } from "vue";
+import { u as xe, a as U, t as qt, o as Se, b as ve, s as H, p as Ne, c as be, d as Ie, e as ut, f as Jt } from "./vee-validate-zod-CcOwoF6y.mjs";
 import { Info as Wt, GripVertical as Qe, CircleX as Gt, Trash2 as Zt, PlusCircle as ct, Search as ft, ListFilter as Qt, ChevronDown as pt, X as en, ImagePlus as gt, Plus as tn, Tag as nn, ChevronRight as on, Archive as ln, Trash as rn, Loader2 as mt } from "lucide-vue-next";
 import { animations as yt } from "@formkit/drag-and-drop";
 import { useConfirmation as Dt, useModuleRoute as St, useFirebaseIntegration as Ct, useModulePermissions as an, useModuleBreadcrumbs as sn } from "@oneclick.dev/cms-kit";
@@ -42,7 +42,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     modelValue: m(l),
                     "onUpdate:modelValue": r[0] || (r[0] = (I) => Y(l) ? l.value = I : null)
                   }, null, 8, ["modelValue"]),
-                  m(o).title ? (h(), w("p", fn, F(m(o).title), 1)) : M("", !0)
+                  m(o).title ? (h(), w("p", fn, F(m(o).title), 1)) : O("", !0)
                 ])
               ]),
               u("div", pn, [
@@ -62,7 +62,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     modelValue: m(a),
                     "onUpdate:modelValue": r[1] || (r[1] = (I) => Y(a) ? a.value = I : null)
                   }, null, 8, ["modelValue"]),
-                  m(o).description ? (h(), w("p", mn, F(m(o).description), 1)) : M("", !0)
+                  m(o).description ? (h(), w("p", mn, F(m(o).description), 1)) : O("", !0)
                 ])
               ]),
               u("div", vn, [
@@ -83,7 +83,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     sources: m(t),
                     defaultSource: m(n)
                   }, null, 8, ["modelValue", "sources", "defaultSource"]),
-                  m(o).media ? (h(), w("p", hn, F(m(o).media), 1)) : M("", !0)
+                  m(o).media ? (h(), w("p", hn, F(m(o).media), 1)) : O("", !0)
                 ])
               ])
             ]),
@@ -135,7 +135,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     }, null, 8, ["modelValue"]),
                     d[5] || (d[5] = u("span", { class: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }, "€", -1))
                   ]),
-                  m(t).price ? (h(), w("p", Dn, F(m(t).price), 1)) : M("", !0)
+                  m(t).price ? (h(), w("p", Dn, F(m(t).price), 1)) : O("", !0)
                 ]),
                 u("div", null, [
                   s(r, {
@@ -182,7 +182,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                       _: 1
                     })
                   ]),
-                  m(t).compareAtPrice ? (h(), w("p", wn, F(m(t).compareAtPrice), 1)) : M("", !0)
+                  m(t).compareAtPrice ? (h(), w("p", wn, F(m(t).compareAtPrice), 1)) : O("", !0)
                 ])
               ]),
               u("div", kn, [
@@ -222,7 +222,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     }, null, 8, ["modelValue"]),
                     d[11] || (d[11] = u("span", { class: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }, "€", -1))
                   ]),
-                  m(t).costPerItem ? (h(), w("p", Nn, F(m(t).costPerItem), 1)) : M("", !0)
+                  m(t).costPerItem ? (h(), w("p", Nn, F(m(t).costPerItem), 1)) : O("", !0)
                 ])
               ])
             ]),
@@ -241,7 +241,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
   setup(e) {
     const { errors: t } = xe(), { value: n } = U("sku"), { value: o } = U("barcode"), { value: l } = U("trackInventory"), { value: a } = U("allowBackorder"), { value: i } = U("stock"), { value: d } = U("options"), { value: r } = U("variants"), b = de(() => r.value.reduce((x, c) => c.stock < 0 ? x : x + c.stock, 0));
     return (x, c) => {
-      const D = v("Label"), T = v("Input"), N = v("Checkbox"), I = v("TooltipTrigger"), A = v("TooltipContent"), z = v("Tooltip"), _ = v("CardContent"), S = v("Card");
+      const D = v("Label"), T = v("Input"), N = v("Checkbox"), I = v("TooltipTrigger"), A = v("TooltipContent"), M = v("Tooltip"), _ = v("CardContent"), S = v("Card");
       return h(), L(S, null, {
         default: f(() => [
           s(_, null, {
@@ -315,7 +315,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     modelValue: m(i),
                     "onUpdate:modelValue": c[3] || (c[3] = (B) => Y(i) ? i.value = B : null),
                     class: "no-spinner"
-                  }, null, 8, ["modelValue"])) : (h(), L(z, { key: 1 }, {
+                  }, null, 8, ["modelValue"])) : (h(), L(M, { key: 1 }, {
                     default: f(() => [
                       s(I, { class: "cursor-not-allowed" }, {
                         default: f(() => [
@@ -338,7 +338,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     _: 1
                   }))
                 ])
-              ])) : M("", !0),
+              ])) : O("", !0),
               u("div", An, [
                 s(N, {
                   id: "continue-selling",
@@ -363,7 +363,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
       });
     };
   }
-}), On = { class: "flex items-center gap-2 mb-4" }, Mn = {
+}), Mn = { class: "flex items-center gap-2 mb-4" }, On = {
   key: 0,
   class: "grid grid-cols-2 gap-4 mb-4"
 }, Fn = /* @__PURE__ */ ne({
@@ -371,13 +371,13 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
   setup(e) {
     const { errors: t } = xe(), { value: n } = U("isPhysicalProduct"), { value: o } = U("weight"), { value: l } = U("weightUnit");
     return (a, i) => {
-      const d = v("Checkbox"), r = v("Label"), b = v("Input"), x = v("SelectValue"), c = v("SelectTrigger"), D = v("SelectItem"), T = v("SelectGroup"), N = v("SelectContent"), I = v("Select"), A = v("CardContent"), z = v("Card");
-      return h(), L(z, null, {
+      const d = v("Checkbox"), r = v("Label"), b = v("Input"), x = v("SelectValue"), c = v("SelectTrigger"), D = v("SelectItem"), T = v("SelectGroup"), N = v("SelectContent"), I = v("Select"), A = v("CardContent"), M = v("Card");
+      return h(), L(M, null, {
         default: f(() => [
           s(A, null, {
             default: f(() => [
               i[10] || (i[10] = u("h3", { class: "text-lg font-semibold mb-4" }, "Shipping", -1)),
-              u("div", On, [
+              u("div", Mn, [
                 s(d, {
                   id: "is-physical-product",
                   modelValue: m(n),
@@ -393,7 +393,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                   _: 1
                 })
               ]),
-              m(n) ? (h(), w("div", Mn, [
+              m(n) ? (h(), w("div", On, [
                 u("div", null, [
                   s(r, {
                     for: "weight",
@@ -471,7 +471,7 @@ const un = { class: "flex flex-col gap-4" }, cn = { class: "flex flex-col" }, fn
                     _: 1
                   }, 8, ["modelValue"])
                 ])
-              ])) : M("", !0)
+              ])) : O("", !0)
             ]),
             _: 1
           })
@@ -662,7 +662,7 @@ function Kn(e) {
       bt(e, l, !0);
     }
 }
-function Jn({
+function qn({
   parent: e,
   getValues: t,
   setValues: n,
@@ -713,7 +713,7 @@ function Jn({
       handleParentDrop: Zn,
       multiDrag: o.multiDrag ?? !1,
       nativeDrag: o.nativeDrag ?? !0,
-      performSort: qn,
+      performSort: Jn,
       performTransfer: Gn,
       root: o.root ?? document,
       setupNode: to,
@@ -777,7 +777,7 @@ function Tt(e, t, n, o, l, a) {
     transferred: !1
   };
 }
-function qn({
+function Jn({
   parent: e,
   draggedNodes: t,
   targetNodes: n
@@ -826,7 +826,7 @@ function he(e, t, n) {
     i !== -1 && n.selectedState.nodes.splice(i, 1);
   }
 }
-function Oe(e, t, n, o, l = !1) {
+function Me(e, t, n, o, l = !1) {
   o.pointerSelection = l;
   for (const a of t)
     a.el.setAttribute("aria-selected", "true"), Ce([a.el], e.data.config.selectedClass, !0);
@@ -896,15 +896,15 @@ function te(e) {
 }
 function eo(e, t) {
   t.abortControllers.mainParent = Fe(e, {
-    dragover: Me(t.config.handleParentDragover),
+    dragover: Oe(t.config.handleParentDragover),
     handleParentPointerover: t.config.handleParentPointerover,
-    scroll: Me(t.config.handleParentScroll),
-    drop: Me(t.config.handleParentDrop),
+    scroll: Oe(t.config.handleParentScroll),
+    drop: Oe(t.config.handleParentDrop),
     hasNestedParent: (n) => {
       const o = W.get(n.target);
       o && (o.nestedParent = n.detail.parent);
     },
-    focus: Me(t.config.handleParentFocus)
+    focus: Oe(t.config.handleParentFocus)
   }), t.config.externalDragHandle && t.config.externalDragHandle.el && t.config.externalDragHandle.callback && (t.abortControllers.externalDragHandle = Fe(
     t.config.externalDragHandle.el,
     {
@@ -1150,7 +1150,7 @@ function fo(e, t) {
       (r) => r.el === i.el
     ) === -1 ? o = [...t.selectedState.nodes, i] : o = t.selectedState.nodes.filter(
       (r) => r.el !== i.el
-    ) : o = [i], Oe(
+    ) : o = [i], Me(
       e.targetData.parent,
       o,
       e.targetData.node,
@@ -1179,7 +1179,7 @@ function fo(e, t) {
     else
       for (let r = 0; r <= i.data.index; r++)
         o.push(d[r]);
-    Oe(
+    Me(
       e.targetData.parent,
       o,
       e.targetData.node,
@@ -1190,13 +1190,13 @@ function fo(e, t) {
   }
   t.selectedState?.nodes?.length ? t.selectedState.nodes.findIndex(
     (r) => r.el === e.targetData.node.el
-  ) === -1 && (t.selectedState.parent.el !== e.targetData.parent.el ? he(t.selectedState.nodes, e.targetData.parent, t) : n.config.multiDrag && Nt() ? o.push(...t.selectedState.nodes) : he(t.selectedState.nodes, e.targetData.parent, t), Oe(
+  ) === -1 && (t.selectedState.parent.el !== e.targetData.parent.el ? he(t.selectedState.nodes, e.targetData.parent, t) : n.config.multiDrag && Nt() ? o.push(...t.selectedState.nodes) : he(t.selectedState.nodes, e.targetData.parent, t), Me(
     e.targetData.parent,
     o,
     e.targetData.node,
     t,
     !0
-  )) : Oe(
+  )) : Me(
     e.targetData.parent,
     [e.targetData.node],
     e.targetData.node,
@@ -1394,8 +1394,8 @@ function Co(e, t, n, o, l, a) {
     "overflow"
   ], x = (N, I) => {
     const A = window.getComputedStyle(N);
-    b.forEach((z) => {
-      I.style[z] = A[z];
+    b.forEach((M) => {
+      I.style[M] = A[M];
     });
   }, c = (N, I = {}) => {
     Object.assign(N.style, {
@@ -1621,7 +1621,7 @@ function Be(e, t) {
     targetNodes: "node" in e.targetData ? [e.targetData.node] : []
   }), t.currentParent = e.targetData.parent, t.transferred = !0);
 }
-function Me(e) {
+function Oe(e) {
   function t(n) {
     const o = W.get(n);
     if (o)
@@ -1688,17 +1688,17 @@ function pe(e, t) {
 function ht(e, t, n, o, l) {
   const i = l.axis === "x", d = e === document.scrollingElement, r = i ? "scrollLeft" : "scrollTop", b = i ? "clientWidth" : "clientHeight", x = i ? "offsetWidth" : "offsetHeight", c = i ? "scrollWidth" : "scrollHeight", D = i ? t.clientX : t.clientY, T = i ? o.left : o.top, N = i ? n.overflowX : n.overflowY;
   if (d) {
-    const I = e[r], A = e[b], z = I > 0, _ = I + A < (i ? l.state.rootScrollWidth || 0 : e[c]);
+    const I = e[r], A = e[b], M = I > 0, _ = I + A < (i ? l.state.rootScrollWidth || 0 : e[c]);
     return i ? {
-      left: z && D < A * 0.075,
+      left: M && D < A * 0.075,
       right: _ && D > A * (1 - 0.075)
     } : {
-      up: z && D < A * 0.075,
+      up: M && D < A * 0.075,
       down: _ && D > A * (1 - 0.075)
     };
   }
   if ((N === "auto" || N === "scroll") && e !== document.body && e !== document.documentElement) {
-    const I = e[c], A = e[x], z = e[r], _ = z > 0, S = z < I - A;
+    const I = e[c], A = e[x], M = e[r], _ = M > 0, S = M < I - A;
     return i ? {
       left: _ && D < T + A * 0.075,
       right: S && D > T + A * (1 - 0.075)
@@ -1815,7 +1815,7 @@ function xt(e) {
   if ("$el" in e && e.$el instanceof HTMLElement)
     return e.$el;
 }
-function Oo(e, t) {
+function Mo(e, t) {
   Array.isArray(e) || (e = [e]);
   for (const n of e) {
     const o = xt(n);
@@ -1828,7 +1828,7 @@ function Oo(e, t) {
   }
 }
 var at = /* @__PURE__ */ new WeakMap();
-function Mo(e) {
+function Oo(e) {
   const t = at.get(e);
   return t ? "value" in t ? t.value : t : (console.warn("No values found for parent element"), []);
 }
@@ -1836,17 +1836,17 @@ function Fo(e, t) {
   const n = at.get(t);
   n && "value" in n && (n.value = e);
 }
-function Ot(e) {
+function Mt(e) {
   rt && (Array.isArray(e) || (e = [e]), e.forEach((t) => {
     const { parent: n, values: o, ...l } = t;
-    Oo(n, Lo(l, o));
+    Mo(n, Lo(l, o));
   }));
 }
 function Lo(e, t) {
   return (n) => {
-    at.set(n, t), Jn({
+    at.set(n, t), qn({
       parent: n,
-      getValues: Mo,
+      getValues: Oo,
       setValues: Fo,
       config: {
         ...e
@@ -1860,10 +1860,10 @@ const Bo = {
 }, Ro = { class: "option-drag-handle flex-none mt-9.5 cursor-grab" }, Uo = { class: "flex-1" }, jo = { class: "mb-3" }, Ho = { class: "flex items-center" }, Xo = {
   key: 0,
   class: "mt-1 text-sm text-red-600"
-}, Yo = { class: "flex items-center gap-1" }, Ko = { class: "mb-2" }, Jo = {
+}, Yo = { class: "flex items-center gap-1" }, Ko = { class: "mb-2" }, qo = {
   key: 0,
   class: "option-value-drag-handle absolute -left-7 top-1/2 -translate-y-1/2 flex-none mr-2 cursor-grab"
-}, qo = ["onClick"], Wo = { class: "flex justify-between" }, Go = { class: "flex-1" }, Zo = { class: "text-sm mb-2" }, Qo = { class: "flex flex-wrap gap-2" }, el = {
+}, Jo = ["onClick"], Wo = { class: "flex justify-between" }, Go = { class: "flex-1" }, Zo = { class: "text-sm mb-2" }, Qo = { class: "flex flex-wrap gap-2" }, el = {
   key: 0,
   class: "px-2 py-1 border rounded-full bg-muted text-muted-foreground text-sm"
 }, tl = /* @__PURE__ */ ne({
@@ -1892,7 +1892,7 @@ const Bo = {
       }
     }), r = Ee("valueListRef"), b = X(!1);
     re(b, async (_) => {
-      console.log("minified", _), _ || (await Te(), Ot({
+      _ || (await Te(), Mt({
         parent: r?.value,
         values: d,
         group: "valueList",
@@ -1918,7 +1918,7 @@ const Bo = {
       _.target;
       const B = i.value.values, K = B?.[S];
       K.touched = !0, B?.every((Q) => Q.value.trim() !== "") && c();
-    }, z = (_) => {
+    }, M = (_) => {
       const S = i.value, B = S?.values.every((K, j) => K.value.trim() !== "" || j === _);
       S && S.values[_].value.trim() === "" && !B && T(_);
     };
@@ -1943,10 +1943,10 @@ const Bo = {
         u("div", Go, [
           u("p", Zo, F(i.value.name), 1),
           u("div", Qo, [
-            (h(!0), w(q, null, ie(d.value, (j) => (h(), w(q, {
+            (h(!0), w(J, null, ie(d.value, (j) => (h(), w(J, {
               key: j.id
             }, [
-              j.value ? (h(), w("span", el, F(j.value), 1)) : M("", !0)
+              j.value ? (h(), w("span", el, F(j.value), 1)) : O("", !0)
             ], 64))), 128))
           ])
         ])
@@ -1974,7 +1974,7 @@ const Bo = {
                 s(m(Gt), { class: "size-4" }),
                 V(" " + F(i.value.nameError), 1)
               ])
-            ])) : M("", !0)
+            ])) : O("", !0)
           ]),
           u("div", Ko, [
             S[7] || (S[7] = u("label", { class: "block text-sm mb-2" }, "Option values", -1)),
@@ -1982,13 +1982,13 @@ const Bo = {
               ref_key: "valueListRef",
               ref: r
             }, [
-              d.value ? (h(!0), w(q, { key: 0 }, ie(d.value, (j, Q) => (h(), w("div", {
+              d.value ? (h(!0), w(J, { key: 0 }, ie(d.value, (j, Q) => (h(), w("div", {
                 key: j.id,
                 class: "relative flex items-center mb-2"
               }, [
-                j.touched ? (h(), w("div", Jo, [
+                j.touched ? (h(), w("div", qo, [
                   s(m(Qe), { class: "size-4 text-gray-400" })
-                ])) : M("", !0),
+                ])) : O("", !0),
                 s(B, {
                   modelValue: j.value,
                   "onUpdate:modelValue": (oe) => j.value = oe,
@@ -1996,7 +1996,7 @@ const Bo = {
                   class: "pr-12",
                   onKeydown: (oe) => I(oe, Q),
                   onKeyup: (oe) => A(oe, Q),
-                  onBlur: (oe) => z(Q),
+                  onBlur: (oe) => M(Q),
                   spellcheck: "false"
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeydown", "onKeyup", "onBlur"]),
                 d.value.length > 2 && j.touched ? (h(), w("button", {
@@ -2006,8 +2006,8 @@ const Bo = {
                   type: "button"
                 }, [
                   s(m(Zt), { class: "size-4" })
-                ], 8, qo)) : M("", !0)
-              ]))), 128)) : M("", !0)
+                ], 8, Jo)) : O("", !0)
+              ]))), 128)) : O("", !0)
             ], 512)
           ]),
           u("div", Wo, [
@@ -2051,17 +2051,17 @@ const Bo = {
       get() {
         return o.modelValue;
       },
-      set(z) {
-        l("update:modelValue", z);
+      set(M) {
+        l("update:modelValue", M);
       }
     }), b = X(!1);
-    re(r, (z) => {
-      console.log("mutableOptions2", z ? JSON.parse(JSON.stringify(z)) : []), !b.value && (!a.value || a.value.length === 0 && z.length > 0) && (b.value = !0, a.value = z ? JSON.parse(JSON.stringify(z)) : []);
-    }, { deep: !0 }), re(a, (z) => {
-      r.value = z?.map((_) => ({
+    re(r, (M) => {
+      b.value || (!a.value || a.value.length === 0 && M.length > 0) && (b.value = !0, a.value = M ? JSON.parse(JSON.stringify(M)) : []);
+    }, { deep: !0 }), re(a, (M) => {
+      r.value = M?.map((_) => ({
         ..._,
         values: _.values.filter((S) => S.value.trim() !== "")
-      })), !I.value && z.length > 0 && A();
+      })), !I.value && M.length > 0 && A();
     }, { deep: !0 });
     const x = () => Math.random().toString(36).substring(2, 15), c = () => {
       const _ = {
@@ -2072,33 +2072,33 @@ const Bo = {
       };
       a.value.push(_);
     }, D = () => {
-      d.value?.forEach((z) => {
-        z && (z.minified = !0);
+      d.value?.forEach((M) => {
+        M && (M.minified = !0);
       });
-    }, T = (z) => {
-      const _ = a.value.findIndex((S) => S.id === z.id);
-      _ !== -1 && (a.value[_] = z);
-    }, N = (z) => {
-      const _ = a.value.findIndex((S) => S.id === z.id);
+    }, T = (M) => {
+      const _ = a.value.findIndex((S) => S.id === M.id);
+      _ !== -1 && (a.value[_] = M);
+    }, N = (M) => {
+      const _ = a.value.findIndex((S) => S.id === M.id);
       _ !== -1 && a.value.splice(_, 1);
     }, I = X(!1), A = () => {
       try {
-        I.value = !0, Ot({
+        I.value = !0, Mt({
           parent: i?.value,
           values: a,
           group: "optionsList",
           dragHandle: ".option-drag-handle",
           plugins: [yt()]
         });
-      } catch (z) {
-        console.error(z);
+      } catch (M) {
+        console.error(M);
       }
     };
     return lt(() => {
-      a.value = o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : [], console.log("mutableOptions", o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : []), a.value.length > 0 && A();
+      a.value = o.modelValue ? JSON.parse(JSON.stringify(o.modelValue)) : [], a.value.length > 0 && A();
     }), t({
       minifyAll: D
-    }), (z, _) => {
+    }), (M, _) => {
       const S = v("Button");
       return h(), w("div", null, [
         u("div", {
@@ -2108,7 +2108,7 @@ const Bo = {
             ref_key: "optionsListRefElement",
             ref: i
           }, [
-            (h(!0), w(q, null, ie(a.value, (B) => (h(), L(tl, {
+            (h(!0), w(J, null, ie(a.value, (B) => (h(), L(tl, {
               ref_for: !0,
               ref_key: "optionRefs",
               ref: d,
@@ -2144,7 +2144,7 @@ const Bo = {
               ]),
               _: 1
             }))
-          ], 2)) : M("", !0)
+          ], 2)) : O("", !0)
         ], 2)
       ]);
     };
@@ -2161,7 +2161,7 @@ const Bo = {
 }, Dl = ["src"], Sl = ["src"], Cl = { class: "flex flex-col justify-center px-2" }, wl = { class: "text-md mb-0.5 hover:underline select-none" }, kl = { class: "flex items-center gap-1 text-xs text-muted-foreground hover:opacity-70 transition-opacity duration-200 cursor-pointer select-none" }, Pl = { class: "p-2 w-[30%]" }, Vl = { class: "relative" }, Nl = { key: 0 }, Il = { key: 1 }, Tl = {
   key: 0,
   class: "absolute inset-0 top-1/2 -translate-y-1/2 px-2 truncate text-sm text-muted-foreground w-full text-center pointer-events-none"
-}, $l = { class: "p-2 w-[18%]" }, El = { class: "w-10" }, Al = { class: "w-10 p-2 translate-x-10" }, zl = { class: "p-2 pl-12" }, Ol = { class: "flex items-stretch gap-2" }, Ml = ["src"], Fl = { class: "flex flex-col justify-center px-2" }, Ll = { class: "p-2 w-[30%]" }, Bl = { class: "p-2 w-[18%] group" }, Rl = { class: "text-center text-sm text-muted-foreground bg-accent dark:bg-border p-3 -mx-6 -mb-6 rounded-b-lg" }, Ul = { key: 0 }, jl = /* @__PURE__ */ ne({
+}, $l = { class: "p-2 w-[18%]" }, El = { class: "w-10" }, Al = { class: "w-10 p-2 translate-x-10" }, zl = { class: "p-2 pl-12" }, Ml = { class: "flex items-stretch gap-2" }, Ol = ["src"], Fl = { class: "flex flex-col justify-center px-2" }, Ll = { class: "p-2 w-[30%]" }, Bl = { class: "p-2 w-[18%] group" }, Rl = { class: "text-center text-sm text-muted-foreground bg-accent dark:bg-border p-3 -mx-6 -mb-6 rounded-b-lg" }, Ul = { key: 0 }, jl = /* @__PURE__ */ ne({
   __name: "VariantList",
   props: {
     options: {
@@ -2210,7 +2210,7 @@ const Bo = {
           price: c.value[p].price,
           stock: c.value[p].stock,
           image: c.value[p].image,
-          options: z(p)
+          options: M(p)
         });
       }), a.value = k.filter((p) => p.options?.length === Object.keys(o.options).length && p.options?.every((y) => Object.entries(o.options).find(([$, R]) => R.id === y.optionId)));
     }
@@ -2226,7 +2226,7 @@ const Bo = {
     const A = (k) => k.split("|").map((y) => {
       const [$, R] = y.split(":");
       return { optionId: $, valueId: R };
-    }).map((y) => o.options?.[y.optionId]?.values?.find((se) => se.id === y.valueId)?.value || "").join(" "), z = (k) => k.split("|").map((y) => {
+    }).map((y) => o.options?.[y.optionId]?.values?.find((se) => se.id === y.valueId)?.value || "").join(" "), M = (k) => k.split("|").map((y) => {
       const [$, R] = y.split(":");
       return { optionId: $, valueId: R };
     }).map((y) => {
@@ -2306,12 +2306,12 @@ const Bo = {
       setVariantMap: le,
       refreshVariants: T
     }), (k, p) => {
-      const y = v("SelectValue"), $ = v("SelectTrigger"), R = v("SelectItem"), se = v("SelectContent"), Mt = v("Select"), De = v("Button"), st = v("Input"), Ft = v("PopoverTrigger"), Lt = v("RadioGroupItem"), Bt = v("Label"), Rt = v("RadioGroup"), Ut = v("PopoverContent"), jt = v("Popover"), Ye = v("Checkbox"), Ke = v("TooltipTrigger"), Je = v("TooltipContent"), qe = v("Tooltip"), it = v("MediaPickerDialog"), We = v("NumberFieldInput"), Ge = v("NumberFieldContent"), Ze = v("NumberField"), Ht = v("NumberFieldDecrement"), Xt = v("NumberFieldIncrement");
-      return e.hide ? M("", !0) : (h(), w("div", ol, [
+      const y = v("SelectValue"), $ = v("SelectTrigger"), R = v("SelectItem"), se = v("SelectContent"), Ot = v("Select"), De = v("Button"), st = v("Input"), Ft = v("PopoverTrigger"), Lt = v("RadioGroupItem"), Bt = v("Label"), Rt = v("RadioGroup"), Ut = v("PopoverContent"), jt = v("Popover"), Ye = v("Checkbox"), Ke = v("TooltipTrigger"), qe = v("TooltipContent"), Je = v("Tooltip"), it = v("MediaPickerDialog"), We = v("NumberFieldInput"), Ge = v("NumberFieldContent"), Ze = v("NumberField"), Ht = v("NumberFieldDecrement"), Xt = v("NumberFieldIncrement");
+      return e.hide ? O("", !0) : (h(), w("div", ol, [
         u("div", ll, [
           Object.keys(e.options).length > 1 ? (h(), w("div", rl, [
             p[13] || (p[13] = u("p", null, "Group by", -1)),
-            s(Mt, {
+            s(Ot, {
               modelValue: r.value,
               "onUpdate:modelValue": p[0] || (p[0] = (P) => r.value = P)
             }, {
@@ -2324,7 +2324,7 @@ const Bo = {
                 }),
                 s(se, null, {
                   default: f(() => [
-                    (h(!0), w(q, null, ie(e.options, (P) => (h(), L(R, {
+                    (h(!0), w(J, null, ie(e.options, (P) => (h(), L(R, {
                       key: P.id,
                       value: P.id
                     }, {
@@ -2339,7 +2339,7 @@ const Bo = {
               ]),
               _: 1
             }, 8, ["modelValue"])
-          ])) : M("", !0),
+          ])) : O("", !0),
           b.value ? (h(), L(De, {
             key: 2,
             variant: "outline",
@@ -2378,7 +2378,7 @@ const Bo = {
             s(m(ft), { class: "size-4 absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none" })
           ], 2),
           u("div", sl, [
-            (h(!0), w(q, null, ie(e.options, (P) => (h(), L(jt, {
+            (h(!0), w(J, null, ie(e.options, (P) => (h(), L(jt, {
               key: P.id
             }, {
               default: f(() => [
@@ -2390,15 +2390,15 @@ const Bo = {
                       class: "border-dashed"
                     }, {
                       default: f(() => [
-                        P.groupBy ? (h(), w(q, { key: 1 }, [
-                          V(F(P.name) + " is " + F(P.values.find((O) => O.id === P.groupBy)?.value) + " ", 1),
+                        P.groupBy ? (h(), w(J, { key: 1 }, [
+                          V(F(P.name) + " is " + F(P.values.find((z) => z.id === P.groupBy)?.value) + " ", 1),
                           u("div", {
                             class: "p-2",
-                            onClick: fe((O) => P.groupBy = "", ["stop"])
+                            onClick: fe((z) => P.groupBy = "", ["stop"])
                           }, [
                             s(m(en), { class: "size-3" })
                           ], 8, il)
-                        ], 64)) : (h(), w(q, { key: 0 }, [
+                        ], 64)) : (h(), w(J, { key: 0 }, [
                           V(F(P.name) + " ", 1),
                           s(m(pt), { class: "size-3" })
                         ], 64))
@@ -2412,24 +2412,24 @@ const Bo = {
                   default: f(() => [
                     s(Rt, {
                       modelValue: P.groupBy,
-                      "onUpdate:modelValue": (O) => P.groupBy = O,
+                      "onUpdate:modelValue": (z) => P.groupBy = z,
                       class: "mb-4"
                     }, {
                       default: f(() => [
-                        (h(!0), w(q, null, ie(P.values, (O) => (h(), w("div", {
+                        (h(!0), w(J, null, ie(P.values, (z) => (h(), w("div", {
                           class: "flex items-center space-x-2",
-                          key: O.id
+                          key: z.id
                         }, [
                           s(Lt, {
-                            id: O.id,
-                            value: O.id,
+                            id: z.id,
+                            value: z.id,
                             class: "border-ring"
                           }, null, 8, ["id", "value"]),
                           s(Bt, {
-                            for: O.id
+                            for: z.id
                           }, {
                             default: f(() => [
-                              V(F(O.value), 1)
+                              V(F(z.value), 1)
                             ]),
                             _: 2
                           }, 1032, ["for"])
@@ -2439,7 +2439,7 @@ const Bo = {
                     }, 1032, ["modelValue", "onUpdate:modelValue"]),
                     s(De, {
                       variant: "ghost",
-                      onClick: (O) => P.groupBy = "",
+                      onClick: (z) => P.groupBy = "",
                       size: "sm",
                       class: "ml-auto",
                       disabled: !P.groupBy
@@ -2456,8 +2456,8 @@ const Bo = {
               _: 2
             }, 1024))), 128))
           ])
-        ])) : M("", !0),
-        r.value ? (h(), w(q, { key: 1 }, [
+        ])) : O("", !0),
+        r.value ? (h(), w(J, { key: 1 }, [
           u("table", dl, [
             u("thead", ul, [
               u("tr", null, [
@@ -2475,13 +2475,13 @@ const Bo = {
                     }, "Collapse all")) : (h(), w("button", {
                       key: 1,
                       class: "hover:underline cursor-pointer",
-                      onClick: p[5] || (p[5] = (P) => x.value = e.options[r.value].values.map((O) => O.id))
+                      onClick: p[5] || (p[5] = (P) => x.value = e.options[r.value].values.map((z) => z.id))
                     }, "Expand all"))
                   ])
                 ]),
                 p[20] || (p[20] = u("th", { class: "z-[101] sticky -top-4 py-2 font-normal bg-accent dark:bg-border" }, "Price", -1)),
                 u("th", gl, [
-                  s(qe, null, {
+                  s(Je, null, {
                     default: f(() => [
                       s(Ke, { class: "underline decoration-dashed underline-offset-4" }, {
                         default: f(() => [...p[18] || (p[18] = [
@@ -2489,7 +2489,7 @@ const Bo = {
                         ])]),
                         _: 1
                       }),
-                      s(Je, null, {
+                      s(qe, null, {
                         default: f(() => [...p[19] || (p[19] = [
                           u("p", null, "Inventory at your store that can be sold.", -1)
                         ])]),
@@ -2502,12 +2502,12 @@ const Bo = {
               ])
             ]),
             u("tbody", ml, [
-              (h(!0), w(q, null, ie(e.options[r.value].values, (P) => (h(), w(q, {
+              (h(!0), w(J, null, ie(e.options[r.value].values, (P) => (h(), w(J, {
                 key: P.id
               }, [
                 u("tr", {
                   class: "hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input",
-                  onClick: (O) => x.value.includes(P.id) ? x.value.splice(x.value.indexOf(P.id), 1) : x.value.push(P.id)
+                  onClick: (z) => x.value.includes(P.id) ? x.value.splice(x.value.indexOf(P.id), 1) : x.value.push(P.id)
                 }, [
                   u("td", bl, [
                     s(Ye, {
@@ -2523,7 +2523,7 @@ const Bo = {
                           sources: m(i),
                           maxFiles: 1,
                           "initial-value": K(P.id) ? [] : j(P.id) ? [Q(P.id)] : [Q(P.id), oe(P.id)],
-                          onSubmit: (O) => B(O, P.id)
+                          onSubmit: (z) => B(z, P.id)
                         }, {
                           default: f(() => [
                             u("button", {
@@ -2566,7 +2566,7 @@ const Bo = {
                       u("div", Cl, [
                         u("p", wl, F(P.value), 1),
                         u("button", kl, [
-                          V(F(S.value?.filter((O) => O.options?.find((J) => J.optionId === r.value)?.valueId === P.id).length) + " variants ", 1),
+                          V(F(S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id).length) + " variants ", 1),
                           s(m(pt), {
                             class: $e(["size-3 transition-transform duration-200", x.value.includes(P.id) ? "rotate-180" : ""])
                           }, null, 8, ["class"])
@@ -2576,7 +2576,7 @@ const Bo = {
                   ]),
                   u("td", Pl, [
                     u("div", Vl, [
-                      s(qe, null, {
+                      s(Je, null, {
                         default: f(() => [
                           s(Ke, {
                             class: "w-full",
@@ -2586,31 +2586,31 @@ const Bo = {
                               s(st, {
                                 id: `variant-price-${P.id}`,
                                 modelValue: ce.value,
-                                "onUpdate:modelValue": p[8] || (p[8] = (O) => ce.value = O),
+                                "onUpdate:modelValue": p[8] || (p[8] = (z) => ce.value = z),
                                 class: $e(["dark:bg-transparent dark:border-ring/50 text-center", ye.value === P.id ? "" : "text-transparent"]),
                                 onClick: p[9] || (p[9] = fe(() => {
                                 }, ["stop"])),
-                                onFocus: (O) => Ve(O, P),
-                                onBlur: (O) => C(P.id),
-                                onKeydown: Yt((O) => E(P.id), ["enter"])
+                                onFocus: (z) => Ve(z, P),
+                                onBlur: (z) => C(P.id),
+                                onKeydown: Yt((z) => E(P.id), ["enter"])
                               }, null, 8, ["id", "modelValue", "class", "onFocus", "onBlur", "onKeydown"])
                             ]),
                             _: 2
                           }, 1024),
-                          s(Je, null, {
+                          s(qe, null, {
                             default: f(() => [
-                              S.value?.filter((O) => O.options?.find((J) => J.optionId === r.value)?.valueId === P.id).length === 1 ? (h(), w("p", Nl, "Applies to 1 variant")) : (h(), w("p", Il, "Applies to all " + F(S.value?.filter((O) => O.options?.find((J) => J.optionId === r.value)?.valueId === P.id).length) + " variants", 1))
+                              S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id).length === 1 ? (h(), w("p", Nl, "Applies to 1 variant")) : (h(), w("p", Il, "Applies to all " + F(S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id).length) + " variants", 1))
                             ]),
                             _: 2
                           }, 1024)
                         ]),
                         _: 2
                       }, 1024),
-                      ye.value !== P.id ? (h(), w("span", Tl, F(je(P.id)), 1)) : M("", !0)
+                      ye.value !== P.id ? (h(), w("span", Tl, F(je(P.id)), 1)) : O("", !0)
                     ])
                   ]),
                   u("td", $l, [
-                    s(qe, null, {
+                    s(Je, null, {
                       default: f(() => [
                         s(Ke, {
                           class: "w-full focus-visible:outline-none",
@@ -2636,7 +2636,7 @@ const Bo = {
                           ]),
                           _: 2
                         }, 1024),
-                        s(Je, null, {
+                        s(qe, null, {
                           default: f(() => [...p[21] || (p[21] = [
                             u("p", null, "Update for individual variants only", -1)
                           ])]),
@@ -2647,8 +2647,8 @@ const Bo = {
                     }, 1024)
                   ])
                 ], 8, vl),
-                x.value.includes(P.id) ? (h(!0), w(q, { key: 0 }, ie(S.value?.filter((O) => O.options?.find((J) => J.optionId === r.value)?.valueId === P.id), (O) => (h(), w("tr", {
-                  key: O.id,
+                x.value.includes(P.id) ? (h(!0), w(J, { key: 0 }, ie(S.value?.filter((z) => z.options?.find((q) => q.optionId === r.value)?.valueId === P.id), (z) => (h(), w("tr", {
+                  key: z.id,
                   class: "hover:bg-accent/50 cursor-pointer transition-colors duration-200 border-b border-input"
                 }, [
                   u("td", El, [
@@ -2661,13 +2661,13 @@ const Bo = {
                     ])
                   ]),
                   u("td", zl, [
-                    u("div", Ol, [
+                    u("div", Ml, [
                       u("div", null, [
                         s(it, {
                           sources: m(i),
                           maxFiles: 1,
-                          "initial-value": c.value[I(O.options)].image ? [c.value[I(O.options)].image] : [],
-                          onSubmit: (J) => c.value[I(O.options)].image = J
+                          "initial-value": c.value[I(z.options)].image ? [c.value[I(z.options)].image] : [],
+                          onSubmit: (q) => c.value[I(z.options)].image = q
                         }, {
                           default: f(() => [
                             u("button", {
@@ -2676,12 +2676,12 @@ const Bo = {
                               tabindex: "-1",
                               class: "cursor-pointer"
                             }, [
-                              c.value[I(O.options)].image ? (h(), w("img", {
+                              c.value[I(z.options)].image ? (h(), w("img", {
                                 key: 0,
-                                src: c.value[I(O.options)].image,
+                                src: c.value[I(z.options)].image,
                                 class: "size-10 object-cover rounded-md",
                                 draggable: "false"
-                              }, null, 8, Ml)) : (h(), L(De, {
+                              }, null, 8, Ol)) : (h(), L(De, {
                                 key: 1,
                                 variant: "outline",
                                 class: "size-10 border-dashed cursor-pointer"
@@ -2697,7 +2697,7 @@ const Bo = {
                         }, 1032, ["sources", "initial-value", "onSubmit"])
                       ]),
                       u("div", Fl, [
-                        u("p", null, F(O.options.filter((J) => J.optionId !== r.value).map((J) => J.value).join(" / ")), 1)
+                        u("p", null, F(z.options.filter((q) => q.optionId !== r.value).map((q) => q.value).join(" / ")), 1)
                       ])
                     ])
                   ]),
@@ -2709,8 +2709,8 @@ const Bo = {
                         currencyDisplay: "symbol",
                         currencySign: "standard"
                       },
-                      modelValue: c.value[I(O.options)].price,
-                      "onUpdate:modelValue": (J) => c.value[I(O.options)].price = J,
+                      modelValue: c.value[I(z.options)].price,
+                      "onUpdate:modelValue": (q) => c.value[I(z.options)].price = q,
                       min: 0
                     }, {
                       default: f(() => [
@@ -2726,8 +2726,8 @@ const Bo = {
                   ]),
                   u("td", Bl, [
                     s(Ze, {
-                      modelValue: c.value[I(O.options)].stock,
-                      "onUpdate:modelValue": (J) => c.value[I(O.options)].stock = J
+                      modelValue: c.value[I(z.options)].stock,
+                      "onUpdate:modelValue": (q) => c.value[I(z.options)].stock = q
                     }, {
                       default: f(() => [
                         s(Ge, null, {
@@ -2742,16 +2742,16 @@ const Bo = {
                       _: 1
                     }, 8, ["modelValue", "onUpdate:modelValue"])
                   ])
-                ]))), 128)) : M("", !0)
+                ]))), 128)) : O("", !0)
               ], 64))), 128))
             ])
           ]),
           u("div", Rl, [
             V(" Total inventory at Webshop: " + F(Xe()) + " ", 1),
-            ze() < 0 ? (h(), w("span", Ul, "(" + F(ze()) + ")", 1)) : M("", !0),
+            ze() < 0 ? (h(), w("span", Ul, "(" + F(ze()) + ")", 1)) : O("", !0),
             p[22] || (p[22] = V(" available ", -1))
           ])
-        ], 64)) : M("", !0)
+        ], 64)) : O("", !0)
       ]));
     };
   }
@@ -2809,7 +2809,7 @@ const Bo = {
       });
     };
   }
-}), Xl = { class: "bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4" }, Yl = { class: "flex items-center gap-2 mb-2" }, Kl = ["src"], Jl = { class: "text-[#1a0dab] text-lg" }, ql = { class: "text-[#006621] text-[13px]" }, Wl = { class: "text-[#545454] text-[13px]" }, Gl = { class: "flex flex-col gap-4 mb-4" }, Zl = { class: "flex flex-col" }, Ql = {
+}), Xl = { class: "bg-white dark:bg-gray-50 border-4 dark:border-gray-600 p-4 rounded-lg mb-4" }, Yl = { class: "flex items-center gap-2 mb-2" }, Kl = ["src"], ql = { class: "text-[#1a0dab] text-lg" }, Jl = { class: "text-[#006621] text-[13px]" }, Wl = { class: "text-[#545454] text-[13px]" }, Gl = { class: "flex flex-col gap-4 mb-4" }, Zl = { class: "flex flex-col" }, Ql = {
   key: 0,
   class: "text-red-500 text-sm mt-1"
 }, er = { class: "flex flex-col gap-4 mb-4" }, tr = { class: "flex flex-col" }, nr = {
@@ -2850,8 +2850,8 @@ const Bo = {
                   }, null, 8, Kl),
                   d[3] || (d[3] = u("span", { class: "text-[#4186f5] font-medium text-xs" }, "Preview", -1))
                 ]),
-                u("p", Jl, F(m(l).title), 1),
-                u("p", ql, F(m(o)), 1),
+                u("p", ql, F(m(l).title), 1),
+                u("p", Jl, F(m(o)), 1),
                 u("p", Wl, F(m(l).description?.slice(0, 155)) + F(m(l).description?.length > 155 ? " ..." : ""), 1)
               ]),
               u("div", Gl, [
@@ -2871,7 +2871,7 @@ const Bo = {
                     modelValue: m(o),
                     "onUpdate:modelValue": d[0] || (d[0] = (N) => Y(o) ? o.value = N : null)
                   }, null, 8, ["modelValue"]),
-                  m(t).slug ? (h(), w("p", Ql, F(m(t).slug), 1)) : M("", !0)
+                  m(t).slug ? (h(), w("p", Ql, F(m(t).slug), 1)) : O("", !0)
                 ])
               ]),
               u("div", er, [
@@ -2891,7 +2891,7 @@ const Bo = {
                     modelValue: m(l).title,
                     "onUpdate:modelValue": d[1] || (d[1] = (N) => m(l).title = N)
                   }, null, 8, ["modelValue"]),
-                  m(t).seo?.title ? (h(), w("p", nr, F(m(t).seo.title), 1)) : M("", !0)
+                  m(t).seo?.title ? (h(), w("p", nr, F(m(t).seo.title), 1)) : O("", !0)
                 ])
               ]),
               u("div", or, [
@@ -2933,7 +2933,7 @@ const Bo = {
   setup(e) {
     return (t, n) => {
       const o = v("Button"), l = v("CardContent"), a = v("Card");
-      return h(), w(q, null, [
+      return h(), w(J, null, [
         n[3] || (n[3] = u("hr", { class: "my-4" }, null, -1)),
         s(a, null, {
           default: f(() => [
@@ -2986,7 +2986,7 @@ const Bo = {
                   s(i, { class: "w-full" }, {
                     default: f(() => [
                       u("div", cr, [
-                        m(n) === "published" ? (h(), w("span", fr)) : m(n) === "draft" ? (h(), w("span", pr)) : m(n) === "archived" ? (h(), w("span", gr)) : M("", !0),
+                        m(n) === "published" ? (h(), w("span", fr)) : m(n) === "draft" ? (h(), w("span", pr)) : m(n) === "archived" ? (h(), w("span", gr)) : O("", !0),
                         s(a, { placeholder: "Status" })
                       ])
                     ]),
@@ -3054,10 +3054,10 @@ const Bo = {
     })();
     const { errors: i } = xe(), { value: d } = U("collections");
     return (r, b) => {
-      const x = v("SelectValue"), c = v("SelectTrigger"), D = v("SelectLabel"), T = v("SelectItem"), N = v("SelectGroup"), I = v("SelectContent"), A = v("Select"), z = v("CardContent"), _ = v("Card");
+      const x = v("SelectValue"), c = v("SelectTrigger"), D = v("SelectLabel"), T = v("SelectItem"), N = v("SelectGroup"), I = v("SelectContent"), A = v("Select"), M = v("CardContent"), _ = v("Card");
       return h(), L(_, null, {
         default: f(() => [
-          s(z, null, {
+          s(M, null, {
             default: f(() => [
               b[5] || (b[5] = u("h3", { class: "text-lg font-semibold mb-4" }, "Collections", -1)),
               s(A, {
@@ -3085,7 +3085,7 @@ const Bo = {
                             ])]),
                             _: 1
                           }),
-                          (h(!0), w(q, null, ie(l.value.filter((S) => S.status === "published"), (S) => (h(), L(T, {
+                          (h(!0), w(J, null, ie(l.value.filter((S) => S.status === "published"), (S) => (h(), L(T, {
                             key: S.id,
                             value: S.id
                           }, {
@@ -3106,7 +3106,7 @@ const Bo = {
                             ])]),
                             _: 1
                           }),
-                          (h(!0), w(q, null, ie(l.value.filter((S) => S.status === "draft"), (S) => (h(), L(T, {
+                          (h(!0), w(J, null, ie(l.value.filter((S) => S.status === "draft"), (S) => (h(), L(T, {
                             key: S.id,
                             value: S.id
                           }, {
@@ -3145,7 +3145,7 @@ const Bo = {
 }, wr = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, kr = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, Pr = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, Vr = {
   key: 0,
   class: "fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"
-}, Nr = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, Mr = /* @__PURE__ */ ne({
+}, Nr = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, Or = /* @__PURE__ */ ne({
   __name: "Detail",
   props: {
     config: {
@@ -3159,7 +3159,7 @@ const Bo = {
     dt("sources", o.config.allowedMediaSources), dt("defaultSource", o.config.defaultUploadMediaSource);
     const c = X(!1), D = de(() => !d.value.productId || d.value.productId === "new"), T = X(""), N = X([]);
     N.value = ([t, n] = Kt(() => ce()), t = await t, n(), t);
-    const I = Jt(Se({
+    const I = qt(Se({
       title: H().min(1, "Title is required"),
       description: H().optional(),
       media: ve(H()).optional(),
@@ -3221,7 +3221,7 @@ const Bo = {
       })).optional(),
       tags: ve(H()).optional(),
       collections: ve(H()).optional()
-    })), { handleSubmit: A, errors: z, values: _, setValues: S } = qt({
+    })), { handleSubmit: A, errors: M, values: _, setValues: S } = Jt({
       validationSchema: I,
       initialValues: {
         createdAt: /* @__PURE__ */ new Date(),
@@ -3352,9 +3352,9 @@ const Bo = {
             }),
             s(m(on), { class: "size-3" }),
             u("h1", yr, F(D.value ? "New Product" : m(_).title), 1),
-            m(_).status === "published" ? (h(), w("span", Dr, "Published")) : m(_).status === "draft" ? (h(), w("span", Sr, "Draft")) : m(_).status === "archived" ? (h(), w("span", Cr, "Archived")) : M("", !0)
+            m(_).status === "published" ? (h(), w("span", Dr, "Published")) : m(_).status === "draft" ? (h(), w("span", Sr, "Draft")) : m(_).status === "archived" ? (h(), w("span", Cr, "Archived")) : O("", !0)
           ]),
-          D.value ? M("", !0) : (h(), L(R, {
+          D.value ? O("", !0) : (h(), L(R, {
             key: 0,
             class: "rounded-lg shadow-xs"
           }, {
@@ -3369,7 +3369,7 @@ const Bo = {
                   })
                 ]),
                 _: 1
-              })) : M("", !0),
+              })) : O("", !0),
               s(p, null, {
                 default: f(() => [
                   s(k, null, {
@@ -3400,7 +3400,7 @@ const Bo = {
                           E[4] || (E[4] = V(" Archive product ", -1))
                         ]),
                         _: 1
-                      })) : M("", !0),
+                      })) : O("", !0),
                       m(l)("delete-product") ? (h(), L(y, {
                         key: 1,
                         variant: "destructive",
@@ -3411,13 +3411,13 @@ const Bo = {
                           E[5] || (E[5] = V(" Delete product ", -1))
                         ]),
                         _: 1
-                      })) : M("", !0)
+                      })) : O("", !0)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : O("", !0)
             ]),
             _: 1
           }))
@@ -3430,7 +3430,7 @@ const Bo = {
             s(Fn),
             s(Hl),
             s(dr),
-            m(i)() ? (h(), L(ur, { key: 0 })) : M("", !0)
+            m(i)() ? (h(), L(ur, { key: 0 })) : O("", !0)
           ]),
           u("div", Pr, [
             s(mr),
@@ -3448,7 +3448,7 @@ const Bo = {
                 c.value ? (h(), L(m(mt), {
                   key: 0,
                   class: "size-4 animate-spin"
-                })) : M("", !0),
+                })) : O("", !0),
                 V(" " + F(c.value ? "Creating" : "Create") + " New Product ", 1)
               ]),
               _: 1
@@ -3461,17 +3461,17 @@ const Bo = {
                 c.value ? (h(), L(m(mt), {
                   key: 0,
                   class: "size-4 animate-spin"
-                })) : M("", !0),
+                })) : O("", !0),
                 V(" " + F(c.value ? "Saving" : "Save") + " Changes ", 1)
               ]),
               _: 1
-            }, 8, ["onClick", "disabled"])) : M("", !0)
+            }, 8, ["onClick", "disabled"])) : O("", !0)
           ])
-        ])) : M("", !0)
+        ])) : O("", !0)
       ]);
     };
   }
 });
 export {
-  Mr as default
+  Or as default
 };