@motech-development/breeze-ui 4.5.0 → 4.6.1

package/lib/index.js

@@ -10,28 +10,31 @@ import { CheckboxButton as b, CheckboxField as x } from "react-aria-components/C
 import { FieldError as S } from "react-aria-components/FieldError";
 import { Label as C } from "react-aria-components/Label";
 import { Text as w } from "react-aria-components/Text";
-import { Dialog as T } from "react-aria-components/Dialog";
-import { Modal as E, ModalOverlay as D } from "react-aria-components/Modal";
+import { ComboBox as T, ComboBoxStateContext as E, useFilter as D } from "react-aria-components/ComboBox";
+import { Group as O } from "react-aria-components/Group";
+import { Input as k } from "react-aria-components/Input";
+import { ListBox as A, ListBoxItem as j } from "react-aria-components/ListBox";
 import { Popover as ee } from "react-aria-components/Popover";
-import { UNSAFE_PortalProvider as te } from "react-aria/PortalProvider";
-import { I18nProvider as ne, useLocale as re } from "react-aria-components/I18nProvider";
-import { ArrowDownLeft as O, ArrowUpRight as k, Bell as A, Building2 as j, CalendarDays as ie, Camera as ae, Check as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as M, Clock3 as N, Download as P, Ellipsis as F, FileText as le, House as ue, List as I, LockKeyhole as L, LogOut as de, Plus as fe, Settings as R, Trash2 as z, TriangleAlert as B, Upload as pe, Users as me, X as he } from "lucide-react";
-import { Group as ge } from "react-aria-components/Group";
-import { Input as _e } from "react-aria-components/Input";
-import { NumberField as ve } from "react-aria-components/NumberField";
-import { TextField as ye } from "react-aria-components/TextField";
-import { createPortal as be } from "react-dom";
-import { parseDate as xe } from "@internationalized/date";
+import { UNSAFE_PortalProvider as M } from "react-aria/PortalProvider";
+import { I18nProvider as N, useLocale as P } from "react-aria-components/I18nProvider";
+import { ArrowDownLeft as te, ArrowUpRight as ne, Bell as F, Building2 as I, CalendarDays as L, Camera as R, Check as re, ChevronDown as z, ChevronLeft as B, ChevronRight as V, Clock3 as ie, Download as ae, Ellipsis as H, FileText as U, House as W, List as oe, LockKeyhole as se, LogOut as ce, Plus as le, Settings as ue, Trash2 as de, TriangleAlert as fe, Upload as pe, Users as me, X as he } from "lucide-react";
+import { Dialog as ge } from "react-aria-components/Dialog";
+import { Modal as _e, ModalOverlay as ve } from "react-aria-components/Modal";
+import { NumberField as ye } from "react-aria-components/NumberField";
+import { Select as be, SelectStateContext as xe, SelectValue as Se } from "react-aria-components/Select";
+import { TextField as Ce } from "react-aria-components/TextField";
+import { createPortal as we } from "react-dom";
+import { parseDate as Te } from "@internationalized/date";
 //#region src/provider/BreezeContext.ts
