@cfasim-ui/components 0.5.1 → 0.6.1

package/dist/index.js

@@ -1,19 +1,33 @@
-import { i as e, n as t, r as n, t as r } from "./SelectBox-Bqsx-5ZB.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, normalizeClass as g, normalizeStyle as _, onMounted as ee, onUnmounted as v, openBlock as y, ref as b, renderList as te, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useModel as T, vModelText as E, watch as D, withCtx as O, withDirectives as k, withKeys as A, withModifiers as j } from "vue";
-import { CollapsibleContent as M, CollapsibleRoot as ne, CollapsibleTrigger as re, SliderRange as ie, SliderRoot as ae, SliderThumb as oe, SliderTrack as se, SwitchRoot as ce, SwitchThumb as N, TabsIndicator as P, TabsList as F, TabsRoot as le, TabsTrigger as I, TooltipArrow as L, TooltipContent as R, TooltipPortal as ue, TooltipProvider as de, TooltipRoot as z, TooltipTrigger as B, useId as fe } from "reka-ui";
+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";
 //#region \0rolldown/runtime.js
-var V = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), H = {
+var Y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ve = ["data-orientation", "aria-label"], ye = /* @__PURE__ */ e(/* @__PURE__ */ p({
+	__name: "ButtonGroup",
+	props: {
+		ariaLabel: {},
+		orientation: { default: "horizontal" }
+	},
+	setup(e) {
+		return (t, n) => (b(), c("div", {
+			class: "button-group",
+			role: "group",
+			"data-orientation": e.orientation,
+			"aria-label": e.ariaLabel
+		}, [C(t.$slots, "default", {}, void 0, !0)], 8, ve));
+	}
+}), [["__scopeId", "data-v-f3bd45a3"]]), X = {
 	none: "0",
 	small: "var(--space-2)",
 	medium: "var(--space-4)",
 	large: "var(--space-6)"
 };
-function U(e, t = "medium") {
-	return e == null ? H[t] : e in H ? H[e] : e;
+function be(e, t = "medium") {
+	return e == null ? X[t] : e in X ? X[e] : e;
 }
 //#endregion
 //#region src/Container/Container.vue
-var W = /* @__PURE__ */ e(/* @__PURE__ */ p({
+var xe = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Container",
 	props: {
 		border: { type: Boolean },
@@ -22,23 +36,23 @@ var W = /* @__PURE__ */ e(/* @__PURE__ */ p({
 		gap: {}
 	},
 	setup(e) {
-		let t = e, n = a(() => U(t.gap)), r = a(() => {
+		let t = e, n = a(() => be(t.gap)), r = a(() => {
 			let e = t.height;
 			if (e != null) return typeof e == "number" ? `${e}px` : e;
 		});
-		return (t, i) => (y(), c("div", {
-			class: g(["container", {
+		return (t, i) => (b(), c("div", {
+			class: _(["container", {
 				"container-border": e.border,
 				"container-horizontal": e.horizontal,
 				"container-scrollable": e.height != null
 			}]),
-			style: _({
+			style: v({
 				gap: n.value,
 				height: r.value
 			})
-		}, [x(t.$slots, "default", {}, void 0, !0)], 6));
+		}, [C(t.$slots, "default", {}, void 0, !0)], 6));
 	}
-}), [["__scopeId", "data-v-bff01edb"]]), G = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-bff01edb"]]), Se = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Expander",
 	props: /* @__PURE__ */ h({ label: {} }, {
 		open: {
@@ -49,51 +63,51 @@ var W = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	}),
 	emits: ["update:open"],
 	setup(e) {
-		let t = T(e, "open");
-		return (n, r) => (y(), o(w(ne), {
+		let t = D(e, "open");
+		return (n, r) => (b(), o(E(re), {
 			open: t.value,
 			"onUpdate:open": r[0] ||= (e) => t.value = e,
 			class: "expander"
 		}, {
-			default: O(() => [d(w(re), { class: "expander-trigger" }, {
-				default: O(() => [l("span", { class: g(["expander-caret", { open: t.value }]) }, null, 2), x(n.$slots, "label", {}, () => [u(C(e.label), 1)], !0)]),
+			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)]),
 				_: 3
-			}), d(w(M), { class: "expander-content" }, {
-				default: O(() => [x(n.$slots, "default", {}, void 0, !0)]),
+			}), d(E(ne), { class: "expander-content" }, {
+				default: A(() => [C(n.$slots, "default", {}, void 0, !0)]),
 				_: 3
 			})]),
 			_: 3
 		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-39e4acd0"]]), pe = ["data-cfasim-grid-bp"], me = "640px";
-function he(e) {
+}), [["__scopeId", "data-v-39e4acd0"]]), Ce = ["data-cfasim-grid-bp"], we = "640px";
+function Te(e) {
 	return typeof e == "number" ? `repeat(${e}, 1fr)` : e.map((e) => typeof e == "number" ? `${e}fr` : e).join(" ");
 }
-function K(e) {
-	return /^\d+(\.\d+)?[a-zA-Z%]+$/.test(e) ? e : me;
+function Ee(e) {
+	return /^\d+(\.\d+)?[a-zA-Z%]+$/.test(e) ? e : we;
 }
-var q = /* @__PURE__ */ new Map();
-function ge(e) {
+var Z = /* @__PURE__ */ new Map();
+function De(e) {
 	if (typeof document > "u") return;
-	let t = q.get(e);
+	let t = Z.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), Z.set(e, {
 		count: 1,
 		el: n
 	});
 }
-function J(e) {
+function Oe(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 = Z.get(e);
+	t && (t.count--, t.count === 0 && (t.el.remove(), Z.delete(e)));
 }
 //#endregion
 //#region src/Grid/Grid.vue
-var Y = /* @__PURE__ */ e(/* @__PURE__ */ p({
+var ke = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Grid",
 	props: {
 		cols: {},
@@ -103,278 +117,278 @@ var Y = /* @__PURE__ */ e(/* @__PURE__ */ p({
 		minColWidth: {}
 	},
 	setup(e) {
-		let t = e, n = a(() => U(t.gap)), r = a(() => t.minColWidth ? `repeat(auto-fit, minmax(${t.minColWidth}, 1fr))` : he(t.cols ?? 2)), i = a(() => t.minColWidth || t.colsSmall == null ? r.value : he(t.colsSmall)), o = a(() => K(t.breakpoint ?? me)), s = null, u = D(o, (e) => {
-			s !== e && (ge(e), s && J(s), s = 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);
 		}, { immediate: !0 });
-		return v(() => {
-			u(), s &&= (J(s), null);
-		}), (e, t) => (y(), c("div", {
+		return y(() => {
+			u(), s &&= (Oe(s), null);
+		}), (e, t) => (b(), c("div", {
 			"data-cfasim-grid-bp": o.value,
 			class: "grid-wrapper"
 		}, [l("div", {
 			class: "grid",
-			style: _({
+			style: v({
 				gap: n.value,
 				gridTemplateColumns: r.value,
 				"--grid-cols-small": i.value
 			})
-		}, [x(e.$slots, "default", {}, void 0, !0)], 4)], 8, pe));
+		}, [C(e.$slots, "default", {}, void 0, !0)], 4)], 8, Ce));
 	}
-}), [["__scopeId", "data-v-7ae87f0f"]]), X = /* @__PURE__ */ new Map();
-function _e(e) {
+}), [["__scopeId", "data-v-7ae87f0f"]]), Ae = /* @__PURE__ */ new Map();
+function je(e) {
 	return typeof e == "object" && e && "outline" in e ? e : { outline: e };
 }
-function ve(e) {
-	for (let [t, n] of Object.entries(e)) X.set(t, _e(n));
+function Me(e) {
+	for (let [t, n] of Object.entries(e)) Ae.set(t, je(n));
 }
-function ye(e, t = !1) {
-	let n = X.get(e);
+function Ne(e, t = !1) {
+	let n = Ae.get(e);
 	if (n) return t && n.fill ? n.fill : n.outline;
 }
-function be(e) {
-	return X.has(e);
+function Pe(e) {
+	return Ae.has(e);
 }
-var Z = /* @__PURE__ */ new Set();
-function xe(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 Se(e) {
-	Z.has(e) || (Z.add(e), console.warn(`[cfasim-ui] Icon "${e}" is not registered — nothing will render.\nRegister it once at startup:\n\n${xe(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`));
+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 Ce = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function we(e, t) {
-	return y(), c("svg", Ce, [...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 Te = { render: we }, Ee = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function De(e, t) {
-	return y(), c("svg", Ee, [...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 Oe = { render: De }, ke = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Ae(e, t) {
-	return y(), c("svg", ke, [...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 je = { render: Ae }, Me = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Ne(e, t) {
-	return y(), c("svg", Me, [...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 Pe = { render: Ne }, Fe = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 -960 960 960"
-};
-function Ie(e, t) {
-	return y(), c("svg", Fe, [...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 Le = { render: Ie }, Re = {
+var Re = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 -960 960 960"
 };
 function ze(e, t) {
-	return y(), c("svg", Re, [...t[0] ||= [l("path", { d: "M561-240 320-481l241-241 43 43-198 198 198 198z" }, null, -1)]]);
+	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 y(), c("svg", Ve, [...t[0] ||= [l("path", { d: "M530-481 332-679l43-43 241 241-241 241-43-43z" }, null, -1)]]);
+	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 y(), c("svg", We, [...t[0] ||= [l("path", { d: "M480-554 283-357l-43-43 240-240 240 240-43 43z" }, null, -1)]]);
+	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 y(), c("svg", qe, [...t[0] ||= [l("path", { d: "M480-344 240-584l43-43 197 197 197-197 43 43z" }, null, -1)]]);
+	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 y(), c("svg", Xe, [...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)]]);
+	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 y(), c("svg", $e, [...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)]]);
+	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 y(), c("svg", nt, [...t[0] ||= [l("path", { d: "M450-160v-526L202-438l-42-42 320-320 320 320-42 42-248-248v526z" }, null, -1)]]);
+	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 y(), c("svg", at, [...t[0] ||= [l("path", { d: "M450-800v526L202-522l-42 42 320 320 320-320-42-42-248 248v-526z" }, null, -1)]]);
+	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 y(), c("svg", ct, [...t[0] ||= [l("path", { d: "m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60z" }, null, -1)]]);
+	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 y(), c("svg", dt, [...t[0] ||= [l("path", { d: "M686-450H160v-60h526L438-758l42-42 320 320-320 320-42-42z" }, null, -1)]]);
+	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 y(), c("svg", mt, [...t[0] ||= [l("path", { d: "M120-240v-60h720v60zm0-210v-60h720v60zm0-210v-60h720v60z" }, null, -1)]]);
+	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 y(), c("svg", _t, [...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)]]);
+	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 y(), c("svg", bt, [...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)]]);
+	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 y(), c("svg", Ct, [...t[0] ||= [l("path", { d: "M450-450H200v-60h250v-250h60v250h250v60H510v250h-60z" }, null, -1)]]);
+	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 y(), c("svg", Et, [...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)]]);
+	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 y(), c("svg", kt, [...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)]]);
+	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 y(), c("svg", Mt, [...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)]]);
+	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 y(), c("svg", Ft, [...t[0] ||= [l("path", { d: "M378-246 154-470l43-43 181 181 384-384 43 43z" }, null, -1)]]);
+	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 y(), c("svg", Rt, [...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)]]);
+	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 y(), c("svg", Vt, [...t[0] ||= [l("path", { d: "M427-120v-225h60v83h353v60H487v82zm-307-82v-60h247v60zm187-166v-82H120v-60h187v-84h60v226zm120-82v-60h413v60zm166-165v-225h60v82h187v60H653v83zm-473-83v-60h413v60z" }, null, -1)]]);
+	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 y(), c("svg", Wt, [...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)]]);
+	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 0 24 24"
+	viewBox: "0 -960 960 960"
 };
 function Jt(e, t) {
-	return y(), c("svg", qt, [...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)]]);
+	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 Yt = {
-	help: Te,
+var dn = {
+	help: Be,
 	favorite: {
-		outline: Oe,
-		fill: je
+		outline: Ue,
+		fill: Ke
 	},
-	dark_mode: Pe,
-	light_mode: Le,
-	chevron_left: Be,
-	chevron_right: Ue,
-	keyboard_arrow_up: Ke,
-	keyboard_arrow_down: Ye,
-	keyboard_double_arrow_left: Qe,
-	keyboard_double_arrow_right: tt,
-	arrow_upward: it,
-	arrow_downward: st,
-	arrow_back: ut,
-	arrow_forward: pt,
-	menu: gt,
-	more_vert: yt,
-	more_horiz: St,
-	add: Tt,
-	edit: Ot,
-	delete: jt,
-	close: Pt,
-	check: Lt,
-	search: Bt,
-	tune: Ut,
-	download: Kt,
-	github: { render: Jt }
-}, Xt = !1;
-function Zt() {
-	if (!Xt) {
-		Xt = !0;
-		for (let [e, t] of Object.entries(Yt)) be(e) || ve({ [e]: t });
+	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 Qt = [
+var mn = [
 	"data-size",
 	"data-inline",
 	"aria-hidden",
@@ -402,51 +416,51 @@ var Qt = [
 		}
 	},
 	setup(e) {
-		Zt();
+		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 = ye(t.icon, t.fill);
-			return e || Se(t.icon), e;
+			let e = Ne(t.icon, t.fill);
+			return e || Le(t.icon), e;
 		});
-		return (t, a) => (y(), c("span", {
+		return (t, a) => (b(), c("span", {
 			class: "Icon",
 			"data-size": n.value,
 			"data-inline": e.inline ? "true" : void 0,
-			style: _(r.value),
+			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 ? (y(), o(S(i.value), { key: 0 })) : s("", !0)], 12, Qt));
+		}, [i.value ? (b(), o(w(i.value), { key: 0 })) : s("", !0)], 12, mn));
 	}
 }), $ = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Hint",
 	props: { text: {} },
 	setup(e) {
-		return (t, n) => (y(), o(w(de), null, {
-			default: O(() => [d(w(z), {
+		return (t, n) => (b(), o(E(ge), null, {
+			default: A(() => [d(E(_e), {
 				"delay-duration": 0,
 				"disable-closing-trigger": ""
 			}, {
-				default: O(() => [d(w(B), { "as-child": "" }, {
-					default: O(() => [l("button", {
+				default: A(() => [d(E(q), { "as-child": "" }, {
+					default: A(() => [l("button", {
 						type: "button",
 						class: "HintTrigger",
 						"aria-label": "More info",
-						onPointerdown: n[0] ||= j(() => {}, ["prevent"])
+						onPointerdown: n[0] ||= M(() => {}, ["prevent"])
 					}, [d(Q, {
 						icon: "help",
 						size: 16
 					})], 32)]),
 					_: 1
-				}), d(w(ue), null, {
-					default: O(() => [d(w(R), {
+				}), d(E(K), null, {
+					default: A(() => [d(E(he), {
 						class: "HintContent",
 						side: "top",
 						"side-offset": 4
 					}, {
-						default: O(() => [u(C(e.text) + " ", 1), d(w(L), {
+						default: A(() => [u(T(e.text) + " ", 1), d(E(me), {
 							class: "HintArrow",
 							width: 10,
 							height: 5
@@ -460,14 +474,14 @@ var Qt = [
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-9dbf1c25"]]), $t = ["aria-label"], en = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-9dbf1c25"]]), hn = ["aria-label"], gn = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "LightDarkToggle",
 	setup(e) {
-		let t = b(window.matchMedia("(prefers-color-scheme: dark)").matches);
+		let t = x(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), D(t, n), (e, n) => (y(), c("button", {
+		return n(t.value), k(t, n), (e, n) => (b(), c("button", {
 			class: "light-dark-toggle",
 			type: "button",
 			"aria-label": t.value ? "Switch to light mode" : "Switch to dark mode",
@@ -475,13 +489,140 @@ var Qt = [
 		}, [d(Q, {
 			icon: t.value ? "dark_mode" : "light_mode",
 			size: "sm"
-		}, null, 8, ["icon"])], 8, $t));
+		}, null, 8, ["icon"])], 8, hn));
+	}
+}), [["__scopeId", "data-v-4c423498"]]), _n = { class: "multi-select" }, vn = ["id"], yn = {
+	key: 0,
+	class: "multi-select-chips"
+}, bn = { class: "multi-select-chip-label" }, xn = ["aria-label", "onClick"], Sn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+	__name: "MultiSelect",
+	props: /* @__PURE__ */ h({
+		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");
+				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);
+		}
+		function h(e) {
+			let n = e.target;
+			e.key === "Backspace" && !n.value && t.value.length && m(t.value[t.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,
+			multiple: "",
+			"open-on-click": "",
+			class: "multi-select-root"
+		}, {
+			default: A(() => [d(E(N), { class: "multi-select-anchor" }, {
+				default: A(() => [l("div", {
+					ref_key: "fieldRef",
+					ref: f,
+					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,
+					class: "multi-select-chip"
+				}, [l("span", bn, T(e.label), 1), l("button", {
+					type: "button",
+					class: "multi-select-chip-remove",
+					"aria-label": `Remove ${e.label}`,
+					onClick: (t) => m(e.value)
+				}, [d(Q, {
+					icon: "close",
+					size: 14
+				})], 8, xn)]))), 128))])) : s("", !0), d(E(ae), {
+					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), {
+					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)]]),
+					_: 1
+				})]),
+				_: 1
+			}), d(E(R), null, {
+				default: A(() => [d(E(P), {
+					class: "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)]]),
+							_: 1
+						}), (b(!0), c(i, null, S(e.options, (e) => (b(), o(E(I), {
+							key: e.value,
+							value: e.value,
+							class: "multi-select-item"
+						}, {
+							default: A(() => [l("span", null, T(e.label), 1), d(E(L), { class: "multi-select-indicator" }, {
+								default: A(() => [d(Q, {
+									icon: "check",
+									size: 14
+								})]),
+								_: 1
+							})]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue"])]));
 	}
-}), [["__scopeId", "data-v-4c423498"]]);
+}), [["__scopeId", "data-v-14e1dc47"]]);
 BigInt64Array, BigUint64Array;
 //#endregion
 //#region ../shared/src/formatNumber.ts
-var tn = (/* @__PURE__ */ V(((e) => {
+var Cn = (/* @__PURE__ */ Y(((e) => {
 	(function() {
 		var t = {
 			not_string: /[^s]/,
@@ -608,7 +749,7 @@ var tn = (/* @__PURE__ */ V(((e) => {
 			};
 		}));
 	})();
-})))(), nn = new Set([
+})))(), wn = new Set([
 	"plain",
 	"localized",
 	"percent",
@@ -616,26 +757,26 @@ var tn = (/* @__PURE__ */ V(((e) => {
 	"scientific",
 	"engineering"
 ]);
-function rn(e) {
-	return nn.has(e);
+function Tn(e) {
+	return wn.has(e);
 }
-function an(e) {
+function En(e) {
 	let t = e.indexOf(":");
-	if (t === -1) return rn(e) ? {
+	if (t === -1) return Tn(e) ? {
 		preset: e,
 		digits: void 0
 	} : null;
 	let n = e.slice(0, t), r = e.slice(t + 1);
-	if (!rn(n) || !/^\d+$/.test(r)) return null;
+	if (!Tn(n) || !/^\d+$/.test(r)) return null;
 	let i = Number(r);
 	return i > 100 ? null : {
 		preset: n,
 		digits: i
 	};
 }
-var on = 20;
-function sn(e, t, n) {
-	let r = n === void 0 ? { maximumFractionDigits: on } : {
+var Dn = 20;
+function On(e, t, n) {
+	let r = n === void 0 ? { maximumFractionDigits: Dn } : {
 		minimumFractionDigits: n,
 		maximumFractionDigits: n
 	};
@@ -660,39 +801,39 @@ function sn(e, t, n) {
 		}).format(e);
 	}
 }
-function cn(e, t) {
+function kn(e, t) {
 	if (!Number.isFinite(e) || t === void 0) return String(e);
 	if (typeof t == "function") return t(e);
-	if (t.includes("%")) return (0, tn.sprintf)(t, e);
-	let n = an(t);
+	if (t.includes("%")) return (0, Cn.sprintf)(t, e);
+	let n = En(t);
 	if (!n) {
-		let e = [...nn].join(", ");
+		let e = [...wn].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 sn(e, n.preset, n.digits);
+	return On(e, n.preset, n.digits);
 }
 //#endregion
 //#region src/NumberInput/NumberInput.vue?vue&type=script&setup=true&lang.ts
-var ln = {
+var An = {
 	key: 1,
 	class: "input-wrapper"
-}, un = [
+}, jn = [
 	"inputmode",
 	"placeholder",
 	"aria-invalid",
 	"aria-required",
 	"required"
-], dn = {
+], Mn = {
 	key: 0,
 	class: "input-suffix"
-}, fn = {
+}, Nn = {
 	key: 2,
 	class: "input-error",
 	role: "alert"
-}, pn = {
+}, Pn = {
 	key: 3,
 	class: "slider-container"
-}, mn = { class: "slider-current" }, hn = { class: "slider-labels" }, gn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}, Fn = { class: "slider-current" }, In = { class: "slider-labels" }, Ln = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "NumberInput",
 	props: /* @__PURE__ */ h({
 		label: {},
@@ -727,15 +868,15 @@ var ln = {
 		"update:upper"
 	],
 	setup(e) {
-		let t = T(e, "modelValue"), n = T(e, "range"), r = T(e, "lower"), f = T(e, "upper"), p = e;
+		let t = D(e, "modelValue"), n = D(e, "range"), r = D(e, "lower"), f = D(e, "upper"), p = e;
 		function h(e) {
 			return Array.isArray(e) && e.length === 2;
 		}
-		let _ = m()?.vnode.props, v = !!_?.["onUpdate:range"] || !!_?.["onUpdate:lower"] || !!_?.["onUpdate:upper"] || n.value !== void 0 || r.value !== void 0 || f.value !== void 0, x = a(() => !!p.slider || v);
+		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 && _?.["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.");
+			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 j = a(() => p.min ?? (p.percent, 0)), M = a(() => p.max ?? (p.percent ? 1 : 100)), ne = a(() => p.step ?? (p.percent ? .01 : 1));
+		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) {
 			if (!Number.isFinite(e) || Number.isInteger(e)) return 0;
 			let t = parseFloat(Math.abs(e).toPrecision(12)).toString(), n = t.indexOf(".");
@@ -743,15 +884,15 @@ var ln = {
 			let r = t.indexOf("e-");
 			return r === -1 ? 0 : Number(t.slice(r + 2));
 		}
-		let ce = 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(ce.value) : Math.max(0, p.decimals));
-		function le(e, t) {
+		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 n = 10 ** t;
 			return Math.round(e * n) / n;
 		}
 		function I(e) {
 			if (e == null) return "";
 			let t = p.format ?? p.sliderDisplay;
-			if (t !== void 0) return cn(e, t);
+			if (t !== void 0) return kn(e, t);
 			let n = F.value;
 			return p.percent ? (e * 100).toFixed(n) + "%" : e.toLocaleString("en-US", {
 				minimumFractionDigits: n,
@@ -759,28 +900,28 @@ var ln = {
 			});
 		}
 		function L(e) {
-			return e == null || !p.percent ? e : le(e * 100, F.value);
+			return e == null || !p.percent ? e : ae(e * 100, F.value);
 		}
 		function R(e) {
 			return p.percent ? e / 100 : e;
 		}
-		function ue(e) {
+		function oe(e) {
 			if (p.numberType !== "integer") return e;
 			let t = L(e);
 			return t == null ? e : R(Math.trunc(t));
 		}
-		function de(e) {
+		function se(e) {
 			return e == null ? "" : e.toLocaleString("en-US");
 		}
 		function z(e) {
 			if (e == null) return "";
-			if (p.format !== void 0) return cn(e, p.format);
+			if (p.format !== void 0) return kn(e, p.format);
 			let t = F.value;
 			if (t > 0) return e.toLocaleString("en-US", {
 				minimumFractionDigits: t,
 				maximumFractionDigits: t
 			});
-			let n = de(e);
+			let n = se(e);
 			return p.numberType === "float" && Number.isInteger(e) ? n + ".0" : n;
 		}
 		function B(e) {
@@ -789,23 +930,23 @@ var ln = {
 		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 ?? j.value, i ?? M.value] : void 0;
+				return t !== void 0 || i !== void 0 ? [t ?? C.value, i ?? M.value] : void 0;
 			}
 			return t.value;
 		}
-		let V = fe(), H = b(z(L(typeof V == "number" ? V : void 0)));
+		let V = fe(), H = x(z(L(typeof V == "number" ? V : void 0)));
 		function U(e) {
-			return v ? h(e) ? [e[0], e[1]] : [j.value, M.value] : typeof e == "number" ? [e] : [j.value];
+			return v ? h(e) ? [e[0], e[1]] : [C.value, M.value] : typeof e == "number" ? [e] : [C.value];
 		}
-		let W = b(U(V)), G = b();
-		D([
+		let W = x(U(V)), G = x();
+		k([
 			t,
 			n,
 			r,
 			f
 		], () => {
 			let e = fe();
-			!v && !h(e) && (H.value = z(L(e))), W.value = U(e), G.value = Y(e);
+			!v && !h(e) && (H.value = z(L(e))), W.value = U(e), G.value = J(e);
 		});
 		let pe = /[^0-9,.\-+eE]/g;
 		function me(e) {
@@ -813,7 +954,7 @@ var ln = {
 			if (n === "" || n === "-" || n.endsWith(".") || n.includes(".") && n.endsWith("0")) return;
 			let r = Number(n);
 			if (Number.isNaN(r)) return;
-			let i = de(r);
+			let i = se(r);
 			if (i === t.value) return;
 			let a = t.selectionStart ?? 0, o = (t.value.slice(0, a).match(/,/g) || []).length;
 			H.value = i, requestAnimationFrame(() => {
@@ -826,80 +967,80 @@ var ln = {
 			});
 		}
 		function he() {
-			if (X(), H.value.trim() === "") return;
+			if (Y(), H.value.trim() === "") return;
 			let e = Number(B(H.value));
 			Number.isNaN(e) || (H.value = z(e));
 		}
 		let K = null;
-		function q() {
-			!p.live || x.value || (K && clearTimeout(K), K = setTimeout(X, 300));
-		}
 		function ge() {
-			!p.live || x.value || (K && clearTimeout(K), X());
+			!p.live || y.value || (K && clearTimeout(K), K = setTimeout(Y, 300));
 		}
-		function J(e) {
+		function _e() {
+			!p.live || y.value || (K && clearTimeout(K), Y());
+		}
+		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 Y(e) {
+		function J(e) {
 			if (e == null) return p.required ? "Required" : void 0;
 			if (h(e)) {
-				let t = J(e[0]);
+				let t = q(e[0]);
 				if (t) return `${t} (lower)`;
-				let n = J(e[1]);
+				let n = q(e[1]);
 				return n ? `${n} (upper)` : void 0;
 			}
-			return J(e);
+			return q(e);
 		}
-		function X() {
+		function Y() {
 			let e = t.value;
 			if (H.value.trim() === "") {
-				t.value = void 0, W.value = U(void 0), G.value = Y(void 0);
+				t.value = void 0, W.value = U(void 0), G.value = J(void 0);
 				return;
 			}
 			let n = H.value.replace(pe, "");
 			if (!/\d/.test(n)) {
-				H.value = z(L(e)), G.value = Y(e);
+				H.value = z(L(e)), G.value = J(e);
 				return;
 			}
 			n !== H.value && (H.value = n);
 			let r = Number(B(n));
 			if (Number.isNaN(r)) return;
 			p.numberType === "integer" && (r = Math.trunc(r), H.value = z(r));
-			let i = R(r), a = Y(i);
+			let i = R(r), a = J(i);
 			G.value = a, !a && (t.value = i, W.value = [i]);
 		}
-		function _e(e, i) {
-			let a = e.map(ue);
+		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 ve(e) {
+		function ye(e) {
 			if (p.label) return v ? e === 0 ? `${p.label} (lower)` : `${p.label} (upper)` : p.label;
 		}
-		function ye(e) {
-			e && _e(e, !!p.live);
+		function X(e) {
+			e && ve(e, !!p.live);
 		}
 		function be(e) {
-			e && _e(e, !0);
+			e && ve(e, !0);
 		}
-		function Z(e, n) {
+		function xe(e, n) {
 			e.preventDefault();
-			let r = Number(B(H.value)), i = (Number.isNaN(r) ? 0 : r) + ce.value * (e.shiftKey ? 10 : 1) * n;
+			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];
 		}
-		return (e, t) => (y(), o(S(p.label ? "label" : "div"), { class: g(p.label ? "input-label" : void 0) }, {
-			default: O(() => [
-				p.label ? (y(), c("span", {
+		return (e, t) => (b(), o(w(p.label ? "label" : "div"), { class: _(p.label ? "input-label" : void 0) }, {
+			default: A(() => [
+				p.label ? (b(), c("span", {
 					key: 0,
-					class: g(["input-label-row", { "visually-hidden": p.hideLabel }])
-				}, [u(C(p.label) + " ", 1), p.hint && !p.hideLabel ? (y(), o($, {
+					class: _(["input-label-row", { "visually-hidden": p.hideLabel }])
+				}, [u(T(p.label) + " ", 1), p.hint && !p.hideLabel ? (b(), o($, {
 					key: 0,
 					text: p.hint
 				}, null, 8, ["text"])) : s("", !0)], 2)) : s("", !0),
-				x.value ? s("", !0) : (y(), c("span", ln, [k(l("input", {
+				y.value ? s("", !0) : (b(), c("span", An, [te(l("input", {
 					type: "text",
 					inputmode: p.numberType === "integer" ? "numeric" : "decimal",
 					"onUpdate:modelValue": t[0] ||= (e) => H.value = e,
@@ -909,34 +1050,34 @@ var ln = {
 					required: p.required,
 					onBlur: he,
 					onKeydown: [
-						A(X, ["enter"]),
-						t[1] ||= A((e) => Z(e, 1), ["up"]),
-						t[2] ||= A((e) => Z(e, -1), ["down"])
+						j(Y, ["enter"]),
+						t[1] ||= j((e) => xe(e, 1), ["up"]),
+						t[2] ||= j((e) => xe(e, -1), ["down"])
 					],
 					onInput: t[3] ||= (e) => {
-						me(e), q();
+						me(e), ge();
 					},
-					onChange: ge
-				}, null, 40, un), [[E, H.value]]), p.percent ? (y(), c("span", dn, "%")) : s("", !0)])),
-				G.value ? (y(), c("span", fn, C(G.value), 1)) : s("", !0),
-				x.value ? (y(), c("div", pn, [d(w(ae), {
+					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), {
 					class: "slider-root",
 					"model-value": W.value,
-					min: j.value,
+					min: C.value,
 					max: M.value,
 					step: ne.value,
-					"onUpdate:modelValue": ye,
+					"onUpdate:modelValue": X,
 					onValueCommit: be
 				}, {
-					default: O(() => [d(w(se), { class: "slider-track" }, {
-						default: O(() => [d(w(ie), { class: "slider-range" })]),
+					default: A(() => [d(E(de), { class: "slider-track" }, {
+						default: A(() => [d(E(ce), { class: "slider-range" })]),
 						_: 1
-					}), (y(!0), c(i, null, te(W.value, (e, t) => (y(), o(w(oe), {
+					}), (b(!0), c(i, null, S(W.value, (e, t) => (b(), o(E(ue), {
 						key: t,
 						class: "slider-thumb",
-						"aria-label": ve(t)
+						"aria-label": ye(t)
 					}, {
-						default: O(() => [l("span", mn, C(I(e)), 1)]),
+						default: A(() => [l("span", Fn, T(I(e)), 1)]),
 						_: 2
 					}, 1032, ["aria-label"]))), 128))]),
 					_: 1
@@ -945,54 +1086,57 @@ var ln = {
 					"min",
 					"max",
 					"step"
-				]), l("div", hn, [l("span", null, C(I(j.value)), 1), l("span", null, C(I(M.value)), 1)])])) : s("", !0)
+				]), l("div", In, [l("span", null, T(I(C.value)), 1), l("span", null, T(I(M.value)), 1)])])) : s("", !0)
 			]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-b123853e"]]), _n = ["data-size", "aria-label"], vn = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-b123853e"]]), Rn = ["data-size", "aria-label"], zn = /* @__PURE__ */ p({
 	__name: "Spinner",
 	props: {
 		size: { default: "sm" },
 		label: {}
 	},
 	setup(e) {
-		return (t, n) => (y(), c("span", {
+		return (t, n) => (b(), c("span", {
 			class: "Spinner",
 			"data-size": e.size,
 			role: "status",
 			"aria-label": e.label ?? "Loading"
-		}, null, 8, _n));
+		}, null, 8, Rn));
 	}
-}), yn = /* @__PURE__ */ p({
+}), Bn = /* @__PURE__ */ p({
 	__name: "ParamEditor",
 	props: {
 		value: {},
 		format: {},
 		height: {},
+		fontSize: {},
 		filename: {}
 	},
 	emits: ["apply"],
 	setup(e) {
 		let t = f({
-			loader: () => import("./ParamEditorImpl-B-Rd1mHs.js"),
-			loadingComponent: vn,
+			loader: () => import("./ParamEditorImpl-BD3kPsrQ.js"),
+			loadingComponent: zn,
 			delay: 100
 		});
-		return (n, r) => (y(), o(w(t), {
+		return (n, r) => (b(), o(E(t), {
 			value: e.value,
 			format: e.format,
 			height: e.height,
+			"font-size": e.fontSize,
 			filename: e.filename,
 			onApply: r[0] ||= (e) => n.$emit("apply", e)
 		}, null, 8, [
 			"value",
 			"format",
 			"height",
+			"font-size",
 			"filename"
 		]));
 	}
-}), bn = ["data-collapsed"], xn = { class: "SidebarRail" }, Sn = { class: "Sidebar" }, Cn = { class: "SidebarScroll" }, wn = { class: "SidebarHeader" }, Tn = { class: "Main" }, En = { class: "TabsBar" }, Dn = { class: "TabsBarEnd" }, On = { class: "MainScroll" }, kn = { class: "MainContent" }, An = { class: "Topbar" }, jn = { class: "TopbarEnd" }, Mn = { class: "MainScroll" }, Nn = { class: "MainContent" }, Pn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), Vn = ["data-collapsed"], Hn = { class: "SidebarRail" }, Un = { class: "Sidebar" }, Wn = { class: "SidebarScroll" }, Gn = { class: "SidebarHeader" }, Kn = { class: "Main" }, qn = { class: "TabsBar" }, Jn = { class: "TabsBarEnd" }, Yn = { class: "MainScroll" }, Xn = { class: "MainContent" }, Zn = { class: "Topbar" }, Qn = { class: "TopbarEnd" }, $n = { class: "MainScroll" }, er = { class: "MainContent" }, tr = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "SidebarLayout",
 	props: /* @__PURE__ */ h({
 		hideTopbar: { type: Boolean },
@@ -1003,84 +1147,84 @@ var ln = {
 	}),
 	emits: ["update:tab"],
 	setup(e) {
-		let t = m()?.appContext.config.globalProperties, n = t?.$router, r = e, f = T(e, "tab"), p = window.matchMedia("(max-width: 767px)"), h = b(p.matches), g = b(p.matches);
+		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;
 		}
 		ee(() => {
 			p.addEventListener("change", _);
-		}), v(() => {
+		}), y(() => {
 			p.removeEventListener("change", _);
 		});
-		function S() {
+		function v() {
 			g.value = !g.value;
 		}
-		let E = a(() => !!n && r.tabs?.some((e) => e.to)), k = a({
+		let w = a(() => !!n && r.tabs?.some((e) => e.to)), O = a({
 			get() {
 				return f.value ?? r.tabs?.[0]?.value;
 			},
 			set(e) {
-				if (e && (f.value = e, E.value && n)) {
+				if (e && (f.value = e, w.value && n)) {
 					let t = r.tabs?.find((t) => t.value === e);
 					t?.to && n.push(t.to);
 				}
 			}
 		});
-		return t && D(() => t.$route?.path, (e) => {
-			if (!e || !E.value) return;
+		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) => (y(), c("div", {
+		}, { immediate: !0 }), (t, n) => (b(), c("div", {
 			class: "SidebarLayout",
 			"data-collapsed": g.value
-		}, [l("div", xn, [l("aside", Sn, [l("div", Cn, [l("div", wn, [l("button", {
+		}, [l("div", Hn, [l("aside", Un, [l("div", Wn, [l("div", Gn, [l("button", {
 			type: "button",
 			class: "Toggle",
 			"aria-label": "Collapse sidebar",
 			title: "Collapse sidebar",
-			onClick: S
+			onClick: v
 		}, [d(Q, {
 			icon: "keyboard_double_arrow_left",
 			size: "sm"
-		})])]), x(t.$slots, "sidebar", {}, void 0, !0)])]), l("button", {
+		})])]), C(t.$slots, "sidebar", {}, void 0, !0)])]), l("button", {
 			type: "button",
 			class: "Toggle Toggle--expand",
 			"aria-label": "Expand sidebar",
 			title: "Expand sidebar",
-			onClick: S
+			onClick: v
 		}, [d(Q, {
 			icon: "keyboard_double_arrow_right",
 			size: "sm"
-		})])]), l("main", Tn, [e.tabs?.length ? (y(), o(w(le), {
+		})])]), l("main", Kn, [e.tabs?.length ? (b(), o(E(U), {
 			key: 0,
-			"model-value": k.value,
+			"model-value": O.value,
 			class: "TabsLayout",
-			"onUpdate:modelValue": n[0] ||= (e) => k.value = e
+			"onUpdate:modelValue": n[0] ||= (e) => O.value = e
 		}, {
-			default: O(() => [l("div", En, [
-				h.value && g.value ? (y(), c("button", {
+			default: A(() => [l("div", qn, [
+				h.value && g.value ? (b(), c("button", {
 					key: 0,
 					type: "button",
 					class: "Toggle",
 					"aria-label": "Expand sidebar",
 					title: "Expand sidebar",
-					onClick: S
+					onClick: v
 				}, [d(Q, {
 					icon: "keyboard_double_arrow_right",
 					size: "sm"
 				})])) : s("", !0),
-				d(w(F), {
+				d(E(H), {
 					class: "TabsList",
 					"aria-label": "Tabs"
 				}, {
-					default: O(() => [(y(!0), c(i, null, te(e.tabs, (e) => (y(), o(w(I), {
+					default: A(() => [(b(!0), c(i, null, S(e.tabs, (e) => (b(), o(E(W), {
 						key: e.value,
 						value: e.value,
 						class: "TabsTrigger"
 					}, {
-						default: O(() => [u(C(e.label), 1)]),
+						default: A(() => [u(T(e.label), 1)]),
 						_: 2
-					}, 1032, ["value"]))), 128)), d(w(P), {
+					}, 1032, ["value"]))), 128)), d(E(V), {
 						class: "TabsIndicator",
 						style: {
 							width: "var(--reka-tabs-indicator-size)",
@@ -1089,25 +1233,25 @@ var ln = {
 					})]),
 					_: 1
 				}),
-				l("div", Dn, [x(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (y(), o(en, { key: 0 }))])
-			]), l("div", On, [l("div", kn, [x(t.$slots, "default", {}, void 0, !0)])])]),
+				l("div", Jn, [C(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (b(), o(gn, { key: 0 }))])
+			]), l("div", Yn, [l("div", Xn, [C(t.$slots, "default", {}, void 0, !0)])])]),
 			_: 3
-		}, 8, ["model-value"])) : (y(), c(i, { key: 1 }, [l("div", An, [h.value && g.value ? (y(), c("button", {
+		}, 8, ["model-value"])) : (b(), c(i, { key: 1 }, [l("div", Zn, [h.value && g.value ? (b(), c("button", {
 			key: 0,
 			type: "button",
 			class: "Toggle",
 			"aria-label": "Expand sidebar",
 			title: "Expand sidebar",
-			onClick: S
+			onClick: v
 		}, [d(Q, {
 			icon: "keyboard_double_arrow_right",
 			size: "sm"
-		})])) : s("", !0), l("div", jn, [x(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (y(), o(en, { key: 0 }))])]), l("div", Mn, [l("div", Nn, [x(t.$slots, "default", {}, void 0, !0)])])], 64))])], 8, bn));
+		})])) : s("", !0), l("div", Qn, [C(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (b(), o(gn, { key: 0 }))])]), l("div", $n, [l("div", er, [C(t.$slots, "default", {}, void 0, !0)])])], 64))])], 8, Vn));
 	}
-}), [["__scopeId", "data-v-6d59601d"]]), Fn = {
+}), [["__scopeId", "data-v-6d59601d"]]), nr = {
 	key: 0,
 	class: "input-label"
-}, In = ["placeholder"], Ln = { key: 1 }, Rn = ["placeholder"], zn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}, rr = ["placeholder"], ir = { key: 1 }, ar = ["placeholder"], or = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "TextInput",
 	props: /* @__PURE__ */ h({
 		label: {},
@@ -1120,32 +1264,32 @@ var ln = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = T(e, "modelValue"), n = b(t.value);
-		D(t, (e) => {
+		let t = D(e, "modelValue"), n = x(t.value);
+		k(t, (e) => {
 			n.value = e;
 		});
 		function r() {
 			t.value = n.value;
 		}
 		let i = e;
-		return (e, t) => i.label ? (y(), c("label", Fn, [l("span", { class: g(["input-label-row", { "visually-hidden": i.hideLabel }]) }, [u(C(i.label) + " ", 1), i.hint && !i.hideLabel ? (y(), o($, {
+		return (e, t) => i.label ? (b(), c("label", nr, [l("span", { class: _(["input-label-row", { "visually-hidden": i.hideLabel }]) }, [u(T(i.label) + " ", 1), i.hint && !i.hideLabel ? (b(), o($, {
 			key: 0,
 			text: i.hint
-		}, null, 8, ["text"])) : s("", !0)], 2), k(l("input", {
+		}, null, 8, ["text"])) : s("", !0)], 2), te(l("input", {
 			type: "text",
 			"onUpdate:modelValue": t[0] ||= (e) => n.value = e,
 			placeholder: i.placeholder,
 			onBlur: r,
-			onKeydown: A(r, ["enter"])
-		}, null, 40, In), [[E, n.value]])])) : (y(), c("div", Ln, [k(l("input", {
+			onKeydown: j(r, ["enter"])
+		}, null, 40, rr), [[O, n.value]])])) : (b(), c("div", ir, [te(l("input", {
 			type: "text",
 			"onUpdate:modelValue": t[1] ||= (e) => n.value = e,
 			placeholder: i.placeholder,
 			onBlur: r,
-			onKeydown: A(r, ["enter"])
-		}, null, 40, Rn), [[E, n.value]])]));
+			onKeydown: j(r, ["enter"])
+		}, null, 40, ar), [[O, n.value]])]));
 	}
-}), [["__scopeId", "data-v-3f3d20cc"]]), Bn = { class: "toggle" }, Vn = ["for"], Hn = /* @__PURE__ */ e(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-3f3d20cc"]]), sr = { class: "toggle" }, cr = ["for"], lr = /* @__PURE__ */ e(/* @__PURE__ */ p({
 	__name: "Toggle",
 	props: /* @__PURE__ */ h({
 		label: {},
@@ -1157,21 +1301,21 @@ var ln = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = T(e, "modelValue"), n = e, r = fe();
-		return (i, a) => (y(), c("div", Bn, [
-			l("label", { for: w(r) }, C(e.label), 9, Vn),
-			n.hint ? (y(), o($, {
+		let t = D(e, "modelValue"), n = e, r = J();
+		return (i, a) => (b(), c("div", sr, [
+			l("label", { for: E(r) }, T(e.label), 9, cr),
+			n.hint ? (b(), o($, {
 				key: 0,
 				text: n.hint
 			}, null, 8, ["text"])) : s("", !0),
-			d(w(ce), {
-				id: w(r),
+			d(E(B), {
+				id: E(r),
 				modelValue: t.value,
 				"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
 				disabled: e.disabled,
 				class: "switch"
 			}, {
-				default: O(() => [d(w(N), { class: "thumb" })]),
+				default: A(() => [d(E(fe), { class: "thumb" })]),
 				_: 1
 			}, 8, [
 				"id",
@@ -1180,6 +1324,61 @@ var ln = {
 			])
 		]));
 	}
-}), [["__scopeId", "data-v-9916c71e"]]);
+}), [["__scopeId", "data-v-9916c71e"]]), ur = { class: "toggle-group-field" }, dr = ["id"], fr = /* @__PURE__ */ e(/* @__PURE__ */ p({
+	__name: "ToggleGroup",
+	props: /* @__PURE__ */ h({
+		options: {},
+		multiple: { type: Boolean },
+		label: {},
+		hideLabel: { type: Boolean },
+		ariaLabel: {},
+		hint: {},
+		disabled: { type: Boolean },
+		orientation: { default: "horizontal" }
+	}, {
+		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", ur, [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, dr)) : s("", !0), d(E(pe), {
+			modelValue: t.value,
+			"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
+			type: l.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), {
+				key: e.value,
+				value: e.value,
+				disabled: e.disabled,
+				class: "toggle-group-item"
+			}, {
+				default: A(() => [u(T(e.label), 1)]),
+				_: 2
+			}, 1032, ["value", "disabled"]))), 128))]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"type",
+			"disabled",
+			"orientation",
+			"class",
+			"aria-labelledby",
+			"aria-label"
+		])]));
+	}
+}), [["__scopeId", "data-v-efb7da4d"]]);
 //#endregion
-export { n as Box, t as Button, W as Container, G as Expander, Y as Grid, $ as Hint, Q as Icon, en as LightDarkToggle, gn as NumberInput, yn as ParamEditor, r as SelectBox, Pn as SidebarLayout, vn as Spinner, zn as TextInput, Hn as Toggle, be as hasIcon, ve as registerIcons };
+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, tr as SidebarLayout, zn as Spinner, or as TextInput, lr as Toggle, fr as ToggleGroup, Pe as hasIcon, Me as registerIcons };