@motech-development/breeze-ui 4.4.0 → 4.6.0

package/lib/index.js

@@ -5,24 +5,43 @@ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Button as g } from "react-aria-components/Button";
 import { ProgressBarContext as _ } from "react-aria-components/ProgressBar";
 import { useSlottedContext as v } from "react-aria-components/slots";
-import { Dialog as y } from "react-aria-components/Dialog";
-import { Modal as b, ModalOverlay as x } from "react-aria-components/Modal";
-import { Popover as S } from "react-aria-components/Popover";
-import { UNSAFE_PortalProvider as C } from "react-aria/PortalProvider";
-import { I18nProvider as w, useLocale as T } from "react-aria-components/I18nProvider";
-import { ArrowDownLeft as E, ArrowUpRight as D, Bell as ee, Building2 as te, CalendarDays as ne, Camera as re, Check as O, ChevronDown as k, ChevronLeft as A, ChevronRight as j, Clock3 as ie, Download as M, Ellipsis as ae, FileText as oe, House as se, List as N, LockKeyhole as P, LogOut as F, Plus as I, Settings as ce, Trash2 as le, TriangleAlert as L, Upload as R, Users as ue, X as z } from "lucide-react";
-import { createPortal as B } from "react-dom";
-import { parseDate as V } from "@internationalized/date";
+import { useObjectRef as y } from "react-aria/useObjectRef";
+import { CheckboxButton as b, CheckboxField as x } from "react-aria-components/Checkbox";
+import { FieldError as S } from "react-aria-components/FieldError";
+import { Label as C } from "react-aria-components/Label";
+import { Text as w } from "react-aria-components/Text";
+import { ComboBox as T, ComboBoxStateContext as E, useFilter as D } from "react-aria-components/ComboBox";
+import { Group as O } from "react-aria-components/Group";
+import { Input as k } from "react-aria-components/Input";
+import { ListBox as A, ListBoxItem as j } from "react-aria-components/ListBox";
+import { 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 { 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";
 //#region src/provider/BreezeContext.ts
-var H = n(null);
-function U() {
-	let e = a(H);
+var je = n(null);
+function q() {
+	let e = a(je);
 	if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return e;
 }
 //#endregion
 //#region src/patterns/AppearanceControl/AppearanceControl.tsx
-var W = {
+var Me = {
 	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",
@@ -33,7 +52,7 @@ var W = {
 	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: {}
-}, de = [
+}, Ne = [
 	{
 		message: "appearanceLight",
 		value: "light"
@@ -47,30 +66,30 @@ var W = {
 		value: "dark"
 	}
 ];
-function fe(e) {
-	return de.some((t) => t.value === e);
+function Pe(e) {
+	return Ne.some((t) => t.value === e);
 }
-function pe() {
-	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = U();
+function Fe() {
+	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = q();
 	return /* @__PURE__ */ h("div", {
-		className: W.base.control,
+		className: Me.base.control,
 		children: [/* @__PURE__ */ m("span", {
-			className: W.base.label,
+			className: Me.base.label,
 			lang: r("appearance"),
 			children: i.appearance
 		}), /* @__PURE__ */ m(t, {
 			"aria-label": i.appearance,
-			className: W.base.group,
+			className: Me.base.group,
 			disallowEmptySelection: !0,
 			lang: r("appearance"),
 			onSelectionChange: (e) => {
 				let [t] = e;
-				fe(t) && a(t);
+				Pe(t) && a(t);
 			},
 			selectedKeys: [n],
 			selectionMode: "single",
-			children: de.map((t) => /* @__PURE__ */ m(e, {
-				className: [W.base.option, W.state.selected].join(" "),
+			children: Ne.map((t) => /* @__PURE__ */ m(e, {
+				className: [Me.base.option, Me.state.selected].join(" "),
 				id: t.value,
 				lang: r(t.message),
 				children: i[t.message]
@@ -80,7 +99,7 @@ function pe() {
 }
 //#endregion
 //#region src/primitives/Skeleton/Skeleton.tsx
-var G = {
+var Ie = {
 	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: {},
@@ -91,37 +110,37 @@ var G = {
 		text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
 	}
 };
-function me({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
-	let { getMessageLocale: i, messages: a } = U(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
+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 = {
 		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: [G.base.skeleton, G.variant[r]].join(" "),
+		className: [Ie.base.skeleton, Ie.variant[r]].join(" "),
 		lang: o === a.loading.trim() ? i("loading") : void 0,
 		style: c
 	});
 }
 //#endregion
 //#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
-var he = {
+var Le = {
 	base: { hidden: "breeze:sr-only" },
 	compound: {},
 	size: {},
 	state: {},
 	variant: {}
 };
-function ge({ children: e }) {
+function Re({ children: e }) {
 	return /* @__PURE__ */ m("span", {
-		className: he.base.hidden,
+		className: Le.base.hidden,
 		children: e
 	});
 }
 //#endregion
 //#region src/primitives/Badge/Badge.tsx
-var K = {
+var ze = {
 	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]",
@@ -138,29 +157,29 @@ var K = {
 		warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
 	}
 };
-function _e({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
-	let { messages: i } = U(), a = e?.trim() || void 0, o;
+function Be({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
+	let { messages: i } = q(), a = e?.trim() || void 0, o;
 	return n ? o = /* @__PURE__ */ m("span", {
-		className: K.base.skeleton,
-		children: /* @__PURE__ */ m(me, {
+		className: ze.base.skeleton,
+		children: /* @__PURE__ */ m(J, {
 			blockSize: 8,
 			inlineSize: "100%",
 			label: i.loading,
 			shape: "rectangle"
 		})
-	}) : a !== void 0 && (o = /* @__PURE__ */ m(ge, { children: a })), /* @__PURE__ */ h("span", {
+	}) : a !== void 0 && (o = /* @__PURE__ */ m(Re, { children: a })), /* @__PURE__ */ h("span", {
 		"aria-busy": n || void 0,
-		className: [K.base.badge, K.variant[r]].join(" "),
+		className: [ze.base.badge, ze.variant[r]].join(" "),
 		children: [/* @__PURE__ */ m("span", {
 			"aria-hidden": n || a !== void 0 ? !0 : void 0,
-			className: [K.base.content, n && K.state.contentLoading].filter(Boolean).join(" "),
+			className: [ze.base.content, n && ze.state.contentLoading].filter(Boolean).join(" "),
 			children: t
 		}), o]
 	});
 }
 //#endregion
 //#region src/primitives/Button/Button.tsx
-var q = {
+var Y = {
 	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]",
@@ -190,23 +209,23 @@ var q = {
 		secondary: "breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:text-breeze-ink breeze:data-[hovered]:bg-breeze-sunken breeze:data-[pressed]:bg-breeze-sunken"
 	}
 };
-function ve() {
-	let e = v(_), { getMessageLocale: t, messages: n } = U();
+function Ve() {
+	let e = v(_), { getMessageLocale: t, messages: n } = q();
 	return /* @__PURE__ */ m("progress", {
 		"aria-label": n.loading,
-		className: q.state.loadingStatus,
+		className: Y.state.loadingStatus,
 		id: e?.id,
 		lang: t("loading")
 	});
 }
-function ye({ "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" }) {
-	U();
+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();
 	let C = [
-		q.base.button,
-		q.variant[S],
-		q.size[y],
-		c && q.state.disabled,
-		d && q.state.loading
+		Y.base.button,
+		Y.variant[S],
+		Y.size[y],
+		c && Y.state.disabled,
+		d && Y.state.loading
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ h(g, {
 		"aria-controls": e,
@@ -232,18 +251,18 @@ function ye({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ar
 		type: b,
 		value: x,
 		children: [/* @__PURE__ */ m("span", {
-			className: [q.base.label, d && q.state.loadingLabel].filter(Boolean).join(" "),
+			className: [Y.base.label, d && Y.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(Ve, {}), /* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: [q.base.skeleton, q.compound.loading[S]].join(" "),
+			className: [Y.base.skeleton, Y.compound.loading[S]].join(" "),
 			"data-breeze-skeleton": ""
 		})] })]
 	});
 }
 //#endregion
 //#region src/primitives/layout.accessibility.ts
-function J(e, t) {
+function Ue(e, t) {
 	let n = e?.trim() || void 0;
 	return {
 		accessibleLabel: n,
@@ -252,7 +271,7 @@ function J(e, t) {
 }
 //#endregion
 //#region src/primitives/Card/Card.tsx
-var be = {
+var We = {
 	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: {
@@ -272,47 +291,149 @@ var be = {
 		surface: "breeze:bg-breeze-surface"
 	}
 };
-function xe({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
-	let { accessibleLabel: s, role: c } = J(e, i);
+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);
 	return r(i, {
 		"aria-label": s,
 		className: [
-			be.base.card,
-			be.variant[o],
-			be.size[a],
-			n && be.state.clipped
+			We.base.card,
+			We.variant[o],
+			We.size[a],
+			n && We.state.clipped
 		].filter(Boolean).join(" "),
 		role: c
 	}, t);
 }
 //#endregion
-//#region src/primitives/Container/Container.tsx
-var Se = {
-	base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
+//#region src/primitives/Field/field.styles.ts
+var X = {
+	base: {
+		control: "breeze:relative breeze:inline-grid breeze:min-inline-size-0 breeze:inline-size-full",
+		description: "breeze:m-0 breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
+		error: "breeze:m-0 breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-danger",
+		input: "breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-offset-2 breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60 breeze:read-only:cursor-default breeze:read-only:bg-breeze-sunken",
+		label: "breeze:m-0 breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink",
+		root: "breeze:flex breeze:min-inline-size-0 breeze:flex-col breeze:gap-breeze-2",
+		skeleton: "breeze:pointer-events-none breeze:absolute breeze:[inset-block:0] breeze:[inset-inline:0]"
+	},
 	compound: {},
-	size: {
-		page: "breeze:max-inline-breeze-page",
-		prose: "breeze:max-inline-breeze-prose",
-		read: "breeze:max-inline-breeze-read"
+	size: {},
+	state: { loadingInput: "breeze:!opacity-0" },
+	variant: {}
+};
+function Z(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/primitives/Field/field.presentation.tsx
+function Ke({ htmlFor: e, id: t, label: n, loading: r }) {
+	return /* @__PURE__ */ m(C, {
+		className: X.base.label,
+		htmlFor: e,
+		id: t,
+		children: r ? /* @__PURE__ */ m(J, {
+			blockSize: "1lh",
+			inlineSize: "12em",
+			shape: "rectangle"
+		}) : n
+	});
+}
+function qe({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
+	return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(w, {
+		className: X.base.description,
+		id: t,
+		slot: "description",
+		children: i ? /* @__PURE__ */ m(J, {
+			blockSize: "1lh",
+			inlineSize: "12em",
+			shape: "rectangle"
+		}) : e
+	}), n && (i ? /* @__PURE__ */ m("span", {
+		"aria-hidden": "true",
+		className: X.base.error,
+		id: r,
+		children: /* @__PURE__ */ m(J, {
+			blockSize: "1lh",
+			inlineSize: "12em",
+			shape: "rectangle"
+		})
+	}) : /* @__PURE__ */ m(S, {
+		className: X.base.error,
+		id: r,
+		children: n
+	}))] });
+}
+//#endregion
+//#region src/primitives/Checkbox/Checkbox.tsx
+var Je = {
+	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",
+		label: "breeze:[grid-area:1/2]",
+		skeleton: "breeze:pointer-events-none breeze:[grid-area:1/2]",
+		skeletonIndicator: "breeze:pointer-events-none breeze:[grid-area:1/1] breeze:block-size-breeze-5 breeze:inline-size-breeze-5"
 	},
-	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 Ce({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
-	let { accessibleLabel: o, role: s } = J(e, n);
-	return r(n, {
-		"aria-label": o,
-		className: [
-			Se.base.container,
-			Se.size[a],
-			i && Se.state.padded
-		].filter(Boolean).join(" "),
-		role: s
-	}, t);
+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;
+	return /* @__PURE__ */ h(x, {
+		className: X.base.root,
+		defaultSelected: e,
+		form: i,
+		id: a,
+		inputRef: S,
+		"aria-label": s ? o : void 0,
+		isDisabled: T,
+		isInvalid: !s && w !== void 0,
+		isReadOnly: u,
+		isRequired: f,
+		isSelected: g,
+		name: c,
+		onChange: l,
+		value: _,
+		validationBehavior: "aria",
+		children: [/* @__PURE__ */ m(b, {
+			className: Je.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, {
+					blockSize: "100%",
+					inlineSize: "100%",
+					shape: "rectangle"
+				})
+			}), /* @__PURE__ */ m("span", {
+				className: Je.base.skeleton,
+				children: /* @__PURE__ */ m(J, {
+					blockSize: "1lh",
+					inlineSize: "12em",
+					label: v.loading,
+					shape: "rectangle"
+				})
+			})] }), !s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				className: Je.base.indicator,
+				"data-focus-visible": e || void 0,
+				"data-selected": t || void 0,
+				children: t ? "✓" : ""
+			}), /* @__PURE__ */ m("span", {
+				className: Je.base.label,
+				children: o
+			})] })] })
+		}), /* @__PURE__ */ m(qe, {
+			description: C,
+			error: w,
+			loading: s
+		})]
+	});
 }
 //#endregion
 //#region src/overlays/OverlayStack.ts
-function we() {
+function Xe() {
 	let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
 	return {
 		getSnapshot: () => e,
@@ -328,15 +449,15 @@ function we() {
 		})
 	};
 }
-var Te = n(null);
-function Ee() {
-	let e = a(Te);
+var Ze = n(null);
+function Qe() {
+	let e = a(Ze);
 	if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return 100 + f(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
 }
-var De = n(null);
-function Oe(e, t, n) {
-	let r = a(Te), i = a(De), o = s();
+var $e = n(null);
+function et(e, t, n) {
+	let r = a(Ze), i = a($e), 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(() => {
@@ -375,12 +496,12 @@ function Oe(e, t, n) {
 }
 //#endregion
 //#region src/overlays/OverlayProvider.tsx
-var ke = n(null), Ae = "BreezeProvider portalContainer must belong to the current document and light DOM.";
-function je({ children: e, portalContainer: t, locale: n }) {
-	let { direction: r } = T(), [i] = d(we), [a, o] = d(null);
+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);
 	return c(() => {
 		let e = t ?? document.body;
-		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(Ae);
+		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(nt);
 		let n = e.ownerDocument.createElement("div");
 		return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n), o(n), () => n.remove();
 	}, [t]), c(() => {
@@ -389,23 +510,725 @@ function je({ children: e, portalContainer: t, locale: n }) {
 		r,
 		a,
 		n
-	]), /* @__PURE__ */ m(C, {
+	]), /* @__PURE__ */ m(P, {
 		getContainer: () => a,
-		children: /* @__PURE__ */ m(Te, {
+		children: /* @__PURE__ */ m(Ze, {
 			value: i,
-			children: /* @__PURE__ */ m(ke, {
+			children: /* @__PURE__ */ m(tt, {
 				value: a,
 				children: e
 			})
 		})
 	});
 }
-function Me() {
-	return a(ke);
+function it() {
+	return a(tt);
+}
+//#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) {
+	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) => {
+		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);
+	}), 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 = () => {
+			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);
+		}, u = (t) => {
+			if (!n(t)) return;
+			let i = x.current, a = ot(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 = ot(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/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,
+	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,
+	people: me,
+	settings: K,
+	signOut: ue,
+	upload: pe,
+	warning: fe
+}, lt = {
+	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: {}
+}, ut = /* @__PURE__ */ new Set([
+	"back",
+	"forward",
+	"next"
+]);
+function dt({ label: e, name: t, size: n = "md" }) {
+	let r = ct[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
+		].filter(Boolean).join(" "),
+		focusable: "false",
+		role: i === void 0 ? void 0 : "img",
+		strokeWidth: 1.75
+	});
+}
+//#endregion
+//#region src/primitives/Collection/DescriptorContent.tsx
+function ft({ descriptor: e, isSelected: t }) {
+	return /* @__PURE__ */ h(p, { children: [
+		e.icon && /* @__PURE__ */ m(dt, {
+			name: e.icon,
+			size: "sm"
+		}),
+		/* @__PURE__ */ h("span", {
+			className: Q.base.content,
+			children: [/* @__PURE__ */ m("span", {
+				className: Q.base.label,
+				children: e.label
+			}), e.description && /* @__PURE__ */ m("span", {
+				className: Q.base.description,
+				children: e.description
+			})]
+		}),
+		e.badge && /* @__PURE__ */ m("span", {
+			className: Q.base.badge,
+			children: /* @__PURE__ */ m(Be, {
+				"aria-label": e.badge["aria-label"],
+				variant: e.badge.variant,
+				children: e.badge.children
+			})
+		}),
+		/* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			className: Q.base.selectedIndicator,
+			children: t && /* @__PURE__ */ m(dt, {
+				name: "check",
+				size: "sm"
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/primitives/Collection/DescriptorOption.tsx
+function pt({ descriptor: e }) {
+	return /* @__PURE__ */ m(j, {
+		className: Q.base.item,
+		id: e.id,
+		isDisabled: e.disabled,
+		textValue: e.label,
+		children: ({ isSelected: t }) => /* @__PURE__ */ m(ft, {
+			descriptor: e,
+			isSelected: t
+		})
+	});
+}
+//#endregion
+//#region src/primitives/ComboBox/ComboBox.tsx
+var mt = {
+	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 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);
+	if (i) return i;
+	if (typeof t == "string" && r) return;
+	let a = n(t).id;
+	return e.find(({ descriptor: e }) => e.id === a);
+}
+function wt(e, t, n) {
+	if (!(e == null || n && typeof e == "string")) return {
+		descriptor: t(e),
+		item: e
+	};
+}
+function Tt(e, t, n, r, i) {
+	return e ? n ? r.find(({ descriptor: e }) => e.id === n.descriptor.id)?.item ?? t : t : i;
+}
+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 Dt({ getItem: e, items: t }) {
+	return /* @__PURE__ */ m(A, {
+		items: t,
+		children: (t) => /* @__PURE__ */ m(pt, { descriptor: e(t) })
+	});
+}
+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);
+	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;
+	}, [
+		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
+	});
+}
+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;
+	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;
+		}
+		if (e === null) {
+			fe(n);
+			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;
+	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,
+		menuTrigger: "input",
+		name: P,
+		onChange: w.handleValueChange,
+		onInputChange: w.handleInputChange,
+		onOpenChange: w.handleOpenChange,
+		value: S === void 0 ? void 0 : w.selectedKey,
+		validationBehavior: "aria",
+		children: [
+			/* @__PURE__ */ m(Ke, {
+				label: p,
+				loading: _
+			}),
+			/* @__PURE__ */ h(O, {
+				className: Z(mt.base.group, _ && mt.state.loadingGroup, b && mt.state.readOnlyGroup),
+				ref: A,
+				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,
+						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
+					}),
+					/* @__PURE__ */ m(g, {
+						"aria-describedby": ee,
+						className: Z(mt.base.trigger, _ && mt.state.loadingTrigger),
+						children: /* @__PURE__ */ m(dt, {
+							name: "expand",
+							size: "sm"
+						})
+					}),
+					_ && /* @__PURE__ */ m("span", {
+						className: mt.base.skeleton,
+						children: /* @__PURE__ */ m(J, {
+							blockSize: "100%",
+							inlineSize: "100%",
+							label: C.loading,
+							shape: "rectangle"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ m(Ot, {
+				allowsCustomValue: t,
+				getItem: l,
+				hasSuggestions: w.collectionItems.length > 0,
+				isDisabled: k,
+				isReadOnly: b,
+				items: w.collectionItems,
+				triggerRef: A
+			}),
+			/* @__PURE__ */ m(qe, {
+				description: E,
+				descriptionId: M,
+				error: D,
+				errorId: N,
+				loading: _
+			})
+		]
+	});
+}
+function Ht(e) {
+	return /* @__PURE__ */ m(Vt, { props: e });
+}
+//#endregion
+//#region src/primitives/Container/Container.tsx
+var Ut = {
+	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 Wt({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
+	let { accessibleLabel: o, role: s } = Ue(e, n);
+	return r(n, {
+		"aria-label": o,
+		className: [
+			Ut.base.container,
+			Ut.size[a],
+			i && Ut.state.padded
+		].filter(Boolean).join(" "),
+		role: s
+	}, t);
 }
 //#endregion
 //#region src/overlays/OverlaySurface.tsx
-var Y = {
+var Gt = {
 	base: {
 		content: "breeze-overlay-content",
 		header: "breeze-overlay-header",
@@ -420,26 +1243,26 @@ var Y = {
 		fullscreen: "breeze-fullscreen",
 		popover: "breeze-popover"
 	}
-}, Ne = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
-function X(e) {
+}, Kt = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function qt(e) {
 	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
 }
-function Pe(e) {
+function Jt(e) {
 	return e.dataset?.breezeOverlay !== void 0;
 }
-function Fe({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, onOpenChange: s, open: f, placement: g = "bottom", title: _, trigger: v }) {
-	let { getMessageLocale: C, messages: w } = U(), T = r === "popover" || r === "fullscreen", E = Me(), D = a(De), [ee, te] = d(D === null);
-	o(() => te(!0), []);
-	let [ne, re] = d(t), O = f ?? ne, k = D?.open ?? !0, A = O && k, j = u(null), ie = u(null), M = u(null), [ae, oe] = d(!1), se = u(!1), N = u(null), P = u(null), F = u(null), I = u(null), ce = u(!1);
+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);
+	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);
 	c(() => {
-		if (E && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || E.ownerDocument !== document || E.getRootNode() !== document)) throw Error(Ne);
-	}, [E]);
-	let le = l(() => r === "fullscreen" ? { current: E } : j, [E, r]), L = Oe(r, A && ee && E !== null, A || ae), R = i((e) => {
+		if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(Kt);
+	}, [S]);
+	let ie = l(() => r === "fullscreen" ? { current: S } : j, [S, r]), z = et(r, A && w && S !== null, A || P), B = i((e) => {
 		if (!e && !k) {
-			if (ce.current) return;
-			O && (ce.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,
@@ -447,187 +1270,187 @@ function Fe({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
 		O
 	]);
 	o(() => {
-		k ? ce.current = !1 : O && R(!1);
+		k ? re.current = !1 : O && B(!1);
 	}, [
-		R,
+		B,
 		k,
 		O
 	]), o(() => {
-		if (r !== "popover" || !A || !n || !L.topmost || !E) return;
+		if (r !== "popover" || !A || !n || !z.topmost || !S) return;
 		let e = () => {
-			P.current !== null && (clearTimeout(P.current), P.current = null);
-		}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => X(e) && !ie.current?.contains(e) && !j.current?.contains(e), o = (t) => {
-			i(t) && (e(), I.current = null, F.current = X(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) => qt(e) && !M.current?.contains(e) && !j.current?.contains(e), o = (t) => {
+			i(t) && (e(), R.current = null, L.current = qt(t.target) ? t.target : null);
 		}, s = (n) => {
 			if (!i(n)) return;
-			let r = F.current, o = X(n.target) ? n.target : null;
-			!a(r) || !a(o) || (e(), P.current = setTimeout(() => {
-				P.current = null;
-				let e = I.current, n = F.current;
-				I.current = null, F.current = null, !(t(e, o) && t(e, n)) && R(!1);
+			let r = L.current, o = qt(n.target) ? n.target : null;
+			!a(r) || !a(o) || (e(), I.current = setTimeout(() => {
+				I.current = null;
+				let e = R.current, n = L.current;
+				R.current = null, L.current = null, !(t(e, o) && t(e, n)) && B(!1);
 			}, 0));
 		}, c = () => {
-			e(), I.current = null, F.current = null;
+			e(), R.current = null, L.current = null;
 		}, l = (n) => {
-			let r = X(n.target) ? n.target : null;
+			let r = qt(n.target) ? n.target : null;
 			if (e(), a(r)) {
-				let e = I.current, n = F.current;
-				if (I.current = null, F.current = null, t(e, r) && t(e, n)) return;
-				R(!1);
+				let e = R.current, n = L.current;
+				if (R.current = null, L.current = null, t(e, r) && t(e, n)) return;
+				B(!1);
 			}
 		};
-		return E.ownerDocument.addEventListener("pointerdown", o, !0), E.ownerDocument.addEventListener("pointerup", s, !0), E.ownerDocument.addEventListener("pointercancel", c, !0), E.ownerDocument.addEventListener("click", l, !0), () => {
-			e(), E.ownerDocument.removeEventListener("pointerdown", o, !0), E.ownerDocument.removeEventListener("pointerup", s, !0), E.ownerDocument.removeEventListener("pointercancel", c, !0), E.ownerDocument.removeEventListener("click", l, !0), I.current = null, F.current = null;
+		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;
 		};
 	}, [
-		R,
+		B,
 		n,
-		E,
+		S,
 		r,
-		L.topmost,
+		z.topmost,
 		A
 	]);
-	let ue = D?.restoreFocus, z = D?.id, B = i(() => {
-		let e = j.current, t = E?.ownerDocument, n = t?.activeElement;
-		if (!t || !E) return;
-		let r = z ? t.getElementById(z) : null;
+	let V = C?.restoreFocus, H = C?.id, ae = i(() => {
+		let e = j.current, t = S?.ownerDocument, n = t?.activeElement;
+		if (!t || !S) return;
+		let r = H ? t.getElementById(H) : null;
 		if (!(n === t.body || n === r || n?.closest("[data-exiting]"))) return;
 		if (!e?.isConnected) {
-			ue?.();
+			V?.();
 			return;
 		}
-		let i = E.querySelector("[data-breeze-topmost=\"true\"]");
+		let i = S.querySelector("[data-breeze-topmost=\"true\"]");
 		(!i || i.contains(e)) && !e.closest("[inert], [aria-hidden=\"true\"]") && e.focus({ preventScroll: !0 });
 	}, [
-		E,
-		z,
-		ue
-	]), V = i(() => {
-		N.current !== null && (clearTimeout(N.current), N.current = null);
-	}, []), H = i((e) => {
+		S,
+		H,
+		V
+	]), U = i(() => {
+		ne.current !== null && (clearTimeout(ne.current), ne.current = null);
+	}, []), oe = i((e) => {
 		queueMicrotask(() => {
-			!e.isConnected || e.closest("[inert], [data-exiting]") || (V(), e.focus({ preventScroll: !0 }), N.current = setTimeout(() => {
+			!e.isConnected || e.closest("[inert], [data-exiting]") || (U(), e.focus({ preventScroll: !0 }), ne.current = setTimeout(() => {
 				let { ownerDocument: t } = e, { activeElement: n } = t;
-				e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (se.current = !0, e.blur(), e.focus({ preventScroll: !0 }), se.current = !1), N.current = null;
+				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;
 			}, 500));
 		});
-	}, [V]), W = u(A);
+	}, [U]), se = u(A);
 	o(() => {
-		let e = W.current;
-		W.current = A, !(!T || !A || e || !M.current) && H(M.current);
+		let e = se.current;
+		se.current = A, !(!x || !A || e || !N.current) && oe(N.current);
 	}, [
-		H,
-		T,
+		oe,
+		x,
 		A
 	]);
-	let de = i((e) => {
-		M.current = e;
+	let ce = i((e) => {
+		N.current = e;
 		let t = () => {
-			V(), M.current = null, oe(!1), requestAnimationFrame(B);
+			U(), N.current = null, te(!1), requestAnimationFrame(ae);
 		};
 		if (!e) {
 			t();
 			return;
 		}
-		return oe(!0), T && H(e), t;
+		return te(!0), x && oe(e), t;
 	}, [
-		V,
-		H,
-		T,
-		B
-	]), fe = l(() => ({
-		id: L.id,
+		U,
+		oe,
+		x,
+		ae
+	]), W = l(() => ({
+		id: z.id,
 		open: A,
-		restoreFocus: B
+		restoreFocus: ae
 	}), [
-		L.id,
+		z.id,
 		A,
-		B
-	]), pe = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		className: Y.base.header,
+		ae
+	]), le = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
+		className: Gt.base.header,
 		children: [/* @__PURE__ */ m("h2", {
-			className: Y.base.title,
+			className: Gt.base.title,
 			children: _
 		}), /* @__PURE__ */ m("span", {
-			lang: C("close"),
-			children: /* @__PURE__ */ m(ye, {
-				onAction: () => R(!1),
+			lang: y("close"),
+			children: /* @__PURE__ */ m(He, {
+				onAction: () => B(!1),
 				variant: "quiet",
-				children: w.close
+				children: b.close
 			})
 		})]
-	}), e] }), G = /* @__PURE__ */ m(De, {
-		value: fe,
-		children: T ? /* @__PURE__ */ m("section", {
+	}), e] }), ue = /* @__PURE__ */ m($e, {
+		value: W,
+		children: x ? /* @__PURE__ */ m("section", {
 			"aria-label": _,
-			className: Y.base.content,
-			id: L.id,
+			className: Gt.base.content,
+			id: z.id,
 			onBlur: (e) => {
-				if (se.current) {
+				if (F.current) {
 					e.stopPropagation();
 					return;
 				}
 				let { relatedTarget: t } = e;
-				r === "popover" && n && L.topmost && X(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (I.current = t);
+				r === "popover" && n && z.topmost && qt(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (R.current = t);
 			},
-			ref: de,
+			ref: ce,
 			role: "dialog",
 			tabIndex: -1,
-			children: pe
-		}) : /* @__PURE__ */ m(y, {
+			children: le
+		}) : /* @__PURE__ */ m(ge, {
 			"aria-label": _,
-			className: Y.base.content,
-			id: L.id,
-			ref: de,
-			children: pe
+			className: Gt.base.content,
+			id: z.id,
+			ref: ce,
+			children: le
 		})
 	});
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ye, {
-		"aria-controls": A ? L.id : void 0,
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(He, {
+		"aria-controls": A ? z.id : void 0,
 		"aria-expanded": A,
 		"aria-haspopup": "dialog",
-		onAction: () => R(!T || !A),
+		onAction: () => B(!x || !A),
 		ref: j,
 		children: v
-	}), E && ee && (T ? /* @__PURE__ */ m(S, {
-		className: Y.variant[r],
+	}), S && w && (x ? /* @__PURE__ */ m(ee, {
+		className: Gt.variant[r],
 		"data-breeze-overlay": r,
-		"data-breeze-topmost": L.topmost,
-		"data-breeze-interactive": L.interactive,
-		inert: !L.interactive,
+		"data-breeze-topmost": z.topmost,
+		"data-breeze-interactive": z.interactive,
+		inert: !z.interactive,
 		isNonModal: !0,
 		isOpen: A,
-		isKeyboardDismissDisabled: !n || !L.topmost,
-		onOpenChange: R,
+		isKeyboardDismissDisabled: !n || !z.topmost,
+		onOpenChange: B,
 		placement: g,
-		ref: ie,
-		shouldCloseOnInteractOutside: (e) => r === "popover" && n && L.topmost && !j.current?.contains(e),
-		style: { zIndex: L.zIndex },
-		triggerRef: le,
-		children: G
-	}) : /* @__PURE__ */ m(x, {
+		ref: M,
+		shouldCloseOnInteractOutside: (e) => r === "popover" && n && z.topmost && !j.current?.contains(e),
+		style: { zIndex: z.zIndex },
+		triggerRef: ie,
+		children: ue
+	}) : /* @__PURE__ */ m(ve, {
 		className: "breeze-overlay-backdrop",
 		"data-breeze-overlay": r,
-		"data-breeze-scrim": L.scrim,
-		"data-breeze-topmost": L.topmost,
-		"data-breeze-interactive": L.interactive,
-		inert: !L.interactive,
-		isDismissable: n && L.topmost,
-		isKeyboardDismissDisabled: !n || !L.topmost,
+		"data-breeze-scrim": z.scrim,
+		"data-breeze-topmost": z.topmost,
+		"data-breeze-interactive": z.interactive,
+		inert: !z.interactive,
+		isDismissable: n && z.topmost,
+		isKeyboardDismissDisabled: !n || !z.topmost,
 		isOpen: A,
-		onOpenChange: R,
-		shouldCloseOnInteractOutside: (e) => L.topmost && Pe(e),
-		style: { zIndex: L.zIndex },
-		children: /* @__PURE__ */ m(b, {
-			className: Y.variant[r],
-			children: G
+		onOpenChange: B,
+		shouldCloseOnInteractOutside: (e) => z.topmost && Jt(e),
+		style: { zIndex: z.zIndex },
+		children: /* @__PURE__ */ m(_e, {
+			className: Gt.variant[r],
+			children: ue
 		})
 	}))] });
 }
 //#endregion
 //#region src/primitives/Dialog/Dialog.tsx
-function Ie({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Fe, {
+function Xt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(Yt, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -640,8 +1463,8 @@ function Ie({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Drawer/Drawer.tsx
-function Le({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
-	return /* @__PURE__ */ m(Fe, {
+function Zt({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(Yt, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -654,7 +1477,7 @@ function Le({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 }
 //#endregion
 //#region src/primitives/Grid/Grid.tsx
-var Re = {
+var Qt = {
 	base: { grid: "breeze:grid breeze:min-inline-size-0" },
 	compound: { columns: {
 		1: {
@@ -690,80 +1513,21 @@ var Re = {
 	state: {},
 	variant: {}
 };
-function ze({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
-	let { accessibleLabel: s, role: c } = J(e, a);
+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);
 	return r(a, {
 		"aria-label": s,
 		className: [
-			Re.base.grid,
-			Re.compound.columns[i][n],
-			Re.size[o]
+			Qt.base.grid,
+			Qt.compound.columns[i][n],
+			Qt.size[o]
 		].join(" "),
 		role: c
 	}, t);
 }
 //#endregion
-//#region src/primitives/Icon/Icon.tsx
-var Be = {
-	add: I,
-	back: A,
-	building: te,
-	calendar: ne,
-	camera: re,
-	check: O,
-	clock: ie,
-	close: z,
-	delete: le,
-	document: oe,
-	download: M,
-	expand: k,
-	forward: j,
-	lock: P,
-	money: N,
-	moneyIn: E,
-	moneyOut: D,
-	more: ae,
-	next: j,
-	notifications: ee,
-	overview: se,
-	people: ue,
-	settings: ce,
-	signOut: F,
-	upload: R,
-	warning: L
-}, Ve = {
-	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: {}
-}, He = /* @__PURE__ */ new Set([
-	"back",
-	"forward",
-	"next"
-]);
-function Ue({ label: e, name: t, size: n = "md" }) {
-	let r = Be[t], i = e?.trim() || void 0;
-	return /* @__PURE__ */ m(r, {
-		"aria-hidden": i === void 0 || void 0,
-		"aria-label": i,
-		className: [
-			Ve.base.icon,
-			Ve.size[n],
-			He.has(t) && Ve.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 We = {
+var en = {
 	base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
 	compound: {},
 	size: {
@@ -785,15 +1549,15 @@ var We = {
 		}
 	}
 };
-function Ge({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
+function tn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
 	return /* @__PURE__ */ m("span", {
 		className: [
-			We.base.tile,
-			We.variant.tone[i],
-			We.variant.shape[n],
-			We.size[r]
+			en.base.tile,
+			en.variant.tone[i],
+			en.variant.shape[n],
+			en.size[r]
 		].join(" "),
-		children: /* @__PURE__ */ m(Ue, {
+		children: /* @__PURE__ */ m(dt, {
 			label: e,
 			name: t,
 			size: r === "lg" ? "md" : "sm"
@@ -802,7 +1566,7 @@ function Ge({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
 }
 //#endregion
 //#region src/primitives/Inline/Inline.tsx
-var Z = {
+var nn = {
 	base: { inline: "breeze:flex breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -832,24 +1596,121 @@ var Z = {
 		}
 	}
 };
-function Ke({ "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 } = J(e, n);
+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);
 	return r(n, {
 		"aria-label": c,
 		className: [
-			Z.base.inline,
-			Z.variant.align[o],
-			Z.variant.justify[a],
-			Z.size[i],
-			s && Z.state.wrap
+			nn.base.inline,
+			nn.variant.align[o],
+			nn.variant.justify[a],
+			nn.size[i],
+			s && nn.state.wrap
 		].filter(Boolean).join(" "),
 		role: l
 	}, t);
 }
 //#endregion
+//#region src/primitives/NumberField/NumberField.tsx
+var $ = {
+	base: {
+		group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:has-[input[data-invalid]]:border-breeze-danger breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken",
+		input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:rounded-none breeze:bg-transparent breeze:tabular-nums breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
+		skeleton: "breeze:pointer-events-none breeze:absolute breeze:[inset-block:0] breeze:[inset-inline:0]",
+		stepButton: "breeze:min-inline-breeze-md breeze:border-0 breeze:bg-transparent breeze:ps-breeze-2 breeze:pe-breeze-2 breeze:font-breeze-sans breeze:text-breeze-md breeze:font-semibold breeze:leading-none breeze:text-breeze-ink breeze:disabled:cursor-not-allowed breeze:disabled:opacity-50 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap breeze:hover:text-breeze-brand breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand breeze:outline-offset-[-2px]"
+	},
+	compound: {},
+	size: {},
+	state: {
+		loadingGroup: "breeze:!bg-transparent breeze:!border-transparent breeze:!opacity-100 breeze:!overflow-visible",
+		loadingInput: "breeze:!opacity-0",
+		loadingStepButton: "breeze:!opacity-0",
+		readOnlyGroup: "breeze:!bg-breeze-sunken"
+	},
+	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;
+	return /* @__PURE__ */ h(ye, {
+		autoFocus: t,
+		"aria-label": d ? u : void 0,
+		className: X.base.root,
+		defaultValue: n,
+		form: s,
+		formatOptions: c,
+		id: l,
+		isDisabled: A,
+		isInvalid: !d && D !== void 0,
+		isReadOnly: b,
+		isRequired: S,
+		maxValue: f,
+		minValue: p,
+		name: _,
+		onChange: v,
+		step: C,
+		validationBehavior: "aria",
+		value: w,
+		children: [
+			/* @__PURE__ */ m(Ke, {
+				label: u,
+				loading: d
+			}),
+			/* @__PURE__ */ h(O, {
+				className: Z($.base.group, b && !d && $.state.readOnlyGroup, d && $.state.loadingGroup),
+				children: [
+					/* @__PURE__ */ m(k, {
+						"aria-busy": d || void 0,
+						className: Z(X.base.input, $.base.input, d && $.state.loadingInput),
+						autoComplete: e,
+						placeholder: y,
+						form: s,
+						ref: x
+					}),
+					/* @__PURE__ */ m(g, {
+						className: Z($.base.stepButton, d && $.state.loadingStepButton),
+						render: (e) => r("button", {
+							...e,
+							"aria-hidden": d || void 0,
+							type: "button"
+						}),
+						slot: "decrement",
+						type: "button",
+						children: "−"
+					}),
+					/* @__PURE__ */ m(g, {
+						className: Z($.base.stepButton, d && $.state.loadingStepButton),
+						render: (e) => r("button", {
+							...e,
+							"aria-hidden": d || void 0,
+							type: "button"
+						}),
+						slot: "increment",
+						type: "button",
+						children: "+"
+					}),
+					d && /* @__PURE__ */ m("span", {
+						className: $.base.skeleton,
+						children: /* @__PURE__ */ m(J, {
+							blockSize: "100%",
+							inlineSize: "100%",
+							label: T.loading,
+							shape: "rectangle"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ m(qe, {
+				description: E,
+				error: D,
+				loading: d
+			})
+		]
+	});
+}
+//#endregion
 //#region src/primitives/Popover/Popover.tsx
-function qe({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
-	return /* @__PURE__ */ m(Fe, {
+function on({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
+	return /* @__PURE__ */ m(Yt, {
 		defaultOpen: t,
 		dismissible: n,
 		onOpenChange: r,
@@ -862,8 +1723,347 @@ function qe({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
 	});
 }
 //#endregion
+//#region src/primitives/Select/Select.tsx
+var sn = {
+	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
+		})
+	}) : 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 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),
+		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,
+		"aria-label": v ? _ : void 0,
+		"aria-labelledby": N,
+		autoComplete: e,
+		form: o,
+		isDisabled: A,
+		isInvalid: !v && O !== void 0,
+		isRequired: C,
+		name: y,
+		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,
+		children: [
+			/* @__PURE__ */ m(Ke, {
+				htmlFor: M,
+				id: N,
+				label: _,
+				loading: v
+			}),
+			/* @__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, {
+						name: "expand",
+						size: "sm"
+					})]
+				}), v && /* @__PURE__ */ m("span", {
+					className: X.base.skeleton,
+					children: /* @__PURE__ */ m(J, {
+						blockSize: "100%",
+						inlineSize: "100%",
+						label: T.loading,
+						shape: "rectangle"
+					})
+				})]
+			}),
+			(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(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(qe, {
+				description: D,
+				descriptionId: ee,
+				error: v ? O : void 0,
+				errorId: P,
+				loading: v
+			}),
+			O && !v && /* @__PURE__ */ m("span", {
+				className: X.base.error,
+				id: P,
+				children: O
+			})
+		]
+	});
+}
+//#endregion
 //#region src/primitives/Separator/Separator.tsx
-var Je = {
+var xn = {
 	base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -873,15 +2073,15 @@ var Je = {
 		vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
 	}
 };
-function Ye({ orientation: e = "horizontal" }) {
+function Sn({ orientation: e = "horizontal" }) {
 	return /* @__PURE__ */ m("hr", {
 		"aria-orientation": e,
-		className: [Je.base.separator, Je.variant[e]].join(" ")
+		className: [xn.base.separator, xn.variant[e]].join(" ")
 	});
 }
 //#endregion
 //#region src/primitives/Stack/Stack.tsx
-var Xe = {
+var Cn = {
 	base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
 	compound: {},
 	size: {
@@ -903,32 +2103,83 @@ var Xe = {
 		stretch: "breeze:items-stretch"
 	}
 };
-function Ze({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
-	let { accessibleLabel: o, role: s } = J(e, n);
+function wn({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
+	let { accessibleLabel: o, role: s } = Ue(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			Xe.base.stack,
-			Xe.variant[a],
-			Xe.size[i]
+			Cn.base.stack,
+			Cn.variant[a],
+			Cn.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,
+		defaultValue: n,
+		"aria-label": l ? c : void 0,
+		id: s,
+		isDisabled: C,
+		isInvalid: !l && S !== void 0,
+		isReadOnly: p,
+		isRequired: _,
+		name: u,
+		onChange: d,
+		type: v,
+		validationBehavior: "aria",
+		value: y,
+		children: [
+			/* @__PURE__ */ m(Ke, {
+				label: c,
+				loading: l
+			}),
+			/* @__PURE__ */ h("span", {
+				className: X.base.control,
+				children: [/* @__PURE__ */ m(k, {
+					"aria-busy": l || void 0,
+					className: Z(X.base.input, l && X.state.loadingInput),
+					autoComplete: e,
+					autoFocus: t,
+					form: o,
+					placeholder: f,
+					ref: g
+				}), l && /* @__PURE__ */ m("span", {
+					className: X.base.skeleton,
+					children: /* @__PURE__ */ m(J, {
+						blockSize: "100%",
+						inlineSize: "100%",
+						label: b.loading,
+						shape: "rectangle"
+					})
+				})]
+			}),
+			/* @__PURE__ */ m(qe, {
+				description: x,
+				error: S,
+				loading: l
+			})
+		]
+	});
+}
+//#endregion
 //#region src/primitives/Toast/Toast.tsx
-var Qe = 2600, $e = "BreezeProvider toastLimit must be a positive integer.", et = "Toast components must be rendered within BreezeProvider.";
-function tt(e) {
+var En = 2600, Dn = "BreezeProvider toastLimit must be a positive integer.", On = "Toast components must be rendered within BreezeProvider.";
+function kn(e) {
 	return e.isIntersecting && e.intersectionRatio >= 1;
 }
-function nt(e, t, n, r) {
+function An(e, t, n, r) {
 	let i = Number(e.target.dataset.breezeToastId);
-	t.has(i) && (tt(e) ? n(i) : r(i));
+	t.has(i) && (kn(e) ? n(i) : r(i));
 }
-var rt = n(null), it = n(!0), at = n(null);
-function ot({ children: e }) {
-	U();
-	let t = a(it), n = a(at), [r, i] = d(() => n?.message ?? null);
+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);
 	return o(() => {
 		if (!t || typeof document < "u" && document.hidden || r === e) return;
 		let a = setTimeout(() => {
@@ -946,15 +2197,15 @@ function ot({ children: e }) {
 		"aria-live": "polite",
 		className: "breeze-toast",
 		role: "status",
-		children: [/* @__PURE__ */ m(Ue, {
+		children: [/* @__PURE__ */ m(dt, {
 			name: "check",
 			size: "sm"
 		}), /* @__PURE__ */ m("span", { children: r })]
 	});
 }
-function st({ children: e, limit: t }) {
-	let n = Me(), r = Ee(), 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($e);
+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);
 	let b = i((e, t) => {
 		let n = y.current.get(e);
 		n !== void 0 && (n.message = t);
@@ -989,7 +2240,7 @@ function st({ children: e, limit: t }) {
 		if (!s || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
 		let n = t ?? {
 			handle: null,
-			remaining: Qe,
+			remaining: En,
 			startedAt: null
 		};
 		if (n.remaining <= 0) {
@@ -1023,7 +2274,7 @@ function st({ children: e, limit: t }) {
 		}
 		let o, c = setTimeout(() => {
 			o = new IntersectionObserver((e) => {
-				e.forEach((e) => nt(e, r, D, w));
+				e.forEach((e) => An(e, r, D, w));
 			}, { threshold: 1 }), Array.from(i.children).forEach((e) => {
 				e instanceof HTMLElement && e.dataset.breezeToastId !== void 0 && !e.hidden && o?.observe(e);
 			});
@@ -1040,29 +2291,29 @@ function st({ 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(it, {
+	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, {
 		value: s,
-		children: /* @__PURE__ */ h(rt, {
+		children: /* @__PURE__ */ h(jn, {
 			value: x,
-			children: [e, n && B(/* @__PURE__ */ m("div", {
+			children: [e, n && M(/* @__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(at, {
+						children: /* @__PURE__ */ m(Nn, {
 							value: y.current.get(e) ?? null,
-							children: /* @__PURE__ */ m(it, {
+							children: /* @__PURE__ */ m(Mn, {
 								value: s && !n,
-								children: /* @__PURE__ */ m(ot, { children: t })
+								children: /* @__PURE__ */ m(Pn, { children: t })
 							})
 						})
 					}, e);
@@ -1071,14 +2322,14 @@ function st({ children: e, limit: t }) {
 		})
 	});
 }
-function ct() {
-	let e = a(rt);
-	if (e === null) throw Error(et);
+function In() {
+	let e = a(jn);
+	if (e === null) throw Error(On);
 	return e;
 }
 //#endregion
 //#region src/primitives/Typography/Typography.tsx
-var Q = {
+var Ln = {
 	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
 	compound: {},
 	size: {},
@@ -1114,10 +2365,10 @@ var Q = {
 		}
 	}
 };
-function lt(e) {
+function Rn(e) {
 	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
 }
-function ut(e, t, n, r) {
+function zn(e, t, n, r) {
 	let i;
 	try {
 		i = new Intl.NumberFormat(n, {
@@ -1131,10 +2382,10 @@ function ut(e, t, n, r) {
 	}
 	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
 }
-function dt(e, t, n) {
+function Bn(e, t, n) {
 	let r;
 	try {
-		r = V(e).toDate("UTC");
+		r = Ae(e).toDate("UTC");
 	} catch {
 		return e;
 	}
@@ -1143,15 +2394,15 @@ function dt(e, t, n) {
 		timeZone: "UTC"
 	}).format(r);
 }
-function ft(e, t, n) {
-	return e.loading ? /* @__PURE__ */ m(me, {
+function Vn(e, t, n) {
+	return e.loading ? /* @__PURE__ */ m(J, {
 		blockSize: "1lh",
 		inlineSize: "8em",
 		label: n
-	}) : e.format === "currency" ? ut(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? dt(e.value, t, e.dateStyle) : e.children;
+	}) : e.format === "currency" ? zn(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Bn(e.value, t, e.dateStyle) : e.children;
 }
-function pt(e) {
-	let { locale: t, messages: n } = U(), { "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 ?? lt(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = ft(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
+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 && [
 		"h1",
 		"h2",
 		"h3",
@@ -1160,18 +2411,18 @@ function pt(e) {
 	return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
 		children: S
-	}), /* @__PURE__ */ m(ge, { children: y })] })), r(v, {
+	}), /* @__PURE__ */ m(Re, { 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
+			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
 		].filter(Boolean).join(" "),
 		id: l,
 		lang: t,
@@ -1180,7 +2431,7 @@ function pt(e) {
 }
 //#endregion
 //#region src/provider/en-GB.ts
-var $ = {
+var Un = {
 	appearance: "Appearance",
 	appearanceAutomatic: "Auto",
 	appearanceDark: "Dark",
@@ -1190,11 +2441,11 @@ var $ = {
 };
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-function mt(e, t) {
+function Wn(e, t) {
 	return e === "automatic" ? t ? "dark" : "light" : e;
 }
-function ht({ children: e }) {
-	let { direction: t, locale: n } = T();
+function Gn({ children: e }) {
+	let { direction: t, locale: n } = F();
 	return /* @__PURE__ */ m("div", {
 		"data-breeze-root": "",
 		dir: t,
@@ -1202,8 +2453,8 @@ function ht({ children: e }) {
 		children: e
 	});
 }
-function gt({ 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 = mt(y, h);
+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);
 	o(() => {
 		if (!p) return;
 		g(p.matches);
@@ -1220,20 +2471,20 @@ function gt({ 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(w, {
+	return /* @__PURE__ */ m(te, {
 		locale: r,
-		children: /* @__PURE__ */ m(H, {
+		children: /* @__PURE__ */ m(je, {
 			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 ?? 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
 				},
 				resolvedAppearance: b,
 				setAppearance: x
@@ -1245,18 +2496,18 @@ function gt({ appearance: e, children: t, defaultAppearance: n = "automatic", lo
 				b,
 				x
 			]),
-			children: /* @__PURE__ */ m(je, {
+			children: /* @__PURE__ */ m(rt, {
 				locale: r,
 				portalContainer: u,
-				children: /* @__PURE__ */ m(st, {
+				children: /* @__PURE__ */ m(Fn, {
 					limit: f,
-					children: /* @__PURE__ */ m(ht, { children: t })
+					children: /* @__PURE__ */ m(Gn, { children: t })
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { pe as AppearanceControl, _e as Badge, gt as BreezeProvider, ye as Button, xe as Card, Ce as Container, Ie as Dialog, Le as Drawer, ze as Grid, Ue as Icon, Ge as IconTile, Ke as Inline, qe as Popover, Ye as Separator, me as Skeleton, Ze as Stack, ot as Toast, pt as Typography, ge as VisuallyHidden, ct as useToast };
+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 };
 
 //# sourceMappingURL=index.js.map