-var Se = n(null);
-function V() {
-	let e = a(Se);
+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 H = {
+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",
@@ -42,7 +45,7 @@ var H = {
 	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: {}
-}, Ce = [
+}, Oe = [
 	{
 		message: "appearanceLight",
 		value: "light"
@@ -56,30 +59,30 @@ var H = {
 		value: "dark"
 	}
 ];
-function we(e) {
-	return Ce.some((t) => t.value === e);
+function ke(e) {
+	return Oe.some((t) => t.value === e);
 }
-function Te() {
-	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = V();
+function Ae() {
+	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = G();
 	return /* @__PURE__ */ h("div", {
-		className: H.base.control,
+		className: De.base.control,
 		children: [/* @__PURE__ */ m("span", {
-			className: H.base.label,
+			className: De.base.label,
 			lang: r("appearance"),
 			children: i.appearance
 		}), /* @__PURE__ */ m(t, {
 			"aria-label": i.appearance,
-			className: H.base.group,
+			className: De.base.group,
 			disallowEmptySelection: !0,
 			lang: r("appearance"),
 			onSelectionChange: (e) => {
 				let [t] = e;
-				we(t) && a(t);
+				ke(t) && a(t);
 			},
 			selectedKeys: [n],
 			selectionMode: "single",
-			children: Ce.map((t) => /* @__PURE__ */ m(e, {
-				className: [H.base.option, H.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]
@@ -89,7 +92,7 @@ function Te() {
 }
 //#endregion
 //#region src/primitives/Skeleton/Skeleton.tsx
-var Ee = {
+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: {},
@@ -100,37 +103,37 @@ var Ee = {
 		text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
 	}
 };
-function U({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
-	let { getMessageLocale: i, messages: a } = V(), 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: [Ee.base.skeleton, Ee.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 De = {
+var Me = {
 	base: { hidden: "breeze:sr-only" },
 	compound: {},
 	size: {},
 	state: {},
 	variant: {}
 };
-function Oe({ children: e }) {
+function Ne({ children: e }) {
 	return /* @__PURE__ */ m("span", {
-		className: De.base.hidden,
+		className: Me.base.hidden,
 		children: e
 	});
 }
 //#endregion
 //#region src/primitives/Badge/Badge.tsx
-var W = {
+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]",
@@ -147,29 +150,29 @@ var W = {
 		warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
 	}
 };
-function ke({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
-	let { messages: i } = V(), 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: W.base.skeleton,
-		children: /* @__PURE__ */ m(U, {
+		className: Pe.base.skeleton,
+		children: /* @__PURE__ */ m(K, {
 			blockSize: 8,
 			inlineSize: "100%",
 			label: i.loading,
 			shape: "rectangle"
 		})
-	}) : a !== void 0 && (o = /* @__PURE__ */ m(Oe, { children: a })), /* @__PURE__ */ h("span", {
+	}) : a !== void 0 && (o = /* @__PURE__ */ m(Ne, { children: a })), /* @__PURE__ */ h("span", {
 		"aria-busy": n || void 0,
-		className: [W.base.badge, W.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: [W.base.content, n && W.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 G = {
+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]",
@@ -199,23 +202,23 @@ var G = {
 		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 Ae() {
-	let e = v(_), { getMessageLocale: t, messages: n } = V();
+function Ie() {
+	let e = v(_), { getMessageLocale: t, messages: n } = G();
 	return /* @__PURE__ */ m("progress", {
 		"aria-label": n.loading,
-		className: G.state.loadingStatus,
+		className: q.state.loadingStatus,
 		id: e?.id,
 		lang: t("loading")
 	});
 }
-function je({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: u, loading: d = !1, name: f, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
-	V();
+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 = [
-		G.base.button,
-		G.variant[S],
-		G.size[y],
-		c && G.state.disabled,
-		d && G.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,
@@ -241,18 +244,18 @@ function je({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ar
 		type: b,
 		value: x,
 		children: [/* @__PURE__ */ m("span", {
-			className: [G.base.label, d && G.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(Ae, {}), /* @__PURE__ */ m("span", {
+		}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Ie, {}), /* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: [G.base.skeleton, G.compound.loading[S]].join(" "),
+			className: [q.base.skeleton, q.compound.loading[S]].join(" "),
 			"data-breeze-skeleton": ""
 		})] })]
 	});
 }
 //#endregion
 //#region src/primitives/layout.accessibility.ts
-function K(e, t) {
+function Re(e, t) {
 	let n = e?.trim() || void 0;
 	return {
 		accessibleLabel: n,
@@ -261,7 +264,7 @@ function K(e, t) {
 }
 //#endregion
 //#region src/primitives/Card/Card.tsx
-var Me = {
+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: {
@@ -281,22 +284,22 @@ var Me = {
 		surface: "breeze:bg-breeze-surface"
 	}
 };
-function Ne({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
-	let { accessibleLabel: s, role: c } = K(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: [
-			Me.base.card,
-			Me.variant[o],
-			Me.size[a],
-			n && Me.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 q = {
+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",
@@ -311,46 +314,52 @@ var q = {
 	state: { loadingInput: "breeze:!opacity-0" },
 	variant: {}
 };
-function J(...e) {
+function Y(...e) {
 	return e.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/primitives/Field/field.presentation.tsx
-function Pe({ label: e, loading: t }) {
+function Ve({ htmlFor: e, id: t, label: n, loading: r, onClick: i }) {
 	return /* @__PURE__ */ m(C, {
-		className: q.base.label,
-		children: t ? /* @__PURE__ */ m(U, {
+		className: J.base.label,
+		htmlFor: e,
+		id: t,
+		onClick: i,
+		children: r ? /* @__PURE__ */ m(K, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
-		}) : e
+		}) : n
 	});
 }
-function Fe({ description: e, error: t, loading: n }) {
+function He({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
 	return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(w, {
-		className: q.base.description,
+		className: J.base.description,
+		id: t,
 		slot: "description",
-		children: n ? /* @__PURE__ */ m(U, {
+		children: i ? /* @__PURE__ */ m(K, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		}) : e
-	}), t && (n ? /* @__PURE__ */ m("span", {
+	}), n && (i ? /* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
-		className: q.base.error,
-		children: /* @__PURE__ */ m(U, {
+		className: J.base.error,
+		id: r,
+		children: /* @__PURE__ */ m(K, {
 			blockSize: "1lh",
 			inlineSize: "12em",
 			shape: "rectangle"
 		})
 	}) : /* @__PURE__ */ m(S, {
-		className: q.base.error,
-		children: t
+		className: J.base.error,
+		id: r,
+		children: n
 	}))] });
 }
 //#endregion
 //#region src/primitives/Checkbox/Checkbox.tsx
-var Y = {
+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",
@@ -363,10 +372,10 @@ var Y = {
 	state: {},
 	variant: {}
 };
-function Ie({ 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 } = V(), 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: q.base.root,
+		className: J.base.root,
 		defaultSelected: e,
 		form: i,
 		id: a,
@@ -382,18 +391,18 @@ function Ie({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 		value: _,
 		validationBehavior: "aria",
 		children: [/* @__PURE__ */ m(b, {
-			className: Y.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: Y.base.skeletonIndicator,
-				children: /* @__PURE__ */ m(U, {
+				className: Ue.base.skeletonIndicator,
+				children: /* @__PURE__ */ m(K, {
 					blockSize: "100%",
 					inlineSize: "100%",
 					shape: "rectangle"
 				})
 			}), /* @__PURE__ */ m("span", {
-				className: Y.base.skeleton,
-				children: /* @__PURE__ */ m(U, {
+				className: Ue.base.skeleton,
+				children: /* @__PURE__ */ m(K, {
 					blockSize: "1lh",
 					inlineSize: "12em",
 					label: v.loading,
@@ -401,15 +410,15 @@ function Ie({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 				})
 			})] }), !s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
-				className: Y.base.indicator,
+				className: Ue.base.indicator,
 				"data-focus-visible": e || void 0,
 				"data-selected": t || void 0,
 				children: t ? "✓" : ""
 			}), /* @__PURE__ */ m("span", {
-				className: Y.base.label,
+				className: Ue.base.label,
 				children: o
 			})] })] })
-		}), /* @__PURE__ */ m(Fe, {
+		}), /* @__PURE__ */ m(He, {
 			description: C,
 			error: w,
 			loading: s
@@ -417,33 +426,26 @@ function Ie({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
 	});
 }
 //#endregion
-//#region src/primitives/Container/Container.tsx
-var Le = {
-	base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
-	compound: {},
-	size: {
-		page: "breeze:max-inline-breeze-page",
-		prose: "breeze:max-inline-breeze-prose",
-		read: "breeze:max-inline-breeze-read"
+//#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"
 	},
-	state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
+	compound: {},
+	size: {},
+	state: {},
 	variant: {}
 };
-function Re({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
-	let { accessibleLabel: o, role: s } = K(e, n);
-	return r(n, {
-		"aria-label": o,
-		className: [
-			Le.base.container,
-			Le.size[a],
-			i && Le.state.padded
-		].filter(Boolean).join(" "),
-		role: s
-	}, t);
-}
 //#endregion
 //#region src/overlays/OverlayStack.ts
-function ze() {
+function Ge() {
 	let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
 	return {
 		getSnapshot: () => e,
@@ -459,15 +461,15 @@ function ze() {
 		})
 	};
 }
-var Be = n(null);
-function Ve() {
-	let e = a(Be);
+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 He = n(null);
-function Ue(e, t, n) {
-	let r = a(Be), i = a(He), 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(() => {
@@ -506,12 +508,12 @@ function Ue(e, t, n) {
 }
 //#endregion
 //#region src/overlays/OverlayProvider.tsx
-var We = n(null), Ge = "BreezeProvider portalContainer must belong to the current document and light DOM.";
-function Ke({ children: e, portalContainer: t, locale: n }) {
-	let { direction: r } = re(), [i] = d(ze), [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(Ge);
+		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(() => {
@@ -520,23 +522,401 @@ function Ke({ children: e, portalContainer: t, locale: n }) {
 		r,
 		a,
 		n
-	]), /* @__PURE__ */ m(te, {
+	]), /* @__PURE__ */ m(M, {
 		getContainer: () => a,
-		children: /* @__PURE__ */ m(Be, {
+		children: /* @__PURE__ */ m(Ke, {
 			value: i,
-			children: /* @__PURE__ */ m(We, {
+			children: /* @__PURE__ */ m(Xe, {
 				value: a,
 				children: e
 			})
 		})
 	});
 }
-function qe() {
-	return a(We);
+function $e() {
+	return a(Xe);
+}
+//#endregion
+//#region src/primitives/Collection/CollectionPopover.tsx
+var et = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function tt(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
+}
+function nt({ children: e, className: t, isOpen: n, onOpenChange: r, triggerRef: s }) {
+	let l = $e(), f = a(Je), p = f?.open ?? !0, [h, g] = d(f === null), [_, v] = d(!1), y = u(!1), b = u(null), x = u(null), S = u(null), C = n && p, w = Ye("popover", C && h && l !== null, C || _), T = i((e) => {
+		b.current = e, v(e !== null);
+	}, []);
+	return c(() => {
+		if (l && s.current && (s.current.ownerDocument !== document || s.current.getRootNode() !== document || l.ownerDocument !== document || l.getRootNode() !== document)) throw Error(et);
+	}), o(() => g(!0), []), c(() => {
+		if (!C || !w.topmost || !l) return;
+		let e = (e) => tt(e) && !b.current?.contains(e) && !s.current?.contains(e), t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), n = (e) => e.button === 0, i = null, a = () => {
+			i !== null && (clearTimeout(i), i = null);
+		}, o = () => {
+			a(), i = setTimeout(() => {
+				i = null, S.current = null;
+			}, 0);
+		}, c = (e) => {
+			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 = tt(t.target) ? t.target : null;
+			if (!e(a)) {
+				x.current = null;
+				return;
+			}
+			if (!e(i)) {
+				S.current = a, x.current = null, o();
+				return;
+			}
+			S.current = a, r(!1);
+		}, d = () => {
+			a(), x.current = null, S.current = null;
+		}, f = (n) => {
+			let i = tt(n.target) ? n.target : null;
+			e(i) && !t(S.current, i) && r(!1), a(), x.current = null, S.current = null;
+		};
+		return l.ownerDocument.addEventListener("pointerdown", c, !0), l.ownerDocument.addEventListener("pointerup", u, !0), l.ownerDocument.addEventListener("pointercancel", d, !0), l.ownerDocument.addEventListener("click", f, !0), () => {
+			l.ownerDocument.removeEventListener("pointerdown", c, !0), l.ownerDocument.removeEventListener("pointerup", u, !0), l.ownerDocument.removeEventListener("pointercancel", d, !0), l.ownerDocument.removeEventListener("click", f, !0), a(), x.current = null, S.current = null;
+		};
+	}, [
+		l,
+		w.topmost,
+		r,
+		C,
+		s
+	]), o(() => {
+		p ? y.current = !1 : n && !y.current && (y.current = !0, r(!1));
+	}, [
+		r,
+		p,
+		n
+	]), /* @__PURE__ */ m(ee, {
+		className: `${t} breeze-popover`,
+		"data-breeze-interactive": w.interactive,
+		"data-breeze-overlay": "popover",
+		"data-breeze-topmost": w.topmost,
+		inert: !w.interactive,
+		isKeyboardDismissDisabled: !w.topmost,
+		isNonModal: !0,
+		isOpen: C,
+		onOpenChange: r,
+		placement: "bottom start",
+		shouldCloseOnInteractOutside: (e) => x.current === null && w.topmost && !s.current?.contains(e),
+		style: { zIndex: w.zIndex },
+		triggerRef: s,
+		ref: T,
+		children: e
+	});
+}
+//#endregion
+//#region src/primitives/Icon/Icon.tsx
+var rt = {
+	add: le,
+	back: B,
+	building: I,
+	calendar: L,
+	camera: R,
+	check: re,
+	clock: ie,
+	close: he,
+	delete: de,
+	document: U,
+	download: ae,
+	expand: z,
+	forward: V,
+	lock: se,
+	money: oe,
+	moneyIn: te,
+	moneyOut: ne,
+	more: H,
+	next: V,
+	notifications: F,
+	overview: W,
+	people: me,
+	settings: ue,
+	signOut: ce,
+	upload: pe,
+	warning: fe
+}, it = {
+	base: { icon: "breeze:block breeze:shrink-0" },
+	compound: {},
+	size: {
+		lg: "breeze:block-size-breeze-6 breeze:inline-size-breeze-6",
+		md: "breeze:block-size-breeze-5 breeze:inline-size-breeze-5",
+		sm: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4"
+	},
+	state: { logicalDirection: "breeze:rtl:rotate-180" },
+	variant: {}
+}, at = /* @__PURE__ */ new Set([
+	"back",
+	"forward",
+	"next"
+]);
+function ot({ label: e, name: t, size: n = "md" }) {
+	let r = rt[t], i = e?.trim() || void 0;
+	return /* @__PURE__ */ m(r, {
+		"aria-hidden": i === void 0 || void 0,
+		"aria-label": i,
+		className: [
+			it.base.icon,
+			it.size[n],
+			at.has(t) && it.state.logicalDirection
+		].filter(Boolean).join(" "),
+		focusable: "false",
+		role: i === void 0 ? void 0 : "img",
+		strokeWidth: 1.75
+	});
+}
+//#endregion
+//#region src/primitives/Collection/DescriptorContent.tsx
+function st({ descriptor: e, isSelected: t }) {
+	return /* @__PURE__ */ h(p, { children: [
+		e.icon && /* @__PURE__ */ m(ot, {
+			name: e.icon,
+			size: "sm"
+		}),
+		/* @__PURE__ */ h("span", {
+			className: X.base.content,
+			children: [/* @__PURE__ */ m("span", {
+				className: X.base.label,
+				children: e.label
+			}), e.description && /* @__PURE__ */ m("span", {
+				className: X.base.description,
+				children: e.description
+			})]
+		}),
+		e.badge && /* @__PURE__ */ m("span", {
+			className: X.base.badge,
+			children: /* @__PURE__ */ m(Fe, {
+				"aria-label": e.badge["aria-label"],
+				variant: e.badge.variant,
+				children: e.badge.children
+			})
+		}),
+		/* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			className: X.base.selectedIndicator,
+			children: t && /* @__PURE__ */ m(ot, {
+				name: "check",
+				size: "sm"
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/primitives/Collection/DescriptorOption.tsx
+function ct({ descriptor: e }) {
+	return /* @__PURE__ */ m(j, {
+		className: X.base.item,
+		id: e.id,
+		isDisabled: e.disabled,
+		textValue: e.label,
+		children: ({ isSelected: t }) => /* @__PURE__ */ m(st, {
+			descriptor: e,
+			isSelected: t
+		})
+	});
+}
+//#endregion
+//#region src/primitives/ComboBox/ComboBox.tsx
+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",
+		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",
+		skeleton: "breeze:pointer-events-none breeze:absolute breeze:[inset-block:0] breeze:[inset-inline:0]",
+		trigger: "breeze:inline-grid breeze:shrink-0 breeze:place-items-center breeze:border-0 breeze:bg-transparent breeze:pe-breeze-2 breeze:ps-breeze-2 breeze:text-breeze-ink-2 breeze:outline-none breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:disabled:cursor-not-allowed breeze:disabled:opacity-60 breeze:any-pointer-coarse:min-inline-breeze-tap"
+	},
+	compound: {},
+	size: {},
+	state: {
+		loadingGroup: "breeze:!bg-transparent breeze:!border-transparent breeze:!opacity-100 breeze:!overflow-visible",
+		loadingInput: "breeze:!opacity-0",
+		loadingTrigger: "breeze:!opacity-0",
+		readOnlyGroup: "breeze:bg-breeze-sunken"
+	},
+	variant: {}
+};
+function lt(e, t, n, r) {
+	let i = t.find(({ item: t }) => t === e);
+	if (i) return i;
+	if (r && typeof e == "string") return;
+	let { id: a } = n(e);
+	return t.find((e) => e.descriptor.id === a);
+}
+function ut(e, t, n, r) {
+	if (e !== void 0) return e === null || r && typeof e == "string" && !t ? null : t?.id ?? n(e).id;
+}
+function dt(e, t, n) {
+	if (!(e === void 0 || !n)) return t ? t.descriptor.label : typeof e == "string" ? e : "";
+}
+function ft(e, t, n) {
+	if (!(!n || typeof e != "string" || t)) return e;
+}
+function pt({ items: e }) {
+	return /* @__PURE__ */ m(A, {
+		className: X.base.listBox,
+		items: e,
+		children: (e) => /* @__PURE__ */ m(ct, { descriptor: e.descriptor })
+	});
+}
+function mt({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly: r, items: i, triggerRef: s }) {
+	let c = a(E), l = n || r, u = !l && (t || e) && (c?.isOpen ?? !1);
+	return o(() => {
+		(l || !t && !e) && c?.isOpen && c.setOpen(!1);
+	}, [
+		e,
+		t,
+		l,
+		c
+	]), /* @__PURE__ */ m(nt, {
+		className: Z.base.popover,
+		isOpen: u,
+		onOpenChange: (e) => c?.setOpen(e),
+		triggerRef: s,
+		children: /* @__PURE__ */ m(pt, { items: i })
+	});
+}
+function ht({ props: e }) {
+	let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue: i, description: a, disabled: c = !1, error: d, form: f, getItem: p, id: _, items: v, label: y, loading: b = !1, name: x, onChange: S, placeholder: C, readOnly: w = !1, required: E = !1, value: A } = e, { messages: j } = G(), { contains: ee } = D({ sensitivity: "base" }), M = a?.trim() || void 0, N = d?.trim() || void 0, P = c || b, te = s(), ne = `${te}-description`, F = `${te}-error`, I = [M && ne, N && F].filter(Boolean).join(" ") || void 0, L = u(null), R = l(() => v.map((e) => {
+		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(() => {
+		H.current = z == null ? null : String(z);
+	}, [z]);
+	let se = (e) => {
+		if (e === null) {
+			if (H.current = null, t) {
+				let e = W.current;
+				if (W.current = !1, U.current || e) return;
+			}
+			oe?.(null);
+			return;
+		}
+		W.current = !1, H.current = String(e);
+		let n = R.find((t) => t.descriptor.id === String(e));
+		U.current = n?.descriptor.label ?? "", oe?.(n?.item ?? null);
+	}, ce = (e) => {
+		U.current = e, W.current = !0, t && R.find((e) => e.descriptor.id === H.current)?.descriptor.label !== e && oe?.(e || null);
+	}, le = !b && N !== void 0, ue = P ? void 0 : x;
+	return /* @__PURE__ */ h(T, {
+		allowsCustomValue: t,
+		allowsEmptyCollection: t,
+		"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: ue,
+		onInputChange: ce,
+		onChange: se,
+		value: z,
+		validationBehavior: "aria",
+		children: [
+			/* @__PURE__ */ m(Ve, {
+				label: y,
+				loading: b
+			}),
+			/* @__PURE__ */ h(O, {
+				className: Y(Z.base.group, b && Z.state.loadingGroup, w && Z.state.readOnlyGroup),
+				isDisabled: P,
+				isInvalid: le,
+				isReadOnly: w,
+				ref: L,
+				children: [
+					/* @__PURE__ */ m(k, {
+						"aria-busy": b || void 0,
+						"aria-describedby": I,
+						autoComplete: n,
+						autoFocus: r,
+						className: Y(Z.base.input, b && Z.state.loadingInput),
+						form: f,
+						placeholder: C,
+						readOnly: w || void 0
+					}),
+					/* @__PURE__ */ m(g, {
+						"aria-describedby": I,
+						className: Y(Z.base.trigger, b && Z.state.loadingTrigger),
+						children: /* @__PURE__ */ m(ot, {
+							name: "expand",
+							size: "sm"
+						})
+					}),
+					b && /* @__PURE__ */ m("span", {
+						className: Z.base.skeleton,
+						children: /* @__PURE__ */ m(K, {
+							blockSize: "100%",
+							inlineSize: "100%",
+							label: j.loading,
+							shape: "rectangle"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ m(mt, {
+				allowsCustomValue: t,
+				hasSuggestions: R.length > 0,
+				isDisabled: P,
+				isReadOnly: w,
+				items: R,
+				triggerRef: L
+			}),
+			/* @__PURE__ */ m(He, {
+				description: M,
+				descriptionId: ne,
+				error: N,
+				errorId: F,
+				loading: b
+			})
+		]
+	});
+}
+function gt(e) {
+	return /* @__PURE__ */ m(ht, { props: e });
+}
+//#endregion
+//#region src/primitives/Container/Container.tsx
+var _t = {
+	base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
+	compound: {},
+	size: {
+		page: "breeze:max-inline-breeze-page",
+		prose: "breeze:max-inline-breeze-prose",
+		read: "breeze:max-inline-breeze-read"
+	},
+	state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
+	variant: {}
+};
+function vt({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
+	let { accessibleLabel: o, role: s } = Re(e, n);
+	return r(n, {
+		"aria-label": o,
+		className: [
+			_t.base.container,
+			_t.size[a],
+			i && _t.state.padded
+		].filter(Boolean).join(" "),
+		role: s
+	}, t);
 }
 //#endregion
 //#region src/overlays/OverlaySurface.tsx
-var X = {
+var yt = {
 	base: {
 		content: "breeze-overlay-content",
 		header: "breeze-overlay-header",
@@ -551,26 +931,26 @@ var X = {
 		fullscreen: "breeze-fullscreen",
 		popover: "breeze-popover"
 	}
-}, Je = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
-function Ye(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 Xe(e) {
+function St(e) {
 	return e.dataset?.breezeOverlay !== void 0;
 }
-function Ze({ 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 } = V(), x = r === "popover" || r === "fullscreen", S = qe(), C = a(He), [w, te] = d(C === null);
-	o(() => te(!0), []);
-	let [ne, re] = d(t), O = f ?? ne, k = C?.open ?? !0, A = O && k, j = u(null), ie = u(null), ae = u(null), [oe, se] = d(!1), ce = u(!1), M = u(null), N = u(null), P = u(null), F = u(null), le = u(!1);
+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), 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(Je);
+		if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(bt);
 	}, [S]);
-	let ue = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), I = Ue(r, A && w && S !== null, A || oe), L = 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 (le.current) return;
-			O && (le.current = !0);
+			if (re.current) return;
+			O && (re.current = !0);
 		}
-		f === void 0 && re(e), s?.(e);
+		f === void 0 && D(e), s?.(e);
 	}, [
 		f,
 		s,
@@ -578,187 +958,187 @@ function Ze({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
 		O
 	]);
 	o(() => {
-		k ? le.current = !1 : O && L(!1);
+		k ? re.current = !1 : O && V(!1);
 	}, [
-		L,
+		V,
 		k,
 		O
 	]), o(() => {
-		if (r !== "popover" || !A || !n || !I.topmost || !S) return;
+		if (r !== "popover" || !A || !n || !B.topmost || !S) return;
 		let e = () => {
-			N.current !== null && (clearTimeout(N.current), N.current = null);
-		}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => Ye(e) && !ie.current?.contains(e) && !j.current?.contains(e), o = (t) => {
-			i(t) && (e(), F.current = null, P.current = Ye(t.target) ? t.target : null);
+			I.current !== null && (clearTimeout(I.current), I.current = null);
+		}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => xt(e) && !M.current?.contains(e) && !j.current?.contains(e), o = (t) => {
+			i(t) && (e(), R.current = null, L.current = xt(t.target) ? t.target : null);
 		}, s = (n) => {
 			if (!i(n)) return;
-			let r = P.current, o = Ye(n.target) ? n.target : null;
-			!a(r) || !a(o) || (e(), N.current = setTimeout(() => {
-				N.current = null;
-				let e = F.current, n = P.current;
-				F.current = null, P.current = null, !(t(e, o) && t(e, n)) && L(!1);
+			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)) && V(!1);
 			}, 0));
 		}, c = () => {
-			e(), F.current = null, P.current = null;
+			e(), R.current = null, L.current = null;
 		}, l = (n) => {
-			let r = Ye(n.target) ? n.target : null;
+			let r = xt(n.target) ? n.target : null;
 			if (e(), a(r)) {
-				let e = F.current, n = P.current;
-				if (F.current = null, P.current = null, t(e, r) && t(e, n)) return;
-				L(!1);
+				let e = R.current, n = L.current;
+				if (R.current = null, L.current = null, t(e, r) && t(e, n)) return;
+				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), F.current = null, P.current = null;
+			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;
 		};
 	}, [
-		L,
+		V,
 		n,
 		S,
 		r,
-		I.topmost,
+		B.topmost,
 		A
 	]);
-	let de = C?.restoreFocus, fe = C?.id, R = 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 = fe ? t.getElementById(fe) : null;
+		let r = ae ? t.getElementById(ae) : null;
 		if (!(n === t.body || n === r || n?.closest("[data-exiting]"))) return;
 		if (!e?.isConnected) {
-			de?.();
+			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,
-		fe,
-		de
-	]), z = i(() => {
-		M.current !== null && (clearTimeout(M.current), M.current = null);
-	}, []), B = i((e) => {
+		ae,
+		ie
+	]), U = i(() => {
+		F.current !== null && (clearTimeout(F.current), F.current = null);
+	}, []), W = i((e) => {
 		queueMicrotask(() => {
-			!e.isConnected || e.closest("[inert], [data-exiting]") || (z(), e.focus({ preventScroll: !0 }), M.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) && (ce.current = !0, e.blur(), e.focus({ preventScroll: !0 }), ce.current = !1), M.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));
 		});
-	}, [z]), pe = u(A);
+	}, [U]), oe = u(A);
 	o(() => {
-		let e = pe.current;
-		pe.current = A, !(!x || !A || e || !ae.current) && B(ae.current);
+		let e = oe.current;
+		oe.current = A, !(!x || !A || e || !N.current) && W(N.current);
 	}, [
-		B,
+		W,
 		x,
 		A
 	]);
-	let me = i((e) => {
-		ae.current = e;
+	let se = i((e) => {
+		N.current = e;
 		let t = () => {
-			z(), ae.current = null, se(!1), requestAnimationFrame(R);
+			U(), N.current = null, te(!1), requestAnimationFrame(H);
 		};
 		if (!e) {
 			t();
 			return;
 		}
-		return se(!0), x && B(e), t;
+		return te(!0), x && W(e), t;
 	}, [
-		z,
-		B,
+		U,
+		W,
 		x,
-		R
-	]), he = l(() => ({
-		id: I.id,
+		H
+	]), ce = l(() => ({
+		id: B.id,
 		open: A,
-		restoreFocus: R
+		restoreFocus: H
 	}), [
-		I.id,
+		B.id,
 		A,
-		R
-	]), ge = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		className: X.base.header,
+		H
+	]), le = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
+		className: yt.base.header,
 		children: [/* @__PURE__ */ m("h2", {
-			className: X.base.title,
+			className: yt.base.title,
 			children: _
 		}), /* @__PURE__ */ m("span", {
 			lang: y("close"),
-			children: /* @__PURE__ */ m(je, {
-				onAction: () => L(!1),
+			children: /* @__PURE__ */ m(Le, {
+				onAction: () => V(!1),
 				variant: "quiet",
 				children: b.close
 			})
 		})]
-	}), e] }), _e = /* @__PURE__ */ m(He, {
-		value: he,
+	}), e] }), ue = /* @__PURE__ */ m(Je, {
+		value: ce,
 		children: x ? /* @__PURE__ */ m("section", {
 			"aria-label": _,
-			className: X.base.content,
-			id: I.id,
+			className: yt.base.content,
+			id: B.id,
 			onBlur: (e) => {
-				if (ce.current) {
+				if (ne.current) {
 					e.stopPropagation();
 					return;
 				}
 				let { relatedTarget: t } = e;
-				r === "popover" && n && I.topmost && Ye(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (F.current = t);
+				r === "popover" && n && B.topmost && xt(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
 			},
-			ref: me,
+			ref: se,
 			role: "dialog",
 			tabIndex: -1,
-			children: ge
-		}) : /* @__PURE__ */ m(T, {
+			children: le
+		}) : /* @__PURE__ */ m(ge, {
 			"aria-label": _,
-			className: X.base.content,
-			id: I.id,
-			ref: me,
-			children: ge
+			className: yt.base.content,
+			id: B.id,
+			ref: se,
+			children: le
 		})
 	});
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(je, {
-		"aria-controls": A ? I.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: () => L(!x || !A),
+		onAction: () => V(!x || !A),
 		ref: j,
 		children: v
 	}), S && w && (x ? /* @__PURE__ */ m(ee, {
-		className: X.variant[r],
+		className: yt.variant[r],
 		"data-breeze-overlay": r,
-		"data-breeze-topmost": I.topmost,
-		"data-breeze-interactive": I.interactive,
-		inert: !I.interactive,
+		"data-breeze-topmost": B.topmost,
+		"data-breeze-interactive": B.interactive,
+		inert: !B.interactive,
 		isNonModal: !0,
 		isOpen: A,
-		isKeyboardDismissDisabled: !n || !I.topmost,
-		onOpenChange: L,
+		isKeyboardDismissDisabled: !n || !B.topmost,
+		onOpenChange: V,
 		placement: g,
-		ref: ie,
-		shouldCloseOnInteractOutside: (e) => r === "popover" && n && I.topmost && !j.current?.contains(e),
-		style: { zIndex: I.zIndex },
-		triggerRef: ue,
-		children: _e
-	}) : /* @__PURE__ */ m(D, {
+		ref: M,
+		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": I.scrim,
-		"data-breeze-topmost": I.topmost,
-		"data-breeze-interactive": I.interactive,
-		inert: !I.interactive,
-		isDismissable: n && I.topmost,
-		isKeyboardDismissDisabled: !n || !I.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: L,
-		shouldCloseOnInteractOutside: (e) => I.topmost && Xe(e),
-		style: { zIndex: I.zIndex },
-		children: /* @__PURE__ */ m(E, {
-			className: X.variant[r],
-			children: _e
+		onOpenChange: V,
+		shouldCloseOnInteractOutside: (e) => B.topmost && St(e),
+		style: { zIndex: B.zIndex },
+		children: /* @__PURE__ */ m(_e, {
+			className: yt.variant[r],
+			children: ue
 		})
 	}))] });
 }
 //#endregion
 //#region src/primitives/Dialog/Dialog.tsx
-function Qe({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Ze, {
+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,
@@ -771,8 +1151,8 @@ function Qe({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Drawer/Drawer.tsx
-function $e({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Ze, {
+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,
@@ -785,7 +1165,7 @@ function $e({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Grid/Grid.tsx
-var et = {
+var Et = {
 	base: { grid: "breeze:grid breeze:min-inline-size-0" },
 	compound: { columns: {
 		1: {
@@ -821,80 +1201,21 @@ var et = {
 	state: {},
 	variant: {}
 };
-function tt({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
-	let { accessibleLabel: s, role: c } = K(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: [
-			et.base.grid,
-			et.compound.columns[i][n],
-			et.size[o]
+			Et.base.grid,
+			Et.compound.columns[i][n],
+			Et.size[o]
 		].join(" "),
 		role: c
 	}, t);
 }
 //#endregion
-//#region src/primitives/Icon/Icon.tsx
-var nt = {
-	add: fe,
-	back: ce,
-	building: j,
-	calendar: ie,
-	camera: ae,
-	check: oe,
-	clock: N,
-	close: he,
-	delete: z,
-	document: le,
-	download: P,
-	expand: se,
-	forward: M,
-	lock: L,
-	money: I,
-	moneyIn: O,
-	moneyOut: k,
-	more: F,
-	next: M,
-	notifications: A,
-	overview: ue,
-	people: me,
-	settings: R,
-	signOut: de,
-	upload: pe,
-	warning: B
-}, rt = {
-	base: { icon: "breeze:block breeze:shrink-0" },
-	compound: {},
-	size: {
-		lg: "breeze:block-size-breeze-6 breeze:inline-size-breeze-6",
-		md: "breeze:block-size-breeze-5 breeze:inline-size-breeze-5",
-		sm: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4"
-	},
-	state: { logicalDirection: "breeze:rtl:rotate-180" },
-	variant: {}
-}, it = /* @__PURE__ */ new Set([
-	"back",
-	"forward",
-	"next"
-]);
-function at({ label: e, name: t, size: n = "md" }) {
-	let r = nt[t], i = e?.trim() || void 0;
-	return /* @__PURE__ */ m(r, {
-		"aria-hidden": i === void 0 || void 0,
-		"aria-label": i,
-		className: [
-			rt.base.icon,
-			rt.size[n],
-			it.has(t) && rt.state.logicalDirection
-		].filter(Boolean).join(" "),
-		focusable: "false",
-		role: i === void 0 ? void 0 : "img",
-		strokeWidth: 1.75
-	});
-}
-//#endregion
 //#region src/primitives/IconTile/IconTile.tsx
-var ot = {
+var Ot = {
 	base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
 	compound: {},
 	size: {
@@ -916,15 +1237,15 @@ var ot = {
 		}
 	}
 };
-function st({ 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: [
-			ot.base.tile,
-			ot.variant.tone[i],
-			ot.variant.shape[n],
-			ot.size[r]
+			Ot.base.tile,
+			Ot.variant.tone[i],
+			Ot.variant.shape[n],
+			Ot.size[r]
 		].join(" "),
-		children: /* @__PURE__ */ m(at, {
+		children: /* @__PURE__ */ m(ot, {
 			label: e,
 			name: t,
 			size: r === "lg" ? "md" : "sm"
@@ -933,7 +1254,7 @@ function st({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
 }
 //#endregion
 //#region src/primitives/Inline/Inline.tsx
-var ct = {
+var At = {
 	base: { inline: "breeze:flex breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -963,23 +1284,23 @@ var ct = {
 		}
 	}
 };
-function lt({ "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 } = K(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: [
-			ct.base.inline,
-			ct.variant.align[o],
-			ct.variant.justify[a],
-			ct.size[i],
-			s && ct.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 Z = {
+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",
@@ -996,17 +1317,17 @@ var Z = {
 	},
 	variant: {}
 };
-function ut({ 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 } = V(), E = i?.trim() || void 0, D = o?.trim() || void 0, ee = a || d;
-	return /* @__PURE__ */ h(ve, {
+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: q.base.root,
+		className: J.base.root,
 		defaultValue: n,
 		form: s,
 		formatOptions: c,
 		id: l,
-		isDisabled: ee,
+		isDisabled: A,
 		isInvalid: !d && D !== void 0,
 		isReadOnly: b,
 		isRequired: S,
@@ -1018,23 +1339,23 @@ function ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 		validationBehavior: "aria",
 		value: w,
 		children: [
-			/* @__PURE__ */ m(Pe, {
+			/* @__PURE__ */ m(Ve, {
 				label: u,
 				loading: d
 			}),
-			/* @__PURE__ */ h(ge, {
-				className: J(Z.base.group, b && !d && Z.state.readOnlyGroup, d && Z.state.loadingGroup),
+			/* @__PURE__ */ h(O, {
+				className: Y(Q.base.group, b && !d && Q.state.readOnlyGroup, d && Q.state.loadingGroup),
 				children: [
-					/* @__PURE__ */ m(_e, {
+					/* @__PURE__ */ m(k, {
 						"aria-busy": d || void 0,
-						className: J(q.base.input, Z.base.input, d && Z.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: J(Z.base.stepButton, d && Z.state.loadingStepButton),
+						className: Y(Q.base.stepButton, d && Q.state.loadingStepButton),
 						render: (e) => r("button", {
 							...e,
 							"aria-hidden": d || void 0,
@@ -1045,7 +1366,7 @@ function ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						children: "−"
 					}),
 					/* @__PURE__ */ m(g, {
-						className: J(Z.base.stepButton, d && Z.state.loadingStepButton),
+						className: Y(Q.base.stepButton, d && Q.state.loadingStepButton),
 						render: (e) => r("button", {
 							...e,
 							"aria-hidden": d || void 0,
@@ -1056,8 +1377,8 @@ function ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 						children: "+"
 					}),
 					d && /* @__PURE__ */ m("span", {
-						className: Z.base.skeleton,
-						children: /* @__PURE__ */ m(U, {
+						className: Q.base.skeleton,
+						children: /* @__PURE__ */ m(K, {
 							blockSize: "100%",
 							inlineSize: "100%",
 							label: T.loading,
@@ -1066,7 +1387,7 @@ function ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 					})
 				]
 			}),
-			/* @__PURE__ */ m(Fe, {
+			/* @__PURE__ */ m(He, {
 				description: E,
 				error: D,
 				loading: d
@@ -1076,8 +1397,8 @@ function ut({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
 }
 //#endregion
 //#region src/primitives/Popover/Popover.tsx
-function dt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
-	return /* @__PURE__ */ m(Ze, {
+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,
@@ -1090,8 +1411,140 @@ function dt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 	});
 }
 //#endregion
+//#region src/primitives/Select/Select.tsx
+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: {}
+};
+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
+			})
+		})
+	});
+}
+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 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
+	})), [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,
+		autoComplete: e,
+		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: N,
+		children: [
+			/* @__PURE__ */ m(Ve, {
+				htmlFor: j,
+				label: _,
+				loading: v,
+				onClick: () => ee.current?.focus()
+			}),
+			/* @__PURE__ */ h("div", {
+				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: J.base.skeleton,
+					children: /* @__PURE__ */ m(K, {
+						blockSize: "100%",
+						inlineSize: "100%",
+						label: T.loading,
+						shape: "rectangle"
+					})
+				})]
+			}),
+			/* @__PURE__ */ m(Lt, {
+				disabled: O,
+				items: M,
+				readOnly: S,
+				triggerRef: ee
+			}),
+			/* @__PURE__ */ m(It, {
+				form: c,
+				interactionDisabled: O,
+				name: y,
+				readOnly: S
+			}),
+			/* @__PURE__ */ m(He, {
+				description: E,
+				error: D,
+				loading: v
+			})
+		]
+	});
+}
+//#endregion
 //#region src/primitives/Separator/Separator.tsx
-var ft = {
+var zt = {
 	base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -1101,15 +1554,15 @@ var ft = {
 		vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
 	}
 };
-function pt({ orientation: e = "horizontal" }) {
+function Bt({ orientation: e = "horizontal" }) {
 	return /* @__PURE__ */ m("hr", {
 		"aria-orientation": e,
-		className: [ft.base.separator, ft.variant[e]].join(" ")
+		className: [zt.base.separator, zt.variant[e]].join(" ")
 	});
 }
 //#endregion
 //#region src/primitives/Stack/Stack.tsx
-var mt = {
+var Vt = {
 	base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
 	compound: {},
 	size: {
@@ -1131,24 +1584,24 @@ var mt = {
 		stretch: "breeze:items-stretch"
 	}
 };
-function ht({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
-	let { accessibleLabel: o, role: s } = K(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: [
-			mt.base.stack,
-			mt.variant[a],
-			mt.size[i]
+			Vt.base.stack,
+			Vt.variant[a],
+			Vt.size[i]
 		].join(" "),
 		role: s
 	}, t);
 }
 //#endregion
 //#region src/primitives/TextField/TextField.tsx
-function gt({ 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 } = V(), x = r?.trim() || void 0, S = a?.trim() || void 0, C = i || l;
-	return /* @__PURE__ */ h(ye, {
-		className: q.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,
@@ -1162,23 +1615,23 @@ function gt({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 		validationBehavior: "aria",
 		value: y,
 		children: [
-			/* @__PURE__ */ m(Pe, {
+			/* @__PURE__ */ m(Ve, {
 				label: c,
 				loading: l
 			}),
 			/* @__PURE__ */ h("span", {
-				className: q.base.control,
-				children: [/* @__PURE__ */ m(_e, {
+				className: J.base.control,
+				children: [/* @__PURE__ */ m(k, {
 					"aria-busy": l || void 0,
-					className: J(q.base.input, l && q.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: q.base.skeleton,
-					children: /* @__PURE__ */ m(U, {
+					className: J.base.skeleton,
+					children: /* @__PURE__ */ m(K, {
 						blockSize: "100%",
 						inlineSize: "100%",
 						label: b.loading,
@@ -1186,7 +1639,7 @@ function gt({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 					})
 				})]
 			}),
-			/* @__PURE__ */ m(Fe, {
+			/* @__PURE__ */ m(He, {
 				description: x,
 				error: S,
 				loading: l
@@ -1196,18 +1649,18 @@ function gt({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
 }
 //#endregion
 //#region src/primitives/Toast/Toast.tsx
-var _t = 2600, vt = "BreezeProvider toastLimit must be a positive integer.", yt = "Toast components must be rendered within BreezeProvider.";
-function bt(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 xt(e, t, n, r) {
+function Jt(e, t, n, r) {
 	let i = Number(e.target.dataset.breezeToastId);
-	t.has(i) && (bt(e) ? n(i) : r(i));
+	t.has(i) && (qt(e) ? n(i) : r(i));
 }
-var St = n(null), Ct = n(!0), wt = n(null);
-function Tt({ children: e }) {
-	V();
-	let t = a(Ct), n = a(wt), [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(() => {
@@ -1225,15 +1678,15 @@ function Tt({ children: e }) {
 		"aria-live": "polite",
 		className: "breeze-toast",
 		role: "status",
-		children: [/* @__PURE__ */ m(at, {
+		children: [/* @__PURE__ */ m(ot, {
 			name: "check",
 			size: "sm"
 		}), /* @__PURE__ */ m("span", { children: r })]
 	});
 }
-function Et({ children: e, limit: t }) {
-	let n = qe(), r = Ve(), 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(vt);
+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);
@@ -1268,7 +1721,7 @@ function Et({ children: e, limit: t }) {
 		if (!s || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
 		let n = t ?? {
 			handle: null,
-			remaining: _t,
+			remaining: Wt,
 			startedAt: null
 		};
 		if (n.remaining <= 0) {
@@ -1302,7 +1755,7 @@ function Et({ children: e, limit: t }) {
 		}
 		let o, c = setTimeout(() => {
 			o = new IntersectionObserver((e) => {
-				e.forEach((e) => xt(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);
 			});
@@ -1319,29 +1772,29 @@ function Et({ children: e, limit: t }) {
 		E,
 		D
 	]), o(() => C, [C]);
-	let ee = f.slice(0, t), te = new Set(ee.map(({ id: e }) => e)), ne = f.filter(({ id: e }) => te.has(e) || v.current.has(e));
-	return /* @__PURE__ */ m(Ct, {
+	let O = f.slice(0, t), k = new Set(O.map(({ id: e }) => e)), A = f.filter(({ id: e }) => k.has(e) || v.current.has(e));
+	return /* @__PURE__ */ m(Xt, {
 		value: s,
-		children: /* @__PURE__ */ h(St, {
+		children: /* @__PURE__ */ h(Yt, {
 			value: x,
-			children: [e, n && be(/* @__PURE__ */ m("div", {
+			children: [e, n && we(/* @__PURE__ */ m("div", {
 				ref: a,
 				className: "breeze-toast-region",
 				"data-breeze-toast-region": "",
 				"data-live-announcer": "",
 				"data-react-aria-top-layer": "",
 				style: { zIndex: r },
-				children: ne.map(({ id: e, message: t }) => {
-					let n = !te.has(e);
+				children: A.map(({ id: e, message: t }) => {
+					let n = !k.has(e);
 					return /* @__PURE__ */ m("div", {
 						"aria-hidden": n ? "true" : void 0,
 						"data-breeze-toast-id": e,
 						hidden: n,
-						children: /* @__PURE__ */ m(wt, {
+						children: /* @__PURE__ */ m(Zt, {
 							value: y.current.get(e) ?? null,
-							children: /* @__PURE__ */ m(Ct, {
+							children: /* @__PURE__ */ m(Xt, {
 								value: s && !n,
-								children: /* @__PURE__ */ m(Tt, { children: t })
+								children: /* @__PURE__ */ m(Qt, { children: t })
 							})
 						})
 					}, e);
@@ -1350,14 +1803,14 @@ function Et({ children: e, limit: t }) {
 		})
 	});
 }
-function Dt() {
-	let e = a(St);
-	if (e === null) throw Error(yt);
+function en() {
+	let e = a(Yt);
+	if (e === null) throw Error(Kt);
 	return e;
 }
 //#endregion
 //#region src/primitives/Typography/Typography.tsx
-var Q = {
+var $ = {
 	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
 	compound: {},
 	size: {},
@@ -1393,10 +1846,10 @@ var Q = {
 		}
 	}
 };
-function Ot(e) {
+function tn(e) {
 	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
 }
-function kt(e, t, n, r) {
+function nn(e, t, n, r) {
 	let i;
 	try {
 		i = new Intl.NumberFormat(n, {
@@ -1410,10 +1863,10 @@ function kt(e, t, n, r) {
 	}
 	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
 }
-function At(e, t, n) {
+function rn(e, t, n) {
 	let r;
 	try {
-		r = xe(e).toDate("UTC");
+		r = Te(e).toDate("UTC");
 	} catch {
 		return e;
 	}
@@ -1422,15 +1875,15 @@ function At(e, t, n) {
 		timeZone: "UTC"
 	}).format(r);
 }
-function jt(e, t, n) {
-	return e.loading ? /* @__PURE__ */ m(U, {
+function an(e, t, n) {
+	return e.loading ? /* @__PURE__ */ m(K, {
 		blockSize: "1lh",
 		inlineSize: "8em",
 		label: n
-	}) : e.format === "currency" ? kt(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? At(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 Mt(e) {
-	let { locale: t, messages: n } = V(), { "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 ?? Ot(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = jt(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",
@@ -1439,18 +1892,18 @@ function Mt(e) {
 	return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
 		children: S
-	}), /* @__PURE__ */ m(Oe, { children: y })] })), r(v, {
+	}), /* @__PURE__ */ m(Ne, { children: y })] })), r(v, {
 		"aria-busy": u || void 0,
 		"aria-label": T || w ? y : void 0,
 		className: [
-			Q.base.text,
-			Q.variant.role[_],
-			Q.variant.tone[f],
-			Q.variant.align[b],
-			x && Q.state.aligned,
-			u && v === "span" && !x && Q.state.inlineLoading,
-			d && _ !== "money" && Q.state.numeric,
-			g && Q.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,
@@ -1459,7 +1912,7 @@ function Mt(e) {
 }
 //#endregion
 //#region src/provider/en-GB.ts
-var $ = {
+var sn = {
 	appearance: "Appearance",
 	appearanceAutomatic: "Auto",
 	appearanceDark: "Dark",
@@ -1469,11 +1922,11 @@ var $ = {
 };
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-function Nt(e, t) {
+function cn(e, t) {
 	return e === "automatic" ? t ? "dark" : "light" : e;
 }
-function Pt({ children: e }) {
-	let { direction: t, locale: n } = re();
+function ln({ children: e }) {
+	let { direction: t, locale: n } = P();
 	return /* @__PURE__ */ m("div", {
 		"data-breeze-root": "",
 		dir: t,
@@ -1481,8 +1934,8 @@ function Pt({ children: e }) {
 		children: e
 	});
 }
-function Ft({ 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 = Nt(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);
@@ -1499,20 +1952,20 @@ function Ft({ 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(ne, {
+	return /* @__PURE__ */ m(N, {
 		locale: r,
-		children: /* @__PURE__ */ m(Se, {
+		children: /* @__PURE__ */ m(Ee, {
 			value: l(() => ({
 				appearance: y,
 				getMessageLocale: S,
 				locale: r,
 				messages: {
-					appearance: a?.appearance ?? $.appearance,
-					appearanceAutomatic: a?.appearanceAutomatic ?? $.appearanceAutomatic,
-					appearanceDark: a?.appearanceDark ?? $.appearanceDark,
-					appearanceLight: a?.appearanceLight ?? $.appearanceLight,
-					close: a?.close ?? $.close,
-					loading: a?.loading ?? $.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
@@ -1524,18 +1977,18 @@ function Ft({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
 				b,
 				x
 			]),
-			children: /* @__PURE__ */ m(Ke, {
+			children: /* @__PURE__ */ m(Qe, {
 				locale: r,
 				portalContainer: u,
-				children: /* @__PURE__ */ m(Et, {
+				children: /* @__PURE__ */ m($t, {
 					limit: f,
-					children: /* @__PURE__ */ m(Pt, { children: t })
+					children: /* @__PURE__ */ m(ln, { children: t })
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { Te as AppearanceControl, ke as Badge, Ft as BreezeProvider, je as Button, Ne as Card, Ie as Checkbox, Re as Container, Qe as Dialog, $e as Drawer, tt as Grid, at as Icon, st as IconTile, lt as Inline, ut as NumberField, dt as Popover, pt as Separator, U as Skeleton, ht as Stack, gt as TextField, Tt as Toast, Mt as Typography, Oe as VisuallyHidden, Dt 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