@imfusion/web-ui 0.11.1-dev.72.g7dc184e8 → 0.11.1-dev.73.g65836a33

package/dist/index.js

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $A as t, Dt as n, F_ as r, Ma as i, Qj as a, Tb as o, Xo as s, Yt as c, bE as l, dA as ee, dy as u, en as d, fn as f, gM as te, hM as ne, ij as re, in as ie, ja as p, oE as ae, py as oe, sA as se, sy as ce, tM as le, vM as m, yv as ue, zm as h } from "./icons-CMetKl2x.js";
-import { t as g } from "./meta-V_KyLeGn.js";
-import { a as de, i as fe, n as pe, r as me, t as he } from "./toggle-group-CVQzM3lQ.js";
-import { a as _, i as ge, n as _e, o as v, r as ve, t as ye } from "./utils-J6vbjIt1.js";
+import { $A as t, Dt as n, F_ as r, Ma as i, Qj as a, Tb as o, Xo as s, Yt as c, bE as l, dA as ee, dy as u, en as d, fn as f, gM as te, hM as ne, ij as re, in as ie, ja as p, oE as ae, py as m, sA as oe, sy as se, tM as ce, vM as h, yv as le, zm as g } from "./icons-CMetKl2x.js";
+import { t as _ } from "./meta-V_KyLeGn.js";
+import { a as ue, i as de, n as fe, r as pe, t as me } from "./toggle-group-CVQzM3lQ.js";
+import { a as v, i as he, n as ge, o as _e, r as ve, t as ye } from "./utils-J6vbjIt1.js";
 import { i as be, n as xe, r as Se, t as Ce } from "./icon-button-kVghav2z.js";
 import { a as we, o as Te, r as Ee, t as De } from "./code-72NzL5Cp.js";
 import { n as Oe, t as ke } from "./toggle-group-ghJtINie.js";
