@motech-development/breeze-ui 4.6.1 → 4.8.0

package/lib/index.js

@@ -5,36 +5,38 @@ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Button as g } from "react-aria-components/Button";
 import { ProgressBarContext as _ } from "react-aria-components/ProgressBar";
 import { useSlottedContext as v } from "react-aria-components/slots";
-import { useObjectRef as y } from "react-aria/useObjectRef";
-import { CheckboxButton as b, CheckboxField as x } from "react-aria-components/Checkbox";
-import { FieldError as S } from "react-aria-components/FieldError";
-import { Label as C } from "react-aria-components/Label";
-import { Text as w } from "react-aria-components/Text";
-import { ComboBox as T, ComboBoxStateContext as E, useFilter as D } from "react-aria-components/ComboBox";
-import { Group as O } from "react-aria-components/Group";
-import { Input as k } from "react-aria-components/Input";
-import { ListBox as A, ListBoxItem as j } from "react-aria-components/ListBox";
-import { Popover as ee } from "react-aria-components/Popover";
-import { UNSAFE_PortalProvider as M } from "react-aria/PortalProvider";
-import { I18nProvider as N, useLocale as P } from "react-aria-components/I18nProvider";
-import { ArrowDownLeft as te, ArrowUpRight as ne, Bell as F, Building2 as I, CalendarDays as L, Camera as R, Check as re, ChevronDown as z, ChevronLeft as B, ChevronRight as V, Clock3 as ie, Download as ae, Ellipsis as H, FileText as U, House as W, List as oe, LockKeyhole as se, LogOut as ce, Plus as le, Settings as ue, Trash2 as de, TriangleAlert as fe, Upload as pe, Users as me, X as he } from "lucide-react";
-import { Dialog as ge } from "react-aria-components/Dialog";
-import { Modal as _e, ModalOverlay as ve } from "react-aria-components/Modal";
-import { NumberField as ye } from "react-aria-components/NumberField";
-import { Select as be, SelectStateContext as xe, SelectValue as Se } from "react-aria-components/Select";
-import { TextField as Ce } from "react-aria-components/TextField";
-import { createPortal as we } from "react-dom";
-import { parseDate as Te } from "@internationalized/date";
+import { parseDate as y } from "@internationalized/date";
+import { Calendar as b, CalendarCell as x, CalendarGrid as S, CalendarGridBody as C, CalendarGridHeader as w, CalendarHeaderCell as T, CalendarHeading as E } from "react-aria-components/Calendar";
+import { ArrowDownLeft as D, ArrowUpRight as O, Bell as k, Building2 as A, CalendarDays as j, Camera as M, Check as N, ChevronDown as ee, ChevronLeft as te, ChevronRight as P, Clock3 as F, Download as I, Ellipsis as L, FileText as R, House as ne, List as re, LockKeyhole as z, LogOut as B, Plus as ie, Settings as ae, Trash2 as V, TriangleAlert as oe, Upload as H, Users as U, X as se } from "lucide-react";
+import { useObjectRef as ce } from "react-aria/useObjectRef";
+import { CheckboxButton as le, CheckboxField as ue } from "react-aria-components/Checkbox";
+import { FieldError as de } from "react-aria-components/FieldError";
+import { Label as fe } from "react-aria-components/Label";
+import { Text as pe } from "react-aria-components/Text";
+import { ComboBox as me, ComboBoxStateContext as he, useFilter as ge } from "react-aria-components/ComboBox";
+import { Group as _e } from "react-aria-components/Group";
+import { Input as ve } from "react-aria-components/Input";
+import { ListBox as ye, ListBoxItem as be } from "react-aria-components/ListBox";
+import { Popover as xe } from "react-aria-components/Popover";
+import { UNSAFE_PortalProvider as Se } from "react-aria/PortalProvider";
+import { I18nProvider as Ce, useLocale as we } from "react-aria-components/I18nProvider";
+import { Dialog as Te } from "react-aria-components/Dialog";
+import { Modal as Ee, ModalOverlay as De } from "react-aria-components/Modal";
+import { Menu as Oe, MenuItem as ke, MenuTrigger as Ae } from "react-aria-components/Menu";
+import { NumberField as je } from "react-aria-components/NumberField";
+import { Select as Me, SelectStateContext as Ne, SelectValue as Pe } from "react-aria-components/Select";
+import { TextField as Fe } from "react-aria-components/TextField";
+import { createPortal as Ie } from "react-dom";
 //#region src/provider/BreezeContext.ts
