@filipgutica/ui 1.14.1 → 1.15.0

package/dist/index.js

@@ -1,20 +1,20 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./use-active-section-DCS_wyYq.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, inject as h, mergeModels as g, mergeProps as _, normalizeStyle as v, openBlock as y, provide as b, ref as ee, renderList as x, renderSlot as S, resolveDynamicComponent as C, shallowRef as te, toDisplayString as w, unref as T, useAttrs as E, useId as D, useModel as O, useSlots as k, watch as ne, withCtx as A } from "vue";
-import { CheckboxIndicator as re, CheckboxRoot as j, Primitive as M, ProgressIndicator as N, ProgressRoot as P, RadioGroupItem as F, RadioGroupRoot as I, SliderRange as L, SliderRoot as R, SliderThumb as z, SliderTrack as B, Toggle as V } from "reka-ui";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./use-active-section-DMbpGE2f.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, inject as g, mergeModels as _, mergeProps as v, normalizeStyle as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, shallowRef as ee, toDisplayString as E, unref as D, useAttrs as te, useId as O, useModel as ne, useSlots as k, watch as re, withCtx as A } from "vue";
+import { CheckboxIndicator as j, CheckboxRoot as M, Primitive as N, ProgressIndicator as P, ProgressRoot as F, RadioGroupItem as I, RadioGroupRoot as L, SliderRange as R, SliderRoot as z, SliderThumb as B, SliderTrack as V, Toggle as H } from "reka-ui";
 //#region src/components/UiCard.vue?vue&type=script&setup=true&lang.ts
