@motech-development/breeze-ui 4.1.0 → 4.2.0

package/lib/index.js

@@ -5,17 +5,19 @@ import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Button as p } from "react-aria-components/Button";
 import { ProgressBarContext as m } from "react-aria-components/ProgressBar";
 import { useSlottedContext as h } from "react-aria-components/slots";
-import { I18nProvider as g, useLocale as _ } from "react-aria-components/I18nProvider";
+import { ArrowDownLeft as g, ArrowUpRight as _, Bell as v, Building2 as y, CalendarDays as b, Camera as x, Check as S, ChevronDown as C, ChevronLeft as w, ChevronRight as T, Clock3 as ee, Download as te, Ellipsis as E, FileText as D, House as O, List as k, LockKeyhole as ne, LogOut as re, Plus as ie, Settings as ae, Trash2 as oe, TriangleAlert as se, Upload as ce, Users as le, X as ue } from "lucide-react";
+import { parseDate as de } from "@internationalized/date";
+import { I18nProvider as fe, useLocale as pe } from "react-aria-components/I18nProvider";
 //#region src/provider/BreezeContext.ts
-var v = n(null);
-function y() {
-	let e = a(v);
+var A = n(null);
+function j() {
+	let e = a(A);
 	if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return e;
 }
 //#endregion
 //#region src/patterns/AppearanceControl/AppearanceControl.tsx
-var b = {
+var M = {
 	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",
@@ -26,7 +28,7 @@ var b = {
 	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: {}
-}, x = [
+}, N = [
 	{
 		message: "appearanceLight",
 		value: "light"
@@ -40,30 +42,30 @@ var b = {
 		value: "dark"
 	}
 ];
-function S(e) {
-	return x.some((t) => t.value === e);
+function me(e) {
+	return N.some((t) => t.value === e);
 }
-function C() {
-	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = y();
+function P() {
+	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = j();
 	return /* @__PURE__ */ f("div", {
-		className: b.base.control,
+		className: M.base.control,
 		children: [/* @__PURE__ */ d("span", {
-			className: b.base.label,
+			className: M.base.label,
 			lang: r("appearance"),
 			children: i.appearance
 		}), /* @__PURE__ */ d(t, {
 			"aria-label": i.appearance,
-			className: b.base.group,
+			className: M.base.group,
 			disallowEmptySelection: !0,
 			lang: r("appearance"),
 			onSelectionChange: (e) => {
 				let [t] = e;
-				S(t) && a(t);
+				me(t) && a(t);
 			},
 			selectedKeys: [n],
 			selectionMode: "single",
-			children: x.map((t) => /* @__PURE__ */ d(e, {
-				className: [b.base.option, b.state.selected].join(" "),
+			children: N.map((t) => /* @__PURE__ */ d(e, {
+				className: [M.base.option, M.state.selected].join(" "),
 				id: t.value,
 				lang: r(t.message),
 				children: i[t.message]
@@ -72,8 +74,88 @@ function C() {
 	});
 }
 //#endregion
+//#region src/primitives/Skeleton/Skeleton.tsx
+var F = {
+	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: {},
+	state: {},
+	variant: {
+		circle: "breeze:aspect-square breeze:rounded-breeze-full",
+		rectangle: "breeze:rounded-breeze-sm",
+		text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
+	}
+};
+function I({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
+	let { getMessageLocale: i, messages: a } = j(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
+		blockSize: r === "circle" ? s : e,
+		inlineSize: r === "circle" ? s : t
+	};
+	return /* @__PURE__ */ d("progress", {
+		"aria-hidden": o === void 0 || void 0,
+		"aria-label": o,
+		className: [F.base.skeleton, F.variant[r]].join(" "),
+		lang: o === a.loading.trim() ? i("loading") : void 0,
+		style: c
+	});
+}
+//#endregion
+//#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
+var L = {
+	base: { hidden: "breeze:sr-only" },
+	compound: {},
+	size: {},
+	state: {},
+	variant: {}
+};
+function R({ children: e }) {
+	return /* @__PURE__ */ d("span", {
+		className: L.base.hidden,
+		children: e
+	});
+}
+//#endregion
+//#region src/primitives/Badge/Badge.tsx
+var z = {
+	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]",
+		skeleton: "breeze:[grid-area:1/1] breeze:grid breeze:inline-size-full breeze:items-center"
+	},
+	compound: {},
+	size: {},
+	state: { contentLoading: "breeze:opacity-0" },
+	variant: {
+		brand: "breeze:bg-breeze-brand-soft breeze:text-breeze-brand-text",
+		danger: "breeze:bg-breeze-danger/10 breeze:text-breeze-danger",
+		neutral: "breeze:bg-breeze-sunken breeze:text-breeze-ink-2",
+		positive: "breeze:bg-breeze-pos-soft breeze:text-breeze-pos",
+		warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
+	}
+};
+function he({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
+	let { messages: i } = j(), a = e?.trim() || void 0, o;
+	return n ? o = /* @__PURE__ */ d("span", {
+		className: z.base.skeleton,
+		children: /* @__PURE__ */ d(I, {
+			blockSize: 8,
+			inlineSize: "100%",
+			label: i.loading,
+			shape: "rectangle"
+		})
+	}) : a !== void 0 && (o = /* @__PURE__ */ d(R, { children: a })), /* @__PURE__ */ f("span", {
+		"aria-busy": n || void 0,
+		className: [z.base.badge, z.variant[r]].join(" "),
+		children: [/* @__PURE__ */ d("span", {
+			"aria-hidden": n || a !== void 0 ? !0 : void 0,
+			className: [z.base.content, n && z.state.contentLoading].filter(Boolean).join(" "),
+			children: t
+		}), o]
+	});
+}
+//#endregion
 //#region src/primitives/Button/Button.tsx
-var w = {
+var B = {
 	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]",
@@ -103,23 +185,23 @@ var w = {
 		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 T() {
-	let e = h(m), { getMessageLocale: t, messages: n } = y();
+function ge() {
+	let e = h(m), { getMessageLocale: t, messages: n } = j();
 	return /* @__PURE__ */ d("progress", {
 		"aria-label": n.loading,
-		className: w.state.loadingStatus,
+		className: B.state.loadingStatus,
 		id: e?.id,
 		lang: t("loading")
 	});
 }
-function E({ "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: m, loading: h = !1, name: g, onAction: _, ref: v, size: b = "md", type: x = "button", value: S, variant: C = "primary" }) {
-	y();
-	let E = [
-		w.base.button,
-		w.variant[C],
-		w.size[b],
-		c && w.state.disabled,
-		h && w.state.loading
+function _e({ "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: m, loading: h = !1, name: g, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
+	j();
+	let C = [
+		B.base.button,
+		B.variant[S],
+		B.size[y],
+		c && B.state.disabled,
+		h && B.state.loading
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ f(p, {
 		"aria-controls": e,
@@ -128,7 +210,7 @@ function E({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ari
 		"aria-haspopup": i,
 		"aria-label": a ?? s,
 		"aria-labelledby": o,
-		className: E,
+		className: C,
 		form: l,
 		id: m,
 		isDisabled: c,
@@ -140,23 +222,442 @@ function E({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ari
 			...e,
 			"aria-busy": h || void 0,
 			onClick: h ? (e) => e.preventDefault() : e.onClick,
-			type: x === "submit" ? "submit" : "button"
+			type: b === "submit" ? "submit" : "button"
 		}),
-		type: x,
-		value: S,
+		type: b,
+		value: x,
 		children: [/* @__PURE__ */ d("span", {
-			className: [w.base.label, h && w.state.loadingLabel].filter(Boolean).join(" "),
+			className: [B.base.label, h && B.state.loadingLabel].filter(Boolean).join(" "),
 			children: s
-		}), h && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(T, {}), /* @__PURE__ */ d("span", {
+		}), h && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ge, {}), /* @__PURE__ */ d("span", {
 			"aria-hidden": "true",
-			className: [w.base.skeleton, w.compound.loading[C]].join(" "),
+			className: [B.base.skeleton, B.compound.loading[S]].join(" "),
 			"data-breeze-skeleton": ""
 		})] })]
 	});
 }
 //#endregion
+//#region src/primitives/layout.accessibility.ts
+function V(e, t) {
+	let n = e?.trim() || void 0;
+	return {
+		accessibleLabel: n,
+		role: n !== void 0 && t === "div" ? "group" : void 0
+	};
+}
+//#endregion
+//#region src/primitives/Card/Card.tsx
+var H = {
+	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: {
+		0: "breeze:p-0",
+		1: "breeze:p-breeze-1",
+		2: "breeze:p-breeze-2",
+		3: "breeze:p-breeze-3",
+		4: "breeze:p-breeze-4",
+		5: "breeze:p-breeze-5",
+		6: "breeze:p-breeze-6",
+		7: "breeze:p-breeze-7",
+		8: "breeze:p-breeze-8"
+	},
+	state: { clipped: "breeze:overflow-hidden" },
+	variant: {
+		raised: "breeze:bg-breeze-raised",
+		surface: "breeze:bg-breeze-surface"
+	}
+};
+function ve({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
+	let { accessibleLabel: s, role: c } = V(e, i);
+	return r(i, {
+		"aria-label": s,
+		className: [
+			H.base.card,
+			H.variant[o],
+			H.size[a],
+			n && H.state.clipped
+		].filter(Boolean).join(" "),
+		role: c
+	}, t);
+}
+//#endregion
+//#region src/primitives/Container/Container.tsx
+var U = {
+	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 W({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
+	let { accessibleLabel: o, role: s } = V(e, n);
+	return r(n, {
+		"aria-label": o,
+		className: [
+			U.base.container,
+			U.size[a],
+			i && U.state.padded
+		].filter(Boolean).join(" "),
+		role: s
+	}, t);
+}
+//#endregion
+//#region src/primitives/Grid/Grid.tsx
+var G = {
+	base: { grid: "breeze:grid breeze:min-inline-size-0" },
+	compound: { columns: {
+		1: {
+			lg: "breeze:grid-cols-1",
+			md: "breeze:grid-cols-1",
+			none: "breeze:grid-cols-1",
+			sm: "breeze:grid-cols-1"
+		},
+		2: {
+			lg: "breeze:grid-cols-2 breeze:max-breeze-lg:grid-cols-1",
+			md: "breeze:grid-cols-2 breeze:max-breeze-md:grid-cols-1",
+			none: "breeze:grid-cols-2",
+			sm: "breeze:grid-cols-2 breeze:max-breeze-sm:grid-cols-1"
+		},
+		3: {
+			lg: "breeze:grid-cols-3 breeze:max-breeze-lg:grid-cols-1",
+			md: "breeze:grid-cols-3 breeze:max-breeze-md:grid-cols-1",
+			none: "breeze:grid-cols-3",
+			sm: "breeze:grid-cols-3 breeze:max-breeze-sm:grid-cols-1"
+		}
+	} },
+	size: {
+		0: "breeze:gap-0",
+		1: "breeze:gap-breeze-1",
+		2: "breeze:gap-breeze-2",
+		3: "breeze:gap-breeze-3",
+		4: "breeze:gap-breeze-4",
+		5: "breeze:gap-breeze-5",
+		6: "breeze:gap-breeze-6",
+		7: "breeze:gap-breeze-7",
+		8: "breeze:gap-breeze-8"
+	},
+	state: {},
+	variant: {}
+};
+function ye({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
+	let { accessibleLabel: s, role: c } = V(e, a);
+	return r(a, {
+		"aria-label": s,
+		className: [
+			G.base.grid,
+			G.compound.columns[i][n],
+			G.size[o]
+		].join(" "),
+		role: c
+	}, t);
+}
+//#endregion
+//#region src/primitives/Icon/Icon.tsx
+var be = {
+	add: ie,
+	back: w,
+	building: y,
+	calendar: b,
+	camera: x,
+	check: S,
+	clock: ee,
+	close: ue,
+	delete: oe,
+	document: D,
+	download: te,
+	expand: C,
+	forward: T,
+	lock: ne,
+	money: k,
+	moneyIn: g,
+	moneyOut: _,
+	more: E,
+	next: T,
+	notifications: v,
+	overview: O,
+	people: le,
+	settings: ae,
+	signOut: re,
+	upload: ce,
+	warning: se
+}, K = {
+	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: {}
+}, xe = /* @__PURE__ */ new Set([
+	"back",
+	"forward",
+	"next"
+]);
+function q({ label: e, name: t, size: n = "md" }) {
+	let r = be[t], i = e?.trim() || void 0;
+	return /* @__PURE__ */ d(r, {
+		"aria-hidden": i === void 0 || void 0,
+		"aria-label": i,
+		className: [
+			K.base.icon,
+			K.size[n],
+			xe.has(t) && K.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 J = {
+	base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
+	compound: {},
+	size: {
+		lg: "breeze:block-size-breeze-tap breeze:inline-size-breeze-tap",
+		sm: "breeze:block-size-breeze-7 breeze:inline-size-breeze-7"
+	},
+	state: {},
+	variant: {
+		shape: {
+			circle: "breeze:rounded-breeze-full",
+			square: "breeze:rounded-breeze-sm"
+		},
+		tone: {
+			brand: "breeze:bg-breeze-brand-soft breeze:text-breeze-brand-text",
+			danger: "breeze:bg-breeze-danger/10 breeze:text-breeze-danger",
+			neutral: "breeze:bg-breeze-sunken breeze:text-breeze-ink-2",
+			positive: "breeze:bg-breeze-pos-soft breeze:text-breeze-pos",
+			warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
+		}
+	}
+};
+function Se({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
+	return /* @__PURE__ */ d("span", {
+		className: [
+			J.base.tile,
+			J.variant.tone[i],
+			J.variant.shape[n],
+			J.size[r]
+		].join(" "),
+		children: /* @__PURE__ */ d(q, {
+			label: e,
+			name: t,
+			size: r === "lg" ? "md" : "sm"
+		})
+	});
+}
+//#endregion
+//#region src/primitives/Inline/Inline.tsx
+var Y = {
+	base: { inline: "breeze:flex breeze:min-inline-size-0" },
+	compound: {},
+	size: {
+		0: "breeze:gap-0",
+		1: "breeze:gap-breeze-1",
+		2: "breeze:gap-breeze-2",
+		3: "breeze:gap-breeze-3",
+		4: "breeze:gap-breeze-4",
+		5: "breeze:gap-breeze-5",
+		6: "breeze:gap-breeze-6",
+		7: "breeze:gap-breeze-7",
+		8: "breeze:gap-breeze-8"
+	},
+	state: { wrap: "breeze:flex-wrap" },
+	variant: {
+		align: {
+			center: "breeze:items-center",
+			end: "breeze:items-end",
+			start: "breeze:items-start",
+			stretch: "breeze:items-stretch"
+		},
+		justify: {
+			between: "breeze:justify-between",
+			center: "breeze:justify-center",
+			end: "breeze:justify-end",
+			start: "breeze:justify-start"
+		}
+	}
+};
+function Ce({ "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 } = V(e, n);
+	return r(n, {
+		"aria-label": c,
+		className: [
+			Y.base.inline,
+			Y.variant.align[o],
+			Y.variant.justify[a],
+			Y.size[i],
+			s && Y.state.wrap
+		].filter(Boolean).join(" "),
+		role: l
+	}, t);
+}
+//#endregion
+//#region src/primitives/Separator/Separator.tsx
+var X = {
+	base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
+	compound: {},
+	size: {},
+	state: {},
+	variant: {
+		horizontal: "breeze:block-size-breeze-px breeze:inline-size-full",
+		vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
+	}
+};
+function we({ orientation: e = "horizontal" }) {
+	return /* @__PURE__ */ d("hr", {
+		"aria-orientation": e,
+		className: [X.base.separator, X.variant[e]].join(" ")
+	});
+}
+//#endregion
+//#region src/primitives/Stack/Stack.tsx
+var Z = {
+	base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
+	compound: {},
+	size: {
+		0: "breeze:gap-0",
+		1: "breeze:gap-breeze-1",
+		2: "breeze:gap-breeze-2",
+		3: "breeze:gap-breeze-3",
+		4: "breeze:gap-breeze-4",
+		5: "breeze:gap-breeze-5",
+		6: "breeze:gap-breeze-6",
+		7: "breeze:gap-breeze-7",
+		8: "breeze:gap-breeze-8"
+	},
+	state: {},
+	variant: {
+		center: "breeze:items-center",
+		end: "breeze:items-end",
+		start: "breeze:items-start",
+		stretch: "breeze:items-stretch"
+	}
+};
+function Te({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
+	let { accessibleLabel: o, role: s } = V(e, n);
+	return r(n, {
+		"aria-label": o,
+		className: [
+			Z.base.stack,
+			Z.variant[a],
+			Z.size[i]
+		].join(" "),
+		role: s
+	}, t);
+}
+//#endregion
+//#region src/primitives/Typography/Typography.tsx
+var Q = {
+	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
+	compound: {},
+	size: {},
+	state: {
+		aligned: "breeze:block breeze:inline-size-full",
+		inlineLoading: "breeze:inline-block",
+		numeric: "breeze:tabular-nums breeze:tracking-breeze-tighter",
+		truncate: "breeze:block breeze:min-inline-size-0 breeze:inline-size-full breeze:overflow-hidden breeze:text-ellipsis breeze:whitespace-nowrap"
+	},
+	variant: {
+		align: {
+			center: "breeze:text-center",
+			end: "breeze:text-end",
+			start: "breeze:text-start"
+		},
+		role: {
+			body: "breeze:text-breeze-sm breeze:font-normal breeze:leading-breeze-snug",
+			caption: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
+			heading: "breeze:text-breeze-2xl breeze:font-semibold breeze:leading-breeze-tight",
+			label: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
+			micro: "breeze:text-breeze-2xs breeze:font-bold breeze:uppercase breeze:leading-breeze-snug breeze:tracking-breeze-caps",
+			money: "breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums",
+			title: "breeze:text-breeze-md breeze:font-semibold breeze:leading-breeze-snug"
+		},
+		tone: {
+			brand: "breeze:text-breeze-brand-text",
+			danger: "breeze:text-breeze-danger",
+			default: "breeze:text-breeze-ink",
+			muted: "breeze:text-breeze-ink-3",
+			positive: "breeze:text-breeze-pos",
+			secondary: "breeze:text-breeze-ink-2",
+			warning: "breeze:text-breeze-warn"
+		}
+	}
+};
+function Ee(e) {
+	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
+}
+function De(e, t, n, r) {
+	let i;
+	try {
+		i = new Intl.NumberFormat(n, {
+			currency: t,
+			signDisplay: r ?? "auto",
+			style: "currency"
+		}).formatToParts(e);
+	} catch (t) {
+		if (!(t instanceof RangeError)) throw t;
+		i = new Intl.NumberFormat(n, { signDisplay: r ?? "auto" }).formatToParts(e);
+	}
+	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
+}
+function Oe(e, t, n) {
+	let r;
+	try {
+		r = de(e).toDate("UTC");
+	} catch {
+		return e;
+	}
+	return new Intl.DateTimeFormat(t, {
+		dateStyle: n ?? "long",
+		timeZone: "UTC"
+	}).format(r);
+}
+function ke(e, t, n) {
+	return e.loading ? /* @__PURE__ */ d(I, {
+		blockSize: "1lh",
+		inlineSize: "8em",
+		label: n
+	}) : e.format === "currency" ? De(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Oe(e.value, t, e.dateStyle) : e.children;
+}
+function Ae(e) {
+	let { locale: t, messages: n } = j(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: p = !1, numeric: m = !1, tone: h = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? Ee(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || m ? "end" : "start"), x = a !== void 0 || _ === "money" || m, S = ke(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !p && y !== void 0 && !C && [
+		"h1",
+		"h2",
+		"h3",
+		"h4"
+	].includes(v), T = !p && y !== void 0 && !C && !w;
+	return !p && y !== void 0 && C && (S = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+		"aria-hidden": "true",
+		children: S
+	}), /* @__PURE__ */ d(R, { children: y })] })), r(v, {
+		"aria-busy": p || void 0,
+		"aria-label": T || w ? y : void 0,
+		className: [
+			Q.base.text,
+			Q.variant.role[_],
+			Q.variant.tone[h],
+			Q.variant.align[b],
+			x && Q.state.aligned,
+			p && v === "span" && !x && Q.state.inlineLoading,
+			m && _ !== "money" && Q.state.numeric,
+			g && Q.state.truncate
+		].filter(Boolean).join(" "),
+		id: l,
+		lang: t,
+		role: T ? "group" : void 0
+	}, S);
+}
+//#endregion
 //#region src/provider/en-GB.ts
-var D = {
+var $ = {
 	appearance: "Appearance",
 	appearanceAutomatic: "Auto",
 	appearanceDark: "Dark",
@@ -165,11 +666,11 @@ var D = {
 };
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-function O(e, t) {
+function je(e, t) {
 	return e === "automatic" ? t ? "dark" : "light" : e;
 }
-function k({ children: e }) {
-	let { direction: t, locale: n } = _();
+function Me({ children: e }) {
+	let { direction: t, locale: n } = pe();
 	return /* @__PURE__ */ d("div", {
 		"data-breeze-root": "",
 		dir: t,
@@ -177,8 +678,8 @@ function k({ children: e }) {
 		children: e
 	});
 }
-function A({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: u }) {
-	let [f] = l(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [p, m] = l(() => f?.matches ?? !1), [h, _] = l(n), y = e ?? h, b = O(y, p);
+function Ne({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: u }) {
+	let [f] = l(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [p, m] = l(() => f?.matches ?? !1), [h, g] = l(n), _ = e ?? h, v = je(_, p);
 	o(() => {
 		if (!f) return;
 		m(f.matches);
@@ -188,42 +689,42 @@ function A({ appearance: e, children: t, defaultAppearance: n = "automatic", loc
 		return f.addEventListener("change", e), () => f.removeEventListener("change", e);
 	}, [f]), s(() => {
 		let { documentElement: e } = document, t = e.dataset.theme, n = e.style.colorScheme;
-		return e.dataset.theme = b, e.style.colorScheme = b, () => {
+		return e.dataset.theme = v, e.style.colorScheme = v, () => {
 			t === void 0 ? delete e.dataset.theme : e.dataset.theme = t, e.style.colorScheme = n;
 		};
-	}, [b]);
-	let x = i((t) => {
-		e === void 0 && _(t), u?.(t);
-	}, [e, u]), S = i((e) => a?.[e] === void 0 ? "en-GB" : r, [r, a]);
-	return /* @__PURE__ */ d(g, {
+	}, [v]);
+	let y = i((t) => {
+		e === void 0 && g(t), u?.(t);
+	}, [e, u]), b = i((e) => a?.[e] === void 0 ? "en-GB" : r, [r, a]);
+	return /* @__PURE__ */ d(fe, {
 		locale: r,
-		children: /* @__PURE__ */ d(v, {
+		children: /* @__PURE__ */ d(A, {
 			value: c(() => ({
-				appearance: y,
-				getMessageLocale: S,
+				appearance: _,
+				getMessageLocale: b,
 				locale: r,
 				messages: {
-					appearance: a?.appearance ?? D.appearance,
-					appearanceAutomatic: a?.appearanceAutomatic ?? D.appearanceAutomatic,
-					appearanceDark: a?.appearanceDark ?? D.appearanceDark,
-					appearanceLight: a?.appearanceLight ?? D.appearanceLight,
-					loading: a?.loading ?? D.loading
+					appearance: a?.appearance ?? $.appearance,
+					appearanceAutomatic: a?.appearanceAutomatic ?? $.appearanceAutomatic,
+					appearanceDark: a?.appearanceDark ?? $.appearanceDark,
+					appearanceLight: a?.appearanceLight ?? $.appearanceLight,
+					loading: a?.loading ?? $.loading
 				},
-				resolvedAppearance: b,
-				setAppearance: x
+				resolvedAppearance: v,
+				setAppearance: y
 			}), [
-				y,
-				S,
+				_,
+				b,
 				r,
 				a,
-				b,
-				x
+				v,
+				y
 			]),
-			children: /* @__PURE__ */ d(k, { children: t })
+			children: /* @__PURE__ */ d(Me, { children: t })
 		})
 	});
 }
 //#endregion
-export { C as AppearanceControl, A as BreezeProvider, E as Button };
+export { P as AppearanceControl, he as Badge, Ne as BreezeProvider, _e as Button, ve as Card, W as Container, ye as Grid, q as Icon, Se as IconTile, Ce as Inline, we as Separator, I as Skeleton, Te as Stack, Ae as Typography, R as VisuallyHidden };
 
 //# sourceMappingURL=index.js.map