@imfusion/web-ui 0.6.4-dev.31.gcef47041 → 0.6.4-dev.37.g60acf81d

package/dist/index.js

@@ -1,24 +1,25 @@
 import { t as e } from "./chunk-DmhlhrBa.js";
 import { C as t, S as n, c as r, d as i, l as a, m as o, s, u as c } from "./tabs-By5ir2pt.js";
 import { t as l } from "./meta-j-7HGrWv.js";
-import { At as u, GT as d, Kv as ee, Ma as te, Na as ne, Pm as re, Qt as f, Qv as ie, RA as ae, Wk as oe, Xo as se, aE as ce, hn as le, iv as ue, r as p, sn as de, t as fe, zk as pe } from "./icons-CaGCCwG-.js";
-import { a as me, o as he, r as ge, t as _e } from "./code-D2lwxHgd.js";
-import { Button as ve } from "@base-ui/react/button";
-import { cva as ye, cva as m, cx as be, cx as h } from "class-variance-authority";
-import { Fragment as xe, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { IconoirProvider as Se } from "iconoir-react";
-import { createContext as Ce, useContext as we, useEffect as Te, useRef as Ee, useState as v } from "react";
-import { Checkbox as De } from "@base-ui/react/checkbox";
-import { Field as y } from "@base-ui/react/field";
-import { Fieldset as Oe } from "@base-ui/react/fieldset";
-import { Input as ke } from "@base-ui/react/input";
+import { At as ee, GT as u, Kv as te, Ma as ne, Na as re, Pm as ie, Qt as d, Qv as ae, RA as oe, Wk as se, Xo as ce, aE as le, hn as ue, iv as de, r as f, rn as fe, sn as pe, t as me, zk as he } from "./icons-CaGCCwG-.js";
+import { a as ge, o as _e, r as ve, t as ye } from "./code-D2lwxHgd.js";
+import { Button as be } from "@base-ui/react/button";
+import { cva as xe, cva as p, cx as Se, cx as m } from "class-variance-authority";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconoirProvider as Ce } from "iconoir-react";
+import { createContext as we, useContext as Te, useEffect as Ee, useRef as De, useState as Oe } from "react";
+import { Checkbox as ke } from "@base-ui/react/checkbox";
+import { Field as v } from "@base-ui/react/field";
+import { Fieldset as Ae } from "@base-ui/react/fieldset";
+import { Input as je } from "@base-ui/react/input";
+import { NumberField as y } from "@base-ui/react/number-field";
 import { Select as b } from "@base-ui/react/select";
 import { Drawer as x } from "@base-ui/react/drawer";
 import { Popover as S } from "@base-ui/react/popover";
-import { Separator as Ae } from "@base-ui/react/separator";
+import { Separator as Me } from "@base-ui/react/separator";
 import { mergeProps as C } from "@base-ui/react/merge-props";
 import { useRender as w } from "@base-ui/react/use-render";
-import { Collapsible as je } from "@base-ui/react/collapsible";
+import { Collapsible as Ne } from "@base-ui/react/collapsible";
 import { NavigationMenu as T } from "@base-ui/react/navigation-menu";
 import { Toast as E } from "@base-ui/react/toast";
 import { Tooltip as D } from "@base-ui/react/tooltip";
