@cfasim-ui/components 0.6.4 → 0.7.0

package/dist/index.js

@@ -1,33 +1,33 @@
-import { i as e, n as t, r as n, t as r } from "./SelectBox-Bg7Qhmy7.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 m, mergeModels as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onMounted as ee, onUnmounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useModel as D, vModelText as O, watch as k, withCtx as A, withDirectives as te, withKeys as j, withModifiers as M } from "vue";
-import { CollapsibleContent as ne, CollapsibleRoot as re, CollapsibleTrigger as ie, ComboboxAnchor as N, ComboboxContent as P, ComboboxEmpty as F, ComboboxInput as ae, ComboboxItem as I, ComboboxItemIndicator as L, ComboboxPortal as R, ComboboxRoot as oe, ComboboxTrigger as se, ComboboxViewport as z, SliderRange as ce, SliderRoot as le, SliderThumb as ue, SliderTrack as de, SwitchRoot as B, SwitchThumb as fe, TabsIndicator as V, TabsList as H, TabsRoot as U, TabsTrigger as W, ToggleGroupItem as G, ToggleGroupRoot as pe, TooltipArrow as me, TooltipContent as he, TooltipPortal as K, TooltipProvider as ge, TooltipRoot as _e, TooltipTrigger as q, useId as J } from "reka-ui";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./SelectBox-CByXZfaC.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineAsyncComponent as v, defineComponent as y, getCurrentInstance as ee, mergeModels as b, mergeProps as x, nextTick as te, normalizeClass as S, normalizeStyle as C, onMounted as ne, onUnmounted as w, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as re, toDisplayString as k, unref as A, useModel as j, vModelText as M, watch as N, withCtx as P, withDirectives as F, withKeys as I } from "vue";
+import { CollapsibleContent as L, CollapsibleRoot as ie, CollapsibleTrigger as R, ComboboxAnchor as z, ComboboxContent as B, ComboboxEmpty as ae, ComboboxInput as oe, ComboboxItem as V, ComboboxItemIndicator as H, ComboboxPortal as se, ComboboxRoot as U, ComboboxTrigger as W, ComboboxViewport as G, SliderRange as ce, SliderRoot as le, SliderThumb as ue, SliderTrack as de, SwitchRoot as K, SwitchThumb as q, TabsIndicator as fe, TabsList as pe, TabsRoot as me, TabsTrigger as J, ToggleGroupItem as he, ToggleGroupRoot as ge, useId as Y } from "reka-ui";
 //#region \0rolldown/runtime.js
-var Y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ve = ["data-orientation", "aria-label"], ye = /* @__PURE__ */ e(/* @__PURE__ */ p({
+var X = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), Z = ["data-orientation", "aria-label"], _e = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "ButtonGroup",
 	props: {
 		ariaLabel: {},
 		orientation: { default: "horizontal" }
 	},
 	setup(e) {
-		return (t, n) => (b(), c("div", {
+		return (t, n) => (T(), m("div", {
 			class: "button-group",
 			role: "group",
 			"data-orientation": e.orientation,
 			"aria-label": e.ariaLabel
-		}, [C(t.$slots, "default", {}, void 0, !0)], 8, ve));
+		}, [O(t.$slots, "default", {}, void 0, !0)], 8, Z));
 	}
-}), [["__scopeId", "data-v-f3bd45a3"]]), X = {
+}), [["__scopeId", "data-v-f3bd45a3"]]), Q = {
 	none: "0",
 	small: "var(--space-2)",
 	medium: "var(--space-4)",
 	large: "var(--space-6)"
 };
