@oneclick.dev/cms-core-modules 0.0.109 → 0.0.111

package/dist/Detail-D0kdPPIm.mjs

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