@@ -43,7 +44,7 @@ var O = {
 	variantPositive: "imf-ui-button-module-variantPositive",
 	variantPrimary: "imf-ui-button-module-variantPrimary",
 	variantSecondary: "imf-ui-button-module-variantSecondary"
-}, Me = m(O.root, { variants: {
+}, Pe = p(O.root, { variants: {
 	variant: {
 		primary: O.variantPrimary,
 		secondary: O.variantSecondary,
@@ -74,11 +75,11 @@ var O = {
 		oncolor: O.contextOncolor
 	}
 } });
-function Ne({ variant: e = "primary", size: n = "md", context: r = "default", chamfer: i = n === "hero", radius: a = "none", startIcon: o, endIcon: s, children: c, ...l }) {
-	return /* @__PURE__ */ _(ve, {
+function Fe({ variant: e = "primary", size: n = "md", context: r = "default", chamfer: i = n === "hero", radius: a = "none", startIcon: o, endIcon: s, children: c, ...l }) {
+	return /* @__PURE__ */ _(be, {
 		...l,
 		"data-imf-ui-component": "Button",
-		className: (o) => Me({
+		className: (o) => Pe({
 			variant: e,
 			size: n,
 			chamfer: i,
@@ -106,7 +107,7 @@ function Ne({ variant: e = "primary", size: n = "md", context: r = "default", ch
 }
 //#endregion
 //#region src/components/button/button.meta.ts
-var Pe = {
+var Ie = {
 	name: "Button",
 	category: l.buttons,
 	status: "stable",
@@ -136,7 +137,7 @@ var Pe = {
 	variantPrimary: "imf-ui-chip-module-variantPrimary",
 	variantSupport: "imf-ui-chip-module-variantSupport",
 	variantWarning: "imf-ui-chip-module-variantWarning"
-}, Fe = m(k.root, { variants: {
+}, Le = p(k.root, { variants: {
 	variant: {
 		main: k.variantMain,
 		support: k.variantSupport,
@@ -160,14 +161,14 @@ var Pe = {
 		false: null,
 		true: k.inline
 	}
-} }), Ie = {
+} }), Re = {
 	icon: "imf-ui-chip-link-module-icon",
 	root: "imf-ui-chip-link-module-root"
 };
 //#endregion
 //#region src/components/chip-link/chip-link.tsx
-function Le({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
-	let s = r === "external" ? le : f;
+function ze({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
+	let s = r === "external" ? ue : d;
 	return /* @__PURE__ */ _("a", {
 		...r === "external" ? {
 			target: "_blank",
@@ -176,16 +177,16 @@ function Le({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 		...o,
 		"data-imf-ui-component": "ChipLink",
 		"data-kind": r,
-		className: Fe({
+		className: Le({
 			variant: e,
 			appearance: t,
 			inline: n,
-			className: h(Ie.root, i)
+			className: m(Re.root, i)
 		}),
 		children: [a, /* @__PURE__ */ g("span", {
-			className: Ie.icon,
+			className: Re.icon,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ g(p, {
+			children: /* @__PURE__ */ g(f, {
 				glyph: s,
 				size: 12
 			})
@@ -194,24 +195,24 @@ function Le({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 }
 //#endregion
 //#region src/components/chip-link/chip-link.meta.ts
-var Re = {
+var Be = {
 	name: "ChipLink",
 	category: l.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"
-}, ze = { root: "imf-ui-copy-button-module-root" }, Be = 1500;
-function Ve({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i = "secondary", size: a = "sm", ...o }) {
-	let { copied: s, copy: c } = he({ timeout: Be }), l = s ? te : se;
-	return /* @__PURE__ */ g(Ne, {
+}, Ve = { root: "imf-ui-copy-button-module-root" }, He = 1500;
+function Ue({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i = "secondary", size: a = "sm", ...o }) {
+	let { copied: s, copy: c } = _e({ timeout: He }), l = s ? ne : ce;
+	return /* @__PURE__ */ g(Fe, {
 		...o,
 		variant: i,
 		size: a,
 		"data-copied": s || void 0,
 		"aria-label": s ? r : n,
 		onClick: () => c(e),
-		className: (e) => h(ze.root, t(o.className, e)),
-		children: /* @__PURE__ */ g(p, {
+		className: (e) => m(Ve.root, t(o.className, e)),
+		children: /* @__PURE__ */ g(f, {
 			glyph: l,
 			size: 15,
 			strokeWidth: 2,
@@ -219,61 +220,61 @@ function Ve({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i
 		})
 	});
 }
-Ve.displayName = "CopyButton";
+Ue.displayName = "CopyButton";
 //#endregion
 //#region src/components/copy-button/copy-button.meta.ts
-var He = {
+var We = {
 	name: "CopyButton",
 	category: l.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",
 	internalDependencies: ["Button"]
-}, Ue = {
+}, Ge = {
 	iconCheck: "imf-ui-checkbox-module-iconCheck",
 	iconIndeterminate: "imf-ui-checkbox-module-iconIndeterminate",
 	indicator: "imf-ui-checkbox-module-indicator",
 	root: "imf-ui-checkbox-module-root"
-}, We = /* @__PURE__ */ e({
-	Indicator: () => Je,
-	Root: () => qe
-}), Ge = m(Ue.root), Ke = m(Ue.indicator);
-function qe(e) {
-	return /* @__PURE__ */ g(De.Root, {
+}, Ke = /* @__PURE__ */ e({
+	Indicator: () => Xe,
+	Root: () => Ye
+}), qe = p(Ge.root), Je = p(Ge.indicator);
+function Ye(e) {
+	return /* @__PURE__ */ g(ke.Root, {
 		...e,
 		"data-imf-ui-component": "Checkbox.Root",
-		className: (n) => Ge({ className: t(e.className, n) })
+		className: (n) => qe({ className: t(e.className, n) })
 	});
 }
-qe.displayName = "Checkbox.Root";
-function Je({ children: e, ...n }) {
-	return /* @__PURE__ */ g(De.Indicator, {
+Ye.displayName = "Checkbox.Root";
+function Xe({ children: e, ...n }) {
+	return /* @__PURE__ */ g(ke.Indicator, {
 		...n,
 		"data-imf-ui-component": "Checkbox.Indicator",
-		className: (e) => Ke({ className: t(n.className, e) }),
-		children: e ?? /* @__PURE__ */ _(xe, { children: [/* @__PURE__ */ g("span", {
-			className: Ue.iconCheck,
+		className: (e) => Je({ className: t(n.className, e) }),
+		children: e ?? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
+			className: Ge.iconCheck,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ g(p, {
-				glyph: te,
+			children: /* @__PURE__ */ g(f, {
+				glyph: ne,
 				size: 12,
 				strokeWidth: 3
 			})
 		}), /* @__PURE__ */ g("span", {
-			className: Ue.iconIndeterminate,
+			className: Ge.iconIndeterminate,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ g(p, {
-				glyph: ue,
+			children: /* @__PURE__ */ g(f, {
+				glyph: de,
 				size: 12,
 				strokeWidth: 3
 			})
 		})] })
 	});
 }
-Je.displayName = "Checkbox.Indicator";
+Xe.displayName = "Checkbox.Indicator";
 //#endregion
 //#region src/components/checkbox/checkbox.meta.ts
-var Ye = {
+var Ze = {
 	name: "Checkbox",
 	category: l.inputs,
 	status: "stable",
@@ -292,70 +293,70 @@ var Ye = {
 	item: "imf-ui-field-module-item",
 	label: "imf-ui-field-module-label",
 	root: "imf-ui-field-module-root"
-}, Xe = /* @__PURE__ */ e({
-	Control: () => st,
-	Description: () => ot,
-	Error: () => ct,
-	Item: () => it,
-	Label: () => at,
-	Root: () => rt,
-	Validity: () => lt
-}), Ze = m(A.root), Qe = m(A.item), $e = m(A.label), et = m(A.description), tt = m(A.control), nt = m(A.error);
-function rt(e) {
-	return /* @__PURE__ */ g(y.Root, {
+}, Qe = /* @__PURE__ */ e({
+	Control: () => lt,
+	Description: () => ct,
+	Error: () => ut,
+	Item: () => ot,
+	Label: () => st,
+	Root: () => at,
+	Validity: () => dt
+}), $e = p(A.root), et = p(A.item), tt = p(A.label), nt = p(A.description), rt = p(A.control), it = p(A.error);
+function at(e) {
+	return /* @__PURE__ */ g(v.Root, {
 		...e,
 		"data-imf-ui-component": "Field.Root",
-		className: (n) => Ze({ className: t(e.className, n) })
+		className: (n) => $e({ className: t(e.className, n) })
 	});
 }
-rt.displayName = "Field.Root";
-function it(e) {
-	return /* @__PURE__ */ g(y.Item, {
+at.displayName = "Field.Root";
+function ot(e) {
+	return /* @__PURE__ */ g(v.Item, {
 		...e,
 		"data-imf-ui-component": "Field.Item",
-		className: (n) => Qe({ className: t(e.className, n) })
+		className: (n) => et({ className: t(e.className, n) })
 	});
 }
-it.displayName = "Field.Item";
-function at(e) {
-	return /* @__PURE__ */ g(y.Label, {
+ot.displayName = "Field.Item";
+function st(e) {
+	return /* @__PURE__ */ g(v.Label, {
 		...e,
 		"data-imf-ui-component": "Field.Label",
-		className: (n) => $e({ className: t(e.className, n) })
+		className: (n) => tt({ className: t(e.className, n) })
 	});
 }
-at.displayName = "Field.Label";
-function ot(e) {
-	return /* @__PURE__ */ g(y.Description, {
+st.displayName = "Field.Label";
+function ct(e) {
+	return /* @__PURE__ */ g(v.Description, {
 		...e,
 		"data-imf-ui-component": "Field.Description",
-		className: (n) => et({ className: t(e.className, n) })
+		className: (n) => nt({ className: t(e.className, n) })
 	});
 }
-ot.displayName = "Field.Description";
-function st(e) {
-	return /* @__PURE__ */ g(y.Control, {
+ct.displayName = "Field.Description";
+function lt(e) {
+	return /* @__PURE__ */ g(v.Control, {
 		...e,
 		"data-imf-ui-component": "Field.Control",
-		className: (n) => tt({ className: t(e.className, n) })
+		className: (n) => rt({ className: t(e.className, n) })
 	});
 }
-st.displayName = "Field.Control";
-function ct(e) {
-	return /* @__PURE__ */ g(y.Error, {
+lt.displayName = "Field.Control";
+function ut(e) {
+	return /* @__PURE__ */ g(v.Error, {
 		...e,
 		"data-imf-ui-component": "Field.Error",
-		className: (n) => nt({ className: t(e.className, n) })
+		className: (n) => it({ className: t(e.className, n) })
 	});
 }
-ct.displayName = "Field.Error";
-function lt({ children: e }) {
-	return /* @__PURE__ */ g(y.Validity, { children: e });
+ut.displayName = "Field.Error";
+function dt({ children: e }) {
+	return /* @__PURE__ */ g(v.Validity, { children: e });
 }
-lt.displayName = "Field.Validity";
+dt.displayName = "Field.Validity";
 //#endregion
 //#region src/components/field/field.meta.ts
-var ut = {
+var ft = {
 	name: "Field",
 	category: l.inputs,
 	status: "stable",
@@ -367,32 +368,32 @@ var ut = {
 		docLink: "https://base-ui.com/react/components/field",
 		llmDocLink: "https://base-ui.com/react/components/field.md"
 	}
-}, dt = {
+}, pt = {
 	legend: "imf-ui-fieldset-module-legend",
 	root: "imf-ui-fieldset-module-root"
-}, ft = /* @__PURE__ */ e({
-	Legend: () => gt,
-	Root: () => ht
-}), pt = m(dt.root), mt = m(dt.legend);
-function ht(e) {
-	return /* @__PURE__ */ g(Oe.Root, {
+}, mt = /* @__PURE__ */ e({
+	Legend: () => vt,
+	Root: () => _t
+}), ht = p(pt.root), gt = p(pt.legend);
+function _t(e) {
+	return /* @__PURE__ */ g(Ae.Root, {
 		...e,
 		"data-imf-ui-component": "Fieldset.Root",
-		className: (n) => pt({ className: t(e.className, n) })
+		className: (n) => ht({ className: t(e.className, n) })
 	});
 }
-ht.displayName = "Fieldset.Root";
-function gt(e) {
-	return /* @__PURE__ */ g(Oe.Legend, {
+_t.displayName = "Fieldset.Root";
+function vt(e) {
+	return /* @__PURE__ */ g(Ae.Legend, {
 		...e,
 		"data-imf-ui-component": "Fieldset.Legend",
-		className: (n) => mt({ className: t(e.className, n) })
+		className: (n) => gt({ className: t(e.className, n) })
 	});
 }
-gt.displayName = "Fieldset.Legend";
+vt.displayName = "Fieldset.Legend";
 //#endregion
 //#region src/components/fieldset/fieldset.meta.ts
-var _t = {
+var yt = {
 	name: "Fieldset",
 	category: l.inputs,
 	status: "stable",
@@ -414,7 +415,7 @@ var _t = {
 	variantFilled: "imf-ui-input-module-variantFilled",
 	variantGhost: "imf-ui-input-module-variantGhost",
 	variantOutline: "imf-ui-input-module-variantOutline"
-}, vt = m(j.root, { variants: {
+}, bt = p(j.root, { variants: {
 	variant: {
 		outline: j.variantOutline,
 		filled: j.variantFilled,
@@ -426,43 +427,43 @@ var _t = {
 		lg: j.sizeLg
 	}
 } });
-function yt({ 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", [ee, te] = v(a ?? ""), ne = i ?? ee, re = ne != null && String(ne).length > 0, f = (e, t) => {
-		d && i === void 0 && te(e), o?.(e, t);
-	}, ie = /* @__PURE__ */ g(ke, {
-		...u,
+function xt({ variant: e = "outline", size: n = "md", type: r, value: i, defaultValue: a, onValueChange: o, onClear: s, disabled: c, className: l, ...ee }) {
+	let u = r === "search", [te, ne] = Oe(a ?? ""), re = i ?? te, ie = re != null && String(re).length > 0, d = (e, t) => {
+		u && i === void 0 && ne(e), o?.(e, t);
+	}, ae = /* @__PURE__ */ g(je, {
+		...ee,
 		type: r,
-		value: d ? ne : i,
-		defaultValue: d ? void 0 : a,
+		value: u ? re : i,
+		defaultValue: u ? void 0 : a,
 		disabled: c,
-		onValueChange: d ? f : o,
+		onValueChange: u ? d : o,
 		"data-imf-ui-component": "Input",
-		className: (r) => vt({
+		className: (r) => bt({
 			variant: e,
 			size: n,
 			className: t(l, r)
 		})
 	});
-	return d ? /* @__PURE__ */ _("div", {
+	return u ? /* @__PURE__ */ _("div", {
 		className: typeof l == "string" ? `${j.searchRoot} ${l}` : j.searchRoot,
-		children: [ie, re && !c && /* @__PURE__ */ g("button", {
+		children: [ae, ie && !c && /* @__PURE__ */ g("button", {
 			type: "button",
 			className: j.clearButton,
 			"aria-label": "Clear input",
 			onClick: () => {
-				i === void 0 && te(""), s?.();
+				i === void 0 && ne(""), s?.();
 			},
-			children: /* @__PURE__ */ g(p, {
-				glyph: ae,
+			children: /* @__PURE__ */ g(f, {
+				glyph: oe,
 				size: 16,
 				"aria-hidden": !0
 			})
 		})]
-	}) : ie;
+	}) : ae;
 }
 //#endregion
 //#region src/components/input/input.meta.ts
-var bt = {
+var St = {
 	name: "Input",
 	category: l.inputs,
 	status: "stable",
@@ -475,6 +476,152 @@ var bt = {
 		llmDocLink: "https://base-ui.com/react/components/input.md"
 	}
 }, M = {
+	decrement: "imf-ui-number-field-module-decrement",
+	group: "imf-ui-number-field-module-group",
+	increment: "imf-ui-number-field-module-increment",
+	input: "imf-ui-number-field-module-input",
+	root: "imf-ui-number-field-module-root",
+	scrubArea: "imf-ui-number-field-module-scrubArea",
+	scrubAreaCursor: "imf-ui-number-field-module-scrubAreaCursor",
+	sizeLg: "imf-ui-number-field-module-sizeLg",
+	sizeMd: "imf-ui-number-field-module-sizeMd",
+	sizeSm: "imf-ui-number-field-module-sizeSm",
+	variantFilled: "imf-ui-number-field-module-variantFilled",
+	variantGhost: "imf-ui-number-field-module-variantGhost",
+	variantOutline: "imf-ui-number-field-module-variantOutline",
+	variantPrimary: "imf-ui-number-field-module-variantPrimary"
+}, Ct = /* @__PURE__ */ e({
+	Decrement: () => N,
+	Group: () => Nt,
+	Increment: () => Ft,
+	Input: () => Pt,
+	Root: () => Mt,
+	ScrubArea: () => It,
+	ScrubAreaCursor: () => Lt,
+	Stepper: () => Rt
+}), wt = p(M.root), Tt = p(M.group, { variants: {
+	variant: {
+		outline: M.variantOutline,
+		primary: M.variantPrimary,
+		filled: M.variantFilled,
+		ghost: M.variantGhost
+	},
+	size: {
+		sm: M.sizeSm,
+		md: M.sizeMd,
+		lg: M.sizeLg
+	}
+} }), Et = p(M.input), Dt = p(M.increment), Ot = p(M.decrement), kt = p(M.scrubArea), At = p(M.scrubAreaCursor);
+function jt(e, t) {
+	if (typeof e != "number" || t?.minimumFractionDigits !== void 0) return t;
+	let n = (String(e).split(".")[1] ?? "").length;
+	return n === 0 ? t : {
+		...t,
+		minimumFractionDigits: n
+	};
+}
+function Mt({ step: e, format: n, ...r }) {
+	return /* @__PURE__ */ g(y.Root, {
+		...r,
+		step: e,
+		format: jt(e, n),
+		"data-imf-ui-component": "NumberField.Root",
+		className: (e) => wt({ className: t(r.className, e) })
+	});
+}
+Mt.displayName = "NumberField.Root";
+function Nt({ variant: e = "outline", size: n = "md", ...r }) {
+	return /* @__PURE__ */ g(y.Group, {
+		...r,
+		"data-imf-ui-component": "NumberField.Group",
+		className: (i) => Tt({
+			variant: e,
+			size: n,
+			className: t(r.className, i)
+		})
+	});
+}
+Nt.displayName = "NumberField.Group";
+function Pt(e) {
+	return /* @__PURE__ */ g(y.Input, {
+		...e,
+		"data-imf-ui-component": "NumberField.Input",
+		className: (n) => Et({ className: t(e.className, n) })
+	});
+}
+Pt.displayName = "NumberField.Input";
+function Ft(e) {
+	return /* @__PURE__ */ g(y.Increment, {
+		...e,
+		"data-imf-ui-component": "NumberField.Increment",
+		className: (n) => Dt({ className: t(e.className, n) }),
+		children: "+"
+	});
+}
+Ft.displayName = "NumberField.Increment";
+function N(e) {
+	return /* @__PURE__ */ g(y.Decrement, {
+		...e,
+		"data-imf-ui-component": "NumberField.Decrement",
+		className: (n) => Ot({ className: t(e.className, n) }),
+		children: "-"
+	});
+}
+N.displayName = "NumberField.Decrement";
+function It(e) {
+	return /* @__PURE__ */ g(y.ScrubArea, {
+		...e,
+		"data-imf-ui-component": "NumberField.ScrubArea",
+		className: (n) => kt({ className: t(e.className, n) })
+	});
+}
+It.displayName = "NumberField.ScrubArea";
+function Lt(e) {
+	return /* @__PURE__ */ g(y.ScrubAreaCursor, {
+		...e,
+		"data-imf-ui-component": "NumberField.ScrubAreaCursor",
+		className: (n) => At({ className: t(e.className, n) })
+	});
+}
+Lt.displayName = "NumberField.ScrubAreaCursor";
+function Rt({ layout: e = "trailing", variant: t = "outline", size: n = "md", scrub: r, ...i }) {
+	return /* @__PURE__ */ _(Mt, {
+		...i,
+		children: [r != null && /* @__PURE__ */ _(It, { children: [r, /* @__PURE__ */ g(Lt, { children: /* @__PURE__ */ g(f, {
+			glyph: fe,
+			size: 20,
+			"aria-hidden": !0
+		}) })] }), /* @__PURE__ */ g(Nt, {
+			variant: t,
+			size: n,
+			children: e === "flanking" ? /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(N, {}),
+				/* @__PURE__ */ g(Pt, {}),
+				/* @__PURE__ */ g(Ft, {})
+			] }) : /* @__PURE__ */ _(h, { children: [
+				/* @__PURE__ */ g(Pt, {}),
+				/* @__PURE__ */ g(N, {}),
+				/* @__PURE__ */ g(Ft, {})
+			] })
+		})]
+	});
+}
+Rt.displayName = "NumberField.Stepper";
+//#endregion
+//#region src/components/number-field/number-field.meta.ts
+var zt = {
+	name: "NumberField",
+	category: l.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",
+	upstream: {
+		name: "Base UI",
+		websiteLink: "https://base-ui.com/",
+		docLink: "https://base-ui.com/react/components/number-field",
+		llmDocLink: "https://base-ui.com/react/components/number-field.md"
+	}
+}, P = {
 	arrow: "imf-ui-select-module-arrow",
 	group: "imf-ui-select-module-group",
 	groupLabel: "imf-ui-select-module-groupLabel",
@@ -492,181 +639,181 @@ var bt = {
 	separator: "imf-ui-select-module-separator",
 	trigger: "imf-ui-select-module-trigger",
 	value: "imf-ui-select-module-value"
-}, xt = /* @__PURE__ */ e({
-	Arrow: () => Yt,
-	Backdrop: () => Kt,
-	Group: () => en,
-	GroupLabel: () => tn,
-	Icon: () => Wt,
-	Item: () => Zt,
-	ItemIndicator: () => Qt,
-	ItemText: () => $t,
-	Label: () => Vt,
-	List: () => Xt,
-	Popup: () => Jt,
-	Portal: () => Gt,
-	Positioner: () => qt,
-	Root: () => Bt,
-	ScrollDownArrow: () => an,
-	ScrollUpArrow: () => rn,
-	Separator: () => nn,
-	Trigger: () => Ht,
-	Value: () => Ut
-}), St = m(M.root), Ct = m(M.label), wt = m(M.trigger), Tt = m(M.value), Et = m(M.icon), Dt = m(M.backdrop), Ot = m(M.positioner), kt = m(M.popup), At = m(M.arrow), jt = m(M.list), Mt = m(M.item), Nt = m(M.itemIndicator), Pt = m(M.itemText), Ft = m(M.group), It = m(M.groupLabel), Lt = m(M.separator), Rt = m(M.scrollUpArrow), zt = m(M.scrollDownArrow);
-function Bt({ className: e, style: t, ...n }) {
+}, Bt = /* @__PURE__ */ e({
+	Arrow: () => hn,
+	Backdrop: () => fn,
+	Group: () => bn,
+	GroupLabel: () => xn,
+	Icon: () => un,
+	Item: () => _n,
+	ItemIndicator: () => vn,
+	ItemText: () => yn,
+	Label: () => sn,
+	List: () => gn,
+	Popup: () => mn,
+	Portal: () => dn,
+	Positioner: () => pn,
+	Root: () => on,
+	ScrollDownArrow: () => wn,
+	ScrollUpArrow: () => Cn,
+	Separator: () => Sn,
+	Trigger: () => cn,
+	Value: () => ln
+}), Vt = p(P.root), Ht = p(P.label), Ut = p(P.trigger), Wt = p(P.value), Gt = p(P.icon), Kt = p(P.backdrop), qt = p(P.positioner), Jt = p(P.popup), Yt = p(P.arrow), Xt = p(P.list), Zt = p(P.item), Qt = p(P.itemIndicator), $t = p(P.itemText), en = p(P.group), tn = p(P.groupLabel), nn = p(P.separator), rn = p(P.scrollUpArrow), an = p(P.scrollDownArrow);
+function on({ className: e, style: t, ...n }) {
 	return /* @__PURE__ */ g("div", {
-		className: St({ className: e }),
+		className: Vt({ className: e }),
 		style: t,
 		children: /* @__PURE__ */ g(b.Root, { ...n })
 	});
 }
-Bt.displayName = "Select.Root";
-function Vt(e) {
+on.displayName = "Select.Root";
+function sn(e) {
 	return /* @__PURE__ */ g(b.Label, {
 		...e,
 		"data-imf-ui-component": "Select.Label",
-		className: (n) => Ct({ className: t(e.className, n) })
+		className: (n) => Ht({ className: t(e.className, n) })
 	});
 }
-Vt.displayName = "Select.Label";
-function Ht(e) {
+sn.displayName = "Select.Label";
+function cn(e) {
 	return /* @__PURE__ */ g(b.Trigger, {
 		...e,
 		"data-imf-ui-component": "Select.Trigger",
-		className: (n) => wt({ className: t(e.className, n) })
+		className: (n) => Ut({ className: t(e.className, n) })
 	});
 }
-Ht.displayName = "Select.Trigger";
-function Ut({ children: e, ...n }) {
+cn.displayName = "Select.Trigger";
+function ln({ children: e, ...n }) {
 	return /* @__PURE__ */ g(b.Value, {
 		...n,
 		"data-imf-ui-component": "Select.Value",
-		className: (e) => Tt({ className: t(n.className, e) }),
+		className: (e) => Wt({ className: t(n.className, e) }),
 		children: e
 	});
 }
-Ut.displayName = "Select.Value";
-function Wt(e) {
+ln.displayName = "Select.Value";
+function un(e) {
 	return /* @__PURE__ */ g(b.Icon, {
 		...e,
 		"data-imf-ui-component": "Select.Icon",
-		className: (n) => Et({ className: t(e.className, n) })
+		className: (n) => Gt({ className: t(e.className, n) })
 	});
 }
-Wt.displayName = "Select.Icon";
-function Gt(e) {
+un.displayName = "Select.Icon";
+function dn(e) {
 	return /* @__PURE__ */ g(b.Portal, { ...e });
 }
-Gt.displayName = "Select.Portal";
-function Kt(e) {
+dn.displayName = "Select.Portal";
+function fn(e) {
 	return /* @__PURE__ */ g(b.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Select.Backdrop",
-		className: (n) => Dt({ className: t(e.className, n) })
+		className: (n) => Kt({ className: t(e.className, n) })
 	});
 }
-Kt.displayName = "Select.Backdrop";
-function qt({ align: e = "start", alignItemWithTrigger: n = !1, ...r }) {
+fn.displayName = "Select.Backdrop";
+function pn({ align: e = "start", alignItemWithTrigger: n = !1, ...r }) {
 	return /* @__PURE__ */ g(b.Positioner, {
 		...r,
 		align: e,
 		alignItemWithTrigger: n,
 		"data-imf-ui-component": "Select.Positioner",
-		className: (e) => Ot({ className: t(r.className, e) })
+		className: (e) => qt({ className: t(r.className, e) })
 	});
 }
-qt.displayName = "Select.Positioner";
-function Jt(e) {
+pn.displayName = "Select.Positioner";
+function mn(e) {
 	return /* @__PURE__ */ g(b.Popup, {
 		...e,
 		"data-imf-ui-component": "Select.Popup",
-		className: (n) => kt({ className: t(e.className, n) })
+		className: (n) => Jt({ className: t(e.className, n) })
 	});
 }
-Jt.displayName = "Select.Popup";
-function Yt(e) {
+mn.displayName = "Select.Popup";
+function hn(e) {
 	return /* @__PURE__ */ g(b.Arrow, {
 		...e,
 		"data-imf-ui-component": "Select.Arrow",
-		className: (n) => At({ className: t(e.className, n) })
+		className: (n) => Yt({ className: t(e.className, n) })
 	});
 }
-Yt.displayName = "Select.Arrow";
-function Xt(e) {
+hn.displayName = "Select.Arrow";
+function gn(e) {
 	return /* @__PURE__ */ g(b.List, {
 		...e,
 		"data-imf-ui-component": "Select.List",
-		className: (n) => jt({ className: t(e.className, n) })
+		className: (n) => Xt({ className: t(e.className, n) })
 	});
 }
-Xt.displayName = "Select.List";
-function Zt(e) {
+gn.displayName = "Select.List";
+function _n(e) {
 	return /* @__PURE__ */ g(b.Item, {
 		...e,
 		"data-imf-ui-component": "Select.Item",
-		className: (n) => Mt({ className: t(e.className, n) })
+		className: (n) => Zt({ className: t(e.className, n) })
 	});
 }
-Zt.displayName = "Select.Item";
-function Qt(e) {
+_n.displayName = "Select.Item";
+function vn(e) {
 	return /* @__PURE__ */ g(b.ItemIndicator, {
 		...e,
 		"data-imf-ui-component": "Select.ItemIndicator",
-		className: (n) => Nt({ className: t(e.className, n) })
+		className: (n) => Qt({ className: t(e.className, n) })
 	});
 }
-Qt.displayName = "Select.ItemIndicator";
-function $t(e) {
+vn.displayName = "Select.ItemIndicator";
+function yn(e) {
 	return /* @__PURE__ */ g(b.ItemText, {
 		...e,
 		"data-imf-ui-component": "Select.ItemText",
-		className: (n) => Pt({ className: t(e.className, n) })
+		className: (n) => $t({ className: t(e.className, n) })
 	});
 }
-$t.displayName = "Select.ItemText";
-function en(e) {
+yn.displayName = "Select.ItemText";
+function bn(e) {
 	return /* @__PURE__ */ g(b.Group, {
 		...e,
 		"data-imf-ui-component": "Select.Group",
-		className: (n) => Ft({ className: t(e.className, n) })
+		className: (n) => en({ className: t(e.className, n) })
 	});
 }
-en.displayName = "Select.Group";
-function tn(e) {
+bn.displayName = "Select.Group";
+function xn(e) {
 	return /* @__PURE__ */ g(b.GroupLabel, {
 		...e,
 		"data-imf-ui-component": "Select.GroupLabel",
-		className: (n) => It({ className: t(e.className, n) })
+		className: (n) => tn({ className: t(e.className, n) })
 	});
 }
-tn.displayName = "Select.GroupLabel";
-function nn(e) {
+xn.displayName = "Select.GroupLabel";
+function Sn(e) {
 	return /* @__PURE__ */ g(b.Separator, {
 		...e,
 		"data-imf-ui-component": "Select.Separator",
-		className: (n) => Lt({ className: t(e.className, n) })
+		className: (n) => nn({ className: t(e.className, n) })
 	});
 }
-nn.displayName = "Select.Separator";
-function rn(e) {
+Sn.displayName = "Select.Separator";
+function Cn(e) {
 	return /* @__PURE__ */ g(b.ScrollUpArrow, {
 		...e,
 		"data-imf-ui-component": "Select.ScrollUpArrow",
-		className: (n) => Rt({ className: t(e.className, n) })
+		className: (n) => rn({ className: t(e.className, n) })
 	});
 }
-rn.displayName = "Select.ScrollUpArrow";
-function an(e) {
+Cn.displayName = "Select.ScrollUpArrow";
+function wn(e) {
 	return /* @__PURE__ */ g(b.ScrollDownArrow, {
 		...e,
 		"data-imf-ui-component": "Select.ScrollDownArrow",
-		className: (n) => zt({ className: t(e.className, n) })
+		className: (n) => an({ className: t(e.className, n) })
 	});
 }
-an.displayName = "Select.ScrollDownArrow";
+wn.displayName = "Select.ScrollDownArrow";
 //#endregion
 //#region src/components/select/select.meta.ts
-var on = {
+var Tn = {
 	name: "Select",
 	category: l.inputs,
 	status: "stable",
@@ -678,7 +825,7 @@ var on = {
 		docLink: "https://base-ui.com/react/components/select",
 		llmDocLink: "https://base-ui.com/react/components/select.md"
 	}
-}, sn = {
+}, En = {
 	name: "Slider",
 	category: l.inputs,
 	status: "stable",
@@ -690,7 +837,7 @@ var on = {
 		docLink: "https://base-ui.com/react/components/slider",
 		llmDocLink: "https://base-ui.com/react/components/slider.md"
 	}
-}, cn = {
+}, Dn = {
 	name: "Switch",
 	category: l.inputs,
 	status: "stable",
@@ -702,7 +849,7 @@ var on = {
 		docLink: "https://base-ui.com/react/components/switch",
 		llmDocLink: "https://base-ui.com/react/components/switch.md"
 	}
-}, ln = {
+}, On = {
 	name: "Toggle",
 	category: l.inputs,
 	status: "experimental",
@@ -714,7 +861,7 @@ var on = {
 		docLink: "https://base-ui.com/react/components/toggle",
 		llmDocLink: "https://base-ui.com/react/components/toggle.md"
 	}
-}, un = {
+}, kn = {
 	name: "ToggleGroup",
 	category: l.inputs,
 	status: "experimental",
@@ -726,7 +873,7 @@ var on = {
 		docLink: "https://base-ui.com/react/components/toggle-group",
 		llmDocLink: "https://base-ui.com/react/components/toggle-group.md"
 	}
-}, N = {
+}, F = {
 	aside: "imf-ui-app-shell-module-aside",
 	footer: "imf-ui-app-shell-module-footer",
 	header: "imf-ui-app-shell-module-header",
@@ -734,83 +881,83 @@ var on = {
 	navbar: "imf-ui-app-shell-module-navbar",
 	root: "imf-ui-app-shell-module-root",
 	section: "imf-ui-app-shell-module-section"
-}, dn = /* @__PURE__ */ e({
-	Aside: () => Sn,
-	Footer: () => Cn,
-	Header: () => bn,
-	Main: () => wn,
-	Navbar: () => xn,
-	Root: () => yn,
-	Section: () => Tn
-}), fn = m(N.root), pn = m(N.header), mn = m(N.navbar), hn = m(N.aside), gn = m(N.footer), _n = m(N.main), vn = m(N.section);
-function yn(e) {
+}, An = /* @__PURE__ */ e({
+	Aside: () => Vn,
+	Footer: () => Hn,
+	Header: () => zn,
+	Main: () => Un,
+	Navbar: () => Bn,
+	Root: () => Rn,
+	Section: () => Wn
+}), jn = p(F.root), Mn = p(F.header), Nn = p(F.navbar), Pn = p(F.aside), Fn = p(F.footer), In = p(F.main), Ln = p(F.section);
+function Rn(e) {
 	return /* @__PURE__ */ g("div", {
 		...e,
 		"data-imf-ui-component": "AppShell.Root",
-		className: fn({ className: e.className })
+		className: jn({ className: e.className })
 	});
 }
-yn.displayName = "AppShell.Root";
-function bn(e) {
+Rn.displayName = "AppShell.Root";
+function zn(e) {
 	return /* @__PURE__ */ g("header", {
 		...e,
 		"data-imf-ui-component": "AppShell.Header",
-		className: pn({ className: e.className })
+		className: Mn({ className: e.className })
 	});
 }
-bn.displayName = "AppShell.Header";
-function xn({ open: e, ...t }) {
+zn.displayName = "AppShell.Header";
+function Bn({ open: e, ...t }) {
 	return /* @__PURE__ */ g("nav", {
 		...t,
 		"data-imf-ui-component": "AppShell.Navbar",
 		"data-open": e ? "" : void 0,
-		className: mn({ className: t.className })
+		className: Nn({ className: t.className })
 	});
 }
-xn.displayName = "AppShell.Navbar";
-function Sn({ open: e, ...t }) {
+Bn.displayName = "AppShell.Navbar";
+function Vn({ open: e, ...t }) {
 	return /* @__PURE__ */ g("aside", {
 		...t,
 		"data-imf-ui-component": "AppShell.Aside",
 		"data-open": e ? "" : void 0,
-		className: hn({ className: t.className })
+		className: Pn({ className: t.className })
 	});
 }
-Sn.displayName = "AppShell.Aside";
-function Cn(e) {
+Vn.displayName = "AppShell.Aside";
+function Hn(e) {
 	return /* @__PURE__ */ g("footer", {
 		...e,
 		"data-imf-ui-component": "AppShell.Footer",
-		className: gn({ className: e.className })
+		className: Fn({ className: e.className })
 	});
 }
-Cn.displayName = "AppShell.Footer";
-function wn(e) {
+Hn.displayName = "AppShell.Footer";
+function Un(e) {
 	return /* @__PURE__ */ g("main", {
 		...e,
 		"data-imf-ui-component": "AppShell.Main",
-		className: _n({ className: e.className })
+		className: In({ className: e.className })
 	});
 }
-wn.displayName = "AppShell.Main";
-function Tn({ grow: e, ...t }) {
+Un.displayName = "AppShell.Main";
+function Wn({ grow: e, ...t }) {
 	return /* @__PURE__ */ g("div", {
 		...t,
 		"data-imf-ui-component": "AppShell.Section",
 		"data-grow": e ? "" : void 0,
-		className: vn({ className: t.className })
+		className: Ln({ className: t.className })
 	});
 }
-Tn.displayName = "AppShell.Section";
+Wn.displayName = "AppShell.Section";
 //#endregion
 //#region src/components/app-shell/app-shell.meta.ts
-var En = {
+var Gn = {
 	name: "AppShell",
 	category: l.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"
-}, P = {
+}, I = {
 	content: "imf-ui-card-module-content",
 	densityComfortable: "imf-ui-card-module-densityComfortable",
 	densityCompact: "imf-ui-card-module-densityCompact",
@@ -834,49 +981,49 @@ var En = {
 	variantMinor: "imf-ui-card-module-variantMinor",
 	variantPrimary: "imf-ui-card-module-variantPrimary",
 	variantSupport: "imf-ui-card-module-variantSupport"
-}, Dn = /* @__PURE__ */ e({
-	Content: () => Mn,
-	Footer: () => Nn,
-	Header: () => jn,
-	Image: () => An,
-	Root: () => kn
-}), On = m(P.root, { variants: {
+}, Kn = /* @__PURE__ */ e({
+	Content: () => Zn,
+	Footer: () => Qn,
+	Header: () => Xn,
+	Image: () => Yn,
+	Root: () => Jn
+}), qn = p(I.root, { variants: {
 	density: {
-		compact: P.densityCompact,
-		comfortable: P.densityComfortable,
-		spacious: P.densitySpacious
+		compact: I.densityCompact,
+		comfortable: I.densityComfortable,
+		spacious: I.densitySpacious
 	},
 	variant: {
-		main: P.variantMain,
-		support: P.variantSupport,
-		minor: P.variantMinor,
-		primary: P.variantPrimary,
-		brand: P.variantBrand
+		main: I.variantMain,
+		support: I.variantSupport,
+		minor: I.variantMinor,
+		primary: I.variantPrimary,
+		brand: I.variantBrand
 	},
 	shadow: {
-		none: P.shadowNone,
-		sm: P.shadowSm,
-		md: P.shadowMd,
-		lg: P.shadowLg
+		none: I.shadowNone,
+		sm: I.shadowSm,
+		md: I.shadowMd,
+		lg: I.shadowLg
 	},
 	radius: {
-		brand: P.radiusBrand,
-		sm: P.radiusSm,
-		md: P.radiusMd,
-		lg: P.radiusLg
+		brand: I.radiusBrand,
+		sm: I.radiusSm,
+		md: I.radiusMd,
+		lg: I.radiusLg
 	},
 	orientation: {
-		vertical: P.orientationVertical,
-		horizontal: P.orientationHorizontal
+		vertical: I.orientationVertical,
+		horizontal: I.orientationHorizontal
 	}
 } });
-function kn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, ...o }) {
+function Jn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, ...o }) {
 	let s = a && t !== "primary" && t !== "brand";
 	return /* @__PURE__ */ g("div", {
 		...o,
 		"data-imf-ui-component": "Card.Root",
 		"data-with-border": s ? "" : void 0,
-		className: On({
+		className: qn({
 			density: e,
 			variant: t,
 			shadow: n,
@@ -886,54 +1033,54 @@ function kn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg",
 		})
 	});
 }
-kn.displayName = "Card.Root";
-function An({ alt: e = "", aspectRatio: t = 16 / 10, style: n, ...r }) {
+Jn.displayName = "Card.Root";
+function Yn({ alt: e = "", aspectRatio: t = 16 / 10, style: n, ...r }) {
 	return /* @__PURE__ */ g("img", {
 		...r,
 		alt: e,
 		"data-imf-ui-component": "Card.Image",
-		className: m(P.image)({ className: r.className }),
+		className: p(I.image)({ className: r.className }),
 		style: {
 			aspectRatio: t,
 			...n
 		}
 	});
 }
-An.displayName = "Card.Image";
-function jn(e) {
+Yn.displayName = "Card.Image";
+function Xn(e) {
 	return /* @__PURE__ */ g("div", {
 		...e,
 		"data-imf-ui-component": "Card.Header",
-		className: m(P.header)({ className: e.className })
+		className: p(I.header)({ className: e.className })
 	});
 }
-jn.displayName = "Card.Header";
-function Mn(e) {
+Xn.displayName = "Card.Header";
+function Zn(e) {
 	return /* @__PURE__ */ g("div", {
 		...e,
 		"data-imf-ui-component": "Card.Content",
-		className: m(P.content)({ className: e.className })
+		className: p(I.content)({ className: e.className })
 	});
 }
-Mn.displayName = "Card.Content";
-function Nn(e) {
+Zn.displayName = "Card.Content";
+function Qn(e) {
 	return /* @__PURE__ */ g("div", {
 		...e,
 		"data-imf-ui-component": "Card.Footer",
-		className: m(P.footer)({ className: e.className })
+		className: p(I.footer)({ className: e.className })
 	});
 }
-Nn.displayName = "Card.Footer";
+Qn.displayName = "Card.Footer";
 //#endregion
 //#region src/components/card/card.meta.ts
-var Pn = {
+var $n = {
 	name: "Card",
 	category: l.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, header, content, and footer parts.",
 	origin: "native"
-}, F = {
+}, L = {
 	backdrop: "imf-ui-drawer-module-backdrop",
 	borderColorFgMinor: "imf-ui-drawer-module-borderColorFgMinor",
 	borderColorFgSupport: "imf-ui-drawer-module-borderColorFgSupport",
@@ -956,45 +1103,45 @@ var Pn = {
 	title: "imf-ui-drawer-module-title",
 	trigger: "imf-ui-drawer-module-trigger",
 	viewport: "imf-ui-drawer-module-viewport"
-}, Fn = /* @__PURE__ */ e({
-	Backdrop: () => Zn,
-	Close: () => rr,
-	Content: () => tr,
-	Description: () => ir,
-	Indent: () => or,
-	IndentBackground: () => sr,
-	Popup: () => er,
-	Portal: () => Xn,
-	Provider: () => ar,
-	Root: () => Jn,
-	SwipeArea: () => cr,
-	Title: () => nr,
-	Trigger: () => Yn,
-	Viewport: () => Qn
-}), In = Ce({
+}, er = /* @__PURE__ */ e({
+	Backdrop: () => gr,
+	Close: () => Sr,
+	Content: () => br,
+	Description: () => Cr,
+	Indent: () => Tr,
+	IndentBackground: () => Er,
+	Popup: () => yr,
+	Portal: () => hr,
+	Provider: () => wr,
+	Root: () => pr,
+	SwipeArea: () => Dr,
+	Title: () => xr,
+	Trigger: () => mr,
+	Viewport: () => _r
+}), tr = we({
 	borderColor: "primary",
 	borderStyle: "solid"
-}), Ln = m(F.trigger), Rn = m(F.backdrop), zn = m(F.viewport), Bn = m(F.popup, {
+}), nr = p(L.trigger), rr = p(L.backdrop), ir = p(L.viewport), ar = p(L.popup, {
 	variants: {
 		borderColor: {
-			primary: F.borderColorPrimary,
-			"fg-minor": F.borderColorFgMinor,
-			"fg-support": F.borderColorFgSupport,
-			none: F.borderColorNone
+			primary: L.borderColorPrimary,
+			"fg-minor": L.borderColorFgMinor,
+			"fg-support": L.borderColorFgSupport,
+			none: L.borderColorNone
 		},
 		borderStyle: {
-			solid: F.borderStyleSolid,
-			dashed: F.borderStyleDashed,
-			none: F.borderStyleNone
+			solid: L.borderStyleSolid,
+			dashed: L.borderStyleDashed,
+			none: L.borderStyleNone
 		}
 	},
 	defaultVariants: {
 		borderColor: "primary",
 		borderStyle: "solid"
 	}
-}), Vn = m(F.content), Hn = m(F.title), Un = m(F.close), Wn = m(F.description), Gn = m(F.indent), Kn = m(F.indentBackground), qn = m(F.swipeArea);
-function Jn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
-	return /* @__PURE__ */ g(In.Provider, {
+}), or = p(L.content), sr = p(L.title), cr = p(L.close), lr = p(L.description), ur = p(L.indent), dr = p(L.indentBackground), fr = p(L.swipeArea);
+function pr({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
+	return /* @__PURE__ */ g(tr.Provider, {
 		value: {
 			borderColor: e,
 			borderStyle: t
@@ -1002,117 +1149,117 @@ function Jn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
 		children: /* @__PURE__ */ g(x.Root, { ...n })
 	});
 }
-Jn.displayName = "Drawer.Root";
-function Yn(e) {
+pr.displayName = "Drawer.Root";
+function mr(e) {
 	return /* @__PURE__ */ g(x.Trigger, {
 		...e,
 		"data-imf-ui-component": "Drawer.Trigger",
-		className: (n) => Ln({ className: t(e.className, n) })
+		className: (n) => nr({ className: t(e.className, n) })
 	});
 }
-Yn.displayName = "Drawer.Trigger";
-function Xn(e) {
+mr.displayName = "Drawer.Trigger";
+function hr(e) {
 	return /* @__PURE__ */ g(x.Portal, { ...e });
 }
-Xn.displayName = "Drawer.Portal";
-function Zn(e) {
+hr.displayName = "Drawer.Portal";
+function gr(e) {
 	return /* @__PURE__ */ g(x.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Drawer.Backdrop",
-		className: (n) => Rn({ className: t(e.className, n) })
+		className: (n) => rr({ className: t(e.className, n) })
 	});
 }
-Zn.displayName = "Drawer.Backdrop";
-function Qn(e) {
+gr.displayName = "Drawer.Backdrop";
+function _r(e) {
 	return /* @__PURE__ */ g(x.Viewport, {
 		...e,
 		"data-imf-ui-component": "Drawer.Viewport",
-		className: (n) => zn({ className: t(e.className, n) })
+		className: (n) => ir({ className: t(e.className, n) })
 	});
 }
-Qn.displayName = "Drawer.Viewport";
-var $n = {
-	left: F.popupLeft,
-	right: F.popupRight,
-	down: F.popupBottom,
-	up: F.popupTop
+_r.displayName = "Drawer.Viewport";
+var vr = {
+	left: L.popupLeft,
+	right: L.popupRight,
+	down: L.popupBottom,
+	up: L.popupTop
 };
-function er({ borderColor: e, borderStyle: n, ...r }) {
-	let i = we(In), a = e ?? i.borderColor, o = n ?? i.borderStyle;
+function yr({ borderColor: e, borderStyle: n, ...r }) {
+	let i = Te(tr), a = e ?? i.borderColor, o = n ?? i.borderStyle;
 	return /* @__PURE__ */ g(x.Popup, {
 		...r,
 		"data-imf-ui-component": "Drawer.Popup",
-		className: (e) => Bn({
+		className: (e) => ar({
 			borderColor: a,
 			borderStyle: o,
-			className: h($n[e.swipeDirection], t(r.className, e))
+			className: m(vr[e.swipeDirection], t(r.className, e))
 		})
 	});
 }
-er.displayName = "Drawer.Popup";
-function tr(e) {
+yr.displayName = "Drawer.Popup";
+function br(e) {
 	return /* @__PURE__ */ g(x.Content, {
 		...e,
 		"data-imf-ui-component": "Drawer.Content",
-		className: (n) => Vn({ className: t(e.className, n) })
+		className: (n) => or({ className: t(e.className, n) })
 	});
 }
-tr.displayName = "Drawer.Content";
-function nr(e) {
+br.displayName = "Drawer.Content";
+function xr(e) {
 	return /* @__PURE__ */ g(x.Title, {
 		...e,
 		"data-imf-ui-component": "Drawer.Title",
-		className: Hn({ className: e.className })
+		className: sr({ className: e.className })
 	});
 }
-nr.displayName = "Drawer.Title";
-function rr(e) {
+xr.displayName = "Drawer.Title";
+function Sr(e) {
 	return /* @__PURE__ */ g(x.Close, {
 		...e,
 		"data-imf-ui-component": "Drawer.Close",
-		className: (n) => Un({ className: t(e.className, n) })
+		className: (n) => cr({ className: t(e.className, n) })
 	});
 }
-rr.displayName = "Drawer.Close";
-function ir(e) {
+Sr.displayName = "Drawer.Close";
+function Cr(e) {
 	return /* @__PURE__ */ g(x.Description, {
 		...e,
 		"data-imf-ui-component": "Drawer.Description",
-		className: Wn({ className: e.className })
+		className: lr({ className: e.className })
 	});
 }
-ir.displayName = "Drawer.Description";
-function ar(e) {
+Cr.displayName = "Drawer.Description";
+function wr(e) {
 	return /* @__PURE__ */ g(x.Provider, { ...e });
 }
-ar.displayName = "Drawer.Provider";
-function or(e) {
+wr.displayName = "Drawer.Provider";
+function Tr(e) {
 	return /* @__PURE__ */ g(x.Indent, {
 		...e,
 		"data-imf-ui-component": "Drawer.Indent",
-		className: (n) => Gn({ className: t(e.className, n) })
+		className: (n) => ur({ className: t(e.className, n) })
 	});
 }
-or.displayName = "Drawer.Indent";
-function sr(e) {
+Tr.displayName = "Drawer.Indent";
+function Er(e) {
 	return /* @__PURE__ */ g(x.IndentBackground, {
 		...e,
 		"data-imf-ui-component": "Drawer.IndentBackground",
-		className: (n) => Kn({ className: t(e.className, n) })
+		className: (n) => dr({ className: t(e.className, n) })
 	});
 }
-sr.displayName = "Drawer.IndentBackground";
-function cr(e) {
+Er.displayName = "Drawer.IndentBackground";
+function Dr(e) {
 	return /* @__PURE__ */ g(x.SwipeArea, {
 		...e,
 		"data-imf-ui-component": "Drawer.SwipeArea",
-		className: (n) => qn({ className: t(e.className, n) })
+		className: (n) => fr({ className: t(e.className, n) })
 	});
 }
-cr.displayName = "Drawer.SwipeArea";
+Dr.displayName = "Drawer.SwipeArea";
 //#endregion
 //#region src/components/drawer/drawer.meta.ts
-var lr = {
+var Or = {
 	name: "Drawer",
 	category: l.layout,
 	status: "stable",
@@ -1124,7 +1271,7 @@ var lr = {
 		docLink: "https://base-ui.com/react/components/drawer",
 		llmDocLink: "https://base-ui.com/react/components/drawer.md"
 	}
-}, I = {
+}, R = {
 	arrow: "imf-ui-popover-module-arrow",
 	backdrop: "imf-ui-popover-module-backdrop",
 	close: "imf-ui-popover-module-close",
@@ -1148,150 +1295,150 @@ var lr = {
 	variantPrimary: "imf-ui-popover-module-variantPrimary",
 	variantSecondary: "imf-ui-popover-module-variantSecondary",
 	viewport: "imf-ui-popover-module-viewport"
-}, ur = /* @__PURE__ */ e({
-	Arrow: () => Or,
-	Backdrop: () => Tr,
-	Close: () => Nr,
-	Description: () => Mr,
-	Eyebrow: () => Ar,
-	Inline: () => Pr,
-	Popup: () => Dr,
-	Portal: () => wr,
-	Positioner: () => Er,
-	Root: () => Sr,
-	Title: () => jr,
-	Trigger: () => Cr,
-	Viewport: () => kr,
-	createHandle: () => xr
-}), dr = m(I.trigger, { variants: {
+}, kr = /* @__PURE__ */ e({
+	Arrow: () => qr,
+	Backdrop: () => Wr,
+	Close: () => Qr,
+	Description: () => Zr,
+	Eyebrow: () => Yr,
+	Inline: () => $r,
+	Popup: () => Kr,
+	Portal: () => Ur,
+	Positioner: () => Gr,
+	Root: () => Vr,
+	Title: () => Xr,
+	Trigger: () => Hr,
+	Viewport: () => Jr,
+	createHandle: () => Br
+}), Ar = p(R.trigger, { variants: {
 	variant: {
-		ghost: I.variantGhost,
-		outline: I.variantOutline,
-		primary: I.variantPrimary,
-		secondary: I.variantSecondary,
-		positive: I.variantPositive,
-		negative: I.variantNegative
+		ghost: R.variantGhost,
+		outline: R.variantOutline,
+		primary: R.variantPrimary,
+		secondary: R.variantSecondary,
+		positive: R.variantPositive,
+		negative: R.variantNegative
 	},
-	inline: { true: I.triggerInline }
-} }), fr = m(I.backdrop), pr = m(I.positioner), mr = m(I.popup, { variants: { variant: {
-	ghost: I.popupVariantGhost,
-	outline: I.popupVariantOutline,
-	primary: I.popupVariantPrimary,
-	secondary: I.popupVariantSecondary,
-	positive: I.popupVariantPositive,
-	negative: I.popupVariantNegative
-} } }), hr = m(I.arrow), gr = m(I.viewport), _r = m(I.eyebrow), vr = m(I.title), yr = m(I.description), br = m(I.close), xr = S.createHandle;
-function Sr(e) {
+	inline: { true: R.triggerInline }
+} }), jr = p(R.backdrop), Mr = p(R.positioner), Nr = p(R.popup, { variants: { variant: {
+	ghost: R.popupVariantGhost,
+	outline: R.popupVariantOutline,
+	primary: R.popupVariantPrimary,
+	secondary: R.popupVariantSecondary,
+	positive: R.popupVariantPositive,
+	negative: R.popupVariantNegative
+} } }), Pr = p(R.arrow), Fr = p(R.viewport), Ir = p(R.eyebrow), Lr = p(R.title), Rr = p(R.description), zr = p(R.close), Br = S.createHandle;
+function Vr(e) {
 	return /* @__PURE__ */ g(S.Root, { ...e });
 }
-Sr.displayName = "Popover.Root";
-function Cr({ variant: e = "ghost", inline: n = !1, ...r }) {
+Vr.displayName = "Popover.Root";
+function Hr({ variant: e = "ghost", inline: n = !1, ...r }) {
 	return /* @__PURE__ */ g(S.Trigger, {
 		...r,
 		"data-imf-ui-component": "Popover.Trigger",
-		className: (i) => dr({
+		className: (i) => Ar({
 			variant: e,
 			inline: n,
 			className: t(r.className, i)
 		})
 	});
 }
-Cr.displayName = "Popover.Trigger";
-function wr(e) {
+Hr.displayName = "Popover.Trigger";
+function Ur(e) {
 	return /* @__PURE__ */ g(S.Portal, { ...e });
 }
-wr.displayName = "Popover.Portal";
-function Tr(e) {
+Ur.displayName = "Popover.Portal";
+function Wr(e) {
 	return /* @__PURE__ */ g(S.Backdrop, {
 		...e,
 		"data-imf-ui-component": "Popover.Backdrop",
-		className: (n) => fr({ className: t(e.className, n) })
+		className: (n) => jr({ className: t(e.className, n) })
 	});
 }
-Tr.displayName = "Popover.Backdrop";
-function Er(e) {
+Wr.displayName = "Popover.Backdrop";
+function Gr(e) {
 	return /* @__PURE__ */ g(S.Positioner, {
 		...e,
 		"data-imf-ui-component": "Popover.Positioner",
-		className: (n) => pr({ className: t(e.className, n) })
+		className: (n) => Mr({ className: t(e.className, n) })
 	});
 }
-Er.displayName = "Popover.Positioner";
-function Dr({ variant: e, ...n }) {
+Gr.displayName = "Popover.Positioner";
+function Kr({ variant: e, ...n }) {
 	return /* @__PURE__ */ g(S.Popup, {
 		...n,
 		"data-imf-ui-component": "Popover.Popup",
-		className: (r) => mr({
+		className: (r) => Nr({
 			variant: e,
 			className: t(n.className, r)
 		})
 	});
 }
-Dr.displayName = "Popover.Popup";
-function Or(e) {
+Kr.displayName = "Popover.Popup";
+function qr(e) {
 	return /* @__PURE__ */ g(S.Arrow, {
 		...e,
 		"data-imf-ui-component": "Popover.Arrow",
-		className: (n) => hr({ className: t(e.className, n) })
+		className: (n) => Pr({ className: t(e.className, n) })
 	});
 }
-Or.displayName = "Popover.Arrow";
-function kr(e) {
+qr.displayName = "Popover.Arrow";
+function Jr(e) {
 	return /* @__PURE__ */ g(S.Viewport, {
 		...e,
 		"data-imf-ui-component": "Popover.Viewport",
-		className: (n) => gr({ className: t(e.className, n) })
+		className: (n) => Fr({ className: t(e.className, n) })
 	});
 }
-kr.displayName = "Popover.Viewport";
-function Ar(e) {
+Jr.displayName = "Popover.Viewport";
+function Yr(e) {
 	return /* @__PURE__ */ g("p", {
 		...e,
 		"data-imf-ui-component": "Popover.Eyebrow",
-		className: _r({ className: e.className })
+		className: Ir({ className: e.className })
 	});
 }
-Ar.displayName = "Popover.Eyebrow";
-function jr(e) {
+Yr.displayName = "Popover.Eyebrow";
+function Xr(e) {
 	return /* @__PURE__ */ g(S.Title, {
 		...e,
 		"data-imf-ui-component": "Popover.Title",
-		className: vr({ className: e.className })
+		className: Lr({ className: e.className })
 	});
 }
-jr.displayName = "Popover.Title";
-function Mr(e) {
+Xr.displayName = "Popover.Title";
+function Zr(e) {
 	return /* @__PURE__ */ g(S.Description, {
 		...e,
 		"data-imf-ui-component": "Popover.Description",
-		className: yr({ className: e.className })
+		className: Rr({ className: e.className })
 	});
 }
-Mr.displayName = "Popover.Description";
-function Nr(e) {
+Zr.displayName = "Popover.Description";
+function Qr(e) {
 	return /* @__PURE__ */ g(S.Close, {
 		...e,
 		"data-imf-ui-component": "Popover.Close",
-		className: (n) => br({ className: t(e.className, n) })
+		className: (n) => zr({ className: t(e.className, n) })
 	});
 }
-Nr.displayName = "Popover.Close";
-function Pr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
-	return /* @__PURE__ */ _(Sr, { children: [/* @__PURE__ */ g(Cr, {
+Qr.displayName = "Popover.Close";
+function $r({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
+	return /* @__PURE__ */ _(Vr, { children: [/* @__PURE__ */ g(Hr, {
 		inline: !0,
 		openOnHover: !0,
 		delay: r,
 		children: e
-	}), /* @__PURE__ */ g(wr, { children: /* @__PURE__ */ g(Er, {
+	}), /* @__PURE__ */ g(Ur, { children: /* @__PURE__ */ g(Gr, {
 		side: i,
 		sideOffset: a,
-		children: /* @__PURE__ */ _(Dr, { children: [t && /* @__PURE__ */ g(jr, { children: t }), n && /* @__PURE__ */ g(Mr, { children: n })] })
+		children: /* @__PURE__ */ _(Kr, { children: [t && /* @__PURE__ */ g(Xr, { children: t }), n && /* @__PURE__ */ g(Zr, { children: n })] })
 	}) })] });
 }
-Pr.displayName = "Popover.Inline";
+$r.displayName = "Popover.Inline";
 //#endregion
 //#region src/components/popover/popover.meta.ts
-var Fr = {
+var ei = {
 	name: "Popover",
 	category: l.display,
 	status: "stable",
@@ -1303,28 +1450,28 @@ var Fr = {
 		docLink: "https://base-ui.com/react/components/popover",
 		llmDocLink: "https://base-ui.com/react/components/popover.md"
 	}
-}, Ir = {
+}, ti = {
 	name: "Row",
 	category: l.layout,
 	status: "stable",
 	description: "Horizontal layout primitive for spacing, aligning, and wrapping children. Also called a horizontal stack or flex row.",
 	origin: "native"
-}, L = {
+}, z = {
 	root: "imf-ui-separator-module-root",
 	variantDashed: "imf-ui-separator-module-variantDashed",
 	variantDotted: "imf-ui-separator-module-variantDotted",
 	variantSolid: "imf-ui-separator-module-variantSolid"
-}, Lr = m(L.root, { variants: { variant: {
-	solid: L.variantSolid,
-	dashed: L.variantDashed,
-	dotted: L.variantDotted
+}, ni = p(z.root, { variants: { variant: {
+	solid: z.variantSolid,
+	dashed: z.variantDashed,
+	dotted: z.variantDotted
 } } });
-function Rr({ orientation: e = "horizontal", variant: t = "solid", ...n }) {
-	return /* @__PURE__ */ g(Ae, {
+function ri({ orientation: e = "horizontal", variant: t = "solid", ...n }) {
+	return /* @__PURE__ */ g(Me, {
 		...n,
 		orientation: e,
 		"data-imf-ui-component": "Separator",
-		className: Lr({
+		className: ni({
 			variant: t,
 			className: n.className
 		})
@@ -1332,7 +1479,7 @@ function Rr({ orientation: e = "horizontal", variant: t = "solid", ...n }) {
 }
 //#endregion
 //#region src/components/separator/separator.meta.ts
-var zr = {
+var ii = {
 	name: "Separator",
 	category: l.layout,
 	status: "stable",
@@ -1344,13 +1491,13 @@ var zr = {
 		docLink: "https://base-ui.com/react/components/separator",
 		llmDocLink: "https://base-ui.com/react/components/separator.md"
 	}
-}, Br = {
+}, ai = {
 	name: "Stack",
 	category: l.layout,
 	status: "stable",
 	description: "Vertical layout primitive for spacing and aligning children. Also called a vertical stack or column.",
 	origin: "native"
-}, R = {
+}, B = {
 	description: "imf-ui-callout-module-description",
 	icon: "imf-ui-callout-module-icon",
 	maxWidthFull: "imf-ui-callout-module-maxWidthFull",
@@ -1366,45 +1513,45 @@ var zr = {
 	variantNegative: "imf-ui-callout-module-variantNegative",
 	variantPositive: "imf-ui-callout-module-variantPositive",
 	variantWarning: "imf-ui-callout-module-variantWarning"
-}, Vr = /* @__PURE__ */ e({
-	Description: () => Jr,
-	Icon: () => Kr,
-	Root: () => Gr,
-	Title: () => qr
-}), Hr = m(R.root, { variants: {
+}, oi = /* @__PURE__ */ e({
+	Description: () => pi,
+	Icon: () => di,
+	Root: () => ui,
+	Title: () => fi
+}), si = p(B.root, { variants: {
 	variant: {
-		info: R.variantInfo,
-		positive: R.variantPositive,
-		warning: R.variantWarning,
-		negative: R.variantNegative,
-		"accent-1": R.variantAccent1,
-		"accent-2": R.variantAccent2,
-		"accent-3": R.variantAccent3
+		info: B.variantInfo,
+		positive: B.variantPositive,
+		warning: B.variantWarning,
+		negative: B.variantNegative,
+		"accent-1": B.variantAccent1,
+		"accent-2": B.variantAccent2,
+		"accent-3": B.variantAccent3
 	},
 	maxWidth: {
-		sm: R.maxWidthSm,
-		md: R.maxWidthMd,
-		lg: R.maxWidthLg,
-		full: R.maxWidthFull
+		sm: B.maxWidthSm,
+		md: B.maxWidthMd,
+		lg: B.maxWidthLg,
+		full: B.maxWidthFull
 	}
-} }), Ur = {
-	info: re,
-	positive: ne,
-	warning: oe,
-	negative: pe,
-	"accent-1": ce,
-	"accent-2": ce,
-	"accent-3": ce
-}, Wr = Ce("info");
-function Gr({ variant: e = "info", maxWidth: t = "md", children: n, ...r }) {
+} }), ci = {
+	info: ie,
+	positive: re,
+	warning: se,
+	negative: he,
+	"accent-1": le,
+	"accent-2": le,
+	"accent-3": le
+}, li = we("info");
+function ui({ variant: e = "info", maxWidth: t = "md", children: n, ...r }) {
 	let i = e ?? "info";
-	return /* @__PURE__ */ g(Wr.Provider, {
+	return /* @__PURE__ */ g(li.Provider, {
 		value: i,
 		children: /* @__PURE__ */ g("div", {
 			...r,
 			role: "note",
 			"data-imf-ui-component": "Callout.Root",
-			className: Hr({
+			className: si({
 				variant: e,
 				maxWidth: t,
 				className: r.className
@@ -1413,41 +1560,41 @@ function Gr({ variant: e = "info", maxWidth: t = "md", children: n, ...r }) {
 		})
 	});
 }
-Gr.displayName = "Callout.Root";
-function Kr({ children: e, ...t }) {
-	let n = Ur[we(Wr)];
+ui.displayName = "Callout.Root";
+function di({ children: e, ...t }) {
+	let n = ci[Te(li)];
 	return /* @__PURE__ */ g("span", {
 		...t,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Callout.Icon",
-		className: m(R.icon)({ className: t.className }),
-		children: e ?? /* @__PURE__ */ g(p, {
+		className: p(B.icon)({ className: t.className }),
+		children: e ?? /* @__PURE__ */ g(f, {
 			glyph: n,
 			size: 24,
 			strokeWidth: 2
 		})
 	});
 }
-Kr.displayName = "Callout.Icon";
-function qr(e) {
+di.displayName = "Callout.Icon";
+function fi(e) {
 	return /* @__PURE__ */ g("div", {
 		...e,
 		"data-imf-ui-component": "Callout.Title",
-		className: m(R.title)({ className: e.className })
+		className: p(B.title)({ className: e.className })
 	});
 }
-qr.displayName = "Callout.Title";
-function Jr(e) {
+fi.displayName = "Callout.Title";
+function pi(e) {
 	return /* @__PURE__ */ g("div", {
 		...e,
 		"data-imf-ui-component": "Callout.Description",
-		className: m(R.description)({ className: e.className })
+		className: p(B.description)({ className: e.className })
 	});
 }
-Jr.displayName = "Callout.Description";
+pi.displayName = "Callout.Description";
 //#endregion
 //#region src/components/callout/callout.meta.ts
-var Yr = {
+var mi = {
 	name: "Callout",
 	category: l.display,
 	status: "stable",
@@ -1457,11 +1604,11 @@ var Yr = {
 };
 //#endregion
 //#region src/components/chip/chip.tsx
-function Xr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, ...r }) {
+function hi({ variant: e = "minor", appearance: t = "outline", inline: n = !1, ...r }) {
 	return /* @__PURE__ */ g("span", {
 		...r,
 		"data-imf-ui-component": "Chip",
-		className: Fe({
+		className: Le({
 			variant: e,
 			appearance: t,
 			inline: n,
@@ -1471,60 +1618,60 @@ function Xr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, .
 }
 //#endregion
 //#region src/components/chip/chip.meta.ts
-var Zr = {
+var gi = {
 	name: "Chip",
 	category: l.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"
-}, z = {
+}, V = {
 	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"
-}, Qr = /* @__PURE__ */ e({
-	Panel: () => ii,
-	Root: () => ei,
-	Trigger: () => ni
-}), $r = m(z.root, { variants: { variant: {
+}, _i = /* @__PURE__ */ e({
+	Panel: () => Ci,
+	Root: () => yi,
+	Trigger: () => xi
+}), vi = p(V.root, { variants: { variant: {
 	default: null,
-	solid: z.variantSolid
+	solid: V.variantSolid
 } } });
-function ei({ variant: e = "default", ...n }) {
-	return /* @__PURE__ */ g(je.Root, {
+function yi({ variant: e = "default", ...n }) {
+	return /* @__PURE__ */ g(Ne.Root, {
 		...n,
 		"data-imf-ui-component": "Collapsible.Root",
-		className: (r) => $r({
+		className: (r) => vi({
 			variant: e,
 			className: t(n.className, r)
 		})
 	});
 }
-ei.displayName = "Collapsible.Root";
-var ti = m(z.trigger);
-function ni({ children: e, ...n }) {
-	return /* @__PURE__ */ _(je.Trigger, {
+yi.displayName = "Collapsible.Root";
+var bi = p(V.trigger);
+function xi({ children: e, ...n }) {
+	return /* @__PURE__ */ _(Ne.Trigger, {
 		...n,
 		"data-imf-ui-component": "Collapsible.Trigger",
-		className: (e) => ti({ className: t(n.className, e) }),
+		className: (e) => bi({ className: t(n.className, e) }),
 		children: [
 			e,
 			/* @__PURE__ */ g("span", {
-				className: z.iconClosed,
+				className: V.iconClosed,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ g(p, {
-					glyph: ee,
+				children: /* @__PURE__ */ g(f, {
+					glyph: te,
 					size: 16,
 					strokeWidth: 1.5
 				})
 			}),
 			/* @__PURE__ */ g("span", {
-				className: z.iconOpen,
+				className: V.iconOpen,
 				"aria-hidden": !0,
-				children: /* @__PURE__ */ g(p, {
-					glyph: ie,
+				children: /* @__PURE__ */ g(f, {
+					glyph: ae,
 					size: 16,
 					strokeWidth: 1.5
 				})
@@ -1532,19 +1679,19 @@ function ni({ children: e, ...n }) {
 		]
 	});
 }
-ni.displayName = "Collapsible.Trigger";
-var ri = m(z.panel);
-function ii(e) {
-	return /* @__PURE__ */ g(je.Panel, {
+xi.displayName = "Collapsible.Trigger";
+var Si = p(V.panel);
+function Ci(e) {
+	return /* @__PURE__ */ g(Ne.Panel, {
 		...e,
 		"data-imf-ui-component": "Collapsible.Panel",
-		className: (n) => ri({ className: t(e.className, n) })
+		className: (n) => Si({ className: t(e.className, n) })
 	});
 }
-ii.displayName = "Collapsible.Panel";
+Ci.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/collapsible.meta.ts
-var ai = {
+var wi = {
 	name: "Collapsible",
 	category: l.display,
 	status: "stable",
@@ -1556,7 +1703,7 @@ var ai = {
 		docLink: "https://base-ui.com/react/components/collapsible",
 		llmDocLink: "https://base-ui.com/react/components/collapsible.md"
 	}
-}, B = {
+}, H = {
 	root: "imf-ui-logo-module-root",
 	sizeFit: "imf-ui-logo-module-sizeFit",
 	sizeHero: "imf-ui-logo-module-sizeHero",
@@ -1571,30 +1718,30 @@ var ai = {
 	variantMinor: "imf-ui-logo-module-variantMinor",
 	variantOncolor: "imf-ui-logo-module-variantOncolor",
 	variantSupport: "imf-ui-logo-module-variantSupport"
-}, oi = m(B.root, { variants: {
+}, Ti = p(H.root, { variants: {
 	size: {
-		xs: B.sizeXs,
-		sm: B.sizeSm,
-		md: B.sizeMd,
-		lg: B.sizeLg,
-		xl: B.sizeXl,
-		hero: B.sizeHero,
-		fit: B.sizeFit
+		xs: H.sizeXs,
+		sm: H.sizeSm,
+		md: H.sizeMd,
+		lg: H.sizeLg,
+		xl: H.sizeXl,
+		hero: H.sizeHero,
+		fit: H.sizeFit
 	},
 	variant: {
-		inherit: B.variantInherit,
-		main: B.variantMain,
-		support: B.variantSupport,
-		minor: B.variantMinor,
-		brand: B.variantBrand,
-		oncolor: B.variantOncolor
+		inherit: H.variantInherit,
+		main: H.variantMain,
+		support: H.variantSupport,
+		minor: H.variantMinor,
+		brand: H.variantBrand,
+		oncolor: H.variantOncolor
 	}
 } });
-function si({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, style: a, ...o }) {
+function Ei({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, style: a, ...o }) {
 	return /* @__PURE__ */ g("span", {
 		...o,
 		"data-imf-ui-component": "Logo",
-		className: oi({
+		className: Ti({
 			size: n,
 			variant: r,
 			className: o.className
@@ -1614,7 +1761,7 @@ function si({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, s
 }
 //#endregion
 //#region src/components/logo/logo.meta.ts
-var ci = {
+var Di = {
 	name: "Logo",
 	category: l.display,
 	status: "stable",
@@ -1623,7 +1770,7 @@ var ci = {
 };
 //#endregion
 //#region src/components/logo/imfusion/imfusion.tsx
-function li(e) {
+function Oi(e) {
 	return /* @__PURE__ */ _("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "50 50 652.51 90",
@@ -1648,7 +1795,7 @@ function li(e) {
 		]
 	});
 }
-function ui(e) {
+function ki(e) {
 	return /* @__PURE__ */ _("svg", {
 		viewBox: "0 0 384 216",
 		fill: "currentColor",
@@ -1657,217 +1804,217 @@ function ui(e) {
 		children: [/* @__PURE__ */ g("path", { d: "M384 216H0V191.572L284.499 153.679L384 79.1303V216Z" }), /* @__PURE__ */ g("path", { d: "M384 24.4271L99.501 62.3215L0 136.869V0H384V24.4271Z" })]
 	});
 }
-function di({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
-	return /* @__PURE__ */ g(si, {
+function Ai({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
+	return /* @__PURE__ */ g(Ei, {
 		...r,
-		src: g(e ? ui : li, {}),
+		src: g(e ? ki : Oi, {}),
 		alt: t,
 		variant: n
 	});
 }
-var fi = {
+var ji = {
 	item: "imf-ui-navigation-menu-root-module-item",
 	list: "imf-ui-navigation-menu-root-module-list",
 	root: "imf-ui-navigation-menu-root-module-root"
-}, pi = {
+}, Mi = {
 	content: "imf-ui-navigation-menu-structure-module-content",
 	viewport: "imf-ui-navigation-menu-structure-module-viewport"
-}, mi = m(fi.root), hi = m(fi.list), gi = m(fi.item), _i = m(pi.content), vi = m(pi.viewport);
-function yi({ orientation: e = "horizontal", className: n, ...r }) {
+}, Ni = p(ji.root), Pi = p(ji.list), Fi = p(ji.item), Ii = p(Mi.content), Li = p(Mi.viewport);
+function Ri({ orientation: e = "horizontal", className: n, ...r }) {
 	return /* @__PURE__ */ g(T.Root, {
 		...r,
 		orientation: e,
 		"data-imf-ui-component": "NavigationMenu.Root",
 		"data-orientation": e,
-		className: (e) => mi({ className: t(n, e) })
+		className: (e) => Ni({ className: t(n, e) })
 	});
 }
-yi.displayName = "NavigationMenu.Root";
-function bi(e) {
+Ri.displayName = "NavigationMenu.Root";
+function zi(e) {
 	return /* @__PURE__ */ g(T.List, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.List",
-		className: (n) => hi({ className: t(e.className, n) })
+		className: (n) => Pi({ className: t(e.className, n) })
 	});
 }
-bi.displayName = "NavigationMenu.List";
-function xi(e) {
+zi.displayName = "NavigationMenu.List";
+function Bi(e) {
 	return /* @__PURE__ */ g(T.Item, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Item",
-		className: (n) => gi({ className: t(e.className, n) })
+		className: (n) => Fi({ className: t(e.className, n) })
 	});
 }
-xi.displayName = "NavigationMenu.Item";
-function Si(e) {
+Bi.displayName = "NavigationMenu.Item";
+function Vi(e) {
 	return /* @__PURE__ */ g(T.Content, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Content",
-		className: (n) => _i({ className: t(e.className, n) })
+		className: (n) => Ii({ className: t(e.className, n) })
 	});
 }
-Si.displayName = "NavigationMenu.Content";
-function Ci(e) {
+Vi.displayName = "NavigationMenu.Content";
+function Hi(e) {
 	return /* @__PURE__ */ g(T.Viewport, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Viewport",
-		className: (n) => vi({ className: t(e.className, n) })
+		className: (n) => Li({ className: t(e.className, n) })
 	});
 }
-Ci.displayName = "NavigationMenu.Viewport";
-var wi = {
+Hi.displayName = "NavigationMenu.Viewport";
+var Ui = {
 	icon: "imf-ui-navigation-menu-trigger-module-icon",
 	trigger: "imf-ui-navigation-menu-trigger-module-trigger"
-}, Ti = m(wi.trigger), Ei = m(wi.icon);
-function Di({ active: e = !1, hideChevron: n = !1, nested: r = !1, children: i, ...a }) {
+}, Wi = p(Ui.trigger), Gi = p(Ui.icon);
+function Ki({ active: e = !1, hideChevron: n = !1, nested: r = !1, children: i, ...a }) {
 	return /* @__PURE__ */ _(T.Trigger, {
 		...a,
 		"data-imf-ui-component": "NavigationMenu.Trigger",
 		"data-active": e ? "" : void 0,
 		"data-nested": r ? "" : void 0,
-		className: (e) => Ti({ className: t(a.className, e) }),
-		children: [i, !n && /* @__PURE__ */ g(Oi, { children: /* @__PURE__ */ g(p, {
-			glyph: ee,
+		className: (e) => Wi({ className: t(a.className, e) }),
+		children: [i, !n && /* @__PURE__ */ g(qi, { children: /* @__PURE__ */ g(f, {
+			glyph: te,
 			size: 14
 		}) })]
 	});
 }
-Di.displayName = "NavigationMenu.Trigger";
-function Oi(e) {
+Ki.displayName = "NavigationMenu.Trigger";
+function qi(e) {
 	return /* @__PURE__ */ g(T.Icon, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Icon",
-		className: (n) => Ei({ className: t(e.className, n) })
+		className: (n) => Gi({ className: t(e.className, n) })
 	});
 }
-Oi.displayName = "NavigationMenu.Icon";
-var V = {
+qi.displayName = "NavigationMenu.Icon";
+var Ji = {
 	arrow: "imf-ui-navigation-menu-overlay-module-arrow",
 	backdrop: "imf-ui-navigation-menu-overlay-module-backdrop",
 	popup: "imf-ui-navigation-menu-overlay-module-popup",
 	positioner: "imf-ui-navigation-menu-overlay-module-positioner"
-}, ki = m(V.positioner), Ai = m(V.popup), ji = m(V.arrow), Mi = m(V.backdrop);
-function Ni(e) {
+}, Yi = p(Ji.positioner), Xi = p(Ji.popup), Zi = p(Ji.arrow), Qi = p(Ji.backdrop);
+function $i(e) {
 	return /* @__PURE__ */ g(T.Portal, { ...e });
 }
-Ni.displayName = "NavigationMenu.Portal";
-function Pi({ align: e = "start", ...n }) {
+$i.displayName = "NavigationMenu.Portal";
+function ea({ align: e = "start", ...n }) {
 	return /* @__PURE__ */ g(T.Positioner, {
 		...n,
 		align: e,
 		"data-imf-ui-component": "NavigationMenu.Positioner",
-		className: (e) => ki({ className: t(n.className, e) })
+		className: (e) => Yi({ className: t(n.className, e) })
 	});
 }
-Pi.displayName = "NavigationMenu.Positioner";
-function Fi(e) {
+ea.displayName = "NavigationMenu.Positioner";
+function ta(e) {
 	return /* @__PURE__ */ g(T.Popup, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Popup",
-		className: (n) => Ai({ className: t(e.className, n) })
+		className: (n) => Xi({ className: t(e.className, n) })
 	});
 }
-Fi.displayName = "NavigationMenu.Popup";
-function Ii(e) {
+ta.displayName = "NavigationMenu.Popup";
+function na(e) {
 	return /* @__PURE__ */ g(T.Arrow, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Arrow",
-		className: (n) => ji({ className: t(e.className, n) })
+		className: (n) => Zi({ className: t(e.className, n) })
 	});
 }
-Ii.displayName = "NavigationMenu.Arrow";
-function Li(e) {
+na.displayName = "NavigationMenu.Arrow";
+function ra(e) {
 	return /* @__PURE__ */ g(T.Backdrop, {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.Backdrop",
-		className: (n) => Mi({ className: t(e.className, n) })
+		className: (n) => Qi({ className: t(e.className, n) })
 	});
 }
-Li.displayName = "NavigationMenu.Backdrop";
-var H = {
+ra.displayName = "NavigationMenu.Backdrop";
+var U = {
 	link: "imf-ui-navigation-menu-link-module-link",
 	linkArrow: "imf-ui-navigation-menu-link-module-linkArrow",
 	linkCard: "imf-ui-navigation-menu-link-module-linkCard",
 	linkCardDescription: "imf-ui-navigation-menu-link-module-linkCardDescription",
 	linkCardTitle: "imf-ui-navigation-menu-link-module-linkCardTitle",
 	linkList: "imf-ui-navigation-menu-link-module-linkList"
-}, Ri = m(H.link), zi = m(H.linkList), Bi = m(H.linkCard);
-function Vi({ children: e, render: n, ...r }) {
+}, ia = p(U.link), aa = p(U.linkList), oa = p(U.linkCard);
+function sa({ children: e, render: n, ...r }) {
 	return /* @__PURE__ */ g(T.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.Link",
-		className: (e) => Ri({ className: t(r.className, e) }),
-		children: n ? e : /* @__PURE__ */ _(xe, { children: [e, /* @__PURE__ */ g("span", {
-			className: H.linkArrow,
+		className: (e) => ia({ className: t(r.className, e) }),
+		children: n ? e : /* @__PURE__ */ _(h, { children: [e, /* @__PURE__ */ g("span", {
+			className: U.linkArrow,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ g(p, {
-				glyph: f,
+			children: /* @__PURE__ */ g(f, {
+				glyph: d,
 				size: 14
 			})
 		})] })
 	});
 }
-Vi.displayName = "NavigationMenu.Link";
-function Hi(e) {
+sa.displayName = "NavigationMenu.Link";
+function ca(e) {
 	return /* @__PURE__ */ g("ul", {
 		...e,
 		"data-imf-ui-component": "NavigationMenu.LinkList",
-		className: zi({ className: e.className })
+		className: aa({ className: e.className })
 	});
 }
-Hi.displayName = "NavigationMenu.LinkList";
-function Ui({ title: e, description: n, image: r, imageAlt: i = "", ...a }) {
+ca.displayName = "NavigationMenu.LinkList";
+function la({ title: e, description: n, image: r, imageAlt: i = "", ...a }) {
 	return /* @__PURE__ */ g(T.Link, {
 		...a,
 		"data-imf-ui-component": "NavigationMenu.LinkCard",
-		className: (e) => Bi({ className: t(a.className, e) }),
-		children: /* @__PURE__ */ _(kn, {
+		className: (e) => oa({ className: t(a.className, e) }),
+		children: /* @__PURE__ */ _(Jn, {
 			variant: "main",
 			density: "compact",
 			withBorder: !1,
 			children: [
-				r && /* @__PURE__ */ g(An, {
+				r && /* @__PURE__ */ g(Yn, {
 					src: r,
 					alt: i
 				}),
-				/* @__PURE__ */ g(jn, { children: /* @__PURE__ */ g("span", {
-					className: H.linkCardTitle,
+				/* @__PURE__ */ g(Xn, { children: /* @__PURE__ */ g("span", {
+					className: U.linkCardTitle,
 					children: e
 				}) }),
-				n && /* @__PURE__ */ g(Mn, { children: /* @__PURE__ */ g("span", {
-					className: H.linkCardDescription,
+				n && /* @__PURE__ */ g(Zn, { children: /* @__PURE__ */ g("span", {
+					className: U.linkCardDescription,
 					children: n
 				}) })
 			]
 		})
 	});
 }
-Ui.displayName = "NavigationMenu.LinkCard";
-var Wi = {
+la.displayName = "NavigationMenu.LinkCard";
+var ua = {
 	flyoutLink: "imf-ui-navigation-menu-flyout-link-module-flyoutLink",
 	linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
-}, Gi = m(Wi.flyoutLink);
-function Ki({ children: e, render: n, ...r }) {
+}, da = p(ua.flyoutLink);
+function fa({ children: e, render: n, ...r }) {
 	return /* @__PURE__ */ g(T.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.FlyoutLink",
-		className: (e) => Gi({ className: t(r.className, e) }),
-		children: n ? e : /* @__PURE__ */ _(xe, { children: [e, /* @__PURE__ */ g("span", {
-			className: Wi.linkArrow,
+		className: (e) => da({ className: t(r.className, e) }),
+		children: n ? e : /* @__PURE__ */ _(h, { children: [e, /* @__PURE__ */ g("span", {
+			className: ua.linkArrow,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ g(p, {
-				glyph: f,
+			children: /* @__PURE__ */ g(f, {
+				glyph: d,
 				size: 14
 			})
 		})] })
 	});
 }
-Ki.displayName = "NavigationMenu.FlyoutLink";
+fa.displayName = "NavigationMenu.FlyoutLink";
 //#endregion
 //#region src/breakpoints/registry.ts
-var qi = {
+var pa = {
 	mobile: 375,
 	sm: 640,
 	md: 768,
@@ -1876,16 +2023,16 @@ var qi = {
 };
 //#endregion
 //#region src/breakpoints/min-width.ts
-function Ji(e) {
-	return `(min-width: ${String(qi[e])}px)`;
+function ma(e) {
+	return `(min-width: ${String(pa[e])}px)`;
 }
 //#endregion
 //#region src/config.ts
-var Yi = "imf-ui", U = {
-	cssVarPrefix: Yi,
+var ha = "imf-ui", W = {
+	cssVarPrefix: ha,
 	colorScheme: {
-		storageKey: `${Yi}-color-scheme`,
-		attr: `data-${Yi}-color-scheme`,
+		storageKey: `${ha}-color-scheme`,
+		attr: `data-${ha}-color-scheme`,
 		options: [
 			"light",
 			"system",
@@ -1895,49 +2042,49 @@ var Yi = "imf-ui", U = {
 };
 //#endregion
 //#region src/hooks/use-color-scheme.ts
-function Xi() {
+function ga() {
 	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Zi(e) {
+function _a(e) {
 	return e === "light" || e === "dark" || e === "system" ? e : "system";
 }
-function Qi() {
-	return Zi(localStorage.getItem(U.colorScheme.storageKey));
+function va() {
+	return _a(localStorage.getItem(W.colorScheme.storageKey));
 }
-function $i({ value: e } = {}) {
-	let t = e !== void 0, [n, r] = v(() => e ?? Qi()), i = e ?? n, [a, o] = v(() => i === "system" ? Xi() : i);
-	Te(function() {
+function ya({ value: e } = {}) {
+	let t = e !== void 0, [n, r] = Oe(() => e ?? va()), i = e ?? n, [a, o] = Oe(() => i === "system" ? ga() : i);
+	Ee(function() {
 		if (i !== "system") {
-			document.documentElement.setAttribute(U.colorScheme.attr, i), o(i);
+			document.documentElement.setAttribute(W.colorScheme.attr, i), o(i);
 			return;
 		}
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
-			document.documentElement.setAttribute(U.colorScheme.attr, e), o(e);
+			document.documentElement.setAttribute(W.colorScheme.attr, e), o(e);
 		};
-		t(Xi());
+		t(ga());
 		let n = (e) => t(e.matches ? "dark" : "light");
 		return e.addEventListener("change", n), function() {
 			e.removeEventListener("change", n);
 		};
 	}, [i]);
 	function s(e) {
-		t || (e === "system" ? localStorage.removeItem(U.colorScheme.storageKey) : localStorage.setItem(U.colorScheme.storageKey, e), r(e));
+		t || (e === "system" ? localStorage.removeItem(W.colorScheme.storageKey) : localStorage.setItem(W.colorScheme.storageKey, e), r(e));
 	}
 	return {
 		colorScheme: i,
 		resolvedColorScheme: a,
 		setColorScheme: s,
-		colorSchemeOptions: U.colorScheme.options
+		colorSchemeOptions: W.colorScheme.options
 	};
 }
 //#endregion
 //#region src/hooks/use-media-query.ts
-function ea(e, t) {
+function ba(e, t) {
 	return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window ? window.matchMedia(e).matches : !1;
 }
-function ta(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
-	let [r, i] = v(n ? t : ea(e));
-	return Te(() => {
+function xa(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = Oe(n ? t : ba(e));
+	return Ee(() => {
 		try {
 			if ("matchMedia" in window) {
 				let t = window.matchMedia(e);
@@ -1952,7 +2099,7 @@ function ta(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
 		}
 	}, [e]), r ?? !1;
 }
-var W = {
+var G = {
 	submenuContent: "imf-ui-navigation-menu-inline-submenu-module-submenuContent",
 	submenuDescription: "imf-ui-navigation-menu-inline-submenu-module-submenuDescription",
 	submenuHint: "imf-ui-navigation-menu-inline-submenu-module-submenuHint",
@@ -1967,44 +2114,44 @@ var W = {
 };
 //#endregion
 //#region src/components/navigation-menu/subs/inline-submenu.tsx
-function na({ items: e, defaultValue: t }) {
-	let n = ta(Ji("md"), !0);
+function Sa({ items: e, defaultValue: t }) {
+	let n = xa(ma("md"), !0);
 	return /* @__PURE__ */ g(T.Root, {
 		orientation: n ? "vertical" : "horizontal",
 		defaultValue: t,
 		"data-imf-ui-component": "NavigationMenu.Root",
 		"data-orientation": n ? "vertical" : "horizontal",
-		className: W.submenuRoot,
+		className: G.submenuRoot,
 		children: /* @__PURE__ */ _("div", {
-			className: W.submenuLayout,
+			className: G.submenuLayout,
 			children: [/* @__PURE__ */ g(T.List, {
 				"data-imf-ui-component": "NavigationMenu.List",
-				className: W.submenuList,
+				className: G.submenuList,
 				children: e.map((e) => /* @__PURE__ */ _(T.Item, {
 					value: e.value,
 					"data-imf-ui-component": "NavigationMenu.Item",
 					children: [/* @__PURE__ */ _(T.Trigger, {
 						"data-imf-ui-component": "NavigationMenu.Trigger",
-						className: W.submenuTrigger,
+						className: G.submenuTrigger,
 						children: [/* @__PURE__ */ g("span", {
-							className: W.submenuLabel,
+							className: G.submenuLabel,
 							children: e.label
 						}), e.hint && /* @__PURE__ */ g("span", {
-							className: W.submenuHint,
+							className: G.submenuHint,
 							children: e.hint
 						})]
 					}), /* @__PURE__ */ _(T.Content, {
 						"data-imf-ui-component": "NavigationMenu.Content",
-						className: W.submenuContent,
+						className: G.submenuContent,
 						children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h4", {
-							className: W.submenuTitle,
+							className: G.submenuTitle,
 							children: e.title
 						}), e.description && /* @__PURE__ */ g("p", {
-							className: W.submenuDescription,
+							className: G.submenuDescription,
 							children: e.description
 						})] }), /* @__PURE__ */ g("ul", {
-							className: W.submenuLinkList,
-							children: e.links.map((e, t) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(Ui, {
+							className: G.submenuLinkList,
+							children: e.links.map((e, t) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(la, {
 								href: e.href,
 								title: e.title,
 								description: e.description
@@ -2014,33 +2161,33 @@ function na({ items: e, defaultValue: t }) {
 				}, e.value))
 			}), /* @__PURE__ */ g(T.Viewport, {
 				"data-imf-ui-component": "NavigationMenu.Viewport",
-				className: W.submenuViewport
+				className: G.submenuViewport
 			})]
 		})
 	});
 }
-na.displayName = "NavigationMenu.InlineSubmenu";
+Sa.displayName = "NavigationMenu.InlineSubmenu";
 //#endregion
 //#region src/components/navigation-menu/navigation-menu.tsx
-var ra = /* @__PURE__ */ e({
-	Arrow: () => Ii,
-	Backdrop: () => Li,
-	Content: () => Si,
-	FlyoutLink: () => Ki,
-	Icon: () => Oi,
-	InlineSubmenu: () => na,
-	Item: () => xi,
-	Link: () => Vi,
-	LinkCard: () => Ui,
-	LinkList: () => Hi,
-	List: () => bi,
-	Popup: () => Fi,
-	Portal: () => Ni,
-	Positioner: () => Pi,
-	Root: () => yi,
-	Trigger: () => Di,
-	Viewport: () => Ci
-}), ia = {
+var Ca = /* @__PURE__ */ e({
+	Arrow: () => na,
+	Backdrop: () => ra,
+	Content: () => Vi,
+	FlyoutLink: () => fa,
+	Icon: () => qi,
+	InlineSubmenu: () => Sa,
+	Item: () => Bi,
+	Link: () => sa,
+	LinkCard: () => la,
+	LinkList: () => ca,
+	List: () => zi,
+	Popup: () => ta,
+	Portal: () => $i,
+	Positioner: () => ea,
+	Root: () => Ri,
+	Trigger: () => Ki,
+	Viewport: () => Hi
+}), wa = {
 	name: "NavigationMenu",
 	category: l.display,
 	status: "experimental",
@@ -2053,14 +2200,14 @@ var ra = /* @__PURE__ */ e({
 		docLink: "https://base-ui.com/react/components/navigation-menu",
 		llmDocLink: "https://base-ui.com/react/components/navigation-menu.md"
 	}
-}, G = {
+}, K = {
 	fill: "imf-ui-spinner-module-fill",
 	glyph: "imf-ui-spinner-module-glyph",
 	root: "imf-ui-spinner-module-root",
 	sizeLg: "imf-ui-spinner-module-sizeLg",
 	sizeMd: "imf-ui-spinner-module-sizeMd",
 	sizeSm: "imf-ui-spinner-module-sizeSm"
-}, K = {
+}, q = {
 	HALF: 8,
 	INSET: -11,
 	TILT0: -.44,
@@ -2069,24 +2216,24 @@ var ra = /* @__PURE__ */ e({
 	BR_S: 2.1,
 	SWAY: 11.5,
 	SWAY_RATIO: 1.35
-}, aa = 100 / 2, oa = [
+}, Ta = 100 / 2, Ea = [
 	[0, 0],
 	[100, 0],
 	[100, 100],
 	[0, 100]
 ];
-function sa(e, t, n, r) {
+function Da(e, t, n, r) {
 	let i = [], a = (i) => n * (i[1] - t) - r * (i[0] - e) >= 0;
 	for (let o = 0; o < 4; o++) {
-		let s = oa[o], c = oa[(o + 1) % 4], l = a(s), u = a(c);
-		if (l && i.push(s), l !== u) {
+		let s = Ea[o], c = Ea[(o + 1) % 4], l = a(s), ee = a(c);
+		if (l && i.push(s), l !== ee) {
 			let a = ((e - s[0]) * r - (t - s[1]) * n) / ((c[0] - s[0]) * r - (c[1] - s[1]) * n);
 			i.push([s[0] + a * (c[0] - s[0]), s[1] + a * (c[1] - s[1])]);
 		}
 	}
 	return i;
 }
-function ca(e, t) {
+function Oa(e, t) {
 	let n = 0, r = Infinity;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i], o = e[(i + 1) % e.length], s = ((a[0] + o[0]) / 2 - t[0]) ** 2 + ((a[1] + o[1]) / 2 - t[1]) ** 2;
@@ -2098,38 +2245,38 @@ function ca(e, t) {
 		...e.slice(n + 1)
 	];
 }
-function la(e, t, n, r, i, a, o) {
-	let s = aa + e * t * a, c = aa + e * t * o, l = e * n, u = s + e * r * l - e * a * K.INSET, d = c + e * i * l - e * o * K.INSET;
-	return ca(sa(s, c, e * r, e * i), [u, d]);
+function ka(e, t, n, r, i, a, o) {
+	let s = Ta + e * t * a, c = Ta + e * t * o, l = e * n, ee = s + e * r * l - e * a * q.INSET, u = c + e * i * l - e * o * q.INSET;
+	return Oa(Da(s, c, e * r, e * i), [ee, u]);
 }
-function ua(e) {
-	let t = K.TILT0 + (K.ROT_S > 0 ? e / (K.ROT_S * 1e3) * Math.PI * 2 : 0), n = K.BR_AMT > 0 ? (1 - Math.cos(e / (K.BR_S * 1e3) * Math.PI * 2)) / 2 : 0, r = K.HALF + K.BR_AMT * n, i = K.SWAY * Math.sin(e / (K.BR_S * 1e3 * K.SWAY_RATIO) * Math.PI * 2), a = Math.cos(t), o = Math.sin(t), s = -o, c = a;
-	return [da(la(1, r, i, a, o, s, c)), da(la(-1, r, i, a, o, s, c))];
+function Aa(e) {
+	let t = q.TILT0 + (q.ROT_S > 0 ? e / (q.ROT_S * 1e3) * Math.PI * 2 : 0), n = q.BR_AMT > 0 ? (1 - Math.cos(e / (q.BR_S * 1e3) * Math.PI * 2)) / 2 : 0, r = q.HALF + q.BR_AMT * n, i = q.SWAY * Math.sin(e / (q.BR_S * 1e3 * q.SWAY_RATIO) * Math.PI * 2), a = Math.cos(t), o = Math.sin(t), s = -o, c = a;
+	return [ja(ka(1, r, i, a, o, s, c)), ja(ka(-1, r, i, a, o, s, c))];
 }
-function da(e) {
+function ja(e) {
 	return "M" + e.map((e) => e[0].toFixed(2) + " " + e[1].toFixed(2)).join("L") + "Z";
 }
-var fa = K.ROT_S * 1e3, pa = m(G.root, { variants: { size: {
-	sm: G.sizeSm,
-	md: G.sizeMd,
-	lg: G.sizeLg
+var Ma = q.ROT_S * 1e3, Na = p(K.root, { variants: { size: {
+	sm: K.sizeSm,
+	md: K.sizeMd,
+	lg: K.sizeLg
 } } });
-function ma({ size: e = "md", label: t = "Loading", ...n }) {
-	let r = Ee(null), i = Ee(null);
-	Te(function() {
+function Pa({ size: e = "md", label: t = "Loading", ...n }) {
+	let r = De(null), i = De(null);
+	Ee(function() {
 		let e = 0, t = performance.now(), n = (a) => {
-			let [o, s] = ua((a - t) % fa);
+			let [o, s] = Aa((a - t) % Ma);
 			r.current?.setAttribute("d", o), i.current?.setAttribute("d", s), e = requestAnimationFrame(n);
 		};
 		return e = requestAnimationFrame(n), function() {
 			cancelAnimationFrame(e);
 		};
 	}, []);
-	let [a, o] = ua(0);
+	let [a, o] = Aa(0);
 	return /* @__PURE__ */ g("span", {
 		...n,
 		"data-imf-ui-component": "Spinner",
-		className: pa({
+		className: Na({
 			size: e,
 			className: n.className
 		}),
@@ -2139,14 +2286,14 @@ function ma({ size: e = "md", label: t = "Loading", ...n }) {
 			viewBox: "0 0 100 100",
 			xmlns: "http://www.w3.org/2000/svg",
 			"aria-hidden": "true",
-			className: G.glyph,
+			className: K.glyph,
 			children: [/* @__PURE__ */ g("path", {
 				ref: r,
-				className: G.fill,
+				className: K.fill,
 				d: a
 			}), /* @__PURE__ */ g("path", {
 				ref: i,
-				className: G.fill,
+				className: K.fill,
 				d: o
 			})]
 		})
@@ -2154,13 +2301,13 @@ function ma({ size: e = "md", label: t = "Loading", ...n }) {
 }
 //#endregion
 //#region src/components/spinner/spinner.meta.ts
-var ha = {
+var Fa = {
 	name: "Spinner",
 	category: l.display,
 	status: "stable",
 	description: "Indeterminate loading indicator. Also called a loader or progress spinner.",
 	origin: "native"
-}, q = {
+}, J = {
 	body: "imf-ui-table-module-body",
 	cell: "imf-ui-table-module-cell",
 	header: "imf-ui-table-module-header",
@@ -2169,112 +2316,112 @@ var ha = {
 	root: "imf-ui-table-module-root",
 	row: "imf-ui-table-module-row",
 	sortIndicator: "imf-ui-table-module-sortIndicator"
-}, ga = /* @__PURE__ */ e({
-	Body: () => Da,
-	Cell: () => ka,
-	Header: () => Ea,
-	HeaderButton: () => Aa,
-	HeaderCell: () => J,
-	Root: () => Ta,
-	Row: () => Oa,
-	SortableHeaderCell: () => Na
-}), _a = m(q.root), va = m(q.header), ya = m(q.body), ba = m(q.row), xa = m(q.headerCell), Sa = m(q.cell), Ca = m(q.headerButton), wa = m(q.sortIndicator);
-function Ta(e) {
+}, Ia = /* @__PURE__ */ e({
+	Body: () => qa,
+	Cell: () => Xa,
+	Header: () => Ka,
+	HeaderButton: () => Za,
+	HeaderCell: () => Ya,
+	Root: () => Ga,
+	Row: () => Ja,
+	SortableHeaderCell: () => eo
+}), La = p(J.root), Ra = p(J.header), za = p(J.body), Ba = p(J.row), Va = p(J.headerCell), Ha = p(J.cell), Ua = p(J.headerButton), Wa = p(J.sortIndicator);
+function Ga(e) {
 	return /* @__PURE__ */ g("table", {
 		...e,
 		"data-imf-ui-component": "Table.Root",
-		className: _a({ className: e.className })
+		className: La({ className: e.className })
 	});
 }
-Ta.displayName = "Table.Root";
-function Ea(e) {
+Ga.displayName = "Table.Root";
+function Ka(e) {
 	return /* @__PURE__ */ g("thead", {
 		...e,
 		"data-imf-ui-component": "Table.Header",
-		className: va({ className: e.className })
+		className: Ra({ className: e.className })
 	});
 }
-Ea.displayName = "Table.Header";
-function Da(e) {
+Ka.displayName = "Table.Header";
+function qa(e) {
 	return /* @__PURE__ */ g("tbody", {
 		...e,
 		"data-imf-ui-component": "Table.Body",
-		className: ya({ className: e.className })
+		className: za({ className: e.className })
 	});
 }
-Da.displayName = "Table.Body";
-function Oa(e) {
+qa.displayName = "Table.Body";
+function Ja(e) {
 	return /* @__PURE__ */ g("tr", {
 		...e,
 		"data-imf-ui-component": "Table.Row",
-		className: ba({ className: e.className })
+		className: Ba({ className: e.className })
 	});
 }
-Oa.displayName = "Table.Row";
-function J(e) {
+Ja.displayName = "Table.Row";
+function Ya(e) {
 	return /* @__PURE__ */ g("th", {
 		...e,
 		"data-imf-ui-component": "Table.HeaderCell",
-		className: xa({ className: e.className })
+		className: Va({ className: e.className })
 	});
 }
-J.displayName = "Table.HeaderCell";
-function ka(e) {
+Ya.displayName = "Table.HeaderCell";
+function Xa(e) {
 	return /* @__PURE__ */ g("td", {
 		...e,
 		"data-imf-ui-component": "Table.Cell",
-		className: Sa({ className: e.className })
+		className: Ha({ className: e.className })
 	});
 }
-ka.displayName = "Table.Cell";
-function Aa({ type: e = "button", ...t }) {
+Xa.displayName = "Table.Cell";
+function Za({ type: e = "button", ...t }) {
 	return /* @__PURE__ */ g("button", {
 		...t,
 		type: e,
 		"data-imf-ui-component": "Table.HeaderButton",
-		className: Ca({ className: t.className })
+		className: Ua({ className: t.className })
 	});
 }
-Aa.displayName = "Table.HeaderButton";
-function ja(e) {
+Za.displayName = "Table.HeaderButton";
+function Qa(e) {
 	return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
 }
-function Ma({ sorted: e }) {
-	let t = e === "asc" ? de : e === "desc" ? u : d;
+function $a({ sorted: e }) {
+	let t = e === "asc" ? pe : e === "desc" ? ee : u;
 	return /* @__PURE__ */ g("span", {
-		className: wa(),
+		className: Wa(),
 		"data-sorted": e || void 0,
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ g(p, {
+		children: /* @__PURE__ */ g(f, {
 			glyph: t,
 			size: 14,
 			strokeWidth: 1.5
 		})
 	});
 }
-function Na({ sortDirection: e, onToggle: t, children: n, ...r }) {
-	return t ? /* @__PURE__ */ g(J, {
+function eo({ sortDirection: e, onToggle: t, children: n, ...r }) {
+	return t ? /* @__PURE__ */ g(Ya, {
 		...r,
-		"aria-sort": ja(e),
-		children: /* @__PURE__ */ _(Aa, {
+		"aria-sort": Qa(e),
+		children: /* @__PURE__ */ _(Za, {
 			onClick: t,
-			children: [n, /* @__PURE__ */ g(Ma, { sorted: e })]
+			children: [n, /* @__PURE__ */ g($a, { sorted: e })]
 		})
-	}) : /* @__PURE__ */ g(J, {
+	}) : /* @__PURE__ */ g(Ya, {
 		...r,
 		children: n
 	});
 }
-Na.displayName = "Table.SortableHeaderCell";
+eo.displayName = "Table.SortableHeaderCell";
 //#endregion
 //#region src/components/table/table.meta.ts
-var Pa = {
+var to = {
 	name: "Table",
 	category: l.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"
-}, Fa = {
+}, no = {
 	name: "Tabs",
 	category: l.display,
 	status: "stable",
@@ -2312,21 +2459,21 @@ var Pa = {
 	widthContent: "imf-ui-toast-module-widthContent",
 	widthDefault: "imf-ui-toast-module-widthDefault",
 	widthWide: "imf-ui-toast-module-widthWide"
-}, Ia = /* @__PURE__ */ e({
-	Action: () => ro,
-	Arrow: () => ao,
-	Close: () => no,
-	Content: () => $a,
-	Description: () => to,
-	Portal: () => Xa,
-	Positioner: () => io,
-	Provider: () => Ya,
-	Root: () => Qa,
-	Title: () => eo,
-	Viewport: () => Za,
-	createToastManager: () => Ja,
-	useToastManager: () => qa
-}), La = m(Y.portal), Ra = m(Y.viewport, {
+}, ro = /* @__PURE__ */ e({
+	Action: () => To,
+	Arrow: () => Do,
+	Close: () => wo,
+	Content: () => xo,
+	Description: () => Co,
+	Portal: () => vo,
+	Positioner: () => Eo,
+	Provider: () => _o,
+	Root: () => bo,
+	Title: () => So,
+	Viewport: () => yo,
+	createToastManager: () => go,
+	useToastManager: () => ho
+}), io = p(Y.portal), ao = p(Y.viewport, {
 	variants: {
 		position: {
 			"top-left": Y.positionTopLeft,
@@ -2347,7 +2494,7 @@ var Pa = {
 		position: "bottom-center",
 		width: "default"
 	}
-}), za = m(Y.root, {
+}), oo = p(Y.root, {
 	variants: { variant: {
 		neutral: null,
 		info: Y.variantInfo,
@@ -2356,105 +2503,105 @@ var Pa = {
 		error: Y.variantError
 	} },
 	defaultVariants: { variant: "neutral" }
-}), Ba = m(Y.content), Va = m(Y.title), Ha = m(Y.description), Ua = m(Y.close), Wa = m(Y.action), Ga = m(Y.positioner), Ka = m(Y.arrow), qa = E.useToastManager, Ja = E.createToastManager;
-function Ya({ timeout: e = 5e3, limit: t = 3, ...n }) {
+}), so = p(Y.content), co = p(Y.title), lo = p(Y.description), uo = p(Y.close), fo = p(Y.action), po = p(Y.positioner), mo = p(Y.arrow), ho = E.useToastManager, go = E.createToastManager;
+function _o({ timeout: e = 5e3, limit: t = 3, ...n }) {
 	return /* @__PURE__ */ g(E.Provider, {
 		...n,
 		timeout: e,
 		limit: t
 	});
 }
-Ya.displayName = "Toast.Provider";
-function Xa(e) {
+_o.displayName = "Toast.Provider";
+function vo(e) {
 	return /* @__PURE__ */ g(E.Portal, {
 		...e,
 		"data-imf-ui-component": "Toast.Portal",
-		className: (n) => La({ className: t(e.className, n) })
+		className: (n) => io({ className: t(e.className, n) })
 	});
 }
-Xa.displayName = "Toast.Portal";
-function Za({ position: e = "bottom-center", width: n = "default", ...r }) {
+vo.displayName = "Toast.Portal";
+function yo({ position: e = "bottom-center", width: n = "default", ...r }) {
 	return /* @__PURE__ */ g(E.Viewport, {
 		...r,
 		"data-imf-ui-component": "Toast.Viewport",
-		className: (i) => Ra({
+		className: (i) => ao({
 			position: e,
 			width: n,
 			className: t(r.className, i)
 		})
 	});
 }
-Za.displayName = "Toast.Viewport";
-function Qa({ variant: e = "neutral", ...n }) {
+yo.displayName = "Toast.Viewport";
+function bo({ variant: e = "neutral", ...n }) {
 	return /* @__PURE__ */ g(E.Root, {
 		...n,
 		"data-imf-ui-component": "Toast.Root",
-		className: (r) => za({
+		className: (r) => oo({
 			variant: e,
 			className: t(n.className, r)
 		})
 	});
 }
-Qa.displayName = "Toast.Root";
-function $a(e) {
+bo.displayName = "Toast.Root";
+function xo(e) {
 	return /* @__PURE__ */ g(E.Content, {
 		...e,
 		"data-imf-ui-component": "Toast.Content",
-		className: (n) => Ba({ className: t(e.className, n) })
+		className: (n) => so({ className: t(e.className, n) })
 	});
 }
-$a.displayName = "Toast.Content";
-function eo(e) {
+xo.displayName = "Toast.Content";
+function So(e) {
 	return /* @__PURE__ */ g(E.Title, {
 		...e,
 		"data-imf-ui-component": "Toast.Title",
-		className: (n) => Va({ className: t(e.className, n) })
+		className: (n) => co({ className: t(e.className, n) })
 	});
 }
-eo.displayName = "Toast.Title";
-function to(e) {
+So.displayName = "Toast.Title";
+function Co(e) {
 	return /* @__PURE__ */ g(E.Description, {
 		...e,
 		"data-imf-ui-component": "Toast.Description",
-		className: (n) => Ha({ className: t(e.className, n) })
+		className: (n) => lo({ className: t(e.className, n) })
 	});
 }
-to.displayName = "Toast.Description";
-function no(e) {
+Co.displayName = "Toast.Description";
+function wo(e) {
 	return /* @__PURE__ */ g(E.Close, {
 		...e,
 		"data-imf-ui-component": "Toast.Close",
-		className: (n) => Ua({ className: t(e.className, n) })
+		className: (n) => uo({ className: t(e.className, n) })
 	});
 }
-no.displayName = "Toast.Close";
-function ro(e) {
+wo.displayName = "Toast.Close";
+function To(e) {
 	return /* @__PURE__ */ g(E.Action, {
 		...e,
 		"data-imf-ui-component": "Toast.Action",
-		className: (n) => Wa({ className: t(e.className, n) })
+		className: (n) => fo({ className: t(e.className, n) })
 	});
 }
-ro.displayName = "Toast.Action";
-function io(e) {
+To.displayName = "Toast.Action";
+function Eo(e) {
 	return /* @__PURE__ */ g(E.Positioner, {
 		...e,
 		"data-imf-ui-component": "Toast.Positioner",
-		className: (n) => Ga({ className: t(e.className, n) })
+		className: (n) => po({ className: t(e.className, n) })
 	});
 }
-io.displayName = "Toast.Positioner";
-function ao(e) {
+Eo.displayName = "Toast.Positioner";
+function Do(e) {
 	return /* @__PURE__ */ g(E.Arrow, {
 		...e,
 		"data-imf-ui-component": "Toast.Arrow",
-		className: (n) => Ka({ className: t(e.className, n) })
+		className: (n) => mo({ className: t(e.className, n) })
 	});
 }
-ao.displayName = "Toast.Arrow";
+Do.displayName = "Toast.Arrow";
 //#endregion
 //#region src/components/toast/toast.meta.ts
-var oo = {
+var Oo = {
 	name: "Toast",
 	category: l.display,
 	status: "experimental",
@@ -2481,18 +2628,18 @@ var oo = {
 	variantPrimary: "imf-ui-tooltip-module-variantPrimary",
 	variantSecondary: "imf-ui-tooltip-module-variantSecondary",
 	viewport: "imf-ui-tooltip-module-viewport"
-}, so = /* @__PURE__ */ e({
-	Arrow: () => xo,
-	Inline: () => Co,
-	Popup: () => bo,
-	Portal: () => vo,
-	Positioner: () => yo,
-	Provider: () => ho,
-	Root: () => go,
-	Trigger: () => _o,
-	Viewport: () => So,
-	createHandle: () => mo
-}), co = m(X.trigger, { variants: {
+}, ko = /* @__PURE__ */ e({
+	Arrow: () => Ho,
+	Inline: () => Wo,
+	Popup: () => Vo,
+	Portal: () => zo,
+	Positioner: () => Bo,
+	Provider: () => Io,
+	Root: () => Lo,
+	Trigger: () => Ro,
+	Viewport: () => Uo,
+	createHandle: () => Fo
+}), Ao = p(X.trigger, { variants: {
 	variant: {
 		primary: X.variantPrimary,
 		secondary: X.variantSecondary,
@@ -2500,88 +2647,88 @@ var oo = {
 		negative: X.variantNegative
 	},
 	inline: { true: X.triggerInline }
-} }), lo = m(X.positioner), uo = m(X.popup, { variants: { variant: {
+} }), jo = p(X.positioner), Mo = p(X.popup, { variants: { variant: {
 	primary: X.popupVariantPrimary,
 	secondary: X.popupVariantSecondary,
 	positive: X.popupVariantPositive,
 	negative: X.popupVariantNegative
-} } }), fo = m(X.arrow), po = m(X.viewport), mo = D.createHandle;
-function ho(e) {
+} } }), No = p(X.arrow), Po = p(X.viewport), Fo = D.createHandle;
+function Io(e) {
 	return /* @__PURE__ */ g(D.Provider, { ...e });
 }
-ho.displayName = "Tooltip.Provider";
-function go(e) {
+Io.displayName = "Tooltip.Provider";
+function Lo(e) {
 	return /* @__PURE__ */ g(D.Root, { ...e });
 }
-go.displayName = "Tooltip.Root";
-function _o({ variant: e = "secondary", inline: n = !1, delay: r = 250, ...i }) {
+Lo.displayName = "Tooltip.Root";
+function Ro({ variant: e = "secondary", inline: n = !1, delay: r = 250, ...i }) {
 	return /* @__PURE__ */ g(D.Trigger, {
 		...i,
 		delay: r,
 		"data-imf-ui-component": "Tooltip.Trigger",
-		className: (r) => co({
+		className: (r) => Ao({
 			variant: e,
 			inline: n,
 			className: t(i.className, r)
 		})
 	});
 }
-_o.displayName = "Tooltip.Trigger";
-function vo(e) {
+Ro.displayName = "Tooltip.Trigger";
+function zo(e) {
 	return /* @__PURE__ */ g(D.Portal, { ...e });
 }
-vo.displayName = "Tooltip.Portal";
-function yo({ sideOffset: e = 13, ...n }) {
+zo.displayName = "Tooltip.Portal";
+function Bo({ sideOffset: e = 13, ...n }) {
 	return /* @__PURE__ */ g(D.Positioner, {
 		...n,
 		sideOffset: e,
 		"data-imf-ui-component": "Tooltip.Positioner",
-		className: (e) => lo({ className: t(n.className, e) })
+		className: (e) => jo({ className: t(n.className, e) })
 	});
 }
-yo.displayName = "Tooltip.Positioner";
-function bo({ variant: e, ...n }) {
+Bo.displayName = "Tooltip.Positioner";
+function Vo({ variant: e, ...n }) {
 	return /* @__PURE__ */ g(D.Popup, {
 		...n,
 		"data-imf-ui-component": "Tooltip.Popup",
-		className: (r) => uo({
+		className: (r) => Mo({
 			variant: e,
 			className: t(n.className, r)
 		})
 	});
 }
-bo.displayName = "Tooltip.Popup";
-function xo(e) {
+Vo.displayName = "Tooltip.Popup";
+function Ho(e) {
 	return /* @__PURE__ */ g(D.Arrow, {
 		...e,
 		"data-imf-ui-component": "Tooltip.Arrow",
-		className: (n) => fo({ className: t(e.className, n) })
+		className: (n) => No({ className: t(e.className, n) })
 	});
 }
-xo.displayName = "Tooltip.Arrow";
-function So(e) {
+Ho.displayName = "Tooltip.Arrow";
+function Uo(e) {
 	return /* @__PURE__ */ g(D.Viewport, {
 		...e,
 		"data-imf-ui-component": "Tooltip.Viewport",
-		className: (n) => po({ className: t(e.className, n) })
+		className: (n) => Po({ className: t(e.className, n) })
 	});
 }
-So.displayName = "Tooltip.Viewport";
-function Co({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
-	return /* @__PURE__ */ _(go, { children: [/* @__PURE__ */ g(_o, {
+Uo.displayName = "Tooltip.Viewport";
+function Wo({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
+	return /* @__PURE__ */ _(Lo, { children: [/* @__PURE__ */ g(Ro, {
 		inline: !0,
 		delay: n,
 		children: e
-	}), /* @__PURE__ */ g(vo, { children: /* @__PURE__ */ g(yo, {
+	}), /* @__PURE__ */ g(zo, { children: /* @__PURE__ */ g(Bo, {
 		side: r,
 		sideOffset: i,
-		children: /* @__PURE__ */ g(bo, { children: t })
+		children: /* @__PURE__ */ g(Vo, { children: t })
 	}) })] });
 }
-Co.displayName = "Tooltip.Inline";
+Wo.displayName = "Tooltip.Inline";
 //#endregion
 //#region src/components/tooltip/tooltip.meta.ts
-var wo = {
+var Go = {
 	name: "Tooltip",
 	category: l.display,
 	status: "stable",
@@ -2621,22 +2768,22 @@ var wo = {
 	variantPrimary: "imf-ui-typo-module-variantPrimary",
 	variantSupport: "imf-ui-typo-module-variantSupport",
 	variantWarning: "imf-ui-typo-module-variantWarning"
-}, To = /* @__PURE__ */ e({
-	Blockquote: () => Po,
-	Detail: () => Mo,
-	H1: () => Eo,
-	H2: () => Do,
-	H3: () => Oo,
-	H4: () => ko,
-	Highlight: () => Io,
-	InlineCode: () => Fo,
-	Lead: () => jo,
-	Link: () => Lo,
-	OrderedList: () => Ro,
-	P: () => Ao,
-	Small: () => No,
-	UnorderedList: () => zo
-}), Q = m("", { variants: { variant: {
+}, Ko = /* @__PURE__ */ e({
+	Blockquote: () => ts,
+	Detail: () => $o,
+	H1: () => qo,
+	H2: () => Jo,
+	H3: () => Yo,
+	H4: () => Xo,
+	Highlight: () => rs,
+	InlineCode: () => ns,
+	Lead: () => Qo,
+	Link: () => is,
+	OrderedList: () => as,
+	P: () => Zo,
+	Small: () => es,
+	UnorderedList: () => os
+}), Q = p("", { variants: { variant: {
 	main: Z.variantMain,
 	support: Z.variantSupport,
 	minor: Z.variantMinor,
@@ -2650,155 +2797,155 @@ var wo = {
 	"accent-1": Z.variantAccent1,
 	"accent-2": Z.variantAccent2,
 	"accent-3": Z.variantAccent3
-} } }), $ = m("", { variants: { spacing: {
+} } }), $ = p("", { variants: { spacing: {
 	default: Z.spacingDefault,
 	none: Z.spacingNone
 } } });
-function Eo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+function qo({ variant: e = "primary", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "h1",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.h1, $({ spacing: t }))
+				className: m(Z.h1, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.H1"
 		}
 	});
 }
-Eo.displayName = "Typo.H1";
-function Do({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+qo.displayName = "Typo.H1";
+function Jo({ variant: e = "primary", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "h2",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.h2, $({ spacing: t }))
+				className: m(Z.h2, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.H2"
 		}
 	});
 }
-Do.displayName = "Typo.H2";
-function Oo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+Jo.displayName = "Typo.H2";
+function Yo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "h3",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.h3, $({ spacing: t }))
+				className: m(Z.h3, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.H3"
 		}
 	});
 }
-Oo.displayName = "Typo.H3";
-function ko({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+Yo.displayName = "Typo.H3";
+function Xo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "h4",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.h4, $({ spacing: t }))
+				className: m(Z.h4, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.H4"
 		}
 	});
 }
-ko.displayName = "Typo.H4";
-function Ao({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+Xo.displayName = "Typo.H4";
+function Zo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "p",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.p, $({ spacing: t }))
+				className: m(Z.p, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.P"
 		}
 	});
 }
-Ao.displayName = "Typo.P";
-function jo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+Zo.displayName = "Typo.P";
+function Qo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "p",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.lead, $({ spacing: t }))
+				className: m(Z.lead, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Lead"
 		}
 	});
 }
-jo.displayName = "Typo.Lead";
-function Mo({ variant: e = "main", render: t, ...n }) {
+Qo.displayName = "Typo.Lead";
+function $o({ variant: e = "main", render: t, ...n }) {
 	return w({
 		defaultTagName: "p",
 		render: t,
 		props: {
 			...C(n, { className: Q({
 				variant: e,
-				className: h(Z.detail)
+				className: m(Z.detail)
 			}) }),
 			"data-imf-ui-component": "Typo.Detail"
 		}
 	});
 }
-Mo.displayName = "Typo.Detail";
-function No({ variant: e = "minor", render: t, ...n }) {
+$o.displayName = "Typo.Detail";
+function es({ variant: e = "minor", render: t, ...n }) {
 	return w({
 		defaultTagName: "small",
 		render: t,
 		props: {
 			...C(n, { className: Q({
 				variant: e,
-				className: h(Z.small)
+				className: m(Z.small)
 			}) }),
 			"data-imf-ui-component": "Typo.Small"
 		}
 	});
 }
-No.displayName = "Typo.Small";
-function Po({ variant: e = "support", spacing: t = "default", render: n, ...r }) {
+es.displayName = "Typo.Small";
+function ts({ variant: e = "support", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "blockquote",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.blockquote, $({ spacing: t }))
+				className: m(Z.blockquote, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.Blockquote"
 		}
 	});
 }
-Po.displayName = "Typo.Blockquote";
-function Fo(e) {
-	return /* @__PURE__ */ g(ge, { ...e });
+ts.displayName = "Typo.Blockquote";
+function ns(e) {
+	return /* @__PURE__ */ g(ve, { ...e });
 }
-Fo.displayName = "Typo.InlineCode";
-function Io({ variant: e = "oncolor", render: t, ...n }) {
+ns.displayName = "Typo.InlineCode";
+function rs({ variant: e = "oncolor", render: t, ...n }) {
 	return w({
 		defaultTagName: "mark",
 		render: t,
 		props: {
 			...C(n, { className: Q({
 				variant: e,
-				className: h(Z.highlight)
+				className: m(Z.highlight)
 			}) }),
 			"data-imf-ui-component": "Typo.Highlight"
 		}
 	});
 }
-Io.displayName = "Typo.Highlight";
-function Lo({ variant: e = "primary", kind: t = "external", render: n, ...r }) {
+rs.displayName = "Typo.Highlight";
+function is({ variant: e = "primary", kind: t = "external", render: n, ...r }) {
 	return w({
 		defaultTagName: "a",
 		render: n,
@@ -2809,7 +2956,7 @@ function Lo({ variant: e = "primary", kind: t = "external", render: n, ...r }) {
 			} : {}, r, {
 				className: Q({
 					variant: e,
-					className: h(Z.link)
+					className: m(Z.link)
 				}),
 				children: r.children
 			}),
@@ -2818,71 +2965,71 @@ function Lo({ variant: e = "primary", kind: t = "external", render: n, ...r }) {
 		}
 	});
 }
-Lo.displayName = "Typo.Link";
-function Ro({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+is.displayName = "Typo.Link";
+function as({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "ol",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.orderedList, $({ spacing: t }))
+				className: m(Z.orderedList, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.OrderedList"
 		}
 	});
 }
-Ro.displayName = "Typo.OrderedList";
-function zo({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
+as.displayName = "Typo.OrderedList";
+function os({ variant: e = "main", spacing: t = "default", render: n, ...r }) {
 	return w({
 		defaultTagName: "ul",
 		render: n,
 		props: {
 			...C(r, { className: Q({
 				variant: e,
-				className: h(Z.unorderedList, $({ spacing: t }))
+				className: m(Z.unorderedList, $({ spacing: t }))
 			}) }),
 			"data-imf-ui-component": "Typo.UnorderedList"
 		}
 	});
 }
-zo.displayName = "Typo.UnorderedList";
+os.displayName = "Typo.UnorderedList";
 //#endregion
 //#region src/components/typo/typo.meta.ts
-var Bo = {
+var ss = {
 	name: "Typo",
 	category: l.display,
 	status: "stable",
 	namespace: !0,
 	description: "Semantic text primitives for headings, paragraphs, lists, quotes, links, and inline code. The namespace uses native HTML elements and token-based text roles.",
 	origin: "native"
-}, Vo = Ce({
+}, cs = we({
 	color: "currentColor",
 	width: "1.5em",
 	height: "1.5em",
 	strokeWidth: 1.5
 });
-function Ho({ children: e, value: t }) {
+function ls({ children: e, value: t }) {
 	let n = {
-		...we(Vo),
+		...Te(cs),
 		...t
 	};
-	return /* @__PURE__ */ g(Vo, {
+	return /* @__PURE__ */ g(cs, {
 		value: n,
-		children: /* @__PURE__ */ g(Se, {
+		children: /* @__PURE__ */ g(Ce, {
 			iconProps: n,
 			children: e
 		})
 	});
 }
-Ho.displayName = "IconConfig.Provider";
+ls.displayName = "IconConfig.Provider";
 //#endregion
 //#region src/provider/web-ui-provider.tsx
-function Uo({ children: e, icons: t, colorScheme: n }) {
-	return $i({ value: n }), /* @__PURE__ */ g(Ho, {
+function us({ children: e, icons: t, colorScheme: n }) {
+	return ya({ value: n }), /* @__PURE__ */ g(ls, {
 		value: t,
-		children: /* @__PURE__ */ _(Ya, { children: [e, " "] })
+		children: /* @__PURE__ */ _(_o, { children: [e, " "] })
 	});
 }
 //#endregion
-export { dn as AppShell, Ne as Button, Vr as Callout, Dn as Card, We as Checkbox, Xr as Chip, Le as ChipLink, me as Code, Qr as Collapsible, l as ComponentCategories, Ve as CopyButton, Fn as Drawer, Xe as Field, ft as Fieldset, p as Icon, di as ImFusionLogo, yt as Input, si as Logo, ra as NavigationMenu, ur as Popover, a as Row, xt as Select, Rr as Separator, n as Slider, ma as Spinner, r as Stack, o as Switch, ga as Table, s as Tabs, Ia as Toast, i as Toggle, c as ToggleGroup, so as Tooltip, To as Typo, Uo as WebUIProvider, En as appShellMeta, Pe as buttonMeta, Yr as calloutMeta, Pn as cardMeta, Ye as checkboxMeta, Re as chipLinkMeta, Zr as chipMeta, _e as codeMeta, ai as collapsibleMeta, U as config, He as copyButtonMeta, ye as cva, be as cx, lr as drawerMeta, ut as fieldMeta, _t as fieldsetMeta, fe as iconMeta, bt as inputMeta, ci as logoMeta, ia as navigationMenuMeta, Fr as popoverMeta, Ir as rowMeta, on as selectMeta, zr as separatorMeta, sn as sliderMeta, ha as spinnerMeta, Br as stackMeta, cn as switchMeta, Pa as tableMeta, Fa as tabsMeta, oo as toastMeta, un as toggleGroupMeta, ln as toggleMeta, wo as tooltipMeta, Bo as typoMeta, he as useClipboard, $i as useColorScheme, ta as useMediaQuery };
+export { An as AppShell, Fe as Button, oi as Callout, Kn as Card, Ke as Checkbox, hi as Chip, ze as ChipLink, ge as Code, _i as Collapsible, l as ComponentCategories, Ue as CopyButton, er as Drawer, Qe as Field, mt as Fieldset, f as Icon, Ai as ImFusionLogo, xt as Input, Ei as Logo, Ca as NavigationMenu, Ct as NumberField, kr as Popover, a as Row, Bt as Select, ri as Separator, n as Slider, Pa as Spinner, r as Stack, o as Switch, Ia as Table, s as Tabs, ro as Toast, i as Toggle, c as ToggleGroup, ko as Tooltip, Ko as Typo, us as WebUIProvider, Gn as appShellMeta, Ie as buttonMeta, mi as calloutMeta, $n as cardMeta, Ze as checkboxMeta, Be as chipLinkMeta, gi as chipMeta, ye as codeMeta, wi as collapsibleMeta, W as config, We as copyButtonMeta, xe as cva, Se as cx, Or as drawerMeta, ft as fieldMeta, yt as fieldsetMeta, me as iconMeta, St as inputMeta, Di as logoMeta, wa as navigationMenuMeta, zt as numberFieldMeta, ei as popoverMeta, ti as rowMeta, Tn as selectMeta, ii as separatorMeta, En as sliderMeta, Fa as spinnerMeta, ai as stackMeta, Dn as switchMeta, to as tableMeta, no as tabsMeta, Oo as toastMeta, kn as toggleGroupMeta, On as toggleMeta, Go as tooltipMeta, ss as typoMeta, _e as useClipboard, ya as useColorScheme, xa as useMediaQuery };