@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/Detail-D0kdPPIm.mjs

@@ -0,0 +1,2757 @@
+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 };