@imfusion/web-ui 0.11.1-dev.5.g8a97f4f6 → 0.11.1-dev.7.gf073da2b

package/dist/index.js

@@ -1,14 +1,14 @@
 import { r as e, t } from "./resolve-state-props-DQf9WiGv.js";
-import { $A as n, Dt as r, JA as i, Ma as a, Xj as o, Xo as s, Yt as c, cy as l, dM as u, en as d, fn as f, hE as p, in as ee, ja as te, mv as ne, ny as re, oA as ie, pM as m, qj as ae, tE as oe, uM as se, zm as ce } from "./icons-BsK_o-Cb.js";
-import { t as h } from "./meta-V_KyLeGn.js";
-import { _ as le, c as ue, f as de, g as fe, h as pe, l as me, m as he, p as ge, s as _e } from "./tabs-CU46aGud.js";
-import { a as ve, o as ye, r as be, t as xe } from "./code-NTcddiYk.js";
-import { c as Se } from "./slider-Bf274cMe.js";
-import { a as Ce, c as we, i as Te, n as Ee, o as De, r as Oe, s as ke, t as Ae } from "./scroll-area-z9Lf9uIk.js";
-import { t as je } from "./separator-BV2TR8U0.js";
-import { Button as Me } from "@base-ui/react/button";
-import { cva as Ne, cva as g, cx as Pe, cx as _ } from "class-variance-authority";
-import { Fragment as Fe, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Dt as n, Ma as r, QA as i, Xo as a, Yt as o, Zj as s, _M as c, aE as l, eM as u, en as d, fn as f, fy as p, hM as ee, in as te, ja as ne, mM as re, oy as ie, rj as ae, uA as oe, vv as se, yE as ce, zm as le } from "./icons-vc1WZCxX.js";
+import { t as m } from "./meta-V_KyLeGn.js";
+import { _ as ue, c as de, f as fe, g as pe, h as me, l as he, m as ge, p as _e, s as ve } from "./tabs-DsDSCA--.js";
+import { a as ye, o as be, r as xe, t as Se } from "./code-Cl9AzRyF.js";
+import { c as Ce } from "./slider-Bf274cMe.js";
+import { a as we, c as Te, i as Ee, n as De, o as Oe, r as ke, s as Ae, t as je } from "./scroll-area-z9Lf9uIk.js";
+import { t as Me } from "./separator-BV2TR8U0.js";
+import { Button as Ne } from "@base-ui/react/button";
+import { cva as Pe, cva as h, cx as Fe, cx as g } from "class-variance-authority";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Children as Ie, Suspense as Le, createContext as Re, createElement as ze, useCallback as Be, useContext as b, useEffect as Ve, useId as He, useLayoutEffect as Ue, useMemo as We, useRef as Ge, useState as x, useSyncExternalStore as Ke } from "react";
 import { Checkbox as qe } from "@base-ui/react/checkbox";
 import { Field as Je } from "@base-ui/react/field";