-function be(e, t = "medium") {
-	return e == null ? X[t] : e in X ? X[e] : e;
+function ve(e, t = "medium") {
+	return e == null ? Q[t] : e in Q ? Q[e] : e;
 }
 //#endregion
 //#region src/Container/Container.vue
-var xe = /* @__PURE__ */ e(/* @__PURE__ */ p({
+var ye = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "Container",
 	props: {
 		border: { type: Boolean },
@@ -36,25 +36,25 @@ var xe = /* @__PURE__ */ e(/* @__PURE__ */ p({
 		gap: {}
 	},
 	setup(e) {
-		let t = e, n = a(() => be(t.gap)), r = a(() => {
+		let t = e, n = d(() => ve(t.gap)), r = d(() => {
 			let e = t.height;
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		});
-		return (t, i) => (b(), c("div", {
-			class: _(["container", {
+		return (t, i) => (T(), m("div", {
+			class: S(["container", {
 				"container-border": e.border,
 				"container-horizontal": e.horizontal,
 				"container-scrollable": e.height != null
 			}]),
-			style: v({
+			style: C({
 				gap: n.value,
 				height: r.value
 			})
-		}, [C(t.$slots, "default", {}, void 0, !0)], 6));
+		}, [O(t.$slots, "default", {}, void 0, !0)], 6));
 	}
-}), [["__scopeId", "data-v-bff01edb"]]), Se = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-bff01edb"]]), be = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "Expander",
-	props: /* @__PURE__ */ h({ label: {} }, {
+	props: /* @__PURE__ */ b({ label: {} }, {
 		open: {
 			type: Boolean,
 			default: !1
@@ -63,51 +63,51 @@ var xe = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	}),
 	emits: ["update:open"],
 	setup(e) {
-		let t = D(e, "open");
-		return (n, r) => (b(), o(E(re), {
+		let t = j(e, "open");
+		return (n, r) => (T(), f(A(ie), {
 			open: t.value,
 			"onUpdate:open": r[0] ||= (e) => t.value = e,
 			class: "expander"
 		}, {
-			default: A(() => [d(E(ie), { class: "expander-trigger" }, {
-				default: A(() => [l("span", { class: _(["expander-caret", { open: t.value }]) }, null, 2), C(n.$slots, "label", {}, () => [u(T(e.label), 1)], !0)]),
+			default: P(() => [_(A(R), { class: "expander-trigger" }, {
+				default: P(() => [h("span", { class: S(["expander-caret", { open: t.value }]) }, null, 2), O(n.$slots, "label", {}, () => [g(k(e.label), 1)], !0)]),
 				_: 3
-			}), d(E(ne), { class: "expander-content" }, {
-				default: A(() => [C(n.$slots, "default", {}, void 0, !0)]),
+			}), _(A(L), { class: "expander-content" }, {
+				default: P(() => [O(n.$slots, "default", {}, void 0, !0)]),
 				_: 3
 			})]),
 			_: 3
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-39e4acd0"]]), Ce = ["data-cfasim-grid-bp"], we = "640px";
-function Te(e) {
+}), [["__scopeId", "data-v-39e4acd0"]]), xe = ["data-cfasim-grid-bp"], Se = "640px";
+function Ce(e) {
 	return typeof e == "number" ? `repeat(${e}, 1fr)` : e.map((e) => typeof e == "number" ? `${e}fr` : e).join(" ");
 }
-function Ee(e) {
-	return /^\d+(\.\d+)?[a-zA-Z%]+$/.test(e) ? e : we;
+function we(e) {
+	return /^\d+(\.\d+)?[a-zA-Z%]+$/.test(e) ? e : Se;
 }
-var Z = /* @__PURE__ */ new Map();
-function De(e) {
+var $ = /* @__PURE__ */ new Map();
+function Te(e) {
 	if (typeof document > "u") return;
-	let t = Z.get(e);
+	let t = $.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), Z.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), $.set(e, {
 		count: 1,
 		el: n
 	});
 }
-function Oe(e) {
+function Ee(e) {
 	if (typeof document > "u") return;
-	let t = Z.get(e);
-	t && (t.count--, t.count === 0 && (t.el.remove(), Z.delete(e)));
+	let t = $.get(e);
+	t && (t.count--, t.count === 0 && (t.el.remove(), $.delete(e)));
 }
 //#endregion
 //#region src/Grid/Grid.vue
-var ke = /* @__PURE__ */ e(/* @__PURE__ */ p({
+var De = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "Grid",
 	props: {
 		cols: {},
@@ -117,491 +117,142 @@ var ke = /* @__PURE__ */ e(/* @__PURE__ */ p({
 		minColWidth: {}
 	},
 	setup(e) {
-		let t = e, n = a(() => be(t.gap)), r = a(() => t.minColWidth ? `repeat(auto-fit, minmax(${t.minColWidth}, 1fr))` : Te(t.cols ?? 2)), i = a(() => t.minColWidth || t.colsSmall == null ? r.value : Te(t.colsSmall)), o = a(() => Ee(t.breakpoint ?? we)), s = null, u = k(o, (e) => {
-			s !== e && (De(e), s && Oe(s), s = e);
+		let t = e, n = d(() => ve(t.gap)), r = d(() => t.minColWidth ? `repeat(auto-fit, minmax(${t.minColWidth}, 1fr))` : Ce(t.cols ?? 2)), i = d(() => t.minColWidth || t.colsSmall == null ? r.value : Ce(t.colsSmall)), a = d(() => we(t.breakpoint ?? Se)), o = null, s = N(a, (e) => {
+			o !== e && (Te(e), o && Ee(o), o = e);
 		}, { immediate: !0 });
-		return y(() => {
-			u(), s &&= (Oe(s), null);
-		}), (e, t) => (b(), c("div", {
-			"data-cfasim-grid-bp": o.value,
+		return w(() => {
+			s(), o &&= (Ee(o), null);
+		}), (e, t) => (T(), m("div", {
+			"data-cfasim-grid-bp": a.value,
 			class: "grid-wrapper"
-		}, [l("div", {
+		}, [h("div", {
 			class: "grid",
-			style: v({
+			style: C({
 				gap: n.value,
 				gridTemplateColumns: r.value,
 				"--grid-cols-small": i.value
 			})
-		}, [C(e.$slots, "default", {}, void 0, !0)], 4)], 8, Ce));
-	}
-}), [["__scopeId", "data-v-7ae87f0f"]]), Ae = /* @__PURE__ */ new Map();
-function je(e) {
-	return typeof e == "object" && e && "outline" in e ? e : { outline: e };
-}
-function Me(e) {
-	for (let [t, n] of Object.entries(e)) Ae.set(t, je(n));
-}
-function Ne(e, t = !1) {
-	let n = Ae.get(e);
-	if (n) return t && n.fill ? n.fill : n.outline;
-}
-function Pe(e) {
-	return Ae.has(e);
-}
-var Fe = /* @__PURE__ */ new Set();
-function Ie(e) {
-	let t = /^[a-zA-Z_$][\w$]*$/.test(e), n = t ? e : `icon_${e.replace(/[^\w$]/g, "_")}`;
-	return `  import ${n} from "@material-symbols/svg-400/outlined/${e}.svg?component";\n  import { registerIcons } from "@cfasim-ui/components";\n  registerIcons(${t ? `{ ${e} }` : `{ "${e}": ${n} }`});`;
-}
-function Le(e) {
-	Fe.has(e) || (Fe.add(e), console.warn(`[cfasim-ui] Icon "${e}" is not registered — nothing will render.\nRegister it once at startup:\n\n${Ie(e)}\n\nRequires dev deps "@material-symbols/svg-400" + "vite-svg-loader".\nDocs: https://cdcgov.github.io/cfa-simulator/docs/cfasim-ui/components/icon#registering-icons`));
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@material-symbols+svg-400@0.44.10/node_modules/@material-symbols/svg-400/outlined/help.svg?component
-var Re = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function ze(e, t) {
-	return b(), c("svg", Re, [...t[0] ||= [l("path", { d: "M511-258q11-11 11-27t-11-27-27-11-27 11-11 27 11 27 27 11 27-11m-62-135h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393m31 313q-82 0-155-31.5t-127.5-86-86-127.5T80-480q0-83 31.5-156t86-127T325-848.5 480-880q83 0 156 31.5T763-763t85.5 127T880-480q0 82-31.5 155T763-197.5t-127 86T480-80m0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140m0-340" }, null, -1)]]);
-}
-var Be = { render: ze }, Ve = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function He(e, t) {
-	return b(), c("svg", Ve, [...t[0] ||= [l("path", { d: "m480-121-41-37q-105.77-97.12-174.88-167.56Q195-396 154-451.5T96.5-552 80-643q0-90.15 60.5-150.58Q201-854 290-854q57 0 105.5 27t84.5 78q42-54 89-79.5T670-854q89 0 149.5 60.42Q880-733.15 880-643q0 46-16.5 91T806-451.5 695.88-325.56Q626.77-255.12 521-158zm0-79q101.24-93 166.62-159.5T750.5-476t54-89.14q15.5-39.13 15.5-77.72 0-66.14-42-108.64T670.22-794q-51.52 0-95.37 31.5T504-674h-49q-26-56-69.85-88t-95.37-32Q224-794 182-751.5t-42 108.82q0 38.68 15.5 78.18t54 90T314-358t166 158m0-297" }, null, -1)]]);
-}
-var Ue = { render: He }, We = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Ge(e, t) {
-	return b(), c("svg", We, [...t[0] ||= [l("path", { d: "m480-121-41-37q-106-97-175-167.5t-110-126T96.5-552 80-643q0-90 60.5-150.5T290-854q57 0 105.5 27t84.5 78q42-54 89-79.5T670-854q89 0 149.5 60.5T880-643q0 46-16.5 91T806-451.5t-110 126T521-158z" }, null, -1)]]);
-}
-var Ke = { render: Ge }, qe = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Je(e, t) {
-	return b(), c("svg", qe, [...t[0] ||= [l("path", { d: "M480-120q-150 0-255-105T120-480t105-255 255-105q8 0 17 .5t23 1.5q-36 32-56 79t-20 99q0 90 63 153t153 63q52 0 99-18.5t79-51.5q1 12 1.5 19.5t.5 14.5q0 150-105 255T480-120m0-60q109 0 190-67.5T771-406q-25 11-53.67 16.5Q688.67-384 660-384q-114.69 0-195.34-80.66Q384-545.31 384-660q0-24 5-51.5t18-62.5q-98 27-162.5 109.5T180-480q0 125 87.5 212.5T480-180m-4-297" }, null, -1)]]);
-}
-var Ye = { render: Je }, Xe = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Ze(e, t) {
-	return b(), c("svg", Xe, [...t[0] ||= [l("path", { d: "M579-381q41-41 41-99t-41-99-99-41-99 41-41 99 41 99 99 41 99-41m-240.5 42.5Q280-397 280-480t58.5-141.5T480-680t141.5 58.5T680-480t-58.5 141.5T480-280t-141.5-58.5M200-450H40v-60h160zm720 0H760v-60h160zM450-760v-160h60v160zm0 720v-160h60v160zM262-658l-100-97 43-44 96 100zm494 496-98-100 41-41 99 98zm-99-537 98-99 44 42-99 98zM162-205l99-98 42 42-98 99zm318-275" }, null, -1)]]);
-}
-var Qe = { render: Ze }, $e = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function et(e, t) {
-	return b(), c("svg", $e, [...t[0] ||= [l("path", { d: "M561-240 320-481l241-241 43 43-198 198 198 198z" }, null, -1)]]);
-}
-var tt = { render: et }, nt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function rt(e, t) {
-	return b(), c("svg", nt, [...t[0] ||= [l("path", { d: "M530-481 332-679l43-43 241 241-241 241-43-43z" }, null, -1)]]);
-}
-var it = { render: rt }, at = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function ot(e, t) {
-	return b(), c("svg", at, [...t[0] ||= [l("path", { d: "M480-554 283-357l-43-43 240-240 240 240-43 43z" }, null, -1)]]);
-}
-var st = { render: ot }, ct = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function lt(e, t) {
-	return b(), c("svg", ct, [...t[0] ||= [l("path", { d: "M480-344 240-584l43-43 197 197 197-197 43 43z" }, null, -1)]]);
-}
-var ut = { render: lt }, dt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function ft(e, t) {
-	return b(), c("svg", dt, [...t[0] ||= [l("path", { d: "M453-241 213-481l240-240 42 42-198 198 198 198zm253 0L466-481l240-240 42 42-198 198 198 198z" }, null, -1)]]);
-}
-var pt = { render: ft }, mt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function ht(e, t) {
-	return b(), c("svg", mt, [...t[0] ||= [l("path", { d: "M411-481 213-679l42-42 240 240-240 240-42-42zm253 0L466-679l42-42 240 240-240 240-42-42z" }, null, -1)]]);
-}
-var gt = { render: ht }, _t = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function vt(e, t) {
-	return b(), c("svg", _t, [...t[0] ||= [l("path", { d: "M450-160v-526L202-438l-42-42 320-320 320 320-42 42-248-248v526z" }, null, -1)]]);
-}
-var yt = { render: vt }, bt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function xt(e, t) {
-	return b(), c("svg", bt, [...t[0] ||= [l("path", { d: "M450-800v526L202-522l-42 42 320 320 320-320-42-42-248 248v-526z" }, null, -1)]]);
-}
-var St = { render: xt }, Ct = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function wt(e, t) {
-	return b(), c("svg", Ct, [...t[0] ||= [l("path", { d: "m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60z" }, null, -1)]]);
-}
-var Tt = { render: wt }, Et = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Dt(e, t) {
-	return b(), c("svg", Et, [...t[0] ||= [l("path", { d: "M686-450H160v-60h526L438-758l42-42 320 320-320 320-42-42z" }, null, -1)]]);
-}
-var Ot = { render: Dt }, kt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function At(e, t) {
-	return b(), c("svg", kt, [...t[0] ||= [l("path", { d: "M120-240v-60h720v60zm0-210v-60h720v60zm0-210v-60h720v60z" }, null, -1)]]);
-}
-var jt = { render: At }, Mt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Nt(e, t) {
-	return b(), c("svg", Mt, [...t[0] ||= [l("path", { d: "M479.86-160Q460-160 446-174.14t-14-34T446.14-242t34-14T514-241.86t14 34T513.86-174t-34 14m0-272Q460-432 446-446.14t-14-34T446.14-514t34-14T514-513.86t14 34T513.86-446t-34 14m0-272Q460-704 446-718.14t-14-34T446.14-786t34-14T514-785.86t14 34T513.86-718t-34 14" }, null, -1)]]);
-}
-var Pt = { render: Nt }, Ft = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function It(e, t) {
-	return b(), c("svg", Ft, [...t[0] ||= [l("path", { d: "M207.86-432Q188-432 174-446.14t-14-34T174.14-514t34-14T242-513.86t14 34T241.86-446t-34 14m272 0Q460-432 446-446.14t-14-34T446.14-514t34-14T514-513.86t14 34T513.86-446t-34 14m272 0Q732-432 718-446.14t-14-34T718.14-514t34-14T786-513.86t14 34T785.86-446t-34 14" }, null, -1)]]);
-}
-var Lt = { render: It }, Rt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function zt(e, t) {
-	return b(), c("svg", Rt, [...t[0] ||= [l("path", { d: "M450-450H200v-60h250v-250h60v250h250v60H510v250h-60z" }, null, -1)]]);
-}
-var Bt = { render: zt }, Vt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Ht(e, t) {
-	return b(), c("svg", Vt, [...t[0] ||= [l("path", { d: "M180-180h44l472-471-44-44-472 471zm-60 60v-128l575-574q8-8 19-12.5t23-4.5q11 0 22 4.5t20 12.5l44 44q9 9 13 20t4 22-4.5 22.5T823-694L248-120zm659-617-41-41zm-105 64-22-22 44 44z" }, null, -1)]]);
-}
-var Ut = { render: Ht }, Wt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Gt(e, t) {
-	return b(), c("svg", Wt, [...t[0] ||= [l("path", { d: "M261-120q-24.75 0-42.37-17.63Q201-155.25 201-180v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18zm438-630H261v570h438zM367-266h60v-399h-60zm166 0h60v-399h-60zM261-750v570z" }, null, -1)]]);
-}
-var Kt = { render: Gt }, qt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Jt(e, t) {
-	return b(), c("svg", qt, [...t[0] ||= [l("path", { d: "m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231z" }, null, -1)]]);
-}
-var Yt = { render: Jt }, Xt = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Zt(e, t) {
-	return b(), c("svg", Xt, [...t[0] ||= [l("path", { d: "M378-246 154-470l43-43 181 181 384-384 43 43z" }, null, -1)]]);
-}
-var Qt = { render: Zt }, $t = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function en(e, t) {
-	return b(), c("svg", $t, [...t[0] ||= [l("path", { d: "M796-121 533-384q-30 26-70 40.5T378-329q-108 0-183-75t-75-181 75-181 182-75q106 0 180.5 75T632-585q0 43-14 83t-42 75l264 262zM377-389q81 0 138-57.5T572-585t-57-138.5T377-781q-82 0-139.5 57.5T180-585t57.5 138.5T377-389" }, null, -1)]]);
-}
-var tn = { render: en }, nn = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function rn(e, t) {
-	return b(), c("svg", nn, [...t[0] ||= [l("path", { d: "M427-120v-225h60v83h353v60H487v82zm-307-82v-60h247v60zm187-166v-82H120v-60h187v-84h60v226zm120-82v-60h413v60zm166-165v-225h60v82h187v60H653v83zm-473-83v-60h413v60z" }, null, -1)]]);
-}
-var an = { render: rn }, on = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function sn(e, t) {
-	return b(), c("svg", on, [...t[0] ||= [l("path", { d: "M480-313 287-506l43-43 120 120v-371h60v371l120-120 43 43zM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18z" }, null, -1)]]);
-}
-var cn = { render: sn }, ln = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 24 24"
-};
-function un(e, t) {
-	return b(), c("svg", ln, [...t[0] ||= [l("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }, null, -1)]]);
-}
-//#endregion
-//#region src/Icon/defaultIcons.ts
-var dn = {
-	help: Be,
-	favorite: {
-		outline: Ue,
-		fill: Ke
-	},
-	dark_mode: Ye,
-	light_mode: Qe,
-	chevron_left: tt,
-	chevron_right: it,
-	keyboard_arrow_up: st,
-	keyboard_arrow_down: ut,
-	keyboard_double_arrow_left: pt,
-	keyboard_double_arrow_right: gt,
-	arrow_upward: yt,
-	arrow_downward: St,
-	arrow_back: Tt,
-	arrow_forward: Ot,
-	menu: jt,
-	more_vert: Pt,
-	more_horiz: Lt,
-	add: Bt,
-	edit: Ut,
-	delete: Kt,
-	close: Yt,
-	check: Qt,
-	search: tn,
-	tune: an,
-	download: cn,
-	github: { render: un }
-}, fn = !1;
-function pn() {
-	if (!fn) {
-		fn = !0;
-		for (let [e, t] of Object.entries(dn)) Pe(e) || Me({ [e]: t });
-	}
-}
-//#endregion
-//#region src/Icon/Icon.vue?vue&type=script&setup=true&lang.ts
-var mn = [
-	"data-size",
-	"data-inline",
-	"aria-hidden",
-	"aria-label",
-	"role"
-], Q = /* @__PURE__ */ p({
-	__name: "Icon",
-	props: {
-		icon: {},
-		size: { default: "md" },
-		fill: {
-			type: Boolean,
-			default: !1
-		},
-		weight: {},
-		grade: {},
-		decorative: {
-			type: Boolean,
-			default: !0
-		},
-		ariaLabel: {},
-		inline: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		pn();
-		let t = e, n = a(() => typeof t.size == "string" ? t.size : void 0), r = a(() => typeof t.size == "number" ? {
-			width: `${t.size}px`,
-			height: `${t.size}px`
-		} : {}), i = a(() => {
-			let e = Ne(t.icon, t.fill);
-			return e || Le(t.icon), e;
-		});
-		return (t, a) => (b(), c("span", {
-			class: "Icon",
-			"data-size": n.value,
-			"data-inline": e.inline ? "true" : void 0,
-			style: v(r.value),
-			"aria-hidden": e.decorative ? !0 : void 0,
-			"aria-label": e.decorative ? void 0 : e.ariaLabel,
-			role: e.decorative ? void 0 : "img"
-		}, [i.value ? (b(), o(w(i.value), { key: 0 })) : s("", !0)], 12, mn));
+		}, [O(e.$slots, "default", {}, void 0, !0)], 4)], 8, xe));
 	}
-}), $ = /* @__PURE__ */ e(/* @__PURE__ */ p({
-	__name: "Hint",
-	props: { text: {} },
-	setup(e) {
-		return (t, n) => (b(), o(E(ge), null, {
-			default: A(() => [d(E(_e), {
-				"delay-duration": 0,
-				"disable-closing-trigger": ""
-			}, {
-				default: A(() => [d(E(q), { "as-child": "" }, {
-					default: A(() => [l("button", {
-						type: "button",
-						class: "HintTrigger",
-						"aria-label": "More info",
-						onPointerdown: n[0] ||= M(() => {}, ["prevent"])
-					}, [d(Q, {
-						icon: "help",
-						size: 16
-					})], 32)]),
-					_: 1
-				}), d(E(K), null, {
-					default: A(() => [d(E(he), {
-						class: "HintContent",
-						side: "top",
-						"side-offset": 4
-					}, {
-						default: A(() => [u(T(e.text) + " ", 1), d(E(me), {
-							class: "HintArrow",
-							width: 10,
-							height: 5
-						})]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-9dbf1c25"]]), hn = ["aria-label"], gn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-7ae87f0f"]]), Oe = ["aria-label"], ke = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "LightDarkToggle",
-	setup(e) {
-		let t = x(window.matchMedia("(prefers-color-scheme: dark)").matches);
-		function n(e) {
+	setup(t) {
+		let n = E(window.matchMedia("(prefers-color-scheme: dark)").matches);
+		function r(e) {
 			document.documentElement.classList.toggle("dark", e), document.documentElement.classList.toggle("light", !e);
 		}
-		return n(t.value), k(t, n), (e, n) => (b(), c("button", {
+		return r(n.value), N(n, r), (t, r) => (T(), m("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
-		}, [d(Q, {
-			icon: t.value ? "dark_mode" : "light_mode",
+			"aria-label": n.value ? "Switch to light mode" : "Switch to dark mode",
+			onClick: r[0] ||= (e) => n.value = !n.value
+		}, [_(e, {
+			icon: n.value ? "dark_mode" : "light_mode",
 			size: "sm"
-		}, null, 8, ["icon"])], 8, hn));
+		}, null, 8, ["icon"])], 8, Oe));
 	}
-}), [["__scopeId", "data-v-4c423498"]]), _n = { class: "multi-select" }, vn = ["id"], yn = {
+}), [["__scopeId", "data-v-4c423498"]]), Ae = { class: "multi-select" }, je = {
 	key: 0,
 	class: "multi-select-chips"
-}, bn = { class: "multi-select-chip-label" }, xn = ["aria-label", "onClick"], Sn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}, Me = { class: "multi-select-chip-label" }, Ne = ["aria-label", "onClick"], Pe = {
+	class: "multi-select-icon",
+	"aria-hidden": "true"
+}, Fe = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "MultiSelect",
-	props: /* @__PURE__ */ h({
+	props: /* @__PURE__ */ b({
+		options: {},
+		placeholder: {},
 		label: {},
 		hideLabel: { type: Boolean },
 		ariaLabel: {},
-		options: {},
-		placeholder: {},
 		hint: {}
 	}, {
 		modelValue: { default: () => [] },
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(e) {
-		let t = D(e, "modelValue"), n = e, r = J(), f = x(null);
-		k(t, () => {
-			g(() => {
-				let e = f.value?.querySelector("input");
+	setup(t) {
+		let n = j(t, "modelValue"), r = t, { labelId: a, ariaProps: s } = i(r), c = E(null);
+		N(n, () => {
+			te(() => {
+				let e = c.value?.querySelector("input");
 				e?.value && (e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })));
 			});
 		});
-		let p = a(() => t.value.map((e) => n.options.find((t) => t.value === e)).filter((e) => !!e));
-		function m(e) {
-			t.value = t.value.filter((t) => t !== e);
+		let l = d(() => n.value.map((e) => r.options.find((t) => t.value === e)).filter((e) => !!e));
+		function v(e) {
+			n.value = n.value.filter((t) => t !== e);
 		}
-		function h(e) {
-			let n = e.target;
-			e.key === "Backspace" && !n.value && t.value.length && m(t.value[t.value.length - 1]);
+		function y(e) {
+			let t = e.target;
+			e.key === "Backspace" && !t.value && n.value.length && v(n.value[n.value.length - 1]);
 		}
-		return (n, a) => (b(), c("div", _n, [e.label ? (b(), c("label", {
-			key: 0,
-			id: `${E(r)}-label`,
-			class: _(["multi-select-label", { "visually-hidden": e.hideLabel }])
-		}, [u(T(e.label) + " ", 1), e.hint && !e.hideLabel ? (b(), o($, {
-			key: 0,
-			text: e.hint
-		}, null, 8, ["text"])) : s("", !0)], 10, vn)) : s("", !0), d(E(oe), {
-			modelValue: t.value,
-			"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
+		return (r, i) => (T(), m("div", Ae, [_(o, {
+			class: "multi-select-label",
+			label: t.label,
+			"label-id": A(a),
+			"hide-label": t.hideLabel,
+			hint: t.hint
+		}, null, 8, [
+			"label",
+			"label-id",
+			"hide-label",
+			"hint"
+		]), _(A(U), {
+			modelValue: n.value,
+			"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
 			multiple: "",
 			"open-on-click": "",
 			class: "multi-select-root"
 		}, {
-			default: A(() => [d(E(N), { class: "multi-select-anchor" }, {
-				default: A(() => [l("div", {
+			default: P(() => [_(A(z), { class: "multi-select-anchor" }, {
+				default: P(() => [h("div", {
 					ref_key: "fieldRef",
-					ref: f,
+					ref: c,
 					class: "multi-select-field"
-				}, [p.value.length ? (b(), c("ul", yn, [(b(!0), c(i, null, S(p.value, (e) => (b(), c("li", {
-					key: e.value,
+				}, [l.value.length ? (T(), m("ul", je, [(T(!0), m(u, null, D(l.value, (t) => (T(), m("li", {
+					key: t.value,
 					class: "multi-select-chip"
-				}, [l("span", bn, T(e.label), 1), l("button", {
+				}, [h("span", Me, k(t.label), 1), h("button", {
 					type: "button",
 					class: "multi-select-chip-remove",
-					"aria-label": `Remove ${e.label}`,
-					onClick: (t) => m(e.value)
-				}, [d(Q, {
+					"aria-label": `Remove ${t.label}`,
+					onClick: (e) => v(t.value)
+				}, [_(e, {
 					icon: "close",
 					size: 14
-				})], 8, xn)]))), 128))])) : s("", !0), d(E(ae), {
+				})], 8, Ne)]))), 128))])) : p("", !0), _(A(oe), x({
 					class: "multi-select-input",
-					placeholder: p.value.length ? void 0 : e.placeholder,
-					"aria-labelledby": e.label ? `${E(r)}-label` : void 0,
-					"aria-label": e.label ? void 0 : e.ariaLabel,
-					onKeydown: h
-				}, null, 8, [
-					"placeholder",
-					"aria-labelledby",
-					"aria-label"
-				])], 512), d(E(se), {
+					placeholder: l.value.length ? void 0 : t.placeholder
+				}, A(s), { onKeydown: y }), null, 16, ["placeholder"])], 512), _(A(W), {
 					class: "multi-select-trigger",
 					"aria-label": "Toggle options"
 				}, {
-					default: A(() => [...a[1] ||= [l("span", {
-						class: "multi-select-icon",
-						"aria-hidden": "true"
-					}, [l("svg", {
-						width: "12",
-						height: "12",
-						viewBox: "0 0 12 12",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2",
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round"
-					}, [l("path", { d: "M3 4.5L6 7.5L9 4.5" })])], -1)]]),
+					default: P(() => [h("span", Pe, [_(e, {
+						icon: "keyboard_arrow_down",
+						size: 16
+					})])]),
 					_: 1
 				})]),
 				_: 1
-			}), d(E(R), null, {
-				default: A(() => [d(E(P), {
-					class: "multi-select-content",
+			}), _(A(se), null, {
+				default: P(() => [_(A(B), {
+					class: "cfasim-listbox-content multi-select-content",
 					position: "popper",
 					"side-offset": 4,
 					"body-lock": !1
 				}, {
-					default: A(() => [d(E(z), { class: "multi-select-viewport" }, {
-						default: A(() => [d(E(F), { class: "multi-select-empty" }, {
-							default: A(() => [...a[2] ||= [u("No matches", -1)]]),
+					default: P(() => [_(A(G), { class: "cfasim-listbox-viewport" }, {
+						default: P(() => [_(A(ae), { class: "cfasim-listbox-empty" }, {
+							default: P(() => [...i[1] ||= [g(" No matches ", -1)]]),
 							_: 1
-						}), (b(!0), c(i, null, S(e.options, (e) => (b(), o(E(I), {
-							key: e.value,
-							value: e.value,
-							class: "multi-select-item"
+						}), (T(!0), m(u, null, D(t.options, (t) => (T(), f(A(V), {
+							key: t.value,
+							value: t.value,
+							class: "cfasim-listbox-item"
 						}, {
-							default: A(() => [l("span", null, T(e.label), 1), d(E(L), { class: "multi-select-indicator" }, {
-								default: A(() => [d(Q, {
+							default: P(() => [h("span", null, k(t.label), 1), _(A(H), { class: "cfasim-listbox-indicator" }, {
+								default: P(() => [_(e, {
 									icon: "check",
 									size: 14
 								})]),
@@ -618,11 +269,11 @@ var mn = [
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["__scopeId", "data-v-14e1dc47"]]);
+}), [["__scopeId", "data-v-b968d12b"]]);
 BigInt64Array, BigUint64Array;
 //#endregion
 //#region ../shared/src/formatNumber.ts
-var Cn = (/* @__PURE__ */ Y(((e) => {
+var Ie = (/* @__PURE__ */ X(((e) => {
 	(function() {
 		var t = {
 			not_string: /[^s]/,
@@ -749,7 +400,7 @@ var Cn = (/* @__PURE__ */ Y(((e) => {
 			};
 		}));
 	})();
-})))(), wn = new Set([
+})))(), Le = new Set([
 	"plain",
 	"localized",
 	"percent",
@@ -757,26 +408,26 @@ var Cn = (/* @__PURE__ */ Y(((e) => {
 	"scientific",
 	"engineering"
 ]);
-function Tn(e) {
-	return wn.has(e);
+function Re(e) {
+	return Le.has(e);
 }
-function En(e) {
+function ze(e) {
 	let t = e.indexOf(":");
-	if (t === -1) return Tn(e) ? {
+	if (t === -1) return Re(e) ? {
 		preset: e,
 		digits: void 0
 	} : null;
 	let n = e.slice(0, t), r = e.slice(t + 1);
-	if (!Tn(n) || !/^\d+$/.test(r)) return null;
+	if (!Re(n) || !/^\d+$/.test(r)) return null;
 	let i = Number(r);
 	return i > 100 ? null : {
 		preset: n,
 		digits: i
 	};
 }
-var Dn = 20;
-function On(e, t, n) {
-	let r = n === void 0 ? { maximumFractionDigits: Dn } : {
+var Be = 20;
+function Ve(e, t, n) {
+	let r = n === void 0 ? { maximumFractionDigits: Be } : {
 		minimumFractionDigits: n,
 		maximumFractionDigits: n
 	};
@@ -801,48 +452,46 @@ function On(e, t, n) {
 		}).format(e);
 	}
 }
-function kn(e, t) {
+function He(e, t) {
 	if (!Number.isFinite(e) || t === void 0) return String(e);
 	if (typeof t == "function") return t(e);
-	if (t.includes("%")) return (0, Cn.sprintf)(t, e);
-	let n = En(t);
+	if (t.includes("%")) return (0, Ie.sprintf)(t, e);
+	let n = ze(t);
 	if (!n) {
-		let e = [...wn].join(", ");
+		let e = [...Le].join(", ");
 		throw Error(`formatNumber: invalid format ${JSON.stringify(t)}. Expected one of ${e} (optionally with ":N" digits), a printf format string containing "%", or a function.`);
 	}
-	return On(e, n.preset, n.digits);
+	return Ve(e, n.preset, n.digits);
 }
 //#endregion
 //#region src/NumberInput/NumberInput.vue?vue&type=script&setup=true&lang.ts
-var An = {
+var Ue = {
 	key: 1,
 	class: "input-wrapper"
-}, jn = [
+}, We = [
 	"inputmode",
 	"placeholder",
+	"aria-label",
 	"aria-invalid",
 	"aria-required",
 	"required"
-], Mn = {
+], Ge = {
 	key: 0,
 	class: "input-suffix"
-}, Nn = {
+}, Ke = {
 	key: 2,
 	class: "input-error",
 	role: "alert"
-}, Pn = {
+}, qe = {
 	key: 3,
 	class: "slider-container"
-}, Fn = { class: "slider-current" }, In = { class: "slider-labels" }, Ln = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}, Je = { class: "slider-current" }, Ye = { class: "slider-labels" }, Xe = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "NumberInput",
-	props: /* @__PURE__ */ h({
-		label: {},
-		hideLabel: { type: Boolean },
+	props: /* @__PURE__ */ b({
 		placeholder: {},
 		step: {},
 		min: {},
 		max: {},
-		hint: {},
 		percent: { type: Boolean },
 		slider: { type: Boolean },
 		live: { type: Boolean },
@@ -850,7 +499,11 @@ var An = {
 		required: { type: Boolean },
 		decimals: {},
 		format: { type: [String, Function] },
-		sliderDisplay: { type: Function }
+		sliderDisplay: { type: Function },
+		label: {},
+		hideLabel: { type: Boolean },
+		ariaLabel: {},
+		hint: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {},
@@ -868,96 +521,96 @@ var An = {
 		"update:upper"
 	],
 	setup(e) {
-		let t = D(e, "modelValue"), n = D(e, "range"), r = D(e, "lower"), f = D(e, "upper"), p = e;
-		function h(e) {
+		let t = j(e, "modelValue"), r = j(e, "range"), i = j(e, "lower"), a = j(e, "upper"), o = e;
+		function s(e) {
 			return Array.isArray(e) && e.length === 2;
 		}
-		let g = m()?.vnode.props, v = !!g?.["onUpdate:range"] || !!g?.["onUpdate:lower"] || !!g?.["onUpdate:upper"] || n.value !== void 0 || r.value !== void 0 || f.value !== void 0, y = a(() => !!p.slider || v);
-		ee(() => {
-			v && 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 c = ee()?.vnode.props, l = !!c?.["onUpdate:range"] || !!c?.["onUpdate:lower"] || !!c?.["onUpdate:upper"] || r.value !== void 0 || i.value !== void 0 || a.value !== void 0, v = d(() => !!o.slider || l);
+		ne(() => {
+			l && c?.["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 C = a(() => p.min ?? (p.percent, 0)), M = a(() => p.max ?? (p.percent ? 1 : 100)), ne = a(() => p.step ?? (p.percent ? .01 : 1));
-		function re(e) {
+		let y = d(() => o.min ?? 0), b = d(() => o.max ?? (o.percent ? 1 : 100)), x = d(() => o.step ?? (o.percent ? .01 : 1));
+		function te(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 ie = a(() => p.step == null ? 1 : p.percent ? p.step * 100 : p.step), N = a(() => p.min == null ? p.percent ? 0 : void 0 : p.percent ? p.min * 100 : p.min), P = a(() => p.max == null ? p.percent ? 100 : void 0 : p.percent ? p.max * 100 : p.max), F = a(() => p.numberType === "integer" ? 0 : p.decimals == null ? re(ie.value) : Math.max(0, p.decimals));
-		function ae(e, t) {
+		let C = d(() => o.step == null ? 1 : o.percent ? o.step * 100 : o.step), w = d(() => o.min == null ? o.percent ? 0 : void 0 : o.percent ? o.min * 100 : o.min), O = d(() => o.max == null ? o.percent ? 100 : void 0 : o.percent ? o.max * 100 : o.max), L = d(() => o.numberType === "integer" ? 0 : o.decimals == null ? te(C.value) : Math.max(0, o.decimals));
+		function ie(e, t) {
 			let n = 10 ** t;
 			return Math.round(e * n) / n;
 		}
-		function I(e) {
+		function R(e) {
 			if (e == null) return "";
-			let t = p.format ?? p.sliderDisplay;
-			if (t !== void 0) return kn(e, t);
-			let n = F.value;
-			return p.percent ? (e * 100).toFixed(n) + "%" : e.toLocaleString("en-US", {
+			let t = o.format ?? o.sliderDisplay;
+			if (t !== void 0) return He(e, t);
+			let n = L.value;
+			return o.percent ? (e * 100).toFixed(n) + "%" : e.toLocaleString("en-US", {
 				minimumFractionDigits: n,
 				maximumFractionDigits: n
 			});
 		}
-		function L(e) {
-			return e == null || !p.percent ? e : ae(e * 100, F.value);
+		function z(e) {
+			return e == null || !o.percent ? e : ie(e * 100, L.value);
 		}
-		function R(e) {
-			return p.percent ? e / 100 : e;
+		function B(e) {
+			return o.percent ? e / 100 : e;
 		}
-		function oe(e) {
-			if (p.numberType !== "integer") return e;
-			let t = L(e);
-			return t == null ? e : R(Math.trunc(t));
+		function ae(e) {
+			if (o.numberType !== "integer") return e;
+			let t = z(e);
+			return t == null ? e : B(Math.trunc(t));
 		}
-		function se(e) {
+		function oe(e) {
 			return e == null ? "" : e.toLocaleString("en-US");
 		}
-		function z(e) {
+		function V(e) {
 			if (e == null) return "";
-			if (p.format !== void 0) return kn(e, p.format);
-			let t = F.value;
+			if (o.format !== void 0) return He(e, o.format);
+			let t = L.value;
 			if (t > 0) return e.toLocaleString("en-US", {
 				minimumFractionDigits: t,
 				maximumFractionDigits: t
 			});
-			let n = se(e);
-			return p.numberType === "float" && Number.isInteger(e) ? n + ".0" : n;
+			let n = oe(e);
+			return o.numberType === "float" && Number.isInteger(e) ? n + ".0" : n;
 		}
-		function B(e) {
+		function H(e) {
 			return e.replace(/,/g, "");
 		}
-		function fe() {
-			if (v) {
-				let e = n.value, t = r.value ?? e?.[0], i = f.value ?? e?.[1];
-				return t !== void 0 || i !== void 0 ? [t ?? C.value, i ?? M.value] : void 0;
+		function se() {
+			if (l) {
+				let e = r.value, t = i.value ?? e?.[0], n = a.value ?? e?.[1];
+				return t !== void 0 || n !== void 0 ? [t ?? y.value, n ?? b.value] : void 0;
 			}
 			return t.value;
 		}
-		let V = fe(), H = x(z(L(typeof V == "number" ? V : void 0)));
-		function U(e) {
-			return v ? h(e) ? [e[0], e[1]] : [C.value, M.value] : typeof e == "number" ? [e] : [C.value];
+		let U = se(), W = E(V(z(typeof U == "number" ? U : void 0)));
+		function G(e) {
+			return l ? s(e) ? [e[0], e[1]] : [y.value, b.value] : typeof e == "number" ? [e] : [y.value];
 		}
-		let W = x(U(V)), G = x();
-		k([
+		let K = E(G(U)), q = E();
+		N([
 			t,
-			n,
 			r,
-			f
+			i,
+			a
 		], () => {
-			let e = fe();
-			!v && !h(e) && (H.value = z(L(e))), W.value = U(e), G.value = J(e);
+			let e = se();
+			!l && !s(e) && (W.value = V(z(e))), K.value = G(e), q.value = X(e);
 		});
-		let pe = /[^0-9,.\-+eE]/g;
-		function me(e) {
-			let t = e.target, n = B(t.value);
+		let fe = /[^0-9,.\-+eE]/g;
+		function pe(e) {
+			let t = e.target, n = H(t.value);
 			if (n === "" || n === "-" || n.endsWith(".") || n.includes(".") && n.endsWith("0")) return;
 			let r = Number(n);
 			if (Number.isNaN(r)) return;
-			let i = se(r);
+			let i = oe(r);
 			if (i === t.value) return;
 			let a = t.selectionStart ?? 0, o = (t.value.slice(0, a).match(/,/g) || []).length;
-			H.value = i, requestAnimationFrame(() => {
+			W.value = i, requestAnimationFrame(() => {
 				let e = a - o, n = 0, r = 0;
 				for (let t = 0; t < i.length; t++) if (i[t] !== "," && r++, r >= e) {
 					n = t + 1;
@@ -966,118 +619,120 @@ var An = {
 				r < e && (n = i.length), t.setSelectionRange(n, n);
 			});
 		}
+		function me() {
+			if (Z(), W.value.trim() === "") return;
+			let e = Number(H(W.value));
+			Number.isNaN(e) || (W.value = V(e));
+		}
+		let J = null;
 		function he() {
-			if (Y(), H.value.trim() === "") return;
-			let e = Number(B(H.value));
-			Number.isNaN(e) || (H.value = z(e));
+			!o.live || v.value || (J && clearTimeout(J), J = setTimeout(Z, 300));
 		}
-		let K = null;
 		function ge() {
-			!p.live || y.value || (K && clearTimeout(K), K = setTimeout(Y, 300));
+			!o.live || v.value || (J && clearTimeout(J), Z());
 		}
-		function _e() {
-			!p.live || y.value || (K && clearTimeout(K), Y());
+		function Y(e) {
+			let t = z(e);
+			if (w.value != null && t < w.value) return `Min ${w.value}${o.percent ? "%" : ""}`;
+			if (O.value != null && t > O.value) return `Max ${O.value}${o.percent ? "%" : ""}`;
 		}
-		function q(e) {
-			let t = L(e);
-			if (N.value != null && t < N.value) return `Min ${N.value}${p.percent ? "%" : ""}`;
-			if (P.value != null && t > P.value) return `Max ${P.value}${p.percent ? "%" : ""}`;
-		}
-		function J(e) {
-			if (e == null) return p.required ? "Required" : void 0;
-			if (h(e)) {
-				let t = q(e[0]);
+		function X(e) {
+			if (e == null) return o.required ? "Required" : void 0;
+			if (s(e)) {
+				let t = Y(e[0]);
 				if (t) return `${t} (lower)`;
-				let n = q(e[1]);
+				let n = Y(e[1]);
 				return n ? `${n} (upper)` : void 0;
 			}
-			return q(e);
+			return Y(e);
 		}
-		function Y() {
+		function Z() {
 			let e = t.value;
-			if (H.value.trim() === "") {
-				t.value = void 0, W.value = U(void 0), G.value = J(void 0);
+			if (W.value.trim() === "") {
+				t.value = void 0, K.value = G(void 0), q.value = X(void 0);
 				return;
 			}
-			let n = H.value.replace(pe, "");
+			let n = W.value.replace(fe, "");
 			if (!/\d/.test(n)) {
-				H.value = z(L(e)), G.value = J(e);
+				W.value = V(z(e)), q.value = X(e);
 				return;
 			}
-			n !== H.value && (H.value = n);
-			let r = Number(B(n));
+			n !== W.value && (W.value = n);
+			let r = Number(H(n));
 			if (Number.isNaN(r)) return;
-			p.numberType === "integer" && (r = Math.trunc(r), H.value = z(r));
-			let i = R(r), a = J(i);
-			G.value = a, !a && (t.value = i, W.value = [i]);
+			o.numberType === "integer" && (r = Math.trunc(r), W.value = V(r));
+			let i = B(r), a = X(i);
+			q.value = a, !a && (t.value = i, K.value = [i]);
 		}
-		function ve(e, i) {
-			let a = e.map(oe);
-			W.value = a, v || (H.value = z(L(a[0]))), i && (v ? (n.value = [a[0], a[1]], r.value = a[0], f.value = a[1]) : t.value = a[0]);
+		function _e(e, n) {
+			let o = e.map(ae);
+			K.value = o, l || (W.value = V(z(o[0]))), n && (l ? (r.value = [o[0], o[1]], i.value = o[0], a.value = o[1]) : t.value = o[0]);
 		}
-		function ye(e) {
-			if (p.label) return v ? e === 0 ? `${p.label} (lower)` : `${p.label} (upper)` : p.label;
+		function Q(e) {
+			if (o.label) return l ? e === 0 ? `${o.label} (lower)` : `${o.label} (upper)` : o.label;
 		}
-		function X(e) {
-			e && ve(e, !!p.live);
+		function ve(e) {
+			e && _e(e, !!o.live);
 		}
-		function be(e) {
-			e && ve(e, !0);
+		function ye(e) {
+			e && _e(e, !0);
 		}
-		function xe(e, n) {
+		function be(e, n) {
 			e.preventDefault();
-			let r = Number(B(H.value)), i = (Number.isNaN(r) ? 0 : r) + ie.value * (e.shiftKey ? 10 : 1) * n;
-			p.numberType === "integer" && (i = Math.trunc(i)), N.value != null && (i = Math.max(i, N.value)), P.value != null && (i = Math.min(i, P.value)), H.value = z(i);
-			let a = R(i);
-			t.value = a, W.value = [a];
+			let r = Number(H(W.value)), i = (Number.isNaN(r) ? 0 : r) + C.value * (e.shiftKey ? 10 : 1) * n;
+			o.numberType === "integer" && (i = Math.trunc(i)), w.value != null && (i = Math.max(i, w.value)), O.value != null && (i = Math.min(i, O.value)), W.value = V(i);
+			let a = B(i);
+			t.value = a, K.value = [a];
 		}
-		return (e, t) => (b(), o(w(p.label ? "label" : "div"), { class: _(p.label ? "input-label" : void 0) }, {
-			default: A(() => [
-				p.label ? (b(), c("span", {
+		return (e, t) => (T(), f(re(o.label ? "label" : "div"), { class: S(o.label ? "cfasim-input-label" : void 0) }, {
+			default: P(() => [
+				o.label ? (T(), m("span", {
 					key: 0,
-					class: _(["input-label-row", { "visually-hidden": p.hideLabel }])
-				}, [u(T(p.label) + " ", 1), p.hint && !p.hideLabel ? (b(), o($, {
+					class: S(["cfasim-input-label-row", { "visually-hidden": o.hideLabel }])
+				}, [g(k(o.label) + " ", 1), o.hint && !o.hideLabel ? (T(), f(n, {
 					key: 0,
-					text: p.hint
-				}, null, 8, ["text"])) : s("", !0)], 2)) : s("", !0),
-				y.value ? s("", !0) : (b(), c("span", An, [te(l("input", {
+					text: o.hint
+				}, null, 8, ["text"])) : p("", !0)], 2)) : p("", !0),
+				v.value ? p("", !0) : (T(), m("span", Ue, [F(h("input", {
 					type: "text",
-					inputmode: p.numberType === "integer" ? "numeric" : "decimal",
-					"onUpdate:modelValue": t[0] ||= (e) => H.value = e,
-					placeholder: p.placeholder,
-					"aria-invalid": !!G.value,
-					"aria-required": p.required || void 0,
-					required: p.required,
-					onBlur: he,
+					class: "cfasim-input",
+					inputmode: o.numberType === "integer" ? "numeric" : "decimal",
+					"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
+					placeholder: o.placeholder,
+					"aria-label": o.label ? void 0 : o.ariaLabel,
+					"aria-invalid": !!q.value,
+					"aria-required": o.required || void 0,
+					required: o.required,
+					onBlur: me,
 					onKeydown: [
-						j(Y, ["enter"]),
-						t[1] ||= j((e) => xe(e, 1), ["up"]),
-						t[2] ||= j((e) => xe(e, -1), ["down"])
+						I(Z, ["enter"]),
+						t[1] ||= I((e) => be(e, 1), ["up"]),
+						t[2] ||= I((e) => be(e, -1), ["down"])
 					],
 					onInput: t[3] ||= (e) => {
-						me(e), ge();
+						pe(e), he();
 					},
-					onChange: _e
-				}, null, 40, jn), [[O, H.value]]), p.percent ? (b(), c("span", Mn, "%")) : s("", !0)])),
-				G.value ? (b(), c("span", Nn, T(G.value), 1)) : s("", !0),
-				y.value ? (b(), c("div", Pn, [d(E(le), {
+					onChange: ge
+				}, null, 40, We), [[M, W.value]]), o.percent ? (T(), m("span", Ge, "%")) : p("", !0)])),
+				q.value ? (T(), m("span", Ke, k(q.value), 1)) : p("", !0),
+				v.value ? (T(), m("div", qe, [_(A(le), {
 					class: "slider-root",
-					"model-value": W.value,
-					min: C.value,
-					max: M.value,
-					step: ne.value,
-					"onUpdate:modelValue": X,
-					onValueCommit: be
+					"model-value": K.value,
+					min: y.value,
+					max: b.value,
+					step: x.value,
+					"onUpdate:modelValue": ve,
+					onValueCommit: ye
 				}, {
-					default: A(() => [d(E(de), { class: "slider-track" }, {
-						default: A(() => [d(E(ce), { class: "slider-range" })]),
+					default: P(() => [_(A(de), { class: "slider-track" }, {
+						default: P(() => [_(A(ce), { class: "slider-range" })]),
 						_: 1
-					}), (b(!0), c(i, null, S(W.value, (e, t) => (b(), o(E(ue), {
+					}), (T(!0), m(u, null, D(K.value, (e, t) => (T(), f(A(ue), {
 						key: t,
 						class: "slider-thumb",
-						"aria-label": ye(t)
+						"aria-label": Q(t)
 					}, {
-						default: A(() => [l("span", Fn, T(I(e)), 1)]),
+						default: P(() => [h("span", Je, k(R(e)), 1)]),
 						_: 2
 					}, 1032, ["aria-label"]))), 128))]),
 					_: 1
@@ -1086,26 +741,26 @@ var An = {
 					"min",
 					"max",
 					"step"
-				]), l("div", In, [l("span", null, T(I(C.value)), 1), l("span", null, T(I(M.value)), 1)])])) : s("", !0)
+				]), h("div", Ye, [h("span", null, k(R(y.value)), 1), h("span", null, k(R(b.value)), 1)])])) : p("", !0)
 			]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-b123853e"]]), Rn = ["data-size", "aria-label"], zn = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-a72dc3eb"]]), Ze = ["data-size", "aria-label"], Qe = /* @__PURE__ */ y({
 	__name: "Spinner",
 	props: {
 		size: { default: "sm" },
 		label: {}
 	},
 	setup(e) {
-		return (t, n) => (b(), c("span", {
+		return (t, n) => (T(), m("span", {
 			class: "Spinner",
 			"data-size": e.size,
 			role: "status",
 			"aria-label": e.label ?? "Loading"
-		}, null, 8, Rn));
+		}, null, 8, Ze));
 	}
-}), Bn = /* @__PURE__ */ p({
+}), $e = /* @__PURE__ */ y({
 	__name: "ParamEditor",
 	props: {
 		value: {},
@@ -1116,12 +771,12 @@ var An = {
 	},
 	emits: ["apply"],
 	setup(e) {
-		let t = f({
-			loader: () => import("./ParamEditorImpl-BD3kPsrQ.js"),
-			loadingComponent: zn,
+		let t = v({
+			loader: () => import("./ParamEditorImpl-D0xZTyAN.js"),
+			loadingComponent: Qe,
 			delay: 100
 		});
-		return (n, r) => (b(), o(E(t), {
+		return (n, r) => (T(), f(A(t), {
 			value: e.value,
 			format: e.format,
 			height: e.height,
@@ -1136,9 +791,9 @@ var An = {
 			"filename"
 		]));
 	}
-}), Vn = ["data-collapsed"], Hn = { class: "SidebarRail" }, Un = ["inert"], Wn = { class: "SidebarScroll" }, Gn = { class: "SidebarHeader" }, Kn = ["inert"], qn = { class: "Main" }, Jn = { class: "TabsBar" }, Yn = { class: "TabsBarEnd" }, Xn = { class: "MainScroll" }, Zn = { class: "MainContent" }, Qn = { class: "Topbar" }, $n = { class: "TopbarEnd" }, er = { class: "MainScroll" }, tr = { class: "MainContent" }, nr = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), et = ["data-collapsed"], tt = { class: "SidebarRail" }, nt = ["inert"], rt = { class: "SidebarScroll" }, it = { class: "SidebarHeader" }, at = ["inert"], ot = { class: "Main" }, st = { class: "TabsBar" }, ct = { class: "TabsBarEnd" }, lt = { class: "MainScroll" }, ut = { class: "MainContent" }, dt = { class: "Topbar" }, ft = { class: "TopbarEnd" }, pt = { class: "MainScroll" }, mt = { class: "MainContent" }, ht = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "SidebarLayout",
-	props: /* @__PURE__ */ h({
+	props: /* @__PURE__ */ b({
 		hideTopbar: { type: Boolean },
 		tabs: {}
 	}, {
@@ -1146,89 +801,89 @@ var An = {
 		tabModifiers: {}
 	}),
 	emits: ["update:tab"],
-	setup(e) {
-		let t = m()?.appContext.config.globalProperties, n = t?.$router, r = e, f = D(e, "tab"), p = window.matchMedia("(max-width: 767px)"), h = x(p.matches), g = x(p.matches);
-		function _(e) {
-			h.value = e.matches, g.value = e.matches;
+	setup(t) {
+		let n = ee()?.appContext.config.globalProperties, r = n?.$router, i = t, a = j(t, "tab"), o = window.matchMedia("(max-width: 767px)"), s = E(o.matches), c = E(o.matches);
+		function l(e) {
+			s.value = e.matches, c.value = e.matches;
 		}
-		ee(() => {
-			p.addEventListener("change", _);
-		}), y(() => {
-			p.removeEventListener("change", _);
+		ne(() => {
+			o.addEventListener("change", l);
+		}), w(() => {
+			o.removeEventListener("change", l);
 		});
 		function v() {
-			g.value = !g.value;
+			c.value = !c.value;
 		}
-		let w = a(() => !!n && r.tabs?.some((e) => e.to)), O = a({
+		let y = d(() => !!r && i.tabs?.some((e) => e.to)), b = d({
 			get() {
-				return f.value ?? r.tabs?.[0]?.value;
+				return a.value ?? i.tabs?.[0]?.value;
 			},
 			set(e) {
-				if (e && (f.value = e, w.value && n)) {
-					let t = r.tabs?.find((t) => t.value === e);
-					t?.to && n.push(t.to);
+				if (e && (a.value = e, y.value && r)) {
+					let t = i.tabs?.find((t) => t.value === e);
+					t?.to && r.push(t.to);
 				}
 			}
 		});
-		return t && k(() => t.$route?.path, (e) => {
-			if (!e || !w.value) return;
-			let t = r.tabs?.find((t) => t.to === e);
-			t && (f.value = t.value);
-		}, { immediate: !0 }), (t, n) => (b(), c("div", {
+		return n && N(() => n.$route?.path, (e) => {
+			if (!e || !y.value) return;
+			let t = i.tabs?.find((t) => t.to === e);
+			t && (a.value = t.value);
+		}, { immediate: !0 }), (n, r) => (T(), m("div", {
 			class: "SidebarLayout",
-			"data-collapsed": g.value
-		}, [l("div", Hn, [l("aside", {
+			"data-collapsed": c.value
+		}, [h("div", tt, [h("aside", {
 			class: "Sidebar",
-			inert: g.value
-		}, [l("div", Wn, [l("div", Gn, [l("button", {
+			inert: c.value
+		}, [h("div", rt, [h("div", it, [h("button", {
 			type: "button",
 			class: "Toggle",
 			"aria-label": "Collapse sidebar",
 			title: "Collapse sidebar",
 			onClick: v
-		}, [d(Q, {
+		}, [_(e, {
 			icon: "keyboard_double_arrow_left",
 			size: "sm"
-		})])]), C(t.$slots, "sidebar", {}, void 0, !0)])], 8, Un), l("button", {
+		})])]), O(n.$slots, "sidebar", {}, void 0, !0)])], 8, nt), h("button", {
 			type: "button",
 			class: "Toggle Toggle--expand",
-			inert: !g.value,
+			inert: !c.value,
 			"aria-label": "Expand sidebar",
 			title: "Expand sidebar",
 			onClick: v
-		}, [d(Q, {
+		}, [_(e, {
 			icon: "keyboard_double_arrow_right",
 			size: "sm"
-		})], 8, Kn)]), l("main", qn, [e.tabs?.length ? (b(), o(E(U), {
+		})], 8, at)]), h("main", ot, [t.tabs?.length ? (T(), f(A(me), {
 			key: 0,
-			"model-value": O.value,
+			"model-value": b.value,
 			class: "TabsLayout",
-			"onUpdate:modelValue": n[0] ||= (e) => O.value = e
+			"onUpdate:modelValue": r[0] ||= (e) => b.value = e
 		}, {
-			default: A(() => [l("div", Jn, [
-				h.value && g.value ? (b(), c("button", {
+			default: P(() => [h("div", st, [
+				s.value && c.value ? (T(), m("button", {
 					key: 0,
 					type: "button",
 					class: "Toggle",
 					"aria-label": "Expand sidebar",
 					title: "Expand sidebar",
 					onClick: v
-				}, [d(Q, {
+				}, [_(e, {
 					icon: "keyboard_double_arrow_right",
 					size: "sm"
-				})])) : s("", !0),
-				d(E(H), {
+				})])) : p("", !0),
+				_(A(pe), {
 					class: "TabsList",
 					"aria-label": "Tabs"
 				}, {
-					default: A(() => [(b(!0), c(i, null, S(e.tabs, (e) => (b(), o(E(W), {
+					default: P(() => [(T(!0), m(u, null, D(t.tabs, (e) => (T(), f(A(J), {
 						key: e.value,
 						value: e.value,
 						class: "TabsTrigger"
 					}, {
-						default: A(() => [u(T(e.label), 1)]),
+						default: P(() => [g(k(e.label), 1)]),
 						_: 2
-					}, 1032, ["value"]))), 128)), d(E(V), {
+					}, 1032, ["value"]))), 128)), _(A(fe), {
 						class: "TabsIndicator",
 						style: {
 							width: "var(--reka-tabs-indicator-size)",
@@ -1237,30 +892,31 @@ var An = {
 					})]),
 					_: 1
 				}),
-				l("div", Yn, [C(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (b(), o(gn, { key: 0 }))])
-			]), l("div", Xn, [l("div", Zn, [C(t.$slots, "default", {}, void 0, !0)])])]),
+				h("div", ct, [O(n.$slots, "topbar", {}, void 0, !0), t.hideTopbar ? p("", !0) : (T(), f(ke, { key: 0 }))])
+			]), h("div", lt, [h("div", ut, [O(n.$slots, "default", {}, void 0, !0)])])]),
 			_: 3
-		}, 8, ["model-value"])) : (b(), c(i, { key: 1 }, [l("div", Qn, [h.value && g.value ? (b(), c("button", {
+		}, 8, ["model-value"])) : (T(), m(u, { key: 1 }, [h("div", dt, [s.value && c.value ? (T(), m("button", {
 			key: 0,
 			type: "button",
 			class: "Toggle",
 			"aria-label": "Expand sidebar",
 			title: "Expand sidebar",
 			onClick: v
-		}, [d(Q, {
+		}, [_(e, {
 			icon: "keyboard_double_arrow_right",
 			size: "sm"
-		})])) : s("", !0), l("div", $n, [C(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (b(), o(gn, { key: 0 }))])]), l("div", er, [l("div", tr, [C(t.$slots, "default", {}, void 0, !0)])])], 64))])], 8, Vn));
+		})])) : p("", !0), h("div", ft, [O(n.$slots, "topbar", {}, void 0, !0), t.hideTopbar ? p("", !0) : (T(), f(ke, { key: 0 }))])]), h("div", pt, [h("div", mt, [O(n.$slots, "default", {}, void 0, !0)])])], 64))])], 8, et));
 	}
-}), [["__scopeId", "data-v-d8602726"]]), rr = {
+}), [["__scopeId", "data-v-d8602726"]]), gt = {
 	key: 0,
-	class: "input-label"
-}, ir = ["placeholder"], ar = { key: 1 }, or = ["placeholder"], sr = /* @__PURE__ */ e(/* @__PURE__ */ p({
+	class: "cfasim-input-label"
+}, _t = ["placeholder"], vt = { key: 1 }, yt = ["placeholder", "aria-label"], bt = /* @__PURE__ */ y({
 	__name: "TextInput",
-	props: /* @__PURE__ */ h({
+	props: /* @__PURE__ */ b({
+		placeholder: {},
 		label: {},
 		hideLabel: { type: Boolean },
-		placeholder: {},
+		ariaLabel: {},
 		hint: {}
 	}, {
 		modelValue: {},
@@ -1268,34 +924,37 @@ var An = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = D(e, "modelValue"), n = x(t.value);
-		k(t, (e) => {
-			n.value = e;
+		let t = j(e, "modelValue"), r = E(t.value);
+		N(t, (e) => {
+			r.value = e;
 		});
-		function r() {
-			t.value = n.value;
+		function i() {
+			t.value = r.value;
 		}
-		let i = e;
-		return (e, t) => i.label ? (b(), c("label", rr, [l("span", { class: _(["input-label-row", { "visually-hidden": i.hideLabel }]) }, [u(T(i.label) + " ", 1), i.hint && !i.hideLabel ? (b(), o($, {
+		let a = e;
+		return (e, t) => a.label ? (T(), m("label", gt, [h("span", { class: S(["cfasim-input-label-row", { "visually-hidden": a.hideLabel }]) }, [g(k(a.label) + " ", 1), a.hint && !a.hideLabel ? (T(), f(n, {
 			key: 0,
-			text: i.hint
-		}, null, 8, ["text"])) : s("", !0)], 2), te(l("input", {
+			text: a.hint
+		}, null, 8, ["text"])) : p("", !0)], 2), F(h("input", {
 			type: "text",
-			"onUpdate:modelValue": t[0] ||= (e) => n.value = e,
-			placeholder: i.placeholder,
-			onBlur: r,
-			onKeydown: j(r, ["enter"])
-		}, null, 40, ir), [[O, n.value]])])) : (b(), c("div", ar, [te(l("input", {
+			class: "cfasim-input",
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
+			placeholder: a.placeholder,
+			onBlur: i,
+			onKeydown: I(i, ["enter"])
+		}, null, 40, _t), [[M, r.value]])])) : (T(), m("div", vt, [F(h("input", {
 			type: "text",
-			"onUpdate:modelValue": t[1] ||= (e) => n.value = e,
-			placeholder: i.placeholder,
-			onBlur: r,
-			onKeydown: j(r, ["enter"])
-		}, null, 40, or), [[O, n.value]])]));
+			class: "cfasim-input",
+			"onUpdate:modelValue": t[1] ||= (e) => r.value = e,
+			placeholder: a.placeholder,
+			"aria-label": a.ariaLabel,
+			onBlur: i,
+			onKeydown: I(i, ["enter"])
+		}, null, 40, yt), [[M, r.value]])]));
 	}
-}), [["__scopeId", "data-v-3f3d20cc"]]), cr = { class: "toggle" }, lr = ["for"], ur = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), xt = { class: "toggle" }, St = ["for"], Ct = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "Toggle",
-	props: /* @__PURE__ */ h({
+	props: /* @__PURE__ */ b({
 		label: {},
 		hint: {},
 		disabled: { type: Boolean }
@@ -1305,21 +964,21 @@ var An = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = D(e, "modelValue"), n = e, r = J();
-		return (i, a) => (b(), c("div", cr, [
-			l("label", { for: E(r) }, T(e.label), 9, lr),
-			n.hint ? (b(), o($, {
+		let t = j(e, "modelValue"), r = e, i = Y();
+		return (a, o) => (T(), m("div", xt, [
+			h("label", { for: A(i) }, k(e.label), 9, St),
+			r.hint ? (T(), f(n, {
 				key: 0,
-				text: n.hint
-			}, null, 8, ["text"])) : s("", !0),
-			d(E(B), {
-				id: E(r),
+				text: r.hint
+			}, null, 8, ["text"])) : p("", !0),
+			_(A(K), {
+				id: A(i),
 				modelValue: t.value,
-				"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
+				"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
 				disabled: e.disabled,
 				class: "switch"
 			}, {
-				default: A(() => [d(E(fe), { class: "thumb" })]),
+				default: P(() => [_(A(q), { class: "thumb" })]),
 				_: 1
 			}, 8, [
 				"id",
@@ -1328,61 +987,61 @@ var An = {
 			])
 		]));
 	}
-}), [["__scopeId", "data-v-9916c71e"]]), dr = { class: "toggle-group-field" }, fr = ["id"], pr = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-9916c71e"]]), wt = { class: "toggle-group-field" }, Tt = /* @__PURE__ */ l(/* @__PURE__ */ y({
 	__name: "ToggleGroup",
-	props: /* @__PURE__ */ h({
+	props: /* @__PURE__ */ b({
 		options: {},
 		multiple: { type: Boolean },
+		disabled: { type: Boolean },
+		orientation: { default: "horizontal" },
 		label: {},
 		hideLabel: { type: Boolean },
 		ariaLabel: {},
-		hint: {},
-		disabled: { type: Boolean },
-		orientation: { default: "horizontal" }
+		hint: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = D(e, "modelValue"), n = e, r = J(), l = a(() => n.multiple ? "multiple" : "single");
-		return (n, a) => (b(), c("div", dr, [e.label ? (b(), c("label", {
-			key: 0,
-			id: `${E(r)}-label`,
-			class: _(["toggle-group-label", { "visually-hidden": e.hideLabel }])
-		}, [u(T(e.label) + " ", 1), e.hint && !e.hideLabel ? (b(), o($, {
-			key: 0,
-			text: e.hint
-		}, null, 8, ["text"])) : s("", !0)], 10, fr)) : s("", !0), d(E(pe), {
+		let t = j(e, "modelValue"), n = e, { labelId: r, ariaProps: a } = i(n), s = d(() => n.multiple ? "multiple" : "single");
+		return (n, i) => (T(), m("div", wt, [_(o, {
+			class: "toggle-group-label",
+			label: e.label,
+			"label-id": A(r),
+			"hide-label": e.hideLabel,
+			hint: e.hint
+		}, null, 8, [
+			"label",
+			"label-id",
+			"hide-label",
+			"hint"
+		]), _(A(ge), x({
 			modelValue: t.value,
-			"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
-			type: l.value,
+			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
+			type: s.value,
 			disabled: e.disabled,
 			orientation: e.orientation,
-			class: _(["toggle-group", `toggle-group--${e.orientation}`]),
-			"aria-labelledby": e.label ? `${E(r)}-label` : void 0,
-			"aria-label": e.label ? void 0 : e.ariaLabel
-		}, {
-			default: A(() => [(b(!0), c(i, null, S(e.options, (e) => (b(), o(E(G), {
+			class: ["toggle-group", `toggle-group--${e.orientation}`]
+		}, A(a)), {
+			default: P(() => [(T(!0), m(u, null, D(e.options, (e) => (T(), f(A(he), {
 				key: e.value,
 				value: e.value,
 				disabled: e.disabled,
 				class: "toggle-group-item"
 			}, {
-				default: A(() => [u(T(e.label), 1)]),
+				default: P(() => [g(k(e.label), 1)]),
 				_: 2
 			}, 1032, ["value", "disabled"]))), 128))]),
 			_: 1
-		}, 8, [
+		}, 16, [
 			"modelValue",
 			"type",
 			"disabled",
 			"orientation",
-			"class",
-			"aria-labelledby",
-			"aria-label"
+			"class"
 		])]));
 	}
-}), [["__scopeId", "data-v-efb7da4d"]]);
+}), [["__scopeId", "data-v-968e31be"]]);
 //#endregion
-export { n as Box, t as Button, ye as ButtonGroup, xe as Container, Se as Expander, ke as Grid, $ as Hint, Q as Icon, gn as LightDarkToggle, Sn as MultiSelect, Ln as NumberInput, Bn as ParamEditor, r as SelectBox, nr as SidebarLayout, zn as Spinner, sr as TextInput, ur as Toggle, pr as ToggleGroup, Pe as hasIcon, Me as registerIcons };
+export { r as Box, t as Button, _e as ButtonGroup, ye as Container, be as Expander, De as Grid, n as Hint, e as Icon, ke as LightDarkToggle, Fe as MultiSelect, Xe as NumberInput, $e as ParamEditor, c as SelectBox, ht as SidebarLayout, Qe as Spinner, bt as TextInput, Ct as Toggle, Tt as ToggleGroup, a as hasIcon, s as registerIcons };