-var H = { class: "fg-card" }, U = {
+var U = { class: "fg-card" }, W = {
 	key: 0,
 	class: "fg-card__header"
-}, W = {
+}, G = {
 	key: 1,
 	class: "fg-card__actions"
-}, G = {
+}, K = {
 	key: 1,
 	class: "fg-card__body"
-}, K = {
+}, q = {
 	key: 2,
 	class: "fg-card__footer"
-}, q = /* @__PURE__ */ m({
+}, J = /* @__PURE__ */ h({
 	__name: "UiCard",
 	props: {
 		title: { default: () => void 0 },
@@ -22,46 +22,46 @@ var H = { class: "fg-card" }, U = {
 	},
 	setup(e) {
 		let t = k();
-		return (n, r) => (y(), u("div", H, [
-			e.title || t.title || t.actions ? (y(), u("header", U, [e.title || t.title ? (y(), c(C(e.titleTag), {
+		return (n, r) => (b(), d("div", U, [
+			e.title || t.title || t.actions ? (b(), d("header", W, [e.title || t.title ? (b(), l(T(e.titleTag), {
 				key: 0,
 				class: "fg-card__title"
 			}, {
-				default: A(() => [S(n.$slots, "title", {}, () => [f(w(e.title), 1)])]),
+				default: A(() => [w(n.$slots, "title", {}, () => [p(E(e.title), 1)])]),
 				_: 3
-			})) : l("", !0), t.actions ? (y(), u("div", W, [S(n.$slots, "actions")])) : l("", !0)])) : l("", !0),
-			t.default ? (y(), u("div", G, [S(n.$slots, "default")])) : l("", !0),
-			t.footer ? (y(), u("footer", K, [S(n.$slots, "footer")])) : l("", !0)
+			})) : u("", !0), t.actions ? (b(), d("div", G, [w(n.$slots, "actions")])) : u("", !0)])) : u("", !0),
+			t.default ? (b(), d("div", K, [w(n.$slots, "default")])) : u("", !0),
+			t.footer ? (b(), d("footer", q, [w(n.$slots, "footer")])) : u("", !0)
 		]));
 	}
-}), J = [
+}), Y = [
 	"data-command",
 	"data-wrap",
 	"data-line-numbers",
 	"data-variant"
-], Y = {
+], X = {
 	key: 0,
 	class: "fg-code-block__header"
-}, X = {
+}, ie = {
 	key: 0,
 	class: "fg-code-block__title"
-}, ie = {
+}, ae = {
 	key: 1,
 	class: "fg-code-block__language"
-}, ae = { class: "fg-code-block__actions" }, oe = ["disabled", "title"], se = {
+}, oe = { class: "fg-code-block__actions" }, se = ["disabled", "title"], ce = {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"aria-hidden": "true"
-}, ce = {
+}, le = {
 	key: 0,
 	d: "m5 12 4 4L19 6"
-}, le = { key: 0 }, ue = ["aria-label"], de = {
+}, ue = { key: 0 }, de = ["aria-label"], fe = {
 	key: 0,
 	class: "fg-code-block__number",
 	"aria-hidden": "true"
-}, fe = { class: "fg-code-block__text" }, pe = ["data-state"], me = /* @__PURE__ */ m({
+}, pe = { class: "fg-code-block__text" }, me = ["data-state"], he = /* @__PURE__ */ h({
 	__name: "UiCodeBlock",
 	props: {
 		code: {},
@@ -81,15 +81,15 @@ var H = { class: "fg-card" }, U = {
 		},
 		variant: { default: "default" }
 	},
-	setup(t) {
-		let n = s(() => {
-			let e = t.language.trim().toLowerCase(), n = [
+	setup(e) {
+		let t = c(() => {
+			let t = e.language.trim().toLowerCase(), n = [
 				"bash",
 				"sh",
 				"shell"
-			].includes(e);
-			return t.variant === "compact" ? n || e === "text" : n && !t.title;
-		}), r = te(), i = ee(""), a = s(() => r.value ?? t.code.split("\n").map((e) => [{ content: e }])), c = {
+			].includes(t);
+			return e.variant === "compact" ? n || t === "text" : n && !e.title;
+		}), n = ee(), i = S(""), a = c(() => n.value ?? e.code.split("\n").map((e) => [{ content: e }])), o = {
 			vue: "vue",
 			ts: "typescript",
 			typescript: "typescript",
@@ -102,105 +102,105 @@ var H = { class: "fg-card" }, U = {
 			sh: "bash",
 			shell: "bash"
 		};
-		ne(() => [t.code, t.language], async ([e, t], n, a) => {
-			let o = !1;
+		re(() => [e.code, e.language], async ([e, t], r, a) => {
+			let s = !1;
 			a(() => {
-				o = !0;
-			}), r.value = void 0, i.value = "";
-			let s = t.trim().toLowerCase(), l = Object.hasOwn(c, s) ? c[s] : void 0;
+				s = !0;
+			}), n.value = void 0, i.value = "";
+			let c = t.trim().toLowerCase(), l = Object.hasOwn(o, c) ? o[c] : void 0;
 			if (l) try {
 				let { highlightCode: t } = await import("./code-highlight-BuTmXL3w.js");
-				if (o) return;
-				let n = await t({
+				if (s) return;
+				let r = await t({
 					code: e,
 					language: l
 				});
-				if (o) return;
+				if (s) return;
 				let i = e.split("\n");
-				r.value = i.map((e, t) => {
-					let r = n[t] ?? [];
-					return e.endsWith("\r") ? [...r, { content: "\r" }] : r;
+				n.value = i.map((e, t) => {
+					let n = r[t] ?? [];
+					return e.endsWith("\r") ? [...n, { content: "\r" }] : n;
 				});
 			} catch {
-				o || (i.value = "Syntax highlighting unavailable. Showing plain text.");
+				s || (i.value = "Syntax highlighting unavailable. Showing plain text.");
 			}
 		}, { immediate: !0 });
-		let { copied: p, pending: m, error: h, copy: g } = e({
+		let { copied: l, pending: m, error: h, copy: g } = r({
 			unavailableMessage: "Clipboard unavailable. Select the code to copy it.",
 			failureMessage: "Could not copy. Select the code to copy it."
-		}), _ = s(() => p.value && !h.value), b = s(() => t.variant === "compact" && _.value && !i.value), C = s(() => h.value ? h.value : t.variant === "compact" && i.value ? p.value ? `Code copied to clipboard. ${i.value}` : i.value : p.value ? "Code copied to clipboard." : i.value), E = () => g(t.code);
-		return (e, r) => (y(), u("div", {
+		}), _ = c(() => l.value && !h.value), v = c(() => e.variant === "compact" && _.value && !i.value), x = c(() => h.value ? h.value : e.variant === "compact" && i.value ? l.value ? `Code copied to clipboard. ${i.value}` : i.value : l.value ? "Code copied to clipboard." : i.value), T = () => g(e.code);
+		return (n, r) => (b(), d("div", {
 			class: "fg-code-block",
-			"data-command": n.value || void 0,
-			"data-wrap": t.wrap,
-			"data-line-numbers": t.lineNumbers,
-			"data-variant": t.variant
+			"data-command": t.value || void 0,
+			"data-wrap": e.wrap,
+			"data-line-numbers": e.lineNumbers,
+			"data-variant": e.variant
 		}, [
-			t.variant === "default" || t.copyable || e.$slots.actions ? (y(), u("div", Y, [
-				t.variant === "default" ? (y(), u("span", X, w(t.title || t.language), 1)) : l("", !0),
-				t.title && t.variant === "default" ? (y(), u("span", ie, w(t.language), 1)) : l("", !0),
-				d("div", ae, [S(e.$slots, "actions"), t.copyable ? (y(), u("button", {
+			e.variant === "default" || e.copyable || n.$slots.actions ? (b(), d("div", X, [
+				e.variant === "default" ? (b(), d("span", ie, E(e.title || e.language), 1)) : u("", !0),
+				e.title && e.variant === "default" ? (b(), d("span", ae, E(e.language), 1)) : u("", !0),
+				f("div", oe, [w(n.$slots, "actions"), e.copyable ? (b(), d("button", {
 					key: 0,
 					type: "button",
 					class: "fg-code-block__copy",
-					disabled: T(m),
+					disabled: D(m),
 					"aria-label": "Copy code",
-					title: t.variant === "compact" ? _.value ? "Copied" : "Copy code" : void 0,
-					onClick: E
-				}, [(y(), u("svg", se, [t.variant === "compact" && _.value ? (y(), u("path", ce)) : (y(), u(o, { key: 1 }, [r[0] ||= d("rect", {
+					title: e.variant === "compact" ? _.value ? "Copied" : "Copy code" : void 0,
+					onClick: T
+				}, [(b(), d("svg", ce, [e.variant === "compact" && _.value ? (b(), d("path", le)) : (b(), d(s, { key: 1 }, [r[0] ||= f("rect", {
 					x: "8",
 					y: "8",
 					width: "12",
 					height: "13",
 					rx: "2"
-				}, null, -1), r[1] ||= d("path", { d: "M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3" }, null, -1)], 64))])), t.variant === "default" ? (y(), u("span", le, w(_.value ? "Copied" : "Copy"), 1)) : l("", !0)], 8, oe)) : l("", !0)])
-			])) : l("", !0),
-			d("pre", {
+				}, null, -1), r[1] ||= f("path", { d: "M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3" }, null, -1)], 64))])), e.variant === "default" ? (b(), d("span", ue, E(_.value ? "Copied" : "Copy"), 1)) : u("", !0)], 8, se)) : u("", !0)])
+			])) : u("", !0),
+			f("pre", {
 				class: "fg-code-block__pre",
 				tabindex: "0",
-				"aria-label": t.title || `${t.language} code`
-			}, [d("code", null, [(y(!0), u(o, null, x(a.value, (e, n) => (y(), u("span", {
+				"aria-label": e.title || `${e.language} code`
+			}, [f("code", null, [(b(!0), d(s, null, C(a.value, (t, n) => (b(), d("span", {
 				key: n,
 				class: "fg-code-block__line"
-			}, [t.lineNumbers ? (y(), u("span", de, w(n + 1), 1)) : l("", !0), d("span", fe, [(y(!0), u(o, null, x(e, (e, t) => (y(), u("span", {
+			}, [e.lineNumbers ? (b(), d("span", fe, E(n + 1), 1)) : u("", !0), f("span", pe, [(b(!0), d(s, null, C(t, (e, t) => (b(), d("span", {
 				key: t,
-				style: v({ color: e.color })
-			}, w(e.content), 5))), 128)), f(w(n < a.value.length - 1 ? "\n" : ""), 1)])]))), 128))])], 8, ue),
-			d("span", {
+				style: y({ color: e.color })
+			}, E(e.content), 5))), 128)), p(E(n < a.value.length - 1 ? "\n" : ""), 1)])]))), 128))])], 8, de),
+			f("span", {
 				class: "fg-code-block__status",
 				role: "status",
-				"data-state": b.value ? "success" : void 0
-			}, w(C.value), 9, pe)
-		], 8, J));
+				"data-state": v.value ? "success" : void 0
+			}, E(x.value), 9, me)
+		], 8, Y));
 	}
-}), he = /* @__PURE__ */ m({
+}), ge = /* @__PURE__ */ h({
 	__name: "UiAlert",
 	props: { tone: { default: "neutral" } },
 	setup(e) {
-		return (t, n) => (y(), c(T(M), {
+		return (t, n) => (b(), l(D(N), {
 			as: "div",
 			class: "fg-alert",
 			"data-tone": e.tone,
 			role: e.tone === "danger" || e.tone === "error" ? "alert" : "status"
 		}, {
-			default: A(() => [S(t.$slots, "default")]),
+			default: A(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["data-tone", "role"]));
 	}
-}), ge = /* @__PURE__ */ m({
+}), _e = /* @__PURE__ */ h({
 	__name: "UiBadge",
 	props: { tone: { default: "neutral" } },
 	setup(e) {
-		return (t, n) => (y(), c(T(M), {
+		return (t, n) => (b(), l(D(N), {
 			as: "span",
 			class: "fg-badge",
 			"data-tone": e.tone
 		}, {
-			default: A(() => [S(t.$slots, "default")]),
+			default: A(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["data-tone"]));
 	}
-}), _e = ["data-size", "data-disabled"], ve = { class: "fg-checkbox__label" }, ye = /* @__PURE__ */ m({
+}), ve = ["data-size", "data-disabled"], ye = { class: "fg-checkbox__label" }, be = /* @__PURE__ */ h({
 	__name: "UiCheckbox",
 	props: {
 		disabled: {
@@ -218,24 +218,24 @@ var H = { class: "fg-card" }, U = {
 		let n = t, r = (e) => {
 			n("update:modelValue", e === !0);
 		};
-		return (t, n) => (y(), u("label", {
+		return (t, n) => (b(), d("label", {
 			class: "fg-checkbox",
 			"data-size": e.size,
 			"data-disabled": e.disabled ? "true" : void 0
-		}, [p(T(j), {
+		}, [m(D(M), {
 			class: "fg-checkbox__control",
 			disabled: e.disabled,
 			"model-value": e.modelValue,
 			"onUpdate:modelValue": r
 		}, {
-			default: A(() => [p(T(re), { class: "fg-checkbox__indicator" }, {
-				default: A(() => [...n[0] ||= [f("✓", -1)]]),
+			default: A(() => [m(D(j), { class: "fg-checkbox__indicator" }, {
+				default: A(() => [...n[0] ||= [p("✓", -1)]]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["disabled", "model-value"]), d("span", ve, [S(t.$slots, "default")])], 8, _e));
+		}, 8, ["disabled", "model-value"]), f("span", ye, [w(t.$slots, "default")])], 8, ve));
 	}
-}), Z = Symbol("UiFieldContext"), be = ["data-invalid"], xe = ["for"], Se = ["id"], Ce = ["id"], we = /* @__PURE__ */ m({
+}), Z = Symbol("UiFieldContext"), xe = ["data-invalid"], Se = ["for"], Ce = ["id"], we = ["id"], Te = /* @__PURE__ */ h({
 	__name: "UiField",
 	props: {
 		controlId: {},
@@ -244,63 +244,63 @@ var H = { class: "fg-card" }, U = {
 		label: {}
 	},
 	setup(e) {
-		let t = s(() => e.description && !e.error ? `${e.controlId}-description` : void 0), n = s(() => e.error ? `${e.controlId}-error` : void 0), r = s(() => !!e.error);
-		return b(Z, {
-			controlId: s(() => e.controlId),
+		let t = c(() => e.description && !e.error ? `${e.controlId}-description` : void 0), n = c(() => e.error ? `${e.controlId}-error` : void 0), r = c(() => !!e.error);
+		return x(Z, {
+			controlId: c(() => e.controlId),
 			descriptionId: t,
 			errorId: n,
 			invalid: r
-		}), (r, i) => (y(), u("div", {
+		}), (r, i) => (b(), d("div", {
 			class: "fg-field",
 			"data-invalid": e.error ? "true" : void 0
 		}, [
-			d("label", {
+			f("label", {
 				class: "fg-field__label",
 				for: e.controlId
-			}, w(e.label), 9, xe),
-			S(r.$slots, "default", {
+			}, E(e.label), 9, Se),
+			w(r.$slots, "default", {
 				descriptionId: t.value,
 				errorId: n.value
 			}),
-			e.description && !e.error ? (y(), u("p", {
+			e.description && !e.error ? (b(), d("p", {
 				key: 0,
 				id: t.value,
 				class: "fg-field__description",
 				"data-field-description": ""
-			}, w(e.description), 9, Se)) : l("", !0),
-			e.error ? (y(), u("p", {
+			}, E(e.description), 9, Ce)) : u("", !0),
+			e.error ? (b(), d("p", {
 				key: 1,
 				id: n.value,
 				class: "fg-field__error",
 				"data-field-error": ""
-			}, w(e.error), 9, Ce)) : l("", !0)
-		], 8, be));
+			}, E(e.error), 9, we)) : u("", !0)
+		], 8, xe));
 	}
-}), Te = { class: "fg-figure" }, Ee = ["aria-labelledby", "aria-label"], De = ["id"], Oe = {
+}), Ee = { class: "fg-figure" }, De = ["aria-labelledby", "aria-label"], Oe = ["id"], ke = {
 	key: 0,
 	class: "fg-figure__number"
-}, ke = /* @__PURE__ */ m({
+}, Ae = /* @__PURE__ */ h({
 	__name: "UiFigure",
 	props: { number: { default: () => void 0 } },
 	setup(e) {
-		let t = k(), n = D(), r = () => e.number !== void 0 || !!t.caption;
-		return (t, i) => (y(), u("figure", Te, [d("div", {
+		let t = k(), n = O(), r = () => e.number !== void 0 || !!t.caption;
+		return (t, i) => (b(), d("figure", Ee, [f("div", {
 			class: "fg-figure__plate",
 			role: "region",
 			tabindex: "0",
-			"aria-labelledby": r() ? T(n) : void 0,
+			"aria-labelledby": r() ? D(n) : void 0,
 			"aria-label": r() ? void 0 : "Figure"
-		}, [S(t.$slots, "default")], 8, Ee), r() ? (y(), u("figcaption", {
+		}, [w(t.$slots, "default")], 8, De), r() ? (b(), d("figcaption", {
 			key: 0,
-			id: T(n),
+			id: D(n),
 			class: "fg-figure__caption"
 		}, [
-			e.number === void 0 ? l("", !0) : (y(), u("span", Oe, "Figure " + w(e.number) + ".", 1)),
-			i[0] ||= f(),
-			S(t.$slots, "caption")
-		], 8, De)) : l("", !0)]));
+			e.number === void 0 ? u("", !0) : (b(), d("span", ke, "Figure " + E(e.number) + ".", 1)),
+			i[0] ||= p(),
+			w(t.$slots, "caption")
+		], 8, Oe)) : u("", !0)]));
 	}
-}), Ae = /* @__PURE__ */ m({
+}), je = /* @__PURE__ */ h({
 	__name: "UiInput",
 	props: {
 		disabled: {
@@ -318,16 +318,16 @@ var H = { class: "fg-card" }, U = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = h(Z, void 0), r = t, i = (e) => {
+		let n = g(Z, void 0), r = t, i = (e) => {
 			e.currentTarget instanceof HTMLInputElement && r("update:modelValue", e.currentTarget.value);
 		};
-		return (t, r) => (y(), c(T(M), {
-			id: T(n)?.controlId.value ?? e.id,
+		return (t, r) => (b(), l(D(N), {
+			id: D(n)?.controlId.value ?? e.id,
 			as: "input",
 			class: "fg-input",
-			"aria-describedby": T(n)?.descriptionId.value,
-			"aria-errormessage": T(n)?.errorId.value,
-			"aria-invalid": e.invalid || T(n)?.invalid.value ? "true" : void 0,
+			"aria-describedby": D(n)?.descriptionId.value,
+			"aria-errormessage": D(n)?.errorId.value,
+			"aria-invalid": e.invalid || D(n)?.invalid.value ? "true" : void 0,
 			"data-size": e.size,
 			disabled: e.disabled,
 			type: e.type,
@@ -344,7 +344,7 @@ var H = { class: "fg-card" }, U = {
 			"value"
 		]));
 	}
-}), je = 100, Me = /* @__PURE__ */ m({
+}), Me = 100, Ne = /* @__PURE__ */ h({
 	__name: "UiProgress",
 	props: {
 		label: {},
@@ -352,22 +352,22 @@ var H = { class: "fg-card" }, U = {
 		value: {}
 	},
 	setup(e) {
-		let t = s(() => {
-			let t = Number.isFinite(e.max) && e.max > 0 ? e.max : je;
+		let t = c(() => {
+			let t = Number.isFinite(e.max) && e.max > 0 ? e.max : Me;
 			return {
 				max: t,
 				value: e.value === null || !Number.isFinite(e.value) ? null : Math.min(t, Math.max(0, e.value))
 			};
-		}), n = s(() => t.value.value === null ? 0 : t.value.value / t.value.max * 100);
-		return (r, i) => (y(), c(T(P), {
+		}), n = c(() => t.value.value === null ? 0 : t.value.value / t.value.max * 100);
+		return (r, i) => (b(), l(D(F), {
 			class: "fg-progress",
 			"aria-label": e.label,
 			max: t.value.max,
 			"model-value": t.value.value
 		}, {
-			default: A(() => [p(T(N), {
+			default: A(() => [m(D(P), {
 				class: "fg-progress__indicator",
-				style: v({ transform: `translateX(-${100 - n.value}%)` })
+				style: y({ transform: `translateX(-${100 - n.value}%)` })
 			}, null, 8, ["style"])]),
 			_: 1
 		}, 8, [
@@ -376,7 +376,7 @@ var H = { class: "fg-card" }, U = {
 			"model-value"
 		]));
 	}
-}), Ne = { class: "fg-radio-card__content" }, Pe = /* @__PURE__ */ m({
+}), Pe = { class: "fg-radio-card__content" }, Fe = /* @__PURE__ */ h({
 	__name: "UiRadioCard",
 	props: {
 		disabled: {
@@ -386,21 +386,21 @@ var H = { class: "fg-card" }, U = {
 		value: {}
 	},
 	setup(e) {
-		return (t, n) => (y(), c(T(F), {
+		return (t, n) => (b(), l(D(I), {
 			class: "fg-radio-card",
 			disabled: e.disabled,
 			value: e.value
 		}, {
-			default: A(() => [n[0] ||= d("span", {
+			default: A(() => [n[0] ||= f("span", {
 				class: "fg-radio-card__indicator",
 				"aria-hidden": "true"
-			}, null, -1), d("span", Ne, [S(t.$slots, "default")])]),
+			}, null, -1), f("span", Pe, [w(t.$slots, "default")])]),
 			_: 3
 		}, 8, ["disabled", "value"]));
 	}
-}), Fe = /* @__PURE__ */ m({
+}), Ie = /* @__PURE__ */ h({
 	__name: "UiRadioCardGroup",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ _({
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -416,7 +416,7 @@ var H = { class: "fg-card" }, U = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = O(e, "modelValue"), n = (t) => {
+		let t = ne(e, "modelValue"), n = (t) => {
 			if (t.altKey || t.ctrlKey || t.metaKey || t.shiftKey) return;
 			let n = t.currentTarget, r = t.target;
 			if (!(n instanceof HTMLElement) || !(r instanceof HTMLElement)) return;
@@ -432,14 +432,14 @@ var H = { class: "fg-card" }, U = {
 			let d = o[u];
 			!d || d === r || (t.preventDefault(), d.focus(), d.click());
 		};
-		return (r, i) => (y(), c(T(I), _({
+		return (r, i) => (b(), l(D(L), v({
 			modelValue: t.value,
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			class: "fg-radio-card-group",
 			disabled: e.disabled,
 			loop: e.loop
 		}, e.orientation === void 0 ? {} : { orientation: e.orientation }, { onKeydown: n }), {
-			default: A(() => [S(r.$slots, "default")]),
+			default: A(() => [w(r.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"modelValue",
@@ -447,30 +447,30 @@ var H = { class: "fg-card" }, U = {
 			"loop"
 		]));
 	}
-}), Ie = { class: "fg-score" }, Le = {
+}), Le = { class: "fg-score" }, Re = {
 	class: "fg-score__pips",
 	"aria-hidden": "true"
-}, Re = ["data-filled"], ze = { class: "fg-score__value" }, Be = { class: "fg-score__max" }, Q = 3, Ve = /* @__PURE__ */ m({
+}, ze = ["data-filled"], Be = { class: "fg-score__value" }, Ve = { class: "fg-score__max" }, Q = 3, $ = /* @__PURE__ */ h({
 	__name: "UiScore",
 	props: {
 		max: { default: () => Q },
 		score: {}
 	},
 	setup(e) {
-		let t = s(() => {
+		let t = c(() => {
 			let t = Number.isInteger(e.max) && e.max > 0 ? e.max : Q;
 			return {
 				max: t,
 				score: Number.isFinite(e.score) ? Math.min(t, Math.max(0, e.score)) : 0
 			};
 		});
-		return (e, n) => (y(), u("span", Ie, [d("span", Le, [(y(!0), u(o, null, x(t.value.max, (e) => (y(), u("span", {
+		return (e, n) => (b(), d("span", Le, [f("span", Re, [(b(!0), d(s, null, C(t.value.max, (e) => (b(), d("span", {
 			key: e,
 			class: "fg-score__pip",
 			"data-filled": e <= t.value.score ? "true" : void 0
-		}, null, 8, Re))), 128))]), d("span", ze, [f(w(t.value.score), 1), d("span", Be, "/" + w(t.value.max), 1)])]));
+		}, null, 8, ze))), 128))]), f("span", Be, [p(E(t.value.score), 1), f("span", Ve, "/" + E(t.value.max), 1)])]));
 	}
-}), $ = /* @__PURE__ */ m({
+}), He = /* @__PURE__ */ h({
 	__name: "UiSelect",
 	props: {
 		disabled: {
@@ -487,22 +487,22 @@ var H = { class: "fg-card" }, U = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = h(Z, void 0), r = t, i = (e) => {
+		let n = g(Z, void 0), r = t, i = (e) => {
 			e.currentTarget instanceof HTMLSelectElement && r("update:modelValue", e.currentTarget.value);
 		};
-		return (t, r) => (y(), c(T(M), {
-			id: T(n)?.controlId.value ?? e.id,
+		return (t, r) => (b(), l(D(N), {
+			id: D(n)?.controlId.value ?? e.id,
 			as: "select",
 			class: "fg-select",
-			"aria-describedby": T(n)?.descriptionId.value,
-			"aria-errormessage": T(n)?.errorId.value,
-			"aria-invalid": e.invalid || T(n)?.invalid.value ? "true" : void 0,
+			"aria-describedby": D(n)?.descriptionId.value,
+			"aria-errormessage": D(n)?.errorId.value,
+			"aria-invalid": e.invalid || D(n)?.invalid.value ? "true" : void 0,
 			"data-size": e.size,
 			disabled: e.disabled,
 			value: e.modelValue,
 			onChange: i
 		}, {
-			default: A(() => [S(t.$slots, "default")]),
+			default: A(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"id",
@@ -514,7 +514,7 @@ var H = { class: "fg-card" }, U = {
 			"value"
 		]));
 	}
-}), He = /* @__PURE__ */ m({
+}), Ue = /* @__PURE__ */ h({
 	__name: "UiSlider",
 	props: {
 		disabled: {
@@ -531,14 +531,14 @@ var H = { class: "fg-card" }, U = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = h(Z, void 0), r = s(() => {
+		let n = g(Z, void 0), r = c(() => {
 			let t = Number.isFinite(e.min) ? e.min : 0;
 			return {
 				max: Number.isFinite(e.max) && e.max > t ? e.max : t + 100,
 				min: t,
 				step: Number.isFinite(e.step) && e.step > 0 ? e.step : 1
 			};
-		}), i = t, a = s({
+		}), i = t, a = c({
 			get: () => {
 				let t = e.modelValue !== void 0 && Number.isFinite(e.modelValue) ? e.modelValue : r.value.min;
 				return [Math.min(r.value.max, Math.max(r.value.min, t))];
@@ -547,7 +547,7 @@ var H = { class: "fg-card" }, U = {
 				e !== void 0 && i("update:modelValue", e);
 			}
 		});
-		return (t, i) => (y(), c(T(R), {
+		return (t, i) => (b(), l(D(z), {
 			modelValue: a.value,
 			"onUpdate:modelValue": i[0] ||= (e) => a.value = e,
 			class: "fg-slider",
@@ -557,15 +557,15 @@ var H = { class: "fg-card" }, U = {
 			min: r.value.min,
 			step: r.value.step
 		}, {
-			default: A(() => [p(T(B), { class: "fg-slider__track" }, {
-				default: A(() => [p(T(L), { class: "fg-slider__range" })]),
+			default: A(() => [m(D(V), { class: "fg-slider__track" }, {
+				default: A(() => [m(D(R), { class: "fg-slider__range" })]),
 				_: 1
-			}), p(T(z), {
-				id: T(n)?.controlId.value ?? e.id,
+			}), m(D(B), {
+				id: D(n)?.controlId.value ?? e.id,
 				class: "fg-slider__thumb",
-				"aria-describedby": T(n)?.descriptionId.value,
-				"aria-errormessage": T(n)?.errorId.value,
-				"aria-invalid": T(n)?.invalid.value ? "true" : void 0,
+				"aria-describedby": D(n)?.descriptionId.value,
+				"aria-errormessage": D(n)?.errorId.value,
+				"aria-invalid": D(n)?.invalid.value ? "true" : void 0,
 				"aria-label": e.label
 			}, null, 8, [
 				"id",
@@ -584,17 +584,17 @@ var H = { class: "fg-card" }, U = {
 			"step"
 		]));
 	}
-}), Ue = ["data-size", "data-disabled"], We = [
+}), We = ["data-size", "data-disabled"], Ge = [
 	"id",
 	"aria-checked",
 	"aria-describedby",
 	"aria-errormessage",
 	"aria-invalid",
 	"disabled"
-], Ge = {
+], Ke = {
 	key: 0,
 	class: "fg-switch__text"
-}, Ke = ["for"], qe = ["id"], Je = /* @__PURE__ */ m({
+}, qe = ["for"], Je = ["id"], Ye = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiSwitch",
 	props: {
@@ -613,44 +613,44 @@ var H = { class: "fg-card" }, U = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t, r = k(), i = E(), a = h(Z, void 0), o = D(), c = s(() => a?.controlId.value ?? e.id ?? o), p = s(() => `${c.value}-switch-description`), m = () => [
+		let n = t, r = k(), i = te(), a = g(Z, void 0), o = O(), s = c(() => a?.controlId.value ?? e.id ?? o), l = c(() => `${s.value}-switch-description`), m = () => [
 			i["aria-describedby"],
 			a?.descriptionId.value,
-			e.description ? p.value : void 0
-		].filter(Boolean).join(" ") || void 0, g = () => {
+			e.description ? l.value : void 0
+		].filter(Boolean).join(" ") || void 0, h = () => {
 			e.disabled || n("update:modelValue", !e.modelValue);
 		};
-		return (t, n) => (y(), u("div", {
+		return (t, n) => (b(), d("div", {
 			class: "fg-switch",
 			"data-size": e.size,
 			"data-disabled": e.disabled ? "true" : void 0
-		}, [d("button", _(T(i), {
-			id: c.value,
+		}, [f("button", v(D(i), {
+			id: s.value,
 			class: "fg-switch__control",
 			type: "button",
 			role: "switch",
 			"aria-checked": e.modelValue,
 			"aria-describedby": m(),
-			"aria-errormessage": T(a)?.errorId.value,
-			"aria-invalid": T(a)?.invalid.value ? "true" : void 0,
+			"aria-errormessage": D(a)?.errorId.value,
+			"aria-invalid": D(a)?.invalid.value ? "true" : void 0,
 			disabled: e.disabled,
-			onClick: g
-		}), [...n[0] ||= [d("span", {
+			onClick: h
+		}), [...n[0] ||= [f("span", {
 			class: "fg-switch__track",
 			"aria-hidden": "true"
-		}, null, -1)]], 16, We), r.default || e.label || e.description ? (y(), u("span", Ge, [r.default || e.label ? (y(), u("label", {
+		}, null, -1)]], 16, Ge), r.default || e.label || e.description ? (b(), d("span", Ke, [r.default || e.label ? (b(), d("label", {
 			key: 0,
-			for: c.value
-		}, [S(t.$slots, "default", {}, () => [f(w(e.label), 1)])], 8, Ke)) : l("", !0), e.description ? (y(), u("span", {
+			for: s.value
+		}, [w(t.$slots, "default", {}, () => [p(E(e.label), 1)])], 8, qe)) : u("", !0), e.description ? (b(), d("span", {
 			key: 1,
-			id: p.value,
+			id: l.value,
 			class: "fg-switch__description"
-		}, w(e.description), 9, qe)) : l("", !0)])) : l("", !0)], 8, Ue));
+		}, E(e.description), 9, Je)) : u("", !0)])) : u("", !0)], 8, We));
 	}
-}), Ye = { class: "fg-toggle-button__text" }, Xe = { class: "fg-toggle-button__label" }, Ze = {
+}), Xe = { class: "fg-toggle-button__text" }, Ze = { class: "fg-toggle-button__label" }, Qe = {
 	key: 0,
 	class: "fg-toggle-button__description"
-}, Qe = /* @__PURE__ */ m({
+}, $e = /* @__PURE__ */ h({
 	__name: "UiToggleButton",
 	props: {
 		disabled: {
@@ -668,17 +668,17 @@ var H = { class: "fg-card" }, U = {
 		let n = t, r = k(), i = (e) => {
 			n("update:pressed", e);
 		};
-		return (t, n) => (y(), c(T(V), {
+		return (t, n) => (b(), l(D(H), {
 			class: "fg-toggle-button",
 			"data-size": e.size,
 			disabled: e.disabled,
 			"model-value": e.pressed,
 			"onUpdate:modelValue": i
 		}, {
-			default: A(() => [n[0] ||= d("span", {
+			default: A(() => [n[0] ||= f("span", {
 				class: "fg-toggle-button__switch",
 				"aria-hidden": "true"
-			}, null, -1), d("span", Ye, [d("span", Xe, [S(t.$slots, "default")]), r.description ? (y(), u("span", Ze, [S(t.$slots, "description")])) : l("", !0)])]),
+			}, null, -1), f("span", Xe, [f("span", Ze, [w(t.$slots, "default")]), r.description ? (b(), d("span", Qe, [w(t.$slots, "description")])) : u("", !0)])]),
 			_: 3
 		}, 8, [
 			"data-size",
@@ -686,22 +686,22 @@ var H = { class: "fg-card" }, U = {
 			"model-value"
 		]));
 	}
-}), $e = /* @__PURE__ */ m({
+}), et = /* @__PURE__ */ h({
 	__name: "UiSurface",
 	props: {
 		as: { default: "section" },
 		padding: { default: "default" }
 	},
 	setup(e) {
-		return (t, n) => (y(), c(T(M), {
+		return (t, n) => (b(), l(D(N), {
 			as: e.as,
 			class: "fg-surface",
 			"data-padding": e.padding
 		}, {
-			default: A(() => [S(t.$slots, "default")]),
+			default: A(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["as", "data-padding"]));
 	}
 });
 //#endregion
-export { he as UiAlert, ge as UiBadge, r as UiButton, q as UiCard, ye as UiCheckbox, me as UiCodeBlock, t as UiDialog, i as UiDrawer, we as UiField, ke as UiFigure, Ae as UiInput, Me as UiProgress, Pe as UiRadioCard, Fe as UiRadioCardGroup, Ve as UiScore, $ as UiSelect, He as UiSlider, $e as UiSurface, Je as UiSwitch, n as UiTabs, Qe as UiToggleButton, a as useActiveSection };
+export { ge as UiAlert, _e as UiBadge, a as UiButton, J as UiCard, be as UiCheckbox, he as UiCodeBlock, e as UiDialog, t as UiDrawer, Te as UiField, Ae as UiFigure, je as UiInput, Ne as UiProgress, Fe as UiRadioCard, Ie as UiRadioCardGroup, $ as UiScore, i as UiSegmentedControl, He as UiSelect, Ue as UiSlider, et as UiSurface, Ye as UiSwitch, n as UiTabs, $e as UiToggleButton, o as useActiveSection };