@imfusion/web-ui 0.6.1-dev.27.gfc6e5abb → 0.6.1-dev.3.g5b432448

package/dist/index.js

@@ -1,24 +1,23 @@
 import { t as e } from "./chunk-DmhlhrBa.js";
 import { t } from "./meta-CySnRuVp.js";
-import { At as n, GT as r, Kv as i, Ma as a, Na as o, Pm as s, Qt as c, Qv as l, RA as u, Wk as d, Xo as ee, aE as f, hn as p, iv as te, r as m, sn as ne, t as re, zk as ie } from "./icons-Cy1HAosO.js";
-import { a as ae, o as oe, r as se, t as ce } from "./code-C_56u-Vk.js";
-import { S as le, c as ue, d as de, l as fe, m as pe, s as me, u as he } from "./tabs-DIe1Utiy.js";
+import { At as n, GT as r, Kv as i, Ma as a, Na as o, Pm as s, Qt as c, Qv as l, RA as u, Wk as d, Xo as ee, aE as f, hn as p, iv as te, r as m, sn as ne, t as re, zk as ie } from "./icons-wBmF0U2x.js";
+import { a as ae, o as oe, r as se, t as ce } from "./code-Blo48PGr.js";
+import { S as le, c as ue, d as de, l as fe, m as pe, s as me, u as he } from "./tabs-CMKvMF4E.js";
 import { Button as ge } from "@base-ui/react/button";
 import { cva as _e, cva as h, cx as ve, cx as g } from "class-variance-authority";
 import { Fragment as ye, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { IconoirProvider as be } from "iconoir-react";
-import { createContext as xe, useContext as Se, useEffect as Ce, useRef as we, useState as y } from "react";
-import { Checkbox as Te } from "@base-ui/react/checkbox";
-import { Field as b } from "@base-ui/react/field";
-import { Fieldset as Ee } from "@base-ui/react/fieldset";
-import { Input as De } from "@base-ui/react/input";
-import { Select as x } from "@base-ui/react/select";
-import { Drawer as S } from "@base-ui/react/drawer";
-import { Popover as C } from "@base-ui/react/popover";
-import { Separator as Oe } from "@base-ui/react/separator";
-import { Collapsible as ke } from "@base-ui/react/collapsible";
-import { NavigationMenu as w } from "@base-ui/react/navigation-menu";
-import { Toast as T } from "@base-ui/react/toast";
+import { createContext as xe, useContext as y, useEffect as Se, useRef as Ce, useState as b } from "react";
+import { Checkbox as we } from "@base-ui/react/checkbox";
+import { Field as x } from "@base-ui/react/field";
+import { Fieldset as Te } from "@base-ui/react/fieldset";
+import { Input as Ee } from "@base-ui/react/input";
+import { Select as S } from "@base-ui/react/select";
+import { Drawer as C } from "@base-ui/react/drawer";
+import { Popover as w } from "@base-ui/react/popover";
+import { Separator as De } from "@base-ui/react/separator";
+import { Collapsible as Oe } from "@base-ui/react/collapsible";
+import { NavigationMenu as T } from "@base-ui/react/navigation-menu";
 import { Tooltip as E } from "@base-ui/react/tooltip";
 var D = {
 	chamfer: "imf-ui-button-module-chamfer",
@@ -40,7 +39,7 @@ var D = {
 	variantPositive: "imf-ui-button-module-variantPositive",
 	variantPrimary: "imf-ui-button-module-variantPrimary",
 	variantSecondary: "imf-ui-button-module-variantSecondary"
-}, Ae = h(D.root, { variants: {
+}, ke = h(D.root, { variants: {
 	variant: {
 		primary: D.variantPrimary,
 		secondary: D.variantSecondary,
@@ -67,11 +66,11 @@ var D = {
 		round: D.radiusRound
 	}
 } });
-function je({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero", radius: r = "none", className: i, startIcon: a, endIcon: o, children: s, ...c }) {
+function Ae({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero", radius: r = "none", className: i, startIcon: a, endIcon: o, children: s, ...c }) {
 	return /* @__PURE__ */ v(ge, {
 		...c,
 		"data-imf-ui-component": "Button",
-		className: (a) => Ae({
+		className: (a) => ke({
 			variant: e,
 			size: t,
 			chamfer: n,
@@ -98,11 +97,11 @@ function je({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero",
 }
 //#endregion
 //#region src/components/button/button.meta.ts
-var Me = {
+var je = {
 	name: "Button",
 	category: t.buttons,
 	status: "stable",
-	description: "Triggers an action such as submit, confirm, cancel, navigate, or delete. Also called a CTA or action button; variants and sizes communicate its importance.",
+	description: "Triggers an action — submit, confirm, cancel, navigate, or destructive operations. Six semantic variants (primary, secondary, positive, negative, outline, ghost) communicate intent across four sizes (sm, md, lg, hero). The brand's chamfered shape; hover inverts fill and label. An optional endIcon slot aligns the label left and pins the icon right. Also called a CTA or action.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -128,7 +127,7 @@ var Me = {
 	variantPrimary: "imf-ui-chip-module-variantPrimary",
 	variantSupport: "imf-ui-chip-module-variantSupport",
 	variantWarning: "imf-ui-chip-module-variantWarning"
-}, Ne = h(O.root, { variants: {
+}, Me = h(O.root, { variants: {
 	variant: {
 		main: O.variantMain,
 		support: O.variantSupport,
@@ -152,13 +151,13 @@ var Me = {
 		false: null,
 		true: O.inline
 	}
-} }), Pe = {
+} }), Ne = {
 	icon: "imf-ui-chip-link-module-icon",
 	root: "imf-ui-chip-link-module-root"
 };
 //#endregion
 //#region src/components/chip-link/chip-link.tsx
-function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
+function Pe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
 	let s = r === "external" ? p : c;
 	return /* @__PURE__ */ v("a", {
 		...r === "external" ? {
@@ -168,14 +167,14 @@ function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 		...o,
 		"data-imf-ui-component": "ChipLink",
 		"data-kind": r,
-		className: Ne({
+		className: Me({
 			variant: e,
 			appearance: t,
 			inline: n,
-			className: g(Pe.root, i)
+			className: g(Ne.root, i)
 		}),
 		children: [a, /* @__PURE__ */ _("span", {
-			className: Pe.icon,
+			className: Ne.icon,
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ _(m, {
 				glyph: s,
@@ -186,23 +185,23 @@ function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
 }
 //#endregion
 //#region src/components/chip-link/chip-link.meta.ts
-var Ie = {
+var Fe = {
 	name: "ChipLink",
 	category: t.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.",
+	description: "Inline link styled as a chip — a small labeled anchor that auto-appends a directional icon. Use for external doc references and source attribution (opens in a new tab) or in-app navigation badges (stays in the current tab). Also called a link chip or link badge.",
 	origin: "native"
-}, Le = { root: "imf-ui-copy-button-module-root" }, Re = 1500;
-function ze({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r = "secondary", size: i = "sm", className: o, ...s }) {
-	let { copied: c, copy: l } = oe({ timeout: Re }), u = c ? a : ee;
-	return /* @__PURE__ */ _(je, {
+}, Ie = { root: "imf-ui-copy-button-module-root" }, Le = 1500;
+function Re({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r = "secondary", size: i = "sm", className: o, ...s }) {
+	let { copied: c, copy: l } = oe({ timeout: Le }), u = c ? a : ee;
+	return /* @__PURE__ */ _(Ae, {
 		...s,
 		variant: r,
 		size: i,
 		"data-copied": c || void 0,
 		"aria-label": c ? n : t,
 		onClick: () => l(e),
-		className: (e) => g(Le.root, typeof o == "function" ? o(e) : o),
+		className: (e) => g(Ie.root, typeof o == "function" ? o(e) : o),
 		children: /* @__PURE__ */ _(m, {
 			glyph: u,
 			size: 15,
@@ -211,14 +210,14 @@ function ze({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r
 		})
 	});
 }
-ze.displayName = "CopyButton";
+Re.displayName = "CopyButton";
 //#endregion
 //#region src/components/copy-button/copy-button.meta.ts
-var Be = {
+var ze = {
 	name: "CopyButton",
 	category: t.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.",
+	description: "Button that copies a value to the clipboard and shows a transient confirmation. Also called a copy-to-clipboard button. Composes Button; commonly paired with Code.Block.",
 	origin: "native",
 	internalDependencies: ["Button"]
 }, k = {
@@ -226,24 +225,24 @@ var Be = {
 	iconIndeterminate: "imf-ui-checkbox-module-iconIndeterminate",
 	indicator: "imf-ui-checkbox-module-indicator",
 	root: "imf-ui-checkbox-module-root"
-}, Ve = /* @__PURE__ */ e({
-	Indicator: () => Ge,
-	Root: () => We
-}), He = h(k.root), Ue = h(k.indicator);
-function We({ className: e, ...t }) {
-	return /* @__PURE__ */ _(Te.Root, {
+}, Be = /* @__PURE__ */ e({
+	Indicator: () => We,
+	Root: () => Ue
+}), Ve = h(k.root), He = h(k.indicator);
+function Ue({ className: e, ...t }) {
+	return /* @__PURE__ */ _(we.Root, {
 		...t,
 		"data-imf-ui-component": "Checkbox.Root",
-		className: (t) => He({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ve({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-We.displayName = "Checkbox.Root";
-function Ge({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ _(Te.Indicator, {
+Ue.displayName = "Checkbox.Root";
+function We({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ _(we.Indicator, {
 		...n,
 		"data-imf-ui-component": "Checkbox.Indicator",
-		className: (t) => Ue({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => He({ className: typeof e == "function" ? e(t) : e }),
 		children: t ?? /* @__PURE__ */ v(ye, { children: [/* @__PURE__ */ _("span", {
 			className: k.iconCheck,
 			"aria-hidden": !0,
@@ -263,14 +262,14 @@ function Ge({ className: e, children: t, ...n }) {
 		})] })
 	});
 }
-Ge.displayName = "Checkbox.Indicator";
+We.displayName = "Checkbox.Indicator";
 //#endregion
 //#region src/components/checkbox/checkbox.meta.ts
-var Ke = {
+var Ge = {
 	name: "Checkbox",
 	category: t.inputs,
 	status: "stable",
-	description: "Binary form control for submitted choices such as terms, table rows, or list items. Also called a check box; it supports an indeterminate parent state.",
+	description: "Binary form control for opt-in choices — accept terms, select table rows, pick list items. Supports an indeterminate state for parent/child selection. Also called a check box or tick box; for immediate on/off preferences, prefer Switch.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -285,74 +284,74 @@ var Ke = {
 	item: "imf-ui-field-module-item",
 	label: "imf-ui-field-module-label",
 	root: "imf-ui-field-module-root"
-}, qe = /* @__PURE__ */ e({
-	Control: () => it,
-	Description: () => rt,
-	Error: () => at,
-	Item: () => tt,
-	Label: () => nt,
-	Root: () => et,
-	Validity: () => ot
-}), Je = h(A.root), Ye = h(A.item), Xe = h(A.label), Ze = h(A.description), Qe = h(A.control), $e = h(A.error);
-function et({ className: e, ...t }) {
-	return /* @__PURE__ */ _(b.Root, {
+}, Ke = /* @__PURE__ */ e({
+	Control: () => rt,
+	Description: () => nt,
+	Error: () => it,
+	Item: () => et,
+	Label: () => tt,
+	Root: () => $e,
+	Validity: () => at
+}), qe = h(A.root), Je = h(A.item), Ye = h(A.label), Xe = h(A.description), Ze = h(A.control), Qe = h(A.error);
+function $e({ className: e, ...t }) {
+	return /* @__PURE__ */ _(x.Root, {
 		...t,
 		"data-imf-ui-component": "Field.Root",
+		className: (t) => qe({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+$e.displayName = "Field.Root";
+function et({ className: e, ...t }) {
+	return /* @__PURE__ */ _(x.Item, {
+		...t,
+		"data-imf-ui-component": "Field.Item",
 		className: (t) => Je({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-et.displayName = "Field.Root";
+et.displayName = "Field.Item";
 function tt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(b.Item, {
+	return /* @__PURE__ */ _(x.Label, {
 		...t,
-		"data-imf-ui-component": "Field.Item",
+		"data-imf-ui-component": "Field.Label",
 		className: (t) => Ye({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-tt.displayName = "Field.Item";
+tt.displayName = "Field.Label";
 function nt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(b.Label, {
+	return /* @__PURE__ */ _(x.Description, {
 		...t,
-		"data-imf-ui-component": "Field.Label",
+		"data-imf-ui-component": "Field.Description",
 		className: (t) => Xe({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-nt.displayName = "Field.Label";
+nt.displayName = "Field.Description";
 function rt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(b.Description, {
+	return /* @__PURE__ */ _(x.Control, {
 		...t,
-		"data-imf-ui-component": "Field.Description",
+		"data-imf-ui-component": "Field.Control",
 		className: (t) => Ze({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-rt.displayName = "Field.Description";
+rt.displayName = "Field.Control";
 function it({ className: e, ...t }) {
-	return /* @__PURE__ */ _(b.Control, {
-		...t,
-		"data-imf-ui-component": "Field.Control",
-		className: (t) => Qe({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-it.displayName = "Field.Control";
-function at({ className: e, ...t }) {
-	return /* @__PURE__ */ _(b.Error, {
+	return /* @__PURE__ */ _(x.Error, {
 		...t,
 		"data-imf-ui-component": "Field.Error",
-		className: (t) => $e({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Qe({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-at.displayName = "Field.Error";
-function ot({ children: e }) {
-	return /* @__PURE__ */ _(b.Validity, { children: e });
+it.displayName = "Field.Error";
+function at({ children: e }) {
+	return /* @__PURE__ */ _(x.Validity, { children: e });
 }
-ot.displayName = "Field.Validity";
+at.displayName = "Field.Validity";
 //#endregion
 //#region src/components/field/field.meta.ts
-var st = {
+var ot = {
 	name: "Field",
 	category: t.inputs,
 	status: "stable",
-	description: "Accessible field composition for a label, control, supporting text, and validation message. Use it with Input, Checkbox, Select, and other form controls.",
+	description: "Accessible field composition for a label, form control, supporting description, and inline validation message. Use it to associate a control such as Input, Checkbox, or Select with field state including valid, invalid, dirty, touched, filled, and focused.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -360,36 +359,36 @@ var st = {
 		docLink: "https://base-ui.com/react/components/field",
 		llmDocLink: "https://base-ui.com/react/components/field.md"
 	}
-}, ct = {
+}, st = {
 	legend: "imf-ui-fieldset-module-legend",
 	root: "imf-ui-fieldset-module-root"
-}, lt = /* @__PURE__ */ e({
-	Legend: () => pt,
-	Root: () => ft
-}), ut = h(ct.root), dt = h(ct.legend);
-function ft({ className: e, ...t }) {
-	return /* @__PURE__ */ _(Ee.Root, {
+}, ct = /* @__PURE__ */ e({
+	Legend: () => ft,
+	Root: () => dt
+}), lt = h(st.root), ut = h(st.legend);
+function dt({ className: e, ...t }) {
+	return /* @__PURE__ */ _(Te.Root, {
 		...t,
 		"data-imf-ui-component": "Fieldset.Root",
-		className: (t) => ut({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => lt({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ft.displayName = "Fieldset.Root";
-function pt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(Ee.Legend, {
+dt.displayName = "Fieldset.Root";
+function ft({ className: e, ...t }) {
+	return /* @__PURE__ */ _(Te.Legend, {
 		...t,
 		"data-imf-ui-component": "Fieldset.Legend",
-		className: (t) => dt({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => ut({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-pt.displayName = "Fieldset.Legend";
+ft.displayName = "Fieldset.Legend";
 //#endregion
 //#region src/components/fieldset/fieldset.meta.ts
-var mt = {
+var pt = {
 	name: "Fieldset",
 	category: t.inputs,
 	status: "stable",
-	description: "Semantic group for related form controls with a shared legend. Also called a form group; it can propagate a disabled state to the group.",
+	description: "Semantic grouping for related form controls with a shared legend. Also called a form group; use it to communicate a common topic and propagate disabled state without introducing a decorative container.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -407,7 +406,7 @@ var mt = {
 	variantFilled: "imf-ui-input-module-variantFilled",
 	variantGhost: "imf-ui-input-module-variantGhost",
 	variantOutline: "imf-ui-input-module-variantOutline"
-}, ht = h(j.root, { variants: {
+}, mt = h(j.root, { variants: {
 	variant: {
 		outline: j.variantOutline,
 		filled: j.variantFilled,
@@ -419,10 +418,10 @@ var mt = {
 		lg: j.sizeLg
 	}
 } });
-function gt({ 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] = y(i ?? ""), p = r ?? ee, te = p != null && String(p).length > 0, ne = (e, t) => {
+function ht({ 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] = b(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__ */ _(De, {
+	}, re = /* @__PURE__ */ _(Ee, {
 		...l,
 		type: n,
 		value: d ? p : r,
@@ -430,7 +429,7 @@ function gt({ variant: e = "outline", size: t = "md", type: n, value: r, default
 		disabled: s,
 		onValueChange: d ? ne : a,
 		"data-imf-ui-component": "Input",
-		className: (n) => ht({
+		className: (n) => mt({
 			variant: e,
 			size: t,
 			className: typeof c == "function" ? c(n) : c
@@ -455,11 +454,11 @@ function gt({ variant: e = "outline", size: t = "md", type: n, value: r, default
 }
 //#endregion
 //#region src/components/input/input.meta.ts
-var _t = {
+var gt = {
 	name: "Input",
 	category: t.inputs,
 	status: "stable",
-	description: "Single-line text input for form data entry. Also called a text field; it supports controlled values and Field validation state.",
+	description: "Single-line text input for form data entry. Also called a text field or input field. Supports controlled and uncontrolled modes, and integrates with Base UI's Field context for validation state (valid, invalid, dirty, touched, filled, focused).",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -485,199 +484,199 @@ var _t = {
 	separator: "imf-ui-select-module-separator",
 	trigger: "imf-ui-select-module-trigger",
 	value: "imf-ui-select-module-value"
-}, vt = /* @__PURE__ */ e({
-	Arrow: () => Kt,
-	Backdrop: () => Ut,
-	Group: () => Zt,
-	GroupLabel: () => Qt,
-	Icon: () => Vt,
-	Item: () => Jt,
-	ItemIndicator: () => Yt,
-	ItemText: () => Xt,
-	Label: () => Rt,
-	List: () => qt,
-	Popup: () => Gt,
-	Portal: () => Ht,
-	Positioner: () => Wt,
-	Root: () => Lt,
-	ScrollDownArrow: () => tn,
-	ScrollUpArrow: () => en,
-	Separator: () => $t,
-	Trigger: () => zt,
-	Value: () => Bt
-}), yt = h(M.root), bt = h(M.label), xt = h(M.trigger), St = h(M.value), Ct = h(M.icon), wt = h(M.backdrop), Tt = h(M.positioner), Et = h(M.popup), Dt = h(M.arrow), Ot = h(M.list), kt = h(M.item), At = h(M.itemIndicator), jt = h(M.itemText), Mt = h(M.group), Nt = h(M.groupLabel), Pt = h(M.separator), Ft = h(M.scrollUpArrow), It = h(M.scrollDownArrow);
-function Lt({ className: e, style: t, ...n }) {
+}, _t = /* @__PURE__ */ e({
+	Arrow: () => Gt,
+	Backdrop: () => Ht,
+	Group: () => Xt,
+	GroupLabel: () => Zt,
+	Icon: () => Bt,
+	Item: () => qt,
+	ItemIndicator: () => Jt,
+	ItemText: () => Yt,
+	Label: () => Lt,
+	List: () => Kt,
+	Popup: () => Wt,
+	Portal: () => Vt,
+	Positioner: () => Ut,
+	Root: () => It,
+	ScrollDownArrow: () => en,
+	ScrollUpArrow: () => $t,
+	Separator: () => Qt,
+	Trigger: () => Rt,
+	Value: () => zt
+}), vt = h(M.root), yt = h(M.label), bt = h(M.trigger), xt = h(M.value), St = h(M.icon), Ct = h(M.backdrop), wt = h(M.positioner), Tt = h(M.popup), Et = h(M.arrow), Dt = h(M.list), Ot = h(M.item), kt = h(M.itemIndicator), At = h(M.itemText), jt = h(M.group), Mt = h(M.groupLabel), Nt = h(M.separator), Pt = h(M.scrollUpArrow), Ft = h(M.scrollDownArrow);
+function It({ className: e, style: t, ...n }) {
 	return /* @__PURE__ */ _("div", {
-		className: yt({ className: e }),
+		className: vt({ className: e }),
 		style: t,
-		children: /* @__PURE__ */ _(x.Root, { ...n })
+		children: /* @__PURE__ */ _(S.Root, { ...n })
 	});
 }
-Lt.displayName = "Select.Root";
-function Rt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Label, {
+It.displayName = "Select.Root";
+function Lt({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.Label, {
 		...t,
 		"data-imf-ui-component": "Select.Label",
-		className: (t) => bt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => yt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Rt.displayName = "Select.Label";
-function zt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Trigger, {
+Lt.displayName = "Select.Label";
+function Rt({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.Trigger, {
 		...t,
 		"data-imf-ui-component": "Select.Trigger",
-		className: (t) => xt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => bt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-zt.displayName = "Select.Trigger";
-function Bt({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ _(x.Value, {
+Rt.displayName = "Select.Trigger";
+function zt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ _(S.Value, {
 		...n,
 		"data-imf-ui-component": "Select.Value",
-		className: (t) => St({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => xt({ className: typeof e == "function" ? e(t) : e }),
 		children: t
 	});
 }
-Bt.displayName = "Select.Value";
-function Vt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Icon, {
+zt.displayName = "Select.Value";
+function Bt({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.Icon, {
 		...t,
 		"data-imf-ui-component": "Select.Icon",
-		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.Icon";
-function Ht(e) {
-	return /* @__PURE__ */ _(x.Portal, { ...e });
+Bt.displayName = "Select.Icon";
+function Vt(e) {
+	return /* @__PURE__ */ _(S.Portal, { ...e });
 }
-Ht.displayName = "Select.Portal";
-function Ut({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Backdrop, {
+Vt.displayName = "Select.Portal";
+function Ht({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.Backdrop, {
 		...t,
 		"data-imf-ui-component": "Select.Backdrop",
-		className: (t) => wt({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ct({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Ut.displayName = "Select.Backdrop";
-function Wt({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
-	return /* @__PURE__ */ _(x.Positioner, {
+Ht.displayName = "Select.Backdrop";
+function Ut({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
+	return /* @__PURE__ */ _(S.Positioner, {
 		...r,
 		align: t,
 		alignItemWithTrigger: n,
 		"data-imf-ui-component": "Select.Positioner",
-		className: (t) => Tt({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => wt({ className: typeof e == "function" ? e(t) : e }),
 		children: r.children
 	});
 }
-Wt.displayName = "Select.Positioner";
-function Gt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Popup, {
+Ut.displayName = "Select.Positioner";
+function Wt({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.Popup, {
 		...t,
 		"data-imf-ui-component": "Select.Popup",
+		className: (t) => Tt({ className: typeof e == "function" ? e(t) : e }),
+		children: t.children
+	});
+}
+Wt.displayName = "Select.Popup";
+function Gt({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.Arrow, {
+		...t,
+		"data-imf-ui-component": "Select.Arrow",
 		className: (t) => Et({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Gt.displayName = "Select.Popup";
+Gt.displayName = "Select.Arrow";
 function Kt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Arrow, {
+	return /* @__PURE__ */ _(S.List, {
 		...t,
-		"data-imf-ui-component": "Select.Arrow",
+		"data-imf-ui-component": "Select.List",
 		className: (t) => Dt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Kt.displayName = "Select.Arrow";
+Kt.displayName = "Select.List";
 function qt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.List, {
+	return /* @__PURE__ */ _(S.Item, {
 		...t,
-		"data-imf-ui-component": "Select.List",
+		"data-imf-ui-component": "Select.Item",
 		className: (t) => Ot({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-qt.displayName = "Select.List";
+qt.displayName = "Select.Item";
 function Jt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Item, {
+	return /* @__PURE__ */ _(S.ItemIndicator, {
 		...t,
-		"data-imf-ui-component": "Select.Item",
+		"data-imf-ui-component": "Select.ItemIndicator",
 		className: (t) => kt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Jt.displayName = "Select.Item";
+Jt.displayName = "Select.ItemIndicator";
 function Yt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.ItemIndicator, {
+	return /* @__PURE__ */ _(S.ItemText, {
 		...t,
-		"data-imf-ui-component": "Select.ItemIndicator",
+		"data-imf-ui-component": "Select.ItemText",
 		className: (t) => At({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Yt.displayName = "Select.ItemIndicator";
+Yt.displayName = "Select.ItemText";
 function Xt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.ItemText, {
+	return /* @__PURE__ */ _(S.Group, {
 		...t,
-		"data-imf-ui-component": "Select.ItemText",
+		"data-imf-ui-component": "Select.Group",
 		className: (t) => jt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Xt.displayName = "Select.ItemText";
+Xt.displayName = "Select.Group";
 function Zt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Group, {
+	return /* @__PURE__ */ _(S.GroupLabel, {
 		...t,
-		"data-imf-ui-component": "Select.Group",
+		"data-imf-ui-component": "Select.GroupLabel",
 		className: (t) => Mt({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-Zt.displayName = "Select.Group";
+Zt.displayName = "Select.GroupLabel";
 function Qt({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.GroupLabel, {
-		...t,
-		"data-imf-ui-component": "Select.GroupLabel",
-		className: (t) => Nt({ className: typeof e == "function" ? e(t) : e }),
-		children: t.children
-	});
-}
-Qt.displayName = "Select.GroupLabel";
-function $t({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.Separator, {
+	return /* @__PURE__ */ _(S.Separator, {
 		...t,
 		"data-imf-ui-component": "Select.Separator",
-		className: (t) => Pt({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Nt({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-$t.displayName = "Select.Separator";
-function en({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.ScrollUpArrow, {
+Qt.displayName = "Select.Separator";
+function $t({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.ScrollUpArrow, {
 		...t,
 		"data-imf-ui-component": "Select.ScrollUpArrow",
-		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.ScrollUpArrow";
-function tn({ className: e, ...t }) {
-	return /* @__PURE__ */ _(x.ScrollDownArrow, {
+$t.displayName = "Select.ScrollUpArrow";
+function en({ className: e, ...t }) {
+	return /* @__PURE__ */ _(S.ScrollDownArrow, {
 		...t,
 		"data-imf-ui-component": "Select.ScrollDownArrow",
-		className: (t) => It({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ft({ className: typeof e == "function" ? e(t) : e }),
 		children: t.children
 	});
 }
-tn.displayName = "Select.ScrollDownArrow";
+en.displayName = "Select.ScrollDownArrow";
 //#endregion
 //#region src/components/select/select.meta.ts
-var nn = {
+var tn = {
 	name: "Select",
 	category: t.inputs,
 	status: "stable",
-	description: "Dropdown for choosing a value from a known list. Also called a picker; use it for a labeled, keyboard-accessible option list.",
+	description: "Single-choice dropdown — pick one value from a known list. Keyboard-accessible listbox with a labelled trigger and a portalled popup. Best for short, fixed option sets (status, role, country). Also called a dropdown or picker.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -685,11 +684,11 @@ var nn = {
 		docLink: "https://base-ui.com/react/components/select",
 		llmDocLink: "https://base-ui.com/react/components/select.md"
 	}
-}, rn = {
+}, nn = {
 	name: "Slider",
 	category: t.inputs,
 	status: "stable",
-	description: "Numeric input for choosing one value or a range by dragging a thumb. Also called a range input; use it when relative magnitude matters.",
+	description: "Drag a thumb along a track to pick a numeric value or range. Use for continuous or stepped numeric input where magnitude matters — volume, brightness, opacity, price ranges. Also called a range input.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -697,11 +696,11 @@ var nn = {
 		docLink: "https://base-ui.com/react/components/slider",
 		llmDocLink: "https://base-ui.com/react/components/slider.md"
 	}
-}, an = {
+}, rn = {
 	name: "Switch",
 	category: t.inputs,
 	status: "stable",
-	description: "Two-state control for an on/off setting that takes effect immediately. Also called a toggle; use Checkbox for a submitted choice.",
+	description: "Two-state toggle for immediate on/off preferences — enable a feature, mute audio, toggle dark mode. Takes effect right away (no submit step); for form-submission booleans, a checkbox is more conventional. Also called a toggle.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -709,11 +708,11 @@ var nn = {
 		docLink: "https://base-ui.com/react/components/switch",
 		llmDocLink: "https://base-ui.com/react/components/switch.md"
 	}
-}, on = {
+}, an = {
 	name: "Toggle",
 	category: t.inputs,
 	status: "experimental",
-	description: "Two-state button for a pressed or unpressed option. Compose several in ToggleGroup for a segmented control.",
+	description: "A two-state button that can be on or off. Compose several inside a ToggleGroup for a segmented control.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -721,11 +720,11 @@ var nn = {
 		docLink: "https://base-ui.com/react/components/toggle",
 		llmDocLink: "https://base-ui.com/react/components/toggle.md"
 	}
-}, sn = {
+}, on = {
 	name: "ToggleGroup",
 	category: t.inputs,
 	status: "experimental",
-	description: "Group of connected Toggle buttons that share a selection. Also called a segmented control; set `multiple` for more than one active option.",
+	description: "A set of connected Toggle buttons sharing one value: single-select by default (a segmented control), or multi-select with `multiple`. Compose one Toggle per segment, each with a value. Also called a segmented control or segmented button.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -741,81 +740,81 @@ var nn = {
 	navbar: "imf-ui-app-shell-module-navbar",
 	root: "imf-ui-app-shell-module-root",
 	section: "imf-ui-app-shell-module-section"
-}, cn = /* @__PURE__ */ e({
-	Aside: () => yn,
-	Footer: () => bn,
-	Header: () => _n,
-	Main: () => xn,
-	Navbar: () => vn,
-	Root: () => gn,
-	Section: () => Sn
-}), ln = h(N.root), un = h(N.header), dn = h(N.navbar), fn = h(N.aside), pn = h(N.footer), mn = h(N.main), hn = h(N.section);
-function gn({ className: e, ...t }) {
+}, sn = /* @__PURE__ */ e({
+	Aside: () => vn,
+	Footer: () => yn,
+	Header: () => gn,
+	Main: () => bn,
+	Navbar: () => _n,
+	Root: () => hn,
+	Section: () => xn
+}), cn = h(N.root), ln = h(N.header), un = h(N.navbar), dn = h(N.aside), fn = h(N.footer), pn = h(N.main), mn = h(N.section);
+function hn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "AppShell.Root",
-		className: ln({ className: e })
+		className: cn({ className: e })
 	});
 }
-gn.displayName = "AppShell.Root";
-function _n({ className: e, ...t }) {
+hn.displayName = "AppShell.Root";
+function gn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("header", {
 		...t,
 		"data-imf-ui-component": "AppShell.Header",
-		className: un({ className: e })
+		className: ln({ className: e })
 	});
 }
-_n.displayName = "AppShell.Header";
-function vn({ className: e, open: t, ...n }) {
+gn.displayName = "AppShell.Header";
+function _n({ className: e, open: t, ...n }) {
 	return /* @__PURE__ */ _("nav", {
 		...n,
 		"data-imf-ui-component": "AppShell.Navbar",
 		"data-open": t ? "" : void 0,
-		className: dn({ className: e })
+		className: un({ className: e })
 	});
 }
-vn.displayName = "AppShell.Navbar";
-function yn({ className: e, open: t, ...n }) {
+_n.displayName = "AppShell.Navbar";
+function vn({ className: e, open: t, ...n }) {
 	return /* @__PURE__ */ _("aside", {
 		...n,
 		"data-imf-ui-component": "AppShell.Aside",
 		"data-open": t ? "" : void 0,
-		className: fn({ className: e })
+		className: dn({ className: e })
 	});
 }
-yn.displayName = "AppShell.Aside";
-function bn({ className: e, ...t }) {
+vn.displayName = "AppShell.Aside";
+function yn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("footer", {
 		...t,
 		"data-imf-ui-component": "AppShell.Footer",
-		className: pn({ className: e })
+		className: fn({ className: e })
 	});
 }
-bn.displayName = "AppShell.Footer";
-function xn({ className: e, ...t }) {
+yn.displayName = "AppShell.Footer";
+function bn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("main", {
 		...t,
 		"data-imf-ui-component": "AppShell.Main",
-		className: mn({ className: e })
+		className: pn({ className: e })
 	});
 }
-xn.displayName = "AppShell.Main";
-function Sn({ className: e, grow: t, ...n }) {
+bn.displayName = "AppShell.Main";
+function xn({ className: e, grow: t, ...n }) {
 	return /* @__PURE__ */ _("div", {
 		...n,
 		"data-imf-ui-component": "AppShell.Section",
 		"data-grow": t ? "" : void 0,
-		className: hn({ className: e })
+		className: mn({ className: e })
 	});
 }
-Sn.displayName = "AppShell.Section";
+xn.displayName = "AppShell.Section";
 //#endregion
 //#region src/components/app-shell/app-shell.meta.ts
-var Cn = {
+var Sn = {
 	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.",
+	description: "Application layout shell — a fixed header, collapsible navbar/aside sidebars, an optional footer, and a scrolling main area. The classic dashboard frame; also called an app layout, application frame, dashboard shell, or sidebar layout. Sizing is CSS-driven and sidebars collapse to sliding overlays on small screens.",
 	origin: "native"
 }, P = {
 	content: "imf-ui-card-module-content",
@@ -841,13 +840,13 @@ var Cn = {
 	variantMinor: "imf-ui-card-module-variantMinor",
 	variantPrimary: "imf-ui-card-module-variantPrimary",
 	variantSupport: "imf-ui-card-module-variantSupport"
-}, wn = /* @__PURE__ */ e({
-	Content: () => kn,
-	Footer: () => An,
-	Header: () => On,
-	Image: () => Dn,
-	Root: () => En
-}), Tn = h(P.root, { variants: {
+}, Cn = /* @__PURE__ */ e({
+	Content: () => On,
+	Footer: () => kn,
+	Header: () => Dn,
+	Image: () => En,
+	Root: () => Tn
+}), wn = h(P.root, { variants: {
 	density: {
 		compact: P.densityCompact,
 		comfortable: P.densityComfortable,
@@ -877,13 +876,13 @@ var Cn = {
 		horizontal: P.orientationHorizontal
 	}
 } });
-function En({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, className: o, ...s }) {
+function Tn({ 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: Tn({
+		className: wn({
 			density: e,
 			variant: t,
 			shadow: n,
@@ -893,8 +892,8 @@ function En({ density: e = "comfortable", variant: t = "main", shadow: n = "lg",
 		})
 	});
 }
-En.displayName = "Card.Root";
-function Dn({ className: e, alt: t = "", ...n }) {
+Tn.displayName = "Card.Root";
+function En({ className: e, alt: t = "", ...n }) {
 	return /* @__PURE__ */ _("img", {
 		...n,
 		alt: t,
@@ -902,39 +901,39 @@ function Dn({ className: e, alt: t = "", ...n }) {
 		className: h(P.image)({ className: e })
 	});
 }
-Dn.displayName = "Card.Image";
-function On({ className: e, ...t }) {
+En.displayName = "Card.Image";
+function Dn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Card.Header",
 		className: h(P.header)({ className: e })
 	});
 }
-On.displayName = "Card.Header";
-function kn({ className: e, ...t }) {
+Dn.displayName = "Card.Header";
+function On({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Card.Content",
 		className: h(P.content)({ className: e })
 	});
 }
-kn.displayName = "Card.Content";
-function An({ className: e, ...t }) {
+On.displayName = "Card.Content";
+function kn({ className: e, ...t }) {
 	return /* @__PURE__ */ _("div", {
 		...t,
 		"data-imf-ui-component": "Card.Footer",
 		className: h(P.footer)({ className: e })
 	});
 }
-An.displayName = "Card.Footer";
+kn.displayName = "Card.Footer";
 //#endregion
 //#region src/components/card/card.meta.ts
-var jn = {
+var An = {
 	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.",
+	description: "Surface container — groups related content on a tonal background. Composed from slots: Card.Root wraps an optional edge-to-edge Card.Image plus padded Card.Header, Card.Content, and Card.Footer. Tonal or coloured `variant`, opt-in shadow and radius, and a `density` scale. Also called a panel, tile, or paper.",
 	origin: "native"
 }, F = {
 	backdrop: "imf-ui-drawer-module-backdrop",
@@ -959,25 +958,25 @@ var jn = {
 	title: "imf-ui-drawer-module-title",
 	trigger: "imf-ui-drawer-module-trigger",
 	viewport: "imf-ui-drawer-module-viewport"
-}, Mn = /* @__PURE__ */ e({
-	Backdrop: () => Jn,
-	Close: () => er,
-	Content: () => Qn,
-	Description: () => tr,
-	Indent: () => rr,
-	IndentBackground: () => ir,
-	Popup: () => Zn,
-	Portal: () => qn,
-	Provider: () => nr,
-	Root: () => Gn,
-	SwipeArea: () => ar,
-	Title: () => $n,
-	Trigger: () => Kn,
-	Viewport: () => Yn
-}), Nn = xe({
+}, jn = /* @__PURE__ */ e({
+	Backdrop: () => qn,
+	Close: () => $n,
+	Content: () => Zn,
+	Description: () => er,
+	Indent: () => nr,
+	IndentBackground: () => rr,
+	Popup: () => Xn,
+	Portal: () => Kn,
+	Provider: () => tr,
+	Root: () => Wn,
+	SwipeArea: () => ir,
+	Title: () => Qn,
+	Trigger: () => Gn,
+	Viewport: () => Jn
+}), Mn = xe({
 	borderColor: "primary",
 	borderStyle: "solid"
-}), Pn = h(F.trigger), Fn = h(F.backdrop), In = h(F.viewport), Ln = h(F.popup, {
+}), Nn = h(F.trigger), Pn = h(F.backdrop), Fn = h(F.viewport), In = h(F.popup, {
 	variants: {
 		borderColor: {
 			primary: F.borderColorPrimary,
@@ -995,131 +994,131 @@ var jn = {
 		borderColor: "primary",
 		borderStyle: "solid"
 	}
-}), Rn = h(F.content), zn = h(F.title), Bn = h(F.close), Vn = h(F.description), Hn = h(F.indent), Un = h(F.indentBackground), Wn = h(F.swipeArea);
-function Gn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
-	return /* @__PURE__ */ _(Nn.Provider, {
+}), Ln = h(F.content), Rn = h(F.title), zn = h(F.close), Bn = h(F.description), Vn = h(F.indent), Hn = h(F.indentBackground), Un = h(F.swipeArea);
+function Wn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
+	return /* @__PURE__ */ _(Mn.Provider, {
 		value: {
 			borderColor: e,
 			borderStyle: t
 		},
-		children: /* @__PURE__ */ _(S.Root, { ...n })
+		children: /* @__PURE__ */ _(C.Root, { ...n })
 	});
 }
-Gn.displayName = "Drawer.Root";
-function Kn({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Trigger, {
+Wn.displayName = "Drawer.Root";
+function Gn({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Trigger, {
 		...t,
 		"data-imf-ui-component": "Drawer.Trigger",
-		className: (t) => Pn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Nn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Kn.displayName = "Drawer.Trigger";
-function qn(e) {
-	return /* @__PURE__ */ _(S.Portal, { ...e });
+Gn.displayName = "Drawer.Trigger";
+function Kn(e) {
+	return /* @__PURE__ */ _(C.Portal, { ...e });
 }
-qn.displayName = "Drawer.Portal";
-function Jn({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Backdrop, {
+Kn.displayName = "Drawer.Portal";
+function qn({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Backdrop, {
 		...t,
 		"data-imf-ui-component": "Drawer.Backdrop",
-		className: (t) => Fn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Pn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Jn.displayName = "Drawer.Backdrop";
-function Yn({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Viewport, {
+qn.displayName = "Drawer.Backdrop";
+function Jn({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Viewport, {
 		...t,
 		"data-imf-ui-component": "Drawer.Viewport",
-		className: (t) => In({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Fn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Yn.displayName = "Drawer.Viewport";
-var Xn = {
+Jn.displayName = "Drawer.Viewport";
+var Yn = {
 	left: F.popupLeft,
 	right: F.popupRight,
 	down: F.popupBottom,
 	up: F.popupTop
 };
-function Zn({ borderColor: e, borderStyle: t, className: n, ...r }) {
-	let i = Se(Nn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
-	return /* @__PURE__ */ _(S.Popup, {
+function Xn({ borderColor: e, borderStyle: t, className: n, ...r }) {
+	let i = y(Mn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
+	return /* @__PURE__ */ _(C.Popup, {
 		...r,
 		"data-imf-ui-component": "Drawer.Popup",
-		className: (e) => Ln({
+		className: (e) => In({
 			borderColor: a,
 			borderStyle: o,
-			className: g(Xn[e.swipeDirection], typeof n == "function" ? n(e) : n)
+			className: g(Yn[e.swipeDirection], typeof n == "function" ? n(e) : n)
 		})
 	});
 }
-Zn.displayName = "Drawer.Popup";
-function Qn({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Content, {
+Xn.displayName = "Drawer.Popup";
+function Zn({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Content, {
 		...t,
 		"data-imf-ui-component": "Drawer.Content",
-		className: (t) => Rn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ln({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Qn.displayName = "Drawer.Content";
-function $n({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Title, {
+Zn.displayName = "Drawer.Content";
+function Qn({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Title, {
 		...t,
 		"data-imf-ui-component": "Drawer.Title",
-		className: zn({ className: e })
+		className: Rn({ className: e })
 	});
 }
-$n.displayName = "Drawer.Title";
-function er({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Close, {
+Qn.displayName = "Drawer.Title";
+function $n({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Close, {
 		...t,
 		"data-imf-ui-component": "Drawer.Close",
-		className: (t) => Bn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => zn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-er.displayName = "Drawer.Close";
-function tr({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Description, {
+$n.displayName = "Drawer.Close";
+function er({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Description, {
 		...t,
 		"data-imf-ui-component": "Drawer.Description",
-		className: Vn({ className: e })
+		className: Bn({ className: e })
 	});
 }
-tr.displayName = "Drawer.Description";
-function nr(e) {
-	return /* @__PURE__ */ _(S.Provider, { ...e });
+er.displayName = "Drawer.Description";
+function tr(e) {
+	return /* @__PURE__ */ _(C.Provider, { ...e });
 }
-nr.displayName = "Drawer.Provider";
-function rr({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.Indent, {
+tr.displayName = "Drawer.Provider";
+function nr({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.Indent, {
 		...t,
 		"data-imf-ui-component": "Drawer.Indent",
-		className: (t) => Hn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Vn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-rr.displayName = "Drawer.Indent";
-function ir({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.IndentBackground, {
+nr.displayName = "Drawer.Indent";
+function rr({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.IndentBackground, {
 		...t,
 		"data-imf-ui-component": "Drawer.IndentBackground",
-		className: (t) => Un({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Hn({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ir.displayName = "Drawer.IndentBackground";
-function ar({ className: e, ...t }) {
-	return /* @__PURE__ */ _(S.SwipeArea, {
+rr.displayName = "Drawer.IndentBackground";
+function ir({ className: e, ...t }) {
+	return /* @__PURE__ */ _(C.SwipeArea, {
 		...t,
 		"data-imf-ui-component": "Drawer.SwipeArea",
-		className: (t) => Wn({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Un({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ar.displayName = "Drawer.SwipeArea";
+ir.displayName = "Drawer.SwipeArea";
 //#endregion
 //#region src/components/drawer/drawer.meta.ts
-var or = {
+var ar = {
 	name: "Drawer",
 	category: t.layout,
 	status: "stable",
-	description: "Off-canvas panel that slides in from a screen edge for navigation, settings, filters, or focused tasks. Also called a sidebar, side panel, or sheet.",
+	description: "Off-canvas panel that slides in from a screen edge. Use for mobile navigation, secondary nav, settings trays, filter sidebars, or any side sheet. Also called a sidebar, side panel, off-canvas, or sheet.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -1151,22 +1150,22 @@ var or = {
 	variantPrimary: "imf-ui-popover-module-variantPrimary",
 	variantSecondary: "imf-ui-popover-module-variantSecondary",
 	viewport: "imf-ui-popover-module-viewport"
-}, sr = /* @__PURE__ */ e({
-	Arrow: () => Tr,
-	Backdrop: () => Sr,
-	Close: () => Ar,
-	Description: () => kr,
-	Eyebrow: () => Dr,
-	Inline: () => jr,
-	Popup: () => wr,
-	Portal: () => xr,
-	Positioner: () => Cr,
-	Root: () => yr,
-	Title: () => Or,
-	Trigger: () => br,
-	Viewport: () => Er,
-	createHandle: () => vr
-}), cr = h(I.trigger, { variants: {
+}, or = /* @__PURE__ */ e({
+	Arrow: () => Cr,
+	Backdrop: () => xr,
+	Close: () => Or,
+	Description: () => Dr,
+	Eyebrow: () => Tr,
+	Inline: () => kr,
+	Popup: () => Sr,
+	Portal: () => br,
+	Positioner: () => L,
+	Root: () => vr,
+	Title: () => Er,
+	Trigger: () => yr,
+	Viewport: () => wr,
+	createHandle: () => _r
+}), sr = h(I.trigger, { variants: {
 	variant: {
 		ghost: I.variantGhost,
 		outline: I.variantOutline,
@@ -1176,129 +1175,129 @@ var or = {
 		negative: I.variantNegative
 	},
 	inline: { true: I.triggerInline }
-} }), lr = h(I.backdrop), ur = h(I.positioner), dr = h(I.popup, { variants: { variant: {
+} }), cr = h(I.backdrop), lr = h(I.positioner), ur = h(I.popup, { variants: { variant: {
 	ghost: I.popupVariantGhost,
 	outline: I.popupVariantOutline,
 	primary: I.popupVariantPrimary,
 	secondary: I.popupVariantSecondary,
 	positive: I.popupVariantPositive,
 	negative: I.popupVariantNegative
-} } }), fr = h(I.arrow), pr = h(I.viewport), mr = h(I.eyebrow), hr = h(I.title), gr = h(I.description), _r = h(I.close), vr = C.createHandle;
-function yr(e) {
-	return /* @__PURE__ */ _(C.Root, { ...e });
+} } }), dr = h(I.arrow), fr = h(I.viewport), pr = h(I.eyebrow), mr = h(I.title), hr = h(I.description), gr = h(I.close), _r = w.createHandle;
+function vr(e) {
+	return /* @__PURE__ */ _(w.Root, { ...e });
 }
-yr.displayName = "Popover.Root";
-function br({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
-	return /* @__PURE__ */ _(C.Trigger, {
+vr.displayName = "Popover.Root";
+function yr({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
+	return /* @__PURE__ */ _(w.Trigger, {
 		...r,
 		"data-imf-ui-component": "Popover.Trigger",
-		className: (r) => cr({
+		className: (r) => sr({
 			variant: e,
 			inline: t || void 0,
 			className: typeof n == "function" ? n(r) : n
 		})
 	});
 }
-br.displayName = "Popover.Trigger";
-function xr(e) {
-	return /* @__PURE__ */ _(C.Portal, { ...e });
+yr.displayName = "Popover.Trigger";
+function br(e) {
+	return /* @__PURE__ */ _(w.Portal, { ...e });
 }
-xr.displayName = "Popover.Portal";
-function Sr({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Backdrop, {
+br.displayName = "Popover.Portal";
+function xr({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Backdrop, {
 		...t,
 		"data-imf-ui-component": "Popover.Backdrop",
-		className: (t) => lr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => cr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Sr.displayName = "Popover.Backdrop";
-function Cr({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Positioner, {
+xr.displayName = "Popover.Backdrop";
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Positioner, {
 		...t,
 		"data-imf-ui-component": "Popover.Positioner",
-		className: (t) => ur({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => lr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Cr.displayName = "Popover.Positioner";
-function wr({ className: e, variant: t, ...n }) {
-	return /* @__PURE__ */ _(C.Popup, {
+L.displayName = "Popover.Positioner";
+function Sr({ className: e, variant: t, ...n }) {
+	return /* @__PURE__ */ _(w.Popup, {
 		...n,
 		"data-imf-ui-component": "Popover.Popup",
-		className: (n) => dr({
+		className: (n) => ur({
 			variant: t,
 			className: typeof e == "function" ? e(n) : e
 		})
 	});
 }
-wr.displayName = "Popover.Popup";
-function Tr({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Arrow, {
+Sr.displayName = "Popover.Popup";
+function Cr({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Arrow, {
 		...t,
 		"data-imf-ui-component": "Popover.Arrow",
-		className: (t) => fr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => dr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Tr.displayName = "Popover.Arrow";
-function Er({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Viewport, {
+Cr.displayName = "Popover.Arrow";
+function wr({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Viewport, {
 		...t,
 		"data-imf-ui-component": "Popover.Viewport",
-		className: (t) => pr({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => fr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Er.displayName = "Popover.Viewport";
-function Dr({ className: e, ...t }) {
+wr.displayName = "Popover.Viewport";
+function Tr({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		"data-imf-ui-component": "Popover.Eyebrow",
-		className: mr({ className: e })
+		className: pr({ className: e })
 	});
 }
-Dr.displayName = "Popover.Eyebrow";
-function Or({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Title, {
+Tr.displayName = "Popover.Eyebrow";
+function Er({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Title, {
 		...t,
 		"data-imf-ui-component": "Popover.Title",
-		className: hr({ className: e })
+		className: mr({ className: e })
 	});
 }
-Or.displayName = "Popover.Title";
-function kr({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Description, {
+Er.displayName = "Popover.Title";
+function Dr({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Description, {
 		...t,
 		"data-imf-ui-component": "Popover.Description",
-		className: gr({ className: e })
+		className: hr({ className: e })
 	});
 }
-kr.displayName = "Popover.Description";
-function Ar({ className: e, ...t }) {
-	return /* @__PURE__ */ _(C.Close, {
+Dr.displayName = "Popover.Description";
+function Or({ className: e, ...t }) {
+	return /* @__PURE__ */ _(w.Close, {
 		...t,
 		"data-imf-ui-component": "Popover.Close",
-		className: (t) => _r({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => gr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Ar.displayName = "Popover.Close";
-function jr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
-	return /* @__PURE__ */ v(yr, { children: [/* @__PURE__ */ _(br, {
+Or.displayName = "Popover.Close";
+function kr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
+	return /* @__PURE__ */ v(vr, { children: [/* @__PURE__ */ _(yr, {
 		inline: !0,
 		openOnHover: !0,
 		delay: r,
 		children: e
-	}), /* @__PURE__ */ _(xr, { children: /* @__PURE__ */ _(Cr, {
+	}), /* @__PURE__ */ _(br, { children: /* @__PURE__ */ _(L, {
 		side: i,
 		sideOffset: a,
-		children: /* @__PURE__ */ v(wr, { children: [t && /* @__PURE__ */ _(Or, { children: t }), n && /* @__PURE__ */ _(kr, { children: n })] })
+		children: /* @__PURE__ */ v(Sr, { children: [t && /* @__PURE__ */ _(Er, { children: t }), n && /* @__PURE__ */ _(Dr, { children: n })] })
 	}) })] });
 }
-jr.displayName = "Popover.Inline";
+kr.displayName = "Popover.Inline";
 //#endregion
 //#region src/components/popover/popover.meta.ts
-var Mr = {
+var Ar = {
 	name: "Popover",
 	category: t.display,
 	status: "stable",
-	description: "Floating panel anchored to a trigger for contextual content, quick forms, or actions. Also called a popup or flyout; use Tooltip for hints without interaction.",
+	description: "Floating panel anchored to a trigger element. Use for contextual menus, tooltips-with-actions, rich hover cards, quick-edit forms, or any non-modal detail overlay. Also called a popup, flyout, or floating menu.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -1306,28 +1305,28 @@ var Mr = {
 		docLink: "https://base-ui.com/react/components/popover",
 		llmDocLink: "https://base-ui.com/react/components/popover.md"
 	}
-}, Nr = {
+}, jr = {
 	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.",
+	description: "Horizontal layout primitive — children are arranged left-to-right with configurable spacing, alignment, and optional wrapping. Also called hstack, horizontal stack, 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"
-}, Pr = h(L.root, { variants: { variant: {
-	solid: L.variantSolid,
-	dashed: L.variantDashed,
-	dotted: L.variantDotted
+}, Mr = h(R.root, { variants: { variant: {
+	solid: R.variantSolid,
+	dashed: R.variantDashed,
+	dotted: R.variantDotted
 } } });
-function Fr({ orientation: e = "horizontal", variant: t = "solid", className: n, ...r }) {
-	return /* @__PURE__ */ _(Oe, {
+function Nr({ orientation: e = "horizontal", variant: t = "solid", className: n, ...r }) {
+	return /* @__PURE__ */ _(De, {
 		...r,
 		orientation: e,
 		"data-imf-ui-component": "Separator",
-		className: Pr({
+		className: Mr({
 			variant: t,
 			className: n
 		})
@@ -1335,11 +1334,11 @@ function Fr({ orientation: e = "horizontal", variant: t = "solid", className: n,
 }
 //#endregion
 //#region src/components/separator/separator.meta.ts
-var Ir = {
+var Pr = {
 	name: "Separator",
 	category: t.layout,
 	status: "stable",
-	description: "Line that divides content horizontally or vertically. Also called a divider or rule.",
+	description: "Thin line that visually divides content into groups — section break, list item rule, sidebar division. Also called a divider, hr, or horizontal / vertical rule.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -1347,13 +1346,13 @@ var Ir = {
 		docLink: "https://base-ui.com/react/components/separator",
 		llmDocLink: "https://base-ui.com/react/components/separator.md"
 	}
-}, Lr = {
+}, Fr = {
 	name: "Stack",
 	category: t.layout,
 	status: "stable",
-	description: "Vertical layout primitive for spacing and aligning children. Also called a vertical stack or column.",
+	description: "Vertical layout primitive — children stack top-to-bottom with configurable spacing and alignment. Use it instead of writing flex column layouts by hand. Also called a vstack or column.",
 	origin: "native"
-}, R = {
+}, z = {
 	description: "imf-ui-callout-module-description",
 	icon: "imf-ui-callout-module-icon",
 	maxWidthFull: "imf-ui-callout-module-maxWidthFull",
@@ -1369,28 +1368,28 @@ var Ir = {
 	variantNegative: "imf-ui-callout-module-variantNegative",
 	variantPositive: "imf-ui-callout-module-variantPositive",
 	variantWarning: "imf-ui-callout-module-variantWarning"
-}, Rr = /* @__PURE__ */ e({
-	Description: () => Gr,
-	Icon: () => Ur,
-	Root: () => Hr,
-	Title: () => Wr
-}), zr = h(R.root, { variants: {
+}, Ir = /* @__PURE__ */ e({
+	Description: () => Ur,
+	Icon: () => Vr,
+	Root: () => Br,
+	Title: () => Hr
+}), Lr = 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
 	}
-} }), Br = {
+} }), Rr = {
 	info: s,
 	positive: o,
 	warning: d,
@@ -1398,16 +1397,16 @@ var Ir = {
 	"accent-1": f,
 	"accent-2": f,
 	"accent-3": f
-}, Vr = xe("info");
-function Hr({ variant: e = "info", maxWidth: t = "md", className: n, children: r, ...i }) {
+}, zr = xe("info");
+function Br({ variant: e = "info", maxWidth: t = "md", className: n, children: r, ...i }) {
 	let a = e ?? "info";
-	return /* @__PURE__ */ _(Vr.Provider, {
+	return /* @__PURE__ */ _(zr.Provider, {
 		value: a,
 		children: /* @__PURE__ */ _("div", {
 			...i,
 			role: "note",
 			"data-imf-ui-component": "Callout.Root",
-			className: zr({
+			className: Lr({
 				variant: e,
 				maxWidth: t,
 				className: n
@@ -1416,14 +1415,14 @@ function Hr({ variant: e = "info", maxWidth: t = "md", className: n, children: r
 		})
 	});
 }
-Hr.displayName = "Callout.Root";
-function Ur({ className: e, children: t, ...n }) {
-	let r = Br[Se(Vr)];
+Br.displayName = "Callout.Root";
+function Vr({ className: e, children: t, ...n }) {
+	let r = Rr[y(zr)];
 	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,
@@ -1431,40 +1430,40 @@ function Ur({ className: e, children: t, ...n }) {
 		})
 	});
 }
-Ur.displayName = "Callout.Icon";
-function Wr({ className: e, ...t }) {
+Vr.displayName = "Callout.Icon";
+function Hr({ 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 })
 	});
 }
-Wr.displayName = "Callout.Title";
-function Gr({ className: e, ...t }) {
+Hr.displayName = "Callout.Title";
+function Ur({ 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 })
 	});
 }
-Gr.displayName = "Callout.Description";
+Ur.displayName = "Callout.Description";
 //#endregion
 //#region src/components/callout/callout.meta.ts
-var Kr = {
+var Wr = {
 	name: "Callout",
 	category: t.display,
 	status: "stable",
 	namespace: !0,
-	description: "Persistent, in-place status message for information, success, warnings, and errors. Also called an inline alert or notice; it is not a transient toast or modal dialog.",
+	description: "Inline status banner — a persistent, non-interactive message that sits in the content flow to convey info, success, warning, or error state. Composed from slots: Callout.Root wraps a Callout.Icon (status glyph), an optional Callout.Title, and a Callout.Description. Tonal `variant` (info/positive/warning/negative) tints the surface and colours the icon and text. Also called an alert, callout, or inline notice. Not a Toast (transient) or Alert Dialog (modal).",
 	origin: "native"
 };
 //#endregion
 //#region src/components/chip/chip.tsx
-function qr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, className: r, ...i }) {
+function Gr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ _("span", {
 		...i,
 		"data-imf-ui-component": "Chip",
-		className: Ne({
+		className: Me({
 			variant: e,
 			appearance: t,
 			inline: n,
@@ -1475,48 +1474,48 @@ function qr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, c
 }
 //#endregion
 //#region src/components/chip/chip.meta.ts
-var Jr = {
+var Kr = {
 	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.",
+	description: "Compact inline label for tags, status, categories, counts, or metadata. Also known as a badge, tag, or pill. Two dimensions — a color variant for semantic role and a shape variant for visual appearance, including an inline form that sits naturally in flowing body text.",
 	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"
-}, Yr = /* @__PURE__ */ e({
-	Panel: () => ti,
-	Root: () => Zr,
-	Trigger: () => $r
-}), Xr = h(z.root, { variants: { variant: {
+}, qr = /* @__PURE__ */ e({
+	Panel: () => $r,
+	Root: () => Yr,
+	Trigger: () => Zr
+}), Jr = h(B.root, { variants: { variant: {
 	default: null,
-	solid: z.variantSolid
+	solid: B.variantSolid
 } } });
-function Zr({ variant: e = "default", className: t, ...n }) {
-	return /* @__PURE__ */ _(ke.Root, {
+function Yr({ variant: e = "default", className: t, ...n }) {
+	return /* @__PURE__ */ _(Oe.Root, {
 		...n,
 		"data-imf-ui-component": "Collapsible.Root",
-		className: (n) => Xr({
+		className: (n) => Jr({
 			variant: e,
 			className: typeof t == "function" ? t(n) : t
 		})
 	});
 }
-Zr.displayName = "Collapsible.Root";
-var Qr = h(z.trigger);
-function $r({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ v(ke.Trigger, {
+Yr.displayName = "Collapsible.Root";
+var Xr = h(B.trigger);
+function Zr({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ v(Oe.Trigger, {
 		...n,
 		"data-imf-ui-component": "Collapsible.Trigger",
-		className: (t) => Qr({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Xr({ 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,
@@ -1525,7 +1524,7 @@ function $r({ className: e, children: t, ...n }) {
 				})
 			}),
 			/* @__PURE__ */ _("span", {
-				className: z.iconOpen,
+				className: B.iconOpen,
 				"aria-hidden": !0,
 				children: /* @__PURE__ */ _(m, {
 					glyph: l,
@@ -1536,23 +1535,23 @@ function $r({ className: e, children: t, ...n }) {
 		]
 	});
 }
-$r.displayName = "Collapsible.Trigger";
-var ei = h(z.panel);
-function ti({ className: e, ...t }) {
-	return /* @__PURE__ */ _(ke.Panel, {
+Zr.displayName = "Collapsible.Trigger";
+var Qr = h(B.panel);
+function $r({ className: e, ...t }) {
+	return /* @__PURE__ */ _(Oe.Panel, {
 		...t,
 		"data-imf-ui-component": "Collapsible.Panel",
-		className: (t) => ei({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Qr({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-ti.displayName = "Collapsible.Panel";
+$r.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/collapsible.meta.ts
-var ni = {
+var ei = {
 	name: "Collapsible",
 	category: t.display,
 	status: "stable",
-	description: "Show-and-hide region for secondary content such as FAQs, settings, or details. Also called a disclosure or expand/collapse.",
+	description: "Toggleable show/hide region for progressive disclosure — FAQ entries, expandable settings, detail toggles. A trigger button drives an animated open/close panel; multiple stacked form an accordion. Also called a disclosure or expand/collapse.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -1560,7 +1559,7 @@ var ni = {
 		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",
@@ -1575,30 +1574,30 @@ var ni = {
 	variantMinor: "imf-ui-logo-module-variantMinor",
 	variantOncolor: "imf-ui-logo-module-variantOncolor",
 	variantSupport: "imf-ui-logo-module-variantSupport"
-}, ri = h(B.root, { variants: {
+}, ti = 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 ii({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, className: a, style: o, ...s }) {
+function ni({ 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: ri({
+		className: ti({
 			size: n,
 			variant: r,
 			className: a
@@ -1618,16 +1617,16 @@ function ii({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, c
 }
 //#endregion
 //#region src/components/logo/logo.meta.ts
-var ai = {
+var ri = {
 	name: "Logo",
 	category: t.display,
 	status: "stable",
-	description: "Renders a logo from a URL or inline React element with consistent sizing. Also called a wordmark or brand mark.",
+	description: "Brand mark display primitive — renders a logo from a URL or inline React element with consistent sizing. Also called a wordmark, brand icon, or logotype.",
 	origin: "native"
 };
 //#endregion
 //#region src/components/logo/imfusion/imfusion.tsx
-function oi(e) {
+function ii(e) {
 	return /* @__PURE__ */ v("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "50 50 652.51 90",
@@ -1652,7 +1651,7 @@ function oi(e) {
 		]
 	});
 }
-function si(e) {
+function ai(e) {
 	return /* @__PURE__ */ v("svg", {
 		viewBox: "0 0 384 216",
 		fill: "currentColor",
@@ -1661,149 +1660,149 @@ function si(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 ci({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
-	return /* @__PURE__ */ _(ii, {
+function oi({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
+	return /* @__PURE__ */ _(ni, {
 		...r,
-		src: _(e ? si : oi, {}),
+		src: _(e ? ai : ii, {}),
 		alt: t,
 		variant: n
 	});
 }
-var li = {
+var si = {
 	item: "imf-ui-navigation-menu-root-module-item",
 	list: "imf-ui-navigation-menu-root-module-list",
 	root: "imf-ui-navigation-menu-root-module-root"
-}, ui = {
+}, ci = {
 	content: "imf-ui-navigation-menu-structure-module-content",
 	viewport: "imf-ui-navigation-menu-structure-module-viewport"
-}, di = h(li.root), fi = h(li.list), pi = h(li.item), mi = h(ui.content), hi = h(ui.viewport);
-function gi({ orientation: e = "horizontal", className: t, ...n }) {
-	return /* @__PURE__ */ _(w.Root, {
+}, li = h(si.root), ui = h(si.list), di = h(si.item), fi = h(ci.content), pi = h(ci.viewport);
+function mi({ orientation: e = "horizontal", className: t, ...n }) {
+	return /* @__PURE__ */ _(T.Root, {
 		...n,
 		orientation: e,
 		"data-imf-ui-component": "NavigationMenu.Root",
 		"data-orientation": e,
-		className: (e) => di({ className: typeof t == "function" ? t(e) : t })
+		className: (e) => li({ className: typeof t == "function" ? t(e) : t })
 	});
 }
-gi.displayName = "NavigationMenu.Root";
-function _i({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.List, {
+mi.displayName = "NavigationMenu.Root";
+function hi({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.List, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.List",
-		className: (t) => fi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => ui({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-_i.displayName = "NavigationMenu.List";
-function vi({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Item, {
+hi.displayName = "NavigationMenu.List";
+function gi({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Item, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Item",
-		className: (t) => pi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => di({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-vi.displayName = "NavigationMenu.Item";
-function yi({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Content, {
+gi.displayName = "NavigationMenu.Item";
+function _i({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Content, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Content",
-		className: (t) => mi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => fi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-yi.displayName = "NavigationMenu.Content";
-function bi({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Viewport, {
+_i.displayName = "NavigationMenu.Content";
+function vi({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Viewport, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Viewport",
-		className: (t) => hi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => pi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-bi.displayName = "NavigationMenu.Viewport";
-var xi = {
+vi.displayName = "NavigationMenu.Viewport";
+var yi = {
 	icon: "imf-ui-navigation-menu-trigger-module-icon",
 	trigger: "imf-ui-navigation-menu-trigger-module-trigger"
-}, Si = h(xi.trigger), Ci = h(xi.icon);
-function wi({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r, className: a, ...o }) {
-	return /* @__PURE__ */ v(w.Trigger, {
+}, bi = h(yi.trigger), xi = h(yi.icon);
+function Si({ 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) => Si({ className: typeof a == "function" ? a(e) : a }),
-		children: [r, !t && /* @__PURE__ */ _(Ti, { children: /* @__PURE__ */ _(m, {
+		className: (e) => bi({ className: typeof a == "function" ? a(e) : a }),
+		children: [r, !t && /* @__PURE__ */ _(Ci, { children: /* @__PURE__ */ _(m, {
 			glyph: i,
 			size: 14
 		}) })]
 	});
 }
-wi.displayName = "NavigationMenu.Trigger";
-function Ti({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Icon, {
+Si.displayName = "NavigationMenu.Trigger";
+function Ci({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Icon, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Icon",
-		className: (t) => Ci({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => xi({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Ti.displayName = "NavigationMenu.Icon";
-var V = {
+Ci.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"
-}, Ei = h(V.positioner), Di = h(V.popup), Oi = h(V.arrow), ki = h(V.backdrop);
-function Ai(e) {
-	return /* @__PURE__ */ _(w.Portal, { ...e });
+}, wi = h(H.positioner), Ti = h(H.popup), Ei = h(H.arrow), Di = h(H.backdrop);
+function Oi(e) {
+	return /* @__PURE__ */ _(T.Portal, { ...e });
 }
-Ai.displayName = "NavigationMenu.Portal";
-function ji({ align: e = "start", className: t, ...n }) {
-	return /* @__PURE__ */ _(w.Positioner, {
+Oi.displayName = "NavigationMenu.Portal";
+function ki({ align: e = "start", className: t, ...n }) {
+	return /* @__PURE__ */ _(T.Positioner, {
 		...n,
 		align: e,
 		"data-imf-ui-component": "NavigationMenu.Positioner",
-		className: (e) => Ei({ className: typeof t == "function" ? t(e) : t })
+		className: (e) => wi({ className: typeof t == "function" ? t(e) : t })
 	});
 }
-ji.displayName = "NavigationMenu.Positioner";
-function Mi({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Popup, {
+ki.displayName = "NavigationMenu.Positioner";
+function Ai({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Popup, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Popup",
-		className: (t) => Di({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ti({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Mi.displayName = "NavigationMenu.Popup";
-function Ni({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Arrow, {
+Ai.displayName = "NavigationMenu.Popup";
+function ji({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Arrow, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Arrow",
-		className: (t) => Oi({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ei({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Ni.displayName = "NavigationMenu.Arrow";
-function Pi({ className: e, ...t }) {
-	return /* @__PURE__ */ _(w.Backdrop, {
+ji.displayName = "NavigationMenu.Arrow";
+function Mi({ className: e, ...t }) {
+	return /* @__PURE__ */ _(T.Backdrop, {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.Backdrop",
-		className: (t) => ki({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Di({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-Pi.displayName = "NavigationMenu.Backdrop";
-var H = {
+Mi.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"
-}, Fi = h(H.link), Ii = h(H.linkList), Li = h(H.linkCard);
-function Ri({ className: e, children: t, render: n, ...r }) {
-	return /* @__PURE__ */ _(w.Link, {
+}, Ni = h(U.link), Pi = h(U.linkList), Fi = h(U.linkCard);
+function Ii({ className: e, children: t, render: n, ...r }) {
+	return /* @__PURE__ */ _(T.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.Link",
-		className: (t) => Fi({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Ni({ 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,
@@ -1812,54 +1811,54 @@ function Ri({ className: e, children: t, render: n, ...r }) {
 		})] })
 	});
 }
-Ri.displayName = "NavigationMenu.Link";
-function zi({ className: e, ...t }) {
+Ii.displayName = "NavigationMenu.Link";
+function Li({ className: e, ...t }) {
 	return /* @__PURE__ */ _("ul", {
 		...t,
 		"data-imf-ui-component": "NavigationMenu.LinkList",
-		className: Ii({ className: e })
+		className: Pi({ className: e })
 	});
 }
-zi.displayName = "NavigationMenu.LinkList";
-function Bi({ title: e, description: t, image: n, imageAlt: r = "", className: i, ...a }) {
-	return /* @__PURE__ */ _(w.Link, {
+Li.displayName = "NavigationMenu.LinkList";
+function Ri({ title: e, description: t, image: n, imageAlt: r = "", className: i, ...a }) {
+	return /* @__PURE__ */ _(T.Link, {
 		...a,
 		"data-imf-ui-component": "NavigationMenu.LinkCard",
-		className: (e) => Li({ className: typeof i == "function" ? i(e) : i }),
-		children: /* @__PURE__ */ v(En, {
+		className: (e) => Fi({ className: typeof i == "function" ? i(e) : i }),
+		children: /* @__PURE__ */ v(Tn, {
 			variant: "main",
 			density: "compact",
 			withBorder: !1,
 			children: [
-				n && /* @__PURE__ */ _(Dn, {
+				n && /* @__PURE__ */ _(En, {
 					src: n,
 					alt: r
 				}),
-				/* @__PURE__ */ _(On, { children: /* @__PURE__ */ _("span", {
-					className: H.linkCardTitle,
+				/* @__PURE__ */ _(Dn, { children: /* @__PURE__ */ _("span", {
+					className: U.linkCardTitle,
 					children: e
 				}) }),
-				t && /* @__PURE__ */ _(kn, { children: /* @__PURE__ */ _("span", {
-					className: H.linkCardDescription,
+				t && /* @__PURE__ */ _(On, { children: /* @__PURE__ */ _("span", {
+					className: U.linkCardDescription,
 					children: t
 				}) })
 			]
 		})
 	});
 }
-Bi.displayName = "NavigationMenu.LinkCard";
-var Vi = {
+Ri.displayName = "NavigationMenu.LinkCard";
+var zi = {
 	flyoutLink: "imf-ui-navigation-menu-flyout-link-module-flyoutLink",
 	linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
-}, Hi = h(Vi.flyoutLink);
-function Ui({ className: e, children: t, render: n, ...r }) {
-	return /* @__PURE__ */ _(w.Link, {
+}, Bi = h(zi.flyoutLink);
+function Vi({ className: e, children: t, render: n, ...r }) {
+	return /* @__PURE__ */ _(T.Link, {
 		...r,
 		render: n,
 		"data-imf-ui-component": "NavigationMenu.FlyoutLink",
-		className: (t) => Hi({ className: typeof e == "function" ? e(t) : e }),
+		className: (t) => Bi({ className: typeof e == "function" ? e(t) : e }),
 		children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
-			className: Vi.linkArrow,
+			className: zi.linkArrow,
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ _(m, {
 				glyph: c,
@@ -1868,10 +1867,10 @@ function Ui({ className: e, children: t, render: n, ...r }) {
 		})] })
 	});
 }
-Ui.displayName = "NavigationMenu.FlyoutLink";
+Vi.displayName = "NavigationMenu.FlyoutLink";
 //#endregion
 //#region src/breakpoints/registry.ts
-var Wi = {
+var Hi = {
 	mobile: 375,
 	sm: 640,
 	md: 768,
@@ -1880,16 +1879,16 @@ var Wi = {
 };
 //#endregion
 //#region src/breakpoints/min-width.ts
-function Gi(e) {
-	return `(min-width: ${String(Wi[e])}px)`;
+function Ui(e) {
+	return `(min-width: ${String(Hi[e])}px)`;
 }
 //#endregion
 //#region src/config.ts
-var Ki = "imf-ui", U = {
-	cssVarPrefix: Ki,
+var Wi = "imf-ui", W = {
+	cssVarPrefix: Wi,
 	colorScheme: {
-		storageKey: `${Ki}-color-scheme`,
-		attr: `data-${Ki}-color-scheme`,
+		storageKey: `${Wi}-color-scheme`,
+		attr: `data-${Wi}-color-scheme`,
 		options: [
 			"light",
 			"system",
@@ -1899,46 +1898,46 @@ var Ki = "imf-ui", U = {
 };
 //#endregion
 //#region src/hooks/use-color-scheme.ts
-function qi() {
+function Gi() {
 	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function Ji(e) {
+function Ki(e) {
 	return e === "light" || e === "dark" || e === "system" ? e : "system";
 }
-function Yi() {
-	return Ji(localStorage.getItem(U.colorScheme.storageKey));
+function qi() {
+	return Ki(localStorage.getItem(W.colorScheme.storageKey));
 }
-function Xi({ value: e } = {}) {
-	let t = e !== void 0, [n, r] = y(() => e ?? Yi()), i = e ?? n, [a, o] = y(() => i === "system" ? qi() : i);
-	Ce(function() {
+function Ji({ value: e } = {}) {
+	let t = e !== void 0, [n, r] = b(() => e ?? qi()), i = e ?? n, [a, o] = b(() => i === "system" ? Gi() : i);
+	Se(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(qi());
+		document.documentElement.removeAttribute(W.colorScheme.attr), o(Gi());
 		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 Zi(e, t) {
+function Yi(e, t) {
 	return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window ? window.matchMedia(e).matches : !1;
 }
-function Qi(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
-	let [r, i] = y(n ? t : Zi(e));
-	return Ce(() => {
+function Xi(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = b(n ? t : Yi(e));
+	return Se(() => {
 		try {
 			if ("matchMedia" in window) {
 				let t = window.matchMedia(e);
@@ -1953,7 +1952,7 @@ function Qi(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",
@@ -1968,44 +1967,44 @@ var W = {
 };
 //#endregion
 //#region src/components/navigation-menu/subs/inline-submenu.tsx
-function $i({ items: e, defaultValue: t }) {
-	let n = Qi(Gi("md"), !0);
-	return /* @__PURE__ */ _(w.Root, {
+function Zi({ items: e, defaultValue: t }) {
+	let n = Xi(Ui("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,
-			children: [/* @__PURE__ */ _(w.List, {
+			className: G.submenuLayout,
+			children: [/* @__PURE__ */ _(T.List, {
 				"data-imf-ui-component": "NavigationMenu.List",
-				className: W.submenuList,
-				children: e.map((e) => /* @__PURE__ */ v(w.Item, {
+				className: G.submenuList,
+				children: e.map((e) => /* @__PURE__ */ v(T.Item, {
 					value: e.value,
 					"data-imf-ui-component": "NavigationMenu.Item",
-					children: [/* @__PURE__ */ v(w.Trigger, {
+					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(w.Content, {
+					}), /* @__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__ */ _(Bi, {
+							className: G.submenuLinkList,
+							children: e.links.map((e, t) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(Ri, {
 								href: e.href,
 								title: e.title,
 								description: e.description
@@ -2013,40 +2012,40 @@ function $i({ items: e, defaultValue: t }) {
 						})]
 					})]
 				}, e.value))
-			}), /* @__PURE__ */ _(w.Viewport, {
+			}), /* @__PURE__ */ _(T.Viewport, {
 				"data-imf-ui-component": "NavigationMenu.Viewport",
-				className: W.submenuViewport
+				className: G.submenuViewport
 			})]
 		})
 	});
 }
-$i.displayName = "NavigationMenu.InlineSubmenu";
+Zi.displayName = "NavigationMenu.InlineSubmenu";
 //#endregion
 //#region src/components/navigation-menu/navigation-menu.tsx
-var ea = /* @__PURE__ */ e({
-	Arrow: () => Ni,
-	Backdrop: () => Pi,
-	Content: () => yi,
-	FlyoutLink: () => Ui,
-	Icon: () => Ti,
-	InlineSubmenu: () => $i,
-	Item: () => vi,
-	Link: () => Ri,
-	LinkCard: () => Bi,
-	LinkList: () => zi,
-	List: () => _i,
-	Popup: () => Mi,
-	Portal: () => Ai,
-	Positioner: () => ji,
-	Root: () => gi,
-	Trigger: () => wi,
-	Viewport: () => bi
-}), ta = {
+var Qi = /* @__PURE__ */ e({
+	Arrow: () => ji,
+	Backdrop: () => Mi,
+	Content: () => _i,
+	FlyoutLink: () => Vi,
+	Icon: () => Ci,
+	InlineSubmenu: () => Zi,
+	Item: () => gi,
+	Link: () => Ii,
+	LinkCard: () => Ri,
+	LinkList: () => Li,
+	List: () => hi,
+	Popup: () => Ai,
+	Portal: () => Oi,
+	Positioner: () => ki,
+	Root: () => mi,
+	Trigger: () => Si,
+	Viewport: () => vi
+}), $i = {
 	name: "NavigationMenu",
 	category: t.display,
 	status: "experimental",
 	namespace: !0,
-	description: "Navigation menu with horizontal or vertical triggers and anchored flyout panels. Also called a menu bar or mega menu; it supports links, rich cards, and nested navigation.",
+	description: "Navigation menu — a horizontal (or vertical) strip of triggers that open flat, anchored flyout panels for site or app wayfinding, with multi-column mega-menu content and a viewport-responsive inline master/detail submenu. Composed from slots: NavigationMenu.Root, List, Item, Trigger, Icon, Content, Link, FlyoutLink, LinkList, LinkCard, InlineSubmenu, Portal, Positioner, Popup, Viewport, Arrow, Backdrop. Also called a nav bar, menu bar, or mega menu.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -2054,14 +2053,14 @@ var ea = /* @__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,
@@ -2070,16 +2069,16 @@ var ea = /* @__PURE__ */ e({
 	BR_S: 2.1,
 	SWAY: 11.5,
 	SWAY_RATIO: 1.35
-}, na = 100 / 2, ra = [
+}, ea = 100 / 2, ta = [
 	[0, 0],
 	[100, 0],
 	[100, 100],
 	[0, 100]
 ];
-function ia(e, t, n, r) {
+function na(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 = ra[o], c = ra[(o + 1) % 4], l = a(s), u = a(c);
+		let s = ta[o], c = ta[(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])]);
@@ -2087,7 +2086,7 @@ function ia(e, t, n, r) {
 	}
 	return i;
 }
-function aa(e, t) {
+function ra(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;
@@ -2099,38 +2098,38 @@ function aa(e, t) {
 		...e.slice(n + 1)
 	];
 }
-function oa(e, t, n, r, i, a, o) {
-	let s = na + e * t * a, c = na + 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 aa(ia(s, c, e * r, e * i), [u, d]);
+function ia(e, t, n, r, i, a, o) {
+	let s = ea + e * t * a, c = ea + 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 ra(na(s, c, e * r, e * i), [u, d]);
 }
-function sa(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 [ca(oa(1, r, i, a, o, s, c)), ca(oa(-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 [oa(ia(1, r, i, a, o, s, c)), oa(ia(-1, r, i, a, o, s, c))];
 }
-function ca(e) {
+function oa(e) {
 	return "M" + e.map((e) => e[0].toFixed(2) + " " + e[1].toFixed(2)).join("L") + "Z";
 }
-var la = K.ROT_S * 1e3, ua = h(G.root, { variants: { size: {
-	sm: G.sizeSm,
-	md: G.sizeMd,
-	lg: G.sizeLg
+var sa = q.ROT_S * 1e3, ca = h(K.root, { variants: { size: {
+	sm: K.sizeSm,
+	md: K.sizeMd,
+	lg: K.sizeLg
 } } });
-function da({ size: e = "md", label: t = "Loading", className: n, ...r }) {
-	let i = we(null), a = we(null);
-	Ce(function() {
+function la({ size: e = "md", label: t = "Loading", className: n, ...r }) {
+	let i = Ce(null), a = Ce(null);
+	Se(function() {
 		let e = 0, t = performance.now(), n = (r) => {
-			let [o, s] = sa((r - t) % la);
+			let [o, s] = aa((r - t) % sa);
 			i.current?.setAttribute("d", o), a.current?.setAttribute("d", s), e = requestAnimationFrame(n);
 		};
 		return e = requestAnimationFrame(n), function() {
 			cancelAnimationFrame(e);
 		};
 	}, []);
-	let [o, s] = sa(0);
+	let [o, s] = aa(0);
 	return /* @__PURE__ */ _("span", {
 		...r,
 		"data-imf-ui-component": "Spinner",
-		className: ua({
+		className: ca({
 			size: e,
 			className: n
 		}),
@@ -2140,14 +2139,14 @@ function da({ 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
 			})]
 		})
@@ -2155,13 +2154,13 @@ function da({ size: e = "md", label: t = "Loading", className: n, ...r }) {
 }
 //#endregion
 //#region src/components/spinner/spinner.meta.ts
-var fa = {
+var ua = {
 	name: "Spinner",
 	category: t.display,
 	status: "stable",
-	description: "Indeterminate loading indicator. Also called a loader or progress spinner.",
+	description: "Loading indicator built from the animated ImFusion glyph. Also called a loader, progress spinner, or activity indicator; signals indeterminate loading.",
 	origin: "native"
-}, q = {
+}, J = {
 	body: "imf-ui-table-module-body",
 	cell: "imf-ui-table-module-cell",
 	header: "imf-ui-table-module-header",
@@ -2170,80 +2169,80 @@ var fa = {
 	root: "imf-ui-table-module-root",
 	row: "imf-ui-table-module-row",
 	sortIndicator: "imf-ui-table-module-sortIndicator"
-}, pa = /* @__PURE__ */ e({
-	Body: () => wa,
-	Cell: () => Ea,
-	Header: () => Ca,
-	HeaderButton: () => Da,
-	HeaderCell: () => J,
-	Root: () => Sa,
-	Row: () => Ta,
-	SortableHeaderCell: () => Aa
-}), ma = h(q.root), ha = h(q.header), ga = h(q.body), _a = h(q.row), va = h(q.headerCell), ya = h(q.cell), ba = h(q.headerButton), xa = h(q.sortIndicator);
-function Sa({ className: e, ...t }) {
+}, da = /* @__PURE__ */ e({
+	Body: () => Sa,
+	Cell: () => wa,
+	Header: () => xa,
+	HeaderButton: () => Ta,
+	HeaderCell: () => Y,
+	Root: () => ba,
+	Row: () => Ca,
+	SortableHeaderCell: () => Oa
+}), fa = h(J.root), pa = h(J.header), ma = h(J.body), ha = h(J.row), ga = h(J.headerCell), _a = h(J.cell), va = h(J.headerButton), ya = h(J.sortIndicator);
+function ba({ className: e, ...t }) {
 	return /* @__PURE__ */ _("table", {
 		...t,
 		"data-imf-ui-component": "Table.Root",
-		className: ma({ className: e })
+		className: fa({ className: e })
 	});
 }
-Sa.displayName = "Table.Root";
-function Ca({ className: e, ...t }) {
+ba.displayName = "Table.Root";
+function xa({ className: e, ...t }) {
 	return /* @__PURE__ */ _("thead", {
 		...t,
 		"data-imf-ui-component": "Table.Header",
-		className: ha({ className: e })
+		className: pa({ className: e })
 	});
 }
-Ca.displayName = "Table.Header";
-function wa({ className: e, ...t }) {
+xa.displayName = "Table.Header";
+function Sa({ className: e, ...t }) {
 	return /* @__PURE__ */ _("tbody", {
 		...t,
 		"data-imf-ui-component": "Table.Body",
-		className: ga({ className: e })
+		className: ma({ className: e })
 	});
 }
-wa.displayName = "Table.Body";
-function Ta({ className: e, ...t }) {
+Sa.displayName = "Table.Body";
+function Ca({ className: e, ...t }) {
 	return /* @__PURE__ */ _("tr", {
 		...t,
 		"data-imf-ui-component": "Table.Row",
-		className: _a({ className: e })
+		className: ha({ className: e })
 	});
 }
-Ta.displayName = "Table.Row";
-function J({ className: e, ...t }) {
+Ca.displayName = "Table.Row";
+function Y({ className: e, ...t }) {
 	return /* @__PURE__ */ _("th", {
 		...t,
 		"data-imf-ui-component": "Table.HeaderCell",
-		className: va({ className: e })
+		className: ga({ className: e })
 	});
 }
-J.displayName = "Table.HeaderCell";
-function Ea({ className: e, ...t }) {
+Y.displayName = "Table.HeaderCell";
+function wa({ className: e, ...t }) {
 	return /* @__PURE__ */ _("td", {
 		...t,
 		"data-imf-ui-component": "Table.Cell",
-		className: ya({ className: e })
+		className: _a({ className: e })
 	});
 }
-Ea.displayName = "Table.Cell";
-function Da({ className: e, type: t = "button", ...n }) {
+wa.displayName = "Table.Cell";
+function Ta({ className: e, type: t = "button", ...n }) {
 	return /* @__PURE__ */ _("button", {
 		...n,
 		type: t,
 		"data-imf-ui-component": "Table.HeaderButton",
-		className: ba({ className: e })
+		className: va({ className: e })
 	});
 }
-Da.displayName = "Table.HeaderButton";
-function Oa(e) {
+Ta.displayName = "Table.HeaderButton";
+function Ea(e) {
 	return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
 }
-function ka({ sorted: e }) {
+function Da({ sorted: e }) {
 	let t = e === "asc" ? ne : e === "desc" ? n : r;
 	return /* @__PURE__ */ _("span", {
-		className: xa(),
+		className: ya(),
 		"data-sorted": e || void 0,
 		"aria-hidden": !0,
 		children: /* @__PURE__ */ _(m, {
@@ -2253,34 +2252,34 @@ function ka({ sorted: e }) {
 		})
 	});
 }
-function Aa({ sortDirection: e, onToggle: t, children: n, ...r }) {
-	return t ? /* @__PURE__ */ _(J, {
+function Oa({ sortDirection: e, onToggle: t, children: n, ...r }) {
+	return t ? /* @__PURE__ */ _(Y, {
 		...r,
-		"aria-sort": Oa(e),
-		children: /* @__PURE__ */ v(Da, {
+		"aria-sort": Ea(e),
+		children: /* @__PURE__ */ v(Ta, {
 			onClick: t,
-			children: [n, /* @__PURE__ */ _(ka, { sorted: e })]
+			children: [n, /* @__PURE__ */ _(Da, { sorted: e })]
 		})
-	}) : /* @__PURE__ */ _(J, {
+	}) : /* @__PURE__ */ _(Y, {
 		...r,
 		children: n
 	});
 }
-Aa.displayName = "Table.SortableHeaderCell";
+Oa.displayName = "Table.SortableHeaderCell";
 //#endregion
 //#region src/components/table/table.meta.ts
-var ja = {
+var ka = {
 	name: "Table",
 	category: t.display,
 	status: "stable",
-	description: "Presentational table parts for static tabular data. Pair them with a headless table library for sorting, pagination, or selection.",
+	description: "Styled, static building blocks for tabular data — Root, Header, Body, Row, HeaderCell, Cell, HeaderButton, SortableHeaderCell. Also called a data grid anatomy. Purely presentational with no data logic; for a full data grid, drive these parts with a headless table library (TanStack Table recommended) that you install yourself.",
 	origin: "native"
-}, Ma = {
+}, Aa = {
 	name: "Tabs",
 	category: t.display,
 	status: "stable",
 	namespace: !0,
-	description: "Switches between related panels within one view. Also called a tab strip or tab bar; it supports horizontal and vertical layouts.",
+	description: "Tabbed navigation — switches between panels of content within one view via a horizontal (or vertical) strip of labels with a sliding active-state underline. Composed from slots: Tabs.Root, Tabs.List, Tabs.Tab, Tabs.Indicator, Tabs.Panel. Also called a tab strip or tab bar.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -2288,185 +2287,6 @@ var ja = {
 		docLink: "https://base-ui.com/react/components/tabs",
 		llmDocLink: "https://base-ui.com/react/components/tabs.md"
 	}
-}, Y = {
-	action: "imf-ui-toast-module-action",
-	arrow: "imf-ui-toast-module-arrow",
-	close: "imf-ui-toast-module-close",
-	content: "imf-ui-toast-module-content",
-	description: "imf-ui-toast-module-description",
-	portal: "imf-ui-toast-module-portal",
-	positionBottomCenter: "imf-ui-toast-module-positionBottomCenter",
-	positionBottomLeft: "imf-ui-toast-module-positionBottomLeft",
-	positionBottomRight: "imf-ui-toast-module-positionBottomRight",
-	positioner: "imf-ui-toast-module-positioner",
-	positionTopCenter: "imf-ui-toast-module-positionTopCenter",
-	positionTopLeft: "imf-ui-toast-module-positionTopLeft",
-	positionTopRight: "imf-ui-toast-module-positionTopRight",
-	root: "imf-ui-toast-module-root",
-	title: "imf-ui-toast-module-title",
-	variantError: "imf-ui-toast-module-variantError",
-	variantInfo: "imf-ui-toast-module-variantInfo",
-	variantSuccess: "imf-ui-toast-module-variantSuccess",
-	variantWarning: "imf-ui-toast-module-variantWarning",
-	viewport: "imf-ui-toast-module-viewport",
-	widthCompact: "imf-ui-toast-module-widthCompact",
-	widthContent: "imf-ui-toast-module-widthContent",
-	widthDefault: "imf-ui-toast-module-widthDefault",
-	widthWide: "imf-ui-toast-module-widthWide"
-}, Na = /* @__PURE__ */ e({
-	Action: () => eo,
-	Arrow: () => no,
-	Close: () => $a,
-	Content: () => Xa,
-	Description: () => Qa,
-	Portal: () => qa,
-	Positioner: () => to,
-	Provider: () => Ka,
-	Root: () => Ya,
-	Title: () => Za,
-	Viewport: () => Ja,
-	createToastManager: () => Ga,
-	useToastManager: () => Wa
-}), Pa = h(Y.portal), Fa = h(Y.viewport, {
-	variants: {
-		position: {
-			"top-left": Y.positionTopLeft,
-			"top-center": Y.positionTopCenter,
-			"top-right": Y.positionTopRight,
-			"bottom-left": Y.positionBottomLeft,
-			"bottom-center": Y.positionBottomCenter,
-			"bottom-right": Y.positionBottomRight
-		},
-		width: {
-			compact: Y.widthCompact,
-			default: Y.widthDefault,
-			wide: Y.widthWide,
-			content: Y.widthContent
-		}
-	},
-	defaultVariants: {
-		position: "bottom-center",
-		width: "default"
-	}
-}), Ia = h(Y.root, {
-	variants: { variant: {
-		neutral: null,
-		info: Y.variantInfo,
-		success: Y.variantSuccess,
-		warning: Y.variantWarning,
-		error: Y.variantError
-	} },
-	defaultVariants: { variant: "neutral" }
-}), La = h(Y.content), Ra = h(Y.title), za = h(Y.description), Ba = h(Y.close), Va = h(Y.action), Ha = h(Y.positioner), Ua = h(Y.arrow), Wa = T.useToastManager, Ga = T.createToastManager;
-function Ka({ timeout: e = 5e3, limit: t = 3, ...n }) {
-	return /* @__PURE__ */ _(T.Provider, {
-		...n,
-		timeout: e,
-		limit: t
-	});
-}
-Ka.displayName = "Toast.Provider";
-function qa({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Portal, {
-		...t,
-		"data-imf-ui-component": "Toast.Portal",
-		className: (t) => Pa({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-qa.displayName = "Toast.Portal";
-function Ja({ className: e, position: t = "bottom-center", width: n = "default", ...r }) {
-	return /* @__PURE__ */ _(T.Viewport, {
-		...r,
-		"data-imf-ui-component": "Toast.Viewport",
-		className: (r) => Fa({
-			position: t,
-			width: n,
-			className: typeof e == "function" ? e(r) : e
-		})
-	});
-}
-Ja.displayName = "Toast.Viewport";
-function Ya({ className: e, variant: t = "neutral", ...n }) {
-	return /* @__PURE__ */ _(T.Root, {
-		...n,
-		"data-imf-ui-component": "Toast.Root",
-		className: (n) => Ia({
-			variant: t,
-			className: typeof e == "function" ? e(n) : e
-		})
-	});
-}
-Ya.displayName = "Toast.Root";
-function Xa({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Content, {
-		...t,
-		"data-imf-ui-component": "Toast.Content",
-		className: (t) => La({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-Xa.displayName = "Toast.Content";
-function Za({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Title, {
-		...t,
-		"data-imf-ui-component": "Toast.Title",
-		className: (t) => Ra({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-Za.displayName = "Toast.Title";
-function Qa({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Description, {
-		...t,
-		"data-imf-ui-component": "Toast.Description",
-		className: (t) => za({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-Qa.displayName = "Toast.Description";
-function $a({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Close, {
-		...t,
-		"data-imf-ui-component": "Toast.Close",
-		className: (t) => Ba({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-$a.displayName = "Toast.Close";
-function eo({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Action, {
-		...t,
-		"data-imf-ui-component": "Toast.Action",
-		className: (t) => Va({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-eo.displayName = "Toast.Action";
-function to({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Positioner, {
-		...t,
-		"data-imf-ui-component": "Toast.Positioner",
-		className: (t) => Ha({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-to.displayName = "Toast.Positioner";
-function no({ className: e, ...t }) {
-	return /* @__PURE__ */ _(T.Arrow, {
-		...t,
-		"data-imf-ui-component": "Toast.Arrow",
-		className: (t) => Ua({ className: typeof e == "function" ? e(t) : e })
-	});
-}
-no.displayName = "Toast.Arrow";
-//#endregion
-//#region src/components/toast/toast.meta.ts
-var ro = {
-	name: "Toast",
-	category: t.display,
-	status: "experimental",
-	description: "Transient message stack that reports the outcome of a background action without interrupting the page. Use for save confirmations, undo offers, and async progress; attach one to an element for contextual feedback like a copy confirmation. Also called a snackbar, notification, or flash message; for a message that stays inline in the page use Callout instead.",
-	origin: "adapted",
-	upstream: {
-		name: "Base UI",
-		websiteLink: "https://base-ui.com/",
-		docLink: "https://base-ui.com/react/components/toast",
-		llmDocLink: "https://base-ui.com/react/components/toast.md"
-	}
 }, X = {
 	arrow: "imf-ui-tooltip-module-arrow",
 	popup: "imf-ui-tooltip-module-popup",
@@ -2482,18 +2302,18 @@ var ro = {
 	variantPrimary: "imf-ui-tooltip-module-variantPrimary",
 	variantSecondary: "imf-ui-tooltip-module-variantSecondary",
 	viewport: "imf-ui-tooltip-module-viewport"
-}, io = /* @__PURE__ */ e({
-	Arrow: () => vo,
-	Inline: () => bo,
-	Popup: () => _o,
-	Portal: () => ho,
-	Positioner: () => go,
-	Provider: () => fo,
-	Root: () => po,
-	Trigger: () => mo,
-	Viewport: () => yo,
-	createHandle: () => uo
-}), ao = h(X.trigger, { variants: {
+}, ja = /* @__PURE__ */ e({
+	Arrow: () => Wa,
+	Inline: () => Ka,
+	Popup: () => Ua,
+	Portal: () => Va,
+	Positioner: () => Ha,
+	Provider: () => Ra,
+	Root: () => za,
+	Trigger: () => Ba,
+	Viewport: () => Ga,
+	createHandle: () => La
+}), Ma = h(X.trigger, { variants: {
 	variant: {
 		primary: X.variantPrimary,
 		secondary: X.variantSecondary,
@@ -2501,92 +2321,92 @@ var ro = {
 		negative: X.variantNegative
 	},
 	inline: { true: X.triggerInline }
-} }), oo = h(X.positioner), so = h(X.popup, { variants: { variant: {
+} }), Na = h(X.positioner), Pa = h(X.popup, { variants: { variant: {
 	primary: X.popupVariantPrimary,
 	secondary: X.popupVariantSecondary,
 	positive: X.popupVariantPositive,
 	negative: X.popupVariantNegative
-} } }), co = h(X.arrow), lo = h(X.viewport), uo = E.createHandle;
-function fo(e) {
+} } }), Fa = h(X.arrow), Ia = h(X.viewport), La = E.createHandle;
+function Ra(e) {
 	return /* @__PURE__ */ _(E.Provider, { ...e });
 }
-fo.displayName = "Tooltip.Provider";
-function po(e) {
+Ra.displayName = "Tooltip.Provider";
+function za(e) {
 	return /* @__PURE__ */ _(E.Root, { ...e });
 }
-po.displayName = "Tooltip.Root";
-function mo({ variant: e = "secondary", inline: t = !1, delay: n = 250, className: r, ...i }) {
+za.displayName = "Tooltip.Root";
+function Ba({ variant: e = "secondary", inline: t = !1, delay: n = 250, className: r, ...i }) {
 	return /* @__PURE__ */ _(E.Trigger, {
 		...i,
 		delay: n,
 		"data-imf-ui-component": "Tooltip.Trigger",
-		className: (n) => ao({
+		className: (n) => Ma({
 			variant: e,
 			inline: t || void 0,
 			className: typeof r == "function" ? r(n) : r
 		})
 	});
 }
-mo.displayName = "Tooltip.Trigger";
-function ho(e) {
+Ba.displayName = "Tooltip.Trigger";
+function Va(e) {
 	return /* @__PURE__ */ _(E.Portal, { ...e });
 }
-ho.displayName = "Tooltip.Portal";
-function go({ className: e, sideOffset: t = 13, ...n }) {
+Va.displayName = "Tooltip.Portal";
+function Ha({ className: e, sideOffset: t = 13, ...n }) {
 	return /* @__PURE__ */ _(E.Positioner, {
 		...n,
 		sideOffset: t,
 		"data-imf-ui-component": "Tooltip.Positioner",
-		className: (t) => oo({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Na({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-go.displayName = "Tooltip.Positioner";
-function _o({ className: e, variant: t, ...n }) {
+Ha.displayName = "Tooltip.Positioner";
+function Ua({ className: e, variant: t, ...n }) {
 	return /* @__PURE__ */ _(E.Popup, {
 		...n,
 		"data-imf-ui-component": "Tooltip.Popup",
-		className: (n) => so({
+		className: (n) => Pa({
 			variant: t,
 			className: typeof e == "function" ? e(n) : e
 		})
 	});
 }
-_o.displayName = "Tooltip.Popup";
-function vo({ className: e, ...t }) {
+Ua.displayName = "Tooltip.Popup";
+function Wa({ className: e, ...t }) {
 	return /* @__PURE__ */ _(E.Arrow, {
 		...t,
 		"data-imf-ui-component": "Tooltip.Arrow",
-		className: (t) => co({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Fa({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-vo.displayName = "Tooltip.Arrow";
-function yo({ className: e, ...t }) {
+Wa.displayName = "Tooltip.Arrow";
+function Ga({ className: e, ...t }) {
 	return /* @__PURE__ */ _(E.Viewport, {
 		...t,
 		"data-imf-ui-component": "Tooltip.Viewport",
-		className: (t) => lo({ className: typeof e == "function" ? e(t) : e })
+		className: (t) => Ia({ className: typeof e == "function" ? e(t) : e })
 	});
 }
-yo.displayName = "Tooltip.Viewport";
-function bo({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
-	return /* @__PURE__ */ v(po, { children: [/* @__PURE__ */ _(mo, {
+Ga.displayName = "Tooltip.Viewport";
+function Ka({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
+	return /* @__PURE__ */ v(za, { children: [/* @__PURE__ */ _(Ba, {
 		inline: !0,
 		delay: n,
 		children: e
-	}), /* @__PURE__ */ _(ho, { children: /* @__PURE__ */ _(go, {
+	}), /* @__PURE__ */ _(Va, { children: /* @__PURE__ */ _(Ha, {
 		side: r,
 		sideOffset: i,
-		children: /* @__PURE__ */ _(_o, { children: t })
+		children: /* @__PURE__ */ _(Ua, { children: t })
 	}) })] });
 }
-bo.displayName = "Tooltip.Inline";
+Ka.displayName = "Tooltip.Inline";
 //#endregion
 //#region src/components/tooltip/tooltip.meta.ts
-var xo = {
+var qa = {
 	name: "Tooltip",
 	category: t.display,
 	status: "stable",
-	description: "Hover- or focus-triggered label for brief help about a control or term. Also called a hint; use Popover for a panel with actions.",
+	description: "Hover- or focus-triggered floating label giving terse contextual help for a control or term. Use for icon-button descriptions, truncated-text reveals, and field hints. Also called a hint, hovercard, or info bubble; for click-triggered panels with actions use Popover instead.",
 	origin: "adapted",
 	upstream: {
 		name: "Base UI",
@@ -2623,21 +2443,21 @@ var xo = {
 	variantPrimary: "imf-ui-typo-module-variantPrimary",
 	variantSupport: "imf-ui-typo-module-variantSupport",
 	variantWarning: "imf-ui-typo-module-variantWarning"
-}, So = /* @__PURE__ */ e({
-	Blockquote: () => jo,
-	Detail: () => ko,
-	H1: () => Co,
-	H2: () => wo,
-	H3: () => To,
-	H4: () => Eo,
-	Highlight: () => No,
-	InlineCode: () => Mo,
-	Lead: () => Oo,
-	Link: () => Po,
-	OrderedList: () => Fo,
-	P: () => Do,
-	Small: () => Ao,
-	UnorderedList: () => Io
+}, Ja = /* @__PURE__ */ e({
+	Blockquote: () => ro,
+	Detail: () => to,
+	H1: () => Ya,
+	H2: () => Xa,
+	H3: () => Za,
+	H4: () => Qa,
+	Highlight: () => ao,
+	InlineCode: () => io,
+	Lead: () => eo,
+	Link: () => oo,
+	OrderedList: () => so,
+	P: () => $a,
+	Small: () => no,
+	UnorderedList: () => co
 }), Q = h("", { variants: { variant: {
 	main: Z.variantMain,
 	support: Z.variantSupport,
@@ -2656,7 +2476,7 @@ var xo = {
 	default: Z.spacingDefault,
 	none: Z.spacingNone
 } } });
-function Co({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+function Ya({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("h1", {
 		...r,
 		"data-imf-ui-component": "Typo.H1",
@@ -2667,8 +2487,8 @@ function Co({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-Co.displayName = "Typo.H1";
-function wo({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+Ya.displayName = "Typo.H1";
+function Xa({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("h2", {
 		...r,
 		"data-imf-ui-component": "Typo.H2",
@@ -2679,8 +2499,8 @@ function wo({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-wo.displayName = "Typo.H2";
-function To({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+Xa.displayName = "Typo.H2";
+function Za({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("h3", {
 		...r,
 		"data-imf-ui-component": "Typo.H3",
@@ -2691,8 +2511,8 @@ function To({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-To.displayName = "Typo.H3";
-function Eo({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+Za.displayName = "Typo.H3";
+function Qa({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("h4", {
 		...r,
 		"data-imf-ui-component": "Typo.H4",
@@ -2703,8 +2523,8 @@ function Eo({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-Eo.displayName = "Typo.H4";
-function Do({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+Qa.displayName = "Typo.H4";
+function $a({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("p", {
 		...r,
 		"data-imf-ui-component": "Typo.P",
@@ -2715,8 +2535,8 @@ function Do({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-Do.displayName = "Typo.P";
-function Oo({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+$a.displayName = "Typo.P";
+function eo({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("p", {
 		...r,
 		"data-imf-ui-component": "Typo.Lead",
@@ -2727,8 +2547,8 @@ function Oo({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-Oo.displayName = "Typo.Lead";
-function ko({ variant: e = "main", className: t, ...n }) {
+eo.displayName = "Typo.Lead";
+function to({ variant: e = "main", className: t, ...n }) {
 	return /* @__PURE__ */ _("p", {
 		...n,
 		"data-imf-ui-component": "Typo.Detail",
@@ -2739,8 +2559,8 @@ function ko({ variant: e = "main", className: t, ...n }) {
 		children: n.children
 	});
 }
-ko.displayName = "Typo.Detail";
-function Ao({ variant: e = "minor", className: t, ...n }) {
+to.displayName = "Typo.Detail";
+function no({ variant: e = "minor", className: t, ...n }) {
 	return /* @__PURE__ */ _("small", {
 		...n,
 		"data-imf-ui-component": "Typo.Small",
@@ -2751,8 +2571,8 @@ function Ao({ variant: e = "minor", className: t, ...n }) {
 		children: n.children
 	});
 }
-Ao.displayName = "Typo.Small";
-function jo({ variant: e = "support", spacing: t = "default", className: n, ...r }) {
+no.displayName = "Typo.Small";
+function ro({ variant: e = "support", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("blockquote", {
 		...r,
 		"data-imf-ui-component": "Typo.Blockquote",
@@ -2763,12 +2583,12 @@ function jo({ variant: e = "support", spacing: t = "default", className: n, ...r
 		children: r.children
 	});
 }
-jo.displayName = "Typo.Blockquote";
-function Mo(e) {
+ro.displayName = "Typo.Blockquote";
+function io(e) {
 	return /* @__PURE__ */ _(se, { ...e });
 }
-Mo.displayName = "Typo.InlineCode";
-function No({ variant: e = "oncolor", className: t, ...n }) {
+io.displayName = "Typo.InlineCode";
+function ao({ variant: e = "oncolor", className: t, ...n }) {
 	return /* @__PURE__ */ _("mark", {
 		...n,
 		"data-imf-ui-component": "Typo.Highlight",
@@ -2779,8 +2599,8 @@ function No({ variant: e = "oncolor", className: t, ...n }) {
 		children: n.children
 	});
 }
-No.displayName = "Typo.Highlight";
-function Po({ variant: e = "main", kind: t = "external", className: n, ...r }) {
+ao.displayName = "Typo.Highlight";
+function oo({ variant: e = "main", kind: t = "external", className: n, ...r }) {
 	let i = t === "external" ? p : c;
 	return /* @__PURE__ */ v("a", {
 		...t === "external" ? {
@@ -2801,8 +2621,8 @@ function Po({ variant: e = "main", kind: t = "external", className: n, ...r }) {
 		})]
 	});
 }
-Po.displayName = "Typo.Link";
-function Fo({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+oo.displayName = "Typo.Link";
+function so({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("ol", {
 		...r,
 		"data-imf-ui-component": "Typo.OrderedList",
@@ -2813,8 +2633,8 @@ function Fo({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-Fo.displayName = "Typo.OrderedList";
-function Io({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
+so.displayName = "Typo.OrderedList";
+function co({ variant: e = "main", spacing: t = "default", className: n, ...r }) {
 	return /* @__PURE__ */ _("ul", {
 		...r,
 		"data-imf-ui-component": "Typo.UnorderedList",
@@ -2825,28 +2645,30 @@ function Io({ variant: e = "main", spacing: t = "default", className: n, ...r })
 		children: r.children
 	});
 }
-Io.displayName = "Typo.UnorderedList";
+co.displayName = "Typo.UnorderedList";
 //#endregion
 //#region src/components/typo/typo.meta.ts
-var Lo = {
+var lo = {
 	name: "Typo",
 	category: t.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.",
+	description: "Typographic primitives — a family of heading (H1–H4), paragraph (P, Lead), and inline accent (InlineCode, Highlight, Link) components. Most support a color role — main, support, or minor — plus the standard HTML attributes for its element; InlineCode is a fixed neutral chip (it renders Code.Inline).",
 	origin: "native"
-}, Ro = xe({
+}, uo = xe({
 	color: "currentColor",
 	width: "1.5em",
 	height: "1.5em",
 	strokeWidth: 1.5
 });
-function zo({ children: e, value: t }) {
+//#endregion
+//#region src/icons/icon-config-provider.tsx
+function fo({ children: e, value: t }) {
 	let n = {
-		...Se(Ro),
+		...y(uo),
 		...t
 	};
-	return /* @__PURE__ */ _(Ro, {
+	return /* @__PURE__ */ _(uo, {
 		value: n,
 		children: /* @__PURE__ */ _(be, {
 			iconProps: n,
@@ -2854,14 +2676,13 @@ function zo({ children: e, value: t }) {
 		})
 	});
 }
-zo.displayName = "IconConfig.Provider";
 //#endregion
 //#region src/provider/web-ui-provider.tsx
-function Bo({ children: e, icons: t }) {
-	return /* @__PURE__ */ _(zo, {
+function po({ children: e, icons: t }) {
+	return /* @__PURE__ */ _(fo, {
 		value: t,
-		children: /* @__PURE__ */ v(Ka, { children: [e, " "] })
+		children: e
 	});
 }
 //#endregion
-export { cn as AppShell, je as Button, Rr as Callout, wn as Card, Ve as Checkbox, qr as Chip, Fe as ChipLink, ae as Code, Yr as Collapsible, t as ComponentCategories, ze as CopyButton, Mn as Drawer, qe as Field, lt as Fieldset, m as Icon, ci as ImFusionLogo, gt as Input, ii as Logo, ea as NavigationMenu, sr as Popover, fe as Row, vt as Select, Fr as Separator, le as Slider, da as Spinner, ue as Stack, pe as Switch, pa as Table, me as Tabs, Na as Toast, de as Toggle, he as ToggleGroup, io as Tooltip, So as Typo, Bo as WebUIProvider, Cn as appShellMeta, Me as buttonMeta, Kr as calloutMeta, jn as cardMeta, Ke as checkboxMeta, Ie as chipLinkMeta, Jr as chipMeta, ce as codeMeta, ni as collapsibleMeta, U as config, Be as copyButtonMeta, _e as cva, ve as cx, or as drawerMeta, st as fieldMeta, mt as fieldsetMeta, re as iconMeta, _t as inputMeta, ai as logoMeta, ta as navigationMenuMeta, Mr as popoverMeta, Nr as rowMeta, nn as selectMeta, Ir as separatorMeta, rn as sliderMeta, fa as spinnerMeta, Lr as stackMeta, an as switchMeta, ja as tableMeta, Ma as tabsMeta, ro as toastMeta, sn as toggleGroupMeta, on as toggleMeta, xo as tooltipMeta, Lo as typoMeta, oe as useClipboard, Xi as useColorScheme, Qi as useMediaQuery };
+export { sn as AppShell, Ae as Button, Ir as Callout, Cn as Card, Be as Checkbox, Gr as Chip, Pe as ChipLink, ae as Code, qr as Collapsible, t as ComponentCategories, Re as CopyButton, jn as Drawer, Ke as Field, ct as Fieldset, m as Icon, oi as ImFusionLogo, ht as Input, ni as Logo, Qi as NavigationMenu, or as Popover, fe as Row, _t as Select, Nr as Separator, le as Slider, la as Spinner, ue as Stack, pe as Switch, da as Table, me as Tabs, de as Toggle, he as ToggleGroup, ja as Tooltip, Ja as Typo, po as WebUIProvider, Sn as appShellMeta, je as buttonMeta, Wr as calloutMeta, An as cardMeta, Ge as checkboxMeta, Fe as chipLinkMeta, Kr as chipMeta, ce as codeMeta, ei as collapsibleMeta, W as config, ze as copyButtonMeta, _e as cva, ve as cx, ar as drawerMeta, ot as fieldMeta, pt as fieldsetMeta, re as iconMeta, gt as inputMeta, ri as logoMeta, $i as navigationMenuMeta, Ar as popoverMeta, jr as rowMeta, tn as selectMeta, Pr as separatorMeta, nn as sliderMeta, ua as spinnerMeta, Fr as stackMeta, rn as switchMeta, ka as tableMeta, Aa as tabsMeta, on as toggleGroupMeta, an as toggleMeta, qa as tooltipMeta, lo as typoMeta, oe as useClipboard, Ji as useColorScheme, Xi as useMediaQuery };