@cfasim-ui/components 0.4.5 → 0.4.7

package/dist/index.js

@@ -1,65 +1,19 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, getCurrentInstance as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderList as ee, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useModel as x, vModelText as S, watch as C, withCtx as w, withDirectives as T, withKeys as E, withModifiers as D } from "vue";
-import { CollapsibleContent as O, CollapsibleRoot as k, CollapsibleTrigger as A, Primitive as j, SelectContent as M, SelectItem as N, SelectItemIndicator as te, SelectItemText as ne, SelectPortal as re, SelectRoot as P, SelectTrigger as F, SelectValue as I, SelectViewport as ie, SliderRange as ae, SliderRoot as oe, SliderThumb as se, SliderTrack as ce, SwitchRoot as L, SwitchThumb as R, TabsIndicator as z, TabsList as le, TabsRoot as ue, TabsTrigger as B, TooltipArrow as V, TooltipContent as de, TooltipPortal as H, TooltipProvider as U, TooltipRoot as W, TooltipTrigger as G, useId as K } from "reka-ui";
-//#region src/Box/Box.vue?vue&type=script&setup=true&lang.ts
-var fe = ["role"], pe = /* @__PURE__ */ c({
-	__name: "Box",
-	props: {
-		variant: {},
-		bgColor: {},
-		textColor: {},
-		role: {}
-	},
-	setup(e) {
-		return (t, n) => (h(), i("div", {
-			class: d(["box", e.variant ? `box-${e.variant}` : void 0]),
-			style: f({
-				backgroundColor: e.bgColor,
-				color: e.textColor
-			}),
-			role: e.role
-		}, [_(t.$slots, "default", {}, void 0, !0)], 14, fe));
-	}
-}), q = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, J = /* @__PURE__ */ q(pe, [["__scopeId", "data-v-d7342c02"]]), me = /* @__PURE__ */ q(/* @__PURE__ */ c({
-	__name: "Button",
-	props: {
-		label: {},
-		variant: { default: "primary" },
-		asChild: { type: Boolean },
-		as: { default: "button" }
-	},
-	emits: ["click"],
-	setup(e) {
-		return (t, r) => (h(), n(b(j), {
-			class: "button",
-			"data-variant": e.variant,
-			as: e.as,
-			"as-child": e.asChild,
-			onClick: r[0] ||= (e) => t.$emit("click", e)
-		}, {
-			default: w(() => [_(t.$slots, "default", {}, () => [o(y(e.label), 1)], !0)]),
-			_: 3
-		}, 8, [
-			"data-variant",
-			"as",
-			"as-child"
-		]));
-	}
-}), [["__scopeId", "data-v-250eab18"]]), he = {
+import { i as e, n as t, r as n, t as r } from "./SelectBox-BDCkOxe1.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineAsyncComponent as f, defineComponent as p, getCurrentInstance as ee, mergeModels as m, normalizeClass as h, normalizeStyle as g, onMounted as te, onUnmounted as _, openBlock as v, ref as y, renderList as ne, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useModel as w, vModelText as T, watch as E, withCtx as D, withDirectives as O, withKeys as k, withModifiers as A } from "vue";
+import { CollapsibleContent as j, CollapsibleRoot as re, CollapsibleTrigger as ie, SliderRange as ae, SliderRoot as oe, SliderThumb as se, SliderTrack as ce, SwitchRoot as le, SwitchThumb as M, TabsIndicator as N, TabsList as P, TabsRoot as ue, TabsTrigger as F, TooltipArrow as I, TooltipContent as L, TooltipPortal as de, TooltipProvider as R, TooltipRoot as z, TooltipTrigger as B, useId as V } from "reka-ui";
+//#region src/_internal/gap.ts
+var H = {
 	none: "0",
 	small: "var(--space-2)",
 	medium: "var(--space-4)",
 	large: "var(--space-6)"
 };
-function Y(e, t = "medium") {
-	return e == null ? he[t] : e in he ? he[e] : e;
+function U(e, t = "medium") {
+	return e == null ? H[t] : e in H ? H[e] : e;
 }
 //#endregion
 //#region src/Container/Container.vue
-var X = /* @__PURE__ */ q(/* @__PURE__ */ c({
+var W = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Container",
 	props: {
 		border: { type: Boolean },
@@ -68,25 +22,25 @@ var X = /* @__PURE__ */ q(/* @__PURE__ */ c({
 		gap: {}
 	},
 	setup(e) {
-		let n = e, r = t(() => Y(n.gap)), a = t(() => {
-			let e = n.height;
+		let t = e, n = a(() => U(t.gap)), r = a(() => {
+			let e = t.height;
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		});
-		return (t, n) => (h(), i("div", {
-			class: d(["container", {
+		return (t, i) => (v(), c("div", {
+			class: h(["container", {
 				"container-border": e.border,
 				"container-horizontal": e.horizontal,
 				"container-scrollable": e.height != null
 			}]),
-			style: f({
-				gap: r.value,
-				height: a.value
+			style: g({
+				gap: n.value,
+				height: r.value
 			})
-		}, [_(t.$slots, "default", {}, void 0, !0)], 6));
+		}, [b(t.$slots, "default", {}, void 0, !0)], 6));
 	}
-}), [["__scopeId", "data-v-bff01edb"]]), Z = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-bff01edb"]]), G = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Expander",
-	props: /* @__PURE__ */ u({ label: {} }, {
+	props: /* @__PURE__ */ m({ label: {} }, {
 		open: {
 			type: Boolean,
 			default: !1
@@ -95,54 +49,54 @@ var X = /* @__PURE__ */ q(/* @__PURE__ */ c({
 	}),
 	emits: ["update:open"],
 	setup(e) {
-		let t = x(e, "open");
-		return (r, i) => (h(), n(b(k), {
+		let t = w(e, "open");
+		return (n, r) => (v(), o(C(re), {
 			open: t.value,
-			"onUpdate:open": i[0] ||= (e) => t.value = e,
+			"onUpdate:open": r[0] ||= (e) => t.value = e,
 			class: "expander"
 		}, {
-			default: w(() => [s(b(A), { class: "expander-trigger" }, {
-				default: w(() => [a("span", { class: d(["expander-caret", { open: t.value }]) }, null, 2), _(r.$slots, "label", {}, () => [o(y(e.label), 1)], !0)]),
+			default: D(() => [d(C(ie), { class: "expander-trigger" }, {
+				default: D(() => [l("span", { class: h(["expander-caret", { open: t.value }]) }, null, 2), b(n.$slots, "label", {}, () => [u(S(e.label), 1)], !0)]),
 				_: 3
-			}), s(b(O), { class: "expander-content" }, {
-				default: w(() => [_(r.$slots, "default", {}, void 0, !0)]),
+			}), d(C(j), { class: "expander-content" }, {
+				default: D(() => [b(n.$slots, "default", {}, void 0, !0)]),
 				_: 3
 			})]),
 			_: 3
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-39e4acd0"]]), ge = ["data-cfasim-grid-bp"], _e = "640px";
-function ve(e) {
+}), [["__scopeId", "data-v-39e4acd0"]]), K = ["data-cfasim-grid-bp"], fe = "640px";
+function pe(e) {
 	return typeof e == "number" ? `repeat(${e}, 1fr)` : e.map((e) => typeof e == "number" ? `${e}fr` : e).join(" ");
 }
-function ye(e) {
-	return /^\d+(\.\d+)?[a-zA-Z%]+$/.test(e) ? e : _e;
+function me(e) {
+	return /^\d+(\.\d+)?[a-zA-Z%]+$/.test(e) ? e : fe;
 }
-var Q = /* @__PURE__ */ new Map();
-function be(e) {
+var q = /* @__PURE__ */ new Map();
+function he(e) {
 	if (typeof document > "u") return;
-	let t = Q.get(e);
+	let t = q.get(e);
 	if (t) {
 		t.count++;
 		return;
 	}
 	let n = document.createElement("style");
-	n.setAttribute("data-cfasim-grid-bp", e), n.textContent = `@container (max-width: ${e}) {[data-cfasim-grid-bp="${e}"] > .grid {grid-template-columns: var(--grid-cols-small) !important;}}`, document.head.appendChild(n), Q.set(e, {
+	n.setAttribute("data-cfasim-grid-bp", e), n.textContent = `@container (max-width: ${e}) {[data-cfasim-grid-bp="${e}"] > .grid {grid-template-columns: var(--grid-cols-small) !important;}}`, document.head.appendChild(n), q.set(e, {
 		count: 1,
 		el: n
 	});
 }
-function xe(e) {
+function ge(e) {
 	if (typeof document > "u") return;
-	let t = Q.get(e);
-	t && (t.count--, t.count === 0 && (t.el.remove(), Q.delete(e)));
+	let t = q.get(e);
+	t && (t.count--, t.count === 0 && (t.el.remove(), q.delete(e)));
 }
 (void 0)?.dispose(() => {
-	Q.forEach(({ el: e }) => e.remove()), Q.clear();
+	q.forEach(({ el: e }) => e.remove()), q.clear();
 });
 //#endregion
 //#region src/Grid/Grid.vue
-var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
+var J = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Grid",
 	props: {
 		cols: {},
@@ -152,31 +106,31 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 		minColWidth: {}
 	},
 	setup(e) {
-		let n = e, r = t(() => Y(n.gap)), o = t(() => n.minColWidth ? `repeat(auto-fit, minmax(${n.minColWidth}, 1fr))` : ve(n.cols ?? 2)), s = t(() => n.minColWidth || n.colsSmall == null ? o.value : ve(n.colsSmall)), c = t(() => ye(n.breakpoint ?? _e)), l = null, u = C(c, (e) => {
-			l !== e && (be(e), l && xe(l), l = e);
+		let t = e, n = a(() => U(t.gap)), r = a(() => t.minColWidth ? `repeat(auto-fit, minmax(${t.minColWidth}, 1fr))` : pe(t.cols ?? 2)), i = a(() => t.minColWidth || t.colsSmall == null ? r.value : pe(t.colsSmall)), o = a(() => me(t.breakpoint ?? fe)), s = null, u = E(o, (e) => {
+			s !== e && (he(e), s && ge(s), s = e);
 		}, { immediate: !0 });
-		return m(() => {
-			u(), l &&= (xe(l), null);
-		}), (e, t) => (h(), i("div", {
-			"data-cfasim-grid-bp": c.value,
+		return _(() => {
+			u(), s &&= (ge(s), null);
+		}), (e, t) => (v(), c("div", {
+			"data-cfasim-grid-bp": o.value,
 			class: "grid-wrapper"
-		}, [a("div", {
+		}, [l("div", {
 			class: "grid",
-			style: f({
-				gap: r.value,
-				gridTemplateColumns: o.value,
-				"--grid-cols-small": s.value
+			style: g({
+				gap: n.value,
+				gridTemplateColumns: r.value,
+				"--grid-cols-small": i.value
 			})
-		}, [_(e.$slots, "default", {}, void 0, !0)], 4)], 8, ge));
+		}, [b(e.$slots, "default", {}, void 0, !0)], 4)], 8, K));
 	}
-}), [["__scopeId", "data-v-7ae87f0f"]]), Ce = [
+}), [["__scopeId", "data-v-7ae87f0f"]]), Y = [
 	"data-size",
 	"data-fill",
 	"data-inline",
 	"aria-hidden",
 	"aria-label",
 	"role"
-], $ = /* @__PURE__ */ c({
+], X = /* @__PURE__ */ p({
 	__name: "Icon",
 	props: {
 		icon: {},
@@ -198,48 +152,48 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 		}
 	},
 	setup(e) {
-		let n = e, r = t(() => typeof n.size == "string" ? n.size : void 0), a = t(() => typeof n.size == "number" ? n.size : void 0), o = t(() => {
+		let t = e, n = a(() => typeof t.size == "string" ? t.size : void 0), r = a(() => typeof t.size == "number" ? t.size : void 0), i = a(() => {
 			let e = {};
-			return a.value !== void 0 && (e.fontSize = `${a.value}px`, e["--icon-opsz"] = a.value), n.weight !== void 0 && (e["--icon-weight"] = n.weight), n.grade !== void 0 && (e["--icon-grade"] = n.grade), e;
+			return r.value !== void 0 && (e.fontSize = `${r.value}px`, e["--icon-opsz"] = r.value), t.weight !== void 0 && (e["--icon-weight"] = t.weight), t.grade !== void 0 && (e["--icon-grade"] = t.grade), e;
 		});
-		return (t, n) => (h(), i("span", {
+		return (t, r) => (v(), c("span", {
 			class: "Icon",
-			"data-size": r.value,
+			"data-size": n.value,
 			"data-fill": e.fill ? "true" : void 0,
 			"data-inline": e.inline ? "true" : void 0,
-			style: f(o.value),
+			style: g(i.value),
 			"aria-hidden": e.decorative ? !0 : void 0,
 			"aria-label": e.decorative ? void 0 : e.ariaLabel,
 			role: e.decorative ? void 0 : "img"
-		}, y(e.icon), 13, Ce));
+		}, S(e.icon), 13, Y));
 	}
-}), we = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}), Z = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Hint",
 	props: { text: {} },
 	setup(e) {
-		return (t, r) => (h(), n(b(U), null, {
-			default: w(() => [s(b(W), {
+		return (t, n) => (v(), o(C(R), null, {
+			default: D(() => [d(C(z), {
 				"delay-duration": 0,
 				"disable-closing-trigger": ""
 			}, {
-				default: w(() => [s(b(G), { "as-child": "" }, {
-					default: w(() => [a("button", {
+				default: D(() => [d(C(B), { "as-child": "" }, {
+					default: D(() => [l("button", {
 						type: "button",
 						class: "HintTrigger",
 						"aria-label": "More info",
-						onPointerdown: r[0] ||= D(() => {}, ["prevent"])
-					}, [s($, {
+						onPointerdown: n[0] ||= A(() => {}, ["prevent"])
+					}, [d(X, {
 						icon: "help",
 						size: 16
 					})], 32)]),
 					_: 1
-				}), s(b(H), null, {
-					default: w(() => [s(b(de), {
+				}), d(C(de), null, {
+					default: D(() => [d(C(L), {
 						class: "HintContent",
 						side: "top",
 						"side-offset": 4
 					}, {
-						default: w(() => [o(y(e.text) + " ", 1), s(b(V), {
+						default: D(() => [u(S(e.text) + " ", 1), d(C(I), {
 							class: "HintArrow",
 							width: 10,
 							height: 5
@@ -253,45 +207,45 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-9dbf1c25"]]), Te = ["aria-label"], Ee = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-9dbf1c25"]]), _e = ["aria-label"], Q = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "LightDarkToggle",
 	setup(e) {
-		let t = g(window.matchMedia("(prefers-color-scheme: dark)").matches);
+		let t = y(window.matchMedia("(prefers-color-scheme: dark)").matches);
 		function n(e) {
 			document.documentElement.classList.toggle("dark", e), document.documentElement.classList.toggle("light", !e);
 		}
-		return n(t.value), C(t, n), (e, n) => (h(), i("button", {
+		return n(t.value), E(t, n), (e, n) => (v(), c("button", {
 			class: "light-dark-toggle",
 			type: "button",
 			"aria-label": t.value ? "Switch to light mode" : "Switch to dark mode",
 			onClick: n[0] ||= (e) => t.value = !t.value
-		}, [s($, {
+		}, [d(X, {
 			icon: t.value ? "dark_mode" : "light_mode",
 			size: "sm"
-		}, null, 8, ["icon"])], 8, Te));
+		}, null, 8, ["icon"])], 8, _e));
 	}
-}), [["__scopeId", "data-v-4c423498"]]), De = {
+}), [["__scopeId", "data-v-4c423498"]]), ve = {
 	key: 1,
 	class: "input-wrapper"
-}, Oe = [
+}, ye = [
 	"inputmode",
 	"placeholder",
 	"aria-invalid",
 	"aria-required",
 	"required"
-], ke = {
+], be = {
 	key: 0,
 	class: "input-suffix"
-}, Ae = {
+}, xe = {
 	key: 2,
 	class: "input-error",
 	role: "alert"
-}, je = {
+}, Se = {
 	key: 3,
 	class: "slider-container"
-}, Me = { class: "slider-current" }, Ne = { class: "slider-labels" }, Pe = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}, Ce = { class: "slider-current" }, we = { class: "slider-labels" }, Te = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "NumberInput",
-	props: /* @__PURE__ */ u({
+	props: /* @__PURE__ */ m({
 		label: {},
 		hideLabel: { type: Boolean },
 		placeholder: {},
@@ -322,92 +276,92 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 		"update:lower",
 		"update:upper"
 	],
-	setup(c) {
-		let u = x(c, "modelValue"), f = x(c, "range"), m = x(c, "lower"), _ = x(c, "upper"), D = c;
-		function O(e) {
+	setup(e) {
+		let t = w(e, "modelValue"), n = w(e, "range"), r = w(e, "lower"), f = w(e, "upper"), p = e;
+		function m(e) {
 			return Array.isArray(e) && e.length === 2;
 		}
-		let k = l()?.vnode.props, A = !!k?.["onUpdate:range"] || !!k?.["onUpdate:lower"] || !!k?.["onUpdate:upper"] || f.value !== void 0 || m.value !== void 0 || _.value !== void 0, j = t(() => !!D.slider || A);
-		p(() => {
-			A && k?.["onUpdate:modelValue"] && console.warn("[NumberInput] In range mode, the default `v-model` is unused. Bind `v-model:range` or `v-model:lower`/`v-model:upper` instead.");
+		let g = ee()?.vnode.props, _ = !!g?.["onUpdate:range"] || !!g?.["onUpdate:lower"] || !!g?.["onUpdate:upper"] || n.value !== void 0 || r.value !== void 0 || f.value !== void 0, b = a(() => !!p.slider || _);
+		te(() => {
+			_ && g?.["onUpdate:modelValue"] && console.warn("[NumberInput] In range mode, the default `v-model` is unused. Bind `v-model:range` or `v-model:lower`/`v-model:upper` instead.");
 		});
-		let M = t(() => D.min ?? (D.percent, 0)), N = t(() => D.max ?? (D.percent ? 1 : 100)), te = t(() => D.step ?? (D.percent ? .01 : 1));
-		function ne(e) {
+		let A = a(() => p.min ?? (p.percent, 0)), j = a(() => p.max ?? (p.percent ? 1 : 100)), re = a(() => p.step ?? (p.percent ? .01 : 1));
+		function ie(e) {
 			if (!Number.isFinite(e) || Number.isInteger(e)) return 0;
 			let t = parseFloat(Math.abs(e).toPrecision(12)).toString(), n = t.indexOf(".");
 			if (n !== -1) return t.length - n - 1;
 			let r = t.indexOf("e-");
 			return r === -1 ? 0 : Number(t.slice(r + 2));
 		}
-		let re = t(() => D.step == null ? 1 : D.percent ? D.step * 100 : D.step), P = t(() => D.min == null ? D.percent ? 0 : void 0 : D.percent ? D.min * 100 : D.min), F = t(() => D.max == null ? D.percent ? 100 : void 0 : D.percent ? D.max * 100 : D.max), I = t(() => D.numberType === "integer" ? 0 : D.decimals == null ? ne(re.value) : Math.max(0, D.decimals));
-		function ie(e, t) {
+		let le = a(() => p.step == null ? 1 : p.percent ? p.step * 100 : p.step), M = a(() => p.min == null ? p.percent ? 0 : void 0 : p.percent ? p.min * 100 : p.min), N = a(() => p.max == null ? p.percent ? 100 : void 0 : p.percent ? p.max * 100 : p.max), P = a(() => p.numberType === "integer" ? 0 : p.decimals == null ? ie(le.value) : Math.max(0, p.decimals));
+		function ue(e, t) {
 			let n = 10 ** t;
 			return Math.round(e * n) / n;
 		}
-		function L(e) {
+		function F(e) {
 			if (e == null) return "";
-			if (D.sliderDisplay) return D.sliderDisplay(e);
-			let t = I.value;
-			return D.percent ? (e * 100).toFixed(t) + "%" : e.toLocaleString("en-US", {
+			if (p.sliderDisplay) return p.sliderDisplay(e);
+			let t = P.value;
+			return p.percent ? (e * 100).toFixed(t) + "%" : e.toLocaleString("en-US", {
 				minimumFractionDigits: t,
 				maximumFractionDigits: t
 			});
 		}
-		function R(e) {
-			return e == null || !D.percent ? e : ie(e * 100, I.value);
+		function I(e) {
+			return e == null || !p.percent ? e : ue(e * 100, P.value);
 		}
-		function z(e) {
-			return D.percent ? e / 100 : e;
+		function L(e) {
+			return p.percent ? e / 100 : e;
 		}
-		function le(e) {
-			if (D.numberType !== "integer") return e;
-			let t = R(e);
-			return t == null ? e : z(Math.trunc(t));
+		function de(e) {
+			if (p.numberType !== "integer") return e;
+			let t = I(e);
+			return t == null ? e : L(Math.trunc(t));
 		}
-		function ue(e) {
+		function R(e) {
 			return e == null ? "" : e.toLocaleString("en-US");
 		}
-		function B(e) {
+		function z(e) {
 			if (e == null) return "";
-			let t = I.value;
+			let t = P.value;
 			if (t > 0) return e.toLocaleString("en-US", {
 				minimumFractionDigits: t,
 				maximumFractionDigits: t
 			});
-			let n = ue(e);
-			return D.numberType === "float" && Number.isInteger(e) ? n + ".0" : n;
+			let n = R(e);
+			return p.numberType === "float" && Number.isInteger(e) ? n + ".0" : n;
 		}
-		function V(e) {
+		function B(e) {
 			return e.replace(/,/g, "");
 		}
-		function de() {
-			if (A) {
-				let e = f.value, t = m.value ?? e?.[0], n = _.value ?? e?.[1];
-				return t !== void 0 || n !== void 0 ? [t ?? M.value, n ?? N.value] : void 0;
+		function V() {
+			if (_) {
+				let e = n.value, t = r.value ?? e?.[0], i = f.value ?? e?.[1];
+				return t !== void 0 || i !== void 0 ? [t ?? A.value, i ?? j.value] : void 0;
 			}
-			return u.value;
+			return t.value;
 		}
-		let H = de(), U = g(B(R(typeof H == "number" ? H : void 0)));
+		let H = V(), U = y(z(I(typeof H == "number" ? H : void 0)));
 		function W(e) {
-			return A ? O(e) ? [e[0], e[1]] : [M.value, N.value] : typeof e == "number" ? [e] : [M.value];
+			return _ ? m(e) ? [e[0], e[1]] : [A.value, j.value] : typeof e == "number" ? [e] : [A.value];
 		}
-		let G = g(W(H)), K = g();
-		C([
-			u,
-			f,
-			m,
-			_
+		let G = y(W(H)), K = y();
+		E([
+			t,
+			n,
+			r,
+			f
 		], () => {
-			let e = de();
-			!A && !O(e) && (U.value = B(R(e))), G.value = W(e), K.value = X(e);
+			let e = V();
+			!_ && !m(e) && (U.value = z(I(e))), G.value = W(e), K.value = Y(e);
 		});
 		let fe = /[^0-9,.\-+eE]/g;
 		function pe(e) {
-			let t = e.target, n = V(t.value);
+			let t = e.target, n = B(t.value);
 			if (n === "" || n === "-" || n.endsWith(".") || n.includes(".") && n.endsWith("0")) return;
 			let r = Number(n);
 			if (Number.isNaN(r)) return;
-			let i = ue(r);
+			let i = R(r);
 			if (i === t.value) return;
 			let a = t.selectionStart ?? 0, o = (t.value.slice(0, a).match(/,/g) || []).length;
 			U.value = i, requestAnimationFrame(() => {
@@ -419,118 +373,118 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 				r < e && (n = i.length), t.setSelectionRange(n, n);
 			});
 		}
-		function q() {
-			if (Z(), U.value.trim() === "") return;
-			let e = Number(V(U.value));
-			Number.isNaN(e) || (U.value = B(e));
-		}
-		let J = null;
 		function me() {
-			!D.live || j.value || (J && clearTimeout(J), J = setTimeout(Z, 300));
+			if (X(), U.value.trim() === "") return;
+			let e = Number(B(U.value));
+			Number.isNaN(e) || (U.value = z(e));
 		}
+		let q = null;
 		function he() {
-			!D.live || j.value || (J && clearTimeout(J), Z());
+			!p.live || b.value || (q && clearTimeout(q), q = setTimeout(X, 300));
 		}
-		function Y(e) {
-			let t = R(e);
-			if (P.value != null && t < P.value) return `Min ${P.value}${D.percent ? "%" : ""}`;
-			if (F.value != null && t > F.value) return `Max ${F.value}${D.percent ? "%" : ""}`;
+		function ge() {
+			!p.live || b.value || (q && clearTimeout(q), X());
+		}
+		function J(e) {
+			let t = I(e);
+			if (M.value != null && t < M.value) return `Min ${M.value}${p.percent ? "%" : ""}`;
+			if (N.value != null && t > N.value) return `Max ${N.value}${p.percent ? "%" : ""}`;
 		}
-		function X(e) {
-			if (e == null) return D.required ? "Required" : void 0;
-			if (O(e)) {
-				let t = Y(e[0]);
+		function Y(e) {
+			if (e == null) return p.required ? "Required" : void 0;
+			if (m(e)) {
+				let t = J(e[0]);
 				if (t) return `${t} (lower)`;
-				let n = Y(e[1]);
+				let n = J(e[1]);
 				return n ? `${n} (upper)` : void 0;
 			}
-			return Y(e);
+			return J(e);
 		}
-		function Z() {
-			let e = u.value;
+		function X() {
+			let e = t.value;
 			if (U.value.trim() === "") {
-				u.value = void 0, G.value = W(void 0), K.value = X(void 0);
+				t.value = void 0, G.value = W(void 0), K.value = Y(void 0);
 				return;
 			}
-			let t = U.value.replace(fe, "");
-			if (!/\d/.test(t)) {
-				U.value = B(R(e)), K.value = X(e);
+			let n = U.value.replace(fe, "");
+			if (!/\d/.test(n)) {
+				U.value = z(I(e)), K.value = Y(e);
 				return;
 			}
-			t !== U.value && (U.value = t);
-			let n = Number(V(t));
-			if (Number.isNaN(n)) return;
-			D.numberType === "integer" && (n = Math.trunc(n), U.value = B(n));
-			let r = z(n), i = X(r);
-			K.value = i, !i && (u.value = r, G.value = [r]);
+			n !== U.value && (U.value = n);
+			let r = Number(B(n));
+			if (Number.isNaN(r)) return;
+			p.numberType === "integer" && (r = Math.trunc(r), U.value = z(r));
+			let i = L(r), a = Y(i);
+			K.value = a, !a && (t.value = i, G.value = [i]);
 		}
-		function ge(e, t) {
-			let n = e.map(le);
-			G.value = n, A || (U.value = B(R(n[0]))), t && (A ? (f.value = [n[0], n[1]], m.value = n[0], _.value = n[1]) : u.value = n[0]);
+		function _e(e, i) {
+			let a = e.map(de);
+			G.value = a, _ || (U.value = z(I(a[0]))), i && (_ ? (n.value = [a[0], a[1]], r.value = a[0], f.value = a[1]) : t.value = a[0]);
 		}
-		function _e(e) {
-			if (D.label) return A ? e === 0 ? `${D.label} (lower)` : `${D.label} (upper)` : D.label;
+		function Q(e) {
+			if (p.label) return _ ? e === 0 ? `${p.label} (lower)` : `${p.label} (upper)` : p.label;
 		}
-		function ve(e) {
-			e && ge(e, !!D.live);
+		function Te(e) {
+			e && _e(e, !!p.live);
 		}
-		function ye(e) {
-			e && ge(e, !0);
+		function Ee(e) {
+			e && _e(e, !0);
 		}
-		function Q(e, t) {
+		function $(e, n) {
 			e.preventDefault();
-			let n = Number(V(U.value)), r = (Number.isNaN(n) ? 0 : n) + re.value * (e.shiftKey ? 10 : 1) * t;
-			D.numberType === "integer" && (r = Math.trunc(r)), P.value != null && (r = Math.max(r, P.value)), F.value != null && (r = Math.min(r, F.value)), U.value = B(r);
-			let i = z(r);
-			u.value = i, G.value = [i];
+			let r = Number(B(U.value)), i = (Number.isNaN(r) ? 0 : r) + le.value * (e.shiftKey ? 10 : 1) * n;
+			p.numberType === "integer" && (i = Math.trunc(i)), M.value != null && (i = Math.max(i, M.value)), N.value != null && (i = Math.min(i, N.value)), U.value = z(i);
+			let a = L(i);
+			t.value = a, G.value = [a];
 		}
-		return (t, c) => (h(), n(v(D.label ? "label" : "div"), { class: d(D.label ? "input-label" : void 0) }, {
-			default: w(() => [
-				D.label ? (h(), i("span", {
+		return (e, t) => (v(), o(x(p.label ? "label" : "div"), { class: h(p.label ? "input-label" : void 0) }, {
+			default: D(() => [
+				p.label ? (v(), c("span", {
 					key: 0,
-					class: d(["input-label-row", { "visually-hidden": D.hideLabel }])
-				}, [o(y(D.label) + " ", 1), D.hint && !D.hideLabel ? (h(), n(we, {
+					class: h(["input-label-row", { "visually-hidden": p.hideLabel }])
+				}, [u(S(p.label) + " ", 1), p.hint && !p.hideLabel ? (v(), o(Z, {
 					key: 0,
-					text: D.hint
-				}, null, 8, ["text"])) : r("", !0)], 2)) : r("", !0),
-				j.value ? r("", !0) : (h(), i("span", De, [T(a("input", {
+					text: p.hint
+				}, null, 8, ["text"])) : s("", !0)], 2)) : s("", !0),
+				b.value ? s("", !0) : (v(), c("span", ve, [O(l("input", {
 					type: "text",
-					inputmode: D.numberType === "integer" ? "numeric" : "decimal",
-					"onUpdate:modelValue": c[0] ||= (e) => U.value = e,
-					placeholder: D.placeholder,
+					inputmode: p.numberType === "integer" ? "numeric" : "decimal",
+					"onUpdate:modelValue": t[0] ||= (e) => U.value = e,
+					placeholder: p.placeholder,
 					"aria-invalid": !!K.value,
-					"aria-required": D.required || void 0,
-					required: D.required,
-					onBlur: q,
+					"aria-required": p.required || void 0,
+					required: p.required,
+					onBlur: me,
 					onKeydown: [
-						E(Z, ["enter"]),
-						c[1] ||= E((e) => Q(e, 1), ["up"]),
-						c[2] ||= E((e) => Q(e, -1), ["down"])
+						k(X, ["enter"]),
+						t[1] ||= k((e) => $(e, 1), ["up"]),
+						t[2] ||= k((e) => $(e, -1), ["down"])
 					],
-					onInput: c[3] ||= (e) => {
-						pe(e), me();
+					onInput: t[3] ||= (e) => {
+						pe(e), he();
 					},
-					onChange: he
-				}, null, 40, Oe), [[S, U.value]]), D.percent ? (h(), i("span", ke, "%")) : r("", !0)])),
-				K.value ? (h(), i("span", Ae, y(K.value), 1)) : r("", !0),
-				j.value ? (h(), i("div", je, [s(b(oe), {
+					onChange: ge
+				}, null, 40, ye), [[T, U.value]]), p.percent ? (v(), c("span", be, "%")) : s("", !0)])),
+				K.value ? (v(), c("span", xe, S(K.value), 1)) : s("", !0),
+				b.value ? (v(), c("div", Se, [d(C(oe), {
 					class: "slider-root",
 					"model-value": G.value,
-					min: M.value,
-					max: N.value,
-					step: te.value,
-					"onUpdate:modelValue": ve,
-					onValueCommit: ye
+					min: A.value,
+					max: j.value,
+					step: re.value,
+					"onUpdate:modelValue": Te,
+					onValueCommit: Ee
 				}, {
-					default: w(() => [s(b(ce), { class: "slider-track" }, {
-						default: w(() => [s(b(ae), { class: "slider-range" })]),
+					default: D(() => [d(C(ce), { class: "slider-track" }, {
+						default: D(() => [d(C(ae), { class: "slider-range" })]),
 						_: 1
-					}), (h(!0), i(e, null, ee(G.value, (e, t) => (h(), n(b(se), {
+					}), (v(!0), c(i, null, ne(G.value, (e, t) => (v(), o(C(se), {
 						key: t,
 						class: "slider-thumb",
-						"aria-label": _e(t)
+						"aria-label": Q(t)
 					}, {
-						default: w(() => [a("span", Me, y(L(e)), 1)]),
+						default: D(() => [l("span", Ce, S(F(e)), 1)]),
 						_: 2
 					}, 1032, ["aria-label"]))), 128))]),
 					_: 1
@@ -539,96 +493,56 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 					"min",
 					"max",
 					"step"
-				]), a("div", Ne, [a("span", null, y(L(M.value)), 1), a("span", null, y(L(N.value)), 1)])])) : r("", !0)
+				]), l("div", we, [l("span", null, S(F(A.value)), 1), l("span", null, S(F(j.value)), 1)])])) : s("", !0)
 			]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-db116f99"]]), Fe = { class: "select-box" }, Ie = ["id"], Le = /* @__PURE__ */ q(/* @__PURE__ */ c({
-	__name: "SelectBox",
-	props: /* @__PURE__ */ u({
-		label: {},
-		hideLabel: { type: Boolean },
-		ariaLabel: {},
-		options: {},
-		placeholder: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(t) {
-		let c = x(t, "modelValue"), l = t, u = K();
-		return (f, p) => (h(), i("div", Fe, [t.label ? (h(), i("label", {
-			key: 0,
-			id: `${b(u)}-label`,
-			class: d(["select-label", { "visually-hidden": t.hideLabel }])
-		}, y(t.label), 11, Ie)) : r("", !0), s(b(P), {
-			modelValue: c.value,
-			"onUpdate:modelValue": p[0] ||= (e) => c.value = e
-		}, {
-			default: w(() => [s(b(F), {
-				class: "select-trigger",
-				"aria-labelledby": l.label ? `${b(u)}-label` : void 0,
-				"aria-label": l.label ? void 0 : l.ariaLabel
-			}, {
-				default: w(() => [s(b(I), { placeholder: t.placeholder }, null, 8, ["placeholder"]), p[1] ||= a("span", {
-					class: "select-icon",
-					"aria-hidden": "true"
-				}, [a("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 12 12",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, [a("path", { d: "M3 4.5L6 7.5L9 4.5" })])], -1)]),
-				_: 1
-			}, 8, ["aria-labelledby", "aria-label"]), s(b(re), null, {
-				default: w(() => [s(b(M), {
-					class: "select-content",
-					position: "popper",
-					"side-offset": 4,
-					"body-lock": !1
-				}, {
-					default: w(() => [s(b(ie), { class: "select-viewport" }, {
-						default: w(() => [(h(!0), i(e, null, ee(t.options, (e) => (h(), n(b(N), {
-							key: e.value,
-							value: e.value,
-							class: "select-item"
-						}, {
-							default: w(() => [s(b(ne), null, {
-								default: w(() => [o(y(e.label), 1)]),
-								_: 2
-							}, 1024), s(b(te), { class: "select-indicator" }, {
-								default: w(() => [...p[2] ||= [a("svg", {
-									width: "12",
-									height: "12",
-									viewBox: "0 0 12 12",
-									fill: "none",
-									stroke: "currentColor",
-									"stroke-width": "2",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								}, [a("path", { d: "M2 6L5 9L10 3" })], -1)]]),
-								_: 1
-							})]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["modelValue"])]));
+}), [["__scopeId", "data-v-db116f99"]]), Ee = ["data-size", "aria-label"], $ = /* @__PURE__ */ p({
+	__name: "Spinner",
+	props: {
+		size: { default: "sm" },
+		label: {}
+	},
+	setup(e) {
+		return (t, n) => (v(), c("span", {
+			class: "Spinner",
+			"data-size": e.size,
+			role: "status",
+			"aria-label": e.label ?? "Loading"
+		}, null, 8, Ee));
+	}
+}), De = /* @__PURE__ */ p({
+	__name: "ParamEditor",
+	props: {
+		value: {},
+		format: {},
+		height: {},
+		filename: {}
+	},
+	emits: ["apply"],
+	setup(e) {
+		let t = f({
+			loader: () => import("./ParamEditorImpl-CcsMO4k-.js"),
+			loadingComponent: $,
+			delay: 100
+		});
+		return (n, r) => (v(), o(C(t), {
+			value: e.value,
+			format: e.format,
+			height: e.height,
+			filename: e.filename,
+			onApply: r[0] ||= (e) => n.$emit("apply", e)
+		}, null, 8, [
+			"value",
+			"format",
+			"height",
+			"filename"
+		]));
 	}
-}), [["__scopeId", "data-v-63876437"]]), Re = ["data-collapsed"], ze = { class: "SidebarRail" }, Be = { class: "Sidebar" }, Ve = { class: "SidebarScroll" }, He = { class: "SidebarHeader" }, Ue = { class: "Main" }, We = { class: "TabsBar" }, Ge = { class: "TabsBarEnd" }, Ke = { class: "MainScroll" }, qe = { class: "MainContent" }, Je = { class: "Topbar" }, Ye = { class: "TopbarEnd" }, Xe = { class: "MainScroll" }, Ze = { class: "MainContent" }, Qe = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}), Oe = ["data-collapsed"], ke = { class: "SidebarRail" }, Ae = { class: "Sidebar" }, je = { class: "SidebarScroll" }, Me = { class: "SidebarHeader" }, Ne = { class: "Main" }, Pe = { class: "TabsBar" }, Fe = { class: "TabsBarEnd" }, Ie = { class: "MainScroll" }, Le = { class: "MainContent" }, Re = { class: "Topbar" }, ze = { class: "TopbarEnd" }, Be = { class: "MainScroll" }, Ve = { class: "MainContent" }, He = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "SidebarLayout",
-	props: /* @__PURE__ */ u({
+	props: /* @__PURE__ */ m({
 		hideTopbar: { type: Boolean },
 		tabs: {}
 	}, {
@@ -636,86 +550,85 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 		tabModifiers: {}
 	}),
 	emits: ["update:tab"],
-	setup(c) {
-		let u = l(), d = u?.appContext.config.globalProperties.$router, f = u?.appContext.config.globalProperties.$route, v = c, S = x(c, "tab"), T = window.matchMedia("(max-width: 767px)"), E = g(T.matches), D = g(T.matches);
-		function O(e) {
-			E.value = e.matches, D.value = e.matches;
+	setup(e) {
+		let t = ee()?.appContext.config.globalProperties, n = t?.$router, r = e, f = w(e, "tab"), p = window.matchMedia("(max-width: 767px)"), m = y(p.matches), h = y(p.matches);
+		function g(e) {
+			m.value = e.matches, h.value = e.matches;
 		}
-		p(() => {
-			T.addEventListener("change", O);
-		}), m(() => {
-			T.removeEventListener("change", O);
+		te(() => {
+			p.addEventListener("change", g);
+		}), _(() => {
+			p.removeEventListener("change", g);
 		});
-		function k() {
-			D.value = !D.value;
+		function x() {
+			h.value = !h.value;
 		}
-		let A = t(() => !!d && v.tabs?.some((e) => e.to)), j = t({
+		let T = a(() => !!n && r.tabs?.some((e) => e.to)), O = a({
 			get() {
-				return S.value ?? v.tabs?.[0]?.value;
+				return f.value ?? r.tabs?.[0]?.value;
 			},
 			set(e) {
-				if (e && (S.value = e, A.value && d)) {
-					let t = v.tabs?.find((t) => t.value === e);
-					t?.to && d.push(t.to);
+				if (e && (f.value = e, T.value && n)) {
+					let t = r.tabs?.find((t) => t.value === e);
+					t?.to && n.push(t.to);
 				}
 			}
 		});
-		return f && C(() => f.path, () => {
-			if (A.value) {
-				let e = v.tabs?.find((e) => e.to === f.path);
-				e && (S.value = e.value);
-			}
-		}, { immediate: !0 }), (t, l) => (h(), i("div", {
+		return t && E(() => t.$route?.path, (e) => {
+			if (!e || !T.value) return;
+			let t = r.tabs?.find((t) => t.to === e);
+			t && (f.value = t.value);
+		}, { immediate: !0 }), (t, n) => (v(), c("div", {
 			class: "SidebarLayout",
-			"data-collapsed": D.value
-		}, [a("div", ze, [a("aside", Be, [a("div", Ve, [a("div", He, [a("button", {
+			"data-collapsed": h.value
+		}, [l("div", ke, [l("aside", Ae, [l("div", je, [l("div", Me, [l("button", {
 			type: "button",
 			class: "Toggle",
 			"aria-label": "Collapse sidebar",
 			title: "Collapse sidebar",
-			onClick: k
-		}, [s($, {
+			onClick: x
+		}, [d(X, {
 			icon: "keyboard_double_arrow_left",
 			size: "sm"
-		})])]), _(t.$slots, "sidebar", {}, void 0, !0)])]), a("button", {
+		})])]), b(t.$slots, "sidebar", {}, void 0, !0)])]), l("button", {
 			type: "button",
 			class: "Toggle Toggle--expand",
 			"aria-label": "Expand sidebar",
 			title: "Expand sidebar",
-			onClick: k
-		}, [s($, {
+			onClick: x
+		}, [d(X, {
 			icon: "keyboard_double_arrow_right",
 			size: "sm"
-		})])]), a("main", Ue, [c.tabs?.length ? (h(), n(b(ue), {
+		})])]), l("main", Ne, [e.tabs?.length ? (v(), o(C(ue), {
 			key: 0,
-			"model-value": j.value,
+			"model-value": O.value,
 			class: "TabsLayout",
-			"onUpdate:modelValue": l[0] ||= (e) => j.value = e
+			"onUpdate:modelValue": n[0] ||= (e) => O.value = e
 		}, {
-			default: w(() => [a("div", We, [
-				E.value && D.value ? (h(), i("button", {
+			default: D(() => [l("div", Pe, [
+				m.value && h.value ? (v(), c("button", {
 					key: 0,
 					type: "button",
 					class: "Toggle",
 					"aria-label": "Expand sidebar",
 					title: "Expand sidebar",
-					onClick: k
-				}, [s($, {
+					onClick: x
+				}, [d(X, {
 					icon: "keyboard_double_arrow_right",
 					size: "sm"
-				})])) : r("", !0),
-				s(b(le), {
+				})])) : s("", !0),
+				d(C(P), {
 					class: "TabsList",
 					"aria-label": "Tabs"
 				}, {
-					default: w(() => [(h(!0), i(e, null, ee(c.tabs, (e) => (h(), n(b(B), {
+					default: D(() => [(v(!0), c(i, null, ne(e.tabs, (e) => (v(), o(C(F), {
 						key: e.value,
 						value: e.value,
 						class: "TabsTrigger"
 					}, {
-						default: w(() => [o(y(e.label), 1)]),
+						default: D(() => [u(S(e.label), 1)]),
 						_: 2
-					}, 1032, ["value"]))), 128)), s(b(z), {
+					}, 1032, ["value"]))), 128)), d(C(N), {
 						class: "TabsIndicator",
 						style: {
 							width: "var(--reka-tabs-indicator-size)",
@@ -724,41 +637,27 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 					})]),
 					_: 1
 				}),
-				a("div", Ge, [_(t.$slots, "topbar", {}, void 0, !0), c.hideTopbar ? r("", !0) : (h(), n(Ee, { key: 0 }))])
-			]), a("div", Ke, [a("div", qe, [_(t.$slots, "default", {}, void 0, !0)])])]),
+				l("div", Fe, [b(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (v(), o(Q, { key: 0 }))])
+			]), l("div", Ie, [l("div", Le, [b(t.$slots, "default", {}, void 0, !0)])])]),
 			_: 3
-		}, 8, ["model-value"])) : (h(), i(e, { key: 1 }, [a("div", Je, [E.value && D.value ? (h(), i("button", {
+		}, 8, ["model-value"])) : (v(), c(i, { key: 1 }, [l("div", Re, [m.value && h.value ? (v(), c("button", {
 			key: 0,
 			type: "button",
 			class: "Toggle",
 			"aria-label": "Expand sidebar",
 			title: "Expand sidebar",
-			onClick: k
-		}, [s($, {
+			onClick: x
+		}, [d(X, {
 			icon: "keyboard_double_arrow_right",
 			size: "sm"
-		})])) : r("", !0), a("div", Ye, [_(t.$slots, "topbar", {}, void 0, !0), c.hideTopbar ? r("", !0) : (h(), n(Ee, { key: 0 }))])]), a("div", Xe, [a("div", Ze, [_(t.$slots, "default", {}, void 0, !0)])])], 64))])], 8, Re));
-	}
-}), [["__scopeId", "data-v-e0ed7a62"]]), $e = ["data-size", "aria-label"], et = /* @__PURE__ */ c({
-	__name: "Spinner",
-	props: {
-		size: { default: "sm" },
-		label: {}
-	},
-	setup(e) {
-		return (t, n) => (h(), i("span", {
-			class: "Spinner",
-			"data-size": e.size,
-			role: "status",
-			"aria-label": e.label ?? "Loading"
-		}, null, 8, $e));
+		})])) : s("", !0), l("div", ze, [b(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (v(), o(Q, { key: 0 }))])]), l("div", Be, [l("div", Ve, [b(t.$slots, "default", {}, void 0, !0)])])], 64))])], 8, Oe));
 	}
-}), tt = {
+}), [["__scopeId", "data-v-6d59601d"]]), Ue = {
 	key: 0,
 	class: "input-label"
-}, nt = ["placeholder"], rt = { key: 1 }, it = ["placeholder"], at = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}, We = ["placeholder"], Ge = { key: 1 }, Ke = ["placeholder"], qe = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "TextInput",
-	props: /* @__PURE__ */ u({
+	props: /* @__PURE__ */ m({
 		label: {},
 		hideLabel: { type: Boolean },
 		placeholder: {},
@@ -769,34 +668,34 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = x(e, "modelValue"), s = g(t.value);
-		C(t, (e) => {
-			s.value = e;
+		let t = w(e, "modelValue"), n = y(t.value);
+		E(t, (e) => {
+			n.value = e;
 		});
-		function c() {
-			t.value = s.value;
+		function r() {
+			t.value = n.value;
 		}
-		let l = e;
-		return (e, t) => l.label ? (h(), i("label", tt, [a("span", { class: d(["input-label-row", { "visually-hidden": l.hideLabel }]) }, [o(y(l.label) + " ", 1), l.hint && !l.hideLabel ? (h(), n(we, {
+		let i = e;
+		return (e, t) => i.label ? (v(), c("label", Ue, [l("span", { class: h(["input-label-row", { "visually-hidden": i.hideLabel }]) }, [u(S(i.label) + " ", 1), i.hint && !i.hideLabel ? (v(), o(Z, {
 			key: 0,
-			text: l.hint
-		}, null, 8, ["text"])) : r("", !0)], 2), T(a("input", {
+			text: i.hint
+		}, null, 8, ["text"])) : s("", !0)], 2), O(l("input", {
 			type: "text",
-			"onUpdate:modelValue": t[0] ||= (e) => s.value = e,
-			placeholder: l.placeholder,
-			onBlur: c,
-			onKeydown: E(c, ["enter"])
-		}, null, 40, nt), [[S, s.value]])])) : (h(), i("div", rt, [T(a("input", {
+			"onUpdate:modelValue": t[0] ||= (e) => n.value = e,
+			placeholder: i.placeholder,
+			onBlur: r,
+			onKeydown: k(r, ["enter"])
+		}, null, 40, We), [[T, n.value]])])) : (v(), c("div", Ge, [O(l("input", {
 			type: "text",
-			"onUpdate:modelValue": t[1] ||= (e) => s.value = e,
-			placeholder: l.placeholder,
-			onBlur: c,
-			onKeydown: E(c, ["enter"])
-		}, null, 40, it), [[S, s.value]])]));
+			"onUpdate:modelValue": t[1] ||= (e) => n.value = e,
+			placeholder: i.placeholder,
+			onBlur: r,
+			onKeydown: k(r, ["enter"])
+		}, null, 40, Ke), [[T, n.value]])]));
 	}
-}), [["__scopeId", "data-v-3f3d20cc"]]), ot = { class: "toggle" }, st = ["for"], ct = /* @__PURE__ */ q(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-3f3d20cc"]]), Je = { class: "toggle" }, Ye = ["for"], Xe = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Toggle",
-	props: /* @__PURE__ */ u({
+	props: /* @__PURE__ */ m({
 		label: {},
 		hint: {},
 		disabled: { type: Boolean }
@@ -806,21 +705,21 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = x(e, "modelValue"), o = e, c = K();
-		return (l, u) => (h(), i("div", ot, [
-			a("label", { for: b(c) }, y(e.label), 9, st),
-			o.hint ? (h(), n(we, {
+		let t = w(e, "modelValue"), n = e, r = V();
+		return (i, a) => (v(), c("div", Je, [
+			l("label", { for: C(r) }, S(e.label), 9, Ye),
+			n.hint ? (v(), o(Z, {
 				key: 0,
-				text: o.hint
-			}, null, 8, ["text"])) : r("", !0),
-			s(b(L), {
-				id: b(c),
+				text: n.hint
+			}, null, 8, ["text"])) : s("", !0),
+			d(C(le), {
+				id: C(r),
 				modelValue: t.value,
-				"onUpdate:modelValue": u[0] ||= (e) => t.value = e,
+				"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
 				disabled: e.disabled,
 				class: "switch"
 			}, {
-				default: w(() => [s(b(R), { class: "thumb" })]),
+				default: D(() => [d(C(M), { class: "thumb" })]),
 				_: 1
 			}, 8, [
 				"id",
@@ -831,4 +730,4 @@ var Se = /* @__PURE__ */ q(/* @__PURE__ */ c({
 	}
 }), [["__scopeId", "data-v-9916c71e"]]);
 //#endregion
-export { J as Box, me as Button, X as Container, Z as Expander, Se as Grid, we as Hint, $ as Icon, Ee as LightDarkToggle, Pe as NumberInput, Le as SelectBox, Qe as SidebarLayout, et as Spinner, at as TextInput, ct as Toggle };
+export { n as Box, t as Button, W as Container, G as Expander, J as Grid, Z as Hint, X as Icon, Q as LightDarkToggle, Te as NumberInput, De as ParamEditor, r as SelectBox, He as SidebarLayout, $ as Spinner, qe as TextInput, Xe as Toggle };