-var Ee = n(null);
-function G() {
-	let e = a(Ee);
+var Le = n(null);
+function W() {
+	let e = a(Le);
 	if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return e;
 }
 //#endregion
 //#region src/patterns/AppearanceControl/AppearanceControl.tsx
-var De = {
+var Re = {
 	base: {
 		control: "breeze:flex breeze:items-center breeze:gap-breeze-2 breeze:font-breeze-sans",
 		group: "breeze:flex breeze:items-center breeze:gap-breeze-2",
@@ -45,7 +47,7 @@ var De = {
 	size: {},
 	state: { selected: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
 	variant: {}
-}, Oe = [
+}, ze = [
 	{
 		message: "appearanceLight",
 		value: "light"
@@ -59,30 +61,30 @@ var De = {
 		value: "dark"
 	}
 ];
-function ke(e) {
-	return Oe.some((t) => t.value === e);
+function Be(e) {
+	return ze.some((t) => t.value === e);
 }
-function Ae() {
-	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = G();
+function Ve() {
+	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = W();
 	return /* @__PURE__ */ h("div", {
-		className: De.base.control,
+		className: Re.base.control,
 		children: [/* @__PURE__ */ m("span", {
-			className: De.base.label,
+			className: Re.base.label,
 			lang: r("appearance"),
 			children: i.appearance
 		}), /* @__PURE__ */ m(t, {
 			"aria-label": i.appearance,
-			className: De.base.group,
+			className: Re.base.group,
 			disallowEmptySelection: !0,
 			lang: r("appearance"),
 			onSelectionChange: (e) => {
 				let [t] = e;
-				ke(t) && a(t);
+				Be(t) && a(t);
 			},
 			selectedKeys: [n],
 			selectionMode: "single",
-			children: Oe.map((t) => /* @__PURE__ */ m(e, {
-				className: [De.base.option, De.state.selected].join(" "),
+			children: ze.map((t) => /* @__PURE__ */ m(e, {
+				className: [Re.base.option, Re.state.selected].join(" "),
 				id: t.value,
 				lang: r(t.message),
 				children: i[t.message]
@@ -92,7 +94,7 @@ function Ae() {
 }
 //#endregion
 //#region src/primitives/Skeleton/Skeleton.tsx
-var je = {
+var He = {
 	base: { skeleton: "breeze:block breeze:animate-pulse breeze:appearance-none breeze:bg-breeze-ink-3 breeze:pointer-events-none breeze:forced-colors:outline breeze:forced-colors:outline-1 breeze:forced-colors:outline-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -103,37 +105,37 @@ var je = {
 		text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
 	}
 };
-function K({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
-	let { getMessageLocale: i, messages: a } = G(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
+function G({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
+	let { getMessageLocale: i, messages: a } = W(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
 		blockSize: r === "circle" ? s : e,
 		inlineSize: r === "circle" ? s : t
 	};
 	return /* @__PURE__ */ m("progress", {
 		"aria-hidden": o === void 0 || void 0,
 		"aria-label": o,
-		className: [je.base.skeleton, je.variant[r]].join(" "),
+		className: [He.base.skeleton, He.variant[r]].join(" "),
 		lang: o === a.loading.trim() ? i("loading") : void 0,
 		style: c
 	});
 }
 //#endregion
 //#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
-var Me = {
+var Ue = {
 	base: { hidden: "breeze:sr-only" },
 	compound: {},
 	size: {},
 	state: {},
 	variant: {}
 };
-function Ne({ children: e }) {
+function We({ children: e }) {
 	return /* @__PURE__ */ m("span", {
-		className: Me.base.hidden,
+		className: Ue.base.hidden,
 		children: e
 	});
 }
 //#endregion
 //#region src/primitives/Badge/Badge.tsx
-var Pe = {
+var Ge = {
 	base: {
 		badge: "breeze:inline-grid breeze:shrink-0 breeze:items-center breeze:whitespace-nowrap breeze:rounded-breeze-chip breeze:ps-breeze-2 breeze:pe-breeze-2 breeze:py-breeze-px breeze:text-breeze-2xs breeze:font-bold breeze:leading-breeze-snug breeze:tracking-breeze-wide",
 		content: "breeze:[grid-area:1/1]",
@@ -150,29 +152,29 @@ var Pe = {
 		warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
 	}
 };
-function Fe({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
-	let { messages: i } = G(), a = e?.trim() || void 0, o;
+function Ke({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
+	let { messages: i } = W(), a = e?.trim() || void 0, o;
 	return n ? o = /* @__PURE__ */ m("span", {
-		className: Pe.base.skeleton,
-		children: /* @__PURE__ */ m(K, {
+		className: Ge.base.skeleton,
+		children: /* @__PURE__ */ m(G, {
 			blockSize: 8,
 			inlineSize: "100%",
 			label: i.loading,
 			shape: "rectangle"
 		})
-	}) : a !== void 0 && (o = /* @__PURE__ */ m(Ne, { children: a })), /* @__PURE__ */ h("span", {
+	}) : a !== void 0 && (o = /* @__PURE__ */ m(We, { children: a })), /* @__PURE__ */ h("span", {
 		"aria-busy": n || void 0,
-		className: [Pe.base.badge, Pe.variant[r]].join(" "),
+		className: [Ge.base.badge, Ge.variant[r]].join(" "),
 		children: [/* @__PURE__ */ m("span", {
 			"aria-hidden": n || a !== void 0 ? !0 : void 0,
-			className: [Pe.base.content, n && Pe.state.contentLoading].filter(Boolean).join(" "),
+			className: [Ge.base.content, n && Ge.state.contentLoading].filter(Boolean).join(" "),
 			children: t
 		}), o]
 	});
 }
 //#endregion
 //#region src/primitives/Button/Button.tsx
-var q = {
+var K = {
 	base: {
 		button: "breeze:relative breeze:inline-grid breeze:items-center breeze:justify-center breeze:gap-breeze-2 breeze:border breeze:border-solid breeze:rounded-breeze-ctl breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:cursor-pointer breeze:select-none breeze:[text-align:center] breeze:outline-offset-2 breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
 		label: "breeze:[grid-area:1/1]",
@@ -202,23 +204,23 @@ var q = {
 		secondary: "breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:text-breeze-ink breeze:data-[hovered]:bg-breeze-sunken breeze:data-[pressed]:bg-breeze-sunken"
 	}
 };
-function Ie() {
-	let e = v(_), { getMessageLocale: t, messages: n } = G();
+function qe() {
+	let e = v(_), { getMessageLocale: t, messages: n } = W();
 	return /* @__PURE__ */ m("progress", {
 		"aria-label": n.loading,
-		className: q.state.loadingStatus,
+		className: K.state.loadingStatus,
 		id: e?.id,
 		lang: t("loading")
 	});
 }
-function Le({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: u, loading: d = !1, name: f, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
-	G();
+function Je({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: u, loading: d = !1, name: f, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
+	W();
 	let C = [
-		q.base.button,
-		q.variant[S],
-		q.size[y],
-		c && q.state.disabled,
-		d && q.state.loading
+		K.base.button,
+		K.variant[S],
+		K.size[y],
+		c && K.state.disabled,
+		d && K.state.loading
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ h(g, {
 		"aria-controls": e,
@@ -244,18 +246,208 @@ function Le({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ar
 		type: b,
 		value: x,
 		children: [/* @__PURE__ */ m("span", {
-			className: [q.base.label, d && q.state.loadingLabel].filter(Boolean).join(" "),
+			className: [K.base.label, d && K.state.loadingLabel].filter(Boolean).join(" "),
 			children: s
-		}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Ie, {}), /* @__PURE__ */ m("span", {
+		}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(qe, {}), /* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: [q.base.skeleton, q.compound.loading[S]].join(" "),
+			className: [K.base.skeleton, K.compound.loading[S]].join(" "),
 			"data-breeze-skeleton": ""
 		})] })]
 	});
 }
 //#endregion
+//#region src/primitives/Field/field.styles.ts
+var q = {
+	base: {
+		control: "breeze:relative breeze:inline-grid breeze:min-inline-size-0 breeze:inline-size-full",
+		description: "breeze:m-0 breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
+		error: "breeze:m-0 breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-danger",
+		input: "breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-offset-2 breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60 breeze:read-only:cursor-default breeze:read-only:bg-breeze-sunken",
+		label: "breeze:m-0 breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink",
+		root: "breeze:flex breeze:min-inline-size-0 breeze:flex-col breeze:gap-breeze-2",
+		skeleton: "breeze:pointer-events-none breeze:absolute breeze:[inset-block:0] breeze:[inset-inline:0]"
+	},
+	compound: {},
+	size: {},
+	state: { loadingInput: "breeze:!opacity-0" },
+	variant: {}
+};
+function J(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/primitives/Icon/Icon.tsx
+var Ye = {
+	add: ie,
+	back: te,
+	building: A,
+	calendar: j,
+	camera: M,
+	check: N,
+	clock: F,
+	close: se,
+	delete: V,
+	document: R,
+	download: I,
+	expand: ee,
+	forward: P,
+	lock: z,
+	money: re,
+	moneyIn: D,
+	moneyOut: O,
+	more: L,
+	next: P,
+	notifications: k,
+	overview: ne,
+	people: U,
+	settings: ae,
+	signOut: B,
+	upload: H,
+	warning: oe
+}, Xe = {
+	base: { icon: "breeze:block breeze:shrink-0" },
+	compound: {},
+	size: {
+		lg: "breeze:block-size-breeze-6 breeze:inline-size-breeze-6",
+		md: "breeze:block-size-breeze-5 breeze:inline-size-breeze-5",
+		sm: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4"
+	},
+	state: { logicalDirection: "breeze:rtl:rotate-180" },
+	variant: {}
+}, Ze = /* @__PURE__ */ new Set([
+	"back",
+	"forward",
+	"next"
+]);
+function Y({ label: e, name: t, size: n = "md" }) {
+	let r = Ye[t], i = e?.trim() || void 0;
+	return /* @__PURE__ */ m(r, {
+		"aria-hidden": i === void 0 || void 0,
+		"aria-label": i,
+		className: [
+			Xe.base.icon,
+			Xe.size[n],
+			Ze.has(t) && Xe.state.logicalDirection
+		].filter(Boolean).join(" "),
+		focusable: "false",
+		role: i === void 0 ? void 0 : "img",
+		strokeWidth: 1.75
+	});
+}
+//#endregion
+//#region src/primitives/Calendar/Calendar.tsx
+var X = {
+	base: {
+		cell: "breeze:grid breeze:min-block-breeze-8 breeze:min-inline-breeze-8 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap breeze:place-items-center breeze:rounded-breeze-full breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[focused]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[hovered]:bg-breeze-sunken breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-50 breeze:data-[outside-month]:text-breeze-ink-3",
+		disabledRoot: "breeze:pointer-events-none breeze:[&>div:last-child]:hidden",
+		grid: "breeze:w-full breeze:table-fixed breeze:border-separate breeze:border-spacing-1 breeze:any-pointer-coarse:border-spacing-0",
+		header: "breeze:mb-breeze-2 breeze:flex breeze:min-block-breeze-tap breeze:items-center breeze:justify-between",
+		heading: "breeze:m-0 breeze:font-breeze-sans breeze:text-breeze-sm breeze:font-semibold breeze:text-breeze-ink",
+		navButton: "breeze:grid breeze:block-size-breeze-8 breeze:inline-size-breeze-8 breeze:place-items-center breeze:rounded-breeze-full breeze:border-0 breeze:bg-transparent breeze:text-breeze-ink-2 breeze:outline-offset-2 breeze:hover:bg-breeze-sunken breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-50 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
+		root: "breeze:flex breeze:flex-col breeze:gap-breeze-2 breeze:outline-none",
+		selectedCell: "breeze:bg-breeze-brand breeze:text-breeze-on-brand breeze:data-[focused]:data-[selected]:bg-breeze-brand breeze:data-[selected]:data-[hovered]:bg-breeze-brand breeze:data-[outside-month]:data-[selected]:text-breeze-on-brand breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-solid breeze:forced-colors:data-[selected]:outline-offset-2",
+		todayCell: "breeze:outline-2 breeze:outline-solid breeze:outline-breeze-brand",
+		weekday: "breeze:pb-breeze-1 breeze:text-center breeze:font-breeze-sans breeze:text-breeze-xs breeze:font-medium breeze:text-breeze-ink-3"
+	},
+	compound: {},
+	size: {},
+	state: {},
+	variant: {}
+};
+function Qe(e) {
+	try {
+		return y(e);
+	} catch {
+		return null;
+	}
+}
+function $e({ disabled: e }) {
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
+		className: X.base.header,
+		children: [
+			/* @__PURE__ */ m(g, {
+				className: X.base.navButton,
+				isDisabled: e,
+				slot: "previous",
+				children: /* @__PURE__ */ m(Y, {
+					name: "back",
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ m(E, { className: X.base.heading }),
+			/* @__PURE__ */ m(g, {
+				className: X.base.navButton,
+				isDisabled: e,
+				slot: "next",
+				children: /* @__PURE__ */ m(Y, {
+					name: "next",
+					size: "sm"
+				})
+			})
+		]
+	}), /* @__PURE__ */ h(S, {
+		className: X.base.grid,
+		weekdayStyle: "short",
+		children: [/* @__PURE__ */ m(w, { children: (e) => /* @__PURE__ */ m(T, {
+			className: X.base.weekday,
+			children: e
+		}) }), /* @__PURE__ */ m(C, { children: (t) => /* @__PURE__ */ m(x, {
+			className: ({ isSelected: e, isToday: t }) => J(X.base.cell, e && X.base.selectedCell, t && !e && X.base.todayCell),
+			date: t,
+			render: (t) => r("div", {
+				...t,
+				"aria-disabled": e || t["aria-disabled"],
+				...e ? { "data-disabled": !0 } : {},
+				tabIndex: e ? -1 : t.tabIndex
+			})
+		}) })]
+	})] });
+}
+function et({ autoFocus: e, defaultValue: t, disabled: n, label: i, onChange: a, value: s }) {
+	let c = s?.toString(), l = u(c), [f, p] = d(s ?? void 0);
+	o(() => {
+		c !== l.current && (l.current = c, s != null && p(s));
+	}, [c, s]);
+	let h = s != null && c !== l.current ? s : f, g = s == null ? {} : {
+		focusedValue: h,
+		onFocusChange: p
+	}, _ = s === void 0 ? {} : { value: s }, v = t === void 0 ? {} : { defaultValue: t }, y = a === void 0 ? {} : { onChange: a };
+	return r(b, {
+		"aria-label": i,
+		autoFocus: e && !n,
+		className: J(X.base.root, n && X.base.disabledRoot),
+		firstDayOfWeek: "mon",
+		isReadOnly: n,
+		render: n ? (e) => r("div", {
+			...e,
+			"aria-disabled": !0,
+			onKeyDownCapture: (e) => {
+				e.key === "Tab" || e.key === "Escape" || (e.preventDefault(), e.stopPropagation());
+			}
+		}) : void 0,
+		weeksInMonth: 6,
+		...g,
+		...v,
+		...y,
+		..._
+	}, /* @__PURE__ */ m($e, { disabled: n }));
+}
+function tt({ autoFocus: e = !1, defaultValue: t, disabled: n = !1, label: r, onChange: i, value: a }) {
+	let o = a === void 0 ? void 0 : Qe(a);
+	return /* @__PURE__ */ m(et, {
+		autoFocus: e,
+		defaultValue: t === void 0 ? void 0 : Qe(t),
+		disabled: n,
+		label: r,
+		onChange: (e) => {
+			e && i?.(e.toString());
+		},
+		value: o
+	});
+}
+//#endregion
 //#region src/primitives/layout.accessibility.ts
-function Re(e, t) {
+function nt(e, t) {
 	let n = e?.trim() || void 0;
 	return {
 		accessibleLabel: n,
@@ -264,7 +456,7 @@ function Re(e, t) {
 }
 //#endregion
 //#region src/primitives/Card/Card.tsx
-var ze = {
+var rt = {
 	base: { card: "breeze:min-inline-size-0 breeze:rounded-breeze-panel breeze:border breeze:border-solid breeze:border-breeze-line breeze:shadow-breeze-panel" },
 	compound: {},
 	size: {
@@ -284,82 +476,62 @@ var ze = {
 		surface: "breeze:bg-breeze-surface"
 	}
 };
-function Be({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
-	let { accessibleLabel: s, role: c } = Re(e, i);
+function it({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
+	let { accessibleLabel: s, role: c } = nt(e, i);
 	return r(i, {
 		"aria-label": s,
 		className: [
-			ze.base.card,
-			ze.variant[o],
-			ze.size[a],
-			n && ze.state.clipped
+			rt.base.card,
+			rt.variant[o],
+			rt.size[a],
+			n && rt.state.clipped
 		].filter(Boolean).join(" "),
 		role: c
 	}, t);
 }
 //#endregion
-//#region src/primitives/Field/field.styles.ts
-var J = {
-	base: {
-		control: "breeze:relative breeze:inline-grid breeze:min-inline-size-0 breeze:inline-size-full",
-		description: "breeze:m-0 breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
-		error: "breeze:m-0 breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-danger",
-		input: "breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-offset-2 breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60 breeze:read-only:cursor-default breeze:read-only:bg-breeze-sunken",
-		label: "breeze:m-0 breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink",
-		root: "breeze:flex breeze:min-inline-size-0 breeze:flex-col breeze:gap-breeze-2",
-		skeleton: "breeze:pointer-events-none breeze:absolute breeze:[inset-block:0] breeze:[inset-inline:0]"
-	},
-	compound: {},
-	size: {},
-	state: { loadingInput: "breeze:!opacity-0" },
-	variant: {}
-};
-function Y(...e) {
-	return e.filter(Boolean).join(" ");
-}
-//#endregion
 //#region src/primitives/Field/field.presentation.tsx
-function Ve({ htmlFor: e, id: t, label: n, loading: r, onClick: i }) {
-	return /* @__PURE__ */ m(C, {
-		className: J.base.label,
+function at({ htmlFor: e, id: t, label: n, loading: r, onClick: i }) {
+	return /* @__PURE__ */ m(fe, {
+		className: q.base.label,
 		htmlFor: e,
 		id: t,
 		onClick: i,
-		children: r ? /* @__PURE__ */ m(K, {
+		children: r ? /* @__PURE__ */ m(G, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		}) : n
 	});
 }
-function He({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
-	return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(w, {
-		className: J.base.description,
+function ot({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
+	return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(pe, {
+		className: q.base.description,
 		id: t,
 		slot: "description",
-		children: i ? /* @__PURE__ */ m(K, {
+		children: i ? /* @__PURE__ */ m(G, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		}) : e
 	}), n && (i ? /* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
-		className: J.base.error,
+		className: q.base.error,
 		id: r,
-		children: /* @__PURE__ */ m(K, {
+		children: /* @__PURE__ */ m(G, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		})
-	}) : /* @__PURE__ */ m(S, {
-		className: J.base.error,
+	}) : /* @__PURE__ */ m(de, {
+		className: q.base.error,
 		id: r,
 		children: n
 	}))] });
 }
 //#endregion
 //#region src/primitives/Checkbox/Checkbox.tsx
-var Ue = {
+var st = {
 	base: {
 		control: "breeze:relative breeze:inline-grid breeze:min-block-breeze-tap breeze:grid-flow-col breeze:items-center breeze:gap-breeze-2 breeze:cursor-pointer breeze:select-none breeze:font-breeze-sans breeze:text-breeze-sm breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60",
 		indicator: "breeze:inline-grid breeze:block-size-breeze-5 breeze:inline-size-breeze-5 breeze:shrink-0 breeze:place-items-center breeze:rounded-breeze-chip breeze:border breeze:border-solid breeze:border-breeze-ink-3 breeze:bg-breeze-surface breeze:text-breeze-on-brand breeze:transition-colors breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand",
@@ -372,17 +544,17 @@ var Ue = {
 	state: {},
 	variant: {}
 };
-function We({ defaultSelected: e, description: t, disabled: n = !1, error: r, form: i, id: a, label: o, loading: s = !1, name: c, onChange: l, readOnly: u = !1, ref: d, required: f = !1, selected: g, value: _ }) {
-	let { messages: v } = G(), S = y(d), C = t?.trim() || void 0, w = r?.trim() || void 0, T = n || s;
-	return /* @__PURE__ */ h(x, {
-		className: J.base.root,
+function ct({ defaultSelected: e, description: t, disabled: n = !1, error: r, form: i, id: a, label: o, loading: s = !1, name: c, onChange: l, readOnly: u = !1, ref: d, required: f = !1, selected: g, value: _ }) {
+	let { messages: v } = W(), y = ce(d), b = t?.trim() || void 0, x = r?.trim() || void 0, S = n || s;
+	return /* @__PURE__ */ h(ue, {
+		className: q.base.root,
 		defaultSelected: e,
 		form: i,
 		id: a,
-		inputRef: S,
+		inputRef: y,
 		"aria-label": s ? o : void 0,
-		isDisabled: T,
-		isInvalid: !s && w !== void 0,
+		isDisabled: S,
+		isInvalid: !s && x !== void 0,
 		isReadOnly: u,
 		isRequired: f,
 		isSelected: g,
@@ -390,19 +562,19 @@ function We({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 		onChange: l,
 		value: _,
 		validationBehavior: "aria",
-		children: [/* @__PURE__ */ m(b, {
-			className: Ue.base.control,
+		children: [/* @__PURE__ */ m(le, {
+			className: st.base.control,
 			children: ({ isFocusVisible: e, isSelected: t }) => /* @__PURE__ */ h(p, { children: [s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: Ue.base.skeletonIndicator,
-				children: /* @__PURE__ */ m(K, {
+				className: st.base.skeletonIndicator,
+				children: /* @__PURE__ */ m(G, {
 					blockSize: "100%",
 					inlineSize: "100%",
 					shape: "rectangle"
 				})
 			}), /* @__PURE__ */ m("span", {
-				className: Ue.base.skeleton,
-				children: /* @__PURE__ */ m(K, {
+				className: st.base.skeleton,
+				children: /* @__PURE__ */ m(G, {
 					blockSize: "1lh",
 					inlineSize: "12em",
 					label: v.loading,
@@ -410,24 +582,105 @@ function We({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 				})
 			})] }), !s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: Ue.base.indicator,
+				className: st.base.indicator,
 				"data-focus-visible": e || void 0,
 				"data-selected": t || void 0,
 				children: t ? "✓" : ""
 			}), /* @__PURE__ */ m("span", {
-				className: Ue.base.label,
+				className: st.base.label,
 				children: o
 			})] })] })
-		}), /* @__PURE__ */ m(He, {
-			description: C,
-			error: w,
+		}), /* @__PURE__ */ m(ot, {
+			description: b,
+			error: x,
 			loading: s
 		})]
 	});
 }
 //#endregion
+//#region src/primitives/SelectionControl/SelectionControl.tsx
+var lt = {
+	base: {
+		label: "breeze:[grid-area:1/1]",
+		skeleton: "breeze:[grid-area:1/1] breeze:inline-size-full breeze:block-size-breeze-3",
+		status: "breeze:sr-only"
+	},
+	state: {
+		loading: "breeze:cursor-wait",
+		loadingLabel: "breeze:opacity-0"
+	}
+};
+function ut({ "aria-describedby": t, "aria-label": n, "aria-labelledby": i, children: a, className: o, defaultPressed: s, disabled: c, id: l, announceLoading: u = !0, loading: f, onChange: g, pressed: _, ref: v }) {
+	let { getMessageLocale: y, messages: b } = W(), [x, S] = d(s ?? !1), C = _ !== void 0, w = C ? _ : x;
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h(e, {
+			"aria-describedby": t,
+			"aria-label": n,
+			"aria-labelledby": i,
+			className: [o, f && lt.state.loading].filter(Boolean).join(" "),
+			id: l,
+			isDisabled: c,
+			isSelected: w,
+			onChange: (e) => {
+				f || (C || S(e), g?.(e));
+			},
+			ref: v,
+			render: (e) => r("button", {
+				...e,
+				"aria-busy": f || void 0,
+				"aria-disabled": c || f || void 0,
+				type: "button"
+			}),
+			children: [/* @__PURE__ */ m("span", {
+				className: [lt.base.label, f && lt.state.loadingLabel].filter(Boolean).join(" "),
+				children: a
+			}), f && /* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				className: lt.base.skeleton,
+				"data-breeze-skeleton": "",
+				children: /* @__PURE__ */ m(G, { inlineSize: "100%" })
+			})]
+		}),
+		f && u && /* @__PURE__ */ m("span", {
+			className: lt.base.status,
+			children: /* @__PURE__ */ m(G, { label: b.loading })
+		}),
+		u && /* @__PURE__ */ m("output", {
+			"aria-live": "polite",
+			className: lt.base.status,
+			lang: y("loading"),
+			children: f ? b.loading : ""
+		})
+	] });
+}
+//#endregion
+//#region src/primitives/Chip/Chip.tsx
+var dt = {
+	base: { chip: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:whitespace-nowrap breeze:rounded-breeze-full breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:font-breeze-sans breeze:text-breeze-xs breeze:font-semibold breeze:text-breeze-ink breeze:cursor-pointer breeze:select-none breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap breeze:min-block-breeze-sm" },
+	compound: {},
+	size: {},
+	state: { pressed: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
+	variant: {}
+};
+function ft({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, children: r, defaultPressed: i, disabled: a = !1, id: o, loading: s = !1, onChange: c, pressed: l, ref: u }) {
+	return /* @__PURE__ */ m(ut, {
+		"aria-describedby": e,
+		"aria-label": t,
+		"aria-labelledby": n,
+		className: [dt.base.chip, dt.state.pressed].join(" "),
+		defaultPressed: i,
+		disabled: a,
+		id: o,
+		loading: s,
+		onChange: c,
+		pressed: l,
+		ref: u,
+		children: r
+	});
+}
+//#endregion
 //#region src/primitives/Collection/collection.styles.ts
-var X = {
+var Z = {
 	base: {
 		badge: "breeze:ms-auto",
 		content: "breeze:flex breeze:min-inline-size-0 breeze:flex-1 breeze:flex-col breeze:gap-breeze-1",
@@ -445,7 +698,7 @@ var X = {
 };
 //#endregion
 //#region src/overlays/OverlayStack.ts
-function Ge() {
+function pt() {
 	let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
 	return {
 		getSnapshot: () => e,
@@ -461,15 +714,15 @@ function Ge() {
 		})
 	};
 }
-var Ke = n(null);
-function qe() {
-	let e = a(Ke);
+var mt = n(null);
+function ht() {
+	let e = a(mt);
 	if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return 100 + f(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
 }
-var Je = n(null);
-function Ye(e, t, n) {
-	let r = a(Ke), i = a(Je), o = s();
+var gt = n(null);
+function _t(e, t, n) {
+	let r = a(mt), i = a(gt), o = s();
 	if (!r) throw Error("Breeze components must be rendered within BreezeProvider.");
 	let l = f(r.subscribe, r.getSnapshot, r.getSnapshot), u = i?.id;
 	c(() => () => r.remove(o), [o, r]), c(() => {
@@ -508,12 +761,12 @@ function Ye(e, t, n) {
 }
 //#endregion
 //#region src/overlays/OverlayProvider.tsx
-var Xe = n(null), Ze = "BreezeProvider portalContainer must belong to the current document and light DOM.";
-function Qe({ children: e, portalContainer: t, locale: n }) {
-	let { direction: r } = P(), [i] = d(Ge), [a, o] = d(null);
+var vt = n(null), yt = "BreezeProvider portalContainer must belong to the current document and light DOM.";
+function bt({ children: e, portalContainer: t, locale: n }) {
+	let { direction: r } = we(), [i] = d(pt), [a, o] = d(null);
 	return c(() => {
 		let e = t ?? document.body;
-		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(Ze);
+		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(yt);
 		let n = e.ownerDocument.createElement("div");
 		return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n), o(n), () => n.remove();
 	}, [t]), c(() => {
@@ -522,173 +775,115 @@ function Qe({ children: e, portalContainer: t, locale: n }) {
 		r,
 		a,
 		n
-	]), /* @__PURE__ */ m(M, {
+	]), /* @__PURE__ */ m(Se, {
 		getContainer: () => a,
-		children: /* @__PURE__ */ m(Ke, {
+		children: /* @__PURE__ */ m(mt, {
 			value: i,
-			children: /* @__PURE__ */ m(Xe, {
+			children: /* @__PURE__ */ m(vt, {
 				value: a,
 				children: e
 			})
 		})
 	});
 }
-function $e() {
-	return a(Xe);
+function xt() {
+	return a(vt);
 }
 //#endregion
 //#region src/primitives/Collection/CollectionPopover.tsx
-var et = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
-function tt(e) {
+var St = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function Ct(e) {
 	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
 }
-function nt({ children: e, className: t, isOpen: n, onOpenChange: r, triggerRef: s }) {
-	let l = $e(), f = a(Je), p = f?.open ?? !0, [h, g] = d(f === null), [_, v] = d(!1), y = u(!1), b = u(null), x = u(null), S = u(null), C = n && p, w = Ye("popover", C && h && l !== null, C || _), T = i((e) => {
-		b.current = e, v(e !== null);
+function wt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenChange: s, triggerRef: l }) {
+	let f = xt(), p = a(gt), h = p?.open ?? !0, [g, _] = d(p === null), [v, y] = d(!1), b = u(!1), x = u(null), S = u(null), C = u(null), w = r && h, T = _t("popover", w && g && f !== null, w || v), E = i((e) => {
+		x.current = e, y(e !== null);
 	}, []);
 	return c(() => {
-		if (l && s.current && (s.current.ownerDocument !== document || s.current.getRootNode() !== document || l.ownerDocument !== document || l.getRootNode() !== document)) throw Error(et);
-	}), o(() => g(!0), []), c(() => {
-		if (!C || !w.topmost || !l) return;
-		let e = (e) => tt(e) && !b.current?.contains(e) && !s.current?.contains(e), t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), n = (e) => e.button === 0, i = null, a = () => {
-			i !== null && (clearTimeout(i), i = null);
-		}, o = () => {
-			a(), i = setTimeout(() => {
-				i = null, S.current = null;
+		if (f && l.current && (l.current.ownerDocument !== document || l.current.getRootNode() !== document || f.ownerDocument !== document || f.getRootNode() !== document)) throw Error(St);
+	}), o(() => _(!0), []), c(() => {
+		if (!w || !T.topmost || !f) return;
+		let e = (e) => Ct(e) && !x.current?.contains(e) && !l.current?.contains(e), t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), n = (e) => e.button === 0, r = null, i = () => {
+			r !== null && (clearTimeout(r), r = null);
+		}, a = () => {
+			i(), r = setTimeout(() => {
+				r = null, C.current = null;
 			}, 0);
-		}, c = (e) => {
-			n(e) && (a(), x.current = tt(e.target) ? e.target : null, S.current = null);
-		}, u = (t) => {
+		}, o = (e) => {
+			n(e) && (i(), S.current = Ct(e.target) ? e.target : null, C.current = null);
+		}, c = (t) => {
 			if (!n(t)) return;
-			let i = x.current, a = tt(t.target) ? t.target : null;
-			if (!e(a)) {
-				x.current = null;
+			let r = S.current, i = Ct(t.target) ? t.target : null;
+			if (!e(i)) {
+				S.current = null;
 				return;
 			}
-			if (!e(i)) {
-				S.current = a, x.current = null, o();
+			if (!e(r)) {
+				C.current = i, S.current = null, a();
 				return;
 			}
-			S.current = a, r(!1);
-		}, d = () => {
-			a(), x.current = null, S.current = null;
-		}, f = (n) => {
-			let i = tt(n.target) ? n.target : null;
-			e(i) && !t(S.current, i) && r(!1), a(), x.current = null, S.current = null;
+			C.current = i, s(!1);
+		}, u = () => {
+			i(), S.current = null, C.current = null;
+		}, d = (n) => {
+			let r = Ct(n.target) ? n.target : null;
+			e(r) && !t(C.current, r) && s(!1), i(), S.current = null, C.current = null;
 		};
-		return l.ownerDocument.addEventListener("pointerdown", c, !0), l.ownerDocument.addEventListener("pointerup", u, !0), l.ownerDocument.addEventListener("pointercancel", d, !0), l.ownerDocument.addEventListener("click", f, !0), () => {
-			l.ownerDocument.removeEventListener("pointerdown", c, !0), l.ownerDocument.removeEventListener("pointerup", u, !0), l.ownerDocument.removeEventListener("pointercancel", d, !0), l.ownerDocument.removeEventListener("click", f, !0), a(), x.current = null, S.current = null;
+		return f.ownerDocument.addEventListener("pointerdown", o, !0), f.ownerDocument.addEventListener("pointerup", c, !0), f.ownerDocument.addEventListener("pointercancel", u, !0), f.ownerDocument.addEventListener("click", d, !0), () => {
+			f.ownerDocument.removeEventListener("pointerdown", o, !0), f.ownerDocument.removeEventListener("pointerup", c, !0), f.ownerDocument.removeEventListener("pointercancel", u, !0), f.ownerDocument.removeEventListener("click", d, !0), i(), S.current = null, C.current = null;
 		};
 	}, [
-		l,
-		w.topmost,
-		r,
-		C,
-		s
+		f,
+		T.topmost,
+		s,
+		w,
+		l
 	]), o(() => {
-		p ? y.current = !1 : n && !y.current && (y.current = !0, r(!1));
+		h ? b.current = !1 : r && !b.current && (b.current = !0, s(!1));
 	}, [
-		r,
-		p,
-		n
-	]), /* @__PURE__ */ m(ee, {
+		s,
+		h,
+		r
+	]), /* @__PURE__ */ m(xe, {
 		className: `${t} breeze-popover`,
-		"data-breeze-interactive": w.interactive,
+		containerPadding: n,
+		"data-breeze-interactive": T.interactive,
 		"data-breeze-overlay": "popover",
-		"data-breeze-topmost": w.topmost,
-		inert: !w.interactive,
-		isKeyboardDismissDisabled: !w.topmost,
+		"data-breeze-topmost": T.topmost,
+		inert: !T.interactive,
+		isKeyboardDismissDisabled: !T.topmost,
 		isNonModal: !0,
-		isOpen: C,
-		onOpenChange: r,
+		isOpen: w,
+		onOpenChange: s,
 		placement: "bottom start",
-		shouldCloseOnInteractOutside: (e) => x.current === null && w.topmost && !s.current?.contains(e),
-		style: { zIndex: w.zIndex },
-		triggerRef: s,
-		ref: T,
+		shouldCloseOnInteractOutside: (e) => S.current === null && T.topmost && !l.current?.contains(e),
+		style: { zIndex: T.zIndex },
+		triggerRef: l,
+		ref: E,
 		children: e
 	});
 }
 //#endregion
-//#region src/primitives/Icon/Icon.tsx
-var rt = {
-	add: le,
-	back: B,
-	building: I,
-	calendar: L,
-	camera: R,
-	check: re,
-	clock: ie,
-	close: he,
-	delete: de,
-	document: U,
-	download: ae,
-	expand: z,
-	forward: V,
-	lock: se,
-	money: oe,
-	moneyIn: te,
-	moneyOut: ne,
-	more: H,
-	next: V,
-	notifications: F,
-	overview: W,
-	people: me,
-	settings: ue,
-	signOut: ce,
-	upload: pe,
-	warning: fe
-}, it = {
-	base: { icon: "breeze:block breeze:shrink-0" },
-	compound: {},
-	size: {
-		lg: "breeze:block-size-breeze-6 breeze:inline-size-breeze-6",
-		md: "breeze:block-size-breeze-5 breeze:inline-size-breeze-5",
-		sm: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4"
-	},
-	state: { logicalDirection: "breeze:rtl:rotate-180" },
-	variant: {}
-}, at = /* @__PURE__ */ new Set([
-	"back",
-	"forward",
-	"next"
-]);
-function ot({ label: e, name: t, size: n = "md" }) {
-	let r = rt[t], i = e?.trim() || void 0;
-	return /* @__PURE__ */ m(r, {
-		"aria-hidden": i === void 0 || void 0,
-		"aria-label": i,
-		className: [
-			it.base.icon,
-			it.size[n],
-			at.has(t) && it.state.logicalDirection
-		].filter(Boolean).join(" "),
-		focusable: "false",
-		role: i === void 0 ? void 0 : "img",
-		strokeWidth: 1.75
-	});
-}
-//#endregion
 //#region src/primitives/Collection/DescriptorContent.tsx
-function st({ descriptor: e, isSelected: t }) {
+function Tt({ descriptor: e, isSelected: t }) {
 	return /* @__PURE__ */ h(p, { children: [
-		e.icon && /* @__PURE__ */ m(ot, {
+		e.icon && /* @__PURE__ */ m(Y, {
 			name: e.icon,
 			size: "sm"
 		}),
 		/* @__PURE__ */ h("span", {
-			className: X.base.content,
+			className: Z.base.content,
 			children: [/* @__PURE__ */ m("span", {
-				className: X.base.label,
+				className: Z.base.label,
 				children: e.label
 			}), e.description && /* @__PURE__ */ m("span", {
-				className: X.base.description,
+				className: Z.base.description,
 				children: e.description
 			})]
 		}),
 		e.badge && /* @__PURE__ */ m("span", {
-			className: X.base.badge,
-			children: /* @__PURE__ */ m(Fe, {
+			className: Z.base.badge,
+			children: /* @__PURE__ */ m(Ke, {
 				"aria-label": e.badge["aria-label"],
 				variant: e.badge.variant,
 				children: e.badge.children
@@ -696,8 +891,8 @@ function st({ descriptor: e, isSelected: t }) {
 		}),
 		/* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: X.base.selectedIndicator,
-			children: t && /* @__PURE__ */ m(ot, {
+			className: Z.base.selectedIndicator,
+			children: t && /* @__PURE__ */ m(Y, {
 				name: "check",
 				size: "sm"
 			})
@@ -706,13 +901,13 @@ function st({ descriptor: e, isSelected: t }) {
 }
 //#endregion
 //#region src/primitives/Collection/DescriptorOption.tsx
-function ct({ descriptor: e }) {
-	return /* @__PURE__ */ m(j, {
-		className: X.base.item,
+function Et({ descriptor: e }) {
+	return /* @__PURE__ */ m(be, {
+		className: Z.base.item,
 		id: e.id,
 		isDisabled: e.disabled,
 		textValue: e.label,
-		children: ({ isSelected: t }) => /* @__PURE__ */ m(st, {
+		children: ({ isSelected: t }) => /* @__PURE__ */ m(Tt, {
 			descriptor: e,
 			isSelected: t
 		})
@@ -720,7 +915,7 @@ function ct({ descriptor: e }) {
 }
 //#endregion
 //#region src/primitives/ComboBox/ComboBox.tsx
-var Z = {
+var Dt = {
 	base: {
 		group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken breeze:data-[invalid]:border-breeze-danger",
 		input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:bg-transparent breeze:ps-breeze-3 breeze:pe-breeze-2 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
@@ -738,31 +933,31 @@ var Z = {
 	},
 	variant: {}
 };
-function lt(e, t, n, r) {
+function Ot(e, t, n, r) {
 	let i = t.find(({ item: t }) => t === e);
 	if (i) return i;
 	if (r && typeof e == "string") return;
 	let { id: a } = n(e);
 	return t.find((e) => e.descriptor.id === a);
 }
-function ut(e, t, n, r) {
+function kt(e, t, n, r) {
 	if (e !== void 0) return e === null || r && typeof e == "string" && !t ? null : t?.id ?? n(e).id;
 }
-function dt(e, t, n) {
+function At(e, t, n) {
 	if (!(e === void 0 || !n)) return t ? t.descriptor.label : typeof e == "string" ? e : "";
 }
-function ft(e, t, n) {
+function jt(e, t, n) {
 	if (!(!n || typeof e != "string" || t)) return e;
 }
-function pt({ items: e }) {
-	return /* @__PURE__ */ m(A, {
-		className: X.base.listBox,
+function Mt({ items: e }) {
+	return /* @__PURE__ */ m(ye, {
+		className: Z.base.listBox,
 		items: e,
-		children: (e) => /* @__PURE__ */ m(ct, { descriptor: e.descriptor })
+		children: (e) => /* @__PURE__ */ m(Et, { descriptor: e.descriptor })
 	});
 }
-function mt({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly: r, items: i, triggerRef: s }) {
-	let c = a(E), l = n || r, u = !l && (t || e) && (c?.isOpen ?? !1);
+function Nt({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly: r, items: i, triggerRef: s }) {
+	let c = a(he), l = n || r, u = !l && (t || e) && (c?.isOpen ?? !1);
 	return o(() => {
 		(l || !t && !e) && c?.isOpen && c.setOpen(!1);
 	}, [
@@ -770,128 +965,128 @@ function mt({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly
 		t,
 		l,
 		c
-	]), /* @__PURE__ */ m(nt, {
-		className: Z.base.popover,
+	]), /* @__PURE__ */ m(wt, {
+		className: Dt.base.popover,
 		isOpen: u,
 		onOpenChange: (e) => c?.setOpen(e),
 		triggerRef: s,
-		children: /* @__PURE__ */ m(pt, { items: i })
+		children: /* @__PURE__ */ m(Mt, { items: i })
 	});
 }
-function ht({ props: e }) {
-	let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue: i, description: a, disabled: c = !1, error: d, form: f, getItem: p, id: _, items: v, label: y, loading: b = !1, name: x, onChange: S, placeholder: C, readOnly: w = !1, required: E = !1, value: A } = e, { messages: j } = G(), { contains: ee } = D({ sensitivity: "base" }), M = a?.trim() || void 0, N = d?.trim() || void 0, P = c || b, te = s(), ne = `${te}-description`, F = `${te}-error`, I = [M && ne, N && F].filter(Boolean).join(" ") || void 0, L = u(null), R = l(() => v.map((e) => {
+function Pt({ props: e }) {
+	let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue: i, description: a, disabled: c = !1, error: d, form: f, getItem: p, id: _, items: v, label: y, loading: b = !1, name: x, onChange: S, placeholder: C, readOnly: w = !1, required: T = !1, value: E } = e, { messages: D } = W(), { contains: O } = ge({ sensitivity: "base" }), k = a?.trim() || void 0, A = d?.trim() || void 0, j = c || b, M = s(), N = `${M}-description`, ee = `${M}-error`, te = [k && N, A && ee].filter(Boolean).join(" ") || void 0, P = u(null), F = l(() => v.map((e) => {
 		let t = p(e);
 		return {
 			descriptor: t,
 			id: t.id,
 			item: e
 		};
-	}), [p, v]), re = A == null ? void 0 : lt(A, R, p, t), z = ut(A, re, p, t), B = i == null ? void 0 : lt(i, R, p, t), V = ut(i, B, p, t), ie = dt(A, re, t), ae = ft(i, B, t), H = u(z == null ? null : String(z)), U = u(ie ?? ae ?? ""), W = u(!1), oe = S;
+	}), [p, v]), I = E == null ? void 0 : Ot(E, F, p, t), L = kt(E, I, p, t), R = i == null ? void 0 : Ot(i, F, p, t), ne = kt(i, R, p, t), re = At(E, I, t), z = jt(i, R, t), B = u(L == null ? null : String(L)), ie = u(re ?? z ?? ""), ae = u(!1), V = S;
 	o(() => {
-		H.current = z == null ? null : String(z);
-	}, [z]);
-	let se = (e) => {
+		B.current = L == null ? null : String(L);
+	}, [L]);
+	let oe = (e) => {
 		if (e === null) {
-			if (H.current = null, t) {
-				let e = W.current;
-				if (W.current = !1, U.current || e) return;
+			if (B.current = null, t) {
+				let e = ae.current;
+				if (ae.current = !1, ie.current || e) return;
 			}
-			oe?.(null);
+			V?.(null);
 			return;
 		}
-		W.current = !1, H.current = String(e);
-		let n = R.find((t) => t.descriptor.id === String(e));
-		U.current = n?.descriptor.label ?? "", oe?.(n?.item ?? null);
-	}, ce = (e) => {
-		U.current = e, W.current = !0, t && R.find((e) => e.descriptor.id === H.current)?.descriptor.label !== e && oe?.(e || null);
-	}, le = !b && N !== void 0, ue = P ? void 0 : x;
-	return /* @__PURE__ */ h(T, {
+		ae.current = !1, B.current = String(e);
+		let n = F.find((t) => t.descriptor.id === String(e));
+		ie.current = n?.descriptor.label ?? "", V?.(n?.item ?? null);
+	}, H = (e) => {
+		ie.current = e, ae.current = !0, t && F.find((e) => e.descriptor.id === B.current)?.descriptor.label !== e && V?.(e || null);
+	}, U = !b && A !== void 0, se = j ? void 0 : x;
+	return /* @__PURE__ */ h(me, {
 		allowsCustomValue: t,
 		allowsEmptyCollection: t,
 		"aria-label": b ? y : void 0,
-		className: J.base.root,
-		defaultFilter: ee,
-		defaultInputValue: ae,
-		defaultItems: R,
-		defaultValue: V,
+		className: q.base.root,
+		defaultFilter: O,
+		defaultInputValue: z,
+		defaultItems: F,
+		defaultValue: ne,
 		form: f,
 		id: _,
-		inputValue: ie,
-		isDisabled: P,
-		isInvalid: le,
+		inputValue: re,
+		isDisabled: j,
+		isInvalid: U,
 		isReadOnly: w,
-		isRequired: E,
+		isRequired: T,
 		menuTrigger: "input",
-		name: ue,
-		onInputChange: ce,
-		onChange: se,
-		value: z,
+		name: se,
+		onInputChange: H,
+		onChange: oe,
+		value: L,
 		validationBehavior: "aria",
 		children: [
-			/* @__PURE__ */ m(Ve, {
+			/* @__PURE__ */ m(at, {
 				label: y,
 				loading: b
 			}),
-			/* @__PURE__ */ h(O, {
-				className: Y(Z.base.group, b && Z.state.loadingGroup, w && Z.state.readOnlyGroup),
-				isDisabled: P,
-				isInvalid: le,
+			/* @__PURE__ */ h(_e, {
+				className: J(Dt.base.group, b && Dt.state.loadingGroup, w && Dt.state.readOnlyGroup),
+				isDisabled: j,
+				isInvalid: U,
 				isReadOnly: w,
-				ref: L,
+				ref: P,
 				children: [
-					/* @__PURE__ */ m(k, {
+					/* @__PURE__ */ m(ve, {
 						"aria-busy": b || void 0,
-						"aria-describedby": I,
+						"aria-describedby": te,
 						autoComplete: n,
 						autoFocus: r,
-						className: Y(Z.base.input, b && Z.state.loadingInput),
+						className: J(Dt.base.input, b && Dt.state.loadingInput),
 						form: f,
 						placeholder: C,
 						readOnly: w || void 0
 					}),
 					/* @__PURE__ */ m(g, {
-						"aria-describedby": I,
-						className: Y(Z.base.trigger, b && Z.state.loadingTrigger),
-						children: /* @__PURE__ */ m(ot, {
+						"aria-describedby": te,
+						className: J(Dt.base.trigger, b && Dt.state.loadingTrigger),
+						children: /* @__PURE__ */ m(Y, {
 							name: "expand",
 							size: "sm"
 						})
 					}),
 					b && /* @__PURE__ */ m("span", {
-						className: Z.base.skeleton,
-						children: /* @__PURE__ */ m(K, {
+						className: Dt.base.skeleton,
+						children: /* @__PURE__ */ m(G, {
 							blockSize: "100%",
 							inlineSize: "100%",
-							label: j.loading,
+							label: D.loading,
 							shape: "rectangle"
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ m(mt, {
+			/* @__PURE__ */ m(Nt, {
 				allowsCustomValue: t,
-				hasSuggestions: R.length > 0,
-				isDisabled: P,
+				hasSuggestions: F.length > 0,
+				isDisabled: j,
 				isReadOnly: w,
-				items: R,
-				triggerRef: L
+				items: F,
+				triggerRef: P
 			}),
-			/* @__PURE__ */ m(He, {
-				description: M,
-				descriptionId: ne,
-				error: N,
-				errorId: F,
+			/* @__PURE__ */ m(ot, {
+				description: k,
+				descriptionId: N,
+				error: A,
+				errorId: ee,
 				loading: b
 			})
 		]
 	});
 }
-function gt(e) {
-	return /* @__PURE__ */ m(ht, { props: e });
+function Ft(e) {
+	return /* @__PURE__ */ m(Pt, { props: e });
 }
 //#endregion
 //#region src/primitives/Container/Container.tsx
-var _t = {
+var It = {
 	base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -902,21 +1097,356 @@ var _t = {
 	state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
 	variant: {}
 };
-function vt({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
-	let { accessibleLabel: o, role: s } = Re(e, n);
+function Lt({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
+	let { accessibleLabel: o, role: s } = nt(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			_t.base.container,
-			_t.size[a],
-			i && _t.state.padded
+			It.base.container,
+			It.size[a],
+			i && It.state.padded
 		].filter(Boolean).join(" "),
 		role: s
 	}, t);
 }
 //#endregion
+//#region src/primitives/Typography/Typography.tsx
+var Rt = {
+	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
+	compound: {},
+	size: {},
+	state: {
+		aligned: "breeze:block breeze:inline-size-full",
+		inlineLoading: "breeze:inline-block",
+		numeric: "breeze:tabular-nums breeze:tracking-breeze-tighter",
+		truncate: "breeze:block breeze:min-inline-size-0 breeze:inline-size-full breeze:overflow-hidden breeze:text-ellipsis breeze:whitespace-nowrap"
+	},
+	variant: {
+		align: {
+			center: "breeze:text-center",
+			end: "breeze:text-end",
+			start: "breeze:text-start"
+		},
+		role: {
+			body: "breeze:text-breeze-sm breeze:font-normal breeze:leading-breeze-snug",
+			caption: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
+			heading: "breeze:text-breeze-2xl breeze:font-semibold breeze:leading-breeze-tight",
+			label: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
+			micro: "breeze:text-breeze-2xs breeze:font-bold breeze:uppercase breeze:leading-breeze-snug breeze:tracking-breeze-caps",
+			money: "breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums",
+			title: "breeze:text-breeze-md breeze:font-semibold breeze:leading-breeze-snug"
+		},
+		tone: {
+			brand: "breeze:text-breeze-brand-text",
+			danger: "breeze:text-breeze-danger",
+			default: "breeze:text-breeze-ink",
+			muted: "breeze:text-breeze-ink-3",
+			positive: "breeze:text-breeze-pos",
+			secondary: "breeze:text-breeze-ink-2",
+			warning: "breeze:text-breeze-warn"
+		}
+	}
+};
+function zt(e) {
+	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
+}
+function Bt(e, t, n, r) {
+	let i;
+	try {
+		i = new Intl.NumberFormat(n, {
+			currency: t,
+			signDisplay: r ?? "auto",
+			style: "currency"
+		}).formatToParts(e);
+	} catch (t) {
+		if (!(t instanceof RangeError)) throw t;
+		i = new Intl.NumberFormat(n, { signDisplay: r ?? "auto" }).formatToParts(e);
+	}
+	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
+}
+function Vt(e, t, n) {
+	let r;
+	try {
+		r = y(e).toDate("UTC");
+	} catch {
+		return e;
+	}
+	return new Intl.DateTimeFormat(t, {
+		dateStyle: n ?? "long",
+		timeZone: "UTC"
+	}).format(r);
+}
+function Ht(e, t, n) {
+	return e.loading ? /* @__PURE__ */ m(G, {
+		blockSize: "1lh",
+		inlineSize: "8em",
+		label: n
+	}) : e.format === "currency" ? Bt(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Vt(e.value, t, e.dateStyle) : e.children;
+}
+function Ut(e) {
+	let { locale: t, messages: n } = W(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: u = !1, numeric: d = !1, tone: f = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? zt(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = Ht(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
+		"h1",
+		"h2",
+		"h3",
+		"h4"
+	].includes(v), T = !u && y !== void 0 && !C && !w;
+	return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
+		"aria-hidden": "true",
+		children: S
+	}), /* @__PURE__ */ m(We, { children: y })] })), r(v, {
+		"aria-busy": u || void 0,
+		"aria-label": T || w ? y : void 0,
+		className: [
+			Rt.base.text,
+			Rt.variant.role[_],
+			Rt.variant.tone[f],
+			Rt.variant.align[b],
+			x && Rt.state.aligned,
+			u && v === "span" && !x && Rt.state.inlineLoading,
+			d && _ !== "money" && Rt.state.numeric,
+			g && Rt.state.truncate
+		].filter(Boolean).join(" "),
+		id: l,
+		lang: t,
+		role: T ? "group" : void 0
+	}, S);
+}
+//#endregion
+//#region src/primitives/DatePicker/DatePicker.tsx
+var Wt = {
+	base: {
+		popover: "breeze:!inline-size-[360px] breeze:max-inline-size-[calc(100vw_-_24px)] breeze:p-breeze-3 breeze:any-pointer-coarse:!p-0 breeze-date-picker-popover",
+		trigger: "breeze:flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-center breeze:justify-between breeze:gap-breeze-3 breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60",
+		value: "breeze:min-inline-size-0 breeze:flex-1 breeze:text-start"
+	},
+	compound: {},
+	size: {},
+	state: {},
+	variant: {}
+};
+function Gt({ placeholder: e, placeholderLocale: t, value: n, valueId: r }) {
+	return /* @__PURE__ */ m("span", {
+		className: Wt.base.value,
+		id: r,
+		children: n ? /* @__PURE__ */ m(Ut, {
+			element: "span",
+			format: "date",
+			value: n
+		}) : /* @__PURE__ */ m("span", {
+			lang: t,
+			children: e
+		})
+	});
+}
+function Kt(e, t, n, r) {
+	let i = e.getBoundingClientRect().top, { top: a } = t.getBoundingClientRect(), o = a + t.clientTop, s = Math.max(o, 0), c = Math.min(o + t.clientHeight, r);
+	if (c <= s) return;
+	let l = Math.max(s + 8, c - n), u = 0;
+	i < s + 8 ? u = i - (s + 8) : i > l && (u = i - l);
+	let d = t.scrollHeight - t.clientHeight, f = Math.round(Math.max(0, Math.min(d, t.scrollTop + u)));
+	return f === t.scrollTop ? void 0 : f;
+}
+function qt(e) {
+	let t = e.ownerDocument.documentElement.clientHeight, n = !1;
+	for (let r = e.parentElement; r !== null; r = r.parentElement) {
+		let { overflowY: i } = getComputedStyle(r);
+		if (["auto", "scroll"].includes(i) && r.scrollHeight > r.clientHeight) {
+			let i = Kt(e, r, 400, t);
+			i !== void 0 && (r.scrollTop = i, n = !0);
+		}
+	}
+	return n;
+}
+function Jt({ calendarKey: e, dialogId: t, disabled: n, isOpen: r, label: i, onChange: a, onOpenChange: s, triggerRef: c, value: l }) {
+	let d = u(null);
+	return o(() => {
+		if (!r) return;
+		let e = d.current, t = e?.closest("[data-breeze-overlay=\"popover\"]");
+		if (!e || !t) return;
+		let n = () => {
+			if (t.hasAttribute("inert") || t.dataset.breezeInteractive !== "true") return !1;
+			let n = e.ownerDocument, { activeElement: r } = n;
+			return (r === c.current || r === n.body || r === n.documentElement) && e.querySelector("[role=\"button\"][tabindex=\"0\"]")?.focus(), !0;
+		}, i = new MutationObserver(() => {
+			n() && i.disconnect();
+		});
+		return i.observe(t, {
+			attributeFilter: ["data-breeze-interactive", "inert"],
+			attributes: !0
+		}), n() && i.disconnect(), () => i.disconnect();
+	}, [r, c]), /* @__PURE__ */ m(wt, {
+		className: Wt.base.popover,
+		containerPadding: 4,
+		isOpen: r,
+		onOpenChange: s,
+		triggerRef: c,
+		children: /* @__PURE__ */ m(Te, {
+			"aria-label": i,
+			id: t,
+			ref: d,
+			children: /* @__PURE__ */ m(et, {
+				autoFocus: r,
+				disabled: n,
+				label: i,
+				onChange: a,
+				value: l == null ? null : Qe(l)
+			}, e)
+		})
+	});
+}
+function Yt({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i = !1, error: a, form: l, id: f, label: p, loading: _ = !1, name: v, onChange: y, placeholder: b, required: x = !0, value: S }) {
+	let { getMessageLocale: C, messages: w } = W(), T = b ?? w.selectDate, E = b === void 0 ? C("selectDate") : void 0, D = n?.trim() || void 0, O = a?.trim() || void 0, k = i || _, A = !_ && O !== void 0, j = s(), M = `${j}-label`, N = `${j}-value`, ee = `${j}-dialog`, te = D ? `${j}-description` : void 0, P = O ? `${j}-error` : void 0, F = x ? `${j}-required` : void 0, I = f ?? `${j}-trigger`, L = u(null), R = u(!1), [ne, re] = d(t), [z, B] = d(!1), [ie, ae] = d(0), [V, oe] = d(!1), H = S === void 0 ? ne : S, U = k || V, se = [
+		te,
+		_ ? void 0 : P,
+		F
+	].filter(Boolean).join(" ") || void 0;
+	c(() => {
+		let e = L.current;
+		if (!e) return;
+		let t = () => {
+			oe(!k && e.matches(":disabled"));
+		};
+		t();
+		let n = new MutationObserver(t);
+		for (let t = e.parentElement; t !== null; t = t.parentElement) t.tagName === "FIELDSET" && n.observe(t, {
+			attributeFilter: ["disabled"],
+			attributes: !0
+		});
+		return () => n.disconnect();
+	}, [k]), o(() => {
+		if (S !== void 0) return;
+		let e = (e) => {
+			let n = L.current?.form;
+			!n || e.target !== n || queueMicrotask(() => {
+				e.defaultPrevented || re(t);
+			});
+		};
+		return document.addEventListener("reset", e, !0), () => document.removeEventListener("reset", e, !0);
+	}, [t, S]), o(() => {
+		U && z && B(!1);
+	}, [U, z]), o(() => {
+		if (!e || U || R.current) return;
+		let t = L.current;
+		!t || t.matches(":disabled") || (t.focus(), R.current = t.ownerDocument.activeElement === t);
+	}, [e, U]);
+	let ce = z && !U, le = (e) => {
+		e && (U || L.current?.matches(":disabled")) || (e && !z && ae((e) => e + 1), B(e));
+	};
+	return /* @__PURE__ */ h("div", {
+		className: q.base.root,
+		"data-required": x || void 0,
+		children: [
+			/* @__PURE__ */ m(at, {
+				htmlFor: I,
+				id: M,
+				label: p,
+				loading: _,
+				onClick: () => L.current?.focus()
+			}),
+			/* @__PURE__ */ h("span", {
+				className: q.base.control,
+				children: [/* @__PURE__ */ h(g, {
+					className: J(Wt.base.trigger, A && "breeze:border-breeze-danger", _ && "breeze:!opacity-0"),
+					isDisabled: k,
+					onPress: () => {
+						if (ce) {
+							le(!1);
+							return;
+						}
+						let e = L.current;
+						if (!(!e || U || e.matches(":disabled"))) {
+							if (qt(e)) {
+								typeof requestAnimationFrame > "u" ? setTimeout(() => le(!0), 0) : requestAnimationFrame(() => le(!0));
+								return;
+							}
+							le(!0);
+						}
+					},
+					ref: L,
+					render: (e) => r("button", {
+						...e,
+						"aria-busy": _ || void 0,
+						"aria-controls": ce ? ee : void 0,
+						"aria-describedby": se,
+						"aria-errormessage": _ ? void 0 : P,
+						"aria-expanded": ce,
+						"aria-haspopup": "dialog",
+						"aria-invalid": A || void 0,
+						"aria-label": _ ? p : void 0,
+						"aria-labelledby": _ ? void 0 : `${M} ${N}`,
+						"data-invalid": A || void 0,
+						form: l,
+						id: I,
+						type: "button"
+					}),
+					children: [/* @__PURE__ */ m(Gt, {
+						placeholder: T,
+						placeholderLocale: E,
+						value: H,
+						valueId: N
+					}), /* @__PURE__ */ m(Y, {
+						name: "calendar",
+						size: "sm"
+					})]
+				}), _ && /* @__PURE__ */ m("span", {
+					className: q.base.skeleton,
+					children: /* @__PURE__ */ m(G, {
+						blockSize: "100%",
+						inlineSize: "100%",
+						label: w.loading,
+						shape: "rectangle"
+					})
+				})]
+			}),
+			v && /* @__PURE__ */ m("input", {
+				disabled: k,
+				form: l,
+				name: v,
+				type: "hidden",
+				value: H ?? ""
+			}),
+			x && /* @__PURE__ */ m("span", {
+				className: "breeze:sr-only",
+				id: F,
+				lang: C("required"),
+				children: w.required
+			}),
+			/* @__PURE__ */ m(Jt, {
+				calendarKey: ie,
+				dialogId: ee,
+				disabled: U,
+				isOpen: ce,
+				label: p,
+				onChange: (e) => {
+					if (!e || U || L.current?.matches(":disabled")) return;
+					let t = e.toString();
+					S === void 0 && re(t), y?.(t), le(!1);
+				},
+				onOpenChange: le,
+				triggerRef: L,
+				value: H
+			}),
+			/* @__PURE__ */ m(ot, {
+				description: D,
+				descriptionId: te,
+				loading: _
+			}),
+			O && /* @__PURE__ */ m("p", {
+				"aria-hidden": _ || void 0,
+				className: q.base.error,
+				id: P,
+				children: _ ? /* @__PURE__ */ m(G, {
+					blockSize: "1lh",
+					inlineSize: "12em",
+					shape: "rectangle"
+				}) : O
+			})
+		]
+	});
+}
+//#endregion
 //#region src/overlays/OverlaySurface.tsx
-var yt = {
+var Xt = {
 	base: {
 		content: "breeze-overlay-content",
 		header: "breeze-overlay-header",
@@ -931,24 +1461,24 @@ var yt = {
 		fullscreen: "breeze-fullscreen",
 		popover: "breeze-popover"
 	}
-}, bt = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
-function xt(e) {
+}, Zt = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function Qt(e) {
 	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
 }
-function St(e) {
+function $t(e) {
 	return e.dataset?.breezeOverlay !== void 0;
 }
-function Ct({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, onOpenChange: s, open: f, placement: g = "bottom", title: _, trigger: v }) {
-	let { getMessageLocale: y, messages: b } = G(), x = r === "popover" || r === "fullscreen", S = $e(), C = a(Je), [w, T] = d(C === null);
+function en({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, onOpenChange: s, open: f, placement: g = "bottom", title: _, trigger: v }) {
+	let { getMessageLocale: y, messages: b } = W(), x = r === "popover" || r === "fullscreen", S = xt(), C = a(gt), [w, T] = d(C === null);
 	o(() => T(!0), []);
-	let [E, D] = d(t), O = f ?? E, k = C?.open ?? !0, A = O && k, j = u(null), M = u(null), N = u(null), [P, te] = d(!1), ne = u(!1), F = u(null), I = u(null), L = u(null), R = u(null), re = u(!1);
+	let [E, D] = d(t), O = f ?? E, k = C?.open ?? !0, A = O && k, j = u(null), M = u(null), N = u(null), [ee, te] = d(!1), P = u(!1), F = u(null), I = u(null), L = u(null), R = u(null), ne = u(!1);
 	c(() => {
-		if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(bt);
+		if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(Zt);
 	}, [S]);
-	let z = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), B = Ye(r, A && w && S !== null, A || P), V = i((e) => {
+	let re = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), z = _t(r, A && w && S !== null, A || ee), B = i((e) => {
 		if (!e && !k) {
-			if (re.current) return;
-			O && (re.current = !0);
+			if (ne.current) return;
+			O && (ne.current = !0);
 		}
 		f === void 0 && D(e), s?.(e);
 	}, [
@@ -958,47 +1488,47 @@ function Ct({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
 		O
 	]);
 	o(() => {
-		k ? re.current = !1 : O && V(!1);
+		k ? ne.current = !1 : O && B(!1);
 	}, [
-		V,
+		B,
 		k,
 		O
 	]), o(() => {
-		if (r !== "popover" || !A || !n || !B.topmost || !S) return;
+		if (r !== "popover" || !A || !n || !z.topmost || !S) return;
 		let e = () => {
 			I.current !== null && (clearTimeout(I.current), I.current = null);
-		}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => xt(e) && !M.current?.contains(e) && !j.current?.contains(e), o = (t) => {
-			i(t) && (e(), R.current = null, L.current = xt(t.target) ? t.target : null);
+		}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => Qt(e) && !M.current?.contains(e) && !j.current?.contains(e), o = (t) => {
+			i(t) && (e(), R.current = null, L.current = Qt(t.target) ? t.target : null);
 		}, s = (n) => {
 			if (!i(n)) return;
-			let r = L.current, o = xt(n.target) ? n.target : null;
+			let r = L.current, o = Qt(n.target) ? n.target : null;
 			!a(r) || !a(o) || (e(), I.current = setTimeout(() => {
 				I.current = null;
 				let e = R.current, n = L.current;
-				R.current = null, L.current = null, !(t(e, o) && t(e, n)) && V(!1);
+				R.current = null, L.current = null, !(t(e, o) && t(e, n)) && B(!1);
 			}, 0));
 		}, c = () => {
 			e(), R.current = null, L.current = null;
 		}, l = (n) => {
-			let r = xt(n.target) ? n.target : null;
+			let r = Qt(n.target) ? n.target : null;
 			if (e(), a(r)) {
 				let e = R.current, n = L.current;
 				if (R.current = null, L.current = null, t(e, r) && t(e, n)) return;
-				V(!1);
+				B(!1);
 			}
 		};
 		return S.ownerDocument.addEventListener("pointerdown", o, !0), S.ownerDocument.addEventListener("pointerup", s, !0), S.ownerDocument.addEventListener("pointercancel", c, !0), S.ownerDocument.addEventListener("click", l, !0), () => {
 			e(), S.ownerDocument.removeEventListener("pointerdown", o, !0), S.ownerDocument.removeEventListener("pointerup", s, !0), S.ownerDocument.removeEventListener("pointercancel", c, !0), S.ownerDocument.removeEventListener("click", l, !0), R.current = null, L.current = null;
 		};
 	}, [
-		V,
+		B,
 		n,
 		S,
 		r,
-		B.topmost,
+		z.topmost,
 		A
 	]);
-	let ie = C?.restoreFocus, ae = C?.id, H = i(() => {
+	let ie = C?.restoreFocus, ae = C?.id, V = i(() => {
 		let e = j.current, t = S?.ownerDocument, n = t?.activeElement;
 		if (!t || !S) return;
 		let r = ae ? t.getElementById(ae) : null;
@@ -1013,132 +1543,132 @@ function Ct({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
 		S,
 		ae,
 		ie
-	]), U = i(() => {
+	]), oe = i(() => {
 		F.current !== null && (clearTimeout(F.current), F.current = null);
-	}, []), W = i((e) => {
+	}, []), H = i((e) => {
 		queueMicrotask(() => {
-			!e.isConnected || e.closest("[inert], [data-exiting]") || (U(), e.focus({ preventScroll: !0 }), F.current = setTimeout(() => {
+			!e.isConnected || e.closest("[inert], [data-exiting]") || (oe(), e.focus({ preventScroll: !0 }), F.current = setTimeout(() => {
 				let { ownerDocument: t } = e, { activeElement: n } = t;
-				e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (ne.current = !0, e.blur(), e.focus({ preventScroll: !0 }), ne.current = !1), F.current = null;
+				e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (P.current = !0, e.blur(), e.focus({ preventScroll: !0 }), P.current = !1), F.current = null;
 			}, 500));
 		});
-	}, [U]), oe = u(A);
+	}, [oe]), U = u(A);
 	o(() => {
-		let e = oe.current;
-		oe.current = A, !(!x || !A || e || !N.current) && W(N.current);
+		let e = U.current;
+		U.current = A, !(!x || !A || e || !N.current) && H(N.current);
 	}, [
-		W,
+		H,
 		x,
 		A
 	]);
 	let se = i((e) => {
 		N.current = e;
 		let t = () => {
-			U(), N.current = null, te(!1), requestAnimationFrame(H);
+			oe(), N.current = null, te(!1), requestAnimationFrame(V);
 		};
 		if (!e) {
 			t();
 			return;
 		}
-		return te(!0), x && W(e), t;
+		return te(!0), x && H(e), t;
 	}, [
-		U,
-		W,
+		oe,
+		H,
 		x,
-		H
+		V
 	]), ce = l(() => ({
-		id: B.id,
+		id: z.id,
 		open: A,
-		restoreFocus: H
+		restoreFocus: V
 	}), [
-		B.id,
+		z.id,
 		A,
-		H
+		V
 	]), le = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		className: yt.base.header,
+		className: Xt.base.header,
 		children: [/* @__PURE__ */ m("h2", {
-			className: yt.base.title,
+			className: Xt.base.title,
 			children: _
 		}), /* @__PURE__ */ m("span", {
 			lang: y("close"),
-			children: /* @__PURE__ */ m(Le, {
-				onAction: () => V(!1),
+			children: /* @__PURE__ */ m(Je, {
+				onAction: () => B(!1),
 				variant: "quiet",
 				children: b.close
 			})
 		})]
-	}), e] }), ue = /* @__PURE__ */ m(Je, {
+	}), e] }), ue = /* @__PURE__ */ m(gt, {
 		value: ce,
 		children: x ? /* @__PURE__ */ m("section", {
 			"aria-label": _,
-			className: yt.base.content,
-			id: B.id,
+			className: Xt.base.content,
+			id: z.id,
 			onBlur: (e) => {
-				if (ne.current) {
+				if (P.current) {
 					e.stopPropagation();
 					return;
 				}
 				let { relatedTarget: t } = e;
-				r === "popover" && n && B.topmost && xt(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
+				r === "popover" && n && z.topmost && Qt(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
 			},
 			ref: se,
 			role: "dialog",
 			tabIndex: -1,
 			children: le
-		}) : /* @__PURE__ */ m(ge, {
+		}) : /* @__PURE__ */ m(Te, {
 			"aria-label": _,
-			className: yt.base.content,
-			id: B.id,
+			className: Xt.base.content,
+			id: z.id,
 			ref: se,
 			children: le
 		})
 	});
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Le, {
-		"aria-controls": A ? B.id : void 0,
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Je, {
+		"aria-controls": A ? z.id : void 0,
 		"aria-expanded": A,
 		"aria-haspopup": "dialog",
-		onAction: () => V(!x || !A),
+		onAction: () => B(!x || !A),
 		ref: j,
 		children: v
-	}), S && w && (x ? /* @__PURE__ */ m(ee, {
-		className: yt.variant[r],
+	}), S && w && (x ? /* @__PURE__ */ m(xe, {
+		className: Xt.variant[r],
 		"data-breeze-overlay": r,
-		"data-breeze-topmost": B.topmost,
-		"data-breeze-interactive": B.interactive,
-		inert: !B.interactive,
+		"data-breeze-topmost": z.topmost,
+		"data-breeze-interactive": z.interactive,
+		inert: !z.interactive,
 		isNonModal: !0,
 		isOpen: A,
-		isKeyboardDismissDisabled: !n || !B.topmost,
-		onOpenChange: V,
+		isKeyboardDismissDisabled: !n || !z.topmost,
+		onOpenChange: B,
 		placement: g,
 		ref: M,
-		shouldCloseOnInteractOutside: (e) => r === "popover" && n && B.topmost && !j.current?.contains(e),
-		style: { zIndex: B.zIndex },
-		triggerRef: z,
+		shouldCloseOnInteractOutside: (e) => r === "popover" && n && z.topmost && !j.current?.contains(e),
+		style: { zIndex: z.zIndex },
+		triggerRef: re,
 		children: ue
-	}) : /* @__PURE__ */ m(ve, {
+	}) : /* @__PURE__ */ m(De, {
 		className: "breeze-overlay-backdrop",
 		"data-breeze-overlay": r,
-		"data-breeze-scrim": B.scrim,
-		"data-breeze-topmost": B.topmost,
-		"data-breeze-interactive": B.interactive,
-		inert: !B.interactive,
-		isDismissable: n && B.topmost,
-		isKeyboardDismissDisabled: !n || !B.topmost,
+		"data-breeze-scrim": z.scrim,
+		"data-breeze-topmost": z.topmost,
+		"data-breeze-interactive": z.interactive,
+		inert: !z.interactive,
+		isDismissable: n && z.topmost,
+		isKeyboardDismissDisabled: !n || !z.topmost,
 		isOpen: A,
-		onOpenChange: V,
-		shouldCloseOnInteractOutside: (e) => B.topmost && St(e),
-		style: { zIndex: B.zIndex },
-		children: /* @__PURE__ */ m(_e, {
-			className: yt.variant[r],
+		onOpenChange: B,
+		shouldCloseOnInteractOutside: (e) => z.topmost && $t(e),
+		style: { zIndex: z.zIndex },
+		children: /* @__PURE__ */ m(Ee, {
+			className: Xt.variant[r],
 			children: ue
 		})
 	}))] });
 }
 //#endregion
 //#region src/primitives/Dialog/Dialog.tsx
-function wt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Ct, {
+function tn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(en, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -1151,8 +1681,8 @@ function wt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Drawer/Drawer.tsx
-function Tt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Ct, {
+function nn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(en, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -1165,7 +1695,7 @@ function Tt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Grid/Grid.tsx
-var Et = {
+var rn = {
 	base: { grid: "breeze:grid breeze:min-inline-size-0" },
 	compound: { columns: {
 		1: {
@@ -1201,21 +1731,21 @@ var Et = {
 	state: {},
 	variant: {}
 };
-function Dt({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
-	let { accessibleLabel: s, role: c } = Re(e, a);
+function an({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
+	let { accessibleLabel: s, role: c } = nt(e, a);
 	return r(a, {
 		"aria-label": s,
 		className: [
-			Et.base.grid,
-			Et.compound.columns[i][n],
-			Et.size[o]
+			rn.base.grid,
+			rn.compound.columns[i][n],
+			rn.size[o]
 		].join(" "),
 		role: c
 	}, t);
 }
 //#endregion
 //#region src/primitives/IconTile/IconTile.tsx
-var Ot = {
+var on = {
 	base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
 	compound: {},
 	size: {
@@ -1237,15 +1767,15 @@ var Ot = {
 		}
 	}
 };
-function kt({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
+function sn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
 	return /* @__PURE__ */ m("span", {
 		className: [
-			Ot.base.tile,
-			Ot.variant.tone[i],
-			Ot.variant.shape[n],
-			Ot.size[r]
+			on.base.tile,
+			on.variant.tone[i],
+			on.variant.shape[n],
+			on.size[r]
 		].join(" "),
-		children: /* @__PURE__ */ m(ot, {
+		children: /* @__PURE__ */ m(Y, {
 			label: e,
 			name: t,
 			size: r === "lg" ? "md" : "sm"
@@ -1254,7 +1784,7 @@ function kt({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
 }
 //#endregion
 //#region src/primitives/Inline/Inline.tsx
-var At = {
+var cn = {
 	base: { inline: "breeze:flex breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -1284,23 +1814,179 @@ var At = {
 		}
 	}
 };
-function jt({ "aria-label": e, children: t, element: n = "div", gap: i = 3, justify: a = "start", verticalAlign: o = "center", wrap: s = !1 }) {
-	let { accessibleLabel: c, role: l } = Re(e, n);
+function ln({ "aria-label": e, children: t, element: n = "div", gap: i = 3, justify: a = "start", verticalAlign: o = "center", wrap: s = !1 }) {
+	let { accessibleLabel: c, role: l } = nt(e, n);
 	return r(n, {
 		"aria-label": c,
 		className: [
-			At.base.inline,
-			At.variant.align[o],
-			At.variant.justify[a],
-			At.size[i],
-			s && At.state.wrap
+			cn.base.inline,
+			cn.variant.align[o],
+			cn.variant.justify[a],
+			cn.size[i],
+			s && cn.state.wrap
 		].filter(Boolean).join(" "),
 		role: l
 	}, t);
 }
 //#endregion
-//#region src/primitives/NumberField/NumberField.tsx
+//#region src/primitives/Menu/Menu.tsx
 var Q = {
+	base: {
+		badge: "breeze:ms-auto",
+		content: "breeze:flex breeze:min-inline-size-0 breeze:flex-1 breeze:flex-col breeze:gap-breeze-1",
+		description: "breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
+		icon: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4 breeze:shrink-0",
+		item: "breeze:flex breeze:min-inline-size-0 breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:items-center breeze:gap-breeze-2 breeze:rounded-breeze-sm breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:text-start breeze:outline-offset-[-2px] breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-50 breeze:data-[focused]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[hovered]:bg-breeze-sunken",
+		label: "breeze:font-medium",
+		menu: "breeze:min-inline-size-0 breeze:outline-none",
+		popover: "breeze:[min-inline-size:var(--trigger-width)] breeze:max-inline-size-[calc(100vw-24px)] breeze:overflow-auto breeze:rounded-breeze-panel breeze:border breeze:border-solid breeze:border-breeze-line breeze:bg-breeze-surface breeze:p-breeze-1 breeze:shadow-breeze-overlay",
+		trigger: "breeze:inline-flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:items-center breeze:gap-breeze-2 breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand",
+		triggerLabel: "breeze:inline-grid breeze:min-inline-size-0 breeze:items-center",
+		triggerLabelContent: "breeze:[grid-area:1/1]",
+		triggerLabelSkeleton: "breeze:[grid-area:1/1] breeze:inline-size-full",
+		triggerLoadingStatus: "breeze:sr-only"
+	},
+	compound: {},
+	size: {},
+	state: {},
+	variant: {}
+};
+function un({ descriptionId: e, descriptor: t }) {
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			className: Q.base.icon,
+			children: t.icon && /* @__PURE__ */ m(Y, {
+				name: t.icon,
+				size: "sm"
+			})
+		}),
+		/* @__PURE__ */ h("span", {
+			className: Q.base.content,
+			children: [/* @__PURE__ */ m("span", {
+				className: Q.base.label,
+				children: t.label
+			}), t.description && /* @__PURE__ */ m("span", {
+				className: Q.base.description,
+				id: e,
+				children: t.description
+			})]
+		}),
+		t.badge && /* @__PURE__ */ m("span", {
+			className: Q.base.badge,
+			children: /* @__PURE__ */ m(Ke, {
+				"aria-label": t.badge["aria-label"],
+				variant: t.badge.variant,
+				children: t.badge.children
+			})
+		})
+	] });
+}
+function dn(e) {
+	if (!e.badge) return e.label;
+	let t = e.badge["aria-label"]?.trim() || e.badge.children;
+	return `${e.label}, ${t}`;
+}
+function fn({ loading: e }) {
+	let { getMessageLocale: t, messages: n } = W();
+	return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m("span", {
+		className: Q.base.triggerLoadingStatus,
+		children: /* @__PURE__ */ m(G, { label: n.loading })
+	}), /* @__PURE__ */ m("output", {
+		"aria-live": "polite",
+		className: Q.base.triggerLoadingStatus,
+		lang: t("loading"),
+		children: e ? n.loading : ""
+	})] });
+}
+function pn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o, onOpenChange: f, open: _, trigger: v, triggerIcon: y }) {
+	W();
+	let [b, x] = d(e ?? !1), S = _ ?? b, C = u(null), w = u(!1), T = s(), E = l(() => n.map(t), [t, n]), D = i((e) => {
+		a && e || (_ === void 0 && x(e), f?.(e));
+	}, [
+		_,
+		a,
+		f
+	]);
+	return c(() => {
+		!S && w.current && (w.current = !1, requestAnimationFrame(() => {
+			let e = C.current;
+			e && e.ownerDocument.activeElement === e.ownerDocument.body && e.focus();
+		}));
+	}, [S]), /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h(Ae, {
+		isOpen: S,
+		onOpenChange: D,
+		children: [/* @__PURE__ */ h(g, {
+			"aria-haspopup": "menu",
+			className: Q.base.trigger,
+			isPending: a,
+			ref: C,
+			render: (e) => r("button", {
+				...e,
+				"aria-busy": a || void 0,
+				type: "button"
+			}),
+			children: [
+				y && /* @__PURE__ */ m(Y, {
+					name: y,
+					size: "sm"
+				}),
+				/* @__PURE__ */ h("span", {
+					className: Q.base.triggerLabel,
+					children: [/* @__PURE__ */ m("span", {
+						className: [Q.base.triggerLabelContent, a && "breeze:opacity-0"].filter(Boolean).join(" "),
+						children: v
+					}), a && /* @__PURE__ */ m("span", {
+						"aria-hidden": "true",
+						className: Q.base.triggerLabelSkeleton,
+						"data-breeze-skeleton": "",
+						children: /* @__PURE__ */ m(G, {})
+					})]
+				}),
+				/* @__PURE__ */ m(Y, {
+					name: "expand",
+					size: "sm"
+				})
+			]
+		}), /* @__PURE__ */ m(wt, {
+			className: Q.base.popover,
+			isOpen: S,
+			onOpenChange: D,
+			triggerRef: C,
+			children: /* @__PURE__ */ m("div", {
+				onKeyDownCapture: (e) => {
+					e.key === "Escape" && (w.current = !0);
+				},
+				children: /* @__PURE__ */ m(Oe, {
+					className: Q.base.menu,
+					id: T,
+					onAction: (e) => {
+						let t = E.find((t) => t.id === e);
+						t && (w.current = !0, o?.(t));
+					},
+					children: E.map((e, t) => {
+						let n = `${T}-description-${t}`;
+						return /* @__PURE__ */ m(ke, {
+							"aria-describedby": e.description ? n : void 0,
+							"aria-label": dn(e),
+							className: Q.base.item,
+							id: e.id,
+							isDisabled: e.disabled,
+							textValue: e.label,
+							children: /* @__PURE__ */ m(un, {
+								descriptionId: n,
+								descriptor: e
+							})
+						}, e.id);
+					})
+				})
+			})
+		})]
+	}), /* @__PURE__ */ m(fn, { loading: a })] });
+}
+//#endregion
+//#region src/primitives/NumberField/NumberField.tsx
+var $ = {
 	base: {
 		group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:has-[input[data-invalid]]:border-breeze-danger breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken",
 		input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:rounded-none breeze:bg-transparent breeze:tabular-nums breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
@@ -1317,17 +2003,17 @@ var Q = {
 	},
 	variant: {}
 };
-function Mt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, disabled: a = !1, error: o, form: s, formatOptions: c, id: l, label: u, loading: d = !1, maxValue: f, minValue: p, name: _, onChange: v, placeholder: y, readOnly: b = !1, ref: x, required: S = !1, step: C, value: w }) {
-	let { messages: T } = G(), E = i?.trim() || void 0, D = o?.trim() || void 0, A = a || d;
-	return /* @__PURE__ */ h(ye, {
+function mn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, disabled: a = !1, error: o, form: s, formatOptions: c, id: l, label: u, loading: d = !1, maxValue: f, minValue: p, name: _, onChange: v, placeholder: y, readOnly: b = !1, ref: x, required: S = !1, step: C, value: w }) {
+	let { messages: T } = W(), E = i?.trim() || void 0, D = o?.trim() || void 0, O = a || d;
+	return /* @__PURE__ */ h(je, {
 		autoFocus: t,
 		"aria-label": d ? u : void 0,
-		className: J.base.root,
+		className: q.base.root,
 		defaultValue: n,
 		form: s,
 		formatOptions: c,
 		id: l,
-		isDisabled: A,
+		isDisabled: O,
 		isInvalid: !d && D !== void 0,
 		isReadOnly: b,
 		isRequired: S,
@@ -1339,23 +2025,23 @@ function Mt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 		validationBehavior: "aria",
 		value: w,
 		children: [
-			/* @__PURE__ */ m(Ve, {
+			/* @__PURE__ */ m(at, {
 				label: u,
 				loading: d
 			}),
-			/* @__PURE__ */ h(O, {
-				className: Y(Q.base.group, b && !d && Q.state.readOnlyGroup, d && Q.state.loadingGroup),
+			/* @__PURE__ */ h(_e, {
+				className: J($.base.group, b && !d && $.state.readOnlyGroup, d && $.state.loadingGroup),
 				children: [
-					/* @__PURE__ */ m(k, {
+					/* @__PURE__ */ m(ve, {
 						"aria-busy": d || void 0,
-						className: Y(J.base.input, Q.base.input, d && Q.state.loadingInput),
+						className: J(q.base.input, $.base.input, d && $.state.loadingInput),
 						autoComplete: e,
 						placeholder: y,
 						form: s,
 						ref: x
 					}),
 					/* @__PURE__ */ m(g, {
-						className: Y(Q.base.stepButton, d && Q.state.loadingStepButton),
+						className: J($.base.stepButton, d && $.state.loadingStepButton),
 						render: (e) => r("button", {
 							...e,
 							"aria-hidden": d || void 0,
@@ -1366,7 +2052,7 @@ function Mt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						children: "−"
 					}),
 					/* @__PURE__ */ m(g, {
-						className: Y(Q.base.stepButton, d && Q.state.loadingStepButton),
+						className: J($.base.stepButton, d && $.state.loadingStepButton),
 						render: (e) => r("button", {
 							...e,
 							"aria-hidden": d || void 0,
@@ -1377,8 +2063,8 @@ function Mt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						children: "+"
 					}),
 					d && /* @__PURE__ */ m("span", {
-						className: Q.base.skeleton,
-						children: /* @__PURE__ */ m(K, {
+						className: $.base.skeleton,
+						children: /* @__PURE__ */ m(G, {
 							blockSize: "100%",
 							inlineSize: "100%",
 							label: T.loading,
@@ -1387,7 +2073,7 @@ function Mt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 					})
 				]
 			}),
-			/* @__PURE__ */ m(He, {
+			/* @__PURE__ */ m(ot, {
 				description: E,
 				error: D,
 				loading: d
@@ -1397,8 +2083,8 @@ function Mt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 }
 //#endregion
 //#region src/primitives/Popover/Popover.tsx
-function Nt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
-	return /* @__PURE__ */ m(Ct, {
+function hn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
+	return /* @__PURE__ */ m(en, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -1412,32 +2098,32 @@ function Nt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Select/Select.tsx
-var Pt = {
+var gn = {
 	base: { trigger: "breeze:flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-center breeze:justify-between breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60" },
 	compound: {},
 	size: {},
 	state: { readOnlyTrigger: "breeze:cursor-default breeze:bg-breeze-sunken" },
 	variant: {}
 };
-function Ft({ items: e }) {
-	return /* @__PURE__ */ m(A, {
-		className: X.base.listBox,
+function _n({ items: e }) {
+	return /* @__PURE__ */ m(ye, {
+		className: Z.base.listBox,
 		items: e,
-		children: (e) => /* @__PURE__ */ m(j, {
-			className: X.base.item,
+		children: (e) => /* @__PURE__ */ m(be, {
+			className: Z.base.item,
 			id: e.descriptor.id,
 			isDisabled: e.descriptor.disabled,
 			textValue: e.descriptor.label,
 			value: e,
-			children: ({ isSelected: t }) => /* @__PURE__ */ m(st, {
+			children: ({ isSelected: t }) => /* @__PURE__ */ m(Tt, {
 				descriptor: e.descriptor,
 				isSelected: t
 			})
 		})
 	});
 }
-function It({ form: e, interactionDisabled: t, name: n, readOnly: r }) {
-	let i = a(xe);
+function vn({ form: e, interactionDisabled: t, name: n, readOnly: r }) {
+	let i = a(Ne);
 	return !r || t || !n || i === null ? null : /* @__PURE__ */ m("input", {
 		form: e,
 		name: n,
@@ -1445,31 +2131,31 @@ function It({ form: e, interactionDisabled: t, name: n, readOnly: r }) {
 		value: i.value === null ? "" : String(i.value)
 	});
 }
-function Lt({ disabled: e, items: t, readOnly: n, triggerRef: r }) {
-	let i = a(xe), s = e || n || t.length === 0, c = !s && (i?.isOpen ?? !1);
+function yn({ disabled: e, items: t, readOnly: n, triggerRef: r }) {
+	let i = a(Ne), s = e || n || t.length === 0, c = !s && (i?.isOpen ?? !1);
 	return o(() => {
 		s && i?.isOpen && i.setOpen(!1);
-	}, [s, i]), /* @__PURE__ */ m(nt, {
-		className: X.base.popover,
+	}, [s, i]), /* @__PURE__ */ m(wt, {
+		className: Z.base.popover,
 		isOpen: c,
 		onOpenChange: (e) => i?.setOpen(e),
 		triggerRef: r,
-		children: /* @__PURE__ */ m(Ft, { items: t })
+		children: /* @__PURE__ */ m(_n, { items: t })
 	});
 }
-function Rt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, disabled: a = !1, error: o, form: c, getItem: d, id: f, items: p, label: _, loading: v = !1, name: y, onChange: b, placeholder: x, readOnly: S = !1, required: C = !1, value: w }) {
-	let { messages: T } = G(), E = i?.trim() || void 0, D = o?.trim() || void 0, O = a || v, k = !v && D !== void 0, A = s(), j = f ?? `${A}-control`, ee = u(null), M = l(() => p.map((e) => ({
+function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, disabled: a = !1, error: o, form: c, getItem: d, id: f, items: p, label: _, loading: v = !1, name: y, onChange: b, placeholder: x, readOnly: S = !1, required: C = !1, value: w }) {
+	let { messages: T } = W(), E = i?.trim() || void 0, D = o?.trim() || void 0, O = a || v, k = !v && D !== void 0, A = s(), j = f ?? `${A}-control`, M = u(null), N = l(() => p.map((e) => ({
 		descriptor: d(e),
 		item: e
-	})), [d, p]), N;
-	N = w === void 0 ? void 0 : w === null ? null : d(w).id;
-	let P = n == null ? null : d(n).id;
-	return /* @__PURE__ */ h(be, {
+	})), [d, p]), ee;
+	ee = w === void 0 ? void 0 : w === null ? null : d(w).id;
+	let te = n == null ? null : d(n).id;
+	return /* @__PURE__ */ h(Me, {
 		"aria-label": v ? _ : void 0,
 		autoComplete: e,
 		autoFocus: t,
-		className: J.base.root,
-		defaultValue: P,
+		className: q.base.root,
+		defaultValue: te,
 		form: c,
 		id: j,
 		isDisabled: O || S,
@@ -1478,25 +2164,25 @@ function Rt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 		name: y,
 		onChange: (e) => {
 			if (S) return;
-			let t = e === null ? void 0 : M.find(({ descriptor: t }) => t.id === String(e));
+			let t = e === null ? void 0 : N.find(({ descriptor: t }) => t.id === String(e));
 			b?.(t?.item ?? null);
 		},
 		placeholder: x,
 		validationBehavior: "aria",
-		value: N,
+		value: ee,
 		children: [
-			/* @__PURE__ */ m(Ve, {
+			/* @__PURE__ */ m(at, {
 				htmlFor: j,
 				label: _,
 				loading: v,
-				onClick: () => ee.current?.focus()
+				onClick: () => M.current?.focus()
 			}),
 			/* @__PURE__ */ h("div", {
-				className: J.base.control,
+				className: q.base.control,
 				children: [/* @__PURE__ */ h(g, {
-					className: Y(Pt.base.trigger, S && Pt.state.readOnlyTrigger, v && "breeze:!opacity-0"),
+					className: J(gn.base.trigger, S && gn.state.readOnlyTrigger, v && "breeze:!opacity-0"),
 					isDisabled: O,
-					ref: ee,
+					ref: M,
 					render: (e) => r("button", {
 						...e,
 						"aria-busy": v || void 0,
@@ -1505,16 +2191,16 @@ function Rt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						"data-invalid": k || void 0,
 						type: "button"
 					}),
-					children: [/* @__PURE__ */ m(Se, {
-						className: Y(X.base.content, "breeze:text-start"),
+					children: [/* @__PURE__ */ m(Pe, {
+						className: J(Z.base.content, "breeze:text-start"),
 						children: ({ isPlaceholder: e, selectedText: t }) => e ? x ?? "" : t
-					}), /* @__PURE__ */ m(ot, {
+					}), /* @__PURE__ */ m(Y, {
 						name: "expand",
 						size: "sm"
 					})]
 				}), v && /* @__PURE__ */ m("span", {
-					className: J.base.skeleton,
-					children: /* @__PURE__ */ m(K, {
+					className: q.base.skeleton,
+					children: /* @__PURE__ */ m(G, {
 						blockSize: "100%",
 						inlineSize: "100%",
 						label: T.loading,
@@ -1522,19 +2208,19 @@ function Rt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 					})
 				})]
 			}),
-			/* @__PURE__ */ m(Lt, {
+			/* @__PURE__ */ m(yn, {
 				disabled: O,
-				items: M,
+				items: N,
 				readOnly: S,
-				triggerRef: ee
+				triggerRef: M
 			}),
-			/* @__PURE__ */ m(It, {
+			/* @__PURE__ */ m(vn, {
 				form: c,
 				interactionDisabled: O,
 				name: y,
 				readOnly: S
 			}),
-			/* @__PURE__ */ m(He, {
+			/* @__PURE__ */ m(ot, {
 				description: E,
 				error: D,
 				loading: v
@@ -1544,7 +2230,7 @@ function Rt({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 }
 //#endregion
 //#region src/primitives/Separator/Separator.tsx
-var zt = {
+var xn = {
 	base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -1554,15 +2240,15 @@ var zt = {
 		vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
 	}
 };
-function Bt({ orientation: e = "horizontal" }) {
+function Sn({ orientation: e = "horizontal" }) {
 	return /* @__PURE__ */ m("hr", {
 		"aria-orientation": e,
-		className: [zt.base.separator, zt.variant[e]].join(" ")
+		className: [xn.base.separator, xn.variant[e]].join(" ")
 	});
 }
 //#endregion
 //#region src/primitives/Stack/Stack.tsx
-var Vt = {
+var Cn = {
 	base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
 	compound: {},
 	size: {
@@ -1584,24 +2270,24 @@ var Vt = {
 		stretch: "breeze:items-stretch"
 	}
 };
-function Ht({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
-	let { accessibleLabel: o, role: s } = Re(e, n);
+function wn({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
+	let { accessibleLabel: o, role: s } = nt(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			Vt.base.stack,
-			Vt.variant[a],
-			Vt.size[i]
+			Cn.base.stack,
+			Cn.variant[a],
+			Cn.size[i]
 		].join(" "),
 		role: s
 	}, t);
 }
 //#endregion
 //#region src/primitives/TextField/TextField.tsx
-function Ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, disabled: i = !1, error: a, form: o, id: s, label: c, loading: l = !1, name: u, onChange: d, placeholder: f, readOnly: p = !1, ref: g, required: _ = !1, type: v = "text", value: y }) {
-	let { messages: b } = G(), x = r?.trim() || void 0, S = a?.trim() || void 0, C = i || l;
-	return /* @__PURE__ */ h(Ce, {
-		className: J.base.root,
+function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, disabled: i = !1, error: a, form: o, id: s, label: c, loading: l = !1, name: u, onChange: d, placeholder: f, readOnly: p = !1, ref: g, required: _ = !1, type: v = "text", value: y }) {
+	let { messages: b } = W(), x = r?.trim() || void 0, S = a?.trim() || void 0, C = i || l;
+	return /* @__PURE__ */ h(Fe, {
+		className: q.base.root,
 		defaultValue: n,
 		"aria-label": l ? c : void 0,
 		id: s,
@@ -1615,23 +2301,23 @@ function Ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 		validationBehavior: "aria",
 		value: y,
 		children: [
-			/* @__PURE__ */ m(Ve, {
+			/* @__PURE__ */ m(at, {
 				label: c,
 				loading: l
 			}),
 			/* @__PURE__ */ h("span", {
-				className: J.base.control,
-				children: [/* @__PURE__ */ m(k, {
+				className: q.base.control,
+				children: [/* @__PURE__ */ m(ve, {
 					"aria-busy": l || void 0,
-					className: Y(J.base.input, l && J.state.loadingInput),
+					className: J(q.base.input, l && q.state.loadingInput),
 					autoComplete: e,
 					autoFocus: t,
 					form: o,
 					placeholder: f,
 					ref: g
 				}), l && /* @__PURE__ */ m("span", {
-					className: J.base.skeleton,
-					children: /* @__PURE__ */ m(K, {
+					className: q.base.skeleton,
+					children: /* @__PURE__ */ m(G, {
 						blockSize: "100%",
 						inlineSize: "100%",
 						label: b.loading,
@@ -1639,7 +2325,7 @@ function Ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 					})
 				})]
 			}),
-			/* @__PURE__ */ m(He, {
+			/* @__PURE__ */ m(ot, {
 				description: x,
 				error: S,
 				loading: l
@@ -1649,18 +2335,18 @@ function Ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 }
 //#endregion
 //#region src/primitives/Toast/Toast.tsx
-var Wt = 2600, Gt = "BreezeProvider toastLimit must be a positive integer.", Kt = "Toast components must be rendered within BreezeProvider.";
-function qt(e) {
+var En = 2600, Dn = "BreezeProvider toastLimit must be a positive integer.", On = "Toast components must be rendered within BreezeProvider.";
+function kn(e) {
 	return e.isIntersecting && e.intersectionRatio >= 1;
 }
-function Jt(e, t, n, r) {
+function An(e, t, n, r) {
 	let i = Number(e.target.dataset.breezeToastId);
-	t.has(i) && (qt(e) ? n(i) : r(i));
+	t.has(i) && (kn(e) ? n(i) : r(i));
 }
-var Yt = n(null), Xt = n(!0), Zt = n(null);
-function Qt({ children: e }) {
-	G();
-	let t = a(Xt), n = a(Zt), [r, i] = d(() => n?.message ?? null);
+var jn = n(null), Mn = n(!0), Nn = n(null);
+function Pn({ children: e }) {
+	W();
+	let t = a(Mn), n = a(Nn), [r, i] = d(() => n?.message ?? null);
 	return o(() => {
 		if (!t || typeof document < "u" && document.hidden || r === e) return;
 		let a = setTimeout(() => {
@@ -1678,15 +2364,15 @@ function Qt({ children: e }) {
 		"aria-live": "polite",
 		className: "breeze-toast",
 		role: "status",
-		children: [/* @__PURE__ */ m(ot, {
+		children: [/* @__PURE__ */ m(Y, {
 			name: "check",
 			size: "sm"
 		}), /* @__PURE__ */ m("span", { children: r })]
 	});
 }
-function $t({ children: e, limit: t }) {
-	let n = $e(), r = qe(), a = u(null), [s, l] = d(() => typeof document > "u" || !document.hidden), [f, p] = d([]), g = u(0), _ = u(/* @__PURE__ */ new Map()), v = u(/* @__PURE__ */ new Set()), y = u(/* @__PURE__ */ new Map());
-	if (!Number.isInteger(t) || t < 1) throw RangeError(Gt);
+function Fn({ children: e, limit: t }) {
+	let n = xt(), r = ht(), a = u(null), [s, l] = d(() => typeof document > "u" || !document.hidden), [f, p] = d([]), g = u(0), _ = u(/* @__PURE__ */ new Map()), v = u(/* @__PURE__ */ new Set()), y = u(/* @__PURE__ */ new Map());
+	if (!Number.isInteger(t) || t < 1) throw RangeError(Dn);
 	let b = i((e, t) => {
 		let n = y.current.get(e);
 		n !== void 0 && (n.message = t);
@@ -1721,7 +2407,7 @@ function $t({ children: e, limit: t }) {
 		if (!s || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
 		let n = t ?? {
 			handle: null,
-			remaining: Wt,
+			remaining: En,
 			startedAt: null
 		};
 		if (n.remaining <= 0) {
@@ -1755,7 +2441,7 @@ function $t({ children: e, limit: t }) {
 		}
 		let o, c = setTimeout(() => {
 			o = new IntersectionObserver((e) => {
-				e.forEach((e) => Jt(e, r, D, w));
+				e.forEach((e) => An(e, r, D, w));
 			}, { threshold: 1 }), Array.from(i.children).forEach((e) => {
 				e instanceof HTMLElement && e.dataset.breezeToastId !== void 0 && !e.hidden && o?.observe(e);
 			});
@@ -1773,11 +2459,11 @@ function $t({ children: e, limit: t }) {
 		D
 	]), o(() => C, [C]);
 	let O = f.slice(0, t), k = new Set(O.map(({ id: e }) => e)), A = f.filter(({ id: e }) => k.has(e) || v.current.has(e));
-	return /* @__PURE__ */ m(Xt, {
+	return /* @__PURE__ */ m(Mn, {
 		value: s,
-		children: /* @__PURE__ */ h(Yt, {
+		children: /* @__PURE__ */ h(jn, {
 			value: x,
-			children: [e, n && we(/* @__PURE__ */ m("div", {
+			children: [e, n && Ie(/* @__PURE__ */ m("div", {
 				ref: a,
 				className: "breeze-toast-region",
 				"data-breeze-toast-region": "",
@@ -1790,11 +2476,11 @@ function $t({ children: e, limit: t }) {
 						"aria-hidden": n ? "true" : void 0,
 						"data-breeze-toast-id": e,
 						hidden: n,
-						children: /* @__PURE__ */ m(Zt, {
+						children: /* @__PURE__ */ m(Nn, {
 							value: y.current.get(e) ?? null,
-							children: /* @__PURE__ */ m(Xt, {
+							children: /* @__PURE__ */ m(Mn, {
 								value: s && !n,
-								children: /* @__PURE__ */ m(Qt, { children: t })
+								children: /* @__PURE__ */ m(Pn, { children: t })
 							})
 						})
 					}, e);
@@ -1803,130 +2489,149 @@ function $t({ children: e, limit: t }) {
 		})
 	});
 }
-function en() {
-	let e = a(Yt);
-	if (e === null) throw Error(Kt);
+function In() {
+	let e = a(jn);
+	if (e === null) throw Error(On);
 	return e;
 }
 //#endregion
-//#region src/primitives/Typography/Typography.tsx
-var $ = {
-	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
+//#region src/primitives/Toggle/Toggle.tsx
+var Ln = {
+	base: { toggle: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:font-breeze-sans breeze:font-semibold breeze:text-breeze-ink breeze:cursor-pointer breeze:select-none breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap" },
 	compound: {},
-	size: {},
-	state: {
-		aligned: "breeze:block breeze:inline-size-full",
-		inlineLoading: "breeze:inline-block",
-		numeric: "breeze:tabular-nums breeze:tracking-breeze-tighter",
-		truncate: "breeze:block breeze:min-inline-size-0 breeze:inline-size-full breeze:overflow-hidden breeze:text-ellipsis breeze:whitespace-nowrap"
+	size: {
+		lg: "breeze:min-block-breeze-lg breeze:ps-breeze-5 breeze:pe-breeze-5 breeze:py-breeze-3 breeze:text-breeze-sm",
+		md: "breeze:min-block-breeze-md breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:text-breeze-sm",
+		sm: "breeze:min-block-breeze-sm breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-1 breeze:text-breeze-xs"
 	},
-	variant: {
-		align: {
-			center: "breeze:text-center",
-			end: "breeze:text-end",
-			start: "breeze:text-start"
-		},
-		role: {
-			body: "breeze:text-breeze-sm breeze:font-normal breeze:leading-breeze-snug",
-			caption: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
-			heading: "breeze:text-breeze-2xl breeze:font-semibold breeze:leading-breeze-tight",
-			label: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
-			micro: "breeze:text-breeze-2xs breeze:font-bold breeze:uppercase breeze:leading-breeze-snug breeze:tracking-breeze-caps",
-			money: "breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums",
-			title: "breeze:text-breeze-md breeze:font-semibold breeze:leading-breeze-snug"
-		},
-		tone: {
-			brand: "breeze:text-breeze-brand-text",
-			danger: "breeze:text-breeze-danger",
-			default: "breeze:text-breeze-ink",
-			muted: "breeze:text-breeze-ink-3",
-			positive: "breeze:text-breeze-pos",
-			secondary: "breeze:text-breeze-ink-2",
-			warning: "breeze:text-breeze-warn"
-		}
-	}
+	state: { pressed: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
+	variant: {}
 };
-function tn(e) {
-	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
-}
-function nn(e, t, n, r) {
-	let i;
-	try {
-		i = new Intl.NumberFormat(n, {
-			currency: t,
-			signDisplay: r ?? "auto",
-			style: "currency"
-		}).formatToParts(e);
-	} catch (t) {
-		if (!(t instanceof RangeError)) throw t;
-		i = new Intl.NumberFormat(n, { signDisplay: r ?? "auto" }).formatToParts(e);
-	}
-	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
-}
-function rn(e, t, n) {
-	let r;
-	try {
-		r = Te(e).toDate("UTC");
-	} catch {
-		return e;
-	}
-	return new Intl.DateTimeFormat(t, {
-		dateStyle: n ?? "long",
-		timeZone: "UTC"
-	}).format(r);
-}
-function an(e, t, n) {
-	return e.loading ? /* @__PURE__ */ m(K, {
-		blockSize: "1lh",
-		inlineSize: "8em",
-		label: n
-	}) : e.format === "currency" ? nn(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? rn(e.value, t, e.dateStyle) : e.children;
-}
-function on(e) {
-	let { locale: t, messages: n } = G(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: u = !1, numeric: d = !1, tone: f = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? tn(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = an(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
-		"h1",
-		"h2",
-		"h3",
-		"h4"
-	].includes(v), T = !u && y !== void 0 && !C && !w;
-	return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
-		"aria-hidden": "true",
-		children: S
-	}), /* @__PURE__ */ m(Ne, { children: y })] })), r(v, {
-		"aria-busy": u || void 0,
-		"aria-label": T || w ? y : void 0,
+function Rn({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, children: r, defaultPressed: i, disabled: a = !1, id: o, loading: s = !1, onChange: c, pressed: l, ref: u, size: d = "md" }) {
+	return /* @__PURE__ */ m(ut, {
+		"aria-describedby": e,
+		"aria-label": t,
+		"aria-labelledby": n,
 		className: [
-			$.base.text,
-			$.variant.role[_],
-			$.variant.tone[f],
-			$.variant.align[b],
-			x && $.state.aligned,
-			u && v === "span" && !x && $.state.inlineLoading,
-			d && _ !== "money" && $.state.numeric,
-			g && $.state.truncate
-		].filter(Boolean).join(" "),
-		id: l,
-		lang: t,
-		role: T ? "group" : void 0
-	}, S);
+			Ln.base.toggle,
+			Ln.size[d],
+			Ln.state.pressed
+		].join(" "),
+		defaultPressed: i,
+		disabled: a,
+		id: o,
+		loading: s,
+		onChange: c,
+		pressed: l,
+		ref: u,
+		children: r
+	});
+}
+//#endregion
+//#region src/primitives/ToggleGroup/ToggleGroup.tsx
+var zn = {
+	base: {
+		description: "breeze:text-breeze-2xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
+		group: "breeze:inline-flex breeze:items-center breeze:gap-breeze-1 breeze:rounded-breeze-ctl breeze:bg-breeze-sunken breeze:p-breeze-1 breeze:font-breeze-sans",
+		item: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:gap-breeze-2 breeze:rounded-breeze-sm breeze:border breeze:border-solid breeze:border-transparent breeze:font-semibold breeze:text-breeze-ink-2 breeze:cursor-pointer breeze:select-none breeze:outline-offset-[-2px] breeze:data-[hovered]:bg-breeze-raised breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
+		label: "breeze:font-medium",
+		optionContent: "breeze:flex breeze:min-inline-size-0 breeze:flex-col",
+		optionDetails: "breeze:inline-flex breeze:items-center breeze:gap-breeze-2"
+	},
+	compound: {},
+	size: {
+		lg: "breeze:min-block-breeze-lg breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:py-breeze-2 breeze:text-breeze-sm",
+		md: "breeze:min-block-breeze-md breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:text-breeze-sm",
+		sm: "breeze:min-block-breeze-sm breeze:ps-breeze-2 breeze:pe-breeze-2 breeze:py-breeze-1 breeze:text-breeze-xs"
+	},
+	state: { selected: "breeze:data-[selected]:border-breeze-line-strong breeze:data-[selected]:bg-breeze-surface breeze:data-[selected]:text-breeze-ink breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
+	variant: {}
+};
+function Bn({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabled: r = !1, getItem: i, id: a, items: o, loading: s = !1, onChange: c, selected: l, size: u = "md" }) {
+	let { getMessageLocale: f, messages: g } = W(), [_, v] = d(() => n == null ? null : i(n).id), y = o.map((e) => ({
+		descriptor: i(e),
+		item: e
+	})), b = _;
+	return l !== void 0 && (b = l === null ? null : i(l).id), /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h("fieldset", {
+			"aria-describedby": e,
+			"aria-busy": s || void 0,
+			className: `${zn.base.group} breeze:border-0 breeze:m-0 breeze:min-inline-size-0`,
+			disabled: r,
+			id: a,
+			children: [/* @__PURE__ */ m("legend", {
+				className: "breeze:sr-only",
+				children: t
+			}), y.map(({ descriptor: e, item: t }) => /* @__PURE__ */ m(ut, {
+				announceLoading: !1,
+				className: [
+					zn.base.item,
+					zn.size[u],
+					zn.state.selected
+				].join(" "),
+				disabled: r || e.disabled === !0,
+				loading: s,
+				onChange: (n) => {
+					l === void 0 && v(n ? e.id : null), c?.(n ? t : null);
+				},
+				pressed: b === e.id,
+				children: /* @__PURE__ */ h("span", {
+					className: zn.base.optionDetails,
+					children: [
+						e.icon && /* @__PURE__ */ m(Y, {
+							name: e.icon,
+							size: "sm"
+						}),
+						/* @__PURE__ */ h("span", {
+							className: zn.base.optionContent,
+							children: [/* @__PURE__ */ m("span", {
+								className: zn.base.label,
+								children: e.label
+							}), e.description && /* @__PURE__ */ m("span", {
+								className: zn.base.description,
+								children: e.description
+							})]
+						}),
+						e.badge && /* @__PURE__ */ m(Ke, {
+							"aria-label": e.badge["aria-label"],
+							variant: e.badge.variant,
+							children: e.badge.children
+						})
+					]
+				})
+			}, e.id))]
+		}),
+		s && /* @__PURE__ */ m("span", {
+			className: "breeze:sr-only",
+			children: /* @__PURE__ */ m(G, { label: g.loading })
+		}),
+		/* @__PURE__ */ m("output", {
+			"aria-live": "polite",
+			className: "breeze:sr-only",
+			lang: f("loading"),
+			children: s ? g.loading : ""
+		})
+	] });
 }
 //#endregion
 //#region src/provider/en-GB.ts
-var sn = {
+var Vn = {
 	appearance: "Appearance",
 	appearanceAutomatic: "Auto",
 	appearanceDark: "Dark",
 	appearanceLight: "Light",
 	close: "Close",
-	loading: "Loading"
+	loading: "Loading",
+	required: "Required",
+	selectDate: "Select a date"
 };
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-function cn(e, t) {
+function Hn(e, t) {
 	return e === "automatic" ? t ? "dark" : "light" : e;
 }
-function ln({ children: e }) {
-	let { direction: t, locale: n } = P();
+function Un({ children: e }) {
+	let { direction: t, locale: n } = we();
 	return /* @__PURE__ */ m("div", {
 		"data-breeze-root": "",
 		dir: t,
@@ -1934,8 +2639,8 @@ function ln({ children: e }) {
 		children: e
 	});
 }
-function un({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: s, portalContainer: u, toastLimit: f = 3 }) {
-	let [p] = d(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [h, g] = d(() => p?.matches ?? !1), [_, v] = d(n), y = e ?? _, b = cn(y, h);
+function Wn({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: s, portalContainer: u, toastLimit: f = 3 }) {
+	let [p] = d(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [h, g] = d(() => p?.matches ?? !1), [_, v] = d(n), y = e ?? _, b = Hn(y, h);
 	o(() => {
 		if (!p) return;
 		g(p.matches);
@@ -1952,20 +2657,22 @@ function un({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
 	let x = i((t) => {
 		e === void 0 && v(t), s?.(t);
 	}, [e, s]), S = i((e) => a?.[e] === void 0 ? "en-GB" : r, [r, a]);
-	return /* @__PURE__ */ m(N, {
+	return /* @__PURE__ */ m(Ce, {
 		locale: r,
-		children: /* @__PURE__ */ m(Ee, {
+		children: /* @__PURE__ */ m(Le, {
 			value: l(() => ({
 				appearance: y,
 				getMessageLocale: S,
 				locale: r,
 				messages: {
-					appearance: a?.appearance ?? sn.appearance,
-					appearanceAutomatic: a?.appearanceAutomatic ?? sn.appearanceAutomatic,
-					appearanceDark: a?.appearanceDark ?? sn.appearanceDark,
-					appearanceLight: a?.appearanceLight ?? sn.appearanceLight,
-					close: a?.close ?? sn.close,
-					loading: a?.loading ?? sn.loading
+					appearance: a?.appearance ?? Vn.appearance,
+					appearanceAutomatic: a?.appearanceAutomatic ?? Vn.appearanceAutomatic,
+					appearanceDark: a?.appearanceDark ?? Vn.appearanceDark,
+					appearanceLight: a?.appearanceLight ?? Vn.appearanceLight,
+					close: a?.close ?? Vn.close,
+					loading: a?.loading ?? Vn.loading,
+					required: a?.required ?? Vn.required,
+					selectDate: a?.selectDate ?? Vn.selectDate
 				},
 				resolvedAppearance: b,
 				setAppearance: x
@@ -1977,18 +2684,18 @@ function un({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
 				b,
 				x
 			]),
-			children: /* @__PURE__ */ m(Qe, {
+			children: /* @__PURE__ */ m(bt, {
 				locale: r,
 				portalContainer: u,
-				children: /* @__PURE__ */ m($t, {
+				children: /* @__PURE__ */ m(Fn, {
 					limit: f,
-					children: /* @__PURE__ */ m(ln, { children: t })
+					children: /* @__PURE__ */ m(Un, { children: t })
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { Ae as AppearanceControl, Fe as Badge, un as BreezeProvider, Le as Button, Be as Card, We as Checkbox, gt as ComboBox, vt as Container, wt as Dialog, Tt as Drawer, Dt as Grid, ot as Icon, kt as IconTile, jt as Inline, Mt as NumberField, Nt as Popover, Rt as Select, Bt as Separator, K as Skeleton, Ht as Stack, Ut as TextField, Qt as Toast, on as Typography, Ne as VisuallyHidden, en as useToast };
+export { Ve as AppearanceControl, Ke as Badge, Wn as BreezeProvider, Je as Button, tt as Calendar, it as Card, ct as Checkbox, ft as Chip, Ft as ComboBox, Lt as Container, Yt as DatePicker, tn as Dialog, nn as Drawer, an as Grid, Y as Icon, sn as IconTile, ln as Inline, pn as Menu, mn as NumberField, hn as Popover, bn as Select, Sn as Separator, G as Skeleton, wn as Stack, Tn as TextField, Pn as Toast, Rn as Toggle, Bn as ToggleGroup, Ut as Typography, We as VisuallyHidden, In as useToast };
 
 //# sourceMappingURL=index.js.map