@@ -50,7 +50,7 @@ var j = {
 	variantPositive: "imf-ui-button-module-variantPositive",
 	variantPrimary: "imf-ui-button-module-variantPrimary",
 	variantSecondary: "imf-ui-button-module-variantSecondary"
-}, tt = g(j.root, { variants: {
+}, tt = h(j.root, { variants: {
 	variant: {
 		primary: j.variantPrimary,
 		secondary: j.variantSecondary,
@@ -86,8 +86,8 @@ var j = {
 	}
 } });
 function nt({ variant: e = "primary", size: n = "md", context: r = "default", chamfer: i = n === "hero", radius: a = "none", justify: o = "center", startIcon: s, endIcon: c, shortcut: l, children: u, ...d }) {
-	return /* @__PURE__ */ y(Me, {
-		"aria-keyshortcuts": l ? pe(l) : void 0,
+	return /* @__PURE__ */ y(Ne, {
+		"aria-keyshortcuts": l ? me(l) : void 0,
 		...d,
 		"data-imf-ui-component": "Button",
 		className: (s) => tt({
@@ -114,7 +114,7 @@ function nt({ variant: e = "primary", size: n = "md", context: r = "default", ch
 				"aria-hidden": !0,
 				children: c
 			}),
-			l && /* @__PURE__ */ v(le, {
+			l && /* @__PURE__ */ v(ue, {
 				variant: "flat",
 				className: j.shortcut,
 				"aria-hidden": !0,
@@ -127,7 +127,7 @@ function nt({ variant: e = "primary", size: n = "md", context: r = "default", ch
 //#region src/components/button/button.meta.ts
 var rt = {
 	name: "Button",
-	category: h.buttons,
+	category: m.buttons,
 	status: "stable",
 	description: "Triggers an action such as submit, confirm, cancel, navigate, or delete. Also called a CTA or action button; variants and sizes communicate its importance.",
 	origin: "adapted",
@@ -157,7 +157,7 @@ var rt = {
 	variantPrimary: "imf-ui-chip-module-variantPrimary",
 	variantSupport: "imf-ui-chip-module-variantSupport",
 	variantWarning: "imf-ui-chip-module-variantWarning"
-}, it = g(M.root, { variants: {
+}, it = h(M.root, { variants: {
 	variant: {
 		main: M.variantMain,
 		support: M.variantSupport,
@@ -187,27 +187,27 @@ var rt = {
 };
 //#endregion
 //#region src/components/chip-link/chip-link.tsx
-function ot({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
-	let s = r === "external" ? f : c;
+function ot({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...s }) {
+	let l = r === "external" ? f : o;
 	return /* @__PURE__ */ y("a", {
 		...r === "external" ? {
 			target: "_blank",
 			rel: "noreferrer"
 		} : {},
-		...o,
+		...s,
 		"data-imf-ui-component": "ChipLink",
 		"data-kind": r,
 		className: it({
 			variant: e,
 			appearance: t,
 			inline: n,
-			className: _(at.root, i)
+			className: g(at.root, i)
 		}),
 		children: [a, /* @__PURE__ */ v("span", {
 			className: at.icon,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ v(m, {
-				glyph: s,
+			children: /* @__PURE__ */ v(c, {
+				glyph: l,
 				size: 12
 			})
 		})]
@@ -217,23 +217,23 @@ function ot({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 //#region src/components/chip-link/chip-link.meta.ts
 var st = {
 	name: "ChipLink",
-	category: h.buttons,
+	category: m.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"
 }, ct = { root: "imf-ui-copy-button-module-root" }, lt = 1500;
-function ut({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i = "secondary", size: a = "sm", ...o }) {
-	let { copied: c, copy: l } = ye({ timeout: lt }), u = c ? te : s;
+function ut({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i = "secondary", size: o = "sm", ...s }) {
+	let { copied: l, copy: u } = be({ timeout: lt }), d = l ? ne : a;
 	return /* @__PURE__ */ v(nt, {
-		...o,
+		...s,
 		variant: i,
-		size: a,
-		"data-copied": c || void 0,
-		"aria-label": c ? r : n,
-		onClick: () => l(e),
-		className: (e) => _(ct.root, t(o.className, e)),
-		children: /* @__PURE__ */ v(m, {
-			glyph: u,
+		size: o,
+		"data-copied": l || void 0,
+		"aria-label": l ? r : n,
+		onClick: () => u(e),
+		className: (e) => g(ct.root, t(s.className, e)),
+		children: /* @__PURE__ */ v(c, {
+			glyph: d,
 			size: 15,
 			strokeWidth: 2,
 			"aria-hidden": !0
@@ -245,7 +245,7 @@ ut.displayName = "CopyButton";
 //#region src/components/copy-button/copy-button.meta.ts
 var dt = {
 	name: "CopyButton",
-	category: h.buttons,
+	category: m.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",
@@ -256,7 +256,7 @@ var dt = {
 	sizeLg: "imf-ui-icon-button-module-sizeLg",
 	sizeMd: "imf-ui-icon-button-module-sizeMd",
 	sizeSm: "imf-ui-icon-button-module-sizeSm"
-}, pt = g(ft.root, { variants: { size: {
+}, pt = h(ft.root, { variants: { size: {
 	sm: ft.sizeSm,
 	md: ft.sizeMd,
 	lg: ft.sizeLg,
@@ -282,7 +282,7 @@ function gt({ glyph: e, label: n, iconProps: r, size: i = "md", ...a }) {
 			size: s,
 			className: t(a.className, e)
 		}),
-		children: /* @__PURE__ */ v(m, {
+		children: /* @__PURE__ */ v(c, {
 			size: mt[o],
 			...r,
 			glyph: e,
@@ -295,7 +295,7 @@ gt.displayName = "IconButton";
 //#region src/components/icon-button/icon-button.meta.ts
 var _t = {
 	name: "IconButton",
-	category: h.buttons,
+	category: m.buttons,
 	status: "experimental",
 	description: "Square button that shows a single icon and no visible text, with its accessible name from `label`. Also called an icon-only or toolbar button. Use Button with `startIcon` or `endIcon` when a text label is visible.",
 	origin: "native",
@@ -309,7 +309,7 @@ var _t = {
 	text: "imf-ui-rich-link-module-text",
 	tile: "imf-ui-rich-link-module-tile",
 	tileGlyph: "imf-ui-rich-link-module-tileGlyph"
-}, vt = g(N.root);
+}, vt = h(N.root);
 function yt({ glyph: e, description: t, kind: n = "external", endGlyph: r, children: i, ...a }) {
 	return /* @__PURE__ */ y("a", {
 		...n === "external" ? {
@@ -323,7 +323,7 @@ function yt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 		children: [
 			e && /* @__PURE__ */ v("span", {
 				className: N.tile,
-				children: /* @__PURE__ */ v(m, {
+				children: /* @__PURE__ */ v(c, {
 					glyph: e,
 					className: N.tileGlyph,
 					"aria-hidden": !0
@@ -332,15 +332,15 @@ function yt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 			/* @__PURE__ */ y("span", {
 				className: N.text,
 				children: [/* @__PURE__ */ v("span", {
-					className: _(N.label, t && N.labelStrong),
+					className: g(N.label, t && N.labelStrong),
 					children: i
 				}), t && /* @__PURE__ */ v("span", {
 					className: N.description,
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ v(m, {
-				glyph: r ?? (n === "external" ? f : c),
+			/* @__PURE__ */ v(c, {
+				glyph: r ?? (n === "external" ? f : o),
 				variant: "support",
 				className: N.end,
 				"aria-hidden": !0
@@ -352,7 +352,7 @@ function yt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
 //#region src/components/rich-link/rich-link.meta.ts
 var bt = {
 	name: "RichLink",
-	category: h.buttons,
+	category: m.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",
@@ -365,7 +365,7 @@ var bt = {
 }, St = /* @__PURE__ */ e({
 	Indicator: () => Et,
 	Root: () => Tt
-}), Ct = g(xt.root), wt = g(xt.indicator);
+}), Ct = h(xt.root), wt = h(xt.indicator);
 function Tt(e) {
 	return /* @__PURE__ */ v(qe.Root, {
 		...e,
@@ -379,19 +379,19 @@ function Et({ children: e, ...n }) {
 		...n,
 		"data-imf-ui-component": "Checkbox.Indicator",
 		className: (e) => wt({ className: t(n.className, e) }),
-		children: e ?? /* @__PURE__ */ y(Fe, { children: [/* @__PURE__ */ v("span", {
+		children: e ?? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", {
 			className: xt.iconCheck,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ v(m, {
-				glyph: te,
+			children: /* @__PURE__ */ v(c, {
+				glyph: ne,
 				size: 12,
 				strokeWidth: 3
 			})
 		}), /* @__PURE__ */ v("span", {
 			className: xt.iconIndeterminate,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ v(m, {
-				glyph: ne,
+			children: /* @__PURE__ */ v(c, {
+				glyph: se,
 				size: 12,
 				strokeWidth: 3
 			})
@@ -403,7 +403,7 @@ Et.displayName = "Checkbox.Indicator";
 //#region src/components/checkbox/checkbox.meta.ts
 var Dt = {
 	name: "Checkbox",
-	category: h.inputs,
+	category: m.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",
@@ -415,7 +415,7 @@ var Dt = {
 	}
 }, Ot = {
 	name: "Toggle",
-	category: h.inputs,
+	category: m.inputs,
 	status: "experimental",
 	description: "Two-state button for a pressed or unpressed option. Compose several in ToggleGroup for a segmented control.",
 	origin: "adapted",
@@ -428,7 +428,7 @@ var Dt = {
 	}
 }, kt = {
 	name: "ToggleGroup",
-	category: h.inputs,
+	category: m.inputs,
 	status: "experimental",
 	description: "Group of connected Toggle buttons that share a selection. Also called a segmented control; set `multiple` for more than one active option.",
 	origin: "adapted",
@@ -507,12 +507,12 @@ function Wt({ label: e = "Color scheme", lightLabel: t = "Light", systemLabel: n
 	function l(e) {
 		Ht(e[0]) && o(e[0]);
 	}
-	return /* @__PURE__ */ v(ge, {
+	return /* @__PURE__ */ v(_e, {
 		"aria-label": e,
 		...i,
 		value: [a],
 		onValueChange: l,
-		children: s.map((e) => /* @__PURE__ */ v(he, {
+		children: s.map((e) => /* @__PURE__ */ v(ge, {
 			value: e,
 			className: Ut.toggle,
 			children: c[e]
@@ -523,7 +523,7 @@ function Wt({ label: e = "Color scheme", lightLabel: t = "Light", systemLabel: n
 //#region src/components/color-scheme-toggle/color-scheme-toggle.meta.ts
 var Gt = {
 	name: "ColorSchemeToggle",
-	category: h.inputs,
+	category: m.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",
@@ -543,7 +543,7 @@ var Gt = {
 	Label: () => nn,
 	Root: () => en,
 	Validity: () => sn
-}), Jt = g(Kt.root), Yt = g(Kt.item), Xt = g(Kt.label), Zt = g(Kt.description), Qt = g(Kt.control), $t = g(Kt.error);
+}), Jt = h(Kt.root), Yt = h(Kt.item), Xt = h(Kt.label), Zt = h(Kt.description), Qt = h(Kt.control), $t = h(Kt.error);
 function en(e) {
 	return /* @__PURE__ */ v(Je.Root, {
 		...e,
@@ -601,7 +601,7 @@ sn.displayName = "Field.Validity";
 //#region src/components/field/field.meta.ts
 var cn = {
 	name: "Field",
-	category: h.inputs,
+	category: m.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",
@@ -617,7 +617,7 @@ var cn = {
 }, un = /* @__PURE__ */ e({
 	Legend: () => mn,
 	Root: () => pn
-}), dn = g(ln.root), fn = g(ln.legend);
+}), dn = h(ln.root), fn = h(ln.legend);
 function pn(e) {
 	return /* @__PURE__ */ v(Ye.Root, {
 		...e,
@@ -638,7 +638,7 @@ mn.displayName = "Fieldset.Legend";
 //#region src/components/fieldset/fieldset.meta.ts
 var hn = {
 	name: "Fieldset",
-	category: h.inputs,
+	category: m.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",
@@ -658,7 +658,7 @@ var hn = {
 	variantFilled: "imf-ui-input-module-variantFilled",
 	variantGhost: "imf-ui-input-module-variantGhost",
 	variantOutline: "imf-ui-input-module-variantOutline"
-}, gn = g(P.root, { variants: {
+}, gn = h(P.root, { variants: {
 	variant: {
 		outline: P.variantOutline,
 		filled: P.variantFilled,
@@ -670,36 +670,36 @@ var hn = {
 		lg: P.sizeLg
 	}
 } });
-function _n({ variant: e = "outline", size: n = "md", type: r, value: i, defaultValue: a, onValueChange: o, onClear: s, disabled: c, className: l, ...u }) {
-	let d = r === "search", [f, p] = x(a ?? ""), ee = i ?? f, te = ee != null && String(ee).length > 0, ne = (e, t) => {
-		d && i === void 0 && p(e), o?.(e, t);
-	}, re = /* @__PURE__ */ v(Xe, {
-		...u,
+function _n({ variant: e = "outline", size: n = "md", type: r, value: i, defaultValue: a, onValueChange: o, onClear: l, disabled: u, className: d, ...f }) {
+	let p = r === "search", [ee, te] = x(a ?? ""), ne = i ?? ee, re = ne != null && String(ne).length > 0, ie = (e, t) => {
+		p && i === void 0 && te(e), o?.(e, t);
+	}, ae = /* @__PURE__ */ v(Xe, {
+		...f,
 		type: r,
-		value: d ? ee : i,
-		defaultValue: d ? void 0 : a,
-		disabled: c,
-		onValueChange: d ? ne : o,
+		value: p ? ne : i,
+		defaultValue: p ? void 0 : a,
+		disabled: u,
+		onValueChange: p ? ie : o,
 		"data-imf-ui-component": "Input",
 		className: (r) => gn({
 			variant: e,
 			size: n,
-			className: t(l, r)
+			className: t(d, r)
 		})
 	});
-	if (!d) return re;
-	let ie = typeof l == "string" ? `${P.searchRoot} ${l}` : P.searchRoot;
+	if (!p) return ae;
+	let oe = typeof d == "string" ? `${P.searchRoot} ${d}` : P.searchRoot;
 	return /* @__PURE__ */ y("div", {
-		className: ie,
-		children: [re, te && !c && !u.readOnly && /* @__PURE__ */ v("button", {
+		className: oe,
+		children: [ae, re && !u && !f.readOnly && /* @__PURE__ */ v("button", {
 			type: "button",
 			className: P.clearButton,
 			"aria-label": "Clear input",
 			onClick: () => {
-				i === void 0 && p(""), s?.();
+				i === void 0 && te(""), l?.();
 			},
-			children: /* @__PURE__ */ v(m, {
-				glyph: ae,
+			children: /* @__PURE__ */ v(c, {
+				glyph: s,
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -710,7 +710,7 @@ function _n({ variant: e = "outline", size: n = "md", type: r, value: i, default
 //#region src/components/input/input.meta.ts
 var vn = {
 	name: "Input",
-	category: h.inputs,
+	category: m.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",
@@ -746,10 +746,10 @@ var vn = {
 	ScrubArea: () => Nn,
 	ScrubAreaCursor: () => Pn,
 	Stepper: () => Fn
-}), bn = g(F.root, { variants: { width: {
+}), bn = h(F.root, { variants: { width: {
 	auto: F.widthAuto,
 	full: F.widthFull
-} } }), xn = g(F.group, { variants: {
+} } }), xn = h(F.group, { variants: {
 	variant: {
 		outline: F.variantOutline,
 		primary: F.variantPrimary,
@@ -761,7 +761,7 @@ var vn = {
 		md: F.sizeMd,
 		lg: F.sizeLg
 	}
-} }), Sn = g(F.input), Cn = g(F.increment), wn = g(F.decrement), Tn = g(F.scrubArea), En = g(F.scrubAreaCursor);
+} }), Sn = h(F.input), Cn = h(F.increment), wn = h(F.decrement), Tn = h(F.scrubArea), En = h(F.scrubAreaCursor);
 function Dn(e, t) {
 	if (typeof e != "number" || t?.minimumFractionDigits !== void 0) return t;
 	let n = (String(e).split(".")[1] ?? "").length;
@@ -841,18 +841,18 @@ function Fn({ layout: e = "trailing", variant: t = "outline", size: n = "md", wi
 	return /* @__PURE__ */ y(On, {
 		...a,
 		width: r,
-		children: [i != null && /* @__PURE__ */ y(Nn, { children: [i, /* @__PURE__ */ v(Pn, { children: /* @__PURE__ */ v(m, {
+		children: [i != null && /* @__PURE__ */ y(Nn, { children: [i, /* @__PURE__ */ v(Pn, { children: /* @__PURE__ */ v(c, {
 			glyph: d,
 			size: 20,
 			"aria-hidden": !0
 		}) })] }), /* @__PURE__ */ v(kn, {
 			variant: t,
 			size: n,
-			children: e === "flanking" ? /* @__PURE__ */ y(Fe, { children: [
+			children: e === "flanking" ? /* @__PURE__ */ y(_, { children: [
 				/* @__PURE__ */ v(Mn, {}),
 				/* @__PURE__ */ v(An, {}),
 				/* @__PURE__ */ v(jn, {})
-			] }) : /* @__PURE__ */ y(Fe, { children: [
+			] }) : /* @__PURE__ */ y(_, { children: [
 				/* @__PURE__ */ v(An, {}),
 				/* @__PURE__ */ v(Mn, {}),
 				/* @__PURE__ */ v(jn, {})
@@ -865,7 +865,7 @@ Fn.displayName = "NumberField.Stepper";
 //#region src/components/number-field/number-field.meta.ts
 var In = {
 	name: "NumberField",
-	category: h.inputs,
+	category: m.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",
@@ -917,11 +917,11 @@ var In = {
 	Separator: () => br,
 	Trigger: () => ar,
 	Value: () => or
-}), Rn = g(I.root, { variants: { width: {
+}), Rn = h(I.root, { variants: { width: {
 	auto: I.widthAuto,
 	wide: I.widthWide,
 	full: I.widthFull
-} } }), zn = g(I.label), Bn = g(I.trigger), Vn = g(I.value), Hn = g(I.icon), Un = g(I.backdrop), Wn = g(I.positioner), Gn = g(I.popup), Kn = g(I.arrow), qn = g(I.list), Jn = g(I.item), Yn = g(I.itemIndicator), Xn = g(I.itemText), Zn = g(I.itemDescription), Qn = g(I.group), $n = g(I.groupLabel), er = g(I.separator), tr = g(I.scrollUpArrow), nr = g(I.scrollDownArrow);
+} } }), zn = h(I.label), Bn = h(I.trigger), Vn = h(I.value), Hn = h(I.icon), Un = h(I.backdrop), Wn = h(I.positioner), Gn = h(I.popup), Kn = h(I.arrow), qn = h(I.list), Jn = h(I.item), Yn = h(I.itemIndicator), Xn = h(I.itemText), Zn = h(I.itemDescription), Qn = h(I.group), $n = h(I.groupLabel), er = h(I.separator), tr = h(I.scrollUpArrow), nr = h(I.scrollDownArrow);
 function rr({ width: e = "auto", className: t, style: n, ...r }) {
 	return /* @__PURE__ */ v("div", {
 		className: Rn({
@@ -1026,8 +1026,8 @@ function hr({ children: e, ...n }) {
 		...n,
 		"data-imf-ui-component": "Select.ItemIndicator",
 		className: (e) => Yn({ className: t(n.className, e) }),
-		children: e ?? /* @__PURE__ */ v(m, {
-			glyph: te,
+		children: e ?? /* @__PURE__ */ v(c, {
+			glyph: ne,
 			size: 16,
 			"aria-hidden": !0
 		})
@@ -1094,7 +1094,7 @@ Sr.displayName = "Select.ScrollDownArrow";
 //#region src/components/select/select.meta.ts
 var Cr = {
 	name: "Select",
-	category: h.inputs,
+	category: m.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",
@@ -1106,7 +1106,7 @@ var Cr = {
 	}
 }, wr = {
 	name: "Slider",
-	category: h.inputs,
+	category: m.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",
@@ -1118,7 +1118,7 @@ var Cr = {
 	}
 }, Tr = {
 	name: "Switch",
-	category: h.inputs,
+	category: m.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",
@@ -1183,7 +1183,7 @@ var L = {
 }), kr = Re({
 	borderColor: "primary",
 	borderStyle: "solid"
-}), Ar = g(L.trigger), jr = g(L.backdrop), Mr = g(L.viewport), Nr = g(L.popup, {
+}), Ar = h(L.trigger), jr = h(L.backdrop), Mr = h(L.viewport), Nr = h(L.popup, {
 	variants: {
 		borderColor: {
 			primary: L.borderColorPrimary,
@@ -1201,7 +1201,7 @@ var L = {
 		borderColor: "primary",
 		borderStyle: "solid"
 	}
-}), Pr = g(L.content), Fr = g(L.title), Ir = g(L.close), Lr = g(L.description), Rr = g(L.indent), zr = g(L.indentBackground), Br = g(L.swipeArea);
+}), Pr = h(L.content), Fr = h(L.title), Ir = h(L.close), Lr = h(L.description), Rr = h(L.indent), zr = h(L.indentBackground), Br = h(L.swipeArea);
 function Vr({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
 	return /* @__PURE__ */ v(kr.Provider, {
 		value: {
@@ -1254,7 +1254,7 @@ function qr({ borderColor: e, borderStyle: n, ...r }) {
 		className: (e) => Nr({
 			borderColor: a,
 			borderStyle: o,
-			className: _(Kr[e.swipeDirection], t(r.className, e))
+			className: g(Kr[e.swipeDirection], t(r.className, e))
 		})
 	});
 }
@@ -1264,7 +1264,7 @@ function Jr({ children: e, ...n }) {
 		...n,
 		"data-imf-ui-component": "Drawer.Content",
 		className: (e) => Pr({ className: t(n.className, e) }),
-		children: /* @__PURE__ */ v(Ae, {
+		children: /* @__PURE__ */ v(je, {
 			className: L.contentScroll,
 			children: /* @__PURE__ */ v("div", {
 				className: L.contentBody,
@@ -1330,7 +1330,7 @@ ti.displayName = "Drawer.SwipeArea";
 //#region src/components/drawer/drawer.meta.ts
 var ni = {
 	name: "Drawer",
-	category: h.layout,
+	category: m.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",
@@ -1356,7 +1356,7 @@ var ni = {
 	variantMinor: "imf-ui-logo-module-variantMinor",
 	variantOncolor: "imf-ui-logo-module-variantOncolor",
 	variantSupport: "imf-ui-logo-module-variantSupport"
-}, ri = g(R.root, { variants: {
+}, ri = h(R.root, { variants: {
 	size: {
 		xs: R.sizeXs,
 		sm: R.sizeSm,
@@ -1401,7 +1401,7 @@ function ii({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, s
 //#region src/components/logo/logo.meta.ts
 var ai = {
 	name: "Logo",
-	category: h.display,
+	category: m.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"
@@ -1474,7 +1474,7 @@ function gi({ product: e, cutout: t = !1, alt: n, variant: r = "brand", ...i })
 		viewBox: ui,
 		fill: "currentColor",
 		fillRule: "evenodd",
-		children: t ? /* @__PURE__ */ v("path", { d: `${di} ${a}` }) : /* @__PURE__ */ y(Fe, { children: [/* @__PURE__ */ v("path", { d: di }), /* @__PURE__ */ v("path", {
+		children: t ? /* @__PURE__ */ v("path", { d: `${di} ${a}` }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("path", { d: di }), /* @__PURE__ */ v("path", {
 			d: a,
 			className: hi[r] ?? pi.word
 		})] })
@@ -1577,16 +1577,16 @@ var z = {
 	Navbar: () => Vi,
 	Root: () => ji,
 	Section: () => Yi
-}), xi = g(z.root), Si = g("", { variants: { variant: {
+}), xi = h(z.root), Si = h("", { variants: { variant: {
 	default: z.navbarDefault,
 	branded: z.navbarBranded
-} } }), Ci = g("", {
+} } }), Ci = h("", {
 	variants: { variant: {
 		default: z.headerDefault,
 		branded: z.headerBranded
 	} },
 	defaultVariants: { variant: "default" }
-}), wi = g(z.aside), Ti = g(z.footer), Ei = g(z.main), Di = g(z.section), Oi = Re(null), ki = Re({
+}), wi = h(z.aside), Ti = h(z.footer), Ei = h(z.main), Di = h(z.section), Oi = Re(null), ki = Re({
 	sections: {},
 	setSections: () => void 0
 }), Ai = Re(!1);
@@ -1617,7 +1617,7 @@ function Mi() {
 	let { navbar: e } = b(ki).sections;
 	return e ? /* @__PURE__ */ y("div", {
 		"data-imf-ui-component": "AppShell.Bar",
-		className: _(z.bar, Ci({ variant: e.variant })),
+		className: g(z.bar, Ci({ variant: e.variant })),
 		children: [e.logo ? /* @__PURE__ */ v("div", {
 			className: z.barLogo,
 			children: e.logo
@@ -1632,7 +1632,7 @@ function Ni({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ v("header", {
 		...n,
 		"data-imf-ui-component": "AppShell.Header",
-		className: _(z.header, Ci({ variant: r.navbar?.variant }), e),
+		className: g(z.header, Ci({ variant: r.navbar?.variant }), e),
 		children: /* @__PURE__ */ v("div", {
 			className: z.headerContent,
 			children: t
@@ -1658,14 +1658,14 @@ function Pi({ open: e, onOpenChange: t, swipeDirection: n, label: r, className:
 	});
 }
 function Fi({ className: e, children: t }) {
-	return /* @__PURE__ */ y(Te, {
+	return /* @__PURE__ */ y(Ee, {
 		className: z.drawerScroll,
-		children: [/* @__PURE__ */ v(ke, { children: /* @__PURE__ */ v(Ee, {
-			className: _(z.drawerContent, e),
+		children: [/* @__PURE__ */ v(Ae, { children: /* @__PURE__ */ v(De, {
+			className: g(z.drawerContent, e),
 			children: t
-		}) }), /* @__PURE__ */ v(Ce, {
+		}) }), /* @__PURE__ */ v(we, {
 			orientation: "vertical",
-			children: /* @__PURE__ */ v(De, {})
+			children: /* @__PURE__ */ v(Oe, {})
 		})]
 	});
 }
@@ -1683,7 +1683,7 @@ function Li(e, t, n, r) {
 	]);
 }
 function Ri({ logo: e, account: t, closable: n, children: r }) {
-	return /* @__PURE__ */ y(Fe, { children: [
+	return /* @__PURE__ */ y(_, { children: [
 		/* @__PURE__ */ y("div", {
 			className: z.navbarBrand,
 			children: [/* @__PURE__ */ v("span", {
@@ -1738,7 +1738,7 @@ function Vi({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r,
 		...c,
 		id: d,
 		"data-imf-ui-component": "AppShell.Navbar",
-		className: _(z.navbar, Si({ variant: e }), c.className),
+		className: g(z.navbar, Si({ variant: e }), c.className),
 		children: /* @__PURE__ */ v(Ri, {
 			logo: i,
 			account: a,
@@ -1750,14 +1750,14 @@ function Vi({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r,
 		onOpenChange: p,
 		swipeDirection: "left",
 		label: c["aria-label"],
-		className: _(z.navbarDrawer, Si({ variant: e })),
+		className: g(z.navbarDrawer, Si({ variant: e })),
 		children: /* @__PURE__ */ v(Ai.Provider, {
 			value: !0,
 			children: /* @__PURE__ */ v("nav", {
 				...c,
 				id: d,
 				"data-imf-ui-component": "AppShell.Navbar",
-				className: _(z.drawerSection, c.className),
+				className: g(z.drawerSection, c.className),
 				children: /* @__PURE__ */ v(Fi, { children: /* @__PURE__ */ v(Ri, {
 					logo: i,
 					account: a,
@@ -1769,40 +1769,40 @@ function Vi({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r,
 	});
 }
 Vi.displayName = "AppShell.Navbar";
-function Hi({ open: e, defaultOpen: t, onOpenChange: n, resizable: r = !0, onWidthChange: i, resizeLabel: a = "Resize panel", closeLabel: o = "Close panel", children: s, ...c }) {
-	let l = Ii("lg"), u = Ii("md"), { open: d, setOpen: f } = _i({
+function Hi({ open: e, defaultOpen: t, onOpenChange: n, resizable: r = !0, onWidthChange: i, resizeLabel: a = "Resize panel", closeLabel: o = "Close panel", children: c, ...l }) {
+	let u = Ii("lg"), d = Ii("md"), { open: f, setOpen: p } = _i({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
 	});
-	return Li(l, d, e !== void 0, f), l ? /* @__PURE__ */ y("aside", {
-		...c,
+	return Li(u, f, e !== void 0, p), u ? /* @__PURE__ */ y("aside", {
+		...l,
 		"data-imf-ui-component": "AppShell.Aside",
-		className: wi({ className: c.className }),
+		className: wi({ className: l.className }),
 		children: [r && /* @__PURE__ */ v(Ki, {
 			label: a,
 			onWidthChange: i
-		}), s]
+		}), c]
 	}) : /* @__PURE__ */ v(Pi, {
-		open: d,
-		onOpenChange: f,
-		swipeDirection: u ? "right" : "down",
-		label: c["aria-label"],
+		open: f,
+		onOpenChange: p,
+		swipeDirection: d ? "right" : "down",
+		label: l["aria-label"],
 		className: z.asideDrawer,
 		children: /* @__PURE__ */ y("aside", {
-			...c,
+			...l,
 			"data-imf-ui-component": "AppShell.Aside",
-			className: _(z.drawerSection, c.className),
+			className: g(z.drawerSection, l.className),
 			children: [/* @__PURE__ */ v(Xr, {
 				render: /* @__PURE__ */ v(gt, {
-					glyph: ae,
+					glyph: s,
 					label: o,
 					variant: "ghost"
 				}),
 				className: z.asideDrawerClose
 			}), /* @__PURE__ */ v(Fi, {
 				className: z.asideDrawerContent,
-				children: s
+				children: c
 			})]
 		})
 	});
@@ -1895,30 +1895,30 @@ function qi(e) {
 }
 qi.displayName = "AppShell.Footer";
 function Ji({ children: e, ...t }) {
-	return /* @__PURE__ */ y(Te, {
+	return /* @__PURE__ */ y(Ee, {
 		className: Ei(),
 		children: [
-			/* @__PURE__ */ v(ke, {
+			/* @__PURE__ */ v(Ae, {
 				render: /* @__PURE__ */ v("main", {
 					role: "main",
 					...t,
 					"data-imf-ui-component": "AppShell.Main",
 					className: t.className
 				}),
-				children: /* @__PURE__ */ v(Ee, {
+				children: /* @__PURE__ */ v(De, {
 					className: z.mainContent,
 					children: e
 				})
 			}),
-			/* @__PURE__ */ v(Ce, {
+			/* @__PURE__ */ v(we, {
 				orientation: "vertical",
-				children: /* @__PURE__ */ v(De, {})
+				children: /* @__PURE__ */ v(Oe, {})
 			}),
-			/* @__PURE__ */ v(Ce, {
+			/* @__PURE__ */ v(we, {
 				orientation: "horizontal",
-				children: /* @__PURE__ */ v(De, {})
+				children: /* @__PURE__ */ v(Oe, {})
 			}),
-			/* @__PURE__ */ v(Oe, {})
+			/* @__PURE__ */ v(ke, {})
 		]
 	});
 }
@@ -1934,7 +1934,7 @@ function Yi({ grow: e, ...t }) {
 Yi.displayName = "AppShell.Section";
 function Xi({ className: e }) {
 	let t = b(ki).sections.navbar, n = b(Ai);
-	return t ? /* @__PURE__ */ v(Me, {
+	return t ? /* @__PURE__ */ v(Ne, {
 		onClick: () => t.onOpenChange(!t.open),
 		"aria-expanded": t.open,
 		"aria-controls": t.id,
@@ -1942,7 +1942,7 @@ function Xi({ className: e }) {
 		"data-imf-ui-component": "AppShell.Burger",
 		"data-opened": t.open ? "" : void 0,
 		"data-behind-drawer": t.open && !n ? "" : void 0,
-		className: _(z.burger, e),
+		className: g(z.burger, e),
 		children: /* @__PURE__ */ y("svg", {
 			className: z.burgerIcon,
 			viewBox: "0 0 24 18",
@@ -1985,7 +1985,7 @@ function Zi({ icon: e, description: t, children: n, render: r, onClick: i, ...a
 			...C(a, {
 				onClick: c,
 				className: z.navItem,
-				children: /* @__PURE__ */ y(Fe, { children: [e && /* @__PURE__ */ v("span", {
+				children: /* @__PURE__ */ y(_, { children: [e && /* @__PURE__ */ v("span", {
 					className: z.navItemIcon,
 					children: e
 				}), /* @__PURE__ */ y("span", {
@@ -2008,15 +2008,15 @@ Zi.displayName = "AppShell.NavItem";
 //#region src/components/app-shell/app-shell.meta.ts
 var Qi = {
 	name: "AppShell",
-	category: h.layout,
+	category: m.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"]
 }, $i = {
-	info: ce,
-	positive: a,
-	warning: n,
+	info: le,
+	positive: r,
+	warning: ae,
 	negative: i
 }, V = {
 	content: "imf-ui-card-module-content",
@@ -2055,7 +2055,7 @@ var Qi = {
 	Image: () => ra,
 	Root: () => na,
 	Status: () => aa
-}), ta = g(V.root, { variants: {
+}), ta = h(V.root, { variants: {
 	density: {
 		compact: V.densityCompact,
 		comfortable: V.densityComfortable,
@@ -2107,7 +2107,7 @@ function ra({ alt: e = "", aspectRatio: t = 16 / 10, style: n, ...r }) {
 		...r,
 		alt: e,
 		"data-imf-ui-component": "Card.Image",
-		className: g(V.image)({ className: r.className }),
+		className: h(V.image)({ className: r.className }),
 		style: {
 			aspectRatio: t,
 			...n
@@ -2115,7 +2115,7 @@ function ra({ alt: e = "", aspectRatio: t = 16 / 10, style: n, ...r }) {
 	});
 }
 ra.displayName = "Card.Image";
-var ia = g(V.status, { variants: { variant: {
+var ia = h(V.status, { variants: { variant: {
 	info: V.statusInfo,
 	positive: V.statusPositive,
 	warning: V.statusWarning,
@@ -2130,7 +2130,7 @@ function aa({ variant: e = "info", children: t, ...n }) {
 			variant: e,
 			className: n.className
 		}),
-		children: t ?? /* @__PURE__ */ v(m, {
+		children: t ?? /* @__PURE__ */ v(c, {
 			glyph: $i[e ?? "info"],
 			className: V.statusGlyph
 		})
@@ -2141,7 +2141,7 @@ function oa(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
 		"data-imf-ui-component": "Card.Header",
-		className: g(V.header)({ className: e.className })
+		className: h(V.header)({ className: e.className })
 	});
 }
 oa.displayName = "Card.Header";
@@ -2149,7 +2149,7 @@ function sa(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
 		"data-imf-ui-component": "Card.Content",
-		className: g(V.content)({ className: e.className })
+		className: h(V.content)({ className: e.className })
 	});
 }
 sa.displayName = "Card.Content";
@@ -2157,7 +2157,7 @@ function ca(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
 		"data-imf-ui-component": "Card.Footer",
-		className: g(V.footer)({ className: e.className })
+		className: h(V.footer)({ className: e.className })
 	});
 }
 ca.displayName = "Card.Footer";
@@ -2165,7 +2165,7 @@ ca.displayName = "Card.Footer";
 //#region src/components/card/card.meta.ts
 var la = {
 	name: "Card",
-	category: h.layout,
+	category: m.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.",
@@ -2221,7 +2221,7 @@ var la = {
 	P: () => ga,
 	Small: () => ya,
 	UnorderedList: () => Ea
-}), U = g("", { variants: { variant: {
+}), U = h("", { variants: { variant: {
 	main: H.variantMain,
 	support: H.variantSupport,
 	minor: H.variantMinor,
@@ -2235,7 +2235,7 @@ var la = {
 	"accent-1": H.variantAccent1,
 	"accent-2": H.variantAccent2,
 	"accent-3": H.variantAccent3
-} } }), W = g("", { variants: { weight: {
+} } }), W = h("", { variants: { weight: {
 	regular: H.weightRegular,
 	medium: H.weightMedium,
 	strong: H.weightStrong
@@ -2247,7 +2247,7 @@ function da({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.hero, t && H.fadeAfterFirstLine)
+				className: g(H.hero, t && H.fadeAfterFirstLine)
 			}) }),
 			"data-imf-ui-component": "Typo.Hero"
 		}
@@ -2261,7 +2261,7 @@ function fa({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.h1, t && H.fadeAfterFirstLine)
+				className: g(H.h1, t && H.fadeAfterFirstLine)
 			}) }),
 			"data-imf-ui-component": "Typo.H1"
 		}
@@ -2275,7 +2275,7 @@ function pa({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.h2, t && H.fadeAfterFirstLine)
+				className: g(H.h2, t && H.fadeAfterFirstLine)
 			}) }),
 			"data-imf-ui-component": "Typo.H2"
 		}
@@ -2317,7 +2317,7 @@ function ga({ variant: e = "main", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.p, W({ weight: t }))
+				className: g(H.p, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.P"
 		}
@@ -2331,7 +2331,7 @@ function _a({ variant: e = "main", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.lead, W({ weight: t }))
+				className: g(H.lead, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Lead"
 		}
@@ -2345,7 +2345,7 @@ function va({ variant: e = "main", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.detail, W({ weight: t }))
+				className: g(H.detail, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Detail"
 		}
@@ -2359,7 +2359,7 @@ function ya({ variant: e = "minor", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.small, W({ weight: t }))
+				className: g(H.small, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Small"
 		}
@@ -2387,7 +2387,7 @@ function xa({ variant: e = "support", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.blockquote, W({ weight: t }))
+				className: g(H.blockquote, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Blockquote"
 		}
@@ -2395,7 +2395,7 @@ function xa({ variant: e = "support", weight: t, render: n, ...r }) {
 }
 xa.displayName = "Typo.Blockquote";
 function Sa(e) {
-	return /* @__PURE__ */ v(be, { ...e });
+	return /* @__PURE__ */ v(xe, { ...e });
 }
 Sa.displayName = "Typo.InlineCode";
 function Ca({ variant: e = "oncolor", weight: t, render: n, ...r }) {
@@ -2405,7 +2405,7 @@ function Ca({ variant: e = "oncolor", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.highlight, W({ weight: t }))
+				className: g(H.highlight, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Highlight"
 		}
@@ -2423,7 +2423,7 @@ function wa({ variant: e = "primary", weight: t, kind: n = "external", render: r
 			} : {}, i, {
 				className: U({
 					variant: e,
-					className: _(H.link, W({ weight: t }))
+					className: g(H.link, W({ weight: t }))
 				}),
 				children: i.children
 			}),
@@ -2440,7 +2440,7 @@ function Ta({ variant: e = "main", weight: t, render: n, ...r }) {
 		props: {
 			...C(r, { className: U({
 				variant: e,
-				className: _(H.orderedList, W({ weight: t }))
+				className: g(H.orderedList, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.OrderedList"
 		}
@@ -2454,7 +2454,7 @@ function Ea({ variant: e = "main", weight: t, render: n, ...r }) {
 		props: {
 			...C({ role: "list" }, r, { className: U({
 				variant: e,
-				className: _(H.unorderedList, W({ weight: t }))
+				className: g(H.unorderedList, W({ weight: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.UnorderedList"
 		}
@@ -2465,7 +2465,7 @@ Ea.displayName = "Typo.UnorderedList";
 //#region src/components/typo/typo.meta.ts
 var Da = {
 	name: "Typo",
-	category: h.display,
+	category: m.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.",
@@ -2514,22 +2514,22 @@ var Da = {
 	Trigger: () => Wa,
 	Viewport: () => qa,
 	createHandle: () => Ha
-}), ka = Re(void 0), Aa = g(G.trigger, { variants: { inline: { true: G.triggerInline } } }), ja = g(G.backdrop), Ma = g(G.viewport), Na = g(G.popup, { variants: { size: {
+}), ka = Re(void 0), Aa = h(G.trigger, { variants: { inline: { true: G.triggerInline } } }), ja = h(G.backdrop), Ma = h(G.viewport), Na = h(G.popup, { variants: { size: {
 	sm: G.sizeSm,
 	md: G.sizeMd,
 	lg: G.sizeLg,
 	full: G.sizeFull
-} } }), Pa = g(G.header, { variants: { variant: {
+} } }), Pa = h(G.header, { variants: { variant: {
 	primary: G.headerPrimary,
 	main: G.headerMain,
 	support: G.headerSupport,
 	minor: G.headerMinor
-} } }), Fa = g(G.status, { variants: { variant: {
+} } }), Fa = h(G.status, { variants: { variant: {
 	info: G.statusInfo,
 	positive: G.statusPositive,
 	warning: G.statusWarning,
 	negative: G.statusNegative
-} } }), Ia = g(G.body), La = g(G.bodyContent), Ra = g(G.footer), za = g(G.title), Ba = g(G.description), Va = g(G.close), Ha = E.createHandle;
+} } }), Ia = h(G.body), La = h(G.bodyContent), Ra = h(G.footer), za = h(G.title), Ba = h(G.description), Va = h(G.close), Ha = E.createHandle;
 function Ua(e) {
 	return /* @__PURE__ */ v(E.Root, { ...e });
 }
@@ -2595,7 +2595,7 @@ function Ya({ variant: e = "main", ...t }) {
 }
 Ya.displayName = "Dialog.Header";
 function Xa({ children: e, ...n }) {
-	return /* @__PURE__ */ v(Ae, {
+	return /* @__PURE__ */ v(je, {
 		render: /* @__PURE__ */ v("div", { "data-imf-ui-component": "Dialog.Body" }),
 		...n,
 		className: (e) => Ia({ className: t(n.className, e) }),
@@ -2623,7 +2623,7 @@ function Qa({ variant: e = "info", children: t, ...n }) {
 			variant: e,
 			className: n.className
 		}),
-		children: t ?? /* @__PURE__ */ v(m, {
+		children: t ?? /* @__PURE__ */ v(c, {
 			glyph: $i[e ?? "info"],
 			className: G.statusGlyph
 		})
@@ -2656,7 +2656,7 @@ function to(e) {
 	return /* @__PURE__ */ v(E.Close, {
 		...e,
 		render: r ? /* @__PURE__ */ v(gt, {
-			glyph: o,
+			glyph: u,
 			label: e["aria-label"] ?? "Close",
 			variant: "ghost",
 			size: "sm",
@@ -2717,7 +2717,7 @@ io.displayName = "Dialog.Inline";
 //#region src/components/dialog/dialog.meta.ts
 var ao = {
 	name: "Dialog",
-	category: h.layout,
+	category: m.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",
@@ -2772,7 +2772,7 @@ var ao = {
 	Trigger: () => bo,
 	Viewport: () => Eo,
 	createHandle: () => vo
-}), so = g(K.trigger, { variants: {
+}), so = h(K.trigger, { variants: {
 	variant: {
 		ghost: K.variantGhost,
 		outline: K.variantOutline,
@@ -2782,14 +2782,14 @@ var ao = {
 		negative: K.variantNegative
 	},
 	inline: { true: K.triggerInline }
-} }), co = g(K.backdrop), lo = g(K.positioner), uo = g(K.popup, { variants: { variant: {
+} }), co = h(K.backdrop), lo = h(K.positioner), uo = h(K.popup, { variants: { variant: {
 	ghost: K.popupVariantGhost,
 	outline: K.popupVariantOutline,
 	primary: K.popupVariantPrimary,
 	secondary: K.popupVariantSecondary,
 	positive: K.popupVariantPositive,
 	negative: K.popupVariantNegative
-} } }), fo = g(K.arrow), po = g(K.viewport), mo = g(K.eyebrow), ho = g(K.title), go = g(K.description), _o = g(K.close), vo = D.createHandle;
+} } }), fo = h(K.arrow), po = h(K.viewport), mo = h(K.eyebrow), ho = h(K.title), go = h(K.description), _o = h(K.close), vo = D.createHandle;
 function yo(e) {
 	return /* @__PURE__ */ v(D.Root, { ...e });
 }
@@ -2902,7 +2902,7 @@ jo.displayName = "Popover.Inline";
 //#region src/components/popover/popover.meta.ts
 var Mo = {
 	name: "Popover",
-	category: h.display,
+	category: m.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",
@@ -2912,7 +2912,7 @@ var Mo = {
 		docLink: "https://base-ui.com/react/components/popover",
 		llmDocLink: "https://base-ui.com/react/components/popover.md"
 	}
-}, No = g({ root: "imf-ui-prose-module-root" }.root);
+}, No = h({ root: "imf-ui-prose-module-root" }.root);
 function Po(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
@@ -2924,19 +2924,19 @@ function Po(e) {
 //#region src/components/prose/prose.meta.ts
 var Fo = {
 	name: "Prose",
-	category: h.layout,
+	category: m.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"
 }, Io = {
 	name: "Row",
-	category: h.layout,
+	category: m.layout,
 	status: "stable",
 	description: "Horizontal layout primitive for spacing, aligning, and wrapping children. Also called a horizontal stack or flex row.",
 	origin: "native"
 }, Lo = {
 	name: "ScrollArea",
-	category: h.layout,
+	category: m.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",
@@ -2948,7 +2948,7 @@ var Fo = {
 	}
 }, Ro = {
 	name: "Separator",
-	category: h.layout,
+	category: m.layout,
 	status: "stable",
 	description: "Line that divides content horizontally or vertically. Also called a divider or rule.",
 	origin: "adapted",
@@ -2960,7 +2960,7 @@ var Fo = {
 	}
 }, zo = {
 	name: "Stack",
-	category: h.layout,
+	category: m.layout,
 	status: "stable",
 	description: "Vertical layout primitive for spacing and aligning children. Also called a vertical stack or column.",
 	origin: "native"
@@ -2977,7 +2977,7 @@ var Fo = {
 	Fallback: () => Uo,
 	Image: () => Wo,
 	Root: () => Ho
-}), Vo = g(q.root, { variants: {
+}), Vo = h(q.root, { variants: {
 	size: {
 		sm: q.sizeSm,
 		md: q.sizeMd,
@@ -3007,9 +3007,9 @@ function Uo({ children: e, ...n }) {
 	return /* @__PURE__ */ v(Qe.Fallback, {
 		...n,
 		"data-imf-ui-component": "Avatar.Fallback",
-		className: (e) => g(q.fallback)({ className: t(n.className, e) }),
-		children: e ?? /* @__PURE__ */ v(m, {
-			glyph: ie,
+		className: (e) => h(q.fallback)({ className: t(n.className, e) }),
+		children: e ?? /* @__PURE__ */ v(c, {
+			glyph: oe,
 			className: q.glyph,
 			"aria-hidden": !0
 		})
@@ -3021,7 +3021,7 @@ function Wo({ alt: e = "", ...n }) {
 		...n,
 		alt: e,
 		"data-imf-ui-component": "Avatar.Image",
-		className: (e) => g(q.image)({ className: t(n.className, e) })
+		className: (e) => h(q.image)({ className: t(n.className, e) })
 	});
 }
 Wo.displayName = "Avatar.Image";
@@ -3048,7 +3048,7 @@ var J = {
 	Root: () => Xo,
 	Subtitle: () => $o,
 	Title: () => Qo
-}), Jo = g(J.root, { variants: { context: {
+}), Jo = h(J.root, { variants: { context: {
 	default: null,
 	oncolor: J.contextOncolor
 } } }), Yo = Re("default");
@@ -3072,7 +3072,7 @@ function Zo({ src: e, size: t = "sm", children: n, ...r }) {
 		...r,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "AccountCard.Avatar",
-		className: _(J.avatar, r.className),
+		className: g(J.avatar, r.className),
 		children: /* @__PURE__ */ y(Ho, {
 			context: i,
 			size: t,
@@ -3085,7 +3085,7 @@ function Qo({ children: e, ...t }) {
 	return /* @__PURE__ */ v("span", {
 		...t,
 		"data-imf-ui-component": "AccountCard.Title",
-		className: _(J.title, t.className),
+		className: g(J.title, t.className),
 		children: Ko(e)
 	});
 }
@@ -3094,7 +3094,7 @@ function $o({ children: e, ...t }) {
 	return /* @__PURE__ */ v("span", {
 		...t,
 		"data-imf-ui-component": "AccountCard.Subtitle",
-		className: _(J.subtitle, t.className),
+		className: g(J.subtitle, t.className),
 		children: Ko(e)
 	});
 }
@@ -3103,7 +3103,7 @@ function es(e) {
 	return /* @__PURE__ */ v("span", {
 		...e,
 		"data-imf-ui-component": "AccountCard.Description",
-		className: _(J.description, e.className)
+		className: g(J.description, e.className)
 	});
 }
 es.displayName = "AccountCard.Description";
@@ -3111,7 +3111,7 @@ function ts(e) {
 	return /* @__PURE__ */ v("span", {
 		...e,
 		"data-imf-ui-component": "AccountCard.Role",
-		className: _(J.role, e.className)
+		className: g(J.role, e.className)
 	});
 }
 ts.displayName = "AccountCard.Role";
@@ -3119,7 +3119,7 @@ function ns(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
 		"data-imf-ui-component": "AccountCard.Action",
-		className: _(J.action, e.className)
+		className: g(J.action, e.className)
 	});
 }
 ns.displayName = "AccountCard.Action";
@@ -3127,14 +3127,14 @@ ns.displayName = "AccountCard.Action";
 //#region src/components/account-card/account-card.meta.ts
 var rs = {
 	name: "AccountCard",
-	category: h.display,
+	category: m.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"]
 }, is = {
 	name: "Avatar",
-	category: h.display,
+	category: m.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",
@@ -3165,7 +3165,7 @@ var rs = {
 	Icon: () => us,
 	Root: () => ls,
 	Title: () => ds
-}), os = g(Y.root, { variants: {
+}), os = h(Y.root, { variants: {
 	variant: {
 		info: Y.variantInfo,
 		positive: Y.variantPositive,
@@ -3183,9 +3183,9 @@ var rs = {
 	}
 } }), ss = {
 	...$i,
-	"accent-1": p,
-	"accent-2": p,
-	"accent-3": p
+	"accent-1": ce,
+	"accent-2": ce,
+	"accent-3": ce
 }, cs = Re("info");
 function ls({ variant: e = "info", maxWidth: t = "md", children: n, ...r }) {
 	let i = e ?? "info";
@@ -3211,8 +3211,8 @@ function us({ children: e, ...t }) {
 		...t,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Callout.Icon",
-		className: g(Y.icon)({ className: t.className }),
-		children: e ?? /* @__PURE__ */ v(m, {
+		className: h(Y.icon)({ className: t.className }),
+		children: e ?? /* @__PURE__ */ v(c, {
 			glyph: n,
 			size: 24,
 			strokeWidth: 2
@@ -3224,7 +3224,7 @@ function ds(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
 		"data-imf-ui-component": "Callout.Title",
-		className: g(Y.title)({ className: e.className })
+		className: h(Y.title)({ className: e.className })
 	});
 }
 ds.displayName = "Callout.Title";
@@ -3232,7 +3232,7 @@ function fs(e) {
 	return /* @__PURE__ */ v("div", {
 		...e,
 		"data-imf-ui-component": "Callout.Description",
-		className: g(Y.description)({ className: e.className })
+		className: h(Y.description)({ className: e.className })
 	});
 }
 fs.displayName = "Callout.Description";
@@ -3240,7 +3240,7 @@ fs.displayName = "Callout.Description";
 //#region src/components/callout/callout.meta.ts
 var ps = {
 	name: "Callout",
-	category: h.display,
+	category: m.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.",
@@ -3268,7 +3268,7 @@ function ms({ variant: e = "minor", appearance: t = "outline", inline: n = !1, c
 //#region src/components/chip/chip.meta.ts
 var hs = {
 	name: "Chip",
-	category: h.display,
+	category: m.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"
@@ -3283,7 +3283,7 @@ var hs = {
 	Panel: () => Cs,
 	Root: () => ys,
 	Trigger: () => xs
-}), vs = g(gs.root, { variants: { variant: {
+}), vs = h(gs.root, { variants: { variant: {
 	default: null,
 	solid: gs.variantSolid
 } } });
@@ -3298,7 +3298,7 @@ function ys({ variant: e = "default", ...n }) {
 	});
 }
 ys.displayName = "Collapsible.Root";
-var bs = g(gs.trigger);
+var bs = h(gs.trigger);
 function xs({ children: e, ...n }) {
 	return /* @__PURE__ */ y($e.Trigger, {
 		...n,
@@ -3309,8 +3309,8 @@ function xs({ children: e, ...n }) {
 			/* @__PURE__ */ v("span", {
 				className: gs.iconClosed,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ v(m, {
-					glyph: re,
+				children: /* @__PURE__ */ v(c, {
+					glyph: ie,
 					size: 16,
 					strokeWidth: 1.5
 				})
@@ -3318,8 +3318,8 @@ function xs({ children: e, ...n }) {
 			/* @__PURE__ */ v("span", {
 				className: gs.iconOpen,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ v(m, {
-					glyph: l,
+				children: /* @__PURE__ */ v(c, {
+					glyph: p,
 					size: 16,
 					strokeWidth: 1.5
 				})
@@ -3328,7 +3328,7 @@ function xs({ children: e, ...n }) {
 	});
 }
 xs.displayName = "Collapsible.Trigger";
-var Ss = g(gs.panel);
+var Ss = h(gs.panel);
 function Cs(e) {
 	return /* @__PURE__ */ v($e.Panel, {
 		...e,
@@ -3341,7 +3341,7 @@ Cs.displayName = "Collapsible.Panel";
 //#region src/components/collapsible/collapsible.meta.ts
 var ws = {
 	name: "Collapsible",
-	category: h.display,
+	category: m.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",
@@ -3363,7 +3363,7 @@ var ws = {
 	Root: () => Ms,
 	Track: () => Fs,
 	Value: () => Ps
-}), Ds = g(Ts.root), Os = g(Ts.label), ks = g(Ts.value), As = g(Ts.track), js = g(Ts.indicator);
+}), Ds = h(Ts.root), Os = h(Ts.label), ks = h(Ts.value), As = h(Ts.track), js = h(Ts.indicator);
 function Ms({ min: e = 0, max: n = 100, ...r }) {
 	return /* @__PURE__ */ v(et.Root, {
 		...r,
@@ -3410,7 +3410,7 @@ Is.displayName = "Meter.Indicator";
 //#region src/components/meter/meter.meta.ts
 var Ls = {
 	name: "Meter",
-	category: h.display,
+	category: m.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",
@@ -3427,7 +3427,7 @@ var Ls = {
 }, zs = {
 	content: "imf-ui-navigation-menu-structure-module-content",
 	viewport: "imf-ui-navigation-menu-structure-module-viewport"
-}, Bs = g(Rs.root), Vs = g(Rs.list), Hs = g(Rs.item), Us = g(zs.content), Ws = g(zs.viewport);
+}, Bs = h(Rs.root), Vs = h(Rs.list), Hs = h(Rs.item), Us = h(zs.content), Ws = h(zs.viewport);
 function Gs({ orientation: e = "horizontal", className: n, ...r }) {
 	return /* @__PURE__ */ v(O.Root, {
 		...r,
@@ -3473,7 +3473,7 @@ Ys.displayName = "NavigationMenu.Viewport";
 var Xs = {
 	icon: "imf-ui-navigation-menu-trigger-module-icon",
 	trigger: "imf-ui-navigation-menu-trigger-module-trigger"
-}, Zs = g(Xs.trigger), Qs = g(Xs.icon);
+}, Zs = h(Xs.trigger), Qs = h(Xs.icon);
 function $s({ active: e = !1, hideChevron: n = !1, nested: r = !1, children: i, ...a }) {
 	return /* @__PURE__ */ y(O.Trigger, {
 		...a,
@@ -3481,8 +3481,8 @@ function $s({ active: e = !1, hideChevron: n = !1, nested: r = !1, children: i,
 		"data-active": e ? "" : void 0,
 		"data-nested": r ? "" : void 0,
 		className: (e) => Zs({ className: t(a.className, e) }),
-		children: [i, !n && /* @__PURE__ */ v(ec, { children: /* @__PURE__ */ v(m, {
-			glyph: re,
+		children: [i, !n && /* @__PURE__ */ v(ec, { children: /* @__PURE__ */ v(c, {
+			glyph: ie,
 			size: 14
 		}) })]
 	});
@@ -3501,7 +3501,7 @@ var tc = {
 	backdrop: "imf-ui-navigation-menu-overlay-module-backdrop",
 	popup: "imf-ui-navigation-menu-overlay-module-popup",
 	positioner: "imf-ui-navigation-menu-overlay-module-positioner"
-}, nc = g(tc.positioner), rc = g(tc.popup), ic = g(tc.arrow), ac = g(tc.backdrop);
+}, nc = h(tc.positioner), rc = h(tc.popup), ic = h(tc.arrow), ac = h(tc.backdrop);
 function oc(e) {
 	return /* @__PURE__ */ v(O.Portal, { ...e });
 }
@@ -3545,7 +3545,7 @@ var dc = {
 	linkCardDescription: "imf-ui-navigation-menu-link-module-linkCardDescription",
 	linkCardTitle: "imf-ui-navigation-menu-link-module-linkCardTitle",
 	linkList: "imf-ui-navigation-menu-link-module-linkList"
-}, fc = g(dc.link), pc = g(dc.linkList), mc = g(dc.linkCard);
+}, fc = h(dc.link), pc = h(dc.linkList), mc = h(dc.linkCard);
 function hc(e) {
 	return /* @__PURE__ */ v(O.Link, {
 		...e,
@@ -3592,18 +3592,18 @@ _c.displayName = "NavigationMenu.LinkCard";
 var vc = {
 	flyoutLink: "imf-ui-navigation-menu-flyout-link-module-flyoutLink",
 	linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
-}, yc = g(vc.flyoutLink);
+}, yc = h(vc.flyoutLink);
 function bc({ children: e, render: n, ...r }) {
 	return /* @__PURE__ */ v(O.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.FlyoutLink",
 		className: (e) => yc({ className: t(r.className, e) }),
-		children: n ? e : /* @__PURE__ */ y(Fe, { children: [e, /* @__PURE__ */ v("span", {
+		children: n ? e : /* @__PURE__ */ y(_, { children: [e, /* @__PURE__ */ v("span", {
 			className: vc.linkArrow,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ v(m, {
-				glyph: c,
+			children: /* @__PURE__ */ v(c, {
+				glyph: o,
 				size: 14
 			})
 		})] })
@@ -3700,7 +3700,7 @@ var Sc = /* @__PURE__ */ e({
 	Viewport: () => Ys
 }), Cc = {
 	name: "NavigationMenu",
-	category: h.display,
+	category: m.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.",
@@ -3750,7 +3750,7 @@ function Ec({ label: e, loading: t = !0, animation: n = "shimmer", render: r, ch
 			"data-imf-ui-component": "Skeleton.Root"
 		}
 	});
-	return /* @__PURE__ */ y(Fe, { children: [f, t && e !== "" && /* @__PURE__ */ v("span", {
+	return /* @__PURE__ */ y(_, { children: [f, t && e !== "" && /* @__PURE__ */ v("span", {
 		role: "status",
 		className: wc.visuallyHidden,
 		children: o
@@ -3762,7 +3762,7 @@ function Dc({ width: e = "100%", lines: t = 1, style: n, ...r }) {
 		...r,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Skeleton.Text",
-		className: g(wc.text)({ className: r.className }),
+		className: h(wc.text)({ className: r.className }),
 		style: {
 			inlineSize: e,
 			...n
@@ -3781,7 +3781,7 @@ function Oc({ width: e = "100%", shape: t = "rect", height: n, style: r, ...i })
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Skeleton.Block",
 		"data-shape": t,
-		className: g(wc.block)({ className: i.className }),
+		className: h(wc.block)({ className: i.className }),
 		style: {
 			inlineSize: e,
 			blockSize: n,
@@ -3824,7 +3824,7 @@ jc.displayName = "Skeleton.Suspense";
 //#region src/components/skeleton/skeleton.meta.ts
 var Mc = {
 	name: "Skeleton",
-	category: h.display,
+	category: m.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"
@@ -3838,7 +3838,7 @@ var Mc = {
 	blue: Pc,
 	white: Fc,
 	black: Nc
-}, Rc = g(Ic.root, { variants: { size: {
+}, Rc = h(Ic.root, { variants: { size: {
 	sm: Ic.sizeSm,
 	md: Ic.sizeMd,
 	lg: Ic.sizeLg
@@ -3865,7 +3865,7 @@ function zc({ size: e = "md", variant: t = "blue", label: n = "Loading", ...r })
 //#region src/components/spinner/spinner.meta.ts
 var Bc = {
 	name: "Spinner",
-	category: h.display,
+	category: m.display,
 	status: "stable",
 	description: "Indeterminate loading indicator. Also called a loader or progress spinner.",
 	origin: "native"
@@ -3892,14 +3892,14 @@ var Bc = {
 	Row: () => tl,
 	RowLink: () => il,
 	SortableHeaderCell: () => cl
-}), Hc = g(Z.root, { variants: { density: {
+}), Hc = h(Z.root, { variants: { density: {
 	compact: Z.densityCompact,
 	comfortable: null,
 	spacious: Z.densitySpacious
-} } }), Uc = g(Z.header), Wc = g(Z.body), Gc = g(Z.row), Kc = { action: {
+} } }), Uc = h(Z.header), Wc = h(Z.body), Gc = h(Z.row), Kc = { action: {
 	false: null,
 	true: Z.action
-} }, qc = g(Z.headerCell, { variants: Kc }), Jc = g(Z.cell, { variants: Kc }), Yc = g(Z.rowLink), Xc = g(Z.headerButton), Zc = g(Z.sortIndicator);
+} }, qc = h(Z.headerCell, { variants: Kc }), Jc = h(Z.cell, { variants: Kc }), Yc = h(Z.rowLink), Xc = h(Z.headerButton), Zc = h(Z.sortIndicator);
 function Qc({ density: e = "comfortable", ...t }) {
 	return /* @__PURE__ */ v("table", {
 		...t,
@@ -3981,12 +3981,12 @@ function ol(e) {
 	return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
 }
 function sl({ sorted: e }) {
-	let t = e === "asc" ? ee : e === "desc" ? r : oe;
+	let t = e === "asc" ? te : e === "desc" ? n : l;
 	return /* @__PURE__ */ v("span", {
 		className: Zc(),
 		"data-sorted": e || void 0,
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ v(m, {
+		children: /* @__PURE__ */ v(c, {
 			glyph: t,
 			size: 14,
 			strokeWidth: 1.5
@@ -4011,13 +4011,13 @@ cl.displayName = "Table.SortableHeaderCell";
 //#region src/components/table/table.meta.ts
 var ll = {
 	name: "Table",
-	category: h.display,
+	category: m.display,
 	status: "stable",
 	description: "Presentational table parts for static tabular data. Pair them with a headless table library for sorting, pagination, or selection.",
 	origin: "native"
 }, ul = {
 	name: "Tabs",
-	category: h.display,
+	category: m.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.",
@@ -4067,7 +4067,7 @@ var ll = {
 	Viewport: () => El,
 	createToastManager: () => Cl,
 	useToastManager: () => Sl
-}), fl = g(Q.portal), pl = g(Q.viewport, {
+}), fl = h(Q.portal), pl = h(Q.viewport, {
 	variants: {
 		position: {
 			"top-left": Q.positionTopLeft,
@@ -4088,7 +4088,7 @@ var ll = {
 		position: "bottom-center",
 		width: "default"
 	}
-}), ml = g(Q.root, {
+}), ml = h(Q.root, {
 	variants: { variant: {
 		neutral: null,
 		info: Q.variantInfo,
@@ -4097,7 +4097,7 @@ var ll = {
 		error: Q.variantError
 	} },
 	defaultVariants: { variant: "neutral" }
-}), hl = g(Q.content), gl = g(Q.title), _l = g(Q.description), vl = g(Q.close), yl = g(Q.action), bl = g(Q.positioner), xl = g(Q.arrow), Sl = k.useToastManager, Cl = k.createToastManager;
+}), hl = h(Q.content), gl = h(Q.title), _l = h(Q.description), vl = h(Q.close), yl = h(Q.action), bl = h(Q.positioner), xl = h(Q.arrow), Sl = k.useToastManager, Cl = k.createToastManager;
 function wl({ timeout: e = 5e3, limit: t = 3, ...n }) {
 	return /* @__PURE__ */ v(k.Provider, {
 		...n,
@@ -4197,7 +4197,7 @@ Pl.displayName = "Toast.Arrow";
 //#region src/components/toast/toast.meta.ts
 var Fl = {
 	name: "Toast",
-	category: h.display,
+	category: m.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",
@@ -4233,7 +4233,7 @@ var Fl = {
 	Trigger: () => Gl,
 	Viewport: () => Xl,
 	createHandle: () => Hl
-}), Ll = g($.trigger, { variants: {
+}), Ll = h($.trigger, { variants: {
 	variant: {
 		primary: $.variantPrimary,
 		secondary: $.variantSecondary,
@@ -4241,12 +4241,12 @@ var Fl = {
 		negative: $.variantNegative
 	},
 	inline: { true: $.triggerInline }
-} }), Rl = g($.positioner), zl = g($.popup, { variants: { variant: {
+} }), Rl = h($.positioner), zl = h($.popup, { variants: { variant: {
 	primary: $.popupVariantPrimary,
 	secondary: $.popupVariantSecondary,
 	positive: $.popupVariantPositive,
 	negative: $.popupVariantNegative
-} } }), Bl = g($.arrow), Vl = g($.viewport), Hl = A.createHandle;
+} } }), Bl = h($.arrow), Vl = h($.viewport), Hl = A.createHandle;
 function Ul(e) {
 	return /* @__PURE__ */ v(A.Provider, { ...e });
 }
@@ -4324,7 +4324,7 @@ Zl.displayName = "Tooltip.Inline";
 //#region src/components/tooltip/tooltip.meta.ts
 var Ql = {
 	name: "Tooltip",
-	category: h.display,
+	category: m.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",
@@ -4339,10 +4339,10 @@ var Ql = {
 //#region src/icons/icon-config.tsx
 function $l({ children: e, value: t }) {
 	let n = {
-		...b(se),
+		...b(re),
 		...t
 	};
-	return /* @__PURE__ */ v(se.Provider, {
+	return /* @__PURE__ */ v(re.Provider, {
 		value: n,
 		children: e
 	});
@@ -4369,4 +4369,4 @@ function nu(e) {
 	return tu(e).local.split(/[._-]+/).filter(Boolean).slice(0, 2).map((e) => e.charAt(0).toUpperCase()).join("");
 }
 //#endregion
-export { qo as AccountCard, bi as AppShell, Bo as Avatar, nt as Button, as as Callout, ea as Card, St as Checkbox, ms as Chip, ot as ChipLink, ve as Code, _s as Collapsible, Wt as ColorSchemeToggle, h as ComponentCategories, ut as CopyButton, Oa as Dialog, Or as Drawer, qt as Field, un as Fieldset, m as Icon, gt as IconButton, li as ImFusionLogo, _n as Input, le as Kbd, ii as Logo, Es as Meter, Sc as NavigationMenu, yn as NumberField, oo as Popover, gi as ProductLogo, Po as Prose, yt as RichLink, me as Row, we as ScrollArea, Ln as Select, je as Separator, Tc as Skeleton, Se as Slider, zc as Spinner, ue as Stack, de as Switch, Vc as Table, _e as Tabs, dl as Toast, he as Toggle, ge as ToggleGroup, Il as Tooltip, ua as Typo, eu as WebUIProvider, rs as accountCardMeta, Qi as appShellMeta, is as avatarMeta, rt as buttonMeta, ps as calloutMeta, la as cardMeta, Dt as checkboxMeta, st as chipLinkMeta, hs as chipMeta, xe as codeMeta, ws as collapsibleMeta, Gt as colorSchemeToggleMeta, jt as config, dt as copyButtonMeta, Ne as cva, Pe as cx, ao as dialogMeta, ni as drawerMeta, cn as fieldMeta, hn as fieldsetMeta, _t as iconButtonMeta, u as iconMeta, nu as initialsFromEmail, vn as inputMeta, fe as kbdMeta, ai as logoMeta, Ls as meterMeta, Dr as minWidth, Cc as navigationMenuMeta, In as numberFieldMeta, Mo as popoverMeta, Fo as proseMeta, bt as richLinkMeta, Io as rowMeta, Lo as scrollAreaMeta, Cr as selectMeta, Ro as separatorMeta, Mc as skeletonMeta, wr as sliderMeta, Bc as spinnerMeta, tu as splitEmail, zo as stackMeta, Tr as switchMeta, ll as tableMeta, ul as tabsMeta, Fl as toastMeta, kt as toggleGroupMeta, Ot as toggleMeta, Ql as tooltipMeta, Da as typoMeta, ye as useClipboard, Vt as useColorScheme, _i as useDisclosure, yi as useMediaQuery, Ko as withBreakHints };
+export { qo as AccountCard, bi as AppShell, Bo as Avatar, nt as Button, as as Callout, ea as Card, St as Checkbox, ms as Chip, ot as ChipLink, ye as Code, _s as Collapsible, Wt as ColorSchemeToggle, m as ComponentCategories, ut as CopyButton, Oa as Dialog, Or as Drawer, qt as Field, un as Fieldset, c as Icon, gt as IconButton, li as ImFusionLogo, _n as Input, ue as Kbd, ii as Logo, Es as Meter, Sc as NavigationMenu, yn as NumberField, oo as Popover, gi as ProductLogo, Po as Prose, yt as RichLink, he as Row, Te as ScrollArea, Ln as Select, Me as Separator, Tc as Skeleton, Ce as Slider, zc as Spinner, de as Stack, fe as Switch, Vc as Table, ve as Tabs, dl as Toast, ge as Toggle, _e as ToggleGroup, Il as Tooltip, ua as Typo, eu as WebUIProvider, rs as accountCardMeta, Qi as appShellMeta, is as avatarMeta, rt as buttonMeta, ps as calloutMeta, la as cardMeta, Dt as checkboxMeta, st as chipLinkMeta, hs as chipMeta, Se as codeMeta, ws as collapsibleMeta, Gt as colorSchemeToggleMeta, jt as config, dt as copyButtonMeta, Pe as cva, Fe as cx, ao as dialogMeta, ni as drawerMeta, cn as fieldMeta, hn as fieldsetMeta, _t as iconButtonMeta, ee as iconMeta, nu as initialsFromEmail, vn as inputMeta, pe as kbdMeta, ai as logoMeta, Ls as meterMeta, Dr as minWidth, Cc as navigationMenuMeta, In as numberFieldMeta, Mo as popoverMeta, Fo as proseMeta, bt as richLinkMeta, Io as rowMeta, Lo as scrollAreaMeta, Cr as selectMeta, Ro as separatorMeta, Mc as skeletonMeta, wr as sliderMeta, Bc as spinnerMeta, tu as splitEmail, zo as stackMeta, Tr as switchMeta, ll as tableMeta, ul as tabsMeta, Fl as toastMeta, kt as toggleGroupMeta, Ot as toggleMeta, Ql as tooltipMeta, Da as typoMeta, be as useClipboard, Vt as useColorScheme, _i as useDisclosure, yi as useMediaQuery, Ko as withBreakHints };