@@ -106,7 +106,7 @@ function wt({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 		children: [a, /* @__PURE__ */ x("span", {
 			className: Ct.icon,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ x(h, {
 				glyph: s,
 				size: 12
 			})
@@ -117,7 +117,7 @@ function wt({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 //#region src/components/chip-link/chip-link.meta.ts
 var Tt = {
 	name: "ChipLink",
-	category: g.buttons,
+	category: _.buttons,
 	status: "stable",
 	description: "Link styled as a compact chip, with a directional icon for external references or in-app navigation. Also called a link chip or link badge.",
 	origin: "native"
@@ -131,8 +131,8 @@ function Ot({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r
 		"data-copied": o || void 0,
 		"aria-label": o ? n : t,
 		onClick: () => c(e),
-		className: (e) => b(Et.root, _(a.className, e)),
-		children: /* @__PURE__ */ x(m, {
+		className: (e) => b(Et.root, v(a.className, e)),
+		children: /* @__PURE__ */ x(h, {
 			glyph: l,
 			size: 15,
 			strokeWidth: 2,
@@ -145,7 +145,7 @@ Ot.displayName = "CopyButton";
 //#region src/components/copy-button/copy-button.meta.ts
 var kt = {
 	name: "CopyButton",
-	category: g.buttons,
+	category: _.buttons,
 	status: "stable",
 	description: "Copies a value to the clipboard and briefly shows confirmation. Also called a copy-to-clipboard button; commonly used with Code.Block.",
 	origin: "native",
@@ -172,7 +172,7 @@ function Mt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 		children: [
 			e && /* @__PURE__ */ x("span", {
 				className: At.tile,
-				children: /* @__PURE__ */ x(m, {
+				children: /* @__PURE__ */ x(h, {
 					glyph: e,
 					className: At.tileGlyph,
 					"aria-hidden": !0
@@ -188,7 +188,7 @@ function Mt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ x(m, {
+			/* @__PURE__ */ x(h, {
 				glyph: r ?? (n === "external" ? f : c),
 				variant: "support",
 				className: At.end,
@@ -201,7 +201,7 @@ function Mt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 //#region src/components/rich-link/rich-link.meta.ts
 var Nt = {
 	name: "RichLink",
-	category: g.buttons,
+	category: _.buttons,
 	status: "experimental",
 	description: "Link as a whole row: optional leading icon, label, optional description line, and a trailing arrow for where it leads. Also called a link row or resource link. Use ChipLink for a compact link inside other content.",
 	origin: "native",
@@ -313,7 +313,7 @@ function Cn(e) {
 	return /* @__PURE__ */ x(T.InputGroup, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.InputGroup",
-		className: (t) => Gt({ className: _(e.className, t) })
+		className: (t) => Gt({ className: v(e.className, t) })
 	});
 }
 Cn.displayName = "Autocomplete.InputGroup";
@@ -321,7 +321,7 @@ function wn(e) {
 	return /* @__PURE__ */ x(T.Input, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Input",
-		className: (t) => qt({ className: _(e.className, t) })
+		className: (t) => qt({ className: v(e.className, t) })
 	});
 }
 wn.displayName = "Autocomplete.Input";
@@ -329,9 +329,9 @@ function Tn({ children: e, ...t }) {
 	return /* @__PURE__ */ x(T.Trigger, {
 		...t,
 		"data-imf-ui-component": "Autocomplete.Trigger",
-		className: (e) => Jt({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
-			glyph: ce,
+		className: (e) => Jt({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
+			glyph: se,
 			size: 16,
 			"aria-hidden": !0
 		})
@@ -342,7 +342,7 @@ function En(e) {
 	return /* @__PURE__ */ x(T.Icon, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Icon",
-		className: (t) => Yt({ className: _(e.className, t) })
+		className: (t) => Yt({ className: v(e.className, t) })
 	});
 }
 En.displayName = "Autocomplete.Icon";
@@ -350,8 +350,8 @@ function Dn({ children: e, ...t }) {
 	return /* @__PURE__ */ x(T.Clear, {
 		...t,
 		"data-imf-ui-component": "Autocomplete.Clear",
-		className: (e) => Xt({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		className: (e) => Xt({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: a,
 			size: 16,
 			"aria-hidden": !0
@@ -371,7 +371,7 @@ function An(e) {
 	return /* @__PURE__ */ x(T.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Backdrop",
-		className: (t) => $t({ className: _(e.className, t) })
+		className: (t) => $t({ className: v(e.className, t) })
 	});
 }
 An.displayName = "Autocomplete.Backdrop";
@@ -381,7 +381,7 @@ function jn({ align: e = "start", sideOffset: t = 4, ...n }) {
 		align: e,
 		sideOffset: t,
 		"data-imf-ui-component": "Autocomplete.Positioner",
-		className: (e) => en({ className: _(n.className, e) })
+		className: (e) => en({ className: v(n.className, e) })
 	});
 }
 jn.displayName = "Autocomplete.Positioner";
@@ -392,10 +392,10 @@ function Mn(e) {
 		ref: t,
 		style: (t) => ({
 			...n,
-			...v(e.style, t)
+			..._e(e.style, t)
 		}),
 		"data-imf-ui-component": "Autocomplete.Popup",
-		className: (t) => tn({ className: _(e.className, t) })
+		className: (t) => tn({ className: v(e.className, t) })
 	});
 }
 Mn.displayName = "Autocomplete.Popup";
@@ -403,7 +403,7 @@ function Nn(e) {
 	return /* @__PURE__ */ x(T.Arrow, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Arrow",
-		className: (t) => nn({ className: _(e.className, t) })
+		className: (t) => nn({ className: v(e.className, t) })
 	});
 }
 Nn.displayName = "Autocomplete.Arrow";
@@ -411,7 +411,7 @@ function Pn(e) {
 	return /* @__PURE__ */ x(T.Status, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Status",
-		className: (t) => on({ className: _(e.className, t) })
+		className: (t) => on({ className: v(e.className, t) })
 	});
 }
 Pn.displayName = "Autocomplete.Status";
@@ -419,7 +419,7 @@ function Fn(e) {
 	return /* @__PURE__ */ x(T.Empty, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Empty",
-		className: (t) => sn({ className: _(e.className, t) })
+		className: (t) => sn({ className: v(e.className, t) })
 	});
 }
 Fn.displayName = "Autocomplete.Empty";
@@ -430,10 +430,10 @@ function In(e) {
 		ref: n,
 		style: (n) => ({
 			...t ? r : void 0,
-			...v(e.style, n)
+			..._e(e.style, n)
 		}),
 		"data-imf-ui-component": "Autocomplete.List",
-		className: (t) => rn({ className: _(e.className, t) })
+		className: (t) => rn({ className: v(e.className, t) })
 	});
 }
 In.displayName = "Autocomplete.List";
@@ -441,7 +441,7 @@ function Ln(e) {
 	return /* @__PURE__ */ x(T.Row, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Row",
-		className: (t) => an({ className: _(e.className, t) })
+		className: (t) => an({ className: v(e.className, t) })
 	});
 }
 Ln.displayName = "Autocomplete.Row";
@@ -450,14 +450,14 @@ function Rn(e) {
 }
 Rn.displayName = "Autocomplete.Collection";
 function zn(e) {
-	let { context: t, ariaProps: n } = ge();
-	return /* @__PURE__ */ x(_e, {
+	let { context: t, ariaProps: n } = he();
+	return /* @__PURE__ */ x(ge, {
 		value: t,
 		children: /* @__PURE__ */ x(T.Item, {
 			...n,
 			...e,
 			"data-imf-ui-component": "Autocomplete.Item",
-			className: (t) => _n({ className: _(e.className, t) })
+			className: (t) => _n({ className: v(e.className, t) })
 		})
 	});
 }
@@ -486,7 +486,7 @@ function Hn(e) {
 	return /* @__PURE__ */ x(T.Group, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Group",
-		className: (t) => cn({ className: _(e.className, t) })
+		className: (t) => cn({ className: v(e.className, t) })
 	});
 }
 Hn.displayName = "Autocomplete.Group";
@@ -494,7 +494,7 @@ function Un(e) {
 	return /* @__PURE__ */ x(T.GroupLabel, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.GroupLabel",
-		className: (t) => ln({ className: _(e.className, t) })
+		className: (t) => ln({ className: v(e.className, t) })
 	});
 }
 Un.displayName = "Autocomplete.GroupLabel";
@@ -502,13 +502,13 @@ function Wn(e) {
 	return /* @__PURE__ */ x(ct, {
 		...e,
 		"data-imf-ui-component": "Autocomplete.Separator",
-		className: (t) => un({ className: _(e.className, t) })
+		className: (t) => un({ className: v(e.className, t) })
 	});
 }
 Wn.displayName = "Autocomplete.Separator";
 var Gn = T.useFilter, Kn = T.useFilteredItems, qn = {
 	name: "Autocomplete",
-	category: g.inputs,
+	category: _.inputs,
 	status: "experimental",
 	description: "Text input that suggests options as you type, keeping free text. Also called a typeahead or search suggestions. Use Combobox when the value must come from the list.",
 	origin: "adapted",
@@ -531,7 +531,7 @@ function Yn(e) {
 	return /* @__PURE__ */ x(lt.Root, {
 		...e,
 		"data-imf-ui-component": "Checkbox.Root",
-		className: (t) => Ft({ className: _(e.className, t) })
+		className: (t) => Ft({ className: v(e.className, t) })
 	});
 }
 Yn.displayName = "Checkbox.Root";
@@ -539,11 +539,11 @@ function Xn({ children: e, ...t }) {
 	return /* @__PURE__ */ x(lt.Indicator, {
 		...t,
 		"data-imf-ui-component": "Checkbox.Indicator",
-		className: (e) => It({ className: _(t.className, e) }),
+		className: (e) => It({ className: v(t.className, e) }),
 		children: e ?? /* @__PURE__ */ S(Ye, { children: [/* @__PURE__ */ x("span", {
 			className: Pt.iconCheck,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ x(h, {
 				glyph: p,
 				size: 12,
 				strokeWidth: 3
@@ -551,8 +551,8 @@ function Xn({ children: e, ...t }) {
 		}), /* @__PURE__ */ x("span", {
 			className: Pt.iconIndeterminate,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ x(m, {
-				glyph: ue,
+			children: /* @__PURE__ */ x(h, {
+				glyph: le,
 				size: 12,
 				strokeWidth: 3
 			})
@@ -564,7 +564,7 @@ Xn.displayName = "Checkbox.Indicator";
 //#region src/components/checkbox/checkbox.meta.ts
 var Zn = {
 	name: "Checkbox",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Binary form control for submitted choices such as terms, table rows, or list items. Also called a check box; it supports an indeterminate parent state.",
 	origin: "adapted",
@@ -643,12 +643,12 @@ function fr({ label: e = "Color scheme", lightLabel: t = "Light", systemLabel: n
 	function l(e) {
 		ur(e[0]) && o(e[0]);
 	}
-	return /* @__PURE__ */ x(he, {
+	return /* @__PURE__ */ x(me, {
 		"aria-label": e,
 		...i,
 		value: [a],
 		onValueChange: l,
-		children: s.map((e) => /* @__PURE__ */ x(pe, {
+		children: s.map((e) => /* @__PURE__ */ x(fe, {
 			value: e,
 			className: dr.toggle,
 			children: c[e]
@@ -659,7 +659,7 @@ function fr({ label: e = "Color scheme", lightLabel: t = "Light", systemLabel: n
 //#region src/components/color-scheme-toggle/color-scheme-toggle.meta.ts
 var pr = {
 	name: "ColorSchemeToggle",
-	category: g.inputs,
+	category: _.inputs,
 	status: "experimental",
 	description: "Light, System, and Dark segments that set and remember the page's color scheme. Also called an appearance or theme switch; built on ToggleGroup, which is the choice for any other segmented selection.",
 	origin: "native",
@@ -720,7 +720,7 @@ function _r(e) {
 	return /* @__PURE__ */ x(E.Label, {
 		...e,
 		"data-imf-ui-component": "Combobox.Label",
-		className: (t) => Wt({ className: _(e.className, t) })
+		className: (t) => Wt({ className: v(e.className, t) })
 	});
 }
 _r.displayName = "Combobox.Label";
@@ -728,7 +728,7 @@ function vr(e) {
 	return /* @__PURE__ */ x(E.InputGroup, {
 		...e,
 		"data-imf-ui-component": "Combobox.InputGroup",
-		className: (t) => Gt({ className: _(e.className, t) })
+		className: (t) => Gt({ className: v(e.className, t) })
 	});
 }
 vr.displayName = "Combobox.InputGroup";
@@ -738,7 +738,7 @@ function yr(e) {
 		...t ? { "aria-expanded": !0 } : {},
 		...e,
 		"data-imf-ui-component": "Combobox.Input",
-		className: (t) => qt({ className: _(e.className, t) })
+		className: (t) => qt({ className: v(e.className, t) })
 	});
 }
 yr.displayName = "Combobox.Input";
@@ -746,9 +746,9 @@ function br({ children: e, ...t }) {
 	return /* @__PURE__ */ x(E.Trigger, {
 		...t,
 		"data-imf-ui-component": "Combobox.Trigger",
-		className: (e) => Jt({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
-			glyph: ce,
+		className: (e) => Jt({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
+			glyph: se,
 			size: 16,
 			"aria-hidden": !0
 		})
@@ -759,7 +759,7 @@ function xr(e) {
 	return /* @__PURE__ */ x(E.Icon, {
 		...e,
 		"data-imf-ui-component": "Combobox.Icon",
-		className: (t) => Yt({ className: _(e.className, t) })
+		className: (t) => Yt({ className: v(e.className, t) })
 	});
 }
 xr.displayName = "Combobox.Icon";
@@ -767,8 +767,8 @@ function Sr({ children: e, ...t }) {
 	return /* @__PURE__ */ x(E.Clear, {
 		...t,
 		"data-imf-ui-component": "Combobox.Clear",
-		className: (e) => Xt({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		className: (e) => Xt({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: a,
 			size: 16,
 			"aria-hidden": !0
@@ -784,7 +784,7 @@ function wr(e) {
 	return /* @__PURE__ */ x(E.Chips, {
 		...e,
 		"data-imf-ui-component": "Combobox.Chips",
-		className: (t) => Kt({ className: _(e.className, t) })
+		className: (t) => Kt({ className: v(e.className, t) })
 	});
 }
 wr.displayName = "Combobox.Chips";
@@ -792,7 +792,7 @@ function Tr(e) {
 	return /* @__PURE__ */ x(E.Chip, {
 		...e,
 		"data-imf-ui-component": "Combobox.Chip",
-		className: (t) => Zt({ className: _(e.className, t) })
+		className: (t) => Zt({ className: v(e.className, t) })
 	});
 }
 Tr.displayName = "Combobox.Chip";
@@ -800,8 +800,8 @@ function Er({ children: e, ...t }) {
 	return /* @__PURE__ */ x(E.ChipRemove, {
 		...t,
 		"data-imf-ui-component": "Combobox.ChipRemove",
-		className: (e) => Qt({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		className: (e) => Qt({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: a,
 			size: 12,
 			"aria-hidden": !0
@@ -817,7 +817,7 @@ function Or(e) {
 	return /* @__PURE__ */ x(E.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Combobox.Backdrop",
-		className: (t) => $t({ className: _(e.className, t) })
+		className: (t) => $t({ className: v(e.className, t) })
 	});
 }
 Or.displayName = "Combobox.Backdrop";
@@ -827,7 +827,7 @@ function kr({ align: e = "start", sideOffset: t = 4, ...n }) {
 		align: e,
 		sideOffset: t,
 		"data-imf-ui-component": "Combobox.Positioner",
-		className: (e) => en({ className: _(n.className, e) })
+		className: (e) => en({ className: v(n.className, e) })
 	});
 }
 kr.displayName = "Combobox.Positioner";
@@ -838,10 +838,10 @@ function Ar(e) {
 		ref: t,
 		style: (t) => ({
 			...n,
-			...v(e.style, t)
+			..._e(e.style, t)
 		}),
 		"data-imf-ui-component": "Combobox.Popup",
-		className: (t) => tn({ className: _(e.className, t) })
+		className: (t) => tn({ className: v(e.className, t) })
 	});
 }
 Ar.displayName = "Combobox.Popup";
@@ -849,7 +849,7 @@ function jr(e) {
 	return /* @__PURE__ */ x(E.Arrow, {
 		...e,
 		"data-imf-ui-component": "Combobox.Arrow",
-		className: (t) => nn({ className: _(e.className, t) })
+		className: (t) => nn({ className: v(e.className, t) })
 	});
 }
 jr.displayName = "Combobox.Arrow";
@@ -857,7 +857,7 @@ function Mr(e) {
 	return /* @__PURE__ */ x(E.Status, {
 		...e,
 		"data-imf-ui-component": "Combobox.Status",
-		className: (t) => on({ className: _(e.className, t) })
+		className: (t) => on({ className: v(e.className, t) })
 	});
 }
 Mr.displayName = "Combobox.Status";
@@ -865,7 +865,7 @@ function Nr(e) {
 	return /* @__PURE__ */ x(E.Empty, {
 		...e,
 		"data-imf-ui-component": "Combobox.Empty",
-		className: (t) => sn({ className: _(e.className, t) })
+		className: (t) => sn({ className: v(e.className, t) })
 	});
 }
 Nr.displayName = "Combobox.Empty";
@@ -876,10 +876,10 @@ function Pr(e) {
 		ref: n,
 		style: (n) => ({
 			...t ? r : void 0,
-			...v(e.style, n)
+			..._e(e.style, n)
 		}),
 		"data-imf-ui-component": "Combobox.List",
-		className: (t) => rn({ className: _(e.className, t) })
+		className: (t) => rn({ className: v(e.className, t) })
 	});
 }
 Pr.displayName = "Combobox.List";
@@ -887,7 +887,7 @@ function Fr(e) {
 	return /* @__PURE__ */ x(E.Row, {
 		...e,
 		"data-imf-ui-component": "Combobox.Row",
-		className: (t) => an({ className: _(e.className, t) })
+		className: (t) => an({ className: v(e.className, t) })
 	});
 }
 Fr.displayName = "Combobox.Row";
@@ -896,14 +896,14 @@ function Ir(e) {
 }
 Ir.displayName = "Combobox.Collection";
 function Lr(e) {
-	let { context: t, ariaProps: n } = ge();
-	return /* @__PURE__ */ x(_e, {
+	let { context: t, ariaProps: n } = he();
+	return /* @__PURE__ */ x(ge, {
 		value: t,
 		children: /* @__PURE__ */ x(E.Item, {
 			...n,
 			...e,
 			"data-imf-ui-component": "Combobox.Item",
-			className: (t) => dn({ className: _(e.className, t) })
+			className: (t) => dn({ className: v(e.className, t) })
 		})
 	});
 }
@@ -915,8 +915,8 @@ function Rr({ children: e, keepMounted: t, render: n, ...r }) {
 		keepMounted: t,
 		render: n,
 		"data-imf-ui-component": "Combobox.ItemIndicator",
-		className: (e) => fn({ className: _(r.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		className: (e) => fn({ className: v(r.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: p,
 			size: 16,
 			"aria-hidden": !0
@@ -935,10 +935,10 @@ function Rr({ children: e, keepMounted: t, render: n, ...r }) {
 		keepMounted: t ?? !0,
 		render: a,
 		"data-imf-ui-component": "Combobox.ItemIndicator",
-		className: (e) => pn({ className: _(r.className, e) }),
+		className: (e) => pn({ className: v(r.className, e) }),
 		children: e ?? /* @__PURE__ */ x("span", {
 			className: mn(),
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ x(h, {
 				glyph: p,
 				size: 12,
 				strokeWidth: 3,
@@ -972,7 +972,7 @@ function Vr(e) {
 	return /* @__PURE__ */ x(E.Group, {
 		...e,
 		"data-imf-ui-component": "Combobox.Group",
-		className: (t) => cn({ className: _(e.className, t) })
+		className: (t) => cn({ className: v(e.className, t) })
 	});
 }
 Vr.displayName = "Combobox.Group";
@@ -980,7 +980,7 @@ function Hr(e) {
 	return /* @__PURE__ */ x(E.GroupLabel, {
 		...e,
 		"data-imf-ui-component": "Combobox.GroupLabel",
-		className: (t) => ln({ className: _(e.className, t) })
+		className: (t) => ln({ className: v(e.className, t) })
 	});
 }
 Hr.displayName = "Combobox.GroupLabel";
@@ -988,13 +988,13 @@ function Ur(e) {
 	return /* @__PURE__ */ x(ct, {
 		...e,
 		"data-imf-ui-component": "Combobox.Separator",
-		className: (t) => un({ className: _(e.className, t) })
+		className: (t) => un({ className: v(e.className, t) })
 	});
 }
 Ur.displayName = "Combobox.Separator";
 var Wr = E.useFilter, Gr = E.useFilteredItems, Kr = {
 	name: "Combobox",
-	category: g.inputs,
+	category: _.inputs,
 	status: "experimental",
 	description: "Text input with a filterable list of options, for choosing one or several from a long list. Also called a searchable select, typeahead, or multi-select. Use Select for short lists and Autocomplete when free text is allowed.",
 	origin: "adapted",
@@ -1030,7 +1030,7 @@ function ti(e) {
 	return /* @__PURE__ */ x(ut.Root, {
 		...e,
 		"data-imf-ui-component": "Field.Root",
-		className: (t) => Yr({ className: _(e.className, t) })
+		className: (t) => Yr({ className: v(e.className, t) })
 	});
 }
 ti.displayName = "Field.Root";
@@ -1038,7 +1038,7 @@ function ni(e) {
 	return /* @__PURE__ */ x(ut.Item, {
 		...e,
 		"data-imf-ui-component": "Field.Item",
-		className: (t) => Xr({ className: _(e.className, t) })
+		className: (t) => Xr({ className: v(e.className, t) })
 	});
 }
 ni.displayName = "Field.Item";
@@ -1046,7 +1046,7 @@ function ri(e) {
 	return /* @__PURE__ */ x(ut.Label, {
 		...e,
 		"data-imf-ui-component": "Field.Label",
-		className: (t) => Zr({ className: _(e.className, t) })
+		className: (t) => Zr({ className: v(e.className, t) })
 	});
 }
 ri.displayName = "Field.Label";
@@ -1054,7 +1054,7 @@ function ii(e) {
 	return /* @__PURE__ */ x(ut.Description, {
 		...e,
 		"data-imf-ui-component": "Field.Description",
-		className: (t) => Qr({ className: _(e.className, t) })
+		className: (t) => Qr({ className: v(e.className, t) })
 	});
 }
 ii.displayName = "Field.Description";
@@ -1062,7 +1062,7 @@ function ai(e) {
 	return /* @__PURE__ */ x(ut.Control, {
 		...e,
 		"data-imf-ui-component": "Field.Control",
-		className: (t) => $r({ className: _(e.className, t) })
+		className: (t) => $r({ className: v(e.className, t) })
 	});
 }
 ai.displayName = "Field.Control";
@@ -1071,7 +1071,7 @@ function oi({ role: e = "alert", ...t }) {
 		...t,
 		role: e,
 		"data-imf-ui-component": "Field.Error",
-		className: (e) => ei({ className: _(t.className, e) })
+		className: (e) => ei({ className: v(t.className, e) })
 	});
 }
 oi.displayName = "Field.Error";
@@ -1083,7 +1083,7 @@ si.displayName = "Field.Validity";
 //#region src/components/field/field.meta.ts
 var ci = {
 	name: "Field",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Accessible field composition for a label, control, supporting text, and validation message. Use it with Input, Checkbox, Select, and other form controls.",
 	origin: "adapted",
@@ -1104,7 +1104,7 @@ function pi(e) {
 	return /* @__PURE__ */ x(dt.Root, {
 		...e,
 		"data-imf-ui-component": "Fieldset.Root",
-		className: (t) => di({ className: _(e.className, t) })
+		className: (t) => di({ className: v(e.className, t) })
 	});
 }
 pi.displayName = "Fieldset.Root";
@@ -1112,7 +1112,7 @@ function mi(e) {
 	return /* @__PURE__ */ x(dt.Legend, {
 		...e,
 		"data-imf-ui-component": "Fieldset.Legend",
-		className: (t) => fi({ className: _(e.className, t) })
+		className: (t) => fi({ className: v(e.className, t) })
 	});
 }
 mi.displayName = "Fieldset.Legend";
@@ -1120,7 +1120,7 @@ mi.displayName = "Fieldset.Legend";
 //#region src/components/fieldset/fieldset.meta.ts
 var hi = {
 	name: "Fieldset",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Semantic group for related form controls with a shared legend. Also called a form group; it can propagate a disabled state to the group.",
 	origin: "adapted",
@@ -1131,7 +1131,7 @@ var hi = {
 		llmDocLink: "https://base-ui.com/react/components/fieldset.md"
 	}
 }, gi = {
-	info: h,
+	info: g,
 	positive: i,
 	warning: re,
 	negative: t
@@ -1203,7 +1203,7 @@ function Si({ children: e, ...t }) {
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Callout.Icon",
 		className: y(L.icon)({ className: t.className }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: n,
 			size: 24,
 			strokeWidth: 2
@@ -1231,7 +1231,7 @@ wi.displayName = "Callout.Description";
 //#region src/components/callout/callout.meta.ts
 var Ti = {
 	name: "Callout",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	namespace: !0,
 	description: "Persistent, in-place status message for information, success, warnings, and errors. Also called an inline alert or notice; it is not a transient toast or modal dialog.",
@@ -1348,7 +1348,7 @@ function ji({ variant: e = "info", children: t, ...n }) {
 			variant: e,
 			className: n.className
 		}),
-		children: t ?? /* @__PURE__ */ x(m, {
+		children: t ?? /* @__PURE__ */ x(h, {
 			glyph: gi[e ?? "info"],
 			className: R.statusGlyph
 		})
@@ -1383,7 +1383,7 @@ Pi.displayName = "Card.Footer";
 //#region src/components/card/card.meta.ts
 var Fi = {
 	name: "Card",
-	category: g.layout,
+	category: _.layout,
 	status: "stable",
 	namespace: !0,
 	description: "Surface container for related content on a tonal background. Also called a panel or tile; compose it from optional image, status, header, content, and footer parts.",
@@ -1427,7 +1427,7 @@ function Ui({ size: e = "md", layout: t = "stacked", ...n }) {
 		className: (r) => Ri({
 			size: e,
 			layout: t,
-			className: _(n.className, r)
+			className: v(n.className, r)
 		})
 	});
 }
@@ -1436,7 +1436,7 @@ function Wi(e) {
 	return /* @__PURE__ */ x(ft.Label, {
 		...e,
 		"data-imf-ui-component": "Progress.Label",
-		className: (t) => zi({ className: _(e.className, t) })
+		className: (t) => zi({ className: v(e.className, t) })
 	});
 }
 Wi.displayName = "Progress.Label";
@@ -1444,7 +1444,7 @@ function Gi(e) {
 	return /* @__PURE__ */ x(ft.Value, {
 		...e,
 		"data-imf-ui-component": "Progress.Value",
-		className: (t) => Bi({ className: _(e.className, t) })
+		className: (t) => Bi({ className: v(e.className, t) })
 	});
 }
 Gi.displayName = "Progress.Value";
@@ -1452,7 +1452,7 @@ function Ki(e) {
 	return /* @__PURE__ */ x(ft.Track, {
 		...e,
 		"data-imf-ui-component": "Progress.Track",
-		className: (t) => Vi({ className: _(e.className, t) })
+		className: (t) => Vi({ className: v(e.className, t) })
 	});
 }
 Ki.displayName = "Progress.Track";
@@ -1460,7 +1460,7 @@ function qi(e) {
 	return /* @__PURE__ */ x(ft.Indicator, {
 		...e,
 		"data-imf-ui-component": "Progress.Indicator",
-		className: (t) => Hi({ className: _(e.className, t) })
+		className: (t) => Hi({ className: v(e.className, t) })
 	});
 }
 qi.displayName = "Progress.Indicator";
@@ -1468,7 +1468,7 @@ qi.displayName = "Progress.Indicator";
 //#region src/components/progress/progress.meta.ts
 var Ji = {
 	name: "Progress",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Bar for the completion of a running task, such as an upload or export. Also called a progress bar. Indeterminate when the amount is unknown. Use Meter for a static measure within a range.",
 	origin: "adapted",
@@ -1480,7 +1480,7 @@ var Ji = {
 	}
 }, Yi = {
 	name: "Stack",
-	category: g.layout,
+	category: _.layout,
 	status: "stable",
 	description: "Vertical layout primitive for spacing and aligning children. Also called a vertical stack or column.",
 	origin: "native"
@@ -1805,7 +1805,7 @@ ma.displayName = "Typo.UnorderedList";
 //#region src/components/typo/typo.meta.ts
 var ha = {
 	name: "Typo",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	namespace: !0,
 	description: "Semantic text primitives for display and standard headings, paragraphs, lists, quotes, links, and inline code. The namespace uses native HTML elements and token-based text roles.",
@@ -2061,67 +2061,67 @@ function Wa(e) {
 	return Array.from(e.dataTransfer.types).includes("Files");
 }
 function Ga({ accept: e, multiple: t = !0, directory: n = !1, size: r = "md", disabled: i = !1, invalid: a = !1, onFilesAdded: o, onDragStateChange: s, formatStatus: c = Ua, children: l, className: ee, "aria-labelledby": u, "aria-describedby": d, onDragEnter: f, onDragOver: te, onDragLeave: ne, onDrop: re, ...ie }) {
-	let p = r ?? "md", ae = n && t, oe = ot(null), se = ot(null), ce = ot(/* @__PURE__ */ new Set()), le = ot("idle"), [m, ue] = w("idle"), [h, g] = w(!1), [de, fe] = w(null), [pe, me] = w(null), [he, _] = w({
+	let p = r ?? "md", ae = n && t, m = ot(null), oe = ot(null), se = ot(/* @__PURE__ */ new Set()), ce = ot("idle"), [h, le] = w("idle"), [g, _] = w(!1), [ue, de] = w(null), [fe, pe] = w(null), [me, v] = w({
 		id: 0,
 		text: ""
-	}), ge = ot({
+	}), he = ot({
 		onFilesAdded: o,
 		onDragStateChange: s,
 		formatStatus: c
 	});
 	nt(() => {
-		ge.current = {
+		he.current = {
 			onFilesAdded: o,
 			onDragStateChange: s,
 			formatStatus: c
 		};
 	});
-	let _e = at(() => ({
+	let ge = at(() => ({
 		size: p,
 		disabled: i,
 		directory: ae,
-		filled: h,
-		openPicker: (e) => (e === "folder" ? se : oe).current?.click(),
-		setFilled: g,
-		registerTitle: fe,
-		registerDescription: me
+		filled: g,
+		openPicker: (e) => (e === "folder" ? oe : m).current?.click(),
+		setFilled: _,
+		registerTitle: de,
+		registerDescription: pe
 	}), [
 		p,
 		i,
 		ae,
-		h
+		g
 	]);
-	function v(e) {
-		le.current !== e && (le.current = e, ue(e), ge.current.onDragStateChange?.(e));
+	function _e(e) {
+		ce.current !== e && (ce.current = e, le(e), he.current.onDragStateChange?.(e));
 	}
 	function ve(e, t) {
-		let n = ce.current;
+		let n = se.current;
 		t ? n.add(e.target) : n.delete(e.target);
 		for (let t of n) (!(t instanceof Node) || !e.currentTarget.contains(t)) && n.delete(t);
 	}
 	function ye({ accepted: e, rejected: t }) {
-		e.length + t.length !== 0 && (_((n) => ({
+		e.length + t.length !== 0 && (v((n) => ({
 			id: n.id + 1,
-			text: ge.current.formatStatus(e.length, t.length)
-		})), ge.current.onFilesAdded?.(e, t));
+			text: he.current.formatStatus(e.length, t.length)
+		})), he.current.onFilesAdded?.(e, t));
 	}
 	function be(t) {
-		f?.(t), Wa(t) && (t.preventDefault(), ve(t, !0), i || v(xa(t.dataTransfer.items, e)));
+		f?.(t), Wa(t) && (t.preventDefault(), ve(t, !0), i || _e(xa(t.dataTransfer.items, e)));
 	}
 	function xe(t) {
 		if (te?.(t), !Wa(t)) return;
 		if (t.preventDefault(), i) {
-			t.dataTransfer.dropEffect = "none", v("idle");
+			t.dataTransfer.dropEffect = "none", _e("idle");
 			return;
 		}
 		let n = xa(t.dataTransfer.items, e);
-		v(n), t.dataTransfer.dropEffect = n === "rejecting" ? "none" : "copy";
+		_e(n), t.dataTransfer.dropEffect = n === "rejecting" ? "none" : "copy";
 	}
 	function Se(e) {
-		ne?.(e), Wa(e) && (ve(e, !1), ce.current.size === 0 && v("idle"));
+		ne?.(e), Wa(e) && (ve(e, !1), se.current.size === 0 && _e("idle"));
 	}
 	function Ce(n) {
-		re?.(n), !(!Wa(n) || (n.preventDefault(), ce.current.clear(), v("idle"), i)) && Pa(Sa(n.dataTransfer), {
+		re?.(n), !(!Wa(n) || (n.preventDefault(), se.current.clear(), _e("idle"), i)) && Pa(Sa(n.dataTransfer), {
 			accept: e,
 			directory: ae,
 			multiple: t
@@ -2136,18 +2136,18 @@ function Ga({ accept: e, multiple: t = !0, directory: n = !1, size: r = "md", di
 			fromFolder: r
 		}));
 	}
-	let Te = i ? "idle" : m, Ee = [pe, d].filter(Boolean).join(" ") || void 0;
+	let Te = i ? "idle" : h, Ee = [fe, d].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ x(Ba.Provider, {
-		value: _e,
+		value: ge,
 		children: /* @__PURE__ */ S("div", {
 			role: "group",
 			"data-drag-over": Te === "idle" ? void 0 : "",
 			"data-drag-reject": Te === "rejecting" ? "" : void 0,
 			"data-disabled": i ? "" : void 0,
-			"data-filled": h ? "" : void 0,
+			"data-filled": g ? "" : void 0,
 			"data-invalid": a ? "" : void 0,
 			...ie,
-			"aria-labelledby": u ?? de ?? void 0,
+			"aria-labelledby": u ?? ue ?? void 0,
 			"aria-describedby": Ee,
 			"data-imf-ui-component": "FileDropZone.Root",
 			className: Ha({
@@ -2177,7 +2177,7 @@ function Ga({ accept: e, multiple: t = !0, directory: n = !1, size: r = "md", di
 				}),
 				l,
 				/* @__PURE__ */ x("input", {
-					ref: oe,
+					ref: m,
 					type: "file",
 					hidden: !0,
 					multiple: t,
@@ -2186,7 +2186,7 @@ function Ga({ accept: e, multiple: t = !0, directory: n = !1, size: r = "md", di
 					onChange: (e) => we(e, !1)
 				}),
 				ae && /* @__PURE__ */ x("input", {
-					ref: se,
+					ref: oe,
 					type: "file",
 					hidden: !0,
 					multiple: !0,
@@ -2197,7 +2197,7 @@ function Ga({ accept: e, multiple: t = !0, directory: n = !1, size: r = "md", di
 				/* @__PURE__ */ x("span", {
 					role: "status",
 					className: V.visuallyHidden,
-					children: /* @__PURE__ */ x("span", { children: he.text }, he.id)
+					children: /* @__PURE__ */ x("span", { children: me.text }, me.id)
 				})
 			]
 		})
@@ -2291,10 +2291,10 @@ function Za({ glyph: e, size: t = 48, ...n }) {
 		"aria-hidden": !0,
 		"data-imf-ui-component": "FileDropZone.Glyph",
 		className: V.glyph,
-		children: /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ x(h, {
 			variant: "inherit",
 			...n,
-			glyph: e ?? (r.filled ? o : se),
+			glyph: e ?? (r.filled ? o : oe),
 			size: t
 		})
 	}) : null;
@@ -2340,10 +2340,10 @@ function to(e, t) {
 }
 var no = (e) => e.status === "done" || e.status === "error" ? 100 : e.progress ?? 0;
 function ro({ items: e, onRemove: t, onUpload: n, onRetry: r, onReset: i, heading: o = "Upload files", title: s, description: c, folders: l = !0, labels: ee, size: u = "lg", multiple: d = !0, accept: f, disabled: te = !1, onFilesAdded: ne, onDragStateChange: re, ...ie }) {
-	let [p, ae] = w(null), [oe, se] = w("idle"), [ce, le] = w(/* @__PURE__ */ new Set()), [m, ue] = w(0), h = {
+	let [p, ae] = w(null), [m, oe] = w("idle"), [se, ce] = w(/* @__PURE__ */ new Set()), [h, le] = w(0), g = {
 		...eo,
 		...ee
-	}, g = e.filter((e) => e.status === "queued"), de = e.some((e) => e.status === "uploading"), fe = e.length > 0 && g.length === 0 && !de, pe = e.filter((e) => e.status === "done").length, me = e.filter((e) => e.status === "error").length, he = e.filter((e) => ce.has(e.id)), _ = he.reduce((e, t) => e + no(t), 0) / Math.max(he.length, 1), ge = h.uploaded(pe, me), _e = l && d, v = za(f), ve = s ?? (d ? _e ? "Drop files or a folder" : "Drop files" : "Drop a file"), ye = c ?? ([v, _e ? "Folders are scanned, including subfolders." : ""].filter(Boolean).join(v ? ". " : "") || void 0), Se = oe === "idle" ? ve : oe === "accepting" ? h.dropToAdd : h.cantAdd, Ce = oe === "accepting" ? h.releaseToAdd(d) : oe === "rejecting" ? h.addTypes(v) : ye;
+	}, _ = e.filter((e) => e.status === "queued"), ue = e.some((e) => e.status === "uploading"), de = e.length > 0 && _.length === 0 && !ue, fe = e.filter((e) => e.status === "done").length, pe = e.filter((e) => e.status === "error").length, me = e.filter((e) => se.has(e.id)), v = me.reduce((e, t) => e + no(t), 0) / Math.max(me.length, 1), he = g.uploaded(fe, pe), ge = l && d, _e = za(f), ve = s ?? (d ? ge ? "Drop files or a folder" : "Drop files" : "Drop a file"), ye = c ?? ([_e, ge ? "Folders are scanned, including subfolders." : ""].filter(Boolean).join(_e ? ". " : "") || void 0), Se = m === "idle" ? ve : m === "accepting" ? g.dropToAdd : g.cantAdd, Ce = m === "accepting" ? g.releaseToAdd(d) : m === "rejecting" ? g.addTypes(_e) : ye;
 	return /* @__PURE__ */ S(Oi, {
 		withBorder: !0,
 		children: [
@@ -2357,8 +2357,8 @@ function ro({ items: e, onRemove: t, onUpload: n, onRetry: r, onReset: i, headin
 						size: u,
 						multiple: d,
 						accept: f,
-						directory: _e,
-						disabled: te || de,
+						directory: ge,
+						disabled: te || ue,
 						onFilesAdded: (e, t) => {
 							ae(t.length === 0 ? null : {
 								paths: t.map((e) => e.path),
@@ -2366,39 +2366,39 @@ function ro({ items: e, onRemove: t, onUpload: n, onRetry: r, onReset: i, headin
 							}), ne?.(e, t);
 						},
 						onDragStateChange: (e) => {
-							se(e), re?.(e);
+							oe(e), re?.(e);
 						},
 						children: [
 							/* @__PURE__ */ x(Za, {}),
 							/* @__PURE__ */ x(Ka, { children: Se }),
 							Ce && /* @__PURE__ */ x(qa, { children: Ce }),
-							/* @__PURE__ */ S(Ja, { children: [/* @__PURE__ */ x(Qa, { children: h.chooseFiles }), /* @__PURE__ */ x(Qa, {
+							/* @__PURE__ */ S(Ja, { children: [/* @__PURE__ */ x(Qa, { children: g.chooseFiles }), /* @__PURE__ */ x(Qa, {
 								mode: "folder",
-								children: h.chooseFolder
+								children: g.chooseFolder
 							})] })
 						]
 					}),
 					p && /* @__PURE__ */ S(xi, {
 						variant: "warning",
-						children: [/* @__PURE__ */ x(Si, {}), /* @__PURE__ */ x(wi, { children: h.skipped({
+						children: [/* @__PURE__ */ x(Si, {}), /* @__PURE__ */ x(wi, { children: g.skipped({
 							count: p.paths.length,
 							paths: p.paths,
-							types: p.byType ? v : ""
+							types: p.byType ? _e : ""
 						}) })]
 					}),
 					e.length > 0 && /* @__PURE__ */ S(Ae, {
 						gap: "3",
 						align: "stretch",
-						children: [he.length > 0 && g.length === 0 && /* @__PURE__ */ S(Ui, {
-							value: _,
+						children: [me.length > 0 && _.length === 0 && /* @__PURE__ */ S(Ui, {
+							value: v,
 							children: [
-								/* @__PURE__ */ x(Wi, { children: h.overall }),
+								/* @__PURE__ */ x(Wi, { children: g.overall }),
 								/* @__PURE__ */ x(Gi, {}),
 								/* @__PURE__ */ x(Ki, { children: /* @__PURE__ */ x(qi, {}) })
 							]
 						}), /* @__PURE__ */ x("ul", {
 							className: V.uploadList,
-							"aria-label": h.files,
+							"aria-label": g.files,
 							children: e.map((e) => {
 								let n = e.path ?? e.file.name, i = e.status === "queued" || e.status === "error";
 								return /* @__PURE__ */ x("li", {
@@ -2412,25 +2412,25 @@ function ro({ items: e, onRemove: t, onUpload: n, onRetry: r, onReset: i, headin
 											}),
 											/* @__PURE__ */ x("span", {
 												className: b(V.uploadSize, e.status === "error" && V.uploadFailed),
-												children: e.status === "error" ? h.failed : ga(e.file.size)
+												children: e.status === "error" ? g.failed : ga(e.file.size)
 											}),
 											/* @__PURE__ */ S("div", {
 												className: V.uploadRowActions,
 												children: [e.status === "error" && r && /* @__PURE__ */ x(be, {
 													variant: "ghost",
 													size: "sm",
-													"aria-label": h.retryName(n),
-													disabled: te || de,
+													"aria-label": g.retryName(n),
+													disabled: te || ue,
 													onClick: () => {
-														le((t) => new Set(t).add(e.id)), ue(1), r(e.id);
+														ce((t) => new Set(t).add(e.id)), le(1), r(e.id);
 													},
-													children: h.retry
+													children: g.retry
 												}), /* @__PURE__ */ x(xe, {
 													glyph: a,
-													label: h.remove(n),
+													label: g.remove(n),
 													size: "sm",
 													variant: "ghost",
-													disabled: te || de,
+													disabled: te || ue,
 													onClick: () => t(e.id)
 												})]
 											})
@@ -2440,11 +2440,11 @@ function ro({ items: e, onRemove: t, onUpload: n, onRetry: r, onReset: i, headin
 										value: e.status === "uploading" ? e.progress ?? null : 100,
 										size: "sm",
 										layout: "inline",
-										"aria-valuetext": to(e, h),
+										"aria-valuetext": to(e, g),
 										children: [
 											/* @__PURE__ */ x(Wi, { children: n }),
 											/* @__PURE__ */ x(Ki, { children: /* @__PURE__ */ x(qi, {}) }),
-											/* @__PURE__ */ x(Gi, { children: () => to(e, h) })
+											/* @__PURE__ */ x(Gi, { children: () => to(e, g) })
 										]
 									})
 								}, e.id);
@@ -2454,27 +2454,27 @@ function ro({ items: e, onRemove: t, onUpload: n, onRetry: r, onReset: i, headin
 				]
 			}) }),
 			/* @__PURE__ */ S(Pi, { children: [
-				fe && /* @__PURE__ */ x(ia, { children: ge }),
+				de && /* @__PURE__ */ x(ia, { children: he }),
 				/* @__PURE__ */ x("div", {
 					className: V.uploadAction,
-					children: fe ? i && /* @__PURE__ */ x(be, {
+					children: de ? i && /* @__PURE__ */ x(be, {
 						variant: "secondary",
 						onClick: () => {
-							ae(null), le(/* @__PURE__ */ new Set()), i();
+							ae(null), ce(/* @__PURE__ */ new Set()), i();
 						},
-						children: h.startOver
+						children: g.startOver
 					}) : /* @__PURE__ */ x(be, {
-						disabled: te || g.length === 0 || de,
+						disabled: te || _.length === 0 || ue,
 						onClick: () => {
-							le(new Set(g.map((e) => e.id))), ue(g.length), n();
+							ce(new Set(_.map((e) => e.id))), le(_.length), n();
 						},
-						children: de ? h.uploading : h.upload(g.length)
+						children: ue ? g.uploading : g.upload(_.length)
 					})
 				}),
 				/* @__PURE__ */ x("span", {
 					role: "status",
 					className: V.visuallyHidden,
-					children: de ? h.uploadingStatus(m) : fe ? ge : ""
+					children: ue ? g.uploadingStatus(h) : de ? he : ""
 				})
 			] })
 		]
@@ -2485,7 +2485,7 @@ ro.displayName = "FileDropZone.Upload";
 //#region src/components/file-drop-zone/file-drop-zone.meta.ts
 var io = {
 	name: "FileDropZone",
-	category: g.inputs,
+	category: _.inputs,
 	status: "experimental",
 	description: "Drop zone with picker buttons for files or whole folders, reporting accepted and rejected files. Also called a file upload area or dropzone. For a single native file control inside a form, use Input.",
 	origin: "native",
@@ -2499,7 +2499,7 @@ var io = {
 		"Stack",
 		"Typo"
 	]
-}, H = {
+}, ao = {
 	clearButton: "imf-ui-input-module-clearButton",
 	root: "imf-ui-input-module-root",
 	shortcut: "imf-ui-input-module-shortcut",
@@ -2512,62 +2512,62 @@ var io = {
 	variantGhost: "imf-ui-input-module-variantGhost",
 	variantOutline: "imf-ui-input-module-variantOutline",
 	wrapper: "imf-ui-input-module-wrapper"
-}, ao = {
-	sm: H.sizeSm,
-	md: H.sizeMd,
-	lg: H.sizeLg
-}, oo = y(H.root, { variants: {
+}, oo = {
+	sm: ao.sizeSm,
+	md: ao.sizeMd,
+	lg: ao.sizeLg
+}, so = y(ao.root, { variants: {
 	variant: {
-		outline: H.variantOutline,
-		filled: H.variantFilled,
-		ghost: H.variantGhost
+		outline: ao.variantOutline,
+		filled: ao.variantFilled,
+		ghost: ao.variantGhost
 	},
-	size: ao
-} }), so = y(H.shortcutTrack, { variants: { size: ao } });
-function co({ variant: e = "outline", size: t = "md", type: n, value: r, defaultValue: i, onValueChange: o, onClear: s, shortcut: c, disabled: l, className: ee, ...u }) {
-	let d = n === "search", [f, te] = w(i ?? ""), ne = r ?? f, re = ne != null && String(ne).length > 0, ie = d && re && !l && !u.readOnly, p = (e, t) => {
+	size: oo
+} }), co = y(ao.shortcutTrack, { variants: { size: oo } });
+function lo({ variant: e = "outline", size: t = "md", type: n, value: r, defaultValue: i, onValueChange: o, onClear: s, shortcut: c, disabled: l, className: ee, ...u }) {
+	let d = n === "search", [f, te] = w(i ?? ""), ne = r ?? f, re = ne != null && String(ne).length > 0, ie = c !== void 0, p = d && re && !l && !u.readOnly, ae = (e, t) => {
 		r === void 0 && te(e), o?.(e, t);
-	}, ae = /* @__PURE__ */ x(pt, {
-		"aria-keyshortcuts": c ? me(c) : void 0,
+	}, m = /* @__PURE__ */ x(pt, {
+		"aria-keyshortcuts": c ? pe(c) : void 0,
 		...u,
 		type: n,
 		value: d ? ne : r,
 		defaultValue: d ? void 0 : i,
 		disabled: l,
-		onValueChange: d || c ? p : o,
+		onValueChange: d || ie ? ae : o,
 		"data-imf-ui-component": "Input",
-		className: (n) => oo({
+		className: (n) => so({
 			variant: e,
 			size: t,
-			className: _(ee, n)
+			className: v(ee, n)
 		})
 	});
-	if (!d && !c) return ae;
-	let oe = typeof ee == "string" ? `${H.wrapper} ${ee}` : H.wrapper;
+	if (!d && !ie) return m;
+	let oe = typeof ee == "string" ? `${ao.wrapper} ${ee}` : ao.wrapper;
 	return /* @__PURE__ */ S("div", {
 		className: oe,
 		children: [
-			ae,
-			c && !ie && !l && /* @__PURE__ */ S("div", {
-				className: so({ size: t }),
+			m,
+			c && !p && !l && /* @__PURE__ */ S("div", {
+				className: co({ size: t }),
 				"aria-hidden": !0,
 				children: [/* @__PURE__ */ x("span", {
-					className: H.shortcutMirror,
+					className: ao.shortcutMirror,
 					children: re ? ne : u.placeholder
-				}), /* @__PURE__ */ x(de, {
+				}), /* @__PURE__ */ x(ue, {
 					variant: "flat",
-					className: H.shortcut,
+					className: ao.shortcut,
 					children: c
 				})]
 			}),
-			ie && /* @__PURE__ */ x("button", {
+			p && /* @__PURE__ */ x("button", {
 				type: "button",
-				className: H.clearButton,
+				className: ao.clearButton,
 				"aria-label": "Clear input",
 				onClick: () => {
 					r === void 0 && te(""), s?.();
 				},
-				children: /* @__PURE__ */ x(m, {
+				children: /* @__PURE__ */ x(h, {
 					glyph: a,
 					size: 16,
 					"aria-hidden": !0
@@ -2578,9 +2578,9 @@ function co({ variant: e = "outline", size: t = "md", type: n, value: r, default
 }
 //#endregion
 //#region src/components/input/input.meta.ts
-var lo = {
+var uo = {
 	name: "Input",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Single-line text input for form data entry. Also called a text field; it supports controlled values and Field validation state.",
 	origin: "adapted",
@@ -2590,7 +2590,7 @@ var lo = {
 		docLink: "https://base-ui.com/react/components/input",
 		llmDocLink: "https://base-ui.com/react/components/input.md"
 	}
-}, U = {
+}, H = {
 	decrement: "imf-ui-number-field-module-decrement",
 	group: "imf-ui-number-field-module-group",
 	increment: "imf-ui-number-field-module-increment",
@@ -2607,32 +2607,32 @@ var lo = {
 	variantPrimary: "imf-ui-number-field-module-variantPrimary",
 	widthAuto: "imf-ui-number-field-module-widthAuto",
 	widthFull: "imf-ui-number-field-module-widthFull"
-}, uo = /* @__PURE__ */ e({
-	Decrement: () => wo,
-	Group: () => xo,
-	Increment: () => Co,
-	Input: () => So,
-	Root: () => bo,
-	ScrubArea: () => To,
-	ScrubAreaCursor: () => Eo,
-	Stepper: () => Do
-}), fo = y(U.root, { variants: { width: {
-	auto: U.widthAuto,
-	full: U.widthFull
-} } }), po = y(U.group, { variants: {
+}, fo = /* @__PURE__ */ e({
+	Decrement: () => To,
+	Group: () => So,
+	Increment: () => wo,
+	Input: () => Co,
+	Root: () => xo,
+	ScrubArea: () => Eo,
+	ScrubAreaCursor: () => Do,
+	Stepper: () => Oo
+}), po = y(H.root, { variants: { width: {
+	auto: H.widthAuto,
+	full: H.widthFull
+} } }), mo = y(H.group, { variants: {
 	variant: {
-		outline: U.variantOutline,
-		primary: U.variantPrimary,
-		filled: U.variantFilled,
-		ghost: U.variantGhost
+		outline: H.variantOutline,
+		primary: H.variantPrimary,
+		filled: H.variantFilled,
+		ghost: H.variantGhost
 	},
 	size: {
-		sm: U.sizeSm,
-		md: U.sizeMd,
-		lg: U.sizeLg
+		sm: H.sizeSm,
+		md: H.sizeMd,
+		lg: H.sizeLg
 	}
-} }), mo = y(U.input), ho = y(U.increment), go = y(U.decrement), _o = y(U.scrubArea), vo = y(U.scrubAreaCursor);
-function yo(e, t) {
+} }), ho = y(H.input), go = y(H.increment), _o = y(H.decrement), vo = y(H.scrubArea), yo = y(H.scrubAreaCursor);
+function bo(e, t) {
 	if (typeof e != "number" || t?.minimumFractionDigits !== void 0) return t;
 	let n = (String(e).split(".")[1] ?? "").length;
 	return n === 0 ? t : {
@@ -2640,102 +2640,102 @@ function yo(e, t) {
 		minimumFractionDigits: n
 	};
 }
-function bo({ width: e = "auto", step: t, format: n, ...r }) {
+function xo({ width: e = "auto", step: t, format: n, ...r }) {
 	return /* @__PURE__ */ x(mt.Root, {
 		...r,
 		step: t,
-		format: yo(t, n),
+		format: bo(t, n),
 		"data-imf-ui-component": "NumberField.Root",
-		className: (t) => fo({
+		className: (t) => po({
 			width: e,
-			className: _(r.className, t)
+			className: v(r.className, t)
 		})
 	});
 }
-bo.displayName = "NumberField.Root";
-function xo({ variant: e = "outline", size: t = "md", ...n }) {
+xo.displayName = "NumberField.Root";
+function So({ variant: e = "outline", size: t = "md", ...n }) {
 	return /* @__PURE__ */ x(mt.Group, {
 		...n,
 		"data-imf-ui-component": "NumberField.Group",
-		className: (r) => po({
+		className: (r) => mo({
 			variant: e,
 			size: t,
-			className: _(n.className, r)
+			className: v(n.className, r)
 		})
 	});
 }
-xo.displayName = "NumberField.Group";
-function So(e) {
+So.displayName = "NumberField.Group";
+function Co(e) {
 	return /* @__PURE__ */ x(mt.Input, {
 		...e,
 		"data-imf-ui-component": "NumberField.Input",
-		className: (t) => mo({ className: _(e.className, t) })
+		className: (t) => ho({ className: v(e.className, t) })
 	});
 }
-So.displayName = "NumberField.Input";
-function Co(e) {
+Co.displayName = "NumberField.Input";
+function wo(e) {
 	return /* @__PURE__ */ x(mt.Increment, {
 		...e,
 		"data-imf-ui-component": "NumberField.Increment",
-		className: (t) => ho({ className: _(e.className, t) }),
+		className: (t) => go({ className: v(e.className, t) }),
 		children: "+"
 	});
 }
-Co.displayName = "NumberField.Increment";
-function wo(e) {
+wo.displayName = "NumberField.Increment";
+function To(e) {
 	return /* @__PURE__ */ x(mt.Decrement, {
 		...e,
 		"data-imf-ui-component": "NumberField.Decrement",
-		className: (t) => go({ className: _(e.className, t) }),
+		className: (t) => _o({ className: v(e.className, t) }),
 		children: "-"
 	});
 }
-wo.displayName = "NumberField.Decrement";
-function To(e) {
+To.displayName = "NumberField.Decrement";
+function Eo(e) {
 	return /* @__PURE__ */ x(mt.ScrubArea, {
 		...e,
 		"data-imf-ui-component": "NumberField.ScrubArea",
-		className: (t) => _o({ className: _(e.className, t) })
+		className: (t) => vo({ className: v(e.className, t) })
 	});
 }
-To.displayName = "NumberField.ScrubArea";
-function Eo(e) {
+Eo.displayName = "NumberField.ScrubArea";
+function Do(e) {
 	return /* @__PURE__ */ x(mt.ScrubAreaCursor, {
 		...e,
 		"data-imf-ui-component": "NumberField.ScrubAreaCursor",
-		className: (t) => vo({ className: _(e.className, t) })
+		className: (t) => yo({ className: v(e.className, t) })
 	});
 }
-Eo.displayName = "NumberField.ScrubAreaCursor";
-function Do({ layout: e = "trailing", variant: t = "outline", size: n = "md", width: r = "auto", scrub: i, ...a }) {
-	return /* @__PURE__ */ S(bo, {
+Do.displayName = "NumberField.ScrubAreaCursor";
+function Oo({ layout: e = "trailing", variant: t = "outline", size: n = "md", width: r = "auto", scrub: i, ...a }) {
+	return /* @__PURE__ */ S(xo, {
 		...a,
 		width: r,
-		children: [i != null && /* @__PURE__ */ S(To, { children: [i, /* @__PURE__ */ x(Eo, { children: /* @__PURE__ */ x(m, {
+		children: [i != null && /* @__PURE__ */ S(Eo, { children: [i, /* @__PURE__ */ x(Do, { children: /* @__PURE__ */ x(h, {
 			glyph: d,
 			size: 20,
 			"aria-hidden": !0
-		}) })] }), /* @__PURE__ */ x(xo, {
+		}) })] }), /* @__PURE__ */ x(So, {
 			variant: t,
 			size: n,
 			children: e === "flanking" ? /* @__PURE__ */ S(Ye, { children: [
-				/* @__PURE__ */ x(wo, {}),
-				/* @__PURE__ */ x(So, {}),
-				/* @__PURE__ */ x(Co, {})
+				/* @__PURE__ */ x(To, {}),
+				/* @__PURE__ */ x(Co, {}),
+				/* @__PURE__ */ x(wo, {})
 			] }) : /* @__PURE__ */ S(Ye, { children: [
-				/* @__PURE__ */ x(So, {}),
-				/* @__PURE__ */ x(wo, {}),
-				/* @__PURE__ */ x(Co, {})
+				/* @__PURE__ */ x(Co, {}),
+				/* @__PURE__ */ x(To, {}),
+				/* @__PURE__ */ x(wo, {})
 			] })
 		})]
 	});
 }
-Do.displayName = "NumberField.Stepper";
+Oo.displayName = "NumberField.Stepper";
 //#endregion
 //#region src/components/number-field/number-field.meta.ts
-var Oo = {
+var ko = {
 	name: "NumberField",
-	category: g.inputs,
+	category: _.inputs,
 	status: "experimental",
 	description: "Numeric entry with increment and decrement controls. Also called a number field, spinner, or stepper; use it instead of Input with type=\"number\" whenever a value is numeric. NumberField.Stepper composes the whole control in one element and takes a scrub prop that turns its label into a drag handle.",
 	origin: "adapted",
@@ -2745,35 +2745,35 @@ var Oo = {
 		docLink: "https://base-ui.com/react/components/number-field",
 		llmDocLink: "https://base-ui.com/react/components/number-field.md"
 	}
-}, ko = /* @__PURE__ */ e({
-	Arrow: () => Qo,
-	Backdrop: () => Yo,
-	Group: () => is,
-	GroupLabel: () => as,
-	Icon: () => qo,
-	Item: () => es,
-	ItemDescription: () => rs,
-	ItemIndicator: () => ts,
-	ItemText: () => ns,
-	Label: () => Wo,
-	List: () => $o,
-	Popup: () => Zo,
-	Portal: () => Jo,
-	Positioner: () => Xo,
-	Root: () => Uo,
-	ScrollDownArrow: () => cs,
-	ScrollUpArrow: () => ss,
-	Separator: () => os,
-	Trigger: () => Go,
-	Value: () => Ko
-}), Ao = y(F.root, { variants: { width: {
+}, Ao = /* @__PURE__ */ e({
+	Arrow: () => $o,
+	Backdrop: () => Xo,
+	Group: () => as,
+	GroupLabel: () => os,
+	Icon: () => Jo,
+	Item: () => ts,
+	ItemDescription: () => is,
+	ItemIndicator: () => ns,
+	ItemText: () => rs,
+	Label: () => Go,
+	List: () => es,
+	Popup: () => Qo,
+	Portal: () => Yo,
+	Positioner: () => Zo,
+	Root: () => Wo,
+	ScrollDownArrow: () => ls,
+	ScrollUpArrow: () => cs,
+	Separator: () => ss,
+	Trigger: () => Ko,
+	Value: () => qo
+}), jo = y(F.root, { variants: { width: {
 	auto: F.widthAuto,
 	wide: F.widthWide,
 	full: F.widthFull
-} } }), jo = y(F.label), Mo = y(F.trigger), No = y(F.value), Po = y(F.icon), Fo = y(F.backdrop), Io = y(F.positioner), Lo = y(F.arrow), Ro = y(F.group), zo = y(F.groupLabel), Bo = y(F.separator), Vo = y(F.scrollUpArrow), Ho = y(F.scrollDownArrow);
-function Uo({ width: e = "auto", className: t, style: n, ...r }) {
+} } }), Mo = y(F.label), No = y(F.trigger), Po = y(F.value), Fo = y(F.icon), Io = y(F.backdrop), Lo = y(F.positioner), Ro = y(F.arrow), zo = y(F.group), Bo = y(F.groupLabel), Vo = y(F.separator), Ho = y(F.scrollUpArrow), Uo = y(F.scrollDownArrow);
+function Wo({ width: e = "auto", className: t, style: n, ...r }) {
 	return /* @__PURE__ */ x("div", {
-		className: Ao({
+		className: jo({
 			width: e,
 			className: t
 		}),
@@ -2781,124 +2781,124 @@ function Uo({ width: e = "auto", className: t, style: n, ...r }) {
 		children: /* @__PURE__ */ x(k.Root, { ...r })
 	});
 }
-Uo.displayName = "Select.Root";
-function Wo(e) {
+Wo.displayName = "Select.Root";
+function Go(e) {
 	return /* @__PURE__ */ x(k.Label, {
 		...e,
 		"data-imf-ui-component": "Select.Label",
-		className: (t) => jo({ className: _(e.className, t) })
+		className: (t) => Mo({ className: v(e.className, t) })
 	});
 }
-Wo.displayName = "Select.Label";
-function Go(e) {
+Go.displayName = "Select.Label";
+function Ko(e) {
 	return /* @__PURE__ */ x(k.Trigger, {
 		...e,
 		"data-imf-ui-component": "Select.Trigger",
-		className: (t) => Mo({ className: _(e.className, t) })
+		className: (t) => No({ className: v(e.className, t) })
 	});
 }
-Go.displayName = "Select.Trigger";
-function Ko({ children: e, ...t }) {
+Ko.displayName = "Select.Trigger";
+function qo({ children: e, ...t }) {
 	return /* @__PURE__ */ x(k.Value, {
 		...t,
 		"data-imf-ui-component": "Select.Value",
-		className: (e) => No({ className: _(t.className, e) }),
+		className: (e) => Po({ className: v(t.className, e) }),
 		children: e
 	});
 }
-Ko.displayName = "Select.Value";
-function qo(e) {
+qo.displayName = "Select.Value";
+function Jo(e) {
 	return /* @__PURE__ */ x(k.Icon, {
 		...e,
 		"data-imf-ui-component": "Select.Icon",
-		className: (t) => Po({ className: _(e.className, t) })
+		className: (t) => Fo({ className: v(e.className, t) })
 	});
 }
-qo.displayName = "Select.Icon";
-function Jo(e) {
+Jo.displayName = "Select.Icon";
+function Yo(e) {
 	return /* @__PURE__ */ x(k.Portal, { ...e });
 }
-Jo.displayName = "Select.Portal";
-function Yo(e) {
+Yo.displayName = "Select.Portal";
+function Xo(e) {
 	return /* @__PURE__ */ x(k.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Select.Backdrop",
-		className: (t) => Fo({ className: _(e.className, t) })
+		className: (t) => Io({ className: v(e.className, t) })
 	});
 }
-Yo.displayName = "Select.Backdrop";
-function Xo({ align: e = "start", alignItemWithTrigger: t = !1, sideOffset: n = 4, ...r }) {
+Xo.displayName = "Select.Backdrop";
+function Zo({ align: e = "start", alignItemWithTrigger: t = !1, sideOffset: n = 4, ...r }) {
 	return /* @__PURE__ */ x(k.Positioner, {
 		...r,
 		align: e,
 		alignItemWithTrigger: t,
 		sideOffset: n,
 		"data-imf-ui-component": "Select.Positioner",
-		className: (e) => Io({ className: _(r.className, e) })
+		className: (e) => Lo({ className: v(r.className, e) })
 	});
 }
-Xo.displayName = "Select.Positioner";
-function Zo(e) {
+Zo.displayName = "Select.Positioner";
+function Qo(e) {
 	return /* @__PURE__ */ x(k.Popup, {
 		...e,
 		"data-imf-ui-component": "Select.Popup",
-		className: (t) => Lt({ className: _(e.className, t) })
+		className: (t) => Lt({ className: v(e.className, t) })
 	});
 }
-Zo.displayName = "Select.Popup";
-function Qo(e) {
+Qo.displayName = "Select.Popup";
+function $o(e) {
 	return /* @__PURE__ */ x(k.Arrow, {
 		...e,
 		"data-imf-ui-component": "Select.Arrow",
-		className: (t) => Lo({ className: _(e.className, t) })
+		className: (t) => Ro({ className: v(e.className, t) })
 	});
 }
-Qo.displayName = "Select.Arrow";
-function $o(e) {
+$o.displayName = "Select.Arrow";
+function es(e) {
 	return /* @__PURE__ */ x(k.List, {
 		...e,
 		"data-imf-ui-component": "Select.List",
-		className: (t) => Rt({ className: _(e.className, t) })
+		className: (t) => Rt({ className: v(e.className, t) })
 	});
 }
-$o.displayName = "Select.List";
-function es(e) {
-	let { context: t, ariaProps: n } = ge();
-	return /* @__PURE__ */ x(_e, {
+es.displayName = "Select.List";
+function ts(e) {
+	let { context: t, ariaProps: n } = he();
+	return /* @__PURE__ */ x(ge, {
 		value: t,
 		children: /* @__PURE__ */ x(k.Item, {
 			...n,
 			...e,
 			"data-imf-ui-component": "Select.Item",
-			className: (t) => zt({ className: _(e.className, t) })
+			className: (t) => zt({ className: v(e.className, t) })
 		})
 	});
 }
-es.displayName = "Select.Item";
-function ts({ children: e, ...t }) {
+ts.displayName = "Select.Item";
+function ns({ children: e, ...t }) {
 	return /* @__PURE__ */ x(k.ItemIndicator, {
 		...t,
 		"data-imf-ui-component": "Select.ItemIndicator",
-		className: (e) => Bt({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		className: (e) => Bt({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: p,
 			size: 16,
 			"aria-hidden": !0
 		})
 	});
 }
-ts.displayName = "Select.ItemIndicator";
-function ns(e) {
+ns.displayName = "Select.ItemIndicator";
+function rs(e) {
 	let t = ve("label");
 	return /* @__PURE__ */ x(k.ItemText, {
 		id: t,
 		...e,
 		"data-imf-ui-component": "Select.ItemText",
-		className: (t) => Vt({ className: _(e.className, t) })
+		className: (t) => Vt({ className: v(e.className, t) })
 	});
 }
-ns.displayName = "Select.ItemText";
-function rs(e) {
+rs.displayName = "Select.ItemText";
+function is(e) {
 	let t = ve("description");
 	return /* @__PURE__ */ x("div", {
 		id: t,
@@ -2907,52 +2907,52 @@ function rs(e) {
 		className: Ht({ className: e.className })
 	});
 }
-rs.displayName = "Select.ItemDescription";
-function is(e) {
+is.displayName = "Select.ItemDescription";
+function as(e) {
 	return /* @__PURE__ */ x(k.Group, {
 		...e,
 		"data-imf-ui-component": "Select.Group",
-		className: (t) => Ro({ className: _(e.className, t) })
+		className: (t) => zo({ className: v(e.className, t) })
 	});
 }
-is.displayName = "Select.Group";
-function as(e) {
+as.displayName = "Select.Group";
+function os(e) {
 	return /* @__PURE__ */ x(k.GroupLabel, {
 		...e,
 		"data-imf-ui-component": "Select.GroupLabel",
-		className: (t) => zo({ className: _(e.className, t) })
+		className: (t) => Bo({ className: v(e.className, t) })
 	});
 }
-as.displayName = "Select.GroupLabel";
-function os(e) {
+os.displayName = "Select.GroupLabel";
+function ss(e) {
 	return /* @__PURE__ */ x(k.Separator, {
 		...e,
 		"data-imf-ui-component": "Select.Separator",
-		className: (t) => Bo({ className: _(e.className, t) })
+		className: (t) => Vo({ className: v(e.className, t) })
 	});
 }
-os.displayName = "Select.Separator";
-function ss(e) {
+ss.displayName = "Select.Separator";
+function cs(e) {
 	return /* @__PURE__ */ x(k.ScrollUpArrow, {
 		...e,
 		"data-imf-ui-component": "Select.ScrollUpArrow",
-		className: (t) => Vo({ className: _(e.className, t) })
+		className: (t) => Ho({ className: v(e.className, t) })
 	});
 }
-ss.displayName = "Select.ScrollUpArrow";
-function cs(e) {
+cs.displayName = "Select.ScrollUpArrow";
+function ls(e) {
 	return /* @__PURE__ */ x(k.ScrollDownArrow, {
 		...e,
 		"data-imf-ui-component": "Select.ScrollDownArrow",
-		className: (t) => Ho({ className: _(e.className, t) })
+		className: (t) => Uo({ className: v(e.className, t) })
 	});
 }
-cs.displayName = "Select.ScrollDownArrow";
+ls.displayName = "Select.ScrollDownArrow";
 //#endregion
 //#region src/components/select/select.meta.ts
-var ls = {
+var us = {
 	name: "Select",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Dropdown for choosing a value from a known list. Also called a picker; use it for a labeled, keyboard-accessible option list.",
 	origin: "adapted",
@@ -2962,9 +2962,9 @@ var ls = {
 		docLink: "https://base-ui.com/react/components/select",
 		llmDocLink: "https://base-ui.com/react/components/select.md"
 	}
-}, us = {
+}, ds = {
 	name: "Slider",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Numeric input for choosing one value or a range by dragging a thumb. Also called a range input; use it when relative magnitude matters. The position variant is a scrubber for picking one slice or frame.",
 	origin: "adapted",
@@ -2974,9 +2974,9 @@ var ls = {
 		docLink: "https://base-ui.com/react/components/slider",
 		llmDocLink: "https://base-ui.com/react/components/slider.md"
 	}
-}, ds = {
+}, fs = {
 	name: "Switch",
-	category: g.inputs,
+	category: _.inputs,
 	status: "stable",
 	description: "Two-state control for an on/off setting that takes effect immediately. Also called a toggle; use Checkbox for a submitted choice.",
 	origin: "adapted",
@@ -2986,7 +2986,7 @@ var ls = {
 		docLink: "https://base-ui.com/react/components/switch",
 		llmDocLink: "https://base-ui.com/react/components/switch.md"
 	}
-}, W = {
+}, U = {
 	control: "imf-ui-textarea-module-control",
 	corner: "imf-ui-textarea-module-corner",
 	resizeBoth: "imf-ui-textarea-module-resizeBoth",
@@ -3001,25 +3001,25 @@ var ls = {
 	variantFilled: "imf-ui-textarea-module-variantFilled",
 	variantGhost: "imf-ui-textarea-module-variantGhost",
 	variantOutline: "imf-ui-textarea-module-variantOutline"
-}, fs = y(W.control, { variants: {
+}, ps = y(U.control, { variants: {
 	variant: {
-		outline: W.variantOutline,
-		filled: W.variantFilled,
-		ghost: W.variantGhost
+		outline: U.variantOutline,
+		filled: U.variantFilled,
+		ghost: U.variantGhost
 	},
 	size: {
-		sm: W.sizeSm,
-		md: W.sizeMd,
-		lg: W.sizeLg
+		sm: U.sizeSm,
+		md: U.sizeMd,
+		lg: U.sizeLg
 	},
 	resize: {
-		vertical: W.resizeVertical,
-		horizontal: W.resizeHorizontal,
-		both: W.resizeBoth,
-		none: W.resizeNone
+		vertical: U.resizeVertical,
+		horizontal: U.resizeHorizontal,
+		both: U.resizeBoth,
+		none: U.resizeNone
 	}
 } });
-function ps({ variant: e = "outline", size: t = "md", rows: n = 3, resize: r = "vertical", render: i = /* @__PURE__ */ x("textarea", {}), className: a, style: o, ...s }) {
+function ms({ variant: e = "outline", size: t = "md", rows: n = 3, resize: r = "vertical", render: i = /* @__PURE__ */ x("textarea", {}), className: a, style: o, ...s }) {
 	let c = {
 		...s,
 		rows: n
@@ -3027,30 +3027,30 @@ function ps({ variant: e = "outline", size: t = "md", rows: n = 3, resize: r = "
 	return /* @__PURE__ */ S("span", {
 		"data-imf-ui-component": "Textarea",
 		className: [
-			W.root,
-			r === "horizontal" || r === "both" ? W.rootInline : "",
+			U.root,
+			r === "horizontal" || r === "both" ? U.rootInline : "",
 			a
 		].filter(Boolean).join(" "),
 		style: o,
 		children: [/* @__PURE__ */ x(pt, {
 			...c,
 			render: i,
-			className: fs({
+			className: ps({
 				variant: e,
 				size: t,
 				resize: r
 			})
 		}), /* @__PURE__ */ x("span", {
-			className: W.corner,
+			className: U.corner,
 			"aria-hidden": "true"
 		})]
 	});
 }
 //#endregion
 //#region src/components/textarea/textarea.meta.ts
-var ms = {
+var hs = {
 	name: "Textarea",
-	category: g.inputs,
+	category: _.inputs,
 	status: "experimental",
 	description: "Multi-line text input for longer free text, such as a description or note. Also called a text area; use Input for a single line. It reads validation state from Field.",
 	origin: "adapted",
@@ -3060,7 +3060,7 @@ var ms = {
 		docLink: "https://base-ui.com/react/components/input",
 		llmDocLink: "https://base-ui.com/react/components/input.md"
 	}
-}, hs = {
+}, gs = {
 	mobile: 375,
 	sm: 640,
 	md: 768,
@@ -3069,10 +3069,10 @@ var ms = {
 };
 //#endregion
 //#region src/breakpoints/min-width.ts
-function gs(e) {
-	return `(min-width: ${String(hs[e])}px)`;
+function _s(e) {
+	return `(min-width: ${String(gs[e])}px)`;
 }
-var G = {
+var W = {
 	backdrop: "imf-ui-drawer-module-backdrop",
 	borderColorFgMinor: "imf-ui-drawer-module-borderColorFgMinor",
 	borderColorFgSupport: "imf-ui-drawer-module-borderColorFgSupport",
@@ -3097,45 +3097,45 @@ var G = {
 	title: "imf-ui-drawer-module-title",
 	trigger: "imf-ui-drawer-module-trigger",
 	viewport: "imf-ui-drawer-module-viewport"
-}, _s = /* @__PURE__ */ e({
-	Backdrop: () => Ns,
-	Close: () => zs,
-	Content: () => Ls,
-	Description: () => Bs,
-	Indent: () => Hs,
-	IndentBackground: () => Us,
-	Popup: () => Is,
-	Portal: () => Ms,
-	Provider: () => Vs,
-	Root: () => As,
-	SwipeArea: () => Ws,
-	Title: () => Rs,
-	Trigger: () => js,
-	Viewport: () => Ps
-}), vs = $e({
+}, vs = /* @__PURE__ */ e({
+	Backdrop: () => Ps,
+	Close: () => Bs,
+	Content: () => Rs,
+	Description: () => Vs,
+	Indent: () => Us,
+	IndentBackground: () => Ws,
+	Popup: () => Ls,
+	Portal: () => Ns,
+	Provider: () => Hs,
+	Root: () => js,
+	SwipeArea: () => Gs,
+	Title: () => zs,
+	Trigger: () => Ms,
+	Viewport: () => Fs
+}), ys = $e({
 	borderColor: "none",
 	borderStyle: "solid"
-}), ys = y(G.trigger), bs = y(G.backdrop), xs = y(G.viewport), Ss = y(G.popup, {
+}), bs = y(W.trigger), xs = y(W.backdrop), Ss = y(W.viewport), Cs = y(W.popup, {
 	variants: {
 		borderColor: {
-			primary: G.borderColorPrimary,
-			"fg-minor": G.borderColorFgMinor,
-			"fg-support": G.borderColorFgSupport,
-			none: G.borderColorNone
+			primary: W.borderColorPrimary,
+			"fg-minor": W.borderColorFgMinor,
+			"fg-support": W.borderColorFgSupport,
+			none: W.borderColorNone
 		},
 		borderStyle: {
-			solid: G.borderStyleSolid,
-			dashed: G.borderStyleDashed,
-			none: G.borderStyleNone
+			solid: W.borderStyleSolid,
+			dashed: W.borderStyleDashed,
+			none: W.borderStyleNone
 		}
 	},
 	defaultVariants: {
 		borderColor: "none",
 		borderStyle: "solid"
 	}
-}), Cs = y(G.content), ws = y(G.title), Ts = y(G.close), Es = y(G.description), Ds = y(G.indent), Os = y(G.indentBackground), ks = y(G.swipeArea);
-function As({ borderColor: e = "none", borderStyle: t = "solid", ...n }) {
-	return /* @__PURE__ */ x(vs.Provider, {
+}), ws = y(W.content), Ts = y(W.title), Es = y(W.close), Ds = y(W.description), Os = y(W.indent), ks = y(W.indentBackground), As = y(W.swipeArea);
+function js({ borderColor: e = "none", borderStyle: t = "solid", ...n }) {
+	return /* @__PURE__ */ x(ys.Provider, {
 		value: {
 			borderColor: e,
 			borderStyle: t
@@ -3143,126 +3143,126 @@ function As({ borderColor: e = "none", borderStyle: t = "solid", ...n }) {
 		children: /* @__PURE__ */ x(A.Root, { ...n })
 	});
 }
-As.displayName = "Drawer.Root";
-function js(e) {
+js.displayName = "Drawer.Root";
+function Ms(e) {
 	return /* @__PURE__ */ x(A.Trigger, {
 		...e,
 		"data-imf-ui-component": "Drawer.Trigger",
-		className: (t) => ys({ className: _(e.className, t) })
+		className: (t) => bs({ className: v(e.className, t) })
 	});
 }
-js.displayName = "Drawer.Trigger";
-function Ms(e) {
+Ms.displayName = "Drawer.Trigger";
+function Ns(e) {
 	return /* @__PURE__ */ x(A.Portal, { ...e });
 }
-Ms.displayName = "Drawer.Portal";
-function Ns(e) {
+Ns.displayName = "Drawer.Portal";
+function Ps(e) {
 	return /* @__PURE__ */ x(A.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Drawer.Backdrop",
-		className: (t) => bs({ className: _(e.className, t) })
+		className: (t) => xs({ className: v(e.className, t) })
 	});
 }
-Ns.displayName = "Drawer.Backdrop";
-function Ps(e) {
+Ps.displayName = "Drawer.Backdrop";
+function Fs(e) {
 	return /* @__PURE__ */ x(A.Viewport, {
 		...e,
 		"data-imf-ui-component": "Drawer.Viewport",
-		className: (t) => xs({ className: _(e.className, t) })
+		className: (t) => Ss({ className: v(e.className, t) })
 	});
 }
-Ps.displayName = "Drawer.Viewport";
-var Fs = {
-	left: G.popupLeft,
-	right: G.popupRight,
-	down: G.popupBottom,
-	up: G.popupTop
+Fs.displayName = "Drawer.Viewport";
+var Is = {
+	left: W.popupLeft,
+	right: W.popupRight,
+	down: W.popupBottom,
+	up: W.popupTop
 };
-function Is({ borderColor: e, borderStyle: t, ...n }) {
-	let r = C(vs), i = e ?? r.borderColor, a = t ?? r.borderStyle;
+function Ls({ borderColor: e, borderStyle: t, ...n }) {
+	let r = C(ys), i = e ?? r.borderColor, a = t ?? r.borderStyle;
 	return /* @__PURE__ */ x(A.Popup, {
 		...n,
 		"data-imf-ui-component": "Drawer.Popup",
-		className: (e) => Ss({
+		className: (e) => Cs({
 			borderColor: i,
 			borderStyle: a,
-			className: b(Fs[e.swipeDirection], _(n.className, e))
+			className: b(Is[e.swipeDirection], v(n.className, e))
 		})
 	});
 }
-Is.displayName = "Drawer.Popup";
-function Ls({ children: e, ...t }) {
+Ls.displayName = "Drawer.Popup";
+function Rs({ children: e, ...t }) {
 	return /* @__PURE__ */ x(A.Content, {
 		...t,
 		"data-imf-ui-component": "Drawer.Content",
-		className: (e) => Cs({ className: _(t.className, e) }),
+		className: (e) => ws({ className: v(t.className, e) }),
 		children: /* @__PURE__ */ x(ze, {
-			className: G.contentScroll,
+			className: W.contentScroll,
 			children: /* @__PURE__ */ x("div", {
-				className: G.contentBody,
+				className: W.contentBody,
 				children: e
 			})
 		})
 	});
 }
-Ls.displayName = "Drawer.Content";
-function Rs(e) {
+Rs.displayName = "Drawer.Content";
+function zs(e) {
 	return /* @__PURE__ */ x(A.Title, {
 		...e,
 		"data-imf-ui-component": "Drawer.Title",
-		className: ws({ className: e.className })
+		className: Ts({ className: e.className })
 	});
 }
-Rs.displayName = "Drawer.Title";
-function zs(e) {
+zs.displayName = "Drawer.Title";
+function Bs(e) {
 	return /* @__PURE__ */ x(A.Close, {
 		...e,
 		"data-imf-ui-component": "Drawer.Close",
-		className: (t) => Ts({ className: _(e.className, t) })
+		className: (t) => Es({ className: v(e.className, t) })
 	});
 }
-zs.displayName = "Drawer.Close";
-function Bs(e) {
+Bs.displayName = "Drawer.Close";
+function Vs(e) {
 	return /* @__PURE__ */ x(A.Description, {
 		...e,
 		"data-imf-ui-component": "Drawer.Description",
-		className: Es({ className: e.className })
+		className: Ds({ className: e.className })
 	});
 }
-Bs.displayName = "Drawer.Description";
-function Vs(e) {
+Vs.displayName = "Drawer.Description";
+function Hs(e) {
 	return /* @__PURE__ */ x(A.Provider, { ...e });
 }
-Vs.displayName = "Drawer.Provider";
-function Hs(e) {
+Hs.displayName = "Drawer.Provider";
+function Us(e) {
 	return /* @__PURE__ */ x(A.Indent, {
 		...e,
 		"data-imf-ui-component": "Drawer.Indent",
-		className: (t) => Ds({ className: _(e.className, t) })
+		className: (t) => Os({ className: v(e.className, t) })
 	});
 }
-Hs.displayName = "Drawer.Indent";
-function Us(e) {
+Us.displayName = "Drawer.Indent";
+function Ws(e) {
 	return /* @__PURE__ */ x(A.IndentBackground, {
 		...e,
 		"data-imf-ui-component": "Drawer.IndentBackground",
-		className: (t) => Os({ className: _(e.className, t) })
+		className: (t) => ks({ className: v(e.className, t) })
 	});
 }
-Us.displayName = "Drawer.IndentBackground";
-function Ws(e) {
+Ws.displayName = "Drawer.IndentBackground";
+function Gs(e) {
 	return /* @__PURE__ */ x(A.SwipeArea, {
 		...e,
 		"data-imf-ui-component": "Drawer.SwipeArea",
-		className: (t) => ks({ className: _(e.className, t) })
+		className: (t) => As({ className: v(e.className, t) })
 	});
 }
-Ws.displayName = "Drawer.SwipeArea";
+Gs.displayName = "Drawer.SwipeArea";
 //#endregion
 //#region src/components/drawer/drawer.meta.ts
-var Gs = {
+var Ks = {
 	name: "Drawer",
-	category: g.layout,
+	category: _.layout,
 	status: "stable",
 	description: "Off-canvas panel that slides in from a screen edge for navigation, settings, filters, or focused tasks. Also called a sidebar, side panel, or sheet.",
 	origin: "adapted",
@@ -3273,7 +3273,7 @@ var Gs = {
 		docLink: "https://base-ui.com/react/components/drawer",
 		llmDocLink: "https://base-ui.com/react/components/drawer.md"
 	}
-}, K = {
+}, G = {
 	root: "imf-ui-logo-module-root",
 	sizeFit: "imf-ui-logo-module-sizeFit",
 	sizeHero: "imf-ui-logo-module-sizeHero",
@@ -3288,30 +3288,30 @@ var Gs = {
 	variantMinor: "imf-ui-logo-module-variantMinor",
 	variantOncolor: "imf-ui-logo-module-variantOncolor",
 	variantSupport: "imf-ui-logo-module-variantSupport"
-}, Ks = y(K.root, { variants: {
+}, qs = y(G.root, { variants: {
 	size: {
-		xs: K.sizeXs,
-		sm: K.sizeSm,
-		md: K.sizeMd,
-		lg: K.sizeLg,
-		xl: K.sizeXl,
-		hero: K.sizeHero,
-		fit: K.sizeFit
+		xs: G.sizeXs,
+		sm: G.sizeSm,
+		md: G.sizeMd,
+		lg: G.sizeLg,
+		xl: G.sizeXl,
+		hero: G.sizeHero,
+		fit: G.sizeFit
 	},
 	variant: {
-		inherit: K.variantInherit,
-		main: K.variantMain,
-		support: K.variantSupport,
-		minor: K.variantMinor,
-		brand: K.variantBrand,
-		oncolor: K.variantOncolor
+		inherit: G.variantInherit,
+		main: G.variantMain,
+		support: G.variantSupport,
+		minor: G.variantMinor,
+		brand: G.variantBrand,
+		oncolor: G.variantOncolor
 	}
 } });
-function qs({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, style: a, ...o }) {
+function Js({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, style: a, ...o }) {
 	return /* @__PURE__ */ x("span", {
 		...o,
 		"data-imf-ui-component": "Logo",
-		className: Ks({
+		className: qs({
 			size: n,
 			variant: r,
 			className: o.className
@@ -3331,13 +3331,13 @@ function qs({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, s
 }
 //#endregion
 //#region src/components/logo/logo.meta.ts
-var Js = {
+var Ys = {
 	name: "Logo",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Renders a logo from a URL or inline React element with consistent sizing. Also called a wordmark or brand mark.",
 	origin: "native"
-}, Ys = {
+}, Xs = {
 	viewBox: "50 50 652.51 90",
 	shapes: [
 		["path", { d: "M642.11,74.66h15.13v9.25h1.22c3.42-6.78,9.64-10.48,20.5-10.48,10.13,0,23.55,5.55,23.55,22.81v42.53h-15.86v-41.3c0-8.75-5.25-11.96-12.2-11.96-10,0-16.47,6.41-16.47,19.11v34.15h-15.86v-64.11Z" }],
@@ -3356,13 +3356,13 @@ var Js = {
 		["polygon", { points: "208 139 50 139 50 128.93 167.06 113.32 208 82.6 208 139" }],
 		["polygon", { points: "208 60.06 90.94 75.68 50 106.4 50 50 208 50 208 60.06" }]
 	]
-}, Xs = {
+}, Zs = {
 	viewBox: "0 0 384 216",
 	shapes: [["path", { d: "M384 216H0V191.572L284.499 153.679L384 79.1303V216Z" }], ["path", { d: "M384 24.4271L99.501 62.3215L0 136.869V0H384V24.4271Z" }]]
 };
 //#endregion
 //#region src/components/logo/imfusion/imfusion.tsx
-function Zs({ mark: e, ...t }) {
+function Qs({ mark: e, ...t }) {
 	return /* @__PURE__ */ x("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: e.viewBox,
@@ -3374,53 +3374,53 @@ function Zs({ mark: e, ...t }) {
 		}))
 	});
 }
-function Qs({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
-	return /* @__PURE__ */ x(qs, {
+function $s({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
+	return /* @__PURE__ */ x(Js, {
 		...r,
-		src: /* @__PURE__ */ x(Zs, { mark: e ? Xs : Ys }),
+		src: /* @__PURE__ */ x(Qs, { mark: e ? Zs : Xs }),
 		alt: t,
 		variant: n
 	});
 }
 //#endregion
 //#region src/components/logo/product/marks.ts
-var $s = "0 0 842.21 335.39", ec = "M842.21,99.26L742.95,0L0,0L0,236.13L99.26,335.39L842.21,335.39Z", tc = {
+var ec = "0 0 842.21 335.39", tc = "M842.21,99.26L742.95,0L0,0L0,236.13L99.26,335.39L842.21,335.39Z", nc = {
 	labels: "M49.53,50.68v136.01h94.36v-21.53h-65.27V50.68h-29.09ZM153.84,117.55h25.12c.38-8.5,7.84-12.94,18.61-12.94s17.28,4.53,17.28,12.85c0,5.57-3.31,7.65-9.92,8.31l-22.48,2.17c-19.08,1.98-34.29,10.39-34.29,30.13s15.77,30.32,36.84,30.32c16.72,0,24.46-6.05,29.28-12.47h1.89c0,4.44.47,7.75,1.42,10.77h26.16v-2.83c-2.27-5.29-2.83-11.9-2.83-21.54v-39.1c0-26.35-17.19-37.69-42.79-37.69s-42.12,11.34-44.3,29.19v2.83h0ZM175.38,156.75c0-8.31,6.05-11.81,14.26-12.66l10.67-1.13c6.04-.66,9.44-1.51,12.47-3.12h1.89v5.86c0,18.04-12.47,23.9-22.86,23.9s-16.43-4.91-16.43-12.85h0ZM255.96,50.68v136.01h26.64v-11.24h1.89c4.35,7.08,13.41,13.22,29.94,13.22,24.75,0,45.15-16.34,45.15-51.38s-20.4-51.38-45.15-51.38c-16.53,0-24.94,6.14-28.81,11.52h-1.89v-46.75h-27.77ZM282.6,137.29c0-20.31,9.63-30.89,24.37-30.89s24.46,10.58,24.46,30.89-9.63,30.79-24.46,30.79-24.37-10.48-24.37-30.79h0ZM365.64,137.2c0,34.47,19.83,51.76,50.44,51.76s42.69-17.57,45.53-31.17v-2.83h-24.18c-1.32,6.42-6.99,14.45-21.72,14.45s-23.14-10.58-23.52-25.41h71.41v-10.39c0-30.41-17.66-48.08-47.79-48.08s-50.15,17.19-50.15,51.67h0ZM392.46,126.43c1.13-11.99,8.31-21.63,23.05-21.63s21.82,9.26,22.01,21.63h-45.05ZM474.73,50.68v136.01h27.77V50.68h-27.77ZM514.51,115.76c0,17.57,13.13,26.82,32.02,29.94l18.61,3.02c8.69,1.42,14.36,3.68,14.36,10.39,0,7.18-6.42,11.33-18.61,11.33s-21.54-4.35-22.57-14.55h-25.79v2.83c2.36,17.38,18.8,30.22,48.36,30.22s44.58-12.66,44.58-31.83-13.7-25.78-33.63-29l-18.51-3.02c-7.18-1.23-12.75-3.68-12.75-10.29s6.71-10.48,17.19-10.48,18.14,3.78,19.08,13.22h25.12v-2.83c-2.36-16.81-18.04-28.81-44.96-28.81s-42.5,11.81-42.5,29.85h0Z",
 	suite: "M45.6,87.38c0,20.98,14.84,34.21,39.5,39.03l19.28,3.78c15.78,3.02,24.66,7.37,24.66,18.81s-9.54,18.99-26.84,18.99-29.77-7.47-31.66-24h-27.59v2.84c1.32,23.53,22.77,41.58,59.54,41.58s55-18.05,55-41.39-15.59-34.11-41.2-39.12l-19.28-3.78c-14.36-2.74-22.96-7.37-22.96-18.24s9.54-17.67,24.85-17.67,27.22,6.43,27.4,22.87h27.31v-2.83c-1.42-23.06-20.6-40.45-55.38-40.45s-52.64,18.14-52.64,39.6h0ZM262.03,186.13v-98.94h-27.78v56.98c0,16.73-10.21,23.44-21.73,23.44-10.21,0-16.82-5.67-16.82-17.01v-63.41h-27.78v65.11c0,23.25,14.18,35.82,36.38,35.82,17.86,0,25.89-8.32,29.2-13.51h1.89v11.53h26.65ZM277.41,50.05v23.44h27.97v-23.44h-27.97ZM277.5,87.19v98.94h27.88v-98.94h-27.88ZM311.52,87.19v18.52h17.95v54.24c0,17.01,10.49,26.18,27.78,26.18h19.75v-19.47h-12.38c-5.01,0-7.65-2.74-7.65-7.56v-53.39h20.51v-18.52h-20.51v-26.18h-27.5v26.18h-17.95ZM379.68,136.61c0,34.49,19.85,51.79,50.46,51.79s42.71-17.58,45.55-31.19v-2.83h-24.19c-1.32,6.43-6.99,14.46-21.73,14.46s-23.15-10.58-23.53-25.42h71.44v-10.4c0-30.43-17.67-48.1-47.82-48.1s-50.18,17.2-50.18,51.69h0ZM406.51,125.84c1.13-12,8.32-21.64,23.06-21.64s21.83,9.26,22.02,21.64h-45.08Z",
 	sdk: "M45.6,87.38c0,20.98,14.84,34.21,39.5,39.03l19.28,3.78c15.78,3.02,24.66,7.37,24.66,18.81s-9.54,18.99-26.84,18.99-29.77-7.47-31.66-24h-27.59v2.84c1.32,23.53,22.77,41.58,59.54,41.58s55-18.05,55-41.39-15.59-34.11-41.2-39.12l-19.28-3.78c-14.36-2.74-22.96-7.37-22.96-18.24s9.54-17.67,24.85-17.67,27.22,6.43,27.4,22.87h27.31v-2.83c-1.42-23.06-20.6-40.45-55.38-40.45s-52.64,18.14-52.64,39.6h0ZM170.02,50.05v136.08h51.97c42.05,0,67.76-26.55,67.76-68.04s-25.7-68.04-67.76-68.04h-51.97ZM199.13,71.32h22.3c25.33,0,39.31,18.33,39.31,46.78s-13.99,46.78-39.31,46.78h-22.3v-93.56h0ZM331.69,143.7l13.8-13.99,44.13,56.42h32.98v-2.83l-58.02-72.86,56.89-57.55v-2.84h-33.36l-54.53,56.51h-1.89v-56.51h-29.11v136.08h29.11v-42.43h0Z"
-}, nc = {
+}, rc = {
 	word: "imf-ui-product-module-word",
 	wordBrand: "imf-ui-product-module-wordBrand",
 	wordOncolor: "imf-ui-product-module-wordOncolor"
-}, rc = {
+}, ic = {
 	labels: "ImFusion Labels",
 	suite: "ImFusion Suite",
 	sdk: "ImFusion SDK"
-}, ic = {
-	brand: nc.wordOncolor,
-	oncolor: nc.wordBrand
+}, ac = {
+	brand: rc.wordOncolor,
+	oncolor: rc.wordBrand
 };
-function ac({ product: e, cutout: t = !1, alt: n, variant: r = "brand", ...i }) {
-	let a = tc[e], o = /* @__PURE__ */ x("svg", {
+function oc({ product: e, cutout: t = !1, alt: n, variant: r = "brand", ...i }) {
+	let a = nc[e], o = /* @__PURE__ */ x("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: $s,
+		viewBox: ec,
 		fill: "currentColor",
 		fillRule: "evenodd",
-		children: t ? /* @__PURE__ */ x("path", { d: `${ec} ${a}` }) : /* @__PURE__ */ S(Ye, { children: [/* @__PURE__ */ x("path", { d: ec }), /* @__PURE__ */ x("path", {
+		children: t ? /* @__PURE__ */ x("path", { d: `${tc} ${a}` }) : /* @__PURE__ */ S(Ye, { children: [/* @__PURE__ */ x("path", { d: tc }), /* @__PURE__ */ x("path", {
 			d: a,
-			className: ic[r] ?? nc.word
+			className: ac[r] ?? rc.word
 		})] })
 	});
-	return /* @__PURE__ */ x(qs, {
+	return /* @__PURE__ */ x(Js, {
 		...i,
 		src: o,
-		alt: n ?? rc[e],
+		alt: n ?? ic[e],
 		variant: r
 	});
 }
 //#endregion
 //#region src/hooks/use-disclosure.ts
-function oc({ open: e, defaultOpen: t = !1, onOpenChange: n } = {}) {
+function sc({ open: e, defaultOpen: t = !1, onOpenChange: n } = {}) {
 	let [r, i] = w(t), a = e ?? r, o = e !== void 0, s = ot({
 		isOpen: a,
 		onOpenChange: n
@@ -3442,11 +3442,11 @@ function oc({ open: e, defaultOpen: t = !1, onOpenChange: n } = {}) {
 }
 //#endregion
 //#region src/hooks/use-media-query.ts
-function sc(e, t) {
+function cc(e, t) {
 	return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window && window.matchMedia(e).matches;
 }
-function cc(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
-	let [r, i] = w(n ? t : sc(e));
+function lc(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = w(n ? t : cc(e));
 	return nt(() => {
 		try {
 			if ("matchMedia" in window) {
@@ -3462,7 +3462,7 @@ function cc(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
 		}
 	}, [e]), r ?? !1;
 }
-var q = {
+var K = {
 	aside: "imf-ui-app-shell-module-aside",
 	asideDrawer: "imf-ui-app-shell-module-asideDrawer",
 	asideDrawerClose: "imf-ui-app-shell-module-asideDrawerClose",
@@ -3500,87 +3500,87 @@ var q = {
 	resizeHandle: "imf-ui-app-shell-module-resizeHandle",
 	root: "imf-ui-app-shell-module-root",
 	section: "imf-ui-app-shell-module-section"
-}, lc = /* @__PURE__ */ e({
-	Aside: () => jc,
-	Footer: () => Lc,
-	Header: () => Sc,
-	Main: () => Rc,
-	NavItem: () => Vc,
-	Navbar: () => Ac,
-	Root: () => bc,
-	Section: () => zc
-}), uc = y(q.root), dc = y("", { variants: { variant: {
-	default: q.navbarDefault,
-	branded: q.navbarBranded
-} } }), fc = y("", {
+}, uc = /* @__PURE__ */ e({
+	Aside: () => Mc,
+	Footer: () => Rc,
+	Header: () => Cc,
+	Main: () => zc,
+	NavItem: () => Hc,
+	Navbar: () => jc,
+	Root: () => xc,
+	Section: () => Bc
+}), dc = y(K.root), fc = y("", { variants: { variant: {
+	default: K.navbarDefault,
+	branded: K.navbarBranded
+} } }), pc = y("", {
 	variants: { variant: {
-		default: q.headerDefault,
-		branded: q.headerBranded
+		default: K.headerDefault,
+		branded: K.headerBranded
 	} },
 	defaultVariants: { variant: "default" }
-}), pc = y(q.aside), mc = y(q.footer), hc = y(q.main), gc = y(q.section), _c = $e(null), vc = $e({
+}), mc = y(K.aside), hc = y(K.footer), gc = y(K.main), _c = y(K.section), vc = $e(null), yc = $e({
 	sections: {},
 	setSections: () => void 0
-}), yc = $e(!1);
-function bc({ ref: e, children: t, ...n }) {
+}), bc = $e(!1);
+function xc({ ref: e, children: t, ...n }) {
 	let [r, i] = w(null), [a, o] = w({}), s = tt((t) => {
 		i(t), typeof e == "function" ? e(t) : e && (e.current = t);
 	}, [e]), c = at(() => ({
 		sections: a,
 		setSections: o
 	}), [a]);
-	return /* @__PURE__ */ x(_c.Provider, {
+	return /* @__PURE__ */ x(vc.Provider, {
 		value: r,
-		children: /* @__PURE__ */ x(vc.Provider, {
+		children: /* @__PURE__ */ x(yc.Provider, {
 			value: c,
 			children: /* @__PURE__ */ S("div", {
 				...n,
 				ref: s,
 				"data-imf-ui-component": "AppShell.Root",
 				"data-has-navbar": a.navbar ? "" : void 0,
-				className: uc({ className: n.className }),
-				children: [/* @__PURE__ */ x(xc, {}), t]
+				className: dc({ className: n.className }),
+				children: [/* @__PURE__ */ x(Sc, {}), t]
 			})
 		})
 	});
 }
-bc.displayName = "AppShell.Root";
-function xc() {
-	let { navbar: e } = C(vc).sections;
+xc.displayName = "AppShell.Root";
+function Sc() {
+	let { navbar: e } = C(yc).sections;
 	return e ? /* @__PURE__ */ S("div", {
 		"data-imf-ui-component": "AppShell.Bar",
-		className: b(q.bar, fc({ variant: e.variant })),
+		className: b(K.bar, pc({ variant: e.variant })),
 		children: [e.logo ? /* @__PURE__ */ x("div", {
-			className: q.barLogo,
+			className: K.barLogo,
 			children: e.logo
 		}) : null, /* @__PURE__ */ x("div", {
-			className: q.barActions,
-			children: /* @__PURE__ */ x(Bc, {})
+			className: K.barActions,
+			children: /* @__PURE__ */ x(Vc, {})
 		})]
 	}) : null;
 }
-function Sc({ className: e, children: t, ...n }) {
-	let { sections: r } = C(vc);
+function Cc({ className: e, children: t, ...n }) {
+	let { sections: r } = C(yc);
 	return /* @__PURE__ */ x("header", {
 		...n,
 		"data-imf-ui-component": "AppShell.Header",
-		className: b(q.header, fc({ variant: r.navbar?.variant }), e),
+		className: b(K.header, pc({ variant: r.navbar?.variant }), e),
 		children: /* @__PURE__ */ x("div", {
-			className: q.headerContent,
+			className: K.headerContent,
 			children: t
 		})
 	});
 }
-Sc.displayName = "AppShell.Header";
-function Cc({ open: e, onOpenChange: t, swipeDirection: n, label: r, className: i, children: a }) {
-	let o = C(_c);
-	return /* @__PURE__ */ x(As, {
+Cc.displayName = "AppShell.Header";
+function wc({ open: e, onOpenChange: t, swipeDirection: n, label: r, className: i, children: a }) {
+	let o = C(vc);
+	return /* @__PURE__ */ x(js, {
 		open: e,
 		onOpenChange: t,
 		swipeDirection: n,
-		children: /* @__PURE__ */ S(Ms, {
+		children: /* @__PURE__ */ S(Ns, {
 			container: o,
-			children: [/* @__PURE__ */ x(Ns, {}), /* @__PURE__ */ x(Ps, { children: /* @__PURE__ */ x(Is, {
+			children: [/* @__PURE__ */ x(Ps, {}), /* @__PURE__ */ x(Fs, { children: /* @__PURE__ */ x(Ls, {
 				borderColor: "none",
 				"aria-label": r,
 				className: i,
@@ -3589,11 +3589,11 @@ function Cc({ open: e, onOpenChange: t, swipeDirection: n, label: r, className:
 		})
 	});
 }
-function wc({ className: e, children: t }) {
+function Tc({ className: e, children: t }) {
 	return /* @__PURE__ */ S(Pe, {
-		className: q.drawerScroll,
+		className: K.drawerScroll,
 		children: [/* @__PURE__ */ x(Re, { children: /* @__PURE__ */ x(Fe, {
-			className: b(q.drawerContent, e),
+			className: b(K.drawerContent, e),
 			children: t
 		}) }), /* @__PURE__ */ x(Me, {
 			orientation: "vertical",
@@ -3601,10 +3601,10 @@ function wc({ className: e, children: t }) {
 		})]
 	});
 }
-function Tc(e) {
-	return cc(gs(e), void 0, { getInitialValueInEffect: !1 });
+function Ec(e) {
+	return lc(_s(e), void 0, { getInitialValueInEffect: !1 });
 }
-function Ec(e, t, n, r) {
+function Dc(e, t, n, r) {
 	nt(() => {
 		e && t && !n && r(!1);
 	}, [
@@ -3614,39 +3614,39 @@ function Ec(e, t, n, r) {
 		r
 	]);
 }
-function Dc({ logo: e, account: t, closable: n, children: r }) {
+function Oc({ logo: e, account: t, closable: n, children: r }) {
 	return /* @__PURE__ */ S(Ye, { children: [
 		/* @__PURE__ */ S("div", {
-			className: q.navbarBrand,
+			className: K.navbarBrand,
 			children: [/* @__PURE__ */ x("span", {
-				className: q.navbarLogo,
+				className: K.navbarLogo,
 				children: e
-			}), n && /* @__PURE__ */ x(Bc, { className: q.navbarDrawerClose })]
+			}), n && /* @__PURE__ */ x(Vc, { className: K.navbarDrawerClose })]
 		}),
 		/* @__PURE__ */ x("div", {
-			className: q.navbarNav,
+			className: K.navbarNav,
 			children: r
 		}),
 		t ? /* @__PURE__ */ x("div", {
-			className: q.navbarFoot,
+			className: K.navbarFoot,
 			children: t
 		}) : null
 	] });
 }
-var Oc = /* @__PURE__ */ x(Qs, {
+var kc = /* @__PURE__ */ x($s, {
 	variant: "brand",
 	size: "sm"
-}), kc = /* @__PURE__ */ x(Qs, {
+}), Ac = /* @__PURE__ */ x($s, {
 	variant: "oncolor",
 	size: "sm"
 });
-function Ac({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r, logo: i = e === "branded" ? kc : Oc, account: a, children: o, id: s, ...c }) {
-	let l = Tc("md"), ee = rt(), u = s ?? ee, { open: d, setOpen: f } = oc({
+function jc({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r, logo: i = e === "branded" ? Ac : kc, account: a, children: o, id: s, ...c }) {
+	let l = Ec("md"), ee = rt(), u = s ?? ee, { open: d, setOpen: f } = sc({
 		open: t,
 		defaultOpen: n,
 		onOpenChange: r
-	}), { setSections: te } = C(vc);
-	return Ec(l, d, t !== void 0, f), it(() => (te((t) => ({
+	}), { setSections: te } = C(yc);
+	return Dc(l, d, t !== void 0, f), it(() => (te((t) => ({
 		...t,
 		navbar: {
 			id: u,
@@ -3670,27 +3670,27 @@ function Ac({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r,
 		...c,
 		id: u,
 		"data-imf-ui-component": "AppShell.Navbar",
-		className: b(q.navbar, dc({ variant: e }), c.className),
-		children: /* @__PURE__ */ x(Dc, {
+		className: b(K.navbar, fc({ variant: e }), c.className),
+		children: /* @__PURE__ */ x(Oc, {
 			logo: i,
 			account: a,
 			closable: !1,
 			children: o
 		})
-	}) : /* @__PURE__ */ x(Cc, {
+	}) : /* @__PURE__ */ x(wc, {
 		open: d,
 		onOpenChange: f,
 		swipeDirection: "left",
 		label: c["aria-label"],
-		className: b(q.navbarDrawer, dc({ variant: e })),
-		children: /* @__PURE__ */ x(yc.Provider, {
+		className: b(K.navbarDrawer, fc({ variant: e })),
+		children: /* @__PURE__ */ x(bc.Provider, {
 			value: !0,
 			children: /* @__PURE__ */ x("nav", {
 				...c,
 				id: u,
 				"data-imf-ui-component": "AppShell.Navbar",
-				className: b(q.drawerSection, c.className),
-				children: /* @__PURE__ */ x(wc, { children: /* @__PURE__ */ x(Dc, {
+				className: b(K.drawerSection, c.className),
+				children: /* @__PURE__ */ x(Tc, { children: /* @__PURE__ */ x(Oc, {
 					logo: i,
 					account: a,
 					closable: !0,
@@ -3700,91 +3700,91 @@ function Ac({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r,
 		})
 	});
 }
-Ac.displayName = "AppShell.Navbar";
-function jc({ open: e, defaultOpen: t, onOpenChange: n, resizable: r = !0, onWidthChange: i, resizeLabel: o = "Resize panel", closeLabel: s = "Close panel", children: c, ...l }) {
-	let ee = Tc("lg"), u = Tc("md"), { open: d, setOpen: f } = oc({
+jc.displayName = "AppShell.Navbar";
+function Mc({ open: e, defaultOpen: t, onOpenChange: n, resizable: r = !0, onWidthChange: i, resizeLabel: o = "Resize panel", closeLabel: s = "Close panel", children: c, ...l }) {
+	let ee = Ec("lg"), u = Ec("md"), { open: d, setOpen: f } = sc({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
 	});
-	return Ec(ee, d, e !== void 0, f), ee ? /* @__PURE__ */ S("aside", {
+	return Dc(ee, d, e !== void 0, f), ee ? /* @__PURE__ */ S("aside", {
 		...l,
 		"data-imf-ui-component": "AppShell.Aside",
-		className: pc({ className: l.className }),
-		children: [r && /* @__PURE__ */ x(Ic, {
+		className: mc({ className: l.className }),
+		children: [r && /* @__PURE__ */ x(Lc, {
 			label: o,
 			onWidthChange: i
 		}), c]
-	}) : /* @__PURE__ */ x(Cc, {
+	}) : /* @__PURE__ */ x(wc, {
 		open: d,
 		onOpenChange: f,
 		swipeDirection: u ? "right" : "down",
 		label: l["aria-label"],
-		className: q.asideDrawer,
+		className: K.asideDrawer,
 		children: /* @__PURE__ */ S("aside", {
 			...l,
 			"data-imf-ui-component": "AppShell.Aside",
-			className: b(q.drawerSection, l.className),
-			children: [/* @__PURE__ */ x(zs, {
+			className: b(K.drawerSection, l.className),
+			children: [/* @__PURE__ */ x(Bs, {
 				render: /* @__PURE__ */ x(xe, {
 					glyph: a,
 					label: s,
 					variant: "ghost"
 				}),
-				className: q.asideDrawerClose
-			}), /* @__PURE__ */ x(wc, {
-				className: q.asideDrawerContent,
+				className: K.asideDrawerClose
+			}), /* @__PURE__ */ x(Tc, {
+				className: K.asideDrawerContent,
 				children: c
 			})]
 		})
 	});
 }
-jc.displayName = "AppShell.Aside";
-var Mc = "--imf-ui-appshell-aside-width";
-function Nc(e) {
+Mc.displayName = "AppShell.Aside";
+var Nc = "--imf-ui-appshell-aside-width";
+function Pc(e) {
 	let t = e?.parentElement, n = t?.parentElement;
 	return t && n ? {
 		aside: t,
 		root: n
 	} : void 0;
 }
-function Pc() {
+function Fc() {
 	return parseFloat(getComputedStyle(document.documentElement).fontSize);
 }
-function Fc(e) {
+function Ic(e) {
 	let t = getComputedStyle(e), n = Math.round(parseFloat(t.minWidth)) || 0, r = Math.round(parseFloat(t.maxWidth));
 	return {
 		min: n,
 		max: Number.isNaN(r) ? n : Math.max(n, r)
 	};
 }
-function Ic({ label: e, onWidthChange: t }) {
+function Lc({ label: e, onWidthChange: t }) {
 	let n = ot(null), r = ot(!1), [i, a] = w(), o = tt(() => {
-		let e = Nc(n.current);
+		let e = Pc(n.current);
 		if (!e) return;
 		let t = Math.round(e.aside.getBoundingClientRect().width);
 		return a({
 			now: t,
-			...Fc(e.aside)
+			...Ic(e.aside)
 		}), t;
 	}, []), s = (e) => {
-		let t = Nc(n.current);
+		let t = Pc(n.current);
 		if (!t) return;
-		let { min: r, max: i } = Fc(t.aside);
-		t.root.style.setProperty(Mc, `${String(Math.min(i, Math.max(r, e)))}px`);
+		let { min: r, max: i } = Ic(t.aside);
+		t.root.style.setProperty(Nc, `${String(Math.min(i, Math.max(r, e)))}px`);
 	}, c = () => {
 		let e = o();
 		e !== void 0 && t?.(e);
 	}, l = () => {
-		r.current && (r.current = !1, Nc(n.current)?.root.removeAttribute("data-resizing"), c());
+		r.current && (r.current = !1, Pc(n.current)?.root.removeAttribute("data-resizing"), c());
 	}, ee = () => {
-		Nc(n.current)?.root.style.removeProperty(Mc), c();
+		Pc(n.current)?.root.style.removeProperty(Nc), c();
 	};
 	return it(() => {
 		o();
-		let e = Nc(n.current)?.root;
+		let e = Pc(n.current)?.root;
 		return () => {
-			e?.style.removeProperty(Mc);
+			e?.style.removeProperty(Nc);
 		};
 	}, [o]), /* @__PURE__ */ x("div", {
 		ref: n,
@@ -3795,12 +3795,12 @@ function Ic({ label: e, onWidthChange: t }) {
 		"aria-valuemin": i?.min,
 		"aria-valuemax": i?.max,
 		tabIndex: 0,
-		className: q.resizeHandle,
+		className: K.resizeHandle,
 		onPointerDown: (e) => {
-			e.button === 0 && (e.currentTarget.setPointerCapture(e.pointerId), r.current = !0, Nc(n.current)?.root.setAttribute("data-resizing", ""));
+			e.button === 0 && (e.currentTarget.setPointerCapture(e.pointerId), r.current = !0, Pc(n.current)?.root.setAttribute("data-resizing", ""));
 		},
 		onPointerMove: (e) => {
-			let t = Nc(n.current);
+			let t = Pc(n.current);
 			t && r.current && s(t.aside.getBoundingClientRect().right - e.clientX);
 		},
 		onPointerUp: l,
@@ -3808,27 +3808,27 @@ function Ic({ label: e, onWidthChange: t }) {
 		onLostPointerCapture: l,
 		onDoubleClick: ee,
 		onKeyDown: (e) => {
-			let t = Nc(n.current);
+			let t = Pc(n.current);
 			if (!t) return;
 			let r = t.aside.getBoundingClientRect().width;
-			if (e.key === "ArrowLeft") s(r + Pc());
-			else if (e.key === "ArrowRight") s(r - Pc());
+			if (e.key === "ArrowLeft") s(r + Fc());
+			else if (e.key === "ArrowRight") s(r - Fc());
 			else if (e.key !== "Home") return;
 			e.preventDefault(), e.key === "Home" ? ee() : c();
 		}
 	});
 }
-function Lc(e) {
+function Rc(e) {
 	return /* @__PURE__ */ x("footer", {
 		...e,
 		"data-imf-ui-component": "AppShell.Footer",
-		className: mc({ className: e.className })
+		className: hc({ className: e.className })
 	});
 }
-Lc.displayName = "AppShell.Footer";
-function Rc({ children: e, ...t }) {
+Rc.displayName = "AppShell.Footer";
+function zc({ children: e, ...t }) {
 	return /* @__PURE__ */ S(Pe, {
-		className: hc(),
+		className: gc(),
 		children: [
 			/* @__PURE__ */ x(Re, {
 				render: /* @__PURE__ */ x("main", {
@@ -3838,7 +3838,7 @@ function Rc({ children: e, ...t }) {
 					className: t.className
 				}),
 				children: /* @__PURE__ */ x(Fe, {
-					className: q.mainContent,
+					className: K.mainContent,
 					children: e
 				})
 			}),
@@ -3854,18 +3854,18 @@ function Rc({ children: e, ...t }) {
 		]
 	});
 }
-Rc.displayName = "AppShell.Main";
-function zc({ grow: e, ...t }) {
+zc.displayName = "AppShell.Main";
+function Bc({ grow: e, ...t }) {
 	return /* @__PURE__ */ x("div", {
 		...t,
 		"data-imf-ui-component": "AppShell.Section",
 		"data-grow": e ? "" : void 0,
-		className: gc({ className: t.className })
+		className: _c({ className: t.className })
 	});
 }
-zc.displayName = "AppShell.Section";
-function Bc({ className: e }) {
-	let t = C(vc).sections.navbar, n = C(yc);
+Bc.displayName = "AppShell.Section";
+function Vc({ className: e }) {
+	let t = C(yc).sections.navbar, n = C(bc);
 	return t ? /* @__PURE__ */ x(Ke, {
 		onClick: () => t.onOpenChange(!t.open),
 		"aria-expanded": t.open,
@@ -3874,27 +3874,27 @@ function Bc({ className: e }) {
 		"data-imf-ui-component": "AppShell.Burger",
 		"data-opened": t.open ? "" : void 0,
 		"data-behind-drawer": t.open && !n ? "" : void 0,
-		className: b(q.burger, e),
+		className: b(K.burger, e),
 		children: /* @__PURE__ */ S("svg", {
-			className: q.burgerIcon,
+			className: K.burgerIcon,
 			viewBox: "0 0 24 18",
 			"aria-hidden": "true",
 			focusable: "false",
 			children: [
 				/* @__PURE__ */ x("rect", {
-					className: q.burgerBand,
+					className: K.burgerBand,
 					width: "24",
 					height: "3",
 					y: "0"
 				}),
 				/* @__PURE__ */ x("rect", {
-					className: q.burgerBand,
+					className: K.burgerBand,
 					width: "24",
 					height: "3",
 					y: "7.5"
 				}),
 				/* @__PURE__ */ x("rect", {
-					className: q.burgerBand,
+					className: K.burgerBand,
 					width: "24",
 					height: "3",
 					y: "15"
@@ -3903,8 +3903,8 @@ function Bc({ className: e }) {
 		})
 	}) : null;
 }
-function Vc({ icon: e, description: t, children: n, render: r, onClick: i, ...a }) {
-	let { sections: o } = C(vc), s = C(yc);
+function Hc({ icon: e, description: t, children: n, render: r, onClick: i, ...a }) {
+	let { sections: o } = C(yc), s = C(bc);
 	function c(e) {
 		if (i?.(e), e.defaultPrevented) return;
 		let t = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
@@ -3916,17 +3916,17 @@ function Vc({ icon: e, description: t, children: n, render: r, onClick: i, ...a
 		props: {
 			...O(a, {
 				onClick: c,
-				className: q.navItem,
+				className: K.navItem,
 				children: /* @__PURE__ */ S(Ye, { children: [e && /* @__PURE__ */ x("span", {
-					className: q.navItemIcon,
+					className: K.navItemIcon,
 					children: e
 				}), /* @__PURE__ */ S("span", {
-					className: q.navItemText,
+					className: K.navItemText,
 					children: [/* @__PURE__ */ x("span", {
-						className: q.navItemLabel,
+						className: K.navItemLabel,
 						children: n
 					}), t && /* @__PURE__ */ x("span", {
-						className: q.navItemDescription,
+						className: K.navItemDescription,
 						children: t
 					})]
 				})] })
@@ -3935,17 +3935,17 @@ function Vc({ icon: e, description: t, children: n, render: r, onClick: i, ...a
 		}
 	});
 }
-Vc.displayName = "AppShell.NavItem";
+Hc.displayName = "AppShell.NavItem";
 //#endregion
 //#region src/components/app-shell/app-shell.meta.ts
-var Hc = {
+var Uc = {
 	name: "AppShell",
-	category: g.layout,
+	category: _.layout,
 	status: "stable",
 	description: "Application layout shell for a header, sidebars, footer, and scrolling main area. Also called an app layout or dashboard shell; sizing is CSS-driven and sidebars can become sliding panels on small screens.",
 	origin: "native",
 	internalDependencies: ["Drawer", "ScrollArea"]
-}, J = {
+}, q = {
 	backdrop: "imf-ui-dialog-module-backdrop",
 	body: "imf-ui-dialog-module-body",
 	bodyContent: "imf-ui-dialog-module-bodyContent",
@@ -3972,203 +3972,203 @@ var Hc = {
 	trigger: "imf-ui-dialog-module-trigger",
 	triggerInline: "imf-ui-dialog-module-triggerInline",
 	viewport: "imf-ui-dialog-module-viewport"
-}, Uc = /* @__PURE__ */ e({
-	Alert: () => bl,
-	Backdrop: () => sl,
-	Body: () => dl,
-	Close: () => gl,
-	Description: () => hl,
-	Footer: () => fl,
-	Header: () => ul,
-	Inline: () => yl,
-	Popup: () => ll,
-	Portal: () => ol,
-	Root: () => il,
-	Simple: () => vl,
-	Status: () => pl,
-	Title: () => ml,
-	Trigger: () => al,
-	Viewport: () => cl,
-	createHandle: () => rl
-}), Wc = $e(void 0), Gc = y(J.trigger, { variants: { inline: { true: J.triggerInline } } }), Kc = y(J.backdrop), qc = y(J.viewport), Jc = y(J.popup, { variants: { size: {
-	sm: J.sizeSm,
-	md: J.sizeMd,
-	lg: J.sizeLg,
-	full: J.sizeFull
-} } }), Yc = y(J.header, { variants: { variant: {
-	primary: J.headerPrimary,
-	main: J.headerMain,
-	support: J.headerSupport,
-	minor: J.headerMinor
-} } }), Xc = y(J.status, { variants: { variant: {
-	info: J.statusInfo,
-	positive: J.statusPositive,
-	warning: J.statusWarning,
-	negative: J.statusNegative
-} } }), Zc = y(J.body), Qc = y(J.bodyContent), $c = y(J.footer), el = y(J.title), tl = y(J.description), nl = y(J.close), rl = gt.createHandle;
-function il(e) {
+}, Wc = /* @__PURE__ */ e({
+	Alert: () => xl,
+	Backdrop: () => cl,
+	Body: () => fl,
+	Close: () => _l,
+	Description: () => gl,
+	Footer: () => pl,
+	Header: () => dl,
+	Inline: () => bl,
+	Popup: () => ul,
+	Portal: () => sl,
+	Root: () => al,
+	Simple: () => yl,
+	Status: () => ml,
+	Title: () => hl,
+	Trigger: () => ol,
+	Viewport: () => ll,
+	createHandle: () => il
+}), Gc = $e(void 0), Kc = y(q.trigger, { variants: { inline: { true: q.triggerInline } } }), qc = y(q.backdrop), Jc = y(q.viewport), Yc = y(q.popup, { variants: { size: {
+	sm: q.sizeSm,
+	md: q.sizeMd,
+	lg: q.sizeLg,
+	full: q.sizeFull
+} } }), Xc = y(q.header, { variants: { variant: {
+	primary: q.headerPrimary,
+	main: q.headerMain,
+	support: q.headerSupport,
+	minor: q.headerMinor
+} } }), Zc = y(q.status, { variants: { variant: {
+	info: q.statusInfo,
+	positive: q.statusPositive,
+	warning: q.statusWarning,
+	negative: q.statusNegative
+} } }), Qc = y(q.body), $c = y(q.bodyContent), el = y(q.footer), tl = y(q.title), nl = y(q.description), rl = y(q.close), il = gt.createHandle;
+function al(e) {
 	return /* @__PURE__ */ x(gt.Root, { ...e });
 }
-il.displayName = "Dialog.Root";
-function al({ inline: e = !1, ...t }) {
+al.displayName = "Dialog.Root";
+function ol({ inline: e = !1, ...t }) {
 	return /* @__PURE__ */ x(gt.Trigger, {
 		...t,
 		"data-imf-ui-component": "Dialog.Trigger",
-		className: (n) => Gc({
+		className: (n) => Kc({
 			inline: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		})
 	});
 }
-al.displayName = "Dialog.Trigger";
-function ol(e) {
+ol.displayName = "Dialog.Trigger";
+function sl(e) {
 	return /* @__PURE__ */ x(gt.Portal, { ...e });
 }
-ol.displayName = "Dialog.Portal";
-function sl(e) {
+sl.displayName = "Dialog.Portal";
+function cl(e) {
 	return /* @__PURE__ */ x(gt.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Dialog.Backdrop",
-		className: (t) => Kc({ className: _(e.className, t) })
+		className: (t) => qc({ className: v(e.className, t) })
 	});
 }
-sl.displayName = "Dialog.Backdrop";
-function cl(e) {
+cl.displayName = "Dialog.Backdrop";
+function ll(e) {
 	return /* @__PURE__ */ x(gt.Viewport, {
 		...e,
 		"data-imf-ui-component": "Dialog.Viewport",
-		className: (t) => qc({ className: _(e.className, t) })
+		className: (t) => Jc({ className: v(e.className, t) })
 	});
 }
-cl.displayName = "Dialog.Viewport";
-function ll({ size: e = "md", ...t }) {
+ll.displayName = "Dialog.Viewport";
+function ul({ size: e = "md", ...t }) {
 	return /* @__PURE__ */ x(gt.Popup, {
 		...t,
 		"data-imf-ui-component": "Dialog.Popup",
-		className: (n) => Jc({
+		className: (n) => Yc({
 			size: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		}),
-		children: /* @__PURE__ */ x(Wc.Provider, {
+		children: /* @__PURE__ */ x(Gc.Provider, {
 			value: void 0,
 			children: t.children
 		})
 	});
 }
-ll.displayName = "Dialog.Popup";
-function ul({ variant: e = "main", ...t }) {
-	return /* @__PURE__ */ x(Wc.Provider, {
+ul.displayName = "Dialog.Popup";
+function dl({ variant: e = "main", ...t }) {
+	return /* @__PURE__ */ x(Gc.Provider, {
 		value: e,
 		children: /* @__PURE__ */ x("div", {
 			...t,
 			"data-imf-ui-component": "Dialog.Header",
-			className: Yc({
+			className: Xc({
 				variant: e,
 				className: t.className
 			})
 		})
 	});
 }
-ul.displayName = "Dialog.Header";
-function dl({ children: e, ...t }) {
+dl.displayName = "Dialog.Header";
+function fl({ children: e, ...t }) {
 	return /* @__PURE__ */ x(ze, {
 		render: /* @__PURE__ */ x("div", { "data-imf-ui-component": "Dialog.Body" }),
 		...t,
-		className: (e) => Zc({ className: _(t.className, e) }),
+		className: (e) => Qc({ className: v(t.className, e) }),
 		children: /* @__PURE__ */ x("div", {
-			className: Qc(),
+			className: $c(),
 			children: e
 		})
 	});
 }
-dl.displayName = "Dialog.Body";
-function fl(e) {
+fl.displayName = "Dialog.Body";
+function pl(e) {
 	return /* @__PURE__ */ x("div", {
 		...e,
 		"data-imf-ui-component": "Dialog.Footer",
-		className: $c({ className: e.className })
+		className: el({ className: e.className })
 	});
 }
-fl.displayName = "Dialog.Footer";
-function pl({ variant: e = "info", children: t, ...n }) {
+pl.displayName = "Dialog.Footer";
+function ml({ variant: e = "info", children: t, ...n }) {
 	return /* @__PURE__ */ x("div", {
 		...n,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Dialog.Status",
-		className: Xc({
+		className: Zc({
 			variant: e,
 			className: n.className
 		}),
-		children: t ?? /* @__PURE__ */ x(m, {
+		children: t ?? /* @__PURE__ */ x(h, {
 			glyph: gi[e ?? "info"],
-			className: J.statusGlyph
+			className: q.statusGlyph
 		})
 	});
 }
-pl.displayName = "Dialog.Status";
-function ml(e) {
-	let t = C(Wc);
+ml.displayName = "Dialog.Status";
+function hl(e) {
+	let t = C(Gc);
 	return /* @__PURE__ */ x(gt.Title, {
 		render: /* @__PURE__ */ x(ta, {
 			variant: t === "primary" ? "oncolor" : "primary",
 			fadeAfterFirstLine: !1
 		}),
 		...e,
-		className: (t) => el({ className: _(e.className, t) })
+		className: (t) => tl({ className: v(e.className, t) })
 	});
 }
-ml.displayName = "Dialog.Title";
-function hl(e) {
-	let t = C(Wc);
+hl.displayName = "Dialog.Title";
+function gl(e) {
+	let t = C(Gc);
 	return /* @__PURE__ */ x(gt.Description, {
 		render: /* @__PURE__ */ x(ia, { variant: t === "primary" ? "oncolor" : "support" }),
 		...e,
-		className: (t) => tl({ className: _(e.className, t) })
+		className: (t) => nl({ className: v(e.className, t) })
 	});
 }
-hl.displayName = "Dialog.Description";
-function gl(e) {
-	let t = C(Wc), n = e.children == null && e.render == null;
+gl.displayName = "Dialog.Description";
+function _l(e) {
+	let t = C(Gc), n = e.children == null && e.render == null;
 	return /* @__PURE__ */ x(gt.Close, {
 		...e,
 		render: n ? /* @__PURE__ */ x(xe, {
-			glyph: le,
+			glyph: ce,
 			label: e["aria-label"] ?? "Close",
 			variant: "ghost",
 			size: "sm",
 			context: t === "primary" ? "oncolor" : "default"
 		}) : e.render,
 		"data-imf-ui-component": "Dialog.Close",
-		className: (t) => nl({ className: _(e.className, t) })
+		className: (t) => rl({ className: v(e.className, t) })
 	});
 }
-gl.displayName = "Dialog.Close";
-function _l({ eyebrow: e, title: t, description: n, status: r, headerVariant: i, size: a, actions: o, children: s }) {
-	return /* @__PURE__ */ S(ol, { children: [/* @__PURE__ */ x(sl, {}), /* @__PURE__ */ x(cl, { children: /* @__PURE__ */ S(ll, {
+_l.displayName = "Dialog.Close";
+function vl({ eyebrow: e, title: t, description: n, status: r, headerVariant: i, size: a, actions: o, children: s }) {
+	return /* @__PURE__ */ S(sl, { children: [/* @__PURE__ */ x(cl, {}), /* @__PURE__ */ x(ll, { children: /* @__PURE__ */ S(ul, {
 		size: a,
 		children: [
-			r && /* @__PURE__ */ x(pl, { variant: r }),
-			/* @__PURE__ */ S(ul, {
+			r && /* @__PURE__ */ x(ml, { variant: r }),
+			/* @__PURE__ */ S(dl, {
 				variant: i,
 				children: [
 					e && /* @__PURE__ */ x(ca, {
 						variant: i === "primary" ? "oncolor" : "support",
 						children: e
 					}),
-					/* @__PURE__ */ x(ml, { children: t }),
-					n && /* @__PURE__ */ x(hl, { children: n }),
-					!o && /* @__PURE__ */ x(gl, {})
+					/* @__PURE__ */ x(hl, { children: t }),
+					n && /* @__PURE__ */ x(gl, { children: n }),
+					!o && /* @__PURE__ */ x(_l, {})
 				]
 			}),
-			s && /* @__PURE__ */ x(dl, { children: s }),
-			o && /* @__PURE__ */ x(fl, { children: o })
+			s && /* @__PURE__ */ x(fl, { children: s }),
+			o && /* @__PURE__ */ x(pl, { children: o })
 		]
 	}) })] });
 }
-function vl({ trigger: e, headerVariant: t = "main", size: n = "md", eyebrow: r, title: i, description: a, status: o, actions: s, children: c, ...l }) {
-	return /* @__PURE__ */ S(il, {
+function yl({ trigger: e, headerVariant: t = "main", size: n = "md", eyebrow: r, title: i, description: a, status: o, actions: s, children: c, ...l }) {
+	return /* @__PURE__ */ S(al, {
 		...l,
-		children: [e && /* @__PURE__ */ x(al, { render: e }), /* @__PURE__ */ x(_l, {
+		children: [e && /* @__PURE__ */ x(ol, { render: e }), /* @__PURE__ */ x(vl, {
 			eyebrow: r,
 			title: i,
 			description: a,
@@ -4180,14 +4180,14 @@ function vl({ trigger: e, headerVariant: t = "main", size: n = "md", eyebrow: r,
 		})]
 	});
 }
-vl.displayName = "Dialog.Simple";
-function yl({ trigger: e, headerVariant: t = "main", size: n = "md", eyebrow: r, title: i, description: a, status: o, actions: s, children: c, ...l }) {
-	return /* @__PURE__ */ S(il, {
+yl.displayName = "Dialog.Simple";
+function bl({ trigger: e, headerVariant: t = "main", size: n = "md", eyebrow: r, title: i, description: a, status: o, actions: s, children: c, ...l }) {
+	return /* @__PURE__ */ S(al, {
 		...l,
-		children: [/* @__PURE__ */ x(al, {
+		children: [/* @__PURE__ */ x(ol, {
 			inline: !0,
 			children: e
-		}), /* @__PURE__ */ x(_l, {
+		}), /* @__PURE__ */ x(vl, {
 			eyebrow: r,
 			title: i,
 			description: a,
@@ -4199,11 +4199,11 @@ function yl({ trigger: e, headerVariant: t = "main", size: n = "md", eyebrow: r,
 		})]
 	});
 }
-yl.displayName = "Dialog.Inline";
-function bl({ trigger: e, size: t = "sm", eyebrow: n, title: r, description: i, status: a, actions: o, children: s, ...c }) {
+bl.displayName = "Dialog.Inline";
+function xl({ trigger: e, size: t = "sm", eyebrow: n, title: r, description: i, status: a, actions: o, children: s, ...c }) {
 	return /* @__PURE__ */ S(ht.Root, {
 		...c,
-		children: [e && /* @__PURE__ */ x(al, { render: e }), /* @__PURE__ */ x(_l, {
+		children: [e && /* @__PURE__ */ x(ol, { render: e }), /* @__PURE__ */ x(vl, {
 			eyebrow: n,
 			title: r,
 			description: i,
@@ -4214,12 +4214,12 @@ function bl({ trigger: e, size: t = "sm", eyebrow: n, title: r, description: i,
 		})]
 	});
 }
-bl.displayName = "Dialog.Alert";
+xl.displayName = "Dialog.Alert";
 //#endregion
 //#region src/components/dialog/dialog.meta.ts
-var xl = {
+var Sl = {
 	name: "Dialog",
-	category: g.layout,
+	category: _.layout,
 	status: "experimental",
 	description: "Modal window over a dimmed page for focused tasks, forms, confirmations, or viewers. Also called a modal; use Drawer for a panel from the screen edge and Popover for content anchored to a trigger.",
 	origin: "adapted",
@@ -4235,7 +4235,7 @@ var xl = {
 		"Icon",
 		"Typo"
 	]
-}, Y = {
+}, J = {
 	arrow: "imf-ui-popover-module-arrow",
 	backdrop: "imf-ui-popover-module-backdrop",
 	close: "imf-ui-popover-module-close",
@@ -4259,153 +4259,153 @@ var xl = {
 	variantPrimary: "imf-ui-popover-module-variantPrimary",
 	variantSecondary: "imf-ui-popover-module-variantSecondary",
 	viewport: "imf-ui-popover-module-viewport"
-}, Sl = /* @__PURE__ */ e({
-	Arrow: () => Bl,
-	Backdrop: () => Ll,
-	Close: () => Gl,
-	Description: () => Wl,
-	Eyebrow: () => Hl,
-	Inline: () => Kl,
-	Popup: () => zl,
-	Portal: () => Il,
-	Positioner: () => Rl,
-	Root: () => Pl,
-	Title: () => Ul,
-	Trigger: () => Fl,
-	Viewport: () => Vl,
-	createHandle: () => Nl
-}), Cl = y(Y.trigger, { variants: {
+}, Cl = /* @__PURE__ */ e({
+	Arrow: () => Vl,
+	Backdrop: () => Rl,
+	Close: () => Kl,
+	Description: () => Gl,
+	Eyebrow: () => Ul,
+	Inline: () => ql,
+	Popup: () => Bl,
+	Portal: () => Ll,
+	Positioner: () => zl,
+	Root: () => Fl,
+	Title: () => Wl,
+	Trigger: () => Il,
+	Viewport: () => Hl,
+	createHandle: () => Pl
+}), wl = y(J.trigger, { variants: {
 	variant: {
-		ghost: Y.variantGhost,
-		outline: Y.variantOutline,
-		primary: Y.variantPrimary,
-		secondary: Y.variantSecondary,
-		positive: Y.variantPositive,
-		negative: Y.variantNegative
+		ghost: J.variantGhost,
+		outline: J.variantOutline,
+		primary: J.variantPrimary,
+		secondary: J.variantSecondary,
+		positive: J.variantPositive,
+		negative: J.variantNegative
 	},
-	inline: { true: Y.triggerInline }
-} }), wl = y(Y.backdrop), Tl = y(Y.positioner), El = y(Y.popup, { variants: { variant: {
-	ghost: Y.popupVariantGhost,
-	outline: Y.popupVariantOutline,
-	primary: Y.popupVariantPrimary,
-	secondary: Y.popupVariantSecondary,
-	positive: Y.popupVariantPositive,
-	negative: Y.popupVariantNegative
-} } }), Dl = y(Y.arrow), Ol = y(Y.viewport), kl = y(Y.eyebrow), Al = y(Y.title), jl = y(Y.description), Ml = y(Y.close), Nl = _t.createHandle;
-function Pl(e) {
+	inline: { true: J.triggerInline }
+} }), Tl = y(J.backdrop), El = y(J.positioner), Dl = y(J.popup, { variants: { variant: {
+	ghost: J.popupVariantGhost,
+	outline: J.popupVariantOutline,
+	primary: J.popupVariantPrimary,
+	secondary: J.popupVariantSecondary,
+	positive: J.popupVariantPositive,
+	negative: J.popupVariantNegative
+} } }), Ol = y(J.arrow), kl = y(J.viewport), Al = y(J.eyebrow), jl = y(J.title), Ml = y(J.description), Nl = y(J.close), Pl = _t.createHandle;
+function Fl(e) {
 	return /* @__PURE__ */ x(_t.Root, { ...e });
 }
-Pl.displayName = "Popover.Root";
-function Fl({ variant: e = "ghost", inline: t = !1, ...n }) {
+Fl.displayName = "Popover.Root";
+function Il({ variant: e = "ghost", inline: t = !1, ...n }) {
 	return /* @__PURE__ */ x(_t.Trigger, {
 		...n,
 		"data-imf-ui-component": "Popover.Trigger",
-		className: (r) => n.render ? _(n.className, r) : Cl({
+		className: (r) => n.render ? v(n.className, r) : wl({
 			variant: e,
 			inline: t,
-			className: _(n.className, r)
+			className: v(n.className, r)
 		})
 	});
 }
-Fl.displayName = "Popover.Trigger";
-function Il(e) {
+Il.displayName = "Popover.Trigger";
+function Ll(e) {
 	return /* @__PURE__ */ x(_t.Portal, { ...e });
 }
-Il.displayName = "Popover.Portal";
-function Ll(e) {
+Ll.displayName = "Popover.Portal";
+function Rl(e) {
 	return /* @__PURE__ */ x(_t.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Popover.Backdrop",
-		className: (t) => wl({ className: _(e.className, t) })
+		className: (t) => Tl({ className: v(e.className, t) })
 	});
 }
-Ll.displayName = "Popover.Backdrop";
-function Rl({ sideOffset: e = 4, ...t }) {
+Rl.displayName = "Popover.Backdrop";
+function zl({ sideOffset: e = 4, ...t }) {
 	return /* @__PURE__ */ x(_t.Positioner, {
 		...t,
 		sideOffset: e,
 		"data-imf-ui-component": "Popover.Positioner",
-		className: (e) => Tl({ className: _(t.className, e) })
+		className: (e) => El({ className: v(t.className, e) })
 	});
 }
-Rl.displayName = "Popover.Positioner";
-function zl({ variant: e, ...t }) {
+zl.displayName = "Popover.Positioner";
+function Bl({ variant: e, ...t }) {
 	return /* @__PURE__ */ x(_t.Popup, {
 		...t,
 		"data-imf-ui-component": "Popover.Popup",
-		className: (n) => El({
+		className: (n) => Dl({
 			variant: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		})
 	});
 }
-zl.displayName = "Popover.Popup";
-function Bl(e) {
+Bl.displayName = "Popover.Popup";
+function Vl(e) {
 	return /* @__PURE__ */ x(_t.Arrow, {
 		...e,
 		"data-imf-ui-component": "Popover.Arrow",
-		className: (t) => Dl({ className: _(e.className, t) })
+		className: (t) => Ol({ className: v(e.className, t) })
 	});
 }
-Bl.displayName = "Popover.Arrow";
-function Vl(e) {
+Vl.displayName = "Popover.Arrow";
+function Hl(e) {
 	return /* @__PURE__ */ x(_t.Viewport, {
 		...e,
 		"data-imf-ui-component": "Popover.Viewport",
-		className: (t) => Ol({ className: _(e.className, t) })
+		className: (t) => kl({ className: v(e.className, t) })
 	});
 }
-Vl.displayName = "Popover.Viewport";
-function Hl(e) {
+Hl.displayName = "Popover.Viewport";
+function Ul(e) {
 	return /* @__PURE__ */ x("p", {
 		...e,
 		"data-imf-ui-component": "Popover.Eyebrow",
-		className: kl({ className: e.className })
+		className: Al({ className: e.className })
 	});
 }
-Hl.displayName = "Popover.Eyebrow";
-function Ul(e) {
+Ul.displayName = "Popover.Eyebrow";
+function Wl(e) {
 	return /* @__PURE__ */ x(_t.Title, {
 		...e,
 		"data-imf-ui-component": "Popover.Title",
-		className: Al({ className: e.className })
+		className: jl({ className: e.className })
 	});
 }
-Ul.displayName = "Popover.Title";
-function Wl(e) {
+Wl.displayName = "Popover.Title";
+function Gl(e) {
 	return /* @__PURE__ */ x(_t.Description, {
 		...e,
 		"data-imf-ui-component": "Popover.Description",
-		className: jl({ className: e.className })
+		className: Ml({ className: e.className })
 	});
 }
-Wl.displayName = "Popover.Description";
-function Gl(e) {
+Gl.displayName = "Popover.Description";
+function Kl(e) {
 	return /* @__PURE__ */ x(_t.Close, {
 		...e,
 		"data-imf-ui-component": "Popover.Close",
-		className: (t) => Ml({ className: _(e.className, t) })
+		className: (t) => Nl({ className: v(e.className, t) })
 	});
 }
-Gl.displayName = "Popover.Close";
-function Kl({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
-	return /* @__PURE__ */ S(Pl, { children: [/* @__PURE__ */ x(Fl, {
+Kl.displayName = "Popover.Close";
+function ql({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
+	return /* @__PURE__ */ S(Fl, { children: [/* @__PURE__ */ x(Il, {
 		inline: !0,
 		openOnHover: !0,
 		delay: r,
 		children: e
-	}), /* @__PURE__ */ x(Il, { children: /* @__PURE__ */ x(Rl, {
+	}), /* @__PURE__ */ x(Ll, { children: /* @__PURE__ */ x(zl, {
 		side: i,
 		sideOffset: a,
-		children: /* @__PURE__ */ S(zl, { children: [t && /* @__PURE__ */ x(Ul, { children: t }), n && /* @__PURE__ */ x(Wl, { children: n })] })
+		children: /* @__PURE__ */ S(Bl, { children: [t && /* @__PURE__ */ x(Wl, { children: t }), n && /* @__PURE__ */ x(Gl, { children: n })] })
 	}) })] });
 }
-Kl.displayName = "Popover.Inline";
+ql.displayName = "Popover.Inline";
 //#endregion
 //#region src/components/popover/popover.meta.ts
-var ql = {
+var Jl = {
 	name: "Popover",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Floating panel anchored to a trigger for contextual content, quick forms, or actions. Also called a popup or flyout; use Tooltip for hints without interaction.",
 	origin: "adapted",
@@ -4415,31 +4415,31 @@ var ql = {
 		docLink: "https://base-ui.com/react/components/popover",
 		llmDocLink: "https://base-ui.com/react/components/popover.md"
 	}
-}, Jl = y({ root: "imf-ui-prose-module-root" }.root);
-function Yl(e) {
+}, Yl = y({ root: "imf-ui-prose-module-root" }.root);
+function Xl(e) {
 	return /* @__PURE__ */ x("div", {
 		...e,
 		"data-imf-ui-component": "Prose",
-		className: Jl({ className: e.className })
+		className: Yl({ className: e.className })
 	});
 }
 //#endregion
 //#region src/components/prose/prose.meta.ts
-var Xl = {
+var Zl = {
 	name: "Prose",
-	category: g.layout,
+	category: _.layout,
 	status: "experimental",
 	description: "Flow container that spaces long-form text and the blocks inside it. Also called an article or rich-text container. Use Stack or Row for UI layout.",
 	origin: "native"
-}, Zl = {
+}, Ql = {
 	name: "Row",
-	category: g.layout,
+	category: _.layout,
 	status: "stable",
 	description: "Horizontal layout primitive for spacing, aligning, and wrapping children. Also called a horizontal stack or flex row.",
 	origin: "native"
-}, Ql = {
+}, $l = {
 	name: "ScrollArea",
-	category: g.layout,
+	category: _.layout,
 	status: "experimental",
 	description: "Scrollable region with the library's overlay scrollbar and edge fades, for lists, panels, and dialog bodies. Also called a scroll container; use it instead of a bare overflow: auto.",
 	origin: "adapted",
@@ -4449,9 +4449,9 @@ var Xl = {
 		docLink: "https://base-ui.com/react/components/scroll-area",
 		llmDocLink: "https://base-ui.com/react/components/scroll-area.md"
 	}
-}, $l = {
+}, eu = {
 	name: "Separator",
-	category: g.layout,
+	category: _.layout,
 	status: "stable",
 	description: "Line that divides content horizontally or vertically. Also called a divider or rule.",
 	origin: "adapted",
@@ -4461,7 +4461,7 @@ var Xl = {
 		docLink: "https://base-ui.com/react/components/separator",
 		llmDocLink: "https://base-ui.com/react/components/separator.md"
 	}
-}, eu = {
+}, tu = {
 	contextOncolor: "imf-ui-avatar-module-contextOncolor",
 	fallback: "imf-ui-avatar-module-fallback",
 	glyph: "imf-ui-avatar-module-glyph",
@@ -4470,65 +4470,65 @@ var Xl = {
 	sizeLg: "imf-ui-avatar-module-sizeLg",
 	sizeMd: "imf-ui-avatar-module-sizeMd",
 	sizeSm: "imf-ui-avatar-module-sizeSm"
-}, tu = /* @__PURE__ */ e({
-	Fallback: () => iu,
-	Image: () => au,
-	Root: () => ru
-}), nu = y(eu.root, { variants: {
+}, nu = /* @__PURE__ */ e({
+	Fallback: () => au,
+	Image: () => ou,
+	Root: () => iu
+}), ru = y(tu.root, { variants: {
 	size: {
-		sm: eu.sizeSm,
-		md: eu.sizeMd,
-		lg: eu.sizeLg
+		sm: tu.sizeSm,
+		md: tu.sizeMd,
+		lg: tu.sizeLg
 	},
 	context: {
 		default: null,
-		oncolor: eu.contextOncolor
+		oncolor: tu.contextOncolor
 	}
 } });
-function ru({ size: e = "md", context: t = "default", ...n }) {
+function iu({ size: e = "md", context: t = "default", ...n }) {
 	let r = n["aria-label"] != null || n["aria-labelledby"] != null;
 	return /* @__PURE__ */ x(vt.Root, {
 		role: r ? "img" : void 0,
 		"aria-hidden": !r || void 0,
 		...n,
 		"data-imf-ui-component": "Avatar.Root",
-		className: (r) => nu({
+		className: (r) => ru({
 			size: e,
 			context: t,
-			className: _(n.className, r)
+			className: v(n.className, r)
 		})
 	});
 }
-ru.displayName = "Avatar.Root";
-function iu({ children: e, ...t }) {
+iu.displayName = "Avatar.Root";
+function au({ children: e, ...t }) {
 	return /* @__PURE__ */ x(vt.Fallback, {
 		...t,
 		"data-imf-ui-component": "Avatar.Fallback",
-		className: (e) => y(eu.fallback)({ className: _(t.className, e) }),
-		children: e ?? /* @__PURE__ */ x(m, {
+		className: (e) => y(tu.fallback)({ className: v(t.className, e) }),
+		children: e ?? /* @__PURE__ */ x(h, {
 			glyph: ee,
-			className: eu.glyph,
+			className: tu.glyph,
 			"aria-hidden": !0
 		})
 	});
 }
-iu.displayName = "Avatar.Fallback";
-function au({ alt: e = "", ...t }) {
+au.displayName = "Avatar.Fallback";
+function ou({ alt: e = "", ...t }) {
 	return /* @__PURE__ */ x(vt.Image, {
 		...t,
 		alt: e,
 		"data-imf-ui-component": "Avatar.Image",
-		className: (e) => y(eu.image)({ className: _(t.className, e) })
+		className: (e) => y(tu.image)({ className: v(t.className, e) })
 	});
 }
-au.displayName = "Avatar.Image";
+ou.displayName = "Avatar.Image";
 //#endregion
 //#region src/utils/break-hints.tsx
-var ou = /(?=@)|(?<=\.)/;
-function su(e) {
-	return Xe.map(e, (e) => typeof e == "string" ? e.split(ou).flatMap((e, t) => t === 0 ? [e] : [/* @__PURE__ */ x("wbr", {}, t), e]) : e);
+var su = /(?=@)|(?<=\.)/;
+function cu(e) {
+	return Xe.map(e, (e) => typeof e == "string" ? e.split(su).flatMap((e, t) => t === 0 ? [e] : [/* @__PURE__ */ x("wbr", {}, t), e]) : e);
 }
-var cu = {
+var lu = {
 	action: "imf-ui-account-card-module-action",
 	avatar: "imf-ui-account-card-module-avatar",
 	contextOncolor: "imf-ui-account-card-module-contextOncolor",
@@ -4537,101 +4537,101 @@ var cu = {
 	root: "imf-ui-account-card-module-root",
 	subtitle: "imf-ui-account-card-module-subtitle",
 	title: "imf-ui-account-card-module-title"
-}, lu = /* @__PURE__ */ e({
-	Action: () => vu,
-	Avatar: () => pu,
-	Description: () => gu,
-	Role: () => _u,
-	Root: () => fu,
-	Subtitle: () => hu,
-	Title: () => mu
-}), uu = y(cu.root, { variants: { context: {
+}, uu = /* @__PURE__ */ e({
+	Action: () => yu,
+	Avatar: () => mu,
+	Description: () => _u,
+	Role: () => vu,
+	Root: () => pu,
+	Subtitle: () => gu,
+	Title: () => hu
+}), du = y(lu.root, { variants: { context: {
 	default: null,
-	oncolor: cu.contextOncolor
-} } }), du = $e("default");
-function fu({ context: e = "default", ...t }) {
-	return /* @__PURE__ */ x(du.Provider, {
+	oncolor: lu.contextOncolor
+} } }), fu = $e("default");
+function pu({ context: e = "default", ...t }) {
+	return /* @__PURE__ */ x(fu.Provider, {
 		value: e ?? "default",
 		children: /* @__PURE__ */ x("div", {
 			...t,
 			"data-imf-ui-component": "AccountCard.Root",
-			className: uu({
+			className: du({
 				context: e,
 				className: t.className
 			})
 		})
 	});
 }
-fu.displayName = "AccountCard.Root";
-function pu({ src: e, size: t = "sm", children: n, ...r }) {
-	let i = C(du);
+pu.displayName = "AccountCard.Root";
+function mu({ src: e, size: t = "sm", children: n, ...r }) {
+	let i = C(fu);
 	return /* @__PURE__ */ x("span", {
 		...r,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "AccountCard.Avatar",
-		className: b(cu.avatar, r.className),
-		children: /* @__PURE__ */ S(ru, {
+		className: b(lu.avatar, r.className),
+		children: /* @__PURE__ */ S(iu, {
 			context: i,
 			size: t,
-			children: [/* @__PURE__ */ x(iu, { children: n }), e != null && /* @__PURE__ */ x(au, { src: e })]
+			children: [/* @__PURE__ */ x(au, { children: n }), e != null && /* @__PURE__ */ x(ou, { src: e })]
 		})
 	});
 }
-pu.displayName = "AccountCard.Avatar";
-function mu({ children: e, ...t }) {
+mu.displayName = "AccountCard.Avatar";
+function hu({ children: e, ...t }) {
 	return /* @__PURE__ */ x("span", {
 		...t,
 		"data-imf-ui-component": "AccountCard.Title",
-		className: b(cu.title, t.className),
-		children: su(e)
+		className: b(lu.title, t.className),
+		children: cu(e)
 	});
 }
-mu.displayName = "AccountCard.Title";
-function hu({ children: e, ...t }) {
+hu.displayName = "AccountCard.Title";
+function gu({ children: e, ...t }) {
 	return /* @__PURE__ */ x("span", {
 		...t,
 		"data-imf-ui-component": "AccountCard.Subtitle",
-		className: b(cu.subtitle, t.className),
-		children: su(e)
+		className: b(lu.subtitle, t.className),
+		children: cu(e)
 	});
 }
-hu.displayName = "AccountCard.Subtitle";
-function gu(e) {
+gu.displayName = "AccountCard.Subtitle";
+function _u(e) {
 	return /* @__PURE__ */ x("span", {
 		...e,
 		"data-imf-ui-component": "AccountCard.Description",
-		className: b(cu.description, e.className)
+		className: b(lu.description, e.className)
 	});
 }
-gu.displayName = "AccountCard.Description";
-function _u(e) {
+_u.displayName = "AccountCard.Description";
+function vu(e) {
 	return /* @__PURE__ */ x("span", {
 		...e,
 		"data-imf-ui-component": "AccountCard.Role",
-		className: b(cu.role, e.className)
+		className: b(lu.role, e.className)
 	});
 }
-_u.displayName = "AccountCard.Role";
-function vu(e) {
+vu.displayName = "AccountCard.Role";
+function yu(e) {
 	return /* @__PURE__ */ x("div", {
 		...e,
 		"data-imf-ui-component": "AccountCard.Action",
-		className: b(cu.action, e.className)
+		className: b(lu.action, e.className)
 	});
 }
-vu.displayName = "AccountCard.Action";
+yu.displayName = "AccountCard.Action";
 //#endregion
 //#region src/components/account-card/account-card.meta.ts
-var yu = {
+var bu = {
 	name: "AccountCard",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "The signed-in person's account row: the avatar in a lead column, the name or email, a quiet line under it, and organization and role below, with a trailing action such as Log out. Also called an ID card or user row; for a bare person badge, use Avatar.",
 	origin: "native",
 	internalDependencies: ["Avatar"]
-}, bu = {
+}, xu = {
 	name: "Avatar",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Round badge that stands for a person, showing their photo, their initials, or a person glyph. Also called a profile picture or user badge; for a signed-in account row with a name, use AccountCard.",
 	origin: "adapted",
@@ -4644,7 +4644,7 @@ var yu = {
 };
 //#endregion
 //#region src/components/chip/chip.tsx
-function xu({ variant: e = "minor", appearance: t = "outline", inline: n = !1, children: r, ...i }) {
+function Su({ variant: e = "minor", appearance: t = "outline", inline: n = !1, children: r, ...i }) {
 	return /* @__PURE__ */ x("span", {
 		...i,
 		"data-imf-ui-component": "Chip",
@@ -4662,60 +4662,60 @@ function xu({ variant: e = "minor", appearance: t = "outline", inline: n = !1, c
 }
 //#endregion
 //#region src/components/chip/chip.meta.ts
-var Su = {
+var Cu = {
 	name: "Chip",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Compact label for tags, status, categories, counts, and metadata. Also called a badge or tag; its color and appearance are independent choices.",
 	origin: "native"
-}, Cu = {
+}, wu = {
 	iconClosed: "imf-ui-collapsible-module-iconClosed",
 	iconOpen: "imf-ui-collapsible-module-iconOpen",
 	panel: "imf-ui-collapsible-module-panel",
 	root: "imf-ui-collapsible-module-root",
 	trigger: "imf-ui-collapsible-module-trigger",
 	variantSolid: "imf-ui-collapsible-module-variantSolid"
-}, wu = /* @__PURE__ */ e({
-	Panel: () => Au,
-	Root: () => Eu,
-	Trigger: () => Ou
-}), Tu = y(Cu.root, { variants: { variant: {
+}, Tu = /* @__PURE__ */ e({
+	Panel: () => ju,
+	Root: () => Du,
+	Trigger: () => ku
+}), Eu = y(wu.root, { variants: { variant: {
 	default: null,
-	solid: Cu.variantSolid
+	solid: wu.variantSolid
 } } });
-function Eu({ variant: e = "default", ...t }) {
+function Du({ variant: e = "default", ...t }) {
 	return /* @__PURE__ */ x(yt.Root, {
 		...t,
 		"data-imf-ui-component": "Collapsible.Root",
-		className: (n) => Tu({
+		className: (n) => Eu({
 			variant: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		})
 	});
 }
-Eu.displayName = "Collapsible.Root";
-var Du = y(Cu.trigger);
-function Ou({ children: e, ...t }) {
+Du.displayName = "Collapsible.Root";
+var Ou = y(wu.trigger);
+function ku({ children: e, ...t }) {
 	return /* @__PURE__ */ S(yt.Trigger, {
 		...t,
 		"data-imf-ui-component": "Collapsible.Trigger",
-		className: (e) => Du({ className: _(t.className, e) }),
+		className: (e) => Ou({ className: v(t.className, e) }),
 		children: [
 			e,
 			/* @__PURE__ */ x("span", {
-				className: Cu.iconClosed,
+				className: wu.iconClosed,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ x(m, {
-					glyph: ce,
+				children: /* @__PURE__ */ x(h, {
+					glyph: se,
 					size: 16,
 					strokeWidth: 1.5
 				})
 			}),
 			/* @__PURE__ */ x("span", {
-				className: Cu.iconOpen,
+				className: wu.iconOpen,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ x(m, {
-					glyph: oe,
+				children: /* @__PURE__ */ x(h, {
+					glyph: m,
 					size: 16,
 					strokeWidth: 1.5
 				})
@@ -4723,21 +4723,21 @@ function Ou({ children: e, ...t }) {
 		]
 	});
 }
-Ou.displayName = "Collapsible.Trigger";
-var ku = y(Cu.panel);
-function Au(e) {
+ku.displayName = "Collapsible.Trigger";
+var Au = y(wu.panel);
+function ju(e) {
 	return /* @__PURE__ */ x(yt.Panel, {
 		...e,
 		"data-imf-ui-component": "Collapsible.Panel",
-		className: (t) => ku({ className: _(e.className, t) })
+		className: (t) => Au({ className: v(e.className, t) })
 	});
 }
-Au.displayName = "Collapsible.Panel";
+ju.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/collapsible.meta.ts
-var ju = {
+var Mu = {
 	name: "Collapsible",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Show-and-hide region for secondary content such as FAQs, settings, or details. Also called a disclosure or expand/collapse.",
 	origin: "adapted",
@@ -4747,7 +4747,7 @@ var ju = {
 		docLink: "https://base-ui.com/react/components/collapsible",
 		llmDocLink: "https://base-ui.com/react/components/collapsible.md"
 	}
-}, Mu = {
+}, Y = {
 	borderSingle: "imf-ui-image-module-borderSingle",
 	fitContain: "imf-ui-image-module-fitContain",
 	fitCover: "imf-ui-image-module-fitCover",
@@ -4761,21 +4761,21 @@ var ju = {
 	radiusRound: "imf-ui-image-module-radiusRound",
 	radiusSm: "imf-ui-image-module-radiusSm",
 	root: "imf-ui-image-module-root"
-}, Nu = y(Mu.root, { variants: {
+}, Nu = y(Y.root, { variants: {
 	radius: {
 		none: null,
-		sm: Mu.radiusSm,
-		md: Mu.radiusMd,
-		lg: Mu.radiusLg,
-		round: Mu.radiusRound
+		sm: Y.radiusSm,
+		md: Y.radiusMd,
+		lg: Y.radiusLg,
+		round: Y.radiusRound
 	},
 	fit: {
-		cover: Mu.fitCover,
-		contain: Mu.fitContain
+		cover: Y.fitCover,
+		contain: Y.fitContain
 	},
 	border: {
 		none: null,
-		single: Mu.borderSingle
+		single: Y.borderSingle
 	}
 } });
 function Pu({ alt: e, width: t, height: n, avifSrcSet: i, webpSrcSet: a, priority: o = !1, loading: s = "lazy", decoding: c = "async", radius: l = "none", fit: ee = "cover", border: u = "none", borderWidth: d = 1, aspectRatio: f, className: te, style: ne, ref: re, ...ie }) {
@@ -4784,16 +4784,16 @@ function Pu({ alt: e, width: t, height: n, avifSrcSet: i, webpSrcSet: a, priorit
 		ie.srcSet,
 		i,
 		a
-	].join("|"), [ae, oe] = w({
+	].join("|"), [ae, m] = w({
 		key: p,
 		status: "loading"
 	});
-	ae.key !== p && oe({
+	ae.key !== p && m({
 		key: p,
 		status: "loading"
 	});
-	let { status: se } = ae, ce = ot(null), le = tt((e) => {
-		if (ce.current = e, typeof re == "function") {
+	let { status: oe } = ae, se = ot(null), ce = tt((e) => {
+		if (se.current = e, typeof re == "function") {
 			let t = re(e);
 			return () => {
 				typeof t == "function" ? t() : re(null);
@@ -4804,27 +4804,27 @@ function Pu({ alt: e, width: t, height: n, avifSrcSet: i, webpSrcSet: a, priorit
 		};
 	}, [re]);
 	it(() => {
-		let e = ce.current;
-		e?.complete && oe({
+		let e = se.current;
+		e?.complete && m({
 			key: p,
 			status: e.naturalWidth > 0 ? "loaded" : "error"
 		});
 	}, [p]);
-	let ue = () => {
-		oe({
+	let le = () => {
+		m({
 			key: p,
 			status: "loaded"
 		});
-	}, h = () => {
-		oe({
+	}, g = () => {
+		m({
 			key: p,
 			status: "error"
 		});
 	};
 	return /* @__PURE__ */ S("span", {
 		"data-imf-ui-component": "Image",
-		"data-loading": se === "loading" ? "" : void 0,
-		"data-error": se === "error" ? "" : void 0,
+		"data-loading": oe === "loading" ? "" : void 0,
+		"data-error": oe === "error" ? "" : void 0,
 		className: Nu({
 			radius: l,
 			fit: ee,
@@ -4838,20 +4838,20 @@ function Pu({ alt: e, width: t, height: n, avifSrcSet: i, webpSrcSet: a, priorit
 			...ne
 		},
 		children: [
-			se === "loading" && /* @__PURE__ */ x("span", {
-				className: Mu.pulse,
+			oe === "loading" && /* @__PURE__ */ x("span", {
+				className: Y.pulse,
 				"aria-hidden": !0
 			}),
-			se === "error" && /* @__PURE__ */ x("span", {
-				className: Mu.layer,
-				children: /* @__PURE__ */ x(m, {
+			oe === "error" && /* @__PURE__ */ x("span", {
+				className: Y.layer,
+				children: /* @__PURE__ */ x(h, {
 					glyph: r,
-					className: Mu.glyph,
+					className: Y.glyph,
 					"aria-hidden": !0
 				})
 			}),
 			/* @__PURE__ */ S("picture", {
-				className: Mu.picture,
+				className: Y.picture,
 				children: [
 					i && /* @__PURE__ */ x("source", {
 						type: "image/avif",
@@ -4865,17 +4865,17 @@ function Pu({ alt: e, width: t, height: n, avifSrcSet: i, webpSrcSet: a, priorit
 					}),
 					/* @__PURE__ */ x("img", {
 						...O(ie, {
-							onLoad: ue,
-							onError: h
+							onLoad: le,
+							onError: g
 						}),
-						ref: le,
+						ref: ce,
 						alt: e,
 						width: t,
 						height: n,
 						loading: o ? "eager" : s,
 						decoding: c,
 						fetchPriority: o ? "high" : ie.fetchPriority,
-						className: Mu.image
+						className: Y.image
 					})
 				]
 			})
@@ -4887,7 +4887,7 @@ Pu.displayName = "Image";
 //#region src/components/image/image.meta.ts
 var Fu = {
 	name: "Image",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Picture with AVIF and WebP sources, reserved space, lazy loading, and a fallback while it loads or when it fails. Also called a photo, thumbnail or media. Use Avatar for a person and Card.Image for a card's edge-to-edge slot.",
 	origin: "native",
@@ -4909,7 +4909,7 @@ function Uu({ min: e = 0, max: t = 100, ...n }) {
 	return /* @__PURE__ */ x(bt.Root, {
 		...n,
 		"data-imf-ui-component": "Meter.Root",
-		className: (e) => Ru({ className: _(n.className, e) }),
+		className: (e) => Ru({ className: v(n.className, e) }),
 		min: e,
 		max: t
 	});
@@ -4919,7 +4919,7 @@ function Wu(e) {
 	return /* @__PURE__ */ x(bt.Label, {
 		...e,
 		"data-imf-ui-component": "Meter.Label",
-		className: (t) => zu({ className: _(e.className, t) })
+		className: (t) => zu({ className: v(e.className, t) })
 	});
 }
 Wu.displayName = "Meter.Label";
@@ -4927,7 +4927,7 @@ function Gu(e) {
 	return /* @__PURE__ */ x(bt.Value, {
 		...e,
 		"data-imf-ui-component": "Meter.Value",
-		className: (t) => Bu({ className: _(e.className, t) })
+		className: (t) => Bu({ className: v(e.className, t) })
 	});
 }
 Gu.displayName = "Meter.Value";
@@ -4935,7 +4935,7 @@ function Ku(e) {
 	return /* @__PURE__ */ x(bt.Track, {
 		...e,
 		"data-imf-ui-component": "Meter.Track",
-		className: (t) => Vu({ className: _(e.className, t) })
+		className: (t) => Vu({ className: v(e.className, t) })
 	});
 }
 Ku.displayName = "Meter.Track";
@@ -4943,7 +4943,7 @@ function qu(e) {
 	return /* @__PURE__ */ x(bt.Indicator, {
 		...e,
 		"data-imf-ui-component": "Meter.Indicator",
-		className: (t) => Hu({ className: _(e.className, t) })
+		className: (t) => Hu({ className: v(e.className, t) })
 	});
 }
 qu.displayName = "Meter.Indicator";
@@ -4951,7 +4951,7 @@ qu.displayName = "Meter.Indicator";
 //#region src/components/meter/meter.meta.ts
 var Ju = {
 	name: "Meter",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Read-only bar for a measured amount within a known range, such as seats in use or storage used. Also called a gauge or usage bar. Use Slider when the user sets the value.",
 	origin: "adapted",
@@ -5019,7 +5019,7 @@ function dd(e) {
 	return /* @__PURE__ */ x(j.Trigger, {
 		...e,
 		"data-imf-ui-component": "Menu.Trigger",
-		className: (t) => e.render ? _(e.className, t) : Xu({ className: _(e.className, t) })
+		className: (t) => e.render ? v(e.className, t) : Xu({ className: v(e.className, t) })
 	});
 }
 dd.displayName = "Menu.Trigger";
@@ -5031,7 +5031,7 @@ function pd(e) {
 	return /* @__PURE__ */ x(j.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Menu.Backdrop",
-		className: (t) => Zu({ className: _(e.className, t) })
+		className: (t) => Zu({ className: v(e.className, t) })
 	});
 }
 pd.displayName = "Menu.Backdrop";
@@ -5041,7 +5041,7 @@ function md({ sideOffset: e = 4, alignOffset: t = 0, ...n }) {
 		sideOffset: e,
 		alignOffset: t,
 		"data-imf-ui-component": "Menu.Positioner",
-		className: (e) => Qu({ className: _(n.className, e) })
+		className: (e) => Qu({ className: v(n.className, e) })
 	});
 }
 md.displayName = "Menu.Positioner";
@@ -5051,7 +5051,7 @@ function hd({ size: e = "sm", ...t }) {
 		"data-imf-ui-component": "Menu.Popup",
 		className: (n) => $u({
 			size: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		})
 	});
 }
@@ -5060,7 +5060,7 @@ function gd(e) {
 	return /* @__PURE__ */ x(j.Arrow, {
 		...e,
 		"data-imf-ui-component": "Menu.Arrow",
-		className: (t) => ed({ className: _(e.className, t) })
+		className: (t) => ed({ className: v(e.className, t) })
 	});
 }
 gd.displayName = "Menu.Arrow";
@@ -5068,7 +5068,7 @@ function _d(e) {
 	return /* @__PURE__ */ x(j.Viewport, {
 		...e,
 		"data-imf-ui-component": "Menu.Viewport",
-		className: (t) => td({ className: _(e.className, t) })
+		className: (t) => td({ className: v(e.className, t) })
 	});
 }
 _d.displayName = "Menu.Viewport";
@@ -5126,7 +5126,7 @@ function xd({ icon: e, description: t, badge: n, label: r, children: i, ...a })
 		...a,
 		label: vd(r, i),
 		"data-imf-ui-component": "Menu.Item",
-		className: (e) => nd({ className: _(a.className, e) }),
+		className: (e) => nd({ className: v(a.className, e) }),
 		children: /* @__PURE__ */ x(bd, {
 			icon: e,
 			description: t,
@@ -5147,7 +5147,7 @@ function Sd({ icon: e, description: t, badge: n, label: r, children: i, ...a })
 		...a,
 		label: vd(r, i),
 		"data-imf-ui-component": "Menu.LinkItem",
-		className: (e) => nd({ className: _(a.className, e) }),
+		className: (e) => nd({ className: v(a.className, e) }),
 		children: /* @__PURE__ */ x(bd, {
 			icon: e,
 			description: t,
@@ -5162,7 +5162,7 @@ function Cd(e) {
 	return /* @__PURE__ */ x(j.CheckboxItemIndicator, {
 		...e,
 		"data-imf-ui-component": "Menu.CheckboxItemIndicator",
-		className: (t) => sd({ className: _(e.className, t) })
+		className: (t) => sd({ className: v(e.className, t) })
 	});
 }
 Cd.displayName = "Menu.CheckboxItemIndicator";
@@ -5176,13 +5176,13 @@ function wd({ icon: e, description: t, badge: n, label: r, children: i, ...a })
 		...a,
 		label: vd(r, i),
 		"data-imf-ui-component": "Menu.CheckboxItem",
-		className: (e) => nd({ className: _(a.className, e) }),
+		className: (e) => nd({ className: v(a.className, e) }),
 		children: /* @__PURE__ */ x(bd, {
 			icon: e,
 			description: t,
 			badge: n,
 			ids: o,
-			indicator: /* @__PURE__ */ x(Cd, { children: /* @__PURE__ */ x(m, {
+			indicator: /* @__PURE__ */ x(Cd, { children: /* @__PURE__ */ x(h, {
 				glyph: p,
 				size: 16,
 				"aria-hidden": !0
@@ -5196,7 +5196,7 @@ function Td(e) {
 	return /* @__PURE__ */ x(j.RadioGroup, {
 		...e,
 		"data-imf-ui-component": "Menu.RadioGroup",
-		className: (t) => ad({ className: _(e.className, t) })
+		className: (t) => ad({ className: v(e.className, t) })
 	});
 }
 Td.displayName = "Menu.RadioGroup";
@@ -5204,7 +5204,7 @@ function Ed(e) {
 	return /* @__PURE__ */ x(j.RadioItemIndicator, {
 		...e,
 		"data-imf-ui-component": "Menu.RadioItemIndicator",
-		className: (t) => sd({ className: _(e.className, t) })
+		className: (t) => sd({ className: v(e.className, t) })
 	});
 }
 Ed.displayName = "Menu.RadioItemIndicator";
@@ -5218,13 +5218,13 @@ function Dd({ icon: e, description: t, badge: n, label: r, children: i, ...a })
 		...a,
 		label: vd(r, i),
 		"data-imf-ui-component": "Menu.RadioItem",
-		className: (e) => nd({ className: _(a.className, e) }),
+		className: (e) => nd({ className: v(a.className, e) }),
 		children: /* @__PURE__ */ x(bd, {
 			icon: e,
 			description: t,
 			badge: n,
 			ids: o,
-			indicator: /* @__PURE__ */ x(Ed, { children: /* @__PURE__ */ x(m, {
+			indicator: /* @__PURE__ */ x(Ed, { children: /* @__PURE__ */ x(h, {
 				glyph: p,
 				size: 16,
 				"aria-hidden": !0
@@ -5248,13 +5248,13 @@ function kd({ icon: e, description: t, badge: n, label: r, children: i, ...a })
 		...a,
 		label: vd(r, i),
 		"data-imf-ui-component": "Menu.SubmenuTrigger",
-		className: (e) => nd({ className: _(a.className, e) }),
+		className: (e) => nd({ className: v(a.className, e) }),
 		children: /* @__PURE__ */ x(bd, {
 			icon: e,
 			description: t,
 			badge: n,
 			ids: o,
-			indicator: /* @__PURE__ */ x(m, {
+			indicator: /* @__PURE__ */ x(h, {
 				glyph: u,
 				size: 16,
 				"aria-hidden": !0
@@ -5268,7 +5268,7 @@ function Ad(e) {
 	return /* @__PURE__ */ x(j.Separator, {
 		...e,
 		"data-imf-ui-component": "Menu.Separator",
-		className: (t) => rd({ className: _(e.className, t) })
+		className: (t) => rd({ className: v(e.className, t) })
 	});
 }
 Ad.displayName = "Menu.Separator";
@@ -5276,7 +5276,7 @@ function jd(e) {
 	return /* @__PURE__ */ x(j.Group, {
 		...e,
 		"data-imf-ui-component": "Menu.Group",
-		className: (t) => id({ className: _(e.className, t) })
+		className: (t) => id({ className: v(e.className, t) })
 	});
 }
 jd.displayName = "Menu.Group";
@@ -5284,7 +5284,7 @@ function Md(e) {
 	return /* @__PURE__ */ x(j.GroupLabel, {
 		...e,
 		"data-imf-ui-component": "Menu.GroupLabel",
-		className: (t) => od({ className: _(e.className, t) })
+		className: (t) => od({ className: v(e.className, t) })
 	});
 }
 Md.displayName = "Menu.GroupLabel";
@@ -5292,7 +5292,7 @@ Md.displayName = "Menu.GroupLabel";
 //#region src/components/menu/menu.meta.ts
 var Nd = {
 	name: "Menu",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Action menu opened from a trigger: items with icon, description and badge, checkbox and radio items, groups, submenus. Also dropdown or actions menu. Not for navigation (NavigationMenu) or picking a value (Select).",
 	origin: "adapted",
@@ -5317,7 +5317,7 @@ function Vd({ orientation: e = "horizontal", className: t, ...n }) {
 		orientation: e,
 		"data-imf-ui-component": "NavigationMenu.Root",
 		"data-orientation": e,
-		className: (e) => Id({ className: _(t, e) })
+		className: (e) => Id({ className: v(t, e) })
 	});
 }
 Vd.displayName = "NavigationMenu.Root";
@@ -5325,7 +5325,7 @@ function Hd(e) {
 	return /* @__PURE__ */ x(M.List, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.List",
-		className: (t) => Ld({ className: _(e.className, t) })
+		className: (t) => Ld({ className: v(e.className, t) })
 	});
 }
 Hd.displayName = "NavigationMenu.List";
@@ -5333,7 +5333,7 @@ function Ud(e) {
 	return /* @__PURE__ */ x(M.Item, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Item",
-		className: (t) => Rd({ className: _(e.className, t) })
+		className: (t) => Rd({ className: v(e.className, t) })
 	});
 }
 Ud.displayName = "NavigationMenu.Item";
@@ -5341,7 +5341,7 @@ function Wd(e) {
 	return /* @__PURE__ */ x(M.Content, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Content",
-		className: (t) => zd({ className: _(e.className, t) })
+		className: (t) => zd({ className: v(e.className, t) })
 	});
 }
 Wd.displayName = "NavigationMenu.Content";
@@ -5349,7 +5349,7 @@ function Gd(e) {
 	return /* @__PURE__ */ x(M.Viewport, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Viewport",
-		className: (t) => Bd({ className: _(e.className, t) })
+		className: (t) => Bd({ className: v(e.className, t) })
 	});
 }
 Gd.displayName = "NavigationMenu.Viewport";
@@ -5363,9 +5363,9 @@ function Yd({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r,
 		"data-imf-ui-component": "NavigationMenu.Trigger",
 		"data-active": e ? "" : void 0,
 		"data-nested": n ? "" : void 0,
-		className: (e) => qd({ className: _(i.className, e) }),
-		children: [r, !t && /* @__PURE__ */ x(Xd, { children: /* @__PURE__ */ x(m, {
-			glyph: ce,
+		className: (e) => qd({ className: v(i.className, e) }),
+		children: [r, !t && /* @__PURE__ */ x(Xd, { children: /* @__PURE__ */ x(h, {
+			glyph: se,
 			size: 14
 		}) })]
 	});
@@ -5375,7 +5375,7 @@ function Xd(e) {
 	return /* @__PURE__ */ x(M.Icon, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Icon",
-		className: (t) => Jd({ className: _(e.className, t) })
+		className: (t) => Jd({ className: v(e.className, t) })
 	});
 }
 Xd.displayName = "NavigationMenu.Icon";
@@ -5394,7 +5394,7 @@ function rf({ align: e = "start", ...t }) {
 		...t,
 		align: e,
 		"data-imf-ui-component": "NavigationMenu.Positioner",
-		className: (e) => Qd({ className: _(t.className, e) })
+		className: (e) => Qd({ className: v(t.className, e) })
 	});
 }
 rf.displayName = "NavigationMenu.Positioner";
@@ -5402,7 +5402,7 @@ function af(e) {
 	return /* @__PURE__ */ x(M.Popup, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Popup",
-		className: (t) => $d({ className: _(e.className, t) })
+		className: (t) => $d({ className: v(e.className, t) })
 	});
 }
 af.displayName = "NavigationMenu.Popup";
@@ -5410,7 +5410,7 @@ function of(e) {
 	return /* @__PURE__ */ x(M.Arrow, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Arrow",
-		className: (t) => ef({ className: _(e.className, t) })
+		className: (t) => ef({ className: v(e.className, t) })
 	});
 }
 of.displayName = "NavigationMenu.Arrow";
@@ -5418,7 +5418,7 @@ function sf(e) {
 	return /* @__PURE__ */ x(M.Backdrop, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Backdrop",
-		className: (t) => tf({ className: _(e.className, t) })
+		className: (t) => tf({ className: v(e.className, t) })
 	});
 }
 sf.displayName = "NavigationMenu.Backdrop";
@@ -5433,7 +5433,7 @@ function ff(e) {
 	return /* @__PURE__ */ x(M.Link, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Link",
-		className: (t) => lf({ className: _(e.className, t) })
+		className: (t) => lf({ className: v(e.className, t) })
 	});
 }
 ff.displayName = "NavigationMenu.Link";
@@ -5449,7 +5449,7 @@ function mf({ title: e, description: t, image: n, imageAlt: r = "", ...i }) {
 	return /* @__PURE__ */ x(M.Link, {
 		...i,
 		"data-imf-ui-component": "NavigationMenu.LinkCard",
-		className: (e) => df({ className: _(i.className, e) }),
+		className: (e) => df({ className: v(i.className, e) }),
 		children: /* @__PURE__ */ S(Oi, {
 			variant: "main",
 			density: "compact",
@@ -5481,11 +5481,11 @@ function _f({ children: e, render: t, ...n }) {
 		...n,
 		render: t,
 		"data-imf-ui-component": "NavigationMenu.FlyoutLink",
-		className: (e) => gf({ className: _(n.className, e) }),
+		className: (e) => gf({ className: v(n.className, e) }),
 		children: t ? e : /* @__PURE__ */ S(Ye, { children: [e, /* @__PURE__ */ x("span", {
 			className: hf.linkArrow,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ x(h, {
 				glyph: c,
 				size: 14
 			})
@@ -5509,7 +5509,7 @@ var vf = {
 //#endregion
 //#region src/components/navigation-menu/subs/inline-submenu.tsx
 function yf({ items: e, defaultValue: t }) {
-	let n = cc(gs("md"), !0);
+	let n = lc(_s("md"), !0);
 	return /* @__PURE__ */ x(M.Root, {
 		orientation: n ? "vertical" : "horizontal",
 		defaultValue: t,
@@ -5583,7 +5583,7 @@ var bf = /* @__PURE__ */ e({
 	Viewport: () => Gd
 }), xf = {
 	name: "NavigationMenu",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	namespace: !0,
 	description: "Navigation menu with horizontal or vertical triggers and anchored flyout panels. Also called a menu bar or mega menu; it supports links, rich cards, and nested navigation.",
@@ -5707,7 +5707,7 @@ kf.displayName = "Skeleton.Suspense";
 //#region src/components/skeleton/skeleton.meta.ts
 var Af = {
 	name: "Skeleton",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Loading placeholder that stands in for data at the size it will take, so nothing shifts when it lands. Also called a skeleton loader or ghost. Use Spinner when the layout is unknown.",
 	origin: "native"
@@ -5748,7 +5748,7 @@ function Lf({ size: e = "md", variant: t = "blue", label: n = "Loading", ...r })
 //#region src/components/spinner/spinner.meta.ts
 var Rf = {
 	name: "Spinner",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Indeterminate loading indicator. Also called a loader or progress spinner.",
 	origin: "native"
@@ -5909,7 +5909,7 @@ function lp({ sorted: e }) {
 		className: Zf(),
 		"data-sorted": e || void 0,
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ x(h, {
 			glyph: t,
 			size: 14,
 			strokeWidth: 1.5
@@ -5995,7 +5995,7 @@ pp.displayName = "Table.EmptyRow";
 //#region src/components/table/table.meta.ts
 var mp = {
 	name: "Table",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Presentational table parts for static tabular data. Pair them with a headless table library for sorting or pagination.",
 	origin: "native",
@@ -6029,14 +6029,14 @@ yp.displayName = "TabNav.Item";
 //#region src/components/tab-nav/tab-nav.meta.ts
 var bp = {
 	name: "TabNav",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Row of links to routes with a bar under the current one, such as the sections of a project. Also called route tabs or link tabs; use Tabs to switch panels on one page.",
 	origin: "native",
 	internalDependencies: ["Tabs"]
 }, xp = {
 	name: "Tabs",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	namespace: !0,
 	description: "Switches between related panels within one view. Also called a tab strip or tab bar; it supports horizontal and vertical layouts and a boxed or underline look. Use TabNav for links to routes.",
@@ -6129,7 +6129,7 @@ function Ip(e) {
 	return /* @__PURE__ */ x(N.Portal, {
 		...e,
 		"data-imf-ui-component": "Toast.Portal",
-		className: (t) => Cp({ className: _(e.className, t) })
+		className: (t) => Cp({ className: v(e.className, t) })
 	});
 }
 Ip.displayName = "Toast.Portal";
@@ -6140,7 +6140,7 @@ function Lp({ position: e = "bottom-center", width: t = "default", ...n }) {
 		className: (r) => wp({
 			position: e,
 			width: t,
-			className: _(n.className, r)
+			className: v(n.className, r)
 		})
 	});
 }
@@ -6151,7 +6151,7 @@ function Rp({ variant: e = "neutral", ...t }) {
 		"data-imf-ui-component": "Toast.Root",
 		className: (n) => Tp({
 			variant: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		})
 	});
 }
@@ -6160,7 +6160,7 @@ function zp(e) {
 	return /* @__PURE__ */ x(N.Content, {
 		...e,
 		"data-imf-ui-component": "Toast.Content",
-		className: (t) => Ep({ className: _(e.className, t) })
+		className: (t) => Ep({ className: v(e.className, t) })
 	});
 }
 zp.displayName = "Toast.Content";
@@ -6168,7 +6168,7 @@ function Bp(e) {
 	return /* @__PURE__ */ x(N.Title, {
 		...e,
 		"data-imf-ui-component": "Toast.Title",
-		className: (t) => Dp({ className: _(e.className, t) })
+		className: (t) => Dp({ className: v(e.className, t) })
 	});
 }
 Bp.displayName = "Toast.Title";
@@ -6176,7 +6176,7 @@ function Vp(e) {
 	return /* @__PURE__ */ x(N.Description, {
 		...e,
 		"data-imf-ui-component": "Toast.Description",
-		className: (t) => Op({ className: _(e.className, t) })
+		className: (t) => Op({ className: v(e.className, t) })
 	});
 }
 Vp.displayName = "Toast.Description";
@@ -6184,7 +6184,7 @@ function Hp(e) {
 	return /* @__PURE__ */ x(N.Close, {
 		...e,
 		"data-imf-ui-component": "Toast.Close",
-		className: (t) => kp({ className: _(e.className, t) })
+		className: (t) => kp({ className: v(e.className, t) })
 	});
 }
 Hp.displayName = "Toast.Close";
@@ -6192,7 +6192,7 @@ function Up(e) {
 	return /* @__PURE__ */ x(N.Action, {
 		...e,
 		"data-imf-ui-component": "Toast.Action",
-		className: (t) => Ap({ className: _(e.className, t) })
+		className: (t) => Ap({ className: v(e.className, t) })
 	});
 }
 Up.displayName = "Toast.Action";
@@ -6200,7 +6200,7 @@ function Wp(e) {
 	return /* @__PURE__ */ x(N.Positioner, {
 		...e,
 		"data-imf-ui-component": "Toast.Positioner",
-		className: (t) => jp({ className: _(e.className, t) })
+		className: (t) => jp({ className: v(e.className, t) })
 	});
 }
 Wp.displayName = "Toast.Positioner";
@@ -6208,7 +6208,7 @@ function Gp(e) {
 	return /* @__PURE__ */ x(N.Arrow, {
 		...e,
 		"data-imf-ui-component": "Toast.Arrow",
-		className: (t) => Mp({ className: _(e.className, t) })
+		className: (t) => Mp({ className: v(e.className, t) })
 	});
 }
 Gp.displayName = "Toast.Arrow";
@@ -6216,7 +6216,7 @@ Gp.displayName = "Toast.Arrow";
 //#region src/components/toast/toast.meta.ts
 var Kp = {
 	name: "Toast",
-	category: g.display,
+	category: _.display,
 	status: "experimental",
 	description: "Transient message stack that reports the outcome of a background action without interrupting the page. Use for save confirmations, undo offers, and async progress; attach one to an element for contextual feedback like a copy confirmation. Also called a snackbar, notification, or flash message; for a message that stays inline in the page use Callout instead.",
 	origin: "adapted",
@@ -6282,7 +6282,7 @@ function nm({ variant: e = "secondary", inline: t = !1, delay: n = 250, ...r })
 		className: (n) => Jp({
 			variant: e,
 			inline: t,
-			className: _(r.className, n)
+			className: v(r.className, n)
 		})
 	});
 }
@@ -6296,7 +6296,7 @@ function im({ sideOffset: e = 13, ...t }) {
 		...t,
 		sideOffset: e,
 		"data-imf-ui-component": "Tooltip.Positioner",
-		className: (e) => Yp({ className: _(t.className, e) })
+		className: (e) => Yp({ className: v(t.className, e) })
 	});
 }
 im.displayName = "Tooltip.Positioner";
@@ -6306,7 +6306,7 @@ function am({ variant: e, ...t }) {
 		"data-imf-ui-component": "Tooltip.Popup",
 		className: (n) => Xp({
 			variant: e,
-			className: _(t.className, n)
+			className: v(t.className, n)
 		})
 	});
 }
@@ -6315,7 +6315,7 @@ function om(e) {
 	return /* @__PURE__ */ x(xt.Arrow, {
 		...e,
 		"data-imf-ui-component": "Tooltip.Arrow",
-		className: (t) => Zp({ className: _(e.className, t) })
+		className: (t) => Zp({ className: v(e.className, t) })
 	});
 }
 om.displayName = "Tooltip.Arrow";
@@ -6323,7 +6323,7 @@ function sm(e) {
 	return /* @__PURE__ */ x(xt.Viewport, {
 		...e,
 		"data-imf-ui-component": "Tooltip.Viewport",
-		className: (t) => Qp({ className: _(e.className, t) })
+		className: (t) => Qp({ className: v(e.className, t) })
 	});
 }
 sm.displayName = "Tooltip.Viewport";
@@ -6343,7 +6343,7 @@ cm.displayName = "Tooltip.Inline";
 //#region src/components/tooltip/tooltip.meta.ts
 var lm = {
 	name: "Tooltip",
-	category: g.display,
+	category: _.display,
 	status: "stable",
 	description: "Hover- or focus-triggered label for brief help about a control or term. Also called a hint; use Popover for a panel with actions.",
 	origin: "adapted",
@@ -6397,4 +6397,4 @@ function hm(e) {
 	return fm(mm(e).local.split(/[._-]+/));
 }
 //#endregion
-export { lu as AccountCard, lc as AppShell, bn as Autocomplete, tu as Avatar, be as Button, _i as Callout, Ei as Card, Jn as Checkbox, xu as Chip, wt as ChipLink, we as Code, wu as Collapsible, fr as ColorSchemeToggle, mr as Combobox, g as ComponentCategories, Ot as CopyButton, Uc as Dialog, _s as Drawer, Jr as Field, ui as Fieldset, Va as FileDropZone, m as Icon, xe as IconButton, Qs as ImFusionLogo, Pu as Image, co as Input, de as Kbd, qs as Logo, Yu as Menu, Lu as Meter, bf as NavigationMenu, uo as NumberField, Sl as Popover, ac as ProductLogo, Li as Progress, Yl as Prose, Mt as RichLink, je as Row, Ne as ScrollArea, ko as Select, Ge as Separator, Cf as Skeleton, Be as Slider, Lf as Spinner, Ae as Stack, He as Switch, gp as TabNav, zf as Table, We as Tabs, ps as Textarea, Sp as Toast, pe as Toggle, he as ToggleGroup, qp as Tooltip, Xi as Typo, dm as WebUIProvider, yu as accountCardMeta, Hc as appShellMeta, qn as autocompleteMeta, bu as avatarMeta, Se as buttonMeta, Ti as calloutMeta, Fi as cardMeta, Zn as checkboxMeta, Tt as chipLinkMeta, Su as chipMeta, De as codeMeta, ju as collapsibleMeta, pr as colorSchemeToggleMeta, Kr as comboboxMeta, $n as config, kt as copyButtonMeta, qe as cva, Je as cx, xl as dialogMeta, Gs as drawerMeta, ci as fieldMeta, hi as fieldsetMeta, io as fileDropZoneMeta, Ce as iconButtonMeta, te as iconMeta, Fu as imageMeta, hm as initialsFromEmail, pm as initialsFromName, lo as inputMeta, fe as kbdMeta, Js as logoMeta, Nd as menuMeta, Ju as meterMeta, gs as minWidth, xf as navigationMenuMeta, Oo as numberFieldMeta, ql as popoverMeta, Ji as progressMeta, Xl as proseMeta, Nt as richLinkMeta, Zl as rowMeta, Ql as scrollAreaMeta, ls as selectMeta, $l as separatorMeta, Af as skeletonMeta, us as sliderMeta, Rf as spinnerMeta, mm as splitEmail, Yi as stackMeta, ds as switchMeta, bp as tabNavMeta, mp as tableMeta, xp as tabsMeta, ms as textareaMeta, Kp as toastMeta, ke as toggleGroupMeta, Oe as toggleMeta, lm as tooltipMeta, ha as typoMeta, Te as useClipboard, lr as useColorScheme, oc as useDisclosure, cc as useMediaQuery, su as withBreakHints };
+export { uu as AccountCard, uc as AppShell, bn as Autocomplete, nu as Avatar, be as Button, _i as Callout, Ei as Card, Jn as Checkbox, Su as Chip, wt as ChipLink, we as Code, Tu as Collapsible, fr as ColorSchemeToggle, mr as Combobox, _ as ComponentCategories, Ot as CopyButton, Wc as Dialog, vs as Drawer, Jr as Field, ui as Fieldset, Va as FileDropZone, h as Icon, xe as IconButton, $s as ImFusionLogo, Pu as Image, lo as Input, ue as Kbd, Js as Logo, Yu as Menu, Lu as Meter, bf as NavigationMenu, fo as NumberField, Cl as Popover, oc as ProductLogo, Li as Progress, Xl as Prose, Mt as RichLink, je as Row, Ne as ScrollArea, Ao as Select, Ge as Separator, Cf as Skeleton, Be as Slider, Lf as Spinner, Ae as Stack, He as Switch, gp as TabNav, zf as Table, We as Tabs, ms as Textarea, Sp as Toast, fe as Toggle, me as ToggleGroup, qp as Tooltip, Xi as Typo, dm as WebUIProvider, bu as accountCardMeta, Uc as appShellMeta, qn as autocompleteMeta, xu as avatarMeta, Se as buttonMeta, Ti as calloutMeta, Fi as cardMeta, Zn as checkboxMeta, Tt as chipLinkMeta, Cu as chipMeta, De as codeMeta, Mu as collapsibleMeta, pr as colorSchemeToggleMeta, Kr as comboboxMeta, $n as config, kt as copyButtonMeta, qe as cva, Je as cx, Sl as dialogMeta, Ks as drawerMeta, ci as fieldMeta, hi as fieldsetMeta, io as fileDropZoneMeta, Ce as iconButtonMeta, te as iconMeta, Fu as imageMeta, hm as initialsFromEmail, pm as initialsFromName, uo as inputMeta, de as kbdMeta, Ys as logoMeta, Nd as menuMeta, Ju as meterMeta, _s as minWidth, xf as navigationMenuMeta, ko as numberFieldMeta, Jl as popoverMeta, Ji as progressMeta, Zl as proseMeta, Nt as richLinkMeta, Ql as rowMeta, $l as scrollAreaMeta, us as selectMeta, eu as separatorMeta, Af as skeletonMeta, ds as sliderMeta, Rf as spinnerMeta, mm as splitEmail, Yi as stackMeta, fs as switchMeta, bp as tabNavMeta, mp as tableMeta, xp as tabsMeta, hs as textareaMeta, Kp as toastMeta, ke as toggleGroupMeta, Oe as toggleMeta, lm as tooltipMeta, ha as typoMeta, Te as useClipboard, lr as useColorScheme, sc as useDisclosure, lc as useMediaQuery, cu as withBreakHints };