bav-react-ui 0.1.0

package/dist/bav-ui.mjs

@@ -0,0 +1,1601 @@
+import { create as e } from "zustand";
+import { Fragment as t, createContext as n, forwardRef as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AlertCircle as f, AlertTriangle as p, Check as m, CheckCircle as ee, ChevronDown as te, ChevronLeft as ne, ChevronRight as re, Inbox as ie, Info as ae, Search as oe, Smile as se, X as h } from "react-feather";
+import { createPortal as ce } from "react-dom";
+import './index.css';//#region src/theme/tokens.ts
+var le = {
+	primary: "#ffffff",
+	bg: "#000000",
+	panel: "#111111",
+	card: "#1a1a1a",
+	border: "#333333",
+	text: "#ffffff",
+	muted: "#b3b3b3",
+	accent: "#60a5fa",
+	danger: "#ff4444",
+	success: "#4caf50",
+	warning: "#f59e0b",
+	focus: "rgba(255, 255, 255, 0.3)",
+	chipsBackground: "rgba(255, 255, 255, 0.04)",
+	chipsBackgroundActive: "rgba(255, 255, 255, 0.12)",
+	buttons: "#2a2a2a",
+	shadow: "rgba(0, 0, 0, 0.2)"
+}, ue = {
+	primary: "#000000",
+	bg: "#ffffff",
+	panel: "#eeeeee",
+	card: "#efefef",
+	border: "#bbbbbb",
+	text: "#000000",
+	muted: "#323232",
+	accent: "#2563eb",
+	danger: "#ff4444",
+	success: "#4caf50",
+	warning: "#d97706",
+	focus: "rgba(0, 0, 0, 0.25)",
+	chipsBackground: "#efefef",
+	chipsBackgroundActive: "rgba(0, 0, 0, 0.08)",
+	buttons: "#dcdcdc",
+	shadow: "rgba(0, 0, 0, 0.12)"
+}, g = {
+	dark: le,
+	light: ue
+}, de = {
+	primary: "--primary",
+	bg: "--bg",
+	panel: "--panel",
+	card: "--card",
+	border: "--border",
+	text: "--text",
+	muted: "--muted",
+	accent: "--accent",
+	danger: "--danger",
+	success: "--success",
+	warning: "--warning",
+	focus: "--focus",
+	chipsBackground: "--chips-background",
+	chipsBackgroundActive: "--chips-background-active",
+	buttons: "--buttons",
+	shadow: "--shadow"
+};
+function fe(e) {
+	let t = {};
+	for (let n of Object.keys(e)) t[de[n]] = e[n];
+	return t;
+}
+//#endregion
+//#region node_modules/.bun/zustand@5.0.14+93dbe784b8baa420/node_modules/zustand/esm/middleware.mjs
+function pe(e, t) {
+	let n;
+	try {
+		n = e();
+	} catch {
+		return;
+	}
+	return {
+		getItem: (e) => {
+			let r = (e) => e === null ? null : JSON.parse(e, t?.reviver), i = n.getItem(e) ?? null;
+			return i instanceof Promise ? i.then(r) : r(i);
+		},
+		setItem: (e, r) => n.setItem(e, JSON.stringify(r, t?.replacer)),
+		removeItem: (e) => n.removeItem(e)
+	};
+}
+var _ = (e) => (t) => {
+	try {
+		let n = e(t);
+		return n instanceof Promise ? n : {
+			then(e) {
+				return _(e)(n);
+			},
+			catch(e) {
+				return this;
+			}
+		};
+	} catch (e) {
+		return {
+			then(e) {
+				return this;
+			},
+			catch(t) {
+				return _(t)(e);
+			}
+		};
+	}
+}, v = e()(((e, t) => (n, r, i) => {
+	let a = {
+		storage: pe(() => window.localStorage),
+		partialize: (e) => e,
+		version: 0,
+		merge: (e, t) => ({
+			...t,
+			...e
+		}),
+		...t
+	}, o = !1, s = 0, c = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), u = a.storage;
+	if (!u) return e((...e) => {
+		console.warn(`[zustand persist middleware] Unable to update item '${a.name}', the given storage is currently unavailable.`), n(...e);
+	}, r, i);
+	let d = () => {
+		let e = a.partialize({ ...r() });
+		return u.setItem(a.name, {
+			state: e,
+			version: a.version
+		});
+	}, f = i.setState;
+	i.setState = (e, t) => (f(e, t), d());
+	let p = e((...e) => (n(...e), d()), r, i);
+	i.getInitialState = () => p;
+	let m, ee = () => {
+		if (!u) return;
+		let e = ++s;
+		o = !1, c.forEach((e) => e(r() ?? p));
+		let t = a.onRehydrateStorage?.call(a, r() ?? p) || void 0;
+		return _(u.getItem.bind(u))(a.name).then((e) => {
+			if (e) if (typeof e.version == "number" && e.version !== a.version) {
+				if (a.migrate) {
+					let t = a.migrate(e.state, e.version);
+					return t instanceof Promise ? t.then((e) => [!0, e]) : [!0, t];
+				}
+				console.error("State loaded from storage couldn't be migrated since no migrate function was provided");
+			} else return [!1, e.state];
+			return [!1, void 0];
+		}).then((t) => {
+			if (e !== s) return;
+			let [i, o] = t;
+			if (m = a.merge(o, r() ?? p), n(m, !0), i) return d();
+		}).then(() => {
+			e === s && (t?.(r(), void 0), m = r(), o = !0, l.forEach((e) => e(m)));
+		}).catch((n) => {
+			e === s && t?.(void 0, n);
+		});
+	};
+	return i.persist = {
+		setOptions: (e) => {
+			a = {
+				...a,
+				...e
+			}, e.storage && (u = e.storage);
+		},
+		clearStorage: () => {
+			u?.removeItem(a.name);
+		},
+		getOptions: () => a,
+		rehydrate: () => ee(),
+		hasHydrated: () => o,
+		onHydrate: (e) => (c.add(e), () => {
+			c.delete(e);
+		}),
+		onFinishHydration: (e) => (l.add(e), () => {
+			l.delete(e);
+		})
+	}, a.skipHydration || ee(), m || p;
+})((e, t) => ({
+	currentTheme: "dark",
+	tokens: g.dark,
+	setTheme: (t) => e({
+		currentTheme: t,
+		tokens: g[t]
+	}),
+	toggleTheme: () => {
+		let n = t().currentTheme === "dark" ? "light" : "dark";
+		e({
+			currentTheme: n,
+			tokens: g[n]
+		});
+	}
+}), { name: "bav-theme" }));
+//#endregion
+//#region src/theme/ThemeProvider.tsx
+function me({ children: e }) {
+	let t = v((e) => e.tokens), n = v((e) => e.currentTheme);
+	return a(() => {
+		let e = document.documentElement, r = fe(t);
+		for (let [t, n] of Object.entries(r)) e.style.setProperty(t, n);
+		e.setAttribute("data-theme", n);
+	}, [t, n]), /* @__PURE__ */ u(l, { children: e });
+}
+//#endregion
+//#region src/utils/cx.ts
+var y = (...e) => e.filter((e) => typeof e == "string" && e.length > 0).join(" "), he = {
+	spinner: "_spinner_102nw_1",
+	"bav-spin": "_bav-spin_102nw_1"
+};
+//#endregion
+//#region src/components/Spinner.tsx
+function ge({ size: e, className: t }) {
+	return /* @__PURE__ */ u("span", {
+		className: `${he.spinner} ${t}`,
+		style: {
+			width: e,
+			height: e
+		},
+		role: "status",
+		"aria-label": "Loading"
+	});
+}
+var b = {
+	button: "_button_1ejsq_1",
+	sm: "_sm_1ejsq_40",
+	md: "_md_1ejsq_45",
+	lg: "_lg_1ejsq_50",
+	primary: "_primary_1ejsq_56",
+	danger: "_danger_1ejsq_66",
+	subtle: "_subtle_1ejsq_76",
+	ghost: "_ghost_1ejsq_80",
+	block: "_block_1ejsq_89",
+	loading: "_loading_1ejsq_93",
+	spinner: "_spinner_1ejsq_97",
+	icon: "_icon_1ejsq_105"
+}, _e = {
+	default: "",
+	primary: b.primary,
+	danger: b.danger,
+	subtle: b.subtle,
+	ghost: b.ghost
+};
+function ve({ variant: e, size: t, block: n, loading: r, leftIcon: i, rightIcon: a, className: o, type: s, disabled: c, children: l, ...f }) {
+	return /* @__PURE__ */ d("button", {
+		type: s,
+		disabled: c || r,
+		className: y(b.button, b[t], _e[e], n && b.block, r && b.loading, o),
+		...f,
+		children: [
+			r && /* @__PURE__ */ u("span", {
+				className: b.spinner,
+				children: /* @__PURE__ */ u(ge, { size: t === "lg" ? 20 : 16 })
+			}),
+			i && /* @__PURE__ */ u("span", {
+				className: b.icon,
+				children: i
+			}),
+			l,
+			a && /* @__PURE__ */ u("span", {
+				className: b.icon,
+				children: a
+			})
+		]
+	});
+}
+var x = {
+	button: "_button_1bhk3_1",
+	solid: "_solid_1bhk3_32",
+	danger: "_danger_1bhk3_35",
+	sm: "_sm_1bhk3_40",
+	md: "_md_1bhk3_44",
+	lg: "_lg_1bhk3_48"
+};
+//#endregion
+//#region src/components/IconButton.tsx
+function ye({ label: e, size: t, variant: n, className: r, type: i, children: a, ...o }) {
+	return /* @__PURE__ */ u("button", {
+		type: i,
+		"aria-label": e,
+		title: e,
+		className: y(x.button, x[t], n === "solid" && x.solid, n === "danger" && x.danger, r),
+		...o,
+		children: a
+	});
+}
+var S = {
+	wrap: "_wrap_mj8y3_1",
+	input: "_input_mj8y3_8",
+	sm: "_sm_mj8y3_32",
+	md: "_md_mj8y3_37",
+	invalid: "_invalid_mj8y3_43",
+	hasIcon: "_hasIcon_mj8y3_51",
+	icon: "_icon_mj8y3_57"
+}, be = r(function({ inputSize: e, invalid: t, leftIcon: n, className: r, ...i }, a) {
+	return /* @__PURE__ */ d("span", {
+		className: S.wrap,
+		children: [n && /* @__PURE__ */ u("span", {
+			className: S.icon,
+			children: n
+		}), /* @__PURE__ */ u("input", {
+			ref: a,
+			"aria-invalid": t || void 0,
+			className: y(S.input, S[e], n && S.hasIcon, t && S.invalid, r),
+			...i
+		})]
+	});
+}), xe = {
+	textarea: "_textarea_1v6em_1",
+	invalid: "_invalid_1v6em_29"
+}, Se = r(function({ invalid: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ u("textarea", {
+		ref: r,
+		"aria-invalid": e || void 0,
+		className: y(xe.textarea, e && xe.invalid, t),
+		...n
+	});
+}), C = {
+	wrap: "_wrap_6tkeb_1",
+	select: "_select_6tkeb_8",
+	sm: "_sm_6tkeb_32",
+	invalid: "_invalid_6tkeb_36",
+	chevron: "_chevron_6tkeb_40"
+}, Ce = r(function({ selectSize: e, invalid: t, options: n, placeholder: r, className: i, children: a, ...o }, s) {
+	return /* @__PURE__ */ d("span", {
+		className: C.wrap,
+		children: [/* @__PURE__ */ d("select", {
+			ref: s,
+			"aria-invalid": t || void 0,
+			className: y(C.select, e === "sm" && C.sm, t && C.invalid, i),
+			...o,
+			children: [r && /* @__PURE__ */ u("option", {
+				value: "",
+				disabled: !0,
+				children: r
+			}), n ? n.map((e) => /* @__PURE__ */ u("option", {
+				value: e.value,
+				disabled: e.disabled,
+				children: e.label
+			}, e.value)) : a]
+		}), /* @__PURE__ */ u(te, { className: C.chevron })]
+	});
+}), w = {
+	label: "_label_glwcp_1",
+	disabled: "_disabled_glwcp_10",
+	native: "_native_glwcp_15",
+	box: "_box_glwcp_22"
+}, we = r(function({ children: e, className: t, disabled: n, ...r }, i) {
+	return /* @__PURE__ */ d("label", {
+		className: y(w.label, n && w.disabled, t),
+		children: [
+			/* @__PURE__ */ u("input", {
+				ref: i,
+				type: "checkbox",
+				className: w.native,
+				disabled: n,
+				...r
+			}),
+			/* @__PURE__ */ u("span", {
+				className: w.box,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u(m, {})
+			}),
+			e && /* @__PURE__ */ u("span", { children: e })
+		]
+	});
+}), T = {
+	label: "_label_1qs2n_1",
+	disabled: "_disabled_1qs2n_10",
+	native: "_native_1qs2n_15",
+	track: "_track_1qs2n_22",
+	thumb: "_thumb_1qs2n_34"
+}, Te = r(function({ children: e, className: t, disabled: n, ...r }, i) {
+	return /* @__PURE__ */ d("label", {
+		className: y(T.label, n && T.disabled, t),
+		children: [
+			/* @__PURE__ */ u("input", {
+				ref: i,
+				type: "checkbox",
+				role: "switch",
+				className: T.native,
+				disabled: n,
+				...r
+			}),
+			/* @__PURE__ */ u("span", {
+				className: T.track,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u("span", { className: T.thumb })
+			}),
+			e && /* @__PURE__ */ u("span", { children: e })
+		]
+	});
+}), E = {
+	group: "_group_vvdcv_1",
+	horizontal: "_horizontal_vvdcv_6",
+	label: "_label_vvdcv_12",
+	disabled: "_disabled_vvdcv_21",
+	native: "_native_vvdcv_26",
+	dot: "_dot_vvdcv_33"
+};
+//#endregion
+//#region src/components/Radio.tsx
+function Ee({ children: e, className: t, disabled: n, ...r }) {
+	return /* @__PURE__ */ d("label", {
+		className: y(E.label, n && E.disabled, t),
+		children: [
+			/* @__PURE__ */ u("input", {
+				type: "radio",
+				className: E.native,
+				disabled: n,
+				...r
+			}),
+			/* @__PURE__ */ u("span", {
+				className: E.dot,
+				"aria-hidden": "true"
+			}),
+			e && /* @__PURE__ */ u("span", { children: e })
+		]
+	});
+}
+function De({ name: e, value: t, options: n, onChange: r, horizontal: i, className: a }) {
+	return /* @__PURE__ */ u("div", {
+		role: "radiogroup",
+		className: y(E.group, i && E.horizontal, a),
+		children: n.map((n) => /* @__PURE__ */ u(Ee, {
+			name: e,
+			value: n.value,
+			checked: t === n.value,
+			disabled: n.disabled,
+			onChange: (e) => r?.(e.target.value),
+			children: n.label
+		}, n.value))
+	});
+}
+var D = {
+	field: "_field_1toma_1",
+	labelRow: "_labelRow_1toma_8",
+	label: "_label_1toma_8",
+	required: "_required_1toma_20",
+	optional: "_optional_1toma_25",
+	hint: "_hint_1toma_30",
+	error: "_error_1toma_34"
+};
+//#endregion
+//#region src/components/FormField.tsx
+function Oe({ label: e, hint: t, error: n, required: r, optional: i, className: a, children: s }) {
+	let c = o(), l = !!n;
+	return /* @__PURE__ */ d("div", {
+		className: y(D.field, a),
+		children: [
+			(e || i) && /* @__PURE__ */ d("div", {
+				className: D.labelRow,
+				children: [e && /* @__PURE__ */ d("label", {
+					htmlFor: c,
+					className: D.label,
+					children: [e, r && /* @__PURE__ */ u("span", {
+						className: D.required,
+						children: "*"
+					})]
+				}), i && !r && /* @__PURE__ */ u("span", {
+					className: D.optional,
+					children: "Optional"
+				})]
+			}),
+			typeof s == "function" ? s({
+				id: c,
+				invalid: l
+			}) : s,
+			n ? /* @__PURE__ */ u("span", {
+				className: D.error,
+				children: n
+			}) : t ? /* @__PURE__ */ u("span", {
+				className: D.hint,
+				children: t
+			}) : null
+		]
+	});
+}
+var O = {
+	drop: "_drop_4v9xi_1",
+	input: "_input_4v9xi_27",
+	disabled: "_disabled_4v9xi_40",
+	invalid: "_invalid_4v9xi_45",
+	icon: "_icon_4v9xi_49",
+	label: "_label_4v9xi_61"
+}, ke = r(function({ onFileChange: e, fileName: t, placeholder: n, icon: r, invalid: i, disabled: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ d("label", {
+		className: y(O.drop, i && O.invalid, a && O.disabled, o),
+		"data-has-file": t ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ u("input", {
+				ref: c,
+				type: "file",
+				disabled: a,
+				className: O.input,
+				onChange: (t) => e?.(t.target.files?.[0] ?? null),
+				...s
+			}),
+			r && /* @__PURE__ */ u("span", {
+				className: O.icon,
+				children: r
+			}),
+			/* @__PURE__ */ u("span", {
+				className: O.label,
+				children: t ?? n
+			})
+		]
+	});
+}), k = {
+	row: "_row_1vo45_1",
+	icon: "_icon_1vo45_7",
+	input: "_input_1vo45_20",
+	clear: "_clear_1vo45_49",
+	shortcut: "_shortcut_1vo45_74"
+}, Ae = r(function({ value: e, onValueChange: t, shortcut: n, placeholder: r, className: i, ...a }, o) {
+	let s = e.length > 0;
+	return /* @__PURE__ */ d("div", {
+		className: y(k.row, i),
+		children: [
+			/* @__PURE__ */ u("span", {
+				className: k.icon,
+				children: /* @__PURE__ */ u(oe, {})
+			}),
+			/* @__PURE__ */ u("input", {
+				ref: o,
+				type: "search",
+				className: k.input,
+				value: e,
+				placeholder: r,
+				onChange: (e) => t(e.target.value),
+				...a
+			}),
+			s ? /* @__PURE__ */ u("button", {
+				type: "button",
+				className: k.clear,
+				onClick: () => t(""),
+				"aria-label": "Clear search",
+				children: /* @__PURE__ */ u(h, {})
+			}) : n && /* @__PURE__ */ u("span", {
+				className: k.shortcut,
+				children: n
+			})
+		]
+	});
+}), A = {
+	badge: "_badge_1u5ss_1",
+	square: "_square_1u5ss_13",
+	mono: "_mono_1u5ss_16",
+	neutral: "_neutral_1u5ss_20",
+	accent: "_accent_1u5ss_24",
+	success: "_success_1u5ss_29",
+	warning: "_warning_1u5ss_34",
+	danger: "_danger_1u5ss_39",
+	dot: "_dot_1u5ss_45"
+};
+//#endregion
+//#region src/components/Badge.tsx
+function je({ tone: e, square: t, mono: n, dot: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ d("span", {
+		className: y(A.badge, A[e], t && A.square, n && A.mono, i),
+		...o,
+		children: [r && /* @__PURE__ */ u("span", { className: A.dot }), a]
+	});
+}
+var j = {
+	tag: "_tag_i8fnf_1",
+	noClose: "_noClose_i8fnf_15",
+	close: "_close_i8fnf_18"
+};
+//#endregion
+//#region src/components/Tag.tsx
+function Me({ children: e, onRemove: t, className: n }) {
+	return /* @__PURE__ */ d("span", {
+		className: y(j.tag, !t && j.noClose, n),
+		children: [e, t && /* @__PURE__ */ u("button", {
+			type: "button",
+			className: j.close,
+			onClick: t,
+			"aria-label": "Remove",
+			children: /* @__PURE__ */ u(h, {})
+		})]
+	});
+}
+var Ne = { kbd: "_kbd_1b6zb_1" };
+//#endregion
+//#region src/components/Kbd.tsx
+function Pe({ children: e, className: t }) {
+	return /* @__PURE__ */ u("kbd", {
+		className: y(Ne.kbd, t),
+		children: e
+	});
+}
+var M = {
+	avatar: "_avatar_ernyw_1",
+	square: "_square_ernyw_15",
+	img: "_img_ernyw_18",
+	sm: "_sm_ernyw_24",
+	md: "_md_ernyw_29",
+	lg: "_lg_ernyw_34"
+}, Fe = (e) => {
+	if (!e) return "?";
+	let t = e.trim().split(/\s+/);
+	return ((t[0]?.[0] ?? "") + (t.length > 1 ? t[t.length - 1][0] : "")).slice(0, 2);
+};
+function Ie({ name: e, src: t, size: n, square: r, className: i }) {
+	return /* @__PURE__ */ u("span", {
+		className: y(M.avatar, M[n], r && M.square, i),
+		"aria-label": e,
+		title: e,
+		children: t ? /* @__PURE__ */ u("img", {
+			className: M.img,
+			src: t,
+			alt: e ?? ""
+		}) : Fe(e)
+	});
+}
+var N = {
+	skeleton: "_skeleton_n45ub_1",
+	"bav-skeleton": "_bav-skeleton_n45ub_1",
+	text: "_text_n45ub_13",
+	circle: "_circle_n45ub_18"
+};
+//#endregion
+//#region src/components/Skeleton.tsx
+function Le({ variant: e, width: t, height: n, lines: r, radius: i, className: a }) {
+	let o = {
+		width: t,
+		height: n ?? (e === "circle" ? t : void 0),
+		borderRadius: i
+	};
+	return e === "text" && r && r > 1 ? /* @__PURE__ */ u("span", { children: Array.from({ length: r }).map((e, t) => /* @__PURE__ */ u("span", {
+		className: y(N.skeleton, N.text, a),
+		style: { width: t === r - 1 ? "70%" : "100%" }
+	}, t)) }) : /* @__PURE__ */ u("span", {
+		className: y(N.skeleton, e === "text" && N.text, e === "circle" && N.circle, a),
+		style: o
+	});
+}
+var P = {
+	divider: "_divider_xkemn_1",
+	horizontal: "_horizontal_xkemn_5",
+	vertical: "_vertical_xkemn_10",
+	labelled: "_labelled_xkemn_16"
+};
+//#endregion
+//#region src/components/Divider.tsx
+function Re({ orientation: e, children: t, className: n }) {
+	return t ? /* @__PURE__ */ u("div", {
+		className: y(P.labelled, n),
+		role: "separator",
+		children: t
+	}) : /* @__PURE__ */ u("hr", {
+		className: y(P.divider, P[e], n),
+		"aria-orientation": e
+	});
+}
+var F = {
+	wrap: "_wrap_1fpxy_1",
+	head: "_head_1fpxy_7",
+	value: "_value_1fpxy_14",
+	track: "_track_1fpxy_20",
+	sm: "_sm_1fpxy_27",
+	lg: "_lg_1fpxy_30",
+	bar: "_bar_1fpxy_34",
+	indeterminate: "_indeterminate_1fpxy_41",
+	"bav-indeterminate": "_bav-indeterminate_1fpxy_1",
+	"bav-shimmer": "_bav-shimmer_1fpxy_1"
+};
+//#endregion
+//#region src/components/ProgressBar.tsx
+function ze({ value: e, size: t, label: n, showValue: r, className: i }) {
+	let a = e == null, o = a ? 0 : Math.max(0, Math.min(100, e));
+	return /* @__PURE__ */ d("div", {
+		className: y(F.wrap, i),
+		children: [(n || r) && /* @__PURE__ */ d("div", {
+			className: F.head,
+			children: [n && /* @__PURE__ */ u("span", { children: n }), r && !a && /* @__PURE__ */ d("span", {
+				className: F.value,
+				children: [Math.round(o), "%"]
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: y(F.track, t === "sm" && F.sm, t === "lg" && F.lg),
+			role: "progressbar",
+			"aria-valuenow": a ? void 0 : Math.round(o),
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			children: /* @__PURE__ */ u("div", {
+				className: y(F.bar, a && F.indeterminate),
+				style: a ? void 0 : { width: `${o}%` }
+			})
+		})]
+	});
+}
+var I = {
+	stat: "_stat_12af2_1",
+	label: "_label_12af2_6",
+	valueRow: "_valueRow_12af2_12",
+	value: "_value_12af2_12",
+	delta: "_delta_12af2_24",
+	up: "_up_12af2_28",
+	down: "_down_12af2_31",
+	hint: "_hint_12af2_34"
+};
+//#endregion
+//#region src/components/Stat.tsx
+function Be({ label: e, value: t, delta: n, trend: r, hint: i, className: a }) {
+	return /* @__PURE__ */ d("div", {
+		className: y(I.stat, a),
+		children: [
+			/* @__PURE__ */ u("span", {
+				className: I.label,
+				children: e
+			}),
+			/* @__PURE__ */ d("div", {
+				className: I.valueRow,
+				children: [/* @__PURE__ */ u("span", {
+					className: I.value,
+					children: t
+				}), n && /* @__PURE__ */ u("span", {
+					className: y(I.delta, r === "up" && I.up, r === "down" && I.down),
+					children: n
+				})]
+			}),
+			i && /* @__PURE__ */ u("span", {
+				className: I.hint,
+				children: i
+			})
+		]
+	});
+}
+var L = {
+	card: "_card_8qptx_1",
+	interactive: "_interactive_8qptx_10",
+	header: "_header_8qptx_23",
+	headTitles: "_headTitles_8qptx_30",
+	title: "_title_8qptx_36",
+	subtitle: "_subtitle_8qptx_42",
+	headEnd: "_headEnd_8qptx_46",
+	body: "_body_8qptx_50",
+	footer: "_footer_8qptx_58"
+};
+//#endregion
+//#region src/components/Card.tsx
+function Ve({ interactive: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("div", {
+		className: y(L.card, e && L.interactive, t),
+		...r,
+		children: n
+	});
+}
+function He({ title: e, subtitle: t, media: n, actions: r, className: i, children: a }) {
+	return /* @__PURE__ */ d("div", {
+		className: y(L.header, i),
+		children: [
+			n,
+			(e || t) && /* @__PURE__ */ d("div", {
+				className: L.headTitles,
+				children: [e && /* @__PURE__ */ u("h3", {
+					className: L.title,
+					children: e
+				}), t && /* @__PURE__ */ u("span", {
+					className: L.subtitle,
+					children: t
+				})]
+			}),
+			a,
+			r && /* @__PURE__ */ u("div", {
+				className: L.headEnd,
+				children: r
+			})
+		]
+	});
+}
+function Ue({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		className: y(L.body, e),
+		...n,
+		children: t
+	});
+}
+function We({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		className: y(L.footer, e),
+		...n,
+		children: t
+	});
+}
+var R = {
+	panel: "_panel_1ahhx_1",
+	header: "_header_1ahhx_11",
+	title: "_title_1ahhx_21",
+	headerEnd: "_headerEnd_1ahhx_28",
+	body: "_body_1ahhx_35",
+	noPadding: "_noPadding_1ahhx_39"
+};
+//#endregion
+//#region src/components/Panel.tsx
+function Ge({ headerTitle: e, headerChildren: t, headerActions: n, disableHeader: r, flush: i, className: a, children: o }) {
+	let s = !r && (e || t || n);
+	return /* @__PURE__ */ d("section", {
+		className: y(R.panel, i && R.noPadding, a),
+		children: [s && /* @__PURE__ */ d("header", {
+			className: R.header,
+			children: [
+				e && /* @__PURE__ */ u("h2", {
+					className: R.title,
+					children: e
+				}),
+				t,
+				n && /* @__PURE__ */ u("div", {
+					className: R.headerEnd,
+					children: n
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			className: R.body,
+			children: o
+		})]
+	});
+}
+var z = {
+	container: "_container_1lpv0_1",
+	table: "_table_1lpv0_6",
+	clickable: "_clickable_1lpv0_44",
+	compact: "_compact_1lpv0_48",
+	numeric: "_numeric_1lpv0_53",
+	mono: "_mono_1lpv0_58",
+	muted: "_muted_1lpv0_62",
+	empty: "_empty_1lpv0_66"
+};
+//#endregion
+//#region src/components/Table.tsx
+function Ke({ compact: e, clickableRows: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ u("div", {
+		className: z.container,
+		children: /* @__PURE__ */ u("table", {
+			className: y(z.table, e && z.compact, t && z.clickable, n),
+			...i,
+			children: r
+		})
+	});
+}
+function qe({ className: e, ...t }) {
+	return /* @__PURE__ */ u("thead", {
+		className: e,
+		...t
+	});
+}
+function Je({ className: e, ...t }) {
+	return /* @__PURE__ */ u("tbody", {
+		className: e,
+		...t
+	});
+}
+function Ye({ className: e, ...t }) {
+	return /* @__PURE__ */ u("tr", {
+		className: e,
+		...t
+	});
+}
+function Xe({ numeric: e, className: t, ...n }) {
+	return /* @__PURE__ */ u("th", {
+		className: y(e && z.numeric, t),
+		...n
+	});
+}
+function Ze({ numeric: e, mono: t, muted: n, className: r, ...i }) {
+	return /* @__PURE__ */ u("td", {
+		className: y(e && z.numeric, t && z.mono, n && z.muted, r),
+		...i
+	});
+}
+function Qe({ colSpan: e, children: t }) {
+	return /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+		colSpan: e,
+		className: z.empty,
+		children: t
+	}) });
+}
+var B = {
+	list: "_list_jq2cc_1",
+	columns2: "_columns2_jq2cc_8",
+	row: "_row_jq2cc_12",
+	label: "_label_jq2cc_19",
+	value: "_value_jq2cc_27",
+	mono: "_mono_jq2cc_34"
+};
+//#endregion
+//#region src/components/DescriptionList.tsx
+function $e({ items: e, wide: t, className: n }) {
+	return /* @__PURE__ */ u("dl", {
+		className: y(B.list, t && B.columns2, n),
+		children: e.map((e, t) => /* @__PURE__ */ d("div", {
+			className: B.row,
+			children: [/* @__PURE__ */ u("dt", {
+				className: B.label,
+				children: e.label
+			}), /* @__PURE__ */ u("dd", {
+				className: y(B.value, e.mono && B.mono),
+				children: e.value ?? "—"
+			})]
+		}, t))
+	});
+}
+//#endregion
+//#region src/components/Flex.tsx
+var et = {
+	small: 8,
+	middle: 16,
+	large: 24
+};
+function tt({ vertical: e, align: t, justify: n, gap: r, wrap: i, flex: a, as: o = "div", style: s, children: c, ...l }) {
+	let d = typeof r == "string" ? et[r] : r;
+	return /* @__PURE__ */ u(o, {
+		style: {
+			display: "flex",
+			flexDirection: e ? "column" : "row",
+			alignItems: t,
+			justifyContent: n,
+			gap: d,
+			flexWrap: i ? "wrap" : void 0,
+			flex: a,
+			minWidth: 0,
+			...s
+		},
+		...l,
+		children: c
+	});
+}
+//#endregion
+//#region src/components/Layout.tsx
+var nt = (e) => e === 0 ? "0" : `var(--space-${e})`;
+function rt({ gap: e, align: t, justify: n, as: r = "div", style: i, children: a, ...o }) {
+	return /* @__PURE__ */ u(r, {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: nt(e),
+			alignItems: t,
+			justifyContent: n,
+			...i
+		},
+		...o,
+		children: a
+	});
+}
+function it({ gap: e, align: t, justify: n, wrap: r, as: i = "div", style: a, children: o, ...s }) {
+	return /* @__PURE__ */ u(i, {
+		style: {
+			display: "flex",
+			flexDirection: "row",
+			gap: nt(e),
+			alignItems: t,
+			justifyContent: n,
+			flexWrap: r ? "wrap" : void 0,
+			...a
+		},
+		...s,
+		children: o
+	});
+}
+var V = {
+	title: "_title_4aj6y_1",
+	h1: "_h1_4aj6y_8",
+	h2: "_h2_4aj6y_11",
+	h3: "_h3_4aj6y_14",
+	h4: "_h4_4aj6y_17",
+	h5: "_h5_4aj6y_21",
+	noMargin: "_noMargin_4aj6y_26",
+	text: "_text_4aj6y_30",
+	secondary: "_secondary_4aj6y_34",
+	success: "_success_4aj6y_37",
+	warning: "_warning_4aj6y_40",
+	danger: "_danger_4aj6y_43",
+	accent: "_accent_4aj6y_46",
+	strong: "_strong_4aj6y_50",
+	code: "_code_4aj6y_54",
+	mono: "_mono_4aj6y_63",
+	xs: "_xs_4aj6y_67",
+	sm: "_sm_4aj6y_70",
+	lg: "_lg_4aj6y_73",
+	uppercase: "_uppercase_4aj6y_77",
+	paragraph: "_paragraph_4aj6y_82"
+}, H = {
+	default: void 0,
+	secondary: V.secondary,
+	success: V.success,
+	warning: V.warning,
+	danger: V.danger,
+	accent: V.accent
+};
+function at({ level: e, type: t, noMargin: n, className: r, ...i }) {
+	return /* @__PURE__ */ u(`h${e}`, {
+		className: y(V.title, V[`h${e}`], H[t], n && V.noMargin, r),
+		...i
+	});
+}
+function ot({ type: e, size: t, strong: n, code: r, mono: i, uppercase: a, className: o, ...s }) {
+	return /* @__PURE__ */ u("span", {
+		className: y(V.text, H[e], t !== "md" && V[t], n && V.strong, r && V.code, i && V.mono, a && V.uppercase, o),
+		...s
+	});
+}
+function st({ type: e, className: t, ...n }) {
+	return /* @__PURE__ */ u("p", {
+		className: y(V.paragraph, H[e], t),
+		...n
+	});
+}
+var ct = {
+	Title: at,
+	Text: ot,
+	Paragraph: st
+}, U = {
+	nav: "_nav_13bns_1",
+	list: "_list_13bns_9",
+	item: "_item_13bns_18",
+	link: "_link_13bns_24",
+	current: "_current_13bns_36",
+	separator: "_separator_13bns_41"
+};
+//#endregion
+//#region src/components/Breadcrumbs.tsx
+function lt({ items: e, renderLink: n, className: r }) {
+	let i = n ?? ((e, t) => /* @__PURE__ */ u("a", {
+		className: U.link,
+		href: e,
+		children: t
+	}));
+	return /* @__PURE__ */ u("nav", {
+		"aria-label": "Breadcrumb",
+		className: y(U.nav, r),
+		children: /* @__PURE__ */ u("ol", {
+			className: U.list,
+			children: e.map((n, r) => {
+				let a = r === e.length - 1;
+				return /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u("li", {
+					className: U.item,
+					children: n.href && !a ? i(n.href, n.title) : /* @__PURE__ */ u("span", {
+						className: a ? U.current : void 0,
+						"aria-current": a ? "page" : void 0,
+						children: n.title
+					})
+				}), !a && /* @__PURE__ */ u("span", {
+					className: U.separator,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u(re, {})
+				})] }, r);
+			})
+		})
+	});
+}
+var W = {
+	list: "_list_mc9sc_1",
+	fitted: "_fitted_mc9sc_7",
+	tab: "_tab_mc9sc_10",
+	active: "_active_mc9sc_52",
+	count: "_count_mc9sc_62"
+};
+//#endregion
+//#region src/components/Tabs.tsx
+function ut({ items: e, value: t, onChange: n, fitted: r, className: i }) {
+	return /* @__PURE__ */ u("div", {
+		className: y(W.list, r && W.fitted, i),
+		role: "tablist",
+		children: e.map((e) => {
+			let r = e.value === t;
+			return /* @__PURE__ */ d("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": r,
+				disabled: e.disabled,
+				className: y(W.tab, r && W.active),
+				onClick: () => n(e.value),
+				children: [
+					e.icon,
+					e.label,
+					typeof e.count == "number" && /* @__PURE__ */ u("span", {
+						className: W.count,
+						children: e.count
+					})
+				]
+			}, e.value);
+		})
+	});
+}
+var G = {
+	bar: "_bar_mwt55_1",
+	count: "_count_mwt55_8",
+	nav: "_nav_mwt55_18",
+	arrow: "_arrow_mwt55_23",
+	pages: "_pages_mwt55_52",
+	page: "_page_mwt55_52",
+	active: "_active_mwt55_78",
+	ellipsis: "_ellipsis_mwt55_89"
+}, dt = "…";
+function ft(e, t, n) {
+	if (t <= n) return Array.from({ length: t }, (e, t) => t + 1);
+	let r = Math.max(1, Math.floor((n - 3) / 2)), i = Math.max(2, e - r), a = Math.min(t - 1, e + r), o = [1];
+	i > 2 && o.push(dt);
+	for (let e = i; e <= a; e++) o.push(e);
+	return a < t - 1 && o.push(dt), o.push(t), o;
+}
+function pt({ page: e, pageCount: t, onChange: n, totalItems: r, pageSize: i, siblingCount: a, className: o }) {
+	if (t <= 1 && r === void 0) return null;
+	let s = ft(e, t, Math.max(5, a)), c = (r) => r >= 1 && r <= t && r !== e && n(r), l = r !== void 0 && i ? (() => {
+		let t = r === 0 ? 0 : (e - 1) * i + 1, n = Math.min(e * i, r);
+		return /* @__PURE__ */ d("span", {
+			className: G.count,
+			children: [
+				/* @__PURE__ */ u("strong", { children: t }),
+				"–",
+				/* @__PURE__ */ u("strong", { children: n }),
+				" of ",
+				/* @__PURE__ */ u("strong", { children: r })
+			]
+		});
+	})() : null;
+	return /* @__PURE__ */ d("div", {
+		className: y(G.bar, o),
+		children: [l ?? /* @__PURE__ */ u("span", {}), /* @__PURE__ */ d("div", {
+			className: G.nav,
+			children: [
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: G.arrow,
+					onClick: () => c(e - 1),
+					disabled: e <= 1,
+					"aria-label": "Previous page",
+					children: /* @__PURE__ */ u(ne, {})
+				}),
+				/* @__PURE__ */ u("div", {
+					className: G.pages,
+					children: s.map((t, n) => typeof t == "number" ? /* @__PURE__ */ u("button", {
+						type: "button",
+						className: y(G.page, t === e && G.active),
+						"aria-current": t === e ? "page" : void 0,
+						onClick: () => c(t),
+						children: t
+					}, t) : /* @__PURE__ */ u("span", {
+						className: G.ellipsis,
+						children: t
+					}, `e${n}`))
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					className: G.arrow,
+					onClick: () => c(e + 1),
+					disabled: e >= t,
+					"aria-label": "Next page",
+					children: /* @__PURE__ */ u(re, {})
+				})
+			]
+		})]
+	});
+}
+var K = {
+	root: "_root_mpq46_1",
+	panel: "_panel_mpq46_5",
+	"bav-pop-in": "_bav-pop-in_mpq46_1",
+	start: "_start_mpq46_17",
+	end: "_end_mpq46_20",
+	item: "_item_mpq46_24",
+	itemIcon: "_itemIcon_mpq46_50",
+	danger: "_danger_mpq46_58",
+	separator: "_separator_mpq46_68",
+	label: "_label_mpq46_73"
+}, mt = n(null);
+function ht({ trigger: e, align: t, children: n, className: r }) {
+	let [i, o] = c(!1), l = s(null);
+	return a(() => {
+		if (!i) return;
+		let e = (e) => {
+			l.current?.contains(e.target) || o(!1);
+		}, t = (e) => e.key === "Escape" && o(!1);
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [i]), /* @__PURE__ */ d("div", {
+		ref: l,
+		className: y(K.root, r),
+		children: [/* @__PURE__ */ u("span", {
+			onClick: () => o((e) => !e),
+			children: e
+		}), i && /* @__PURE__ */ u("div", {
+			className: y(K.panel, K[t]),
+			role: "menu",
+			children: /* @__PURE__ */ u(mt.Provider, {
+				value: { close: () => o(!1) },
+				children: n
+			})
+		})]
+	});
+}
+function gt({ onSelect: e, icon: t, danger: n, disabled: r, children: a }) {
+	let o = i(mt);
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		role: "menuitem",
+		disabled: r,
+		className: y(K.item, n && K.danger),
+		onClick: () => {
+			e?.(), o?.close();
+		},
+		children: [t && /* @__PURE__ */ u("span", {
+			className: K.itemIcon,
+			children: t
+		}), a]
+	});
+}
+function _t() {
+	return /* @__PURE__ */ u("div", {
+		className: K.separator,
+		role: "separator"
+	});
+}
+function vt({ children: e }) {
+	return /* @__PURE__ */ u("div", {
+		className: K.label,
+		children: e
+	});
+}
+var q = {
+	backdrop: "_backdrop_2jxpm_1",
+	"bav-fade-in": "_bav-fade-in_2jxpm_1",
+	modal: "_modal_2jxpm_14",
+	"bav-pop-in": "_bav-pop-in_2jxpm_1",
+	sm: "_sm_2jxpm_26",
+	md: "_md_2jxpm_29",
+	lg: "_lg_2jxpm_32",
+	header: "_header_2jxpm_36",
+	title: "_title_2jxpm_42",
+	close: "_close_2jxpm_48",
+	body: "_body_2jxpm_73",
+	footer: "_footer_2jxpm_81"
+};
+//#endregion
+//#region src/components/Modal.tsx
+function yt({ open: e, onClose: t, title: n, size: r, footer: i, dismissible: o, showClose: s, className: c, children: l }) {
+	return a(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" && o && t();
+		};
+		document.addEventListener("keydown", n);
+		let r = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.removeEventListener("keydown", n), document.body.style.overflow = r;
+		};
+	}, [
+		e,
+		o,
+		t
+	]), !e || typeof document > "u" ? null : ce(/* @__PURE__ */ u("div", {
+		className: q.backdrop,
+		onClick: () => o && t(),
+		role: "presentation",
+		children: /* @__PURE__ */ d("div", {
+			className: y(q.modal, q[r], c),
+			role: "dialog",
+			"aria-modal": "true",
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				(n || s) && /* @__PURE__ */ d("div", {
+					className: q.header,
+					children: [n && /* @__PURE__ */ u("h2", {
+						className: q.title,
+						children: n
+					}), s && /* @__PURE__ */ u("button", {
+						type: "button",
+						className: q.close,
+						onClick: t,
+						"aria-label": "Close",
+						children: /* @__PURE__ */ u(h, {})
+					})]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: q.body,
+					children: l
+				}),
+				i && /* @__PURE__ */ u("div", {
+					className: q.footer,
+					children: i
+				})
+			]
+		})
+	}), document.body);
+}
+var J = {
+	wrap: "_wrap_i3jd9_1",
+	bubble: "_bubble_i3jd9_5",
+	top: "_top_i3jd9_30",
+	bottom: "_bottom_i3jd9_35",
+	left: "_left_i3jd9_40",
+	right: "_right_i3jd9_45"
+};
+//#endregion
+//#region src/components/Tooltip.tsx
+function bt({ label: e, placement: t, children: n, className: r }) {
+	return /* @__PURE__ */ d("span", {
+		className: y(J.wrap, r),
+		children: [n, /* @__PURE__ */ u("span", {
+			role: "tooltip",
+			className: y(J.bubble, J[t]),
+			children: e
+		})]
+	});
+}
+var Y = {
+	alert: "_alert_11x8q_1",
+	icon: "_icon_11x8q_13",
+	content: "_content_11x8q_22",
+	title: "_title_11x8q_26",
+	close: "_close_11x8q_30",
+	info: "_info_11x8q_53",
+	success: "_success_11x8q_60",
+	warning: "_warning_11x8q_67",
+	danger: "_danger_11x8q_74"
+}, xt = {
+	info: /* @__PURE__ */ u(ae, {}),
+	success: /* @__PURE__ */ u(ee, {}),
+	warning: /* @__PURE__ */ u(p, {}),
+	danger: /* @__PURE__ */ u(f, {})
+};
+function St({ tone: e, title: t, children: n, onClose: r, icon: i, className: a }) {
+	let o = i !== null;
+	return /* @__PURE__ */ d("div", {
+		className: y(Y.alert, Y[e], a),
+		role: "alert",
+		children: [
+			o && /* @__PURE__ */ u("span", {
+				className: Y.icon,
+				children: i ?? xt[e]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: Y.content,
+				children: [t && /* @__PURE__ */ u("div", {
+					className: Y.title,
+					children: t
+				}), n]
+			}),
+			r && /* @__PURE__ */ u("button", {
+				type: "button",
+				className: Y.close,
+				onClick: r,
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ u(h, {})
+			})
+		]
+	});
+}
+var X = {
+	empty: "_empty_gusco_1",
+	icon: "_icon_gusco_10",
+	title: "_title_gusco_24",
+	description: "_description_gusco_30",
+	actions: "_actions_gusco_37"
+};
+//#endregion
+//#region src/components/EmptyState.tsx
+function Ct({ icon: e, title: t, description: n, actions: r, className: i }) {
+	return /* @__PURE__ */ d("div", {
+		className: y(X.empty, i),
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: X.icon,
+				children: e ?? /* @__PURE__ */ u(ie, {})
+			}),
+			/* @__PURE__ */ u("h3", {
+				className: X.title,
+				children: t
+			}),
+			n && /* @__PURE__ */ u("p", {
+				className: X.description,
+				children: n
+			}),
+			r && /* @__PURE__ */ u("div", {
+				className: X.actions,
+				children: r
+			})
+		]
+	});
+}
+var Z = {
+	viewport: "_viewport_10jk7_1",
+	toast: "_toast_10jk7_14",
+	visible: "_visible_10jk7_33",
+	leaving: "_leaving_10jk7_38",
+	error: "_error_10jk7_46",
+	iconWrapper: "_iconWrapper_10jk7_49",
+	progressBar: "_progressBar_10jk7_50",
+	success: "_success_10jk7_54",
+	info: "_info_10jk7_62",
+	warning: "_warning_10jk7_70",
+	message: "_message_10jk7_94",
+	closeButton: "_closeButton_10jk7_102",
+	progressTrack: "_progressTrack_10jk7_132",
+	shrink: "_shrink_10jk7_1"
+}, Q = e((e) => ({
+	toasts: [],
+	push: (t, n) => {
+		let r = Math.random().toString(36).slice(2);
+		return e((e) => ({ toasts: [...e.toasts, {
+			id: r,
+			message: t,
+			type: n?.type ?? "info",
+			duration: n?.duration ?? 6e3
+		}] })), r;
+	},
+	dismiss: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) }))
+})), wt = {
+	show: (e, t = "info", n) => Q.getState().push(e, {
+		type: t,
+		duration: n
+	}),
+	success: (e, t) => Q.getState().push(e, {
+		type: "success",
+		duration: t
+	}),
+	error: (e, t) => Q.getState().push(e, {
+		type: "error",
+		duration: t
+	}),
+	info: (e, t) => Q.getState().push(e, {
+		type: "info",
+		duration: t
+	}),
+	warning: (e, t) => Q.getState().push(e, {
+		type: "warning",
+		duration: t
+	})
+}, Tt = {
+	error: f,
+	success: se,
+	info: ae,
+	warning: p
+};
+function Et({ toast: e, onClose: t }) {
+	let [n, r] = c(!1), [i, o] = c(!1);
+	a(() => {
+		requestAnimationFrame(() => r(!0));
+		let t = setTimeout(s, e.duration);
+		return () => clearTimeout(t);
+	}, [e.duration]);
+	let s = () => {
+		o(!0), setTimeout(t, 280);
+	}, l = Tt[e.type];
+	return /* @__PURE__ */ d("div", {
+		className: [
+			Z.toast,
+			Z[e.type],
+			n ? Z.visible : "",
+			i ? Z.leaving : ""
+		].filter(Boolean).join(" "),
+		role: "alert",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: Z.iconWrapper,
+				children: /* @__PURE__ */ u(l, {})
+			}),
+			/* @__PURE__ */ u("p", {
+				className: Z.message,
+				children: e.message
+			}),
+			/* @__PURE__ */ u("button", {
+				type: "button",
+				className: Z.closeButton,
+				onClick: s,
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ u(h, {})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: Z.progressTrack,
+				children: /* @__PURE__ */ u("div", {
+					className: Z.progressBar,
+					style: { animationDuration: `${e.duration}ms` }
+				})
+			})
+		]
+	});
+}
+function Dt() {
+	let e = Q((e) => e.toasts), t = Q((e) => e.dismiss);
+	return /* @__PURE__ */ u("div", {
+		className: Z.viewport,
+		children: e.map((e) => /* @__PURE__ */ u(Et, {
+			toast: e,
+			onClose: () => t(e.id)
+		}, e.id))
+	});
+}
+var $ = {
+	backdrop: "_backdrop_u5sma_1",
+	modal: "_modal_u5sma_13",
+	header: "_header_u5sma_22",
+	headerContent: "_headerContent_u5sma_26",
+	icon: "_icon_u5sma_32",
+	danger: "_danger_u5sma_37",
+	title: "_title_u5sma_41",
+	body: "_body_u5sma_48",
+	error: "_error_u5sma_55",
+	actions: "_actions_u5sma_67"
+}, Ot = e((e) => ({
+	isOpen: !1,
+	options: null,
+	isLoading: !1,
+	confirm: (t) => e({
+		isOpen: !0,
+		options: t,
+		isLoading: !1
+	}),
+	close: () => e({
+		isOpen: !1,
+		options: null,
+		isLoading: !1
+	}),
+	setLoading: (t) => e({ isLoading: t })
+})), kt = (e) => Ot.getState().confirm(e);
+//#endregion
+//#region src/components/ConfirmDialog.tsx
+function At() {
+	let { isOpen: e, options: t, isLoading: n, close: r, setLoading: i } = Ot(), [o, s] = c(null), l = async () => {
+		if (t) {
+			i(!0), s(null);
+			try {
+				await t.onConfirm(), r();
+			} catch (e) {
+				s(e instanceof Error ? e.message : "An error occurred"), i(!1);
+			}
+		}
+	}, p = () => {
+		n || (t?.onCancel?.(), s(null), r());
+	};
+	if (a(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key === "Escape" && p(), e.key === "Enter" && !n && !o && l();
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [
+		e,
+		n,
+		o
+	]), !e || !t) return null;
+	let m = `${$.modal} ${t.danger ? $.danger : ""}`;
+	return /* @__PURE__ */ u("div", {
+		className: $.backdrop,
+		onClick: p,
+		role: "presentation",
+		children: /* @__PURE__ */ d("div", {
+			className: m,
+			onClick: (e) => e.stopPropagation(),
+			role: "alertdialog",
+			"aria-modal": "true",
+			"aria-labelledby": "bav-confirm-title",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: $.header,
+					children: /* @__PURE__ */ d("div", {
+						className: $.headerContent,
+						children: [/* @__PURE__ */ u(f, {
+							className: $.icon,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ u("h2", {
+							className: $.title,
+							id: "bav-confirm-title",
+							children: t.title
+						})]
+					})
+				}),
+				/* @__PURE__ */ d("div", {
+					className: $.body,
+					children: [typeof t.message == "string" ? /* @__PURE__ */ u("p", {
+						style: { margin: 0 },
+						children: t.message
+					}) : t.message, o && /* @__PURE__ */ d("div", {
+						className: $.error,
+						role: "alert",
+						children: [/* @__PURE__ */ u(f, {
+							size: 16,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ u("span", { children: o })]
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: $.actions,
+					children: [/* @__PURE__ */ u(ve, {
+						variant: "ghost",
+						onClick: p,
+						disabled: n,
+						children: t.cancelText ?? "Cancel"
+					}), /* @__PURE__ */ u(ve, {
+						variant: t.danger ? "danger" : "primary",
+						onClick: l,
+						disabled: n,
+						autoFocus: !0,
+						children: n ? "Please wait…" : t.confirmText ?? "Confirm"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { St as Alert, Ie as Avatar, je as Badge, lt as Breadcrumbs, ve as Button, Ve as Card, Ue as CardBody, We as CardFooter, He as CardHeader, we as Checkbox, At as ConfirmDialog, $e as DescriptionList, Re as Divider, Ct as EmptyState, ke as FileInput, tt as Flex, Oe as FormField, ye as IconButton, it as Inline, be as Input, Pe as Kbd, ht as Menu, gt as MenuItem, vt as MenuLabel, _t as MenuSeparator, yt as Modal, pt as Pagination, Ge as Panel, st as Paragraph, ze as ProgressBar, Ee as Radio, De as RadioGroup, Ae as SearchInput, Ce as Select, Le as Skeleton, ge as Spinner, rt as Stack, Be as Stat, Te as Switch, Ke as Table, Je as TableBody, Ze as TableCell, Qe as TableEmpty, Xe as TableHead, qe as TableHeader, Ye as TableRow, ut as Tabs, Me as Tag, ot as Text, Se as Textarea, me as ThemeProvider, at as Title, Dt as ToastViewport, bt as Tooltip, ct as Typography, kt as confirm, y as cx, le as darkTheme, ue as lightTheme, g as themes, fe as toCssVars, wt as toast, Ot as useConfirmStore, v as useThemeStore, Q as useToastStore };
+
+//# sourceMappingURL=bav-ui.mjs.map