@imfusion/web-ui 0.6.4-dev.10.gefecdbe5 → 0.6.4-dev.23.gc1cc4132

package/dist/index.js

@@ -24,6 +24,7 @@ import { Toast as E } from "@base-ui/react/toast";
 import { Tooltip as D } from "@base-ui/react/tooltip";
 var O = {
 	chamfer: "imf-ui-button-module-chamfer",
+	contextOncolor: "imf-ui-button-module-contextOncolor",
 	endIcon: "imf-ui-button-module-endIcon",
 	label: "imf-ui-button-module-label",
 	radiusLg: "imf-ui-button-module-radiusLg",
@@ -67,33 +68,38 @@ var O = {
 		md: O.radiusMd,
 		lg: O.radiusLg,
 		round: O.radiusRound
+	},
+	context: {
+		default: null,
+		oncolor: O.contextOncolor
 	}
 } });
-function Me({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero", radius: r = "none", className: i, startIcon: a, endIcon: o, children: s, ...c }) {
+function Me({ variant: e = "primary", size: t = "md", context: n = "default", chamfer: r = t === "hero", radius: i = "none", className: a, startIcon: o, endIcon: s, children: c, ...l }) {
 	return /* @__PURE__ */ v(ge, {
-		...c,
+		...l,
 		"data-imf-ui-component": "Button",
-		className: (a) => je({
+		className: (o) => je({
 			variant: e,
 			size: t,
-			chamfer: n,
-			radius: r,
-			className: typeof i == "function" ? i(a) : i
+			chamfer: r,
+			radius: i,
+			context: n,
+			className: typeof a == "function" ? a(o) : a
 		}),
 		children: [
-			a != null && /* @__PURE__ */ _("span", {
+			o != null && /* @__PURE__ */ _("span", {
 				className: O.startIcon,
 				"aria-hidden": !0,
-				children: a
+				children: o
 			}),
 			/* @__PURE__ */ _("span", {
 				className: O.label,
-				children: s
+				children: c
 			}),
-			o != null && /* @__PURE__ */ _("span", {
+			s != null && /* @__PURE__ */ _("span", {
 				className: O.endIcon,
 				"aria-hidden": !0,
-				children: o
+				children: s
 			})
 		]
 	});
@@ -223,31 +229,31 @@ var Ve = {
 	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"]
-}, He = {
+}, A = {
 	iconCheck: "imf-ui-checkbox-module-iconCheck",
 	iconIndeterminate: "imf-ui-checkbox-module-iconIndeterminate",
 	indicator: "imf-ui-checkbox-module-indicator",
 	root: "imf-ui-checkbox-module-root"
-}, Ue = /* @__PURE__ */ e({
-	Indicator: () => qe,
-	Root: () => Ke
-}), We = h(He.root), Ge = h(He.indicator);
-function Ke({ className: e, ...t }) {
+}, He = /* @__PURE__ */ e({
+	Indicator: () => Ke,
+	Root: () => Ge
+}), Ue = h(A.root), We = h(A.indicator);
+function Ge({ className: e, ...t }) {
 	return /* @__PURE__ */ _(Ee.Root, {
 		...t,
 		"data-imf-ui-component": "Checkbox.Root",
-		className: (t) => We({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ue({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Ke.displayName = "Checkbox.Root";
-function qe({ className: e, children: t, ...n }) {
+Ge.displayName = "Checkbox.Root";
+function Ke({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ _(Ee.Indicator, {
 		...n,
 		"data-imf-ui-component": "Checkbox.Indicator",
-		className: (t) => Ge({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => We({ className: typeof e == "function" ? e(t) : e }),
 		children: t ?? /* @__PURE__ */ v(ye, { children: [/* @__PURE__ */ _("span", {
-			className: He.iconCheck,
+			className: A.iconCheck,
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ _(m, {
 				glyph: a,
@@ -255,7 +261,7 @@ function qe({ className: e, children: t, ...n }) {
 				strokeWidth: 3
 			})
 		}), /* @__PURE__ */ _("span", {
-			className: He.iconIndeterminate,
+			className: A.iconIndeterminate,
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ _(m, {
 				glyph: te,
@@ -265,10 +271,10 @@ function qe({ className: e, children: t, ...n }) {
 		})] })
 	});
 }
-qe.displayName = "Checkbox.Indicator";
+Ke.displayName = "Checkbox.Indicator";
 //#endregion
 //#region src/components/checkbox/checkbox.meta.ts
-var Je = {
+var qe = {
 	name: "Checkbox",
 	category: t.inputs,
 	status: "stable",
@@ -280,77 +286,77 @@ var Je = {
 		docLink: "https://base-ui.com/react/components/checkbox",
 		llmDocLink: "https://base-ui.com/react/components/checkbox.md"
 	}
-}, A = {
+}, j = {
 	control: "imf-ui-field-module-control",
 	description: "imf-ui-field-module-description",
 	error: "imf-ui-field-module-error",
 	item: "imf-ui-field-module-item",
 	label: "imf-ui-field-module-label",
 	root: "imf-ui-field-module-root"
-}, Ye = /* @__PURE__ */ e({
-	Control: () => ot,
-	Description: () => at,
-	Error: () => st,
-	Item: () => rt,
-	Label: () => it,
-	Root: () => nt,
-	Validity: () => ct
-}), Xe = h(A.root), Ze = h(A.item), Qe = h(A.label), $e = h(A.description), et = h(A.control), tt = h(A.error);
-function nt({ className: e, ...t }) {
+}, Je = /* @__PURE__ */ e({
+	Control: () => at,
+	Description: () => it,
+	Error: () => ot,
+	Item: () => nt,
+	Label: () => rt,
+	Root: () => tt,
+	Validity: () => st
+}), Ye = h(j.root), Xe = h(j.item), Ze = h(j.label), Qe = h(j.description), $e = h(j.control), et = h(j.error);
+function tt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(y.Root, {
 		...t,
 		"data-imf-ui-component": "Field.Root",
-		className: (t) => Xe({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ye({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-nt.displayName = "Field.Root";
-function rt({ className: e, ...t }) {
+tt.displayName = "Field.Root";
+function nt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(y.Item, {
 		...t,
 		"data-imf-ui-component": "Field.Item",
-		className: (t) => Ze({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Xe({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-rt.displayName = "Field.Item";
-function it({ className: e, ...t }) {
+nt.displayName = "Field.Item";
+function rt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(y.Label, {
 		...t,
 		"data-imf-ui-component": "Field.Label",
-		className: (t) => Qe({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ze({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-it.displayName = "Field.Label";
-function at({ className: e, ...t }) {
+rt.displayName = "Field.Label";
+function it({ className: e, ...t }) {
 	return /* @__PURE__ */ _(y.Description, {
 		...t,
 		"data-imf-ui-component": "Field.Description",
-		className: (t) => $e({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Qe({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-at.displayName = "Field.Description";
-function ot({ className: e, ...t }) {
+it.displayName = "Field.Description";
+function at({ className: e, ...t }) {
 	return /* @__PURE__ */ _(y.Control, {
 		...t,
 		"data-imf-ui-component": "Field.Control",
-		className: (t) => et({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => $e({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ot.displayName = "Field.Control";
-function st({ className: e, ...t }) {
+at.displayName = "Field.Control";
+function ot({ className: e, ...t }) {
 	return /* @__PURE__ */ _(y.Error, {
 		...t,
 		"data-imf-ui-component": "Field.Error",
-		className: (t) => tt({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => et({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-st.displayName = "Field.Error";
-function ct({ children: e }) {
+ot.displayName = "Field.Error";
+function st({ children: e }) {
 	return /* @__PURE__ */ _(y.Validity, { children: e });
 }
-ct.displayName = "Field.Validity";
+st.displayName = "Field.Validity";
 //#endregion
 //#region src/components/field/field.meta.ts
-var lt = {
+var ct = {
 	name: "Field",
 	category: t.inputs,
 	status: "stable",
@@ -362,32 +368,32 @@ var lt = {
 		docLink: "https://base-ui.com/react/components/field",
 		llmDocLink: "https://base-ui.com/react/components/field.md"
 	}
-}, ut = {
+}, lt = {
 	legend: "imf-ui-fieldset-module-legend",
 	root: "imf-ui-fieldset-module-root"
-}, dt = /* @__PURE__ */ e({
-	Legend: () => ht,
-	Root: () => mt
-}), ft = h(ut.root), pt = h(ut.legend);
-function mt({ className: e, ...t }) {
+}, ut = /* @__PURE__ */ e({
+	Legend: () => mt,
+	Root: () => pt
+}), dt = h(lt.root), ft = h(lt.legend);
+function pt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(De.Root, {
 		...t,
 		"data-imf-ui-component": "Fieldset.Root",
-		className: (t) => ft({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => dt({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-mt.displayName = "Fieldset.Root";
-function ht({ className: e, ...t }) {
+pt.displayName = "Fieldset.Root";
+function mt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(De.Legend, {
 		...t,
 		"data-imf-ui-component": "Fieldset.Legend",
-		className: (t) => pt({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => ft({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ht.displayName = "Fieldset.Legend";
+mt.displayName = "Fieldset.Legend";
 //#endregion
 //#region src/components/fieldset/fieldset.meta.ts
-var gt = {
+var ht = {
 	name: "Fieldset",
 	category: t.inputs,
 	status: "stable",
@@ -399,7 +405,7 @@ var gt = {
 		docLink: "https://base-ui.com/react/components/fieldset",
 		llmDocLink: "https://base-ui.com/react/components/fieldset.md"
 	}
-}, j = {
+}, M = {
 	clearButton: "imf-ui-input-module-clearButton",
 	root: "imf-ui-input-module-root",
 	searchRoot: "imf-ui-input-module-searchRoot",
@@ -409,19 +415,19 @@ var gt = {
 	variantFilled: "imf-ui-input-module-variantFilled",
 	variantGhost: "imf-ui-input-module-variantGhost",
 	variantOutline: "imf-ui-input-module-variantOutline"
-}, _t = h(j.root, { variants: {
+}, gt = h(M.root, { variants: {
 	variant: {
-		outline: j.variantOutline,
-		filled: j.variantFilled,
-		ghost: j.variantGhost
+		outline: M.variantOutline,
+		filled: M.variantFilled,
+		ghost: M.variantGhost
 	},
 	size: {
-		sm: j.sizeSm,
-		md: j.sizeMd,
-		lg: j.sizeLg
+		sm: M.sizeSm,
+		md: M.sizeMd,
+		lg: M.sizeLg
 	}
 } });
-function vt({ variant: e = "outline", size: t = "md", type: n, value: r, defaultValue: i, onValueChange: a, onClear: o, disabled: s, className: c, ...l }) {
+function _t({ variant: e = "outline", size: t = "md", type: n, value: r, defaultValue: i, onValueChange: a, onClear: o, disabled: s, className: c, ...l }) {
 	let d = n === "search", [ee, f] = Te(i ?? ""), p = r ?? ee, te = p != null && String(p).length > 0, ne = (e, t) => {
 		d && r === void 0 && f(e), a?.(e, t);
 	}, re = /* @__PURE__ */ _(Oe, {
@@ -432,17 +438,17 @@ function vt({ variant: e = "outline", size: t = "md", type: n, value: r, default
 		disabled: s,
 		onValueChange: d ? ne : a,
 		"data-imf-ui-component": "Input",
-		className: (n) => _t({
+		className: (n) => gt({
 			variant: e,
 			size: t,
 			className: typeof c == "function" ? c(n) : c
 		})
 	});
 	return d ? /* @__PURE__ */ v("div", {
-		className: typeof c == "string" ? `${j.searchRoot} ${c}` : j.searchRoot,
+		className: typeof c == "string" ? `${M.searchRoot} ${c}` : M.searchRoot,
 		children: [re, te && !s && /* @__PURE__ */ _("button", {
 			type: "button",
-			className: j.clearButton,
+			className: M.clearButton,
 			"aria-label": "Clear input",
 			onClick: () => {
 				r === void 0 && f(""), o?.();
@@ -457,7 +463,7 @@ function vt({ variant: e = "outline", size: t = "md", type: n, value: r, default
 }
 //#endregion
 //#region src/components/input/input.meta.ts
-var yt = {
+var vt = {
 	name: "Input",
 	category: t.inputs,
 	status: "stable",
@@ -469,7 +475,7 @@ var yt = {
 		docLink: "https://base-ui.com/react/components/input",
 		llmDocLink: "https://base-ui.com/react/components/input.md"
 	}
-}, M = {
+}, N = {
 	arrow: "imf-ui-select-module-arrow",
 	group: "imf-ui-select-module-group",
 	groupLabel: "imf-ui-select-module-groupLabel",
@@ -487,195 +493,195 @@ var yt = {
 	separator: "imf-ui-select-module-separator",
 	trigger: "imf-ui-select-module-trigger",
 	value: "imf-ui-select-module-value"
-}, bt = /* @__PURE__ */ e({
-	Arrow: () => Jt,
-	Backdrop: () => Gt,
-	Group: () => $t,
-	GroupLabel: () => en,
-	Icon: () => Ut,
-	Item: () => Xt,
-	ItemIndicator: () => Zt,
-	ItemText: () => Qt,
-	Label: () => Bt,
-	List: () => Yt,
-	Popup: () => qt,
-	Portal: () => Wt,
-	Positioner: () => Kt,
-	Root: () => zt,
-	ScrollDownArrow: () => rn,
-	ScrollUpArrow: () => nn,
-	Separator: () => tn,
-	Trigger: () => Vt,
-	Value: () => Ht
-}), xt = h(M.root), St = h(M.label), Ct = h(M.trigger), wt = h(M.value), Tt = h(M.icon), Et = h(M.backdrop), Dt = h(M.positioner), Ot = h(M.popup), kt = h(M.arrow), At = h(M.list), jt = h(M.item), Mt = h(M.itemIndicator), Nt = h(M.itemText), Pt = h(M.group), Ft = h(M.groupLabel), It = h(M.separator), Lt = h(M.scrollUpArrow), Rt = h(M.scrollDownArrow);
-function zt({ className: e, style: t, ...n }) {
+}, yt = /* @__PURE__ */ e({
+	Arrow: () => qt,
+	Backdrop: () => Wt,
+	Group: () => Qt,
+	GroupLabel: () => $t,
+	Icon: () => Ht,
+	Item: () => Yt,
+	ItemIndicator: () => Xt,
+	ItemText: () => Zt,
+	Label: () => zt,
+	List: () => Jt,
+	Popup: () => Kt,
+	Portal: () => Ut,
+	Positioner: () => Gt,
+	Root: () => Rt,
+	ScrollDownArrow: () => nn,
+	ScrollUpArrow: () => tn,
+	Separator: () => en,
+	Trigger: () => Bt,
+	Value: () => Vt
+}), bt = h(N.root), xt = h(N.label), St = h(N.trigger), Ct = h(N.value), wt = h(N.icon), Tt = h(N.backdrop), Et = h(N.positioner), Dt = h(N.popup), Ot = h(N.arrow), kt = h(N.list), At = h(N.item), jt = h(N.itemIndicator), Mt = h(N.itemText), Nt = h(N.group), Pt = h(N.groupLabel), Ft = h(N.separator), It = h(N.scrollUpArrow), Lt = h(N.scrollDownArrow);
+function Rt({ className: e, style: t, ...n }) {
 	return /* @__PURE__ */ _("div", {
-		className: xt({ className: e }),
+		className: bt({ className: e }),
 		style: t,
 		children: /* @__PURE__ */ _(b.Root, { ...n })
 	});
 }
-zt.displayName = "Select.Root";
-function Bt({ className: e, ...t }) {
+Rt.displayName = "Select.Root";
+function zt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Label, {
 		...t,
 		"data-imf-ui-component": "Select.Label",
-		className: (t) => St({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => xt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Bt.displayName = "Select.Label";
-function Vt({ className: e, ...t }) {
+zt.displayName = "Select.Label";
+function Bt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Trigger, {
 		...t,
 		"data-imf-ui-component": "Select.Trigger",
-		className: (t) => Ct({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => St({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Vt.displayName = "Select.Trigger";
-function Ht({ className: e, children: t, ...n }) {
+Bt.displayName = "Select.Trigger";
+function Vt({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ _(b.Value, {
 		...n,
 		"data-imf-ui-component": "Select.Value",
-		className: (t) => wt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ct({ className: typeof e == "function" ? e(t) : e }),
 		children: t
 	});
 }
-Ht.displayName = "Select.Value";
-function Ut({ className: e, ...t }) {
+Vt.displayName = "Select.Value";
+function Ht({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Icon, {
 		...t,
 		"data-imf-ui-component": "Select.Icon",
-		className: (t) => Tt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => wt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Ut.displayName = "Select.Icon";
-function Wt(e) {
+Ht.displayName = "Select.Icon";
+function Ut(e) {
 	return /* @__PURE__ */ _(b.Portal, { ...e });
 }
-Wt.displayName = "Select.Portal";
-function Gt({ className: e, ...t }) {
+Ut.displayName = "Select.Portal";
+function Wt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Backdrop, {
 		...t,
 		"data-imf-ui-component": "Select.Backdrop",
-		className: (t) => Et({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Tt({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Gt.displayName = "Select.Backdrop";
-function Kt({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
+Wt.displayName = "Select.Backdrop";
+function Gt({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
 	return /* @__PURE__ */ _(b.Positioner, {
 		...r,
 		align: t,
 		alignItemWithTrigger: n,
 		"data-imf-ui-component": "Select.Positioner",
-		className: (t) => Dt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Et({ className: typeof e == "function" ? e(t) : e }),
 		children: r.children
 	});
 }
-Kt.displayName = "Select.Positioner";
-function qt({ className: e, ...t }) {
+Gt.displayName = "Select.Positioner";
+function Kt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Popup, {
 		...t,
 		"data-imf-ui-component": "Select.Popup",
-		className: (t) => Ot({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Dt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-qt.displayName = "Select.Popup";
-function Jt({ className: e, ...t }) {
+Kt.displayName = "Select.Popup";
+function qt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Arrow, {
 		...t,
 		"data-imf-ui-component": "Select.Arrow",
-		className: (t) => kt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ot({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Jt.displayName = "Select.Arrow";
-function Yt({ className: e, ...t }) {
+qt.displayName = "Select.Arrow";
+function Jt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.List, {
 		...t,
 		"data-imf-ui-component": "Select.List",
-		className: (t) => At({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => kt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Yt.displayName = "Select.List";
-function Xt({ className: e, ...t }) {
+Jt.displayName = "Select.List";
+function Yt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Item, {
 		...t,
 		"data-imf-ui-component": "Select.Item",
-		className: (t) => jt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => At({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Xt.displayName = "Select.Item";
-function Zt({ className: e, ...t }) {
+Yt.displayName = "Select.Item";
+function Xt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.ItemIndicator, {
 		...t,
 		"data-imf-ui-component": "Select.ItemIndicator",
-		className: (t) => Mt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => jt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Zt.displayName = "Select.ItemIndicator";
-function Qt({ className: e, ...t }) {
+Xt.displayName = "Select.ItemIndicator";
+function Zt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.ItemText, {
 		...t,
 		"data-imf-ui-component": "Select.ItemText",
-		className: (t) => Nt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Mt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Qt.displayName = "Select.ItemText";
-function $t({ className: e, ...t }) {
+Zt.displayName = "Select.ItemText";
+function Qt({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Group, {
 		...t,
 		"data-imf-ui-component": "Select.Group",
-		className: (t) => Pt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Nt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-$t.displayName = "Select.Group";
-function en({ className: e, ...t }) {
+Qt.displayName = "Select.Group";
+function $t({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.GroupLabel, {
 		...t,
 		"data-imf-ui-component": "Select.GroupLabel",
-		className: (t) => Ft({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Pt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-en.displayName = "Select.GroupLabel";
-function tn({ className: e, ...t }) {
+$t.displayName = "Select.GroupLabel";
+function en({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.Separator, {
 		...t,
 		"data-imf-ui-component": "Select.Separator",
-		className: (t) => It({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ft({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-tn.displayName = "Select.Separator";
-function nn({ className: e, ...t }) {
+en.displayName = "Select.Separator";
+function tn({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.ScrollUpArrow, {
 		...t,
 		"data-imf-ui-component": "Select.ScrollUpArrow",
-		className: (t) => Lt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => It({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-nn.displayName = "Select.ScrollUpArrow";
-function rn({ className: e, ...t }) {
+tn.displayName = "Select.ScrollUpArrow";
+function nn({ className: e, ...t }) {
 	return /* @__PURE__ */ _(b.ScrollDownArrow, {
 		...t,
 		"data-imf-ui-component": "Select.ScrollDownArrow",
-		className: (t) => Rt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Lt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-rn.displayName = "Select.ScrollDownArrow";
+nn.displayName = "Select.ScrollDownArrow";
 //#endregion
 //#region src/components/select/select.meta.ts
-var an = {
+var rn = {
 	name: "Select",
 	category: t.inputs,
 	status: "stable",
@@ -687,7 +693,7 @@ var an = {
 		docLink: "https://base-ui.com/react/components/select",
 		llmDocLink: "https://base-ui.com/react/components/select.md"
 	}
-}, on = {
+}, an = {
 	name: "Slider",
 	category: t.inputs,
 	status: "stable",
@@ -699,7 +705,7 @@ var an = {
 		docLink: "https://base-ui.com/react/components/slider",
 		llmDocLink: "https://base-ui.com/react/components/slider.md"
 	}
-}, sn = {
+}, on = {
 	name: "Switch",
 	category: t.inputs,
 	status: "stable",
@@ -711,7 +717,7 @@ var an = {
 		docLink: "https://base-ui.com/react/components/switch",
 		llmDocLink: "https://base-ui.com/react/components/switch.md"
 	}
-}, cn = {
+}, sn = {
 	name: "Toggle",
 	category: t.inputs,
 	status: "experimental",
@@ -723,7 +729,7 @@ var an = {
 		docLink: "https://base-ui.com/react/components/toggle",
 		llmDocLink: "https://base-ui.com/react/components/toggle.md"
 	}
-}, ln = {
+}, cn = {
 	name: "ToggleGroup",
 	category: t.inputs,
 	status: "experimental",
@@ -735,7 +741,7 @@ var an = {
 		docLink: "https://base-ui.com/react/components/toggle-group",
 		llmDocLink: "https://base-ui.com/react/components/toggle-group.md"
 	}
-}, N = {
+}, P = {
 	aside: "imf-ui-app-shell-module-aside",
 	footer: "imf-ui-app-shell-module-footer",
 	header: "imf-ui-app-shell-module-header",
@@ -743,83 +749,83 @@ var an = {
 	navbar: "imf-ui-app-shell-module-navbar",
 	root: "imf-ui-app-shell-module-root",
 	section: "imf-ui-app-shell-module-section"
-}, un = /* @__PURE__ */ e({
-	Aside: () => xn,
-	Footer: () => Sn,
-	Header: () => yn,
-	Main: () => Cn,
-	Navbar: () => bn,
-	Root: () => vn,
-	Section: () => wn
-}), dn = h(N.root), fn = h(N.header), pn = h(N.navbar), mn = h(N.aside), hn = h(N.footer), gn = h(N.main), _n = h(N.section);
-function vn({ className: e, ...t }) {
+}, ln = /* @__PURE__ */ e({
+	Aside: () => bn,
+	Footer: () => xn,
+	Header: () => vn,
+	Main: () => Sn,
+	Navbar: () => yn,
+	Root: () => _n,
+	Section: () => Cn
+}), un = h(P.root), dn = h(P.header), fn = h(P.navbar), pn = h(P.aside), mn = h(P.footer), hn = h(P.main), gn = h(P.section);
+function _n({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "AppShell.Root",
-		className: dn({ className: e })
+		className: un({ className: e })
 	});
 }
-vn.displayName = "AppShell.Root";
-function yn({ className: e, ...t }) {
+_n.displayName = "AppShell.Root";
+function vn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("header", {
 		...t,
 		"data-imf-ui-component": "AppShell.Header",
-		className: fn({ className: e })
+		className: dn({ className: e })
 	});
 }
-yn.displayName = "AppShell.Header";
-function bn({ className: e, open: t, ...n }) {
+vn.displayName = "AppShell.Header";
+function yn({ className: e, open: t, ...n }) {
 	return /* @__PURE__ */ _("nav", {
 		...n,
 		"data-imf-ui-component": "AppShell.Navbar",
 		"data-open": t ? "" : void 0,
-		className: pn({ className: e })
+		className: fn({ className: e })
 	});
 }
-bn.displayName = "AppShell.Navbar";
-function xn({ className: e, open: t, ...n }) {
+yn.displayName = "AppShell.Navbar";
+function bn({ className: e, open: t, ...n }) {
 	return /* @__PURE__ */ _("aside", {
 		...n,
 		"data-imf-ui-component": "AppShell.Aside",
 		"data-open": t ? "" : void 0,
-		className: mn({ className: e })
+		className: pn({ className: e })
 	});
 }
-xn.displayName = "AppShell.Aside";
-function Sn({ className: e, ...t }) {
+bn.displayName = "AppShell.Aside";
+function xn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("footer", {
 		...t,
 		"data-imf-ui-component": "AppShell.Footer",
-		className: hn({ className: e })
+		className: mn({ className: e })
 	});
 }
-Sn.displayName = "AppShell.Footer";
-function Cn({ className: e, ...t }) {
+xn.displayName = "AppShell.Footer";
+function Sn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("main", {
 		...t,
 		"data-imf-ui-component": "AppShell.Main",
-		className: gn({ className: e })
+		className: hn({ className: e })
 	});
 }
-Cn.displayName = "AppShell.Main";
-function wn({ className: e, grow: t, ...n }) {
+Sn.displayName = "AppShell.Main";
+function Cn({ className: e, grow: t, ...n }) {
 	return /* @__PURE__ */ _("div", {
 		...n,
 		"data-imf-ui-component": "AppShell.Section",
 		"data-grow": t ? "" : void 0,
-		className: _n({ className: e })
+		className: gn({ className: e })
 	});
 }
-wn.displayName = "AppShell.Section";
+Cn.displayName = "AppShell.Section";
 //#endregion
 //#region src/components/app-shell/app-shell.meta.ts
-var Tn = {
+var wn = {
 	name: "AppShell",
 	category: t.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 = {
+}, F = {
 	content: "imf-ui-card-module-content",
 	densityComfortable: "imf-ui-card-module-densityComfortable",
 	densityCompact: "imf-ui-card-module-densityCompact",
@@ -843,49 +849,49 @@ var Tn = {
 	variantMinor: "imf-ui-card-module-variantMinor",
 	variantPrimary: "imf-ui-card-module-variantPrimary",
 	variantSupport: "imf-ui-card-module-variantSupport"
-}, En = /* @__PURE__ */ e({
-	Content: () => jn,
-	Footer: () => Mn,
-	Header: () => An,
-	Image: () => kn,
-	Root: () => On
-}), Dn = h(P.root, { variants: {
+}, Tn = /* @__PURE__ */ e({
+	Content: () => An,
+	Footer: () => jn,
+	Header: () => kn,
+	Image: () => On,
+	Root: () => Dn
+}), En = h(F.root, { variants: {
 	density: {
-		compact: P.densityCompact,
-		comfortable: P.densityComfortable,
-		spacious: P.densitySpacious
+		compact: F.densityCompact,
+		comfortable: F.densityComfortable,
+		spacious: F.densitySpacious
 	},
 	variant: {
-		main: P.variantMain,
-		support: P.variantSupport,
-		minor: P.variantMinor,
-		primary: P.variantPrimary,
-		brand: P.variantBrand
+		main: F.variantMain,
+		support: F.variantSupport,
+		minor: F.variantMinor,
+		primary: F.variantPrimary,
+		brand: F.variantBrand
 	},
 	shadow: {
-		none: P.shadowNone,
-		sm: P.shadowSm,
-		md: P.shadowMd,
-		lg: P.shadowLg
+		none: F.shadowNone,
+		sm: F.shadowSm,
+		md: F.shadowMd,
+		lg: F.shadowLg
 	},
 	radius: {
-		brand: P.radiusBrand,
-		sm: P.radiusSm,
-		md: P.radiusMd,
-		lg: P.radiusLg
+		brand: F.radiusBrand,
+		sm: F.radiusSm,
+		md: F.radiusMd,
+		lg: F.radiusLg
 	},
 	orientation: {
-		vertical: P.orientationVertical,
-		horizontal: P.orientationHorizontal
+		vertical: F.orientationVertical,
+		horizontal: F.orientationHorizontal
 	}
 } });
-function On({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, className: o, ...s }) {
+function Dn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, className: o, ...s }) {
 	let c = a && t !== "primary" && t !== "brand";
 	return /* @__PURE__ */ _("div", {
 		...s,
 		"data-imf-ui-component": "Card.Root",
 		"data-with-border": c ? "" : void 0,
-		className: Dn({
+		className: En({
 			density: e,
 			variant: t,
 			shadow: n,
@@ -895,50 +901,54 @@ function On({ density: e = "comfortable", variant: t = "main", shadow: n = "lg",
 		})
 	});
 }
-On.displayName = "Card.Root";
-function kn({ className: e, alt: t = "", ...n }) {
+Dn.displayName = "Card.Root";
+function On({ className: e, alt: t = "", aspectRatio: n = 16 / 10, style: r, ...i }) {
 	return /* @__PURE__ */ _("img", {
-		...n,
+		...i,
 		alt: t,
 		"data-imf-ui-component": "Card.Image",
-		className: h(P.image)({ className: e })
+		className: h(F.image)({ className: e }),
+		style: {
+			aspectRatio: n,
+			...r
+		}
 	});
 }
-kn.displayName = "Card.Image";
-function An({ className: e, ...t }) {
+On.displayName = "Card.Image";
+function kn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Card.Header",
-		className: h(P.header)({ className: e })
+		className: h(F.header)({ className: e })
 	});
 }
-An.displayName = "Card.Header";
-function jn({ className: e, ...t }) {
+kn.displayName = "Card.Header";
+function An({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Card.Content",
-		className: h(P.content)({ className: e })
+		className: h(F.content)({ className: e })
 	});
 }
-jn.displayName = "Card.Content";
-function Mn({ className: e, ...t }) {
+An.displayName = "Card.Content";
+function jn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Card.Footer",
-		className: h(P.footer)({ className: e })
+		className: h(F.footer)({ className: e })
 	});
 }
-Mn.displayName = "Card.Footer";
+jn.displayName = "Card.Footer";
 //#endregion
 //#region src/components/card/card.meta.ts
-var Nn = {
+var Mn = {
 	name: "Card",
 	category: t.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 = {
+}, I = {
 	backdrop: "imf-ui-drawer-module-backdrop",
 	borderColorFgMinor: "imf-ui-drawer-module-borderColorFgMinor",
 	borderColorFgSupport: "imf-ui-drawer-module-borderColorFgSupport",
@@ -961,45 +971,45 @@ var Nn = {
 	title: "imf-ui-drawer-module-title",
 	trigger: "imf-ui-drawer-module-trigger",
 	viewport: "imf-ui-drawer-module-viewport"
-}, Pn = /* @__PURE__ */ e({
-	Backdrop: () => Xn,
-	Close: () => nr,
-	Content: () => er,
-	Description: () => rr,
-	Indent: () => ar,
-	IndentBackground: () => or,
-	Popup: () => $n,
-	Portal: () => Yn,
-	Provider: () => ir,
-	Root: () => qn,
-	SwipeArea: () => sr,
-	Title: () => tr,
-	Trigger: () => Jn,
-	Viewport: () => Zn
-}), Fn = xe({
+}, Nn = /* @__PURE__ */ e({
+	Backdrop: () => Yn,
+	Close: () => tr,
+	Content: () => $n,
+	Description: () => nr,
+	Indent: () => ir,
+	IndentBackground: () => ar,
+	Popup: () => Qn,
+	Portal: () => Jn,
+	Provider: () => rr,
+	Root: () => Kn,
+	SwipeArea: () => or,
+	Title: () => er,
+	Trigger: () => qn,
+	Viewport: () => Xn
+}), Pn = xe({
 	borderColor: "primary",
 	borderStyle: "solid"
-}), In = h(F.trigger), Ln = h(F.backdrop), Rn = h(F.viewport), zn = h(F.popup, {
+}), Fn = h(I.trigger), In = h(I.backdrop), Ln = h(I.viewport), Rn = h(I.popup, {
 	variants: {
 		borderColor: {
-			primary: F.borderColorPrimary,
-			"fg-minor": F.borderColorFgMinor,
-			"fg-support": F.borderColorFgSupport,
-			none: F.borderColorNone
+			primary: I.borderColorPrimary,
+			"fg-minor": I.borderColorFgMinor,
+			"fg-support": I.borderColorFgSupport,
+			none: I.borderColorNone
 		},
 		borderStyle: {
-			solid: F.borderStyleSolid,
-			dashed: F.borderStyleDashed,
-			none: F.borderStyleNone
+			solid: I.borderStyleSolid,
+			dashed: I.borderStyleDashed,
+			none: I.borderStyleNone
 		}
 	},
 	defaultVariants: {
 		borderColor: "primary",
 		borderStyle: "solid"
 	}
-}), Bn = h(F.content), Vn = h(F.title), Hn = h(F.close), Un = h(F.description), Wn = h(F.indent), Gn = h(F.indentBackground), Kn = h(F.swipeArea);
-function qn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
-	return /* @__PURE__ */ _(Fn.Provider, {
+}), zn = h(I.content), Bn = h(I.title), Vn = h(I.close), Hn = h(I.description), Un = h(I.indent), Wn = h(I.indentBackground), Gn = h(I.swipeArea);
+function Kn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
+	return /* @__PURE__ */ _(Pn.Provider, {
 		value: {
 			borderColor: e,
 			borderStyle: t
@@ -1007,117 +1017,117 @@ function qn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
 		children: /* @__PURE__ */ _(x.Root, { ...n })
 	});
 }
-qn.displayName = "Drawer.Root";
-function Jn({ className: e, ...t }) {
+Kn.displayName = "Drawer.Root";
+function qn({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Trigger, {
 		...t,
 		"data-imf-ui-component": "Drawer.Trigger",
-		className: (t) => In({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Fn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Jn.displayName = "Drawer.Trigger";
-function Yn(e) {
+qn.displayName = "Drawer.Trigger";
+function Jn(e) {
 	return /* @__PURE__ */ _(x.Portal, { ...e });
 }
-Yn.displayName = "Drawer.Portal";
-function Xn({ className: e, ...t }) {
+Jn.displayName = "Drawer.Portal";
+function Yn({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Backdrop, {
 		...t,
 		"data-imf-ui-component": "Drawer.Backdrop",
-		className: (t) => Ln({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => In({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Xn.displayName = "Drawer.Backdrop";
-function Zn({ className: e, ...t }) {
+Yn.displayName = "Drawer.Backdrop";
+function Xn({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Viewport, {
 		...t,
 		"data-imf-ui-component": "Drawer.Viewport",
-		className: (t) => Rn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ln({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Zn.displayName = "Drawer.Viewport";
-var Qn = {
-	left: F.popupLeft,
-	right: F.popupRight,
-	down: F.popupBottom,
-	up: F.popupTop
+Xn.displayName = "Drawer.Viewport";
+var Zn = {
+	left: I.popupLeft,
+	right: I.popupRight,
+	down: I.popupBottom,
+	up: I.popupTop
 };
-function $n({ borderColor: e, borderStyle: t, className: n, ...r }) {
-	let i = Se(Fn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
+function Qn({ borderColor: e, borderStyle: t, className: n, ...r }) {
+	let i = Se(Pn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
 	return /* @__PURE__ */ _(x.Popup, {
 		...r,
 		"data-imf-ui-component": "Drawer.Popup",
-		className: (e) => zn({
+		className: (e) => Rn({
 			borderColor: a,
 			borderStyle: o,
-			className: g(Qn[e.swipeDirection], typeof n == "function" ? n(e) : n)
+			className: g(Zn[e.swipeDirection], typeof n == "function" ? n(e) : n)
 		})
 	});
 }
-$n.displayName = "Drawer.Popup";
-function er({ className: e, ...t }) {
+Qn.displayName = "Drawer.Popup";
+function $n({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Content, {
 		...t,
 		"data-imf-ui-component": "Drawer.Content",
-		className: (t) => Bn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => zn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-er.displayName = "Drawer.Content";
-function tr({ className: e, ...t }) {
+$n.displayName = "Drawer.Content";
+function er({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Title, {
 		...t,
 		"data-imf-ui-component": "Drawer.Title",
-		className: Vn({ className: e })
+		className: Bn({ className: e })
 	});
 }
-tr.displayName = "Drawer.Title";
-function nr({ className: e, ...t }) {
+er.displayName = "Drawer.Title";
+function tr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Close, {
 		...t,
 		"data-imf-ui-component": "Drawer.Close",
-		className: (t) => Hn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Vn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-nr.displayName = "Drawer.Close";
-function rr({ className: e, ...t }) {
+tr.displayName = "Drawer.Close";
+function nr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Description, {
 		...t,
 		"data-imf-ui-component": "Drawer.Description",
-		className: Un({ className: e })
+		className: Hn({ className: e })
 	});
 }
-rr.displayName = "Drawer.Description";
-function ir(e) {
+nr.displayName = "Drawer.Description";
+function rr(e) {
 	return /* @__PURE__ */ _(x.Provider, { ...e });
 }
-ir.displayName = "Drawer.Provider";
-function ar({ className: e, ...t }) {
+rr.displayName = "Drawer.Provider";
+function ir({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.Indent, {
 		...t,
 		"data-imf-ui-component": "Drawer.Indent",
-		className: (t) => Wn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Un({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ar.displayName = "Drawer.Indent";
-function or({ className: e, ...t }) {
+ir.displayName = "Drawer.Indent";
+function ar({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.IndentBackground, {
 		...t,
 		"data-imf-ui-component": "Drawer.IndentBackground",
-		className: (t) => Gn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Wn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-or.displayName = "Drawer.IndentBackground";
-function sr({ className: e, ...t }) {
+ar.displayName = "Drawer.IndentBackground";
+function or({ className: e, ...t }) {
 	return /* @__PURE__ */ _(x.SwipeArea, {
 		...t,
 		"data-imf-ui-component": "Drawer.SwipeArea",
-		className: (t) => Kn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Gn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-sr.displayName = "Drawer.SwipeArea";
+or.displayName = "Drawer.SwipeArea";
 //#endregion
 //#region src/components/drawer/drawer.meta.ts
-var cr = {
+var sr = {
 	name: "Drawer",
 	category: t.layout,
 	status: "stable",
@@ -1129,7 +1139,7 @@ var cr = {
 		docLink: "https://base-ui.com/react/components/drawer",
 		llmDocLink: "https://base-ui.com/react/components/drawer.md"
 	}
-}, I = {
+}, L = {
 	arrow: "imf-ui-popover-module-arrow",
 	backdrop: "imf-ui-popover-module-backdrop",
 	close: "imf-ui-popover-module-close",
@@ -1153,150 +1163,150 @@ var cr = {
 	variantPrimary: "imf-ui-popover-module-variantPrimary",
 	variantSecondary: "imf-ui-popover-module-variantSecondary",
 	viewport: "imf-ui-popover-module-viewport"
-}, lr = /* @__PURE__ */ e({
-	Arrow: () => Dr,
-	Backdrop: () => wr,
-	Close: () => Mr,
-	Description: () => jr,
-	Eyebrow: () => kr,
-	Inline: () => Nr,
-	Popup: () => Er,
-	Portal: () => Cr,
-	Positioner: () => Tr,
-	Root: () => xr,
-	Title: () => Ar,
-	Trigger: () => Sr,
-	Viewport: () => Or,
-	createHandle: () => br
-}), ur = h(I.trigger, { variants: {
+}, cr = /* @__PURE__ */ e({
+	Arrow: () => Er,
+	Backdrop: () => Cr,
+	Close: () => jr,
+	Description: () => Ar,
+	Eyebrow: () => Or,
+	Inline: () => Mr,
+	Popup: () => Tr,
+	Portal: () => Sr,
+	Positioner: () => wr,
+	Root: () => br,
+	Title: () => kr,
+	Trigger: () => xr,
+	Viewport: () => Dr,
+	createHandle: () => yr
+}), lr = h(L.trigger, { variants: {
 	variant: {
-		ghost: I.variantGhost,
-		outline: I.variantOutline,
-		primary: I.variantPrimary,
-		secondary: I.variantSecondary,
-		positive: I.variantPositive,
-		negative: I.variantNegative
+		ghost: L.variantGhost,
+		outline: L.variantOutline,
+		primary: L.variantPrimary,
+		secondary: L.variantSecondary,
+		positive: L.variantPositive,
+		negative: L.variantNegative
 	},
-	inline: { true: I.triggerInline }
-} }), dr = h(I.backdrop), fr = h(I.positioner), pr = h(I.popup, { variants: { variant: {
-	ghost: I.popupVariantGhost,
-	outline: I.popupVariantOutline,
-	primary: I.popupVariantPrimary,
-	secondary: I.popupVariantSecondary,
-	positive: I.popupVariantPositive,
-	negative: I.popupVariantNegative
-} } }), mr = h(I.arrow), hr = h(I.viewport), gr = h(I.eyebrow), _r = h(I.title), vr = h(I.description), yr = h(I.close), br = S.createHandle;
-function xr(e) {
+	inline: { true: L.triggerInline }
+} }), ur = h(L.backdrop), dr = h(L.positioner), fr = h(L.popup, { variants: { variant: {
+	ghost: L.popupVariantGhost,
+	outline: L.popupVariantOutline,
+	primary: L.popupVariantPrimary,
+	secondary: L.popupVariantSecondary,
+	positive: L.popupVariantPositive,
+	negative: L.popupVariantNegative
+} } }), pr = h(L.arrow), mr = h(L.viewport), hr = h(L.eyebrow), gr = h(L.title), _r = h(L.description), vr = h(L.close), yr = S.createHandle;
+function br(e) {
 	return /* @__PURE__ */ _(S.Root, { ...e });
 }
-xr.displayName = "Popover.Root";
-function Sr({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
+br.displayName = "Popover.Root";
+function xr({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
 	return /* @__PURE__ */ _(S.Trigger, {
 		...r,
 		"data-imf-ui-component": "Popover.Trigger",
-		className: (r) => ur({
+		className: (r) => lr({
 			variant: e,
 			inline: t || void 0,
 			className: typeof n == "function" ? n(r) : n
 		})
 	});
 }
-Sr.displayName = "Popover.Trigger";
-function Cr(e) {
+xr.displayName = "Popover.Trigger";
+function Sr(e) {
 	return /* @__PURE__ */ _(S.Portal, { ...e });
 }
-Cr.displayName = "Popover.Portal";
-function wr({ className: e, ...t }) {
+Sr.displayName = "Popover.Portal";
+function Cr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Backdrop, {
 		...t,
 		"data-imf-ui-component": "Popover.Backdrop",
-		className: (t) => dr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => ur({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-wr.displayName = "Popover.Backdrop";
-function Tr({ className: e, ...t }) {
+Cr.displayName = "Popover.Backdrop";
+function wr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Positioner, {
 		...t,
 		"data-imf-ui-component": "Popover.Positioner",
-		className: (t) => fr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => dr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Tr.displayName = "Popover.Positioner";
-function Er({ className: e, variant: t, ...n }) {
+wr.displayName = "Popover.Positioner";
+function Tr({ className: e, variant: t, ...n }) {
 	return /* @__PURE__ */ _(S.Popup, {
 		...n,
 		"data-imf-ui-component": "Popover.Popup",
-		className: (n) => pr({
+		className: (n) => fr({
 			variant: t,
 			className: typeof e == "function" ? e(n) : e
 		})
 	});
 }
-Er.displayName = "Popover.Popup";
-function Dr({ className: e, ...t }) {
+Tr.displayName = "Popover.Popup";
+function Er({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Arrow, {
 		...t,
 		"data-imf-ui-component": "Popover.Arrow",
-		className: (t) => mr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => pr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Dr.displayName = "Popover.Arrow";
-function Or({ className: e, ...t }) {
+Er.displayName = "Popover.Arrow";
+function Dr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Viewport, {
 		...t,
 		"data-imf-ui-component": "Popover.Viewport",
-		className: (t) => hr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => mr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Or.displayName = "Popover.Viewport";
-function kr({ className: e, ...t }) {
+Dr.displayName = "Popover.Viewport";
+function Or({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		"data-imf-ui-component": "Popover.Eyebrow",
-		className: gr({ className: e })
+		className: hr({ className: e })
 	});
 }
-kr.displayName = "Popover.Eyebrow";
-function Ar({ className: e, ...t }) {
+Or.displayName = "Popover.Eyebrow";
+function kr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Title, {
 		...t,
 		"data-imf-ui-component": "Popover.Title",
-		className: _r({ className: e })
+		className: gr({ className: e })
 	});
 }
-Ar.displayName = "Popover.Title";
-function jr({ className: e, ...t }) {
+kr.displayName = "Popover.Title";
+function Ar({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Description, {
 		...t,
 		"data-imf-ui-component": "Popover.Description",
-		className: vr({ className: e })
+		className: _r({ className: e })
 	});
 }
-jr.displayName = "Popover.Description";
-function Mr({ className: e, ...t }) {
+Ar.displayName = "Popover.Description";
+function jr({ className: e, ...t }) {
 	return /* @__PURE__ */ _(S.Close, {
 		...t,
 		"data-imf-ui-component": "Popover.Close",
-		className: (t) => yr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => vr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Mr.displayName = "Popover.Close";
-function Nr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
-	return /* @__PURE__ */ v(xr, { children: [/* @__PURE__ */ _(Sr, {
+jr.displayName = "Popover.Close";
+function Mr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
+	return /* @__PURE__ */ v(br, { children: [/* @__PURE__ */ _(xr, {
 		inline: !0,
 		openOnHover: !0,
 		delay: r,
 		children: e
-	}), /* @__PURE__ */ _(Cr, { children: /* @__PURE__ */ _(Tr, {
+	}), /* @__PURE__ */ _(Sr, { children: /* @__PURE__ */ _(wr, {
 		side: i,
 		sideOffset: a,
-		children: /* @__PURE__ */ v(Er, { children: [t && /* @__PURE__ */ _(Ar, { children: t }), n && /* @__PURE__ */ _(jr, { children: n })] })
+		children: /* @__PURE__ */ v(Tr, { children: [t && /* @__PURE__ */ _(kr, { children: t }), n && /* @__PURE__ */ _(Ar, { children: n })] })
 	}) })] });
 }
-Nr.displayName = "Popover.Inline";
+Mr.displayName = "Popover.Inline";
 //#endregion
 //#region src/components/popover/popover.meta.ts
-var Pr = {
+var Nr = {
 	name: "Popover",
 	category: t.display,
 	status: "stable",
@@ -1308,28 +1318,28 @@ var Pr = {
 		docLink: "https://base-ui.com/react/components/popover",
 		llmDocLink: "https://base-ui.com/react/components/popover.md"
 	}
-}, Fr = {
+}, Pr = {
 	name: "Row",
 	category: t.layout,
 	status: "stable",
 	description: "Horizontal layout primitive for spacing, aligning, and wrapping children. Also called a horizontal stack or flex row.",
 	origin: "native"
-}, L = {
+}, R = {
 	root: "imf-ui-separator-module-root",
 	variantDashed: "imf-ui-separator-module-variantDashed",
 	variantDotted: "imf-ui-separator-module-variantDotted",
 	variantSolid: "imf-ui-separator-module-variantSolid"
-}, Ir = h(L.root, { variants: { variant: {
-	solid: L.variantSolid,
-	dashed: L.variantDashed,
-	dotted: L.variantDotted
+}, Fr = h(R.root, { variants: { variant: {
+	solid: R.variantSolid,
+	dashed: R.variantDashed,
+	dotted: R.variantDotted
 } } });
-function Lr({ orientation: e = "horizontal", variant: t = "solid", className: n, ...r }) {
+function Ir({ orientation: e = "horizontal", variant: t = "solid", className: n, ...r }) {
 	return /* @__PURE__ */ _(ke, {
 		...r,
 		orientation: e,
 		"data-imf-ui-component": "Separator",
-		className: Ir({
+		className: Fr({
 			variant: t,
 			className: n
 		})
@@ -1337,7 +1347,7 @@ function Lr({ orientation: e = "horizontal", variant: t = "solid", className: n,
 }
 //#endregion
 //#region src/components/separator/separator.meta.ts
-var Rr = {
+var Lr = {
 	name: "Separator",
 	category: t.layout,
 	status: "stable",
@@ -1349,13 +1359,13 @@ var Rr = {
 		docLink: "https://base-ui.com/react/components/separator",
 		llmDocLink: "https://base-ui.com/react/components/separator.md"
 	}
-}, zr = {
+}, Rr = {
 	name: "Stack",
 	category: t.layout,
 	status: "stable",
 	description: "Vertical layout primitive for spacing and aligning children. Also called a vertical stack or column.",
 	origin: "native"
-}, R = {
+}, z = {
 	description: "imf-ui-callout-module-description",
 	icon: "imf-ui-callout-module-icon",
 	maxWidthFull: "imf-ui-callout-module-maxWidthFull",
@@ -1371,28 +1381,28 @@ var Rr = {
 	variantNegative: "imf-ui-callout-module-variantNegative",
 	variantPositive: "imf-ui-callout-module-variantPositive",
 	variantWarning: "imf-ui-callout-module-variantWarning"
-}, Br = /* @__PURE__ */ e({
-	Description: () => qr,
-	Icon: () => Gr,
-	Root: () => Wr,
-	Title: () => Kr
-}), Vr = h(R.root, { variants: {
+}, zr = /* @__PURE__ */ e({
+	Description: () => Kr,
+	Icon: () => Wr,
+	Root: () => Ur,
+	Title: () => Gr
+}), Br = h(z.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: z.variantInfo,
+		positive: z.variantPositive,
+		warning: z.variantWarning,
+		negative: z.variantNegative,
+		"accent-1": z.variantAccent1,
+		"accent-2": z.variantAccent2,
+		"accent-3": z.variantAccent3
 	},
 	maxWidth: {
-		sm: R.maxWidthSm,
-		md: R.maxWidthMd,
-		lg: R.maxWidthLg,
-		full: R.maxWidthFull
+		sm: z.maxWidthSm,
+		md: z.maxWidthMd,
+		lg: z.maxWidthLg,
+		full: z.maxWidthFull
 	}
-} }), Hr = {
+} }), Vr = {
 	info: s,
 	positive: o,
 	warning: d,
@@ -1400,16 +1410,16 @@ var Rr = {
 	"accent-1": f,
 	"accent-2": f,
 	"accent-3": f
-}, Ur = xe("info");
-function Wr({ variant: e = "info", maxWidth: t = "md", className: n, children: r, ...i }) {
+}, Hr = xe("info");
+function Ur({ variant: e = "info", maxWidth: t = "md", className: n, children: r, ...i }) {
 	let a = e ?? "info";
-	return /* @__PURE__ */ _(Ur.Provider, {
+	return /* @__PURE__ */ _(Hr.Provider, {
 		value: a,
 		children: /* @__PURE__ */ _("div", {
 			...i,
 			role: "note",
 			"data-imf-ui-component": "Callout.Root",
-			className: Vr({
+			className: Br({
 				variant: e,
 				maxWidth: t,
 				className: n
@@ -1418,14 +1428,14 @@ function Wr({ variant: e = "info", maxWidth: t = "md", className: n, children: r
 		})
 	});
 }
-Wr.displayName = "Callout.Root";
-function Gr({ className: e, children: t, ...n }) {
-	let r = Hr[Se(Ur)];
+Ur.displayName = "Callout.Root";
+function Wr({ className: e, children: t, ...n }) {
+	let r = Vr[Se(Hr)];
 	return /* @__PURE__ */ _("span", {
 		...n,
 		"aria-hidden": !0,
 		"data-imf-ui-component": "Callout.Icon",
-		className: h(R.icon)({ className: e }),
+		className: h(z.icon)({ className: e }),
 		children: t ?? /* @__PURE__ */ _(m, {
 			glyph: r,
 			size: 24,
@@ -1433,26 +1443,26 @@ function Gr({ className: e, children: t, ...n }) {
 		})
 	});
 }
-Gr.displayName = "Callout.Icon";
-function Kr({ className: e, ...t }) {
+Wr.displayName = "Callout.Icon";
+function Gr({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Callout.Title",
-		className: h(R.title)({ className: e })
+		className: h(z.title)({ className: e })
 	});
 }
-Kr.displayName = "Callout.Title";
-function qr({ className: e, ...t }) {
+Gr.displayName = "Callout.Title";
+function Kr({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Callout.Description",
-		className: h(R.description)({ className: e })
+		className: h(z.description)({ className: e })
 	});
 }
-qr.displayName = "Callout.Description";
+Kr.displayName = "Callout.Description";
 //#endregion
 //#region src/components/callout/callout.meta.ts
-var Jr = {
+var qr = {
 	name: "Callout",
 	category: t.display,
 	status: "stable",
@@ -1462,7 +1472,7 @@ var Jr = {
 };
 //#endregion
 //#region src/components/chip/chip.tsx
-function Yr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, className: r, ...i }) {
+function Jr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ _("span", {
 		...i,
 		"data-imf-ui-component": "Chip",
@@ -1477,48 +1487,48 @@ function Yr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, c
 }
 //#endregion
 //#region src/components/chip/chip.meta.ts
-var Xr = {
+var Yr = {
 	name: "Chip",
 	category: t.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 = {
+}, B = {
 	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"
-}, Zr = /* @__PURE__ */ e({
-	Panel: () => ri,
-	Root: () => $r,
-	Trigger: () => ti
-}), Qr = h(z.root, { variants: { variant: {
+}, Xr = /* @__PURE__ */ e({
+	Panel: () => ni,
+	Root: () => Qr,
+	Trigger: () => ei
+}), Zr = h(B.root, { variants: { variant: {
 	default: null,
-	solid: z.variantSolid
+	solid: B.variantSolid
 } } });
-function $r({ variant: e = "default", className: t, ...n }) {
+function Qr({ variant: e = "default", className: t, ...n }) {
 	return /* @__PURE__ */ _(Ae.Root, {
 		...n,
 		"data-imf-ui-component": "Collapsible.Root",
-		className: (n) => Qr({
+		className: (n) => Zr({
 			variant: e,
 			className: typeof t == "function" ? t(n) : t
 		})
 	});
 }
-$r.displayName = "Collapsible.Root";
-var ei = h(z.trigger);
-function ti({ className: e, children: t, ...n }) {
+Qr.displayName = "Collapsible.Root";
+var $r = h(B.trigger);
+function ei({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ v(Ae.Trigger, {
 		...n,
 		"data-imf-ui-component": "Collapsible.Trigger",
-		className: (t) => ei({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => $r({ className: typeof e == "function" ? e(t) : e }),
 		children: [
 			t,
 			/* @__PURE__ */ _("span", {
-				className: z.iconClosed,
+				className: B.iconClosed,
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ _(m, {
 					glyph: i,
@@ -1527,7 +1537,7 @@ function ti({ className: e, children: t, ...n }) {
 				})
 			}),
 			/* @__PURE__ */ _("span", {
-				className: z.iconOpen,
+				className: B.iconOpen,
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ _(m, {
 					glyph: l,
@@ -1538,19 +1548,19 @@ function ti({ className: e, children: t, ...n }) {
 		]
 	});
 }
-ti.displayName = "Collapsible.Trigger";
-var ni = h(z.panel);
-function ri({ className: e, ...t }) {
+ei.displayName = "Collapsible.Trigger";
+var ti = h(B.panel);
+function ni({ className: e, ...t }) {
 	return /* @__PURE__ */ _(Ae.Panel, {
 		...t,
 		"data-imf-ui-component": "Collapsible.Panel",
-		className: (t) => ni({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => ti({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ri.displayName = "Collapsible.Panel";
+ni.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/collapsible.meta.ts
-var ii = {
+var ri = {
 	name: "Collapsible",
 	category: t.display,
 	status: "stable",
@@ -1562,7 +1572,7 @@ var ii = {
 		docLink: "https://base-ui.com/react/components/collapsible",
 		llmDocLink: "https://base-ui.com/react/components/collapsible.md"
 	}
-}, B = {
+}, V = {
 	root: "imf-ui-logo-module-root",
 	sizeFit: "imf-ui-logo-module-sizeFit",
 	sizeHero: "imf-ui-logo-module-sizeHero",
@@ -1577,30 +1587,30 @@ var ii = {
 	variantMinor: "imf-ui-logo-module-variantMinor",
 	variantOncolor: "imf-ui-logo-module-variantOncolor",
 	variantSupport: "imf-ui-logo-module-variantSupport"
-}, ai = h(B.root, { variants: {
+}, ii = h(V.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: V.sizeXs,
+		sm: V.sizeSm,
+		md: V.sizeMd,
+		lg: V.sizeLg,
+		xl: V.sizeXl,
+		hero: V.sizeHero,
+		fit: V.sizeFit
 	},
 	variant: {
-		inherit: B.variantInherit,
-		main: B.variantMain,
-		support: B.variantSupport,
-		minor: B.variantMinor,
-		brand: B.variantBrand,
-		oncolor: B.variantOncolor
+		inherit: V.variantInherit,
+		main: V.variantMain,
+		support: V.variantSupport,
+		minor: V.variantMinor,
+		brand: V.variantBrand,
+		oncolor: V.variantOncolor
 	}
 } });
-function oi({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, className: a, style: o, ...s }) {
+function ai({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, className: a, style: o, ...s }) {
 	return /* @__PURE__ */ _("span", {
 		...s,
 		"data-imf-ui-component": "Logo",
-		className: ai({
+		className: ii({
 			size: n,
 			variant: r,
 			className: a
@@ -1620,7 +1630,7 @@ function oi({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, c
 }
 //#endregion
 //#region src/components/logo/logo.meta.ts
-var si = {
+var oi = {
 	name: "Logo",
 	category: t.display,
 	status: "stable",
@@ -1629,7 +1639,7 @@ var si = {
 };
 //#endregion
 //#region src/components/logo/imfusion/imfusion.tsx
-function ci(e) {
+function si(e) {
 	return /* @__PURE__ */ v("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "50 50 652.51 90",
@@ -1654,7 +1664,7 @@ function ci(e) {
 		]
 	});
 }
-function li(e) {
+function ci(e) {
 	return /* @__PURE__ */ v("svg", {
 		viewBox: "0 0 384 216",
 		fill: "currentColor",
@@ -1663,149 +1673,149 @@ function li(e) {
 		children: [/* @__PURE__ */ _("path", { d: "M384 216H0V191.572L284.499 153.679L384 79.1303V216Z" }), /* @__PURE__ */ _("path", { d: "M384 24.4271L99.501 62.3215L0 136.869V0H384V24.4271Z" })]
 	});
 }
-function ui({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
-	return /* @__PURE__ */ _(oi, {
+function li({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
+	return /* @__PURE__ */ _(ai, {
 		...r,
-		src: _(e ? li : ci, {}),
+		src: _(e ? ci : si, {}),
 		alt: t,
 		variant: n
 	});
 }
-var di = {
+var ui = {
 	item: "imf-ui-navigation-menu-root-module-item",
 	list: "imf-ui-navigation-menu-root-module-list",
 	root: "imf-ui-navigation-menu-root-module-root"
-}, fi = {
+}, di = {
 	content: "imf-ui-navigation-menu-structure-module-content",
 	viewport: "imf-ui-navigation-menu-structure-module-viewport"
-}, pi = h(di.root), mi = h(di.list), hi = h(di.item), gi = h(fi.content), _i = h(fi.viewport);
-function vi({ orientation: e = "horizontal", className: t, ...n }) {
+}, fi = h(ui.root), pi = h(ui.list), mi = h(ui.item), hi = h(di.content), gi = h(di.viewport);
+function _i({ orientation: e = "horizontal", className: t, ...n }) {
 	return /* @__PURE__ */ _(T.Root, {
 		...n,
 		orientation: e,
 		"data-imf-ui-component": "NavigationMenu.Root",
 		"data-orientation": e,
-		className: (e) => pi({ className: typeof t == "function" ? t(e) : t })
+		className: (e) => fi({ className: typeof t == "function" ? t(e) : t })
 	});
 }
-vi.displayName = "NavigationMenu.Root";
-function yi({ className: e, ...t }) {
+_i.displayName = "NavigationMenu.Root";
+function vi({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.List, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.List",
-		className: (t) => mi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => pi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-yi.displayName = "NavigationMenu.List";
-function bi({ className: e, ...t }) {
+vi.displayName = "NavigationMenu.List";
+function yi({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Item, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Item",
-		className: (t) => hi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => mi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-bi.displayName = "NavigationMenu.Item";
-function xi({ className: e, ...t }) {
+yi.displayName = "NavigationMenu.Item";
+function bi({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Content, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Content",
-		className: (t) => gi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => hi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-xi.displayName = "NavigationMenu.Content";
-function Si({ className: e, ...t }) {
+bi.displayName = "NavigationMenu.Content";
+function xi({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Viewport, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Viewport",
-		className: (t) => _i({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => gi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Si.displayName = "NavigationMenu.Viewport";
-var Ci = {
+xi.displayName = "NavigationMenu.Viewport";
+var Si = {
 	icon: "imf-ui-navigation-menu-trigger-module-icon",
 	trigger: "imf-ui-navigation-menu-trigger-module-trigger"
-}, wi = h(Ci.trigger), Ti = h(Ci.icon);
-function Ei({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r, className: a, ...o }) {
+}, Ci = h(Si.trigger), wi = h(Si.icon);
+function Ti({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r, className: a, ...o }) {
 	return /* @__PURE__ */ v(T.Trigger, {
 		...o,
 		"data-imf-ui-component": "NavigationMenu.Trigger",
 		"data-active": e ? "" : void 0,
 		"data-nested": n ? "" : void 0,
-		className: (e) => wi({ className: typeof a == "function" ? a(e) : a }),
-		children: [r, !t && /* @__PURE__ */ _(Di, { children: /* @__PURE__ */ _(m, {
+		className: (e) => Ci({ className: typeof a == "function" ? a(e) : a }),
+		children: [r, !t && /* @__PURE__ */ _(Ei, { children: /* @__PURE__ */ _(m, {
 			glyph: i,
 			size: 14
 		}) })]
 	});
 }
-Ei.displayName = "NavigationMenu.Trigger";
-function Di({ className: e, ...t }) {
+Ti.displayName = "NavigationMenu.Trigger";
+function Ei({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Icon, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Icon",
-		className: (t) => Ti({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => wi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Di.displayName = "NavigationMenu.Icon";
-var V = {
+Ei.displayName = "NavigationMenu.Icon";
+var H = {
 	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"
-}, Oi = h(V.positioner), ki = h(V.popup), Ai = h(V.arrow), ji = h(V.backdrop);
-function Mi(e) {
+}, Di = h(H.positioner), Oi = h(H.popup), ki = h(H.arrow), Ai = h(H.backdrop);
+function ji(e) {
 	return /* @__PURE__ */ _(T.Portal, { ...e });
 }
-Mi.displayName = "NavigationMenu.Portal";
-function Ni({ align: e = "start", className: t, ...n }) {
+ji.displayName = "NavigationMenu.Portal";
+function Mi({ align: e = "start", className: t, ...n }) {
 	return /* @__PURE__ */ _(T.Positioner, {
 		...n,
 		align: e,
 		"data-imf-ui-component": "NavigationMenu.Positioner",
-		className: (e) => Oi({ className: typeof t == "function" ? t(e) : t })
+		className: (e) => Di({ className: typeof t == "function" ? t(e) : t })
 	});
 }
-Ni.displayName = "NavigationMenu.Positioner";
-function Pi({ className: e, ...t }) {
+Mi.displayName = "NavigationMenu.Positioner";
+function Ni({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Popup, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Popup",
-		className: (t) => ki({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Oi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Pi.displayName = "NavigationMenu.Popup";
-function Fi({ className: e, ...t }) {
+Ni.displayName = "NavigationMenu.Popup";
+function Pi({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Arrow, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Arrow",
-		className: (t) => Ai({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => ki({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Fi.displayName = "NavigationMenu.Arrow";
-function Ii({ className: e, ...t }) {
+Pi.displayName = "NavigationMenu.Arrow";
+function Fi({ className: e, ...t }) {
 	return /* @__PURE__ */ _(T.Backdrop, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Backdrop",
-		className: (t) => ji({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ai({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Ii.displayName = "NavigationMenu.Backdrop";
-var H = {
+Fi.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"
-}, Li = h(H.link), Ri = h(H.linkList), zi = h(H.linkCard);
-function Bi({ className: e, children: t, render: n, ...r }) {
+}, Ii = h(U.link), Li = h(U.linkList), Ri = h(U.linkCard);
+function zi({ className: e, children: t, render: n, ...r }) {
 	return /* @__PURE__ */ _(T.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.Link",
-		className: (t) => Li({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ii({ className: typeof e == "function" ? e(t) : e }),
 		children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
-			className: H.linkArrow,
+			className: U.linkArrow,
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ _(m, {
 				glyph: c,
@@ -1814,54 +1824,54 @@ function Bi({ className: e, children: t, render: n, ...r }) {
 		})] })
 	});
 }
-Bi.displayName = "NavigationMenu.Link";
-function Vi({ className: e, ...t }) {
+zi.displayName = "NavigationMenu.Link";
+function Bi({ className: e, ...t }) {
 	return /* @__PURE__ */ _("ul", {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.LinkList",
-		className: Ri({ className: e })
+		className: Li({ className: e })
 	});
 }
-Vi.displayName = "NavigationMenu.LinkList";
-function Hi({ title: e, description: t, image: n, imageAlt: r = "", className: i, ...a }) {
+Bi.displayName = "NavigationMenu.LinkList";
+function Vi({ title: e, description: t, image: n, imageAlt: r = "", className: i, ...a }) {
 	return /* @__PURE__ */ _(T.Link, {
 		...a,
 		"data-imf-ui-component": "NavigationMenu.LinkCard",
-		className: (e) => zi({ className: typeof i == "function" ? i(e) : i }),
-		children: /* @__PURE__ */ v(On, {
+		className: (e) => Ri({ className: typeof i == "function" ? i(e) : i }),
+		children: /* @__PURE__ */ v(Dn, {
 			variant: "main",
 			density: "compact",
 			withBorder: !1,
 			children: [
-				n && /* @__PURE__ */ _(kn, {
+				n && /* @__PURE__ */ _(On, {
 					src: n,
 					alt: r
 				}),
-				/* @__PURE__ */ _(An, { children: /* @__PURE__ */ _("span", {
-					className: H.linkCardTitle,
+				/* @__PURE__ */ _(kn, { children: /* @__PURE__ */ _("span", {
+					className: U.linkCardTitle,
 					children: e
 				}) }),
-				t && /* @__PURE__ */ _(jn, { children: /* @__PURE__ */ _("span", {
-					className: H.linkCardDescription,
+				t && /* @__PURE__ */ _(An, { children: /* @__PURE__ */ _("span", {
+					className: U.linkCardDescription,
 					children: t
 				}) })
 			]
 		})
 	});
 }
-Hi.displayName = "NavigationMenu.LinkCard";
-var Ui = {
+Vi.displayName = "NavigationMenu.LinkCard";
+var Hi = {
 	flyoutLink: "imf-ui-navigation-menu-flyout-link-module-flyoutLink",
 	linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
-}, Wi = h(Ui.flyoutLink);
-function Gi({ className: e, children: t, render: n, ...r }) {
+}, Ui = h(Hi.flyoutLink);
+function Wi({ className: e, children: t, render: n, ...r }) {
 	return /* @__PURE__ */ _(T.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.FlyoutLink",
-		className: (t) => Wi({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ui({ className: typeof e == "function" ? e(t) : e }),
 		children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
-			className: Ui.linkArrow,
+			className: Hi.linkArrow,
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ _(m, {
 				glyph: c,
@@ -1870,10 +1880,10 @@ function Gi({ className: e, children: t, render: n, ...r }) {
 		})] })
 	});
 }
-Gi.displayName = "NavigationMenu.FlyoutLink";
+Wi.displayName = "NavigationMenu.FlyoutLink";
 //#endregion
 //#region src/breakpoints/registry.ts
-var Ki = {
+var Gi = {
 	mobile: 375,
 	sm: 640,
 	md: 768,
@@ -1882,16 +1892,16 @@ var Ki = {
 };
 //#endregion
 //#region src/breakpoints/min-width.ts
-function qi(e) {
-	return `(min-width: ${String(Ki[e])}px)`;
+function Ki(e) {
+	return `(min-width: ${String(Gi[e])}px)`;
 }
 //#endregion
 //#region src/config.ts
-var Ji = "imf-ui", U = {
-	cssVarPrefix: Ji,
+var qi = "imf-ui", W = {
+	cssVarPrefix: qi,
 	colorScheme: {
-		storageKey: `${Ji}-color-scheme`,
-		attr: `data-${Ji}-color-scheme`,
+		storageKey: `${qi}-color-scheme`,
+		attr: `data-${qi}-color-scheme`,
 		options: [
 			"light",
 			"system",
@@ -1901,45 +1911,45 @@ var Ji = "imf-ui", U = {
 };
 //#endregion
 //#region src/hooks/use-color-scheme.ts
-function Yi() {
+function Ji() {
 	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Xi(e) {
+function Yi(e) {
 	return e === "light" || e === "dark" || e === "system" ? e : "system";
 }
-function Zi() {
-	return Xi(localStorage.getItem(U.colorScheme.storageKey));
+function Xi() {
+	return Yi(localStorage.getItem(W.colorScheme.storageKey));
 }
-function Qi({ value: e } = {}) {
-	let t = e !== void 0, [n, r] = Te(() => e ?? Zi()), i = e ?? n, [a, o] = Te(() => i === "system" ? Yi() : i);
+function Zi({ value: e } = {}) {
+	let t = e !== void 0, [n, r] = Te(() => e ?? Xi()), i = e ?? n, [a, o] = Te(() => i === "system" ? Ji() : i);
 	Ce(function() {
 		if (i !== "system") {
-			document.documentElement.setAttribute(U.colorScheme.attr, i), o(i);
+			document.documentElement.setAttribute(W.colorScheme.attr, i), o(i);
 			return;
 		}
-		document.documentElement.removeAttribute(U.colorScheme.attr), o(Yi());
+		document.documentElement.removeAttribute(W.colorScheme.attr), o(Ji());
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => o(e.matches ? "dark" : "light");
 		return e.addEventListener("change", t), function() {
 			e.removeEventListener("change", t);
 		};
 	}, [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 $i(e, t) {
+function Qi(e, t) {
 	return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window ? window.matchMedia(e).matches : !1;
 }
-function ea(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
-	let [r, i] = Te(n ? t : $i(e));
+function $i(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = Te(n ? t : Qi(e));
 	return Ce(() => {
 		try {
 			if ("matchMedia" in window) {
@@ -1955,7 +1965,7 @@ function ea(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",
@@ -1970,44 +1980,44 @@ var W = {
 };
 //#endregion
 //#region src/components/navigation-menu/subs/inline-submenu.tsx
-function ta({ items: e, defaultValue: t }) {
-	let n = ea(qi("md"), !0);
+function ea({ items: e, defaultValue: t }) {
+	let n = $i(Ki("md"), !0);
 	return /* @__PURE__ */ _(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__ */ v("div", {
-			className: W.submenuLayout,
+			className: G.submenuLayout,
 			children: [/* @__PURE__ */ _(T.List, {
 				"data-imf-ui-component": "NavigationMenu.List",
-				className: W.submenuList,
+				className: G.submenuList,
 				children: e.map((e) => /* @__PURE__ */ v(T.Item, {
 					value: e.value,
 					"data-imf-ui-component": "NavigationMenu.Item",
 					children: [/* @__PURE__ */ v(T.Trigger, {
 						"data-imf-ui-component": "NavigationMenu.Trigger",
-						className: W.submenuTrigger,
+						className: G.submenuTrigger,
 						children: [/* @__PURE__ */ _("span", {
-							className: W.submenuLabel,
+							className: G.submenuLabel,
 							children: e.label
 						}), e.hint && /* @__PURE__ */ _("span", {
-							className: W.submenuHint,
+							className: G.submenuHint,
 							children: e.hint
 						})]
 					}), /* @__PURE__ */ v(T.Content, {
 						"data-imf-ui-component": "NavigationMenu.Content",
-						className: W.submenuContent,
+						className: G.submenuContent,
 						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h4", {
-							className: W.submenuTitle,
+							className: G.submenuTitle,
 							children: e.title
 						}), e.description && /* @__PURE__ */ _("p", {
-							className: W.submenuDescription,
+							className: G.submenuDescription,
 							children: e.description
 						})] }), /* @__PURE__ */ _("ul", {
-							className: W.submenuLinkList,
-							children: e.links.map((e, t) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(Hi, {
+							className: G.submenuLinkList,
+							children: e.links.map((e, t) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(Vi, {
 								href: e.href,
 								title: e.title,
 								description: e.description
@@ -2017,33 +2027,33 @@ function ta({ items: e, defaultValue: t }) {
 				}, e.value))
 			}), /* @__PURE__ */ _(T.Viewport, {
 				"data-imf-ui-component": "NavigationMenu.Viewport",
-				className: W.submenuViewport
+				className: G.submenuViewport
 			})]
 		})
 	});
 }
-ta.displayName = "NavigationMenu.InlineSubmenu";
+ea.displayName = "NavigationMenu.InlineSubmenu";
 //#endregion
 //#region src/components/navigation-menu/navigation-menu.tsx
-var na = /* @__PURE__ */ e({
-	Arrow: () => Fi,
-	Backdrop: () => Ii,
-	Content: () => xi,
-	FlyoutLink: () => Gi,
-	Icon: () => Di,
-	InlineSubmenu: () => ta,
-	Item: () => bi,
-	Link: () => Bi,
-	LinkCard: () => Hi,
-	LinkList: () => Vi,
-	List: () => yi,
-	Popup: () => Pi,
-	Portal: () => Mi,
-	Positioner: () => Ni,
-	Root: () => vi,
-	Trigger: () => Ei,
-	Viewport: () => Si
-}), ra = {
+var ta = /* @__PURE__ */ e({
+	Arrow: () => Pi,
+	Backdrop: () => Fi,
+	Content: () => bi,
+	FlyoutLink: () => Wi,
+	Icon: () => Ei,
+	InlineSubmenu: () => ea,
+	Item: () => yi,
+	Link: () => zi,
+	LinkCard: () => Vi,
+	LinkList: () => Bi,
+	List: () => vi,
+	Popup: () => Ni,
+	Portal: () => ji,
+	Positioner: () => Mi,
+	Root: () => _i,
+	Trigger: () => Ti,
+	Viewport: () => xi
+}), na = {
 	name: "NavigationMenu",
 	category: t.display,
 	status: "experimental",
@@ -2056,14 +2066,14 @@ var na = /* @__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,
@@ -2072,16 +2082,16 @@ var na = /* @__PURE__ */ e({
 	BR_S: 2.1,
 	SWAY: 11.5,
 	SWAY_RATIO: 1.35
-}, ia = 100 / 2, aa = [
+}, ra = 100 / 2, ia = [
 	[0, 0],
 	[100, 0],
 	[100, 100],
 	[0, 100]
 ];
-function oa(e, t, n, r) {
+function aa(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 = aa[o], c = aa[(o + 1) % 4], l = a(s), u = a(c);
+		let s = ia[o], c = ia[(o + 1) % 4], l = a(s), u = a(c);
 		if (l && i.push(s), l !== u) {
 			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])]);
@@ -2089,7 +2099,7 @@ function oa(e, t, n, r) {
 	}
 	return i;
 }
-function sa(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;
@@ -2101,38 +2111,38 @@ function sa(e, t) {
 		...e.slice(n + 1)
 	];
 }
-function ca(e, t, n, r, i, a, o) {
-	let s = ia + e * t * a, c = ia + 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 sa(oa(s, c, e * r, e * i), [u, d]);
+function sa(e, t, n, r, i, a, o) {
+	let s = ra + e * t * a, c = ra + e * t * o, l = e * n, u = s + e * r * l - e * a * q.INSET, d = c + e * i * l - e * o * q.INSET;
+	return oa(aa(s, c, e * r, e * i), [u, d]);
 }
-function la(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 [ua(ca(1, r, i, a, o, s, c)), ua(ca(-1, r, i, a, o, s, c))];
+function ca(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 [la(sa(1, r, i, a, o, s, c)), la(sa(-1, r, i, a, o, s, c))];
 }
-function ua(e) {
+function la(e) {
 	return "M" + e.map((e) => e[0].toFixed(2) + " " + e[1].toFixed(2)).join("L") + "Z";
 }
-var da = K.ROT_S * 1e3, fa = h(G.root, { variants: { size: {
-	sm: G.sizeSm,
-	md: G.sizeMd,
-	lg: G.sizeLg
+var ua = q.ROT_S * 1e3, da = h(K.root, { variants: { size: {
+	sm: K.sizeSm,
+	md: K.sizeMd,
+	lg: K.sizeLg
 } } });
-function pa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
+function fa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
 	let i = we(null), a = we(null);
 	Ce(function() {
 		let e = 0, t = performance.now(), n = (r) => {
-			let [o, s] = la((r - t) % da);
+			let [o, s] = ca((r - t) % ua);
 			i.current?.setAttribute("d", o), a.current?.setAttribute("d", s), e = requestAnimationFrame(n);
 		};
 		return e = requestAnimationFrame(n), function() {
 			cancelAnimationFrame(e);
 		};
 	}, []);
-	let [o, s] = la(0);
+	let [o, s] = ca(0);
 	return /* @__PURE__ */ _("span", {
 		...r,
 		"data-imf-ui-component": "Spinner",
-		className: fa({
+		className: da({
 			size: e,
 			className: n
 		}),
@@ -2142,14 +2152,14 @@ function pa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
 			viewBox: "0 0 100 100",
 			xmlns: "http://www.w3.org/2000/svg",
 			"aria-hidden": "true",
-			className: G.glyph,
+			className: K.glyph,
 			children: [/* @__PURE__ */ _("path", {
 				ref: i,
-				className: G.fill,
+				className: K.fill,
 				d: o
 			}), /* @__PURE__ */ _("path", {
 				ref: a,
-				className: G.fill,
+				className: K.fill,
 				d: s
 			})]
 		})
@@ -2157,13 +2167,13 @@ function pa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
 }
 //#endregion
 //#region src/components/spinner/spinner.meta.ts
-var ma = {
+var pa = {
 	name: "Spinner",
 	category: t.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",
@@ -2172,61 +2182,61 @@ var ma = {
 	root: "imf-ui-table-module-root",
 	row: "imf-ui-table-module-row",
 	sortIndicator: "imf-ui-table-module-sortIndicator"
-}, ha = /* @__PURE__ */ e({
-	Body: () => Ea,
+}, ma = /* @__PURE__ */ e({
+	Body: () => Ta,
 	Cell: () => Oa,
-	Header: () => Ta,
+	Header: () => wa,
 	HeaderButton: () => ka,
-	HeaderCell: () => J,
-	Root: () => wa,
-	Row: () => Da,
+	HeaderCell: () => Da,
+	Root: () => Ca,
+	Row: () => Ea,
 	SortableHeaderCell: () => Ma
-}), ga = h(q.root), _a = h(q.header), va = h(q.body), ya = h(q.row), ba = h(q.headerCell), xa = h(q.cell), Sa = h(q.headerButton), Ca = h(q.sortIndicator);
-function wa({ className: e, ...t }) {
+}), ha = h(J.root), ga = h(J.header), _a = h(J.body), va = h(J.row), ya = h(J.headerCell), ba = h(J.cell), xa = h(J.headerButton), Sa = h(J.sortIndicator);
+function Ca({ className: e, ...t }) {
 	return /* @__PURE__ */ _("table", {
 		...t,
 		"data-imf-ui-component": "Table.Root",
-		className: ga({ className: e })
+		className: ha({ className: e })
 	});
 }
-wa.displayName = "Table.Root";
-function Ta({ className: e, ...t }) {
+Ca.displayName = "Table.Root";
+function wa({ className: e, ...t }) {
 	return /* @__PURE__ */ _("thead", {
 		...t,
 		"data-imf-ui-component": "Table.Header",
-		className: _a({ className: e })
+		className: ga({ className: e })
 	});
 }
-Ta.displayName = "Table.Header";
-function Ea({ className: e, ...t }) {
+wa.displayName = "Table.Header";
+function Ta({ className: e, ...t }) {
 	return /* @__PURE__ */ _("tbody", {
 		...t,
 		"data-imf-ui-component": "Table.Body",
-		className: va({ className: e })
+		className: _a({ className: e })
 	});
 }
-Ea.displayName = "Table.Body";
-function Da({ className: e, ...t }) {
+Ta.displayName = "Table.Body";
+function Ea({ className: e, ...t }) {
 	return /* @__PURE__ */ _("tr", {
 		...t,
 		"data-imf-ui-component": "Table.Row",
-		className: ya({ className: e })
+		className: va({ className: e })
 	});
 }
-Da.displayName = "Table.Row";
-function J({ className: e, ...t }) {
+Ea.displayName = "Table.Row";
+function Da({ className: e, ...t }) {
 	return /* @__PURE__ */ _("th", {
 		...t,
 		"data-imf-ui-component": "Table.HeaderCell",
-		className: ba({ className: e })
+		className: ya({ className: e })
 	});
 }
-J.displayName = "Table.HeaderCell";
+Da.displayName = "Table.HeaderCell";
 function Oa({ className: e, ...t }) {
 	return /* @__PURE__ */ _("td", {
 		...t,
 		"data-imf-ui-component": "Table.Cell",
-		className: xa({ className: e })
+		className: ba({ className: e })
 	});
 }
 Oa.displayName = "Table.Cell";
@@ -2235,7 +2245,7 @@ function ka({ className: e, type: t = "button", ...n }) {
 		...n,
 		type: t,
 		"data-imf-ui-component": "Table.HeaderButton",
-		className: Sa({ className: e })
+		className: xa({ className: e })
 	});
 }
 ka.displayName = "Table.HeaderButton";
@@ -2245,7 +2255,7 @@ function Aa(e) {
 function ja({ sorted: e }) {
 	let t = e === "asc" ? ne : e === "desc" ? n : r;
 	return /* @__PURE__ */ _("span", {
-		className: Ca(),
+		className: Sa(),
 		"data-sorted": e || void 0,
 		"aria-hidden": !0,
 		children: /* @__PURE__ */ _(m, {
@@ -2256,14 +2266,14 @@ function ja({ sorted: e }) {
 	});
 }
 function Ma({ sortDirection: e, onToggle: t, children: n, ...r }) {
-	return t ? /* @__PURE__ */ _(J, {
+	return t ? /* @__PURE__ */ _(Da, {
 		...r,
 		"aria-sort": Aa(e),
 		children: /* @__PURE__ */ v(ka, {
 			onClick: t,
 			children: [n, /* @__PURE__ */ _(ja, { sorted: e })]
 		})
-	}) : /* @__PURE__ */ _(J, {
+	}) : /* @__PURE__ */ _(Da, {
 		...r,
 		children: n
 	});
@@ -2888,4 +2898,4 @@ function Ho({ children: e, icons: t }) {
 	});
 }
 //#endregion
-export { un as AppShell, Me as Button, Br as Callout, En as Card, Ue as Checkbox, Yr as Chip, Ie as ChipLink, ae as Code, Zr as Collapsible, t as ComponentCategories, Be as CopyButton, Pn as Drawer, Ye as Field, dt as Fieldset, m as Icon, ui as ImFusionLogo, vt as Input, oi as Logo, na as NavigationMenu, lr as Popover, fe as Row, bt as Select, Lr as Separator, le as Slider, pa as Spinner, ue as Stack, pe as Switch, ha as Table, me as Tabs, Fa as Toast, de as Toggle, he as ToggleGroup, oo as Tooltip, wo as Typo, Ho as WebUIProvider, Tn as appShellMeta, Ne as buttonMeta, Jr as calloutMeta, Nn as cardMeta, Je as checkboxMeta, Le as chipLinkMeta, Xr as chipMeta, ce as codeMeta, ii as collapsibleMeta, U as config, Ve as copyButtonMeta, _e as cva, ve as cx, cr as drawerMeta, lt as fieldMeta, gt as fieldsetMeta, re as iconMeta, yt as inputMeta, si as logoMeta, ra as navigationMenuMeta, Pr as popoverMeta, Fr as rowMeta, an as selectMeta, Rr as separatorMeta, on as sliderMeta, ma as spinnerMeta, zr as stackMeta, sn as switchMeta, Na as tableMeta, Pa as tabsMeta, ao as toastMeta, ln as toggleGroupMeta, cn as toggleMeta, Co as tooltipMeta, zo as typoMeta, oe as useClipboard, Qi as useColorScheme, ea as useMediaQuery };
+export { ln as AppShell, Me as Button, zr as Callout, Tn as Card, He as Checkbox, Jr as Chip, Ie as ChipLink, ae as Code, Xr as Collapsible, t as ComponentCategories, Be as CopyButton, Nn as Drawer, Je as Field, ut as Fieldset, m as Icon, li as ImFusionLogo, _t as Input, ai as Logo, ta as NavigationMenu, cr as Popover, fe as Row, yt as Select, Ir as Separator, le as Slider, fa as Spinner, ue as Stack, pe as Switch, ma as Table, me as Tabs, Fa as Toast, de as Toggle, he as ToggleGroup, oo as Tooltip, wo as Typo, Ho as WebUIProvider, wn as appShellMeta, Ne as buttonMeta, qr as calloutMeta, Mn as cardMeta, qe as checkboxMeta, Le as chipLinkMeta, Yr as chipMeta, ce as codeMeta, ri as collapsibleMeta, W as config, Ve as copyButtonMeta, _e as cva, ve as cx, sr as drawerMeta, ct as fieldMeta, ht as fieldsetMeta, re as iconMeta, vt as inputMeta, oi as logoMeta, na as navigationMenuMeta, Nr as popoverMeta, Pr as rowMeta, rn as selectMeta, Lr as separatorMeta, an as sliderMeta, pa as spinnerMeta, Rr as stackMeta, on as switchMeta, Na as tableMeta, Pa as tabsMeta, ao as toastMeta, cn as toggleGroupMeta, sn as toggleMeta, Co as tooltipMeta, zo as typoMeta, oe as useClipboard, Zi as useColorScheme, $i as useMediaQuery };