@motech-development/breeze-ui 4.6.0 → 4.6.1

package/lib/index.js

@@ -14,34 +14,27 @@ import { ComboBox as T, ComboBoxStateContext as E, useFilter as D } from "react-
 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 { createPortal as M, flushSync as N } from "react-dom";
 import { Popover as ee } from "react-aria-components/Popover";
-import { UNSAFE_PortalProvider as P } from "react-aria/PortalProvider";
-import { I18nProvider as te, useLocale as F } from "react-aria-components/I18nProvider";
-import { ArrowDownLeft as ne, ArrowUpRight as I, Bell as L, Building2 as R, CalendarDays as re, Camera as ie, Check as z, ChevronDown as B, ChevronLeft as V, ChevronRight as H, Clock3 as ae, Download as U, Ellipsis as oe, FileText as se, House as ce, List as W, LockKeyhole as le, LogOut as ue, Plus as G, Settings as K, Trash2 as de, TriangleAlert as fe, Upload as pe, Users as me, X as he } from "lucide-react";
+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 { mergeProps as be } from "react-aria/mergeProps";
-import { useButton as xe } from "react-aria/useButton";
-import { useFocusRing as Se } from "react-aria/useFocusRing";
-import { useHover as Ce } from "react-aria/useHover";
-import { useListBox as we, useOption as Te } from "react-aria/useListBox";
-import { useSelect as Ee } from "react-aria/useSelect";
-import { useVisuallyHidden as De } from "react-aria/VisuallyHidden";
-import { useSelectState as Oe } from "react-stately/useSelectState";
-import { TextField as ke } from "react-aria-components/TextField";
-import { parseDate as Ae } from "@internationalized/date";
+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";
 //#region src/provider/BreezeContext.ts
-var je = n(null);
-function q() {
-	let e = a(je);
+var Ee = n(null);
+function G() {
+	let e = a(Ee);
 	if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return e;
 }
 //#endregion
 //#region src/patterns/AppearanceControl/AppearanceControl.tsx
-var Me = {
+var De = {
 	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",
@@ -52,7 +45,7 @@ var Me = {
 	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: {}
-}, Ne = [
+}, Oe = [
 	{
 		message: "appearanceLight",
 		value: "light"
@@ -66,30 +59,30 @@ var Me = {
 		value: "dark"
 	}
 ];
-function Pe(e) {
-	return Ne.some((t) => t.value === e);
+function ke(e) {
+	return Oe.some((t) => t.value === e);
 }
-function Fe() {
-	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = q();
+function Ae() {
+	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = G();
 	return /* @__PURE__ */ h("div", {
-		className: Me.base.control,
+		className: De.base.control,
 		children: [/* @__PURE__ */ m("span", {
-			className: Me.base.label,
+			className: De.base.label,
 			lang: r("appearance"),
 			children: i.appearance
 		}), /* @__PURE__ */ m(t, {
 			"aria-label": i.appearance,
-			className: Me.base.group,
+			className: De.base.group,
 			disallowEmptySelection: !0,
 			lang: r("appearance"),
 			onSelectionChange: (e) => {
 				let [t] = e;
-				Pe(t) && a(t);
+				ke(t) && a(t);
 			},
 			selectedKeys: [n],
 			selectionMode: "single",
-			children: Ne.map((t) => /* @__PURE__ */ m(e, {
-				className: [Me.base.option, Me.state.selected].join(" "),
+			children: Oe.map((t) => /* @__PURE__ */ m(e, {
+				className: [De.base.option, De.state.selected].join(" "),
 				id: t.value,
 				lang: r(t.message),
 				children: i[t.message]
@@ -99,7 +92,7 @@ function Fe() {
 }
 //#endregion
 //#region src/primitives/Skeleton/Skeleton.tsx
-var Ie = {
+var je = {
 	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: {},
@@ -110,37 +103,37 @@ var Ie = {
 		text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
 	}
 };
-function J({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
-	let { getMessageLocale: i, messages: a } = q(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
+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 = {
 		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: [Ie.base.skeleton, Ie.variant[r]].join(" "),
+		className: [je.base.skeleton, je.variant[r]].join(" "),
 		lang: o === a.loading.trim() ? i("loading") : void 0,
 		style: c
 	});
 }
 //#endregion
 //#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
-var Le = {
+var Me = {
 	base: { hidden: "breeze:sr-only" },
 	compound: {},
 	size: {},
 	state: {},
 	variant: {}
 };
-function Re({ children: e }) {
+function Ne({ children: e }) {
 	return /* @__PURE__ */ m("span", {
-		className: Le.base.hidden,
+		className: Me.base.hidden,
 		children: e
 	});
 }
 //#endregion
 //#region src/primitives/Badge/Badge.tsx
-var ze = {
+var Pe = {
 	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]",
@@ -157,29 +150,29 @@ var ze = {
 		warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
 	}
 };
-function Be({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
-	let { messages: i } = q(), a = e?.trim() || void 0, o;
+function Fe({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
+	let { messages: i } = G(), a = e?.trim() || void 0, o;
 	return n ? o = /* @__PURE__ */ m("span", {
-		className: ze.base.skeleton,
-		children: /* @__PURE__ */ m(J, {
+		className: Pe.base.skeleton,
+		children: /* @__PURE__ */ m(K, {
 			blockSize: 8,
 			inlineSize: "100%",
 			label: i.loading,
 			shape: "rectangle"
 		})
-	}) : a !== void 0 && (o = /* @__PURE__ */ m(Re, { children: a })), /* @__PURE__ */ h("span", {
+	}) : a !== void 0 && (o = /* @__PURE__ */ m(Ne, { children: a })), /* @__PURE__ */ h("span", {
 		"aria-busy": n || void 0,
-		className: [ze.base.badge, ze.variant[r]].join(" "),
+		className: [Pe.base.badge, Pe.variant[r]].join(" "),
 		children: [/* @__PURE__ */ m("span", {
 			"aria-hidden": n || a !== void 0 ? !0 : void 0,
-			className: [ze.base.content, n && ze.state.contentLoading].filter(Boolean).join(" "),
+			className: [Pe.base.content, n && Pe.state.contentLoading].filter(Boolean).join(" "),
 			children: t
 		}), o]
 	});
 }
 //#endregion
 //#region src/primitives/Button/Button.tsx
-var Y = {
+var q = {
 	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]",
@@ -209,23 +202,23 @@ var Y = {
 		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 Ve() {
-	let e = v(_), { getMessageLocale: t, messages: n } = q();
+function Ie() {
+	let e = v(_), { getMessageLocale: t, messages: n } = G();
 	return /* @__PURE__ */ m("progress", {
 		"aria-label": n.loading,
-		className: Y.state.loadingStatus,
+		className: q.state.loadingStatus,
 		id: e?.id,
 		lang: t("loading")
 	});
 }
-function He({ "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" }) {
-	q();
+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();
 	let C = [
-		Y.base.button,
-		Y.variant[S],
-		Y.size[y],
-		c && Y.state.disabled,
-		d && Y.state.loading
+		q.base.button,
+		q.variant[S],
+		q.size[y],
+		c && q.state.disabled,
+		d && q.state.loading
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ h(g, {
 		"aria-controls": e,
@@ -251,18 +244,18 @@ function He({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ar
 		type: b,
 		value: x,
 		children: [/* @__PURE__ */ m("span", {
-			className: [Y.base.label, d && Y.state.loadingLabel].filter(Boolean).join(" "),
+			className: [q.base.label, d && q.state.loadingLabel].filter(Boolean).join(" "),
 			children: s
-		}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Ve, {}), /* @__PURE__ */ m("span", {
+		}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Ie, {}), /* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: [Y.base.skeleton, Y.compound.loading[S]].join(" "),
+			className: [q.base.skeleton, q.compound.loading[S]].join(" "),
 			"data-breeze-skeleton": ""
 		})] })]
 	});
 }
 //#endregion
 //#region src/primitives/layout.accessibility.ts
-function Ue(e, t) {
+function Re(e, t) {
 	let n = e?.trim() || void 0;
 	return {
 		accessibleLabel: n,
@@ -271,7 +264,7 @@ function Ue(e, t) {
 }
 //#endregion
 //#region src/primitives/Card/Card.tsx
-var We = {
+var ze = {
 	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: {
@@ -291,22 +284,22 @@ var We = {
 		surface: "breeze:bg-breeze-surface"
 	}
 };
-function Ge({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
-	let { accessibleLabel: s, role: c } = Ue(e, i);
+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);
 	return r(i, {
 		"aria-label": s,
 		className: [
-			We.base.card,
-			We.variant[o],
-			We.size[a],
-			n && We.state.clipped
+			ze.base.card,
+			ze.variant[o],
+			ze.size[a],
+			n && ze.state.clipped
 		].filter(Boolean).join(" "),
 		role: c
 	}, t);
 }
 //#endregion
 //#region src/primitives/Field/field.styles.ts
-var X = {
+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",
@@ -321,51 +314,52 @@ var X = {
 	state: { loadingInput: "breeze:!opacity-0" },
 	variant: {}
 };
-function Z(...e) {
+function Y(...e) {
 	return e.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/primitives/Field/field.presentation.tsx
-function Ke({ htmlFor: e, id: t, label: n, loading: r }) {
+function Ve({ htmlFor: e, id: t, label: n, loading: r, onClick: i }) {
 	return /* @__PURE__ */ m(C, {
-		className: X.base.label,
+		className: J.base.label,
 		htmlFor: e,
 		id: t,
-		children: r ? /* @__PURE__ */ m(J, {
+		onClick: i,
+		children: r ? /* @__PURE__ */ m(K, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		}) : n
 	});
 }
-function qe({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
+function He({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
 	return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(w, {
-		className: X.base.description,
+		className: J.base.description,
 		id: t,
 		slot: "description",
-		children: i ? /* @__PURE__ */ m(J, {
+		children: i ? /* @__PURE__ */ m(K, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		}) : e
 	}), n && (i ? /* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
-		className: X.base.error,
+		className: J.base.error,
 		id: r,
-		children: /* @__PURE__ */ m(J, {
+		children: /* @__PURE__ */ m(K, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		})
 	}) : /* @__PURE__ */ m(S, {
-		className: X.base.error,
+		className: J.base.error,
 		id: r,
 		children: n
 	}))] });
 }
 //#endregion
 //#region src/primitives/Checkbox/Checkbox.tsx
-var Je = {
+var Ue = {
 	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",
@@ -378,10 +372,10 @@ var Je = {
 	state: {},
 	variant: {}
 };
-function Ye({ 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 } = q(), S = y(d), C = t?.trim() || void 0, w = r?.trim() || void 0, T = n || s;
+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: X.base.root,
+		className: J.base.root,
 		defaultSelected: e,
 		form: i,
 		id: a,
@@ -397,18 +391,18 @@ function Ye({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 		value: _,
 		validationBehavior: "aria",
 		children: [/* @__PURE__ */ m(b, {
-			className: Je.base.control,
+			className: Ue.base.control,
 			children: ({ isFocusVisible: e, isSelected: t }) => /* @__PURE__ */ h(p, { children: [s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: Je.base.skeletonIndicator,
-				children: /* @__PURE__ */ m(J, {
+				className: Ue.base.skeletonIndicator,
+				children: /* @__PURE__ */ m(K, {
 					blockSize: "100%",
 					inlineSize: "100%",
 					shape: "rectangle"
 				})
 			}), /* @__PURE__ */ m("span", {
-				className: Je.base.skeleton,
-				children: /* @__PURE__ */ m(J, {
+				className: Ue.base.skeleton,
+				children: /* @__PURE__ */ m(K, {
 					blockSize: "1lh",
 					inlineSize: "12em",
 					label: v.loading,
@@ -416,15 +410,15 @@ function Ye({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 				})
 			})] }), !s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: Je.base.indicator,
+				className: Ue.base.indicator,
 				"data-focus-visible": e || void 0,
 				"data-selected": t || void 0,
 				children: t ? "✓" : ""
 			}), /* @__PURE__ */ m("span", {
-				className: Je.base.label,
+				className: Ue.base.label,
 				children: o
 			})] })] })
-		}), /* @__PURE__ */ m(qe, {
+		}), /* @__PURE__ */ m(He, {
 			description: C,
 			error: w,
 			loading: s
@@ -432,8 +426,26 @@ function Ye({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 	});
 }
 //#endregion
+//#region src/primitives/Collection/collection.styles.ts
+var X = {
+	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",
+		item: "breeze:flex breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:items-start 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: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 breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text",
+		label: "breeze:font-medium",
+		listBox: "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",
+		selectedIndicator: "breeze:ms-auto breeze:block-size-breeze-4 breeze:inline-size-breeze-4 breeze:shrink-0 breeze:text-breeze-brand-text"
+	},
+	compound: {},
+	size: {},
+	state: {},
+	variant: {}
+};
+//#endregion
 //#region src/overlays/OverlayStack.ts
-function Xe() {
+function Ge() {
 	let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
 	return {
 		getSnapshot: () => e,
@@ -449,15 +461,15 @@ function Xe() {
 		})
 	};
 }
-var Ze = n(null);
-function Qe() {
-	let e = a(Ze);
+var Ke = n(null);
+function qe() {
+	let e = a(Ke);
 	if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return 100 + f(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
 }
-var $e = n(null);
-function et(e, t, n) {
-	let r = a(Ze), i = a($e), o = s();
+var Je = n(null);
+function Ye(e, t, n) {
+	let r = a(Ke), i = a(Je), 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(() => {
@@ -496,12 +508,12 @@ function et(e, t, n) {
 }
 //#endregion
 //#region src/overlays/OverlayProvider.tsx
-var tt = n(null), nt = "BreezeProvider portalContainer must belong to the current document and light DOM.";
-function rt({ children: e, portalContainer: t, locale: n }) {
-	let { direction: r } = F(), [i] = d(Xe), [a, o] = d(null);
+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);
 	return c(() => {
 		let e = t ?? document.body;
-		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(nt);
+		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(Ze);
 		let n = e.ownerDocument.createElement("div");
 		return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n), o(n), () => n.remove();
 	}, [t]), c(() => {
@@ -510,45 +522,45 @@ function rt({ children: e, portalContainer: t, locale: n }) {
 		r,
 		a,
 		n
-	]), /* @__PURE__ */ m(P, {
+	]), /* @__PURE__ */ m(M, {
 		getContainer: () => a,
-		children: /* @__PURE__ */ m(Ze, {
+		children: /* @__PURE__ */ m(Ke, {
 			value: i,
-			children: /* @__PURE__ */ m(tt, {
+			children: /* @__PURE__ */ m(Xe, {
 				value: a,
 				children: e
 			})
 		})
 	});
 }
-function it() {
-	return a(tt);
+function $e() {
+	return a(Xe);
 }
 //#endregion
 //#region src/primitives/Collection/CollectionPopover.tsx
-var at = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
-function ot(e) {
+var et = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function tt(e) {
 	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
 }
-function st({ children: e, className: t, isOpen: n, onOpenChange: r, triggerRef: s }) {
-	let l = it(), f = a($e), 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 = et("popover", C && h && l !== null, C || _), T = i((e) => {
+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);
 	}, []);
 	return c(() => {
-		if (l && s.current && (s.current.ownerDocument !== document || s.current.getRootNode() !== document || l.ownerDocument !== document || l.getRootNode() !== document)) throw Error(at);
+		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) => ot(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 = () => {
+		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;
 			}, 0);
 		}, c = (e) => {
-			n(e) && (a(), x.current = ot(e.target) ? e.target : null, S.current = null);
+			n(e) && (a(), x.current = tt(e.target) ? e.target : null, S.current = null);
 		}, u = (t) => {
 			if (!n(t)) return;
-			let i = x.current, a = ot(t.target) ? t.target : null;
+			let i = x.current, a = tt(t.target) ? t.target : null;
 			if (!e(a)) {
 				x.current = null;
 				return;
@@ -561,7 +573,7 @@ function st({ children: e, className: t, isOpen: n, onOpenChange: r, triggerRef:
 		}, d = () => {
 			a(), x.current = null, S.current = null;
 		}, f = (n) => {
-			let i = ot(n.target) ? n.target : null;
+			let i = tt(n.target) ? n.target : null;
 			e(i) && !t(S.current, i) && r(!1), a(), x.current = null, S.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), () => {
@@ -598,50 +610,35 @@ function st({ children: e, className: t, isOpen: n, onOpenChange: r, triggerRef:
 	});
 }
 //#endregion
-//#region src/primitives/Collection/collection.styles.ts
-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",
-		item: "breeze:flex breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:items-start 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: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 breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text",
-		label: "breeze:font-medium",
-		listBox: "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",
-		selectedIndicator: "breeze:ms-auto breeze:block-size-breeze-4 breeze:inline-size-breeze-4 breeze:shrink-0 breeze:text-breeze-brand-text"
-	},
-	compound: {},
-	size: {},
-	state: {},
-	variant: {}
-}, ct = {
-	add: G,
-	back: V,
-	building: R,
-	calendar: re,
-	camera: ie,
-	check: z,
-	clock: ae,
+//#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: se,
-	download: U,
-	expand: B,
-	forward: H,
-	lock: le,
-	money: W,
-	moneyIn: ne,
-	moneyOut: I,
-	more: oe,
-	next: H,
-	notifications: L,
-	overview: ce,
+	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: K,
-	signOut: ue,
+	settings: ue,
+	signOut: ce,
 	upload: pe,
 	warning: fe
-}, lt = {
+}, it = {
 	base: { icon: "breeze:block breeze:shrink-0" },
 	compound: {},
 	size: {
@@ -651,20 +648,20 @@ var Q = {
 	},
 	state: { logicalDirection: "breeze:rtl:rotate-180" },
 	variant: {}
-}, ut = /* @__PURE__ */ new Set([
+}, at = /* @__PURE__ */ new Set([
 	"back",
 	"forward",
 	"next"
 ]);
-function dt({ label: e, name: t, size: n = "md" }) {
-	let r = ct[t], i = e?.trim() || void 0;
+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: [
-			lt.base.icon,
-			lt.size[n],
-			ut.has(t) && lt.state.logicalDirection
+			it.base.icon,
+			it.size[n],
+			at.has(t) && it.state.logicalDirection
 		].filter(Boolean).join(" "),
 		focusable: "false",
 		role: i === void 0 ? void 0 : "img",
@@ -673,25 +670,25 @@ function dt({ label: e, name: t, size: n = "md" }) {
 }
 //#endregion
 //#region src/primitives/Collection/DescriptorContent.tsx
-function ft({ descriptor: e, isSelected: t }) {
+function st({ descriptor: e, isSelected: t }) {
 	return /* @__PURE__ */ h(p, { children: [
-		e.icon && /* @__PURE__ */ m(dt, {
+		e.icon && /* @__PURE__ */ m(ot, {
 			name: e.icon,
 			size: "sm"
 		}),
 		/* @__PURE__ */ h("span", {
-			className: Q.base.content,
+			className: X.base.content,
 			children: [/* @__PURE__ */ m("span", {
-				className: Q.base.label,
+				className: X.base.label,
 				children: e.label
 			}), e.description && /* @__PURE__ */ m("span", {
-				className: Q.base.description,
+				className: X.base.description,
 				children: e.description
 			})]
 		}),
 		e.badge && /* @__PURE__ */ m("span", {
-			className: Q.base.badge,
-			children: /* @__PURE__ */ m(Be, {
+			className: X.base.badge,
+			children: /* @__PURE__ */ m(Fe, {
 				"aria-label": e.badge["aria-label"],
 				variant: e.badge.variant,
 				children: e.badge.children
@@ -699,8 +696,8 @@ function ft({ descriptor: e, isSelected: t }) {
 		}),
 		/* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: Q.base.selectedIndicator,
-			children: t && /* @__PURE__ */ m(dt, {
+			className: X.base.selectedIndicator,
+			children: t && /* @__PURE__ */ m(ot, {
 				name: "check",
 				size: "sm"
 			})
@@ -709,13 +706,13 @@ function ft({ descriptor: e, isSelected: t }) {
 }
 //#endregion
 //#region src/primitives/Collection/DescriptorOption.tsx
-function pt({ descriptor: e }) {
+function ct({ descriptor: e }) {
 	return /* @__PURE__ */ m(j, {
-		className: Q.base.item,
+		className: X.base.item,
 		id: e.id,
 		isDisabled: e.disabled,
 		textValue: e.label,
-		children: ({ isSelected: t }) => /* @__PURE__ */ m(ft, {
+		children: ({ isSelected: t }) => /* @__PURE__ */ m(st, {
 			descriptor: e,
 			isSelected: t
 		})
@@ -723,7 +720,7 @@ function pt({ descriptor: e }) {
 }
 //#endregion
 //#region src/primitives/ComboBox/ComboBox.tsx
-var mt = {
+var Z = {
 	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",
@@ -741,469 +738,160 @@ var mt = {
 	},
 	variant: {}
 };
-function ht(e) {
-	return Array.isArray(e);
-}
-function gt(e) {
-	return ht(e) ? e[0] ?? null : e ?? null;
-}
-function _t(e, t) {
-	return e === t || e !== null && t !== null && String(e) === String(t);
-}
-function vt(e) {
-	return e.descriptor.id;
-}
-function yt(e, t, n, r) {
-	let i = String(e), a = t.find((e) => vt(e) === i);
-	if (a) return a;
-	if (n?.descriptor.id === i) return n;
-	if (r?.descriptor.id === i) return r;
-}
-function bt(e, t, n, r, i, a, o) {
-	if (e === null) return null;
-	if (t !== void 0 && _t(e, n) && !(typeof t == "string" && o)) return t;
-	let s = yt(e, r, i, a);
-	return s ? s.item : null;
-}
-function xt(e, t, n, r) {
-	return t ? vt(t) : e == null || typeof e == "string" && r ? null : n(e).id;
-}
-function St(e, t, n, r) {
-	return e === null ? "" : t ? t.descriptor.label : typeof e == "string" && r ? e : n(e).label;
-}
-function Ct(e, t, n, r = !1) {
-	if (t === null) return;
-	let i = e.find(({ item: e }) => e === t);
+function lt(e, t, n, r) {
+	let i = t.find(({ item: t }) => t === e);
 	if (i) return i;
-	if (typeof t == "string" && r) return;
-	let a = n(t).id;
-	return e.find(({ descriptor: e }) => e.id === a);
+	if (r && typeof e == "string") return;
+	let { id: a } = n(e);
+	return t.find((e) => e.descriptor.id === a);
 }
-function wt(e, t, n) {
-	if (!(e == null || n && typeof e == "string")) return {
-		descriptor: t(e),
-		item: e
-	};
+function ut(e, t, n, r) {
+	if (e !== void 0) return e === null || r && typeof e == "string" && !t ? null : t?.id ?? n(e).id;
 }
-function Tt(e, t, n, r, i) {
-	return e ? n ? r.find(({ descriptor: e }) => e.id === n.descriptor.id)?.item ?? t : t : i;
+function dt(e, t, n) {
+	if (!(e === void 0 || !n)) return t ? t.descriptor.label : typeof e == "string" ? e : "";
 }
-function Et(e, t, n, r) {
-	if (e == null) return {
-		key: null,
-		text: ""
-	};
-	if (r && typeof e == "string") return {
-		key: null,
-		text: e
-	};
-	let i = Ct(t, e, n, r)?.descriptor ?? n(e);
-	return {
-		key: i.id,
-		text: i.label
-	};
+function ft(e, t, n) {
+	if (!(!n || typeof e != "string" || t)) return e;
 }
-function Dt({ getItem: e, items: t }) {
+function pt({ items: e }) {
 	return /* @__PURE__ */ m(A, {
-		items: t,
-		children: (t) => /* @__PURE__ */ m(pt, { descriptor: e(t) })
+		className: X.base.listBox,
+		items: e,
+		children: (e) => /* @__PURE__ */ m(ct, { descriptor: e.descriptor })
 	});
 }
-function Ot({ allowsCustomValue: e, getItem: t, hasSuggestions: n, isDisabled: r, isReadOnly: i, items: s, triggerRef: c }) {
-	let l = a(E), u = r || i, d = !u && (n || e) && (l?.isOpen ?? !1);
+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);
 	return o(() => {
-		(u || !n && !e) && l?.isOpen && l?.setOpen(!1);
-	}, [
-		e,
-		n,
-		u,
-		l
-	]), /* @__PURE__ */ m(st, {
-		className: mt.base.popover,
-		isOpen: d,
-		onOpenChange: (e) => l?.setOpen(e),
-		triggerRef: c,
-		children: /* @__PURE__ */ m(Dt, {
-			getItem: t,
-			items: s
-		})
-	});
-}
-function kt({ allowsCustomValue: e, currentTextValue: t, isControlled: n, isReadOnly: r, resetTextValue: i }) {
-	let o = a(E), s = u(r), l = u(i), d = u(o?.isFocused ?? !1), f = u(o?.isOpen ?? !1);
-	return c(() => {
-		let i = o !== null && d.current && !o.isFocused;
-		if (!e && o && !n && o.value !== null && o.inputValue === "" && o.inputValue !== t && o.setInputValue(t), e && o && !r && o.value === null) {
-			let e = f.current && !o.isOpen;
-			(i || e) && (l.current = o.inputValue);
-		}
-		!e && o && !o.isFocused && o.value !== null && (i || o.inputValue === "") && o.inputValue !== t && o.setInputValue(t), d.current = o?.isFocused ?? !1, f.current = o?.isOpen ?? !1;
-	}, [
-		e,
-		t,
-		n,
-		r,
-		o
-	]), c(() => {
-		if (r && !s.current) if (e && o?.value === null) {
-			let e = l.current;
-			n ? e = t : o.isFocused && !o.isOpen && (e = o.inputValue), o.setInputValue(e);
-		} else o?.revert();
-		s.current = r;
+		(l || !t && !e) && c?.isOpen && c.setOpen(!1);
 	}, [
 		e,
 		t,
-		n,
-		r,
-		i,
-		o
-	]), null;
-}
-function At({ allowsCustomValue: e, autoComplete: t, autoFocus: n, "aria-describedby": r, className: i, disabled: o, form: s, beginFormReset: l, getItem: d, handleFormReset: f, items: p, loading: h, placeholder: g, readOnly: _ }) {
-	let v = a(E), y = u(null), b = u(l), x = u(f), S = u(v), C = u(null);
-	c(() => {
-		b.current = l, x.current = f, S.current = v;
-	}, [
 		l,
-		f,
-		v
-	]), c(() => {
-		let e = !0, t = (t) => {
-			let n = s ? document.getElementById(s) : y.current?.form, r = S.current;
-			return !(n instanceof HTMLFormElement) || t.target !== n || !r ? null : {
-				defaultInputValue: r.defaultInputValue,
-				defaultValue: gt(r.defaultValue),
-				inputValue: r.inputValue,
-				isActive: () => e,
-				isOpen: r.isOpen,
-				setInputValue: (e) => r.setInputValue(e),
-				setOpen: (e) => r.setOpen(e),
-				setValue: (e) => r.setValue(e),
-				value: gt(r.value)
-			};
-		}, n = (e) => {
-			let n = t(e);
-			n && (N(() => void 0), x.current(e, n));
-		}, r = (e) => {
-			t(e) && b.current();
-		};
-		return document.addEventListener("reset", r, !0), document.addEventListener("reset", n), () => {
-			e = !1, document.removeEventListener("reset", r, !0), document.removeEventListener("reset", n);
-		};
-	}, [s]);
-	let w = (e) => {
-		if (!(!o && !_)) {
-			if (v) {
-				let { currentTarget: t } = e;
-				t.value = v.inputValue;
-			}
-			e.preventDefault(), e.stopPropagation();
-		}
-	}, T = (t) => {
-		if (e || o || _ || !v) return;
-		let { nativeEvent: n } = t;
-		if (C.current === n) return;
-		let { inputType: r } = n;
-		if (r && r !== "insertReplacementText") return;
-		C.current = n;
-		let i = t.currentTarget, a = p.map((e) => ({
-			descriptor: d(e),
-			item: e
-		})).filter(({ descriptor: e }) => (e.id === i.value || e.label === i.value) && !e.disabled);
-		if (a.length !== 1) return;
-		let [s] = a;
-		if (v.value === s.descriptor.id) {
-			i.value = s.descriptor.label, v.setInputValue(s.descriptor.label);
-			return;
-		}
-		v.setInputValue(s.descriptor.label), v.setValue(s.descriptor.id);
-	};
-	return /* @__PURE__ */ m(k, {
-		"aria-busy": h || void 0,
-		"aria-describedby": r,
-		autoComplete: t,
-		autoFocus: n,
-		className: i,
-		form: s,
-		onChange: T,
-		onChangeCapture: w,
-		onInput: T,
-		onInputCapture: w,
-		placeholder: g,
-		readOnly: _ || void 0,
-		ref: y
+		c
+	]), /* @__PURE__ */ m(nt, {
+		className: Z.base.popover,
+		isOpen: u,
+		onOpenChange: (e) => c?.setOpen(e),
+		triggerRef: s,
+		children: /* @__PURE__ */ m(pt, { items: i })
 	});
 }
-function jt(e, t, n, r) {
-	if (e != null) return t ? t.descriptor.label : typeof e == "string" && r ? e : n(e).label;
-}
-function Mt(e, t) {
-	return t !== void 0 && e === t;
-}
-function Nt(e, t, n, r, i) {
-	return typeof e == "string" && r ? Mt(e, i) ? void 0 : t?.descriptor : t || e === null ? t?.descriptor : n(e);
-}
-function Pt(e, t) {
-	return e !== null && t !== null && e.id === t.id && e.label === t.label;
-}
-function Ft(e, t, n) {
-	return e !== void 0 && (e === null ? !n : t !== void 0 || !n || typeof e != "string");
-}
-function It(e, t, n, r, i, a) {
-	if (e === void 0) return { selection: null };
-	let o = Nt(e, t, n, i, a), s = {
-		id: o?.id ?? null,
-		label: o?.label ?? (typeof e == "string" ? e : "")
-	};
-	return {
-		resetLabel: r !== null && (r.id !== s.id || r.label !== s.label) ? s.label : void 0,
-		selection: s
-	};
-}
-function Lt(e, t, n, r) {
-	let i = n.trim();
-	return i ? t.filter(({ descriptor: e }) => r(e.label, i)).map(({ item: e }) => e) : e;
-}
-function Rt(e, t, n, r) {
-	return t !== null && e === t || n !== void 0 && r?.descriptor.label === e;
-}
-function zt(e, t, n, r, i, a, o) {
-	let s;
-	return s = e === void 0 ? n : t ? void 0 : Ct(i, e, a, o), {
-		baseControlledTextValue: e === void 0 ? void 0 : St(e, s, a, o),
-		selectedItem: s,
-		selectedKey: e === void 0 ? r : xt(e, s, a, o)
-	};
-}
-function Bt(e) {
-	let { allowsCustomValue: t = !1, defaultValue: n, getItem: r, items: i, onChange: a, readOnly: s = !1, value: f } = e, [p, m] = d(""), [h, g] = d(), [_] = d(() => wt(f, r, t)), [v] = d(() => f), [y] = d(() => f !== void 0), [b] = d(() => n), x = u(null), S = u(null), C = u(void 0), w = u(null), T = u(void 0), E = u(!1), O = u(!1), k = u(s), A = () => {
-		O.current = !0, setTimeout(() => {
-			O.current = !1;
-		}, 0);
-	};
-	c(() => {
-		s && !k.current && (m(""), g(void 0), S.current = null, C.current = void 0, w.current = null, T.current = void 0), k.current = s;
-	}, [s]);
-	let j = l(() => i.map((e) => ({
-		descriptor: r(e),
-		item: e
-	})), [r, i]), M = Ct(j, b ?? null, r, t) ?? (f === void 0 && b != null && !(t && typeof b == "string") ? {
-		descriptor: r(b),
-		item: b
-	} : void 0), ee = xt(b, M, r, t) ?? void 0, P = u(ee ?? null), te = u(M), F = j.find(({ descriptor: e }) => e.id === P.current), ne = f === void 0 && P.current !== null ? F ?? te.current : void 0, I = M;
-	c(() => {
-		f === void 0 && F && (te.current = F);
-	}, [F, f]);
-	let { baseControlledTextValue: L, selectedItem: R, selectedKey: re } = zt(f, f !== void 0 && t && typeof f == "string" && Mt(f, C.current), ne, P.current, j, r, t), ie = jt(b, I, r, t), z = L ?? R?.descriptor.label ?? ie ?? "", B = It(f, R, r, x.current, t, C.current), V = B.selection, H = B.resetLabel !== void 0 && t && Mt(f, C.current);
-	c(() => {
-		x.current = V;
-	}, [V]), c(() => {
-		B.resetLabel !== void 0 && (H || (w.current = B.resetLabel, C.current = void 0));
-	}, [
-		V?.id,
-		V?.label,
-		B.resetLabel,
-		H
-	]);
-	let ae = B.resetLabel !== void 0 && !H, U = f !== void 0 && h !== void 0 && Pt(S.current, V);
-	c(() => {
-		h !== void 0 && !U && (S.current = null);
-	}, [h, U]);
-	let { contains: oe } = D({ sensitivity: "base" }), se = ae ? "" : p, ce = i, W = j, le = Tt(y, v, _, W, b), ue = U ? h : L;
+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) => {
+		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;
 	o(() => {
-		ae && (m(""), g(void 0), S.current = null);
-	}, [
-		ae,
-		V?.id,
-		V?.label
-	]);
-	let G = (e = !1) => {
-		m(""), g(void 0), S.current = null, e || (C.current = void 0), E.current = !1;
-	}, K = (e) => {
-		if (e) {
-			E.current = !1;
-			return;
-		}
-		if (f !== void 0 && !t && E.current && h !== void 0) {
-			E.current = !1;
-			return;
-		}
-		G(!0);
-	}, de = (t) => {
-		if (e.allowsCustomValue !== !0) {
-			t === "" && f !== void 0 && a?.(null);
-			return;
-		}
-		let n = t || null;
-		f !== void 0 && (C.current = n), T.current = n, e.onChange?.(n);
-	}, fe = (e) => {
-		f === void 0 && (P.current = null, te.current = void 0), !(t && T.current !== void 0) && (e && f !== void 0 && !t && G(), e && a?.(null));
-	}, pe = (e) => {
-		if (!O.current) {
-			if (s) {
-				G();
-				return;
-			}
-			if (Rt(e, w.current, f, R)) {
-				w.current = null, G();
-				return;
-			}
-			w.current = null, m(e), Ft(f, R, t) && (g(e), S.current = V), E.current = f !== void 0 && !t && Lt(i, j, e, oe).length === 0, de(e);
-		}
-	}, me = (e, n = !0) => {
-		if (O.current) return;
-		if (e !== null && f !== void 0 && h !== void 0 && e === re) {
-			w.current = R?.descriptor.label ?? "", G();
-			return;
-		}
+		H.current = z == null ? null : String(z);
+	}, [z]);
+	let se = (e) => {
 		if (e === null) {
-			fe(n);
+			if (H.current = null, t) {
+				let e = W.current;
+				if (W.current = !1, U.current || e) return;
+			}
+			oe?.(null);
 			return;
 		}
-		f === void 0 && (P.current = String(e));
-		let r = yt(e, W, _, I);
-		f === void 0 && (te.current = r);
-		let i = bt(e, f, re, W, _, I, t);
-		w.current = r?.descriptor.label ?? "", T.current = void 0, G(), n && a?.(i);
-	}, he = (e) => {
-		t && e.defaultValue !== null && I !== void 0 && !W.some(({ descriptor: t }) => t.id === e.defaultValue) && e.value === null || e.setValue(e.defaultValue), e.setInputValue(e.defaultInputValue);
-	};
-	return {
-		beginFormReset: A,
-		collectionItems: ce,
-		controlledTextValue: ue,
-		currentTextValue: z,
-		defaultSelectedKey: ee,
-		defaultTextValue: ie,
-		handleFormReset: (e, n) => {
-			if (!n.isActive()) {
-				O.current = !1;
-				return;
-			}
-			if (e.defaultPrevented) {
-				n.setValue(n.value), n.setInputValue(n.inputValue), n.setOpen(n.isOpen), O.current = !1;
-				return;
-			}
-			let i = f === void 0 ? !_t(n.value, n.defaultValue) || t && n.inputValue !== n.defaultInputValue : (() => {
-				let e = Et(f, W, r, t), n = Et(le, W, r, t);
-				return e.key !== n.key || e.text !== n.text;
-			})(), o = f !== void 0 || t ? (t && le === "" ? null : le) ?? null : bt(n.defaultValue, void 0, re, W, _, I, t);
-			try {
-				N(() => {
-					he(n), n.setOpen(!1), T.current = void 0, G(), f === void 0 && (P.current = n.defaultValue === null ? null : String(n.defaultValue), te.current = yt(n.defaultValue, W, _, I)), i && a?.(o);
-				});
-			} finally {
-				O.current = !1;
-			}
-		},
-		handleInputChange: pe,
-		handleOpenChange: K,
-		handleValueChange: me,
-		matchesFilter: (e) => oe(e, se.trim()),
-		selectedKey: re
-	};
-}
-function Vt({ props: e }) {
-	let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, description: i, disabled: a = !1, error: o, form: c, getItem: l, id: d, items: f, label: p, loading: _ = !1, name: v, placeholder: y, readOnly: b = !1, required: x = !1, value: S } = e, { messages: C } = q(), w = Bt(e), E = i?.trim() || void 0, D = o?.trim() || void 0, k = a || _, A = u(null), j = s(), M = `${j}-description`, N = `${j}-error`, ee = [E && M, D && N].filter(Boolean).join(" ") || void 0, P = k ? void 0 : v;
+		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, {
 		allowsCustomValue: t,
 		allowsEmptyCollection: t,
-		"aria-label": _ ? p : void 0,
-		className: X.base.root,
-		defaultInputValue: w.defaultTextValue,
-		defaultFilter: w.matchesFilter,
-		defaultValue: w.defaultSelectedKey,
-		form: c,
-		id: d,
-		inputValue: w.controlledTextValue,
-		isDisabled: k,
-		isInvalid: !_ && D !== void 0,
-		isReadOnly: b,
-		isRequired: x,
-		defaultItems: w.collectionItems,
+		"aria-label": b ? y : void 0,
+		className: J.base.root,
+		defaultFilter: ee,
+		defaultInputValue: ae,
+		defaultItems: R,
+		defaultValue: V,
+		form: f,
+		id: _,
+		inputValue: ie,
+		isDisabled: P,
+		isInvalid: le,
+		isReadOnly: w,
+		isRequired: E,
 		menuTrigger: "input",
-		name: P,
-		onChange: w.handleValueChange,
-		onInputChange: w.handleInputChange,
-		onOpenChange: w.handleOpenChange,
-		value: S === void 0 ? void 0 : w.selectedKey,
+		name: ue,
+		onInputChange: ce,
+		onChange: se,
+		value: z,
 		validationBehavior: "aria",
 		children: [
-			/* @__PURE__ */ m(Ke, {
-				label: p,
-				loading: _
+			/* @__PURE__ */ m(Ve, {
+				label: y,
+				loading: b
 			}),
 			/* @__PURE__ */ h(O, {
-				className: Z(mt.base.group, _ && mt.state.loadingGroup, b && mt.state.readOnlyGroup),
-				ref: A,
+				className: Y(Z.base.group, b && Z.state.loadingGroup, w && Z.state.readOnlyGroup),
+				isDisabled: P,
+				isInvalid: le,
+				isReadOnly: w,
+				ref: L,
 				children: [
-					/* @__PURE__ */ m(kt, {
-						allowsCustomValue: t,
-						currentTextValue: w.currentTextValue,
-						isControlled: S !== void 0,
-						isReadOnly: b,
-						resetTextValue: w.defaultTextValue ?? ""
-					}),
-					/* @__PURE__ */ m(At, {
-						allowsCustomValue: t,
-						"aria-describedby": ee,
+					/* @__PURE__ */ m(k, {
+						"aria-busy": b || void 0,
+						"aria-describedby": I,
 						autoComplete: n,
 						autoFocus: r,
-						className: Z(mt.base.input, _ && mt.state.loadingInput),
-						disabled: k,
-						form: c,
-						beginFormReset: w.beginFormReset,
-						getItem: l,
-						handleFormReset: w.handleFormReset,
-						items: f,
-						loading: _,
-						placeholder: y,
-						readOnly: b
+						className: Y(Z.base.input, b && Z.state.loadingInput),
+						form: f,
+						placeholder: C,
+						readOnly: w || void 0
 					}),
 					/* @__PURE__ */ m(g, {
-						"aria-describedby": ee,
-						className: Z(mt.base.trigger, _ && mt.state.loadingTrigger),
-						children: /* @__PURE__ */ m(dt, {
+						"aria-describedby": I,
+						className: Y(Z.base.trigger, b && Z.state.loadingTrigger),
+						children: /* @__PURE__ */ m(ot, {
 							name: "expand",
 							size: "sm"
 						})
 					}),
-					_ && /* @__PURE__ */ m("span", {
-						className: mt.base.skeleton,
-						children: /* @__PURE__ */ m(J, {
+					b && /* @__PURE__ */ m("span", {
+						className: Z.base.skeleton,
+						children: /* @__PURE__ */ m(K, {
 							blockSize: "100%",
 							inlineSize: "100%",
-							label: C.loading,
+							label: j.loading,
 							shape: "rectangle"
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ m(Ot, {
+			/* @__PURE__ */ m(mt, {
 				allowsCustomValue: t,
-				getItem: l,
-				hasSuggestions: w.collectionItems.length > 0,
-				isDisabled: k,
-				isReadOnly: b,
-				items: w.collectionItems,
-				triggerRef: A
+				hasSuggestions: R.length > 0,
+				isDisabled: P,
+				isReadOnly: w,
+				items: R,
+				triggerRef: L
 			}),
-			/* @__PURE__ */ m(qe, {
-				description: E,
-				descriptionId: M,
-				error: D,
-				errorId: N,
-				loading: _
+			/* @__PURE__ */ m(He, {
+				description: M,
+				descriptionId: ne,
+				error: N,
+				errorId: F,
+				loading: b
 			})
 		]
 	});
 }
-function Ht(e) {
-	return /* @__PURE__ */ m(Vt, { props: e });
+function gt(e) {
+	return /* @__PURE__ */ m(ht, { props: e });
 }
 //#endregion
 //#region src/primitives/Container/Container.tsx
-var Ut = {
+var _t = {
 	base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -1214,21 +902,21 @@ var Ut = {
 	state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
 	variant: {}
 };
-function Wt({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
-	let { accessibleLabel: o, role: s } = Ue(e, n);
+function vt({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
+	let { accessibleLabel: o, role: s } = Re(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			Ut.base.container,
-			Ut.size[a],
-			i && Ut.state.padded
+			_t.base.container,
+			_t.size[a],
+			i && _t.state.padded
 		].filter(Boolean).join(" "),
 		role: s
 	}, t);
 }
 //#endregion
 //#region src/overlays/OverlaySurface.tsx
-var Gt = {
+var yt = {
 	base: {
 		content: "breeze-overlay-content",
 		header: "breeze-overlay-header",
@@ -1243,21 +931,21 @@ var Gt = {
 		fullscreen: "breeze-fullscreen",
 		popover: "breeze-popover"
 	}
-}, Kt = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
-function qt(e) {
+}, bt = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function xt(e) {
 	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
 }
-function Jt(e) {
+function St(e) {
 	return e.dataset?.breezeOverlay !== void 0;
 }
-function Yt({ 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 } = q(), x = r === "popover" || r === "fullscreen", S = it(), C = a($e), [w, T] = d(C === null);
+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);
 	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), F = u(!1), ne = 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), [P, te] = d(!1), ne = u(!1), F = u(null), I = u(null), L = u(null), R = u(null), re = u(!1);
 	c(() => {
-		if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(Kt);
+		if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(bt);
 	}, [S]);
-	let ie = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), z = et(r, A && w && S !== null, A || P), B = i((e) => {
+	let z = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), B = Ye(r, A && w && S !== null, A || P), V = i((e) => {
 		if (!e && !k) {
 			if (re.current) return;
 			O && (re.current = !0);
@@ -1270,187 +958,187 @@ function Yt({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
 		O
 	]);
 	o(() => {
-		k ? re.current = !1 : O && B(!1);
+		k ? re.current = !1 : O && V(!1);
 	}, [
-		B,
+		V,
 		k,
 		O
 	]), o(() => {
-		if (r !== "popover" || !A || !n || !z.topmost || !S) return;
+		if (r !== "popover" || !A || !n || !B.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) => 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);
+		}, 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);
 		}, s = (n) => {
 			if (!i(n)) return;
-			let r = L.current, o = qt(n.target) ? n.target : null;
+			let r = L.current, o = xt(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)) && B(!1);
+				R.current = null, L.current = null, !(t(e, o) && t(e, n)) && V(!1);
 			}, 0));
 		}, c = () => {
 			e(), R.current = null, L.current = null;
 		}, l = (n) => {
-			let r = qt(n.target) ? n.target : null;
+			let r = xt(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;
-				B(!1);
+				V(!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;
 		};
 	}, [
-		B,
+		V,
 		n,
 		S,
 		r,
-		z.topmost,
+		B.topmost,
 		A
 	]);
-	let V = C?.restoreFocus, H = C?.id, ae = i(() => {
+	let ie = C?.restoreFocus, ae = C?.id, H = i(() => {
 		let e = j.current, t = S?.ownerDocument, n = t?.activeElement;
 		if (!t || !S) return;
-		let r = H ? t.getElementById(H) : null;
+		let r = ae ? t.getElementById(ae) : null;
 		if (!(n === t.body || n === r || n?.closest("[data-exiting]"))) return;
 		if (!e?.isConnected) {
-			V?.();
+			ie?.();
 			return;
 		}
 		let i = S.querySelector("[data-breeze-topmost=\"true\"]");
 		(!i || i.contains(e)) && !e.closest("[inert], [aria-hidden=\"true\"]") && e.focus({ preventScroll: !0 });
 	}, [
 		S,
-		H,
-		V
+		ae,
+		ie
 	]), U = i(() => {
-		ne.current !== null && (clearTimeout(ne.current), ne.current = null);
-	}, []), oe = i((e) => {
+		F.current !== null && (clearTimeout(F.current), F.current = null);
+	}, []), W = i((e) => {
 		queueMicrotask(() => {
-			!e.isConnected || e.closest("[inert], [data-exiting]") || (U(), e.focus({ preventScroll: !0 }), ne.current = setTimeout(() => {
+			!e.isConnected || e.closest("[inert], [data-exiting]") || (U(), 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) && (F.current = !0, e.blur(), e.focus({ preventScroll: !0 }), F.current = !1), ne.current = null;
+				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;
 			}, 500));
 		});
-	}, [U]), se = u(A);
+	}, [U]), oe = u(A);
 	o(() => {
-		let e = se.current;
-		se.current = A, !(!x || !A || e || !N.current) && oe(N.current);
+		let e = oe.current;
+		oe.current = A, !(!x || !A || e || !N.current) && W(N.current);
 	}, [
-		oe,
+		W,
 		x,
 		A
 	]);
-	let ce = i((e) => {
+	let se = i((e) => {
 		N.current = e;
 		let t = () => {
-			U(), N.current = null, te(!1), requestAnimationFrame(ae);
+			U(), N.current = null, te(!1), requestAnimationFrame(H);
 		};
 		if (!e) {
 			t();
 			return;
 		}
-		return te(!0), x && oe(e), t;
+		return te(!0), x && W(e), t;
 	}, [
 		U,
-		oe,
+		W,
 		x,
-		ae
-	]), W = l(() => ({
-		id: z.id,
+		H
+	]), ce = l(() => ({
+		id: B.id,
 		open: A,
-		restoreFocus: ae
+		restoreFocus: H
 	}), [
-		z.id,
+		B.id,
 		A,
-		ae
+		H
 	]), le = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		className: Gt.base.header,
+		className: yt.base.header,
 		children: [/* @__PURE__ */ m("h2", {
-			className: Gt.base.title,
+			className: yt.base.title,
 			children: _
 		}), /* @__PURE__ */ m("span", {
 			lang: y("close"),
-			children: /* @__PURE__ */ m(He, {
-				onAction: () => B(!1),
+			children: /* @__PURE__ */ m(Le, {
+				onAction: () => V(!1),
 				variant: "quiet",
 				children: b.close
 			})
 		})]
-	}), e] }), ue = /* @__PURE__ */ m($e, {
-		value: W,
+	}), e] }), ue = /* @__PURE__ */ m(Je, {
+		value: ce,
 		children: x ? /* @__PURE__ */ m("section", {
 			"aria-label": _,
-			className: Gt.base.content,
-			id: z.id,
+			className: yt.base.content,
+			id: B.id,
 			onBlur: (e) => {
-				if (F.current) {
+				if (ne.current) {
 					e.stopPropagation();
 					return;
 				}
 				let { relatedTarget: t } = e;
-				r === "popover" && n && z.topmost && qt(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
+				r === "popover" && n && B.topmost && xt(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
 			},
-			ref: ce,
+			ref: se,
 			role: "dialog",
 			tabIndex: -1,
 			children: le
 		}) : /* @__PURE__ */ m(ge, {
 			"aria-label": _,
-			className: Gt.base.content,
-			id: z.id,
-			ref: ce,
+			className: yt.base.content,
+			id: B.id,
+			ref: se,
 			children: le
 		})
 	});
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(He, {
-		"aria-controls": A ? z.id : void 0,
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Le, {
+		"aria-controls": A ? B.id : void 0,
 		"aria-expanded": A,
 		"aria-haspopup": "dialog",
-		onAction: () => B(!x || !A),
+		onAction: () => V(!x || !A),
 		ref: j,
 		children: v
 	}), S && w && (x ? /* @__PURE__ */ m(ee, {
-		className: Gt.variant[r],
+		className: yt.variant[r],
 		"data-breeze-overlay": r,
-		"data-breeze-topmost": z.topmost,
-		"data-breeze-interactive": z.interactive,
-		inert: !z.interactive,
+		"data-breeze-topmost": B.topmost,
+		"data-breeze-interactive": B.interactive,
+		inert: !B.interactive,
 		isNonModal: !0,
 		isOpen: A,
-		isKeyboardDismissDisabled: !n || !z.topmost,
-		onOpenChange: B,
+		isKeyboardDismissDisabled: !n || !B.topmost,
+		onOpenChange: V,
 		placement: g,
 		ref: M,
-		shouldCloseOnInteractOutside: (e) => r === "popover" && n && z.topmost && !j.current?.contains(e),
-		style: { zIndex: z.zIndex },
-		triggerRef: ie,
+		shouldCloseOnInteractOutside: (e) => r === "popover" && n && B.topmost && !j.current?.contains(e),
+		style: { zIndex: B.zIndex },
+		triggerRef: z,
 		children: ue
 	}) : /* @__PURE__ */ m(ve, {
 		className: "breeze-overlay-backdrop",
 		"data-breeze-overlay": r,
-		"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,
+		"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,
 		isOpen: A,
-		onOpenChange: B,
-		shouldCloseOnInteractOutside: (e) => z.topmost && Jt(e),
-		style: { zIndex: z.zIndex },
+		onOpenChange: V,
+		shouldCloseOnInteractOutside: (e) => B.topmost && St(e),
+		style: { zIndex: B.zIndex },
 		children: /* @__PURE__ */ m(_e, {
-			className: Gt.variant[r],
+			className: yt.variant[r],
 			children: ue
 		})
 	}))] });
 }
 //#endregion
 //#region src/primitives/Dialog/Dialog.tsx
-function Xt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Yt, {
+function wt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(Ct, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -1463,8 +1151,8 @@ function Xt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Drawer/Drawer.tsx
-function Zt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Yt, {
+function Tt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(Ct, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -1477,7 +1165,7 @@ function Zt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Grid/Grid.tsx
-var Qt = {
+var Et = {
 	base: { grid: "breeze:grid breeze:min-inline-size-0" },
 	compound: { columns: {
 		1: {
@@ -1513,21 +1201,21 @@ var Qt = {
 	state: {},
 	variant: {}
 };
-function $t({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
-	let { accessibleLabel: s, role: c } = Ue(e, a);
+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);
 	return r(a, {
 		"aria-label": s,
 		className: [
-			Qt.base.grid,
-			Qt.compound.columns[i][n],
-			Qt.size[o]
+			Et.base.grid,
+			Et.compound.columns[i][n],
+			Et.size[o]
 		].join(" "),
 		role: c
 	}, t);
 }
 //#endregion
 //#region src/primitives/IconTile/IconTile.tsx
-var en = {
+var Ot = {
 	base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
 	compound: {},
 	size: {
@@ -1549,15 +1237,15 @@ var en = {
 		}
 	}
 };
-function tn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
+function kt({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
 	return /* @__PURE__ */ m("span", {
 		className: [
-			en.base.tile,
-			en.variant.tone[i],
-			en.variant.shape[n],
-			en.size[r]
+			Ot.base.tile,
+			Ot.variant.tone[i],
+			Ot.variant.shape[n],
+			Ot.size[r]
 		].join(" "),
-		children: /* @__PURE__ */ m(dt, {
+		children: /* @__PURE__ */ m(ot, {
 			label: e,
 			name: t,
 			size: r === "lg" ? "md" : "sm"
@@ -1566,7 +1254,7 @@ function tn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
 }
 //#endregion
 //#region src/primitives/Inline/Inline.tsx
-var nn = {
+var At = {
 	base: { inline: "breeze:flex breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -1596,23 +1284,23 @@ var nn = {
 		}
 	}
 };
-function rn({ "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 } = Ue(e, n);
+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);
 	return r(n, {
 		"aria-label": c,
 		className: [
-			nn.base.inline,
-			nn.variant.align[o],
-			nn.variant.justify[a],
-			nn.size[i],
-			s && nn.state.wrap
+			At.base.inline,
+			At.variant.align[o],
+			At.variant.justify[a],
+			At.size[i],
+			s && At.state.wrap
 		].filter(Boolean).join(" "),
 		role: l
 	}, t);
 }
 //#endregion
 //#region src/primitives/NumberField/NumberField.tsx
-var $ = {
+var Q = {
 	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",
@@ -1629,12 +1317,12 @@ var $ = {
 	},
 	variant: {}
 };
-function an({ 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 } = q(), E = i?.trim() || void 0, D = o?.trim() || void 0, A = a || d;
+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, {
 		autoFocus: t,
 		"aria-label": d ? u : void 0,
-		className: X.base.root,
+		className: J.base.root,
 		defaultValue: n,
 		form: s,
 		formatOptions: c,
@@ -1651,23 +1339,23 @@ function an({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 		validationBehavior: "aria",
 		value: w,
 		children: [
-			/* @__PURE__ */ m(Ke, {
+			/* @__PURE__ */ m(Ve, {
 				label: u,
 				loading: d
 			}),
 			/* @__PURE__ */ h(O, {
-				className: Z($.base.group, b && !d && $.state.readOnlyGroup, d && $.state.loadingGroup),
+				className: Y(Q.base.group, b && !d && Q.state.readOnlyGroup, d && Q.state.loadingGroup),
 				children: [
 					/* @__PURE__ */ m(k, {
 						"aria-busy": d || void 0,
-						className: Z(X.base.input, $.base.input, d && $.state.loadingInput),
+						className: Y(J.base.input, Q.base.input, d && Q.state.loadingInput),
 						autoComplete: e,
 						placeholder: y,
 						form: s,
 						ref: x
 					}),
 					/* @__PURE__ */ m(g, {
-						className: Z($.base.stepButton, d && $.state.loadingStepButton),
+						className: Y(Q.base.stepButton, d && Q.state.loadingStepButton),
 						render: (e) => r("button", {
 							...e,
 							"aria-hidden": d || void 0,
@@ -1678,7 +1366,7 @@ function an({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						children: "−"
 					}),
 					/* @__PURE__ */ m(g, {
-						className: Z($.base.stepButton, d && $.state.loadingStepButton),
+						className: Y(Q.base.stepButton, d && Q.state.loadingStepButton),
 						render: (e) => r("button", {
 							...e,
 							"aria-hidden": d || void 0,
@@ -1689,8 +1377,8 @@ function an({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						children: "+"
 					}),
 					d && /* @__PURE__ */ m("span", {
-						className: $.base.skeleton,
-						children: /* @__PURE__ */ m(J, {
+						className: Q.base.skeleton,
+						children: /* @__PURE__ */ m(K, {
 							blockSize: "100%",
 							inlineSize: "100%",
 							label: T.loading,
@@ -1699,7 +1387,7 @@ function an({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 					})
 				]
 			}),
-			/* @__PURE__ */ m(qe, {
+			/* @__PURE__ */ m(He, {
 				description: E,
 				error: D,
 				loading: d
@@ -1709,8 +1397,8 @@ function an({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 }
 //#endregion
 //#region src/primitives/Popover/Popover.tsx
-function on({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
-	return /* @__PURE__ */ m(Yt, {
+function Nt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
+	return /* @__PURE__ */ m(Ct, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -1724,289 +1412,109 @@ function on({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Select/Select.tsx
-var sn = {
+var Pt = {
 	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: {}
-}, cn = (() => null);
-cn.getCollectionNode = function* ({ id: e, item: t, ...n }) {
-	yield {
-		key: e,
-		props: {
-			...n,
-			id: e,
-			item: t
-		},
-		rendered: n.children,
-		textValue: n.textValue,
-		type: "item",
-		value: t
-	};
 };
-function ln(e, t, n) {
-	if (t === null) return;
-	let r = n(t).id;
-	return e.find(({ descriptor: e, item: n }) => n === t || e.id === r);
-}
-function un(e, t) {
-	let n = e.filter(({ descriptor: e }) => !e.disabled && (e.id === t || e.label === t));
-	return n.length === 1 ? n[0] : void 0;
-}
-function dn(e, t, n) {
-	return e == null ? e : t.find(({ descriptor: t }) => t.id === e.descriptor.id) ?? (n ? e : null);
-}
-function fn(e, t) {
-	if (e !== void 0) return e === null ? null : {
-		descriptor: t(e),
-		item: e
-	};
-}
-function pn(e, t) {
-	if (e !== void 0) return e === null ? null : t(e).id;
-}
-function mn(e, t, n) {
-	if (!e) return Array.from(new Set([t, n].filter((e) => !!e).flatMap((e) => e.split(" ")))).join(" ") || void 0;
-}
-function hn(e, t, n, r, i, a) {
-	let o = a;
-	if (t) {
-		o.current && (o.current.value = String(r ?? ""));
-		return;
-	}
-	let s = un(n, e);
-	if (!s) {
-		o.current && (o.current.value = String(r ?? ""));
-		return;
-	}
-	let c = s.descriptor.id;
-	r !== c && i(c);
-}
-function gn({ decoratedItems: e, initialDefaultValueRef: t, isControlled: n, loading: r, pendingDefaultValueRef: i, state: a, suppressOnChangeRef: o }) {
-	let s = i, l = t, u = o;
-	c(() => {
-		let t = s.current, i = e.some(({ descriptor: e }) => e.id === t);
-		if (!r && t !== null && !i) {
-			s.current = null, l.current === t && (l.current = null);
-			return;
-		}
-		if (!(n || a.value !== null || t === null || !i)) {
-			s.current = null, u.current = !0;
-			try {
-				a.setValue(t);
-			} finally {
-				u.current = !1;
-			}
-		}
-	}, [
-		e,
-		l,
-		n,
-		r,
-		s,
-		a,
-		u
-	]), c(() => {
-		!n && !r && a.value !== null && !e.some(({ descriptor: e }) => e.id === a.value) && a.setValue(null);
-	}, [
-		e,
-		n,
-		r,
-		a
-	]);
-}
-function _n({ controlledResetItemRef: e, controlledResetValueKeyRef: t, form: n, isControlled: r, onChangeRef: i, resetValueRef: a, setStateValueRef: o, suppressOnChangeRef: s, triggerRef: l }) {
-	let u = s;
-	c(() => {
-		let s = !0, c = (c) => {
-			let d = n ? document.getElementById(n) : l.current?.form;
-			!(d instanceof HTMLFormElement) || c.target !== d || (N(() => void 0), !(!s || c.defaultPrevented) && N(() => {
-				if (r) {
-					let n = e.current, r = t.current, a;
-					a = n === void 0 ? void 0 : n === null ? null : n.descriptor.id, r !== a && i.current?.(n?.item ?? null);
-					return;
-				}
-				u.current = !0;
-				try {
-					o.current(a.current);
-				} finally {
-					u.current = !1;
-				}
-			}));
-		};
-		return document.addEventListener("reset", c), () => {
-			s = !1, document.removeEventListener("reset", c);
-		};
-	}, [
-		e,
-		t,
-		n,
-		r,
-		i,
-		a,
-		o,
-		u,
-		l
-	]);
-}
-function vn({ node: e, state: t }) {
-	let n = u(null), { value: r } = e, { optionProps: i, isDisabled: a, isFocused: o, isFocusVisible: s, isSelected: c } = Te({
-		isDisabled: r?.descriptor.disabled,
-		key: e.key
-	}, t, n), { hoverProps: l, isHovered: d } = Ce({ isDisabled: a });
-	return r ? /* @__PURE__ */ m("div", {
-		...be(i, l),
-		ref: n,
-		className: Q.base.item,
-		"data-disabled": a || void 0,
-		"data-focused": o || void 0,
-		"data-focus-visible": s || void 0,
-		"data-hovered": d || void 0,
-		"data-selected": c || void 0,
-		children: /* @__PURE__ */ m(ft, {
-			descriptor: r.descriptor,
-			isSelected: c
+function Ft({ items: e }) {
+	return /* @__PURE__ */ m(A, {
+		className: X.base.listBox,
+		items: e,
+		children: (e) => /* @__PURE__ */ m(j, {
+			className: X.base.item,
+			id: e.descriptor.id,
+			isDisabled: e.descriptor.disabled,
+			textValue: e.descriptor.label,
+			value: e,
+			children: ({ isSelected: t }) => /* @__PURE__ */ m(st, {
+				descriptor: e.descriptor,
+				isSelected: t
+			})
 		})
-	}) : null;
+	});
 }
-function yn({ menuProps: e, state: t }) {
-	let n = u(null), { listBoxProps: r } = we(e, t, n), i = Array.from(t.collection.getKeys());
-	return /* @__PURE__ */ m("div", {
-		...r,
-		className: Q.base.listBox,
-		ref: n,
-		children: i.map((e) => {
-			let n = t.collection.getItem(e);
-			return n ? /* @__PURE__ */ m(vn, {
-				node: n,
-				state: t
-			}, String(e)) : null;
-		})
+function It({ form: e, interactionDisabled: t, name: n, readOnly: r }) {
+	let i = a(xe);
+	return !r || t || !n || i === null ? null : /* @__PURE__ */ m("input", {
+		form: e,
+		name: n,
+		type: "hidden",
+		value: i.value === null ? "" : String(i.value)
 	});
 }
-function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, disabled: i = !1, error: a, form: o, getItem: f, id: p, items: g, label: _, loading: v = !1, name: y, onChange: b, placeholder: x, readOnly: S = !1, required: C = !1, value: w }) {
-	let { messages: T } = q(), { visuallyHiddenProps: E } = De({ style: {
-		left: 0,
-		position: "fixed",
-		top: 0
-	} }), D = r?.trim() || void 0, O = a?.trim() || void 0, k = i || v, A = k || S, j = s(), M = p ?? `${j}-control`, N = `${j}-label`, ee = `${j}-description`, P = `${j}-error`, te = [D && ee, O && P].filter(Boolean).join(" ") || void 0, F = u(null), ne = u(null), I = l(() => g.map((e) => ({
-		descriptor: f(e),
+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);
+	return o(() => {
+		s && i?.isOpen && i.setOpen(!1);
+	}, [s, i]), /* @__PURE__ */ m(nt, {
+		className: X.base.popover,
+		isOpen: c,
+		onOpenChange: (e) => i?.setOpen(e),
+		triggerRef: r,
+		children: /* @__PURE__ */ m(Ft, { 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) => ({
+		descriptor: d(e),
 		item: e
-	})), [f, g]), L = w !== void 0, [R] = d(() => fn(w, f)), re = ln(I, w ?? null, f), ie = ln(I, n ?? null, f), z = u(v && n != null && ie === void 0 ? f(n).id : null), B = L ? re?.descriptor.id ?? null : void 0, V = ie?.descriptor.id ?? null, H = u(V ?? z.current), ae = I.some(({ descriptor: e }) => e.id === H.current), U = v || ae ? H.current : null, oe = u(U), se = pn(w, f), ce = dn(R, I, v), W = u(se), le = u(ce), ue = u(b), G = u(!1), K = Oe({
-		children: l(() => I.map(({ descriptor: e, item: t }) => /* @__PURE__ */ m(cn, {
-			id: e.id,
-			item: {
-				descriptor: e,
-				item: t
-			},
-			isDisabled: e.disabled,
-			textValue: e.label,
-			children: e.label
-		}, e.id)), [I]),
-		defaultValue: V,
-		isDisabled: A,
-		isInvalid: !v && O !== void 0,
-		isRequired: C,
-		items: I,
-		onChange: (e) => {
-			if (G.current) return;
-			if (z.current = null, e === null) {
-				b?.(null);
-				return;
-			}
-			let t = I.find((t) => t.descriptor.id === e);
-			b?.(t?.item ?? null);
-		},
-		shouldCloseOnSelect: !0,
-		validationBehavior: "aria",
-		value: B
-	}), de = u((e) => K.setValue(e)), { menuProps: fe, triggerProps: pe, valueProps: me } = Ee({
-		"aria-describedby": te,
+	})), [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, {
 		"aria-label": v ? _ : void 0,
-		"aria-labelledby": N,
 		autoComplete: e,
-		form: o,
-		isDisabled: A,
-		isInvalid: !v && O !== void 0,
+		autoFocus: t,
+		className: J.base.root,
+		defaultValue: P,
+		form: c,
+		id: j,
+		isDisabled: O || S,
+		isInvalid: k,
 		isRequired: C,
 		name: y,
+		onChange: (e) => {
+			if (S) return;
+			let t = e === null ? void 0 : M.find(({ descriptor: t }) => t.id === String(e));
+			b?.(t?.item ?? null);
+		},
+		placeholder: x,
 		validationBehavior: "aria",
-		value: K.value
-	}, K, F), { buttonProps: he } = xe(pe, F), { focusProps: ge, isFocusVisible: _e } = Se(), { hoverProps: ve, isHovered: ye } = Ce({ isDisabled: k }), we = !v && O !== void 0, Te = (e) => hn(e, S, I, K.value, (e) => K.setValue(e), ne), ke = mn(v, he["aria-labelledby"], me.id);
-	return c(() => {
-		oe.current = U, de.current = (e) => K.setValue(e), W.current = se, le.current = ce, ue.current = b;
-	}, [
-		ce,
-		se,
-		b,
-		U,
-		K
-	]), c(() => {
-		(I.length === 0 || A) && K.isOpen && K.setOpen(!1);
-	}, [
-		I.length,
-		K,
-		A
-	]), gn({
-		decoratedItems: I,
-		initialDefaultValueRef: H,
-		isControlled: L,
-		loading: v,
-		pendingDefaultValueRef: z,
-		state: K,
-		suppressOnChangeRef: G
-	}), _n({
-		controlledResetItemRef: le,
-		controlledResetValueKeyRef: W,
-		form: o,
-		isControlled: L,
-		onChangeRef: ue,
-		resetValueRef: oe,
-		setStateValueRef: de,
-		suppressOnChangeRef: G,
-		triggerRef: F
-	}), /* @__PURE__ */ h("div", {
-		className: X.base.root,
+		value: N,
 		children: [
-			/* @__PURE__ */ m(Ke, {
-				htmlFor: M,
-				id: N,
+			/* @__PURE__ */ m(Ve, {
+				htmlFor: j,
 				label: _,
-				loading: v
+				loading: v,
+				onClick: () => ee.current?.focus()
 			}),
 			/* @__PURE__ */ h("div", {
-				className: X.base.control,
-				children: [/* @__PURE__ */ h("button", {
-					type: "button",
-					...be(he, ge, ve),
-					"aria-controls": he["aria-controls"],
-					"aria-busy": v || void 0,
-					"aria-expanded": he["aria-expanded"],
-					"aria-labelledby": ke,
-					"aria-readonly": S || void 0,
-					"aria-required": C || void 0,
-					autoFocus: t,
-					className: Z(sn.base.trigger, S && sn.state.readOnlyTrigger, v && "breeze:!opacity-0"),
-					"data-focus-visible": _e || void 0,
-					"data-hovered": ye || void 0,
-					"data-invalid": we || void 0,
-					disabled: k,
-					form: o,
-					id: M,
-					role: "combobox",
-					ref: F,
-					children: [/* @__PURE__ */ m("span", {
-						...me,
-						className: Z(Q.base.content, "breeze:text-start"),
-						children: K.selectedItems[0]?.textValue ?? x
-					}), /* @__PURE__ */ m(dt, {
+				className: J.base.control,
+				children: [/* @__PURE__ */ h(g, {
+					className: Y(Pt.base.trigger, S && Pt.state.readOnlyTrigger, v && "breeze:!opacity-0"),
+					isDisabled: O,
+					ref: ee,
+					render: (e) => r("button", {
+						...e,
+						"aria-busy": v || void 0,
+						"aria-disabled": S || void 0,
+						"aria-invalid": k || void 0,
+						"data-invalid": k || void 0,
+						type: "button"
+					}),
+					children: [/* @__PURE__ */ m(Se, {
+						className: Y(X.base.content, "breeze:text-start"),
+						children: ({ isPlaceholder: e, selectedText: t }) => e ? x ?? "" : t
+					}), /* @__PURE__ */ m(ot, {
 						name: "expand",
 						size: "sm"
 					})]
 				}), v && /* @__PURE__ */ m("span", {
-					className: X.base.skeleton,
-					children: /* @__PURE__ */ m(J, {
+					className: J.base.skeleton,
+					children: /* @__PURE__ */ m(K, {
 						blockSize: "100%",
 						inlineSize: "100%",
 						label: T.loading,
@@ -2014,56 +1522,29 @@ function bn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 					})
 				})]
 			}),
-			(y !== void 0 || e !== void 0) && !k && /* @__PURE__ */ m("div", {
-				...E,
-				"aria-hidden": "true",
-				"data-a11y-ignore": "aria-hidden-focus",
-				"data-react-aria-prevent-focus": !0,
-				children: /* @__PURE__ */ h("label", {
-					htmlFor: `${M}-autofill`,
-					children: [_, /* @__PURE__ */ m("input", {
-						autoComplete: e,
-						form: o,
-						id: `${M}-autofill`,
-						name: y,
-						onChange: (e) => Te(e.currentTarget.value),
-						onInput: (e) => Te(e.currentTarget.value),
-						readOnly: S || void 0,
-						ref: ne,
-						tabIndex: -1,
-						type: "text",
-						value: K.value ?? ""
-					})]
-				})
+			/* @__PURE__ */ m(Lt, {
+				disabled: O,
+				items: M,
+				readOnly: S,
+				triggerRef: ee
 			}),
-			/* @__PURE__ */ m(st, {
-				className: Q.base.popover,
-				isOpen: K.isOpen && !A,
-				onOpenChange: (e) => K.setOpen(e),
-				triggerRef: F,
-				children: /* @__PURE__ */ m(yn, {
-					menuProps: fe,
-					state: K
-				})
+			/* @__PURE__ */ m(It, {
+				form: c,
+				interactionDisabled: O,
+				name: y,
+				readOnly: S
 			}),
-			/* @__PURE__ */ m(qe, {
-				description: D,
-				descriptionId: ee,
-				error: v ? O : void 0,
-				errorId: P,
+			/* @__PURE__ */ m(He, {
+				description: E,
+				error: D,
 				loading: v
-			}),
-			O && !v && /* @__PURE__ */ m("span", {
-				className: X.base.error,
-				id: P,
-				children: O
 			})
 		]
 	});
 }
 //#endregion
 //#region src/primitives/Separator/Separator.tsx
-var xn = {
+var zt = {
 	base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -2073,15 +1554,15 @@ var xn = {
 		vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
 	}
 };
-function Sn({ orientation: e = "horizontal" }) {
+function Bt({ orientation: e = "horizontal" }) {
 	return /* @__PURE__ */ m("hr", {
 		"aria-orientation": e,
-		className: [xn.base.separator, xn.variant[e]].join(" ")
+		className: [zt.base.separator, zt.variant[e]].join(" ")
 	});
 }
 //#endregion
 //#region src/primitives/Stack/Stack.tsx
-var Cn = {
+var Vt = {
 	base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
 	compound: {},
 	size: {
@@ -2103,24 +1584,24 @@ var Cn = {
 		stretch: "breeze:items-stretch"
 	}
 };
-function wn({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
-	let { accessibleLabel: o, role: s } = Ue(e, n);
+function Ht({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
+	let { accessibleLabel: o, role: s } = Re(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			Cn.base.stack,
-			Cn.variant[a],
-			Cn.size[i]
+			Vt.base.stack,
+			Vt.variant[a],
+			Vt.size[i]
 		].join(" "),
 		role: s
 	}, t);
 }
 //#endregion
 //#region src/primitives/TextField/TextField.tsx
-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 } = q(), x = r?.trim() || void 0, S = a?.trim() || void 0, C = i || l;
-	return /* @__PURE__ */ h(ke, {
-		className: X.base.root,
+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,
 		defaultValue: n,
 		"aria-label": l ? c : void 0,
 		id: s,
@@ -2134,23 +1615,23 @@ function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 		validationBehavior: "aria",
 		value: y,
 		children: [
-			/* @__PURE__ */ m(Ke, {
+			/* @__PURE__ */ m(Ve, {
 				label: c,
 				loading: l
 			}),
 			/* @__PURE__ */ h("span", {
-				className: X.base.control,
+				className: J.base.control,
 				children: [/* @__PURE__ */ m(k, {
 					"aria-busy": l || void 0,
-					className: Z(X.base.input, l && X.state.loadingInput),
+					className: Y(J.base.input, l && J.state.loadingInput),
 					autoComplete: e,
 					autoFocus: t,
 					form: o,
 					placeholder: f,
 					ref: g
 				}), l && /* @__PURE__ */ m("span", {
-					className: X.base.skeleton,
-					children: /* @__PURE__ */ m(J, {
+					className: J.base.skeleton,
+					children: /* @__PURE__ */ m(K, {
 						blockSize: "100%",
 						inlineSize: "100%",
 						label: b.loading,
@@ -2158,7 +1639,7 @@ function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 					})
 				})]
 			}),
-			/* @__PURE__ */ m(qe, {
+			/* @__PURE__ */ m(He, {
 				description: x,
 				error: S,
 				loading: l
@@ -2168,18 +1649,18 @@ function Tn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 }
 //#endregion
 //#region src/primitives/Toast/Toast.tsx
-var En = 2600, Dn = "BreezeProvider toastLimit must be a positive integer.", On = "Toast components must be rendered within BreezeProvider.";
-function kn(e) {
+var Wt = 2600, Gt = "BreezeProvider toastLimit must be a positive integer.", Kt = "Toast components must be rendered within BreezeProvider.";
+function qt(e) {
 	return e.isIntersecting && e.intersectionRatio >= 1;
 }
-function An(e, t, n, r) {
+function Jt(e, t, n, r) {
 	let i = Number(e.target.dataset.breezeToastId);
-	t.has(i) && (kn(e) ? n(i) : r(i));
+	t.has(i) && (qt(e) ? n(i) : r(i));
 }
-var jn = n(null), Mn = n(!0), Nn = n(null);
-function Pn({ children: e }) {
-	q();
-	let t = a(Mn), n = a(Nn), [r, i] = d(() => n?.message ?? null);
+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);
 	return o(() => {
 		if (!t || typeof document < "u" && document.hidden || r === e) return;
 		let a = setTimeout(() => {
@@ -2197,15 +1678,15 @@ function Pn({ children: e }) {
 		"aria-live": "polite",
 		className: "breeze-toast",
 		role: "status",
-		children: [/* @__PURE__ */ m(dt, {
+		children: [/* @__PURE__ */ m(ot, {
 			name: "check",
 			size: "sm"
 		}), /* @__PURE__ */ m("span", { children: r })]
 	});
 }
-function Fn({ children: e, limit: t }) {
-	let n = it(), 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(Dn);
+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);
 	let b = i((e, t) => {
 		let n = y.current.get(e);
 		n !== void 0 && (n.message = t);
@@ -2240,7 +1721,7 @@ function Fn({ children: e, limit: t }) {
 		if (!s || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
 		let n = t ?? {
 			handle: null,
-			remaining: En,
+			remaining: Wt,
 			startedAt: null
 		};
 		if (n.remaining <= 0) {
@@ -2274,7 +1755,7 @@ function Fn({ children: e, limit: t }) {
 		}
 		let o, c = setTimeout(() => {
 			o = new IntersectionObserver((e) => {
-				e.forEach((e) => An(e, r, D, w));
+				e.forEach((e) => Jt(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);
 			});
@@ -2292,11 +1773,11 @@ function Fn({ 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(Mn, {
+	return /* @__PURE__ */ m(Xt, {
 		value: s,
-		children: /* @__PURE__ */ h(jn, {
+		children: /* @__PURE__ */ h(Yt, {
 			value: x,
-			children: [e, n && M(/* @__PURE__ */ m("div", {
+			children: [e, n && we(/* @__PURE__ */ m("div", {
 				ref: a,
 				className: "breeze-toast-region",
 				"data-breeze-toast-region": "",
@@ -2309,11 +1790,11 @@ function Fn({ children: e, limit: t }) {
 						"aria-hidden": n ? "true" : void 0,
 						"data-breeze-toast-id": e,
 						hidden: n,
-						children: /* @__PURE__ */ m(Nn, {
+						children: /* @__PURE__ */ m(Zt, {
 							value: y.current.get(e) ?? null,
-							children: /* @__PURE__ */ m(Mn, {
+							children: /* @__PURE__ */ m(Xt, {
 								value: s && !n,
-								children: /* @__PURE__ */ m(Pn, { children: t })
+								children: /* @__PURE__ */ m(Qt, { children: t })
 							})
 						})
 					}, e);
@@ -2322,14 +1803,14 @@ function Fn({ children: e, limit: t }) {
 		})
 	});
 }
-function In() {
-	let e = a(jn);
-	if (e === null) throw Error(On);
+function en() {
+	let e = a(Yt);
+	if (e === null) throw Error(Kt);
 	return e;
 }
 //#endregion
 //#region src/primitives/Typography/Typography.tsx
-var Ln = {
+var $ = {
 	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
 	compound: {},
 	size: {},
@@ -2365,10 +1846,10 @@ var Ln = {
 		}
 	}
 };
-function Rn(e) {
+function tn(e) {
 	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
 }
-function zn(e, t, n, r) {
+function nn(e, t, n, r) {
 	let i;
 	try {
 		i = new Intl.NumberFormat(n, {
@@ -2382,10 +1863,10 @@ function zn(e, t, n, r) {
 	}
 	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
 }
-function Bn(e, t, n) {
+function rn(e, t, n) {
 	let r;
 	try {
-		r = Ae(e).toDate("UTC");
+		r = Te(e).toDate("UTC");
 	} catch {
 		return e;
 	}
@@ -2394,15 +1875,15 @@ function Bn(e, t, n) {
 		timeZone: "UTC"
 	}).format(r);
 }
-function Vn(e, t, n) {
-	return e.loading ? /* @__PURE__ */ m(J, {
+function an(e, t, n) {
+	return e.loading ? /* @__PURE__ */ m(K, {
 		blockSize: "1lh",
 		inlineSize: "8em",
 		label: n
-	}) : e.format === "currency" ? zn(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Bn(e.value, t, e.dateStyle) : e.children;
+	}) : e.format === "currency" ? nn(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? rn(e.value, t, e.dateStyle) : e.children;
 }
-function Hn(e) {
-	let { locale: t, messages: n } = q(), { "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 ?? Rn(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = Vn(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
+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",
@@ -2411,18 +1892,18 @@ function Hn(e) {
 	return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
 		children: S
-	}), /* @__PURE__ */ m(Re, { children: y })] })), r(v, {
+	}), /* @__PURE__ */ m(Ne, { children: y })] })), r(v, {
 		"aria-busy": u || void 0,
 		"aria-label": T || w ? y : void 0,
 		className: [
-			Ln.base.text,
-			Ln.variant.role[_],
-			Ln.variant.tone[f],
-			Ln.variant.align[b],
-			x && Ln.state.aligned,
-			u && v === "span" && !x && Ln.state.inlineLoading,
-			d && _ !== "money" && Ln.state.numeric,
-			g && Ln.state.truncate
+			$.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,
@@ -2431,7 +1912,7 @@ function Hn(e) {
 }
 //#endregion
 //#region src/provider/en-GB.ts
-var Un = {
+var sn = {
 	appearance: "Appearance",
 	appearanceAutomatic: "Auto",
 	appearanceDark: "Dark",
@@ -2441,11 +1922,11 @@ var Un = {
 };
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-function Wn(e, t) {
+function cn(e, t) {
 	return e === "automatic" ? t ? "dark" : "light" : e;
 }
-function Gn({ children: e }) {
-	let { direction: t, locale: n } = F();
+function ln({ children: e }) {
+	let { direction: t, locale: n } = P();
 	return /* @__PURE__ */ m("div", {
 		"data-breeze-root": "",
 		dir: t,
@@ -2453,8 +1934,8 @@ function Gn({ children: e }) {
 		children: e
 	});
 }
-function Kn({ 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 = Wn(y, h);
+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);
 	o(() => {
 		if (!p) return;
 		g(p.matches);
@@ -2471,20 +1952,20 @@ function Kn({ 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(te, {
+	return /* @__PURE__ */ m(N, {
 		locale: r,
-		children: /* @__PURE__ */ m(je, {
+		children: /* @__PURE__ */ m(Ee, {
 			value: l(() => ({
 				appearance: y,
 				getMessageLocale: S,
 				locale: r,
 				messages: {
-					appearance: a?.appearance ?? Un.appearance,
-					appearanceAutomatic: a?.appearanceAutomatic ?? Un.appearanceAutomatic,
-					appearanceDark: a?.appearanceDark ?? Un.appearanceDark,
-					appearanceLight: a?.appearanceLight ?? Un.appearanceLight,
-					close: a?.close ?? Un.close,
-					loading: a?.loading ?? Un.loading
+					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
 				},
 				resolvedAppearance: b,
 				setAppearance: x
@@ -2496,18 +1977,18 @@ function Kn({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
 				b,
 				x
 			]),
-			children: /* @__PURE__ */ m(rt, {
+			children: /* @__PURE__ */ m(Qe, {
 				locale: r,
 				portalContainer: u,
-				children: /* @__PURE__ */ m(Fn, {
+				children: /* @__PURE__ */ m($t, {
 					limit: f,
-					children: /* @__PURE__ */ m(Gn, { children: t })
+					children: /* @__PURE__ */ m(ln, { children: t })
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { Fe as AppearanceControl, Be as Badge, Kn as BreezeProvider, He as Button, Ge as Card, Ye as Checkbox, Ht as ComboBox, Wt as Container, Xt as Dialog, Zt as Drawer, $t as Grid, dt as Icon, tn as IconTile, rn as Inline, an as NumberField, on as Popover, bn as Select, Sn as Separator, J as Skeleton, wn as Stack, Tn as TextField, Pn as Toast, Hn as Typography, Re as VisuallyHidden, In as useToast };
+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 };
 
 //# sourceMappingURL=index.js.map