@mucsi96/react-ui 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,831 @@
+"use client";
+import { Button as e, Checkbox as t, ComboBox as n, Dialog as r, DialogTrigger as i, FieldError as a, Group as o, Heading as s, Input as c, Label as l, Link as u, ListBox as d, ListBoxItem as f, Menu as p, MenuItem as m, MenuTrigger as h, MenuTrigger as g, Modal as _, ModalOverlay as v, Popover as y, ProgressBar as b, Radio as x, RadioGroup as S, Select as C, SelectValue as w, Separator as T, SubmenuTrigger as E, Switch as D, Text as O, TextArea as ee, TextField as te, Tooltip as ne, TooltipTrigger as re } from "react-aria-components";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { createContext as ie, useCallback as M, useContext as ae, useEffect as oe, useId as N, useMemo as se, useRef as P, useState as F } from "react";
+import { createPortal as ce } from "react-dom";
+//#region src/internal/classes.ts
+function I(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var L = { button: "_button_1t5ia_1" };
+//#endregion
+//#region src/components/button/button.tsx
+function R({ variant: t = "filled", tone: n = "primary", background: r, className: i, style: a, children: o, ref: s, ...c }) {
+	return /* @__PURE__ */ A(e, {
+		...c,
+		ref: s,
+		className: I(L.button, i),
+		"data-variant": t,
+		"data-tone": n,
+		style: {
+			...a,
+			"--bt-button-bg": r
+		},
+		children: o
+	});
+}
+function le({ variant: e = "filled", tone: t = "primary", background: n, className: r, style: i, children: a, ref: o, ...s }) {
+	return /* @__PURE__ */ A(u, {
+		...s,
+		ref: o,
+		className: I(L.button, r),
+		"data-variant": e,
+		"data-tone": t,
+		style: {
+			...i,
+			"--bt-button-bg": n
+		},
+		children: a
+	});
+}
+var z = {
+	field: "_field_zdwqy_1",
+	label: "_label_zdwqy_9",
+	input: "_input_zdwqy_13",
+	selectButton: "_selectButton_zdwqy_14",
+	description: "_description_zdwqy_44",
+	error: "_error_zdwqy_48",
+	combo: "_combo_zdwqy_65",
+	comboButton: "_comboButton_zdwqy_71",
+	popover: "_popover_zdwqy_89",
+	list: "_list_zdwqy_99",
+	option: "_option_zdwqy_105",
+	control: "_control_zdwqy_120",
+	check: "_check_zdwqy_134",
+	radio: "_radio_zdwqy_135",
+	track: "_track_zdwqy_159",
+	thumb: "_thumb_zdwqy_169"
+};
+//#endregion
+//#region src/components/forms/text-field.tsx
+function ue({ label: e, description: t, error: n, placeholder: r, multiline: i = !1, rows: o = 3, appearance: s = "outlined", className: u, ref: d, ...f }) {
+	return /* @__PURE__ */ j(te, {
+		...f,
+		ref: d,
+		isInvalid: !!n || f.isInvalid,
+		className: I(z.field, u),
+		"data-appearance": s,
+		children: [
+			/* @__PURE__ */ A(l, {
+				className: z.label,
+				children: e
+			}),
+			i ? /* @__PURE__ */ A(ee, {
+				className: z.input,
+				placeholder: r,
+				rows: o
+			}) : /* @__PURE__ */ A(c, {
+				className: z.input,
+				placeholder: r
+			}),
+			t && /* @__PURE__ */ A(O, {
+				slot: "description",
+				className: z.description,
+				children: t
+			}),
+			/* @__PURE__ */ A(a, {
+				className: z.error,
+				children: n
+			})
+		]
+	});
+}
+var de = { icon: "_icon_1xold_1" }, fe = {
+	"chevron-down": "m6 9 6 6 6-6",
+	"chevron-right": "m9 6 6 6-6 6",
+	"arrow-left": "m12 19-7-7 7-7M5 12h14",
+	"arrow-right": "m12 5 7 7-7 7M5 12h14",
+	"arrow-up": "m5 12 7-7 7 7M12 5v14",
+	"arrow-down": "m5 12 7 7 7-7M12 5v14",
+	sort: "m8 3-4 4h8M8 3v18m8 0 4-4h-8m4-14v18",
+	close: "m6 6 12 12M6 18 18 6"
+};
+function B({ name: e, className: t, ...n }) {
+	return /* @__PURE__ */ A("svg", {
+		...n,
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: I(de.icon, t),
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ A("path", { d: fe[e] })
+	});
+}
+//#endregion
+//#region src/components/forms/select.tsx
+function pe({ label: t, options: n, description: r, error: i, placeholder: o = "Select an option", className: s, ...c }) {
+	return /* @__PURE__ */ j(C, {
+		...c,
+		isInvalid: !!i || c.isInvalid,
+		className: I(z.field, s),
+		placeholder: o,
+		children: [
+			/* @__PURE__ */ A(l, {
+				className: z.label,
+				children: t
+			}),
+			/* @__PURE__ */ j(e, {
+				className: z.selectButton,
+				children: [/* @__PURE__ */ A(w, {}), /* @__PURE__ */ A(B, { name: "chevron-down" })]
+			}),
+			r && /* @__PURE__ */ A(O, {
+				slot: "description",
+				className: z.description,
+				children: r
+			}),
+			/* @__PURE__ */ A(a, {
+				className: z.error,
+				children: i
+			}),
+			/* @__PURE__ */ A(y, {
+				className: z.popover,
+				children: /* @__PURE__ */ A(d, {
+					items: n,
+					className: z.list,
+					children: (e) => /* @__PURE__ */ A(f, {
+						id: e.id,
+						textValue: e.label,
+						isDisabled: e.isDisabled,
+						className: z.option,
+						children: e.label
+					})
+				})
+			})
+		]
+	});
+}
+function me({ label: t, options: r, description: i, error: s, placeholder: u = "Search…", className: p, ...m }) {
+	return /* @__PURE__ */ j(n, {
+		...m,
+		defaultItems: r,
+		isInvalid: !!s || m.isInvalid,
+		className: I(z.field, p),
+		children: [
+			/* @__PURE__ */ A(l, {
+				className: z.label,
+				children: t
+			}),
+			/* @__PURE__ */ j(o, {
+				className: z.combo,
+				children: [/* @__PURE__ */ A(c, {
+					className: z.input,
+					placeholder: u
+				}), /* @__PURE__ */ A(e, {
+					className: z.comboButton,
+					"aria-label": `Show ${t.toLowerCase()} options`,
+					children: /* @__PURE__ */ A(B, { name: "chevron-down" })
+				})]
+			}),
+			i && /* @__PURE__ */ A(O, {
+				slot: "description",
+				className: z.description,
+				children: i
+			}),
+			/* @__PURE__ */ A(a, {
+				className: z.error,
+				children: s
+			}),
+			/* @__PURE__ */ A(y, {
+				className: z.popover,
+				children: /* @__PURE__ */ A(d, {
+					className: z.list,
+					renderEmptyState: () => "No results",
+					children: (e) => /* @__PURE__ */ A(f, {
+						id: e.id,
+						textValue: e.label,
+						isDisabled: e.isDisabled,
+						className: z.option,
+						children: e.label
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/forms/controls.tsx
+function he({ children: e, className: n, ...r }) {
+	return /* @__PURE__ */ A(t, {
+		...r,
+		className: I(z.control, n),
+		children: ({ isSelected: t, isIndeterminate: n }) => /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
+			className: z.check,
+			"aria-hidden": "true",
+			children: n ? "−" : t ? "✓" : ""
+		}), e] })
+	});
+}
+function ge({ label: e, children: t, className: n, ...r }) {
+	return /* @__PURE__ */ j(S, {
+		...r,
+		className: I(z.field, n),
+		children: [/* @__PURE__ */ A(l, {
+			className: z.label,
+			children: e
+		}), t]
+	});
+}
+function _e({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ j(x, {
+		...n,
+		className: I(z.control, t),
+		children: [/* @__PURE__ */ A("span", {
+			className: z.radio,
+			"aria-hidden": "true"
+		}), e]
+	});
+}
+function ve({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ j(D, {
+		...n,
+		className: I(z.control, t),
+		children: [/* @__PURE__ */ A("span", {
+			className: z.track,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ A("span", { className: z.thumb })
+		}), e]
+	});
+}
+var V = {
+	slider: "_slider_1x954_1",
+	svg: "_svg_1x954_11",
+	track: "_track_1x954_27",
+	progress: "_progress_1x954_28",
+	handle: "_handle_1x954_39",
+	readout: "_readout_1x954_48",
+	label: "_label_1x954_60",
+	value: "_value_1x954_66",
+	unit: "_unit_1x954_73"
+};
+//#endregion
+//#region src/components/donut-slider/donut-slider.tsx
+function H(e, t, n, r) {
+	let i = Number((Math.round(e / t) * t).toFixed(12));
+	return Math.min(r ?? Infinity, Math.max(n ?? -Infinity, i));
+}
+function U(e) {
+	let t = e.currentTarget.getBoundingClientRect();
+	return (Math.atan2(e.clientX - t.left - t.width / 2, -(e.clientY - t.top - t.height / 2)) * 180 / Math.PI + 360) % 360;
+}
+function ye({ label: e, value: t, defaultValue: n = 0, onChange: r, valuePerTurn: i = 100, step: a = 1, min: o, max: s, unit: c = "", size: l = 220, displayDecimals: u = 0, isDisabled: d = !1, className: f }) {
+	let [p, m] = F(n), [h, g] = F(!1), _ = P(null), v = P(null);
+	if (!Number.isFinite(i) || i <= 0 || !Number.isFinite(a) || a <= 0) throw RangeError("DonutSlider requires positive, finite step and valuePerTurn values.");
+	if (o !== void 0 && s !== void 0 && o > s) throw RangeError("DonutSlider min must not exceed max.");
+	let y = H(t ?? p, a, o, s), b = (y / i % 1 + 1) % 1, x = (b * 360 - 90) * Math.PI / 180, S = 2 * Math.PI * 90, C = y.toFixed(Math.min(20, Math.max(0, Math.trunc(u))));
+	function w(e) {
+		let n = H(e, a, o, s);
+		n !== y && (t === void 0 && m(n), r?.(n));
+	}
+	function T(e) {
+		if (d || e.button !== 0 || _.current) return;
+		let t = U(e), n = Math.round(y / i - t / 360);
+		_.current = {
+			pointerId: e.pointerId,
+			lastAngle: t,
+			turn: n
+		}, e.currentTarget.setPointerCapture(e.pointerId), v.current?.focus(), g(!0), w((n + t / 360) * i), e.preventDefault();
+	}
+	function E(e) {
+		let t = _.current;
+		if (d || !t || e.pointerId !== t.pointerId) return;
+		let n = U(e);
+		t.lastAngle > 270 && n < 90 ? t.turn += 1 : t.lastAngle < 90 && n > 270 && --t.turn, t.lastAngle = n, w((t.turn + n / 360) * i), e.preventDefault();
+	}
+	function D(e) {
+		e.pointerId === _.current?.pointerId && (_.current = null, g(!1), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId));
+	}
+	function O(e) {
+		if (d) return;
+		let t;
+		switch (e.key) {
+			case "ArrowUp":
+			case "ArrowRight":
+				t = y + a;
+				break;
+			case "ArrowDown":
+			case "ArrowLeft":
+				t = y - a;
+				break;
+			case "PageUp":
+				t = y + i / 10;
+				break;
+			case "PageDown":
+				t = y - i / 10;
+				break;
+			case "Home":
+				if (o === void 0) return;
+				t = o;
+				break;
+			case "End":
+				if (s === void 0) return;
+				t = s;
+				break;
+			default: return;
+		}
+		e.preventDefault(), w(t);
+	}
+	return /* @__PURE__ */ j("div", {
+		ref: v,
+		role: "slider",
+		tabIndex: d ? -1 : 0,
+		"aria-label": e,
+		"aria-valuenow": y,
+		"aria-valuemin": o,
+		"aria-valuemax": s,
+		"aria-valuetext": `${C}${c ? ` ${c}` : ""}`,
+		"aria-disabled": d || void 0,
+		className: I(V.slider, f),
+		"data-dragging": h || void 0,
+		"data-disabled": d || void 0,
+		style: { "--dial-size": `${l}px` },
+		onKeyDown: O,
+		children: [/* @__PURE__ */ j("svg", {
+			viewBox: "0 0 220 220",
+			className: V.svg,
+			"aria-hidden": "true",
+			onPointerDown: T,
+			onPointerMove: E,
+			onPointerUp: D,
+			onPointerCancel: D,
+			onLostPointerCapture: D,
+			children: [
+				/* @__PURE__ */ A("circle", {
+					cx: "110",
+					cy: "110",
+					r: 90,
+					className: V.track
+				}),
+				/* @__PURE__ */ A("circle", {
+					cx: "110",
+					cy: "110",
+					r: 90,
+					className: V.progress,
+					strokeDasharray: `${b * S} ${S}`,
+					transform: "rotate(-90 110 110)"
+				}),
+				/* @__PURE__ */ A("circle", {
+					cx: 110 + 90 * Math.cos(x),
+					cy: 110 + 90 * Math.sin(x),
+					r: "15",
+					className: V.handle
+				})
+			]
+		}), /* @__PURE__ */ j("div", {
+			className: V.readout,
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ A("span", {
+				className: V.label,
+				children: e
+			}), /* @__PURE__ */ j("span", {
+				className: V.value,
+				children: [C, /* @__PURE__ */ A("span", {
+					className: V.unit,
+					children: c
+				})]
+			})]
+		})]
+	});
+}
+var W = {
+	popover: "_popover_b0jmz_1",
+	menu: "_menu_b0jmz_11",
+	item: "_item_b0jmz_18",
+	submenuIcon: "_submenuIcon_b0jmz_41",
+	separator: "_separator_b0jmz_44"
+};
+//#endregion
+//#region src/components/menu/menu.tsx
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ A(p, {
+		...t,
+		className: I(W.menu, e)
+	});
+}
+function be({ className: e, tone: t = "default", children: n, ...r }) {
+	return /* @__PURE__ */ A(m, {
+		...r,
+		textValue: r.textValue ?? (typeof n == "string" ? n : void 0),
+		className: I(W.item, e),
+		"data-tone": t,
+		children: ({ hasSubmenu: e }) => /* @__PURE__ */ j(k, { children: [n, e && /* @__PURE__ */ A(B, {
+			name: "chevron-right",
+			className: W.submenuIcon
+		})] })
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ A(y, {
+		...t,
+		className: I(W.popover, e)
+	});
+}
+function xe() {
+	return /* @__PURE__ */ A(T, { className: W.separator });
+}
+var q = {
+	group: "_group_1dm4k_1",
+	primary: "_primary_1dm4k_6",
+	trigger: "_trigger_1dm4k_10"
+};
+//#endregion
+//#region src/components/split-button/split-button.tsx
+function Se({ label: e, icon: t, menuLabel: n = "More actions", children: r, className: i, ...a }) {
+	return /* @__PURE__ */ j("div", {
+		className: I(q.group, i),
+		children: [/* @__PURE__ */ j(R, {
+			...a,
+			className: q.primary,
+			children: [t, e]
+		}), /* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(R, {
+			tone: a.tone,
+			background: a.background,
+			isDisabled: a.isDisabled,
+			className: q.trigger,
+			"aria-label": n,
+			children: /* @__PURE__ */ A(B, { name: "chevron-down" })
+		}), /* @__PURE__ */ A(K, {
+			placement: "bottom end",
+			children: /* @__PURE__ */ A(G, {
+				"aria-label": n,
+				children: r
+			})
+		})] })]
+	});
+}
+var J = {
+	overlay: "_overlay_1gzvt_1",
+	modal: "_modal_1gzvt_12",
+	dialog: "_dialog_1gzvt_22",
+	header: "_header_1gzvt_27",
+	title: "_title_1gzvt_34",
+	description: "_description_1gzvt_39"
+};
+//#endregion
+//#region src/components/dialog/dialog.tsx
+function Ce({ title: e, description: t, children: n, role: i = "dialog", className: a, isDismissable: o = !0, ...c }) {
+	let l = N();
+	return /* @__PURE__ */ A(v, {
+		...c,
+		isDismissable: o,
+		className: J.overlay,
+		children: /* @__PURE__ */ A(_, {
+			className: J.modal,
+			children: /* @__PURE__ */ A(r, {
+				role: i,
+				"aria-describedby": t ? l : void 0,
+				className: I(J.dialog, a),
+				children: ({ close: r }) => /* @__PURE__ */ j(k, { children: [
+					/* @__PURE__ */ j("header", {
+						className: J.header,
+						children: [/* @__PURE__ */ A(s, {
+							slot: "title",
+							className: J.title,
+							children: e
+						}), /* @__PURE__ */ A(R, {
+							variant: "icon",
+							"aria-label": "Close dialog",
+							onPress: r,
+							children: /* @__PURE__ */ A(B, { name: "close" })
+						})]
+					}),
+					t && /* @__PURE__ */ A("p", {
+						id: l,
+						className: J.description,
+						children: t
+					}),
+					typeof n == "function" ? n({ close: r }) : n
+				] })
+			})
+		})
+	});
+}
+var we = { tooltip: "_tooltip_yd2ye_1" };
+//#endregion
+//#region src/components/tooltip/tooltip.tsx
+function Te({ children: e, content: t, placement: n = "top", delay: r = 500 }) {
+	return /* @__PURE__ */ j(re, {
+		delay: r,
+		children: [e, /* @__PURE__ */ A(ne, {
+			className: we.tooltip,
+			placement: n,
+			children: t
+		})]
+	});
+}
+var Y = {
+	container: "_container_154he_1",
+	scroll: "_scroll_154he_12",
+	table: "_table_154he_15",
+	caption: "_caption_154he_20",
+	captionText: "_captionText_154he_27",
+	sort: "_sort_154he_59",
+	pagination: "_pagination_154he_76",
+	empty: "_empty_154he_86",
+	srOnly: "_srOnly_154he_93"
+};
+//#endregion
+//#region src/components/table/data-table.tsx
+function Ee({ caption: e, rows: t, columns: n, getRowKey: r, pageSize: i = 10, selectedKey: a = null, onSelectionChange: o, getRowLabel: s, emptyMessage: c = "No results found.", className: l }) {
+	let [u, d] = F(null), [f, p] = F(0), m = N(), h = Math.max(1, Math.trunc(i)), g = Math.max(1, Math.ceil(t.length / h)), _ = Math.min(f, g - 1), v = n.find((e) => e.id === u?.column)?.compare, y = (v && u ? [...t].sort((e, t) => v(e, t) * (u.direction === "ascending" ? 1 : -1)) : t).slice(_ * h, (_ + 1) * h);
+	function b(e) {
+		d((t) => t?.column === e ? t.direction === "ascending" ? {
+			column: e,
+			direction: "descending"
+		} : null : {
+			column: e,
+			direction: "ascending"
+		}), p(0);
+	}
+	return /* @__PURE__ */ j("div", {
+		className: I(Y.container, l),
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: Y.scroll,
+				children: /* @__PURE__ */ j("table", {
+					className: Y.table,
+					"aria-describedby": y.length === 0 ? m : void 0,
+					children: [
+						/* @__PURE__ */ A("caption", {
+							className: Y.caption,
+							children: /* @__PURE__ */ A("span", {
+								className: Y.captionText,
+								children: e
+							})
+						}),
+						/* @__PURE__ */ A("thead", { children: /* @__PURE__ */ j("tr", { children: [o && /* @__PURE__ */ A("th", {
+							scope: "col",
+							children: /* @__PURE__ */ A("span", {
+								className: Y.srOnly,
+								children: "Selection"
+							})
+						}), n.map((e) => /* @__PURE__ */ A("th", {
+							scope: "col",
+							"data-align": e.align,
+							"aria-sort": e.compare ? u?.column === e.id ? u.direction : "none" : void 0,
+							children: e.compare ? /* @__PURE__ */ j("button", {
+								className: Y.sort,
+								onClick: () => b(e.id),
+								children: [e.label, /* @__PURE__ */ A(B, { name: u?.column === e.id ? u.direction === "ascending" ? "arrow-up" : "arrow-down" : "sort" })]
+							}) : e.label
+						}, e.id))] }) }),
+						/* @__PURE__ */ A("tbody", { children: y.map((e) => {
+							let t = r(e);
+							return /* @__PURE__ */ j("tr", {
+								"data-selected": t === a || void 0,
+								children: [o && /* @__PURE__ */ A("td", { children: /* @__PURE__ */ A(R, {
+									variant: "icon",
+									"aria-label": `Select ${s?.(e) ?? String(t)}`,
+									"aria-pressed": a === t,
+									onPress: () => o(a === t ? null : t),
+									children: /* @__PURE__ */ A(B, { name: "chevron-right" })
+								}) }), n.map((t) => /* @__PURE__ */ A("td", {
+									"data-align": t.align,
+									children: t.renderCell(e)
+								}, t.id))]
+							}, t);
+						}) })
+					]
+				})
+			}),
+			y.length === 0 && /* @__PURE__ */ A("p", {
+				id: m,
+				className: Y.empty,
+				children: c
+			}),
+			/* @__PURE__ */ j("nav", {
+				"aria-label": `${e} pagination`,
+				className: Y.pagination,
+				children: [
+					/* @__PURE__ */ j("span", { children: [
+						t.length === 0 ? 0 : _ * h + 1,
+						"–",
+						Math.min((_ + 1) * h, t.length),
+						" of ",
+						t.length
+					] }),
+					/* @__PURE__ */ A(R, {
+						variant: "text",
+						"aria-label": "Previous page",
+						isDisabled: _ === 0,
+						onPress: () => p(_ - 1),
+						children: /* @__PURE__ */ A(B, { name: "arrow-left" })
+					}),
+					/* @__PURE__ */ j("span", { children: [
+						"Page ",
+						_ + 1,
+						" of ",
+						g
+					] }),
+					/* @__PURE__ */ A(R, {
+						variant: "text",
+						"aria-label": "Next page",
+						isDisabled: _ === g - 1,
+						onPress: () => p(_ + 1),
+						children: /* @__PURE__ */ A(B, { name: "arrow-right" })
+					})
+				]
+			})
+		]
+	});
+}
+var X = {
+	alert: "_alert_swrmo_1",
+	title: "_title_swrmo_30",
+	region: "_region_swrmo_34",
+	dismiss: "_dismiss_swrmo_45"
+};
+//#endregion
+//#region src/components/notifications/notifications.tsx
+function De({ tone: e = "info", title: t, children: n, className: r, role: i, ...a }) {
+	return /* @__PURE__ */ A("div", {
+		...a,
+		role: i ?? (e === "error" ? "alert" : "status"),
+		className: I(X.alert, r),
+		"data-tone": e,
+		children: /* @__PURE__ */ j("div", { children: [t && /* @__PURE__ */ A("strong", {
+			className: X.title,
+			children: t
+		}), n] })
+	});
+}
+var Z = ie(null);
+function Oe({ notification: e, dismiss: t }) {
+	let [n, r] = F(!1), [i, a] = F(!1), o = P(e.duration);
+	return oe(() => {
+		if (n || i || e.duration <= 0) return;
+		let r = Date.now(), a = setTimeout(() => t(e.id), Math.max(0, o.current));
+		return () => {
+			clearTimeout(a), o.current = Math.max(0, o.current - (Date.now() - r));
+		};
+	}, [
+		n,
+		i,
+		e.duration,
+		e.id,
+		t
+	]), /* @__PURE__ */ j("div", {
+		className: X.alert,
+		"data-tone": e.tone,
+		role: e.tone === "error" ? "alert" : "status",
+		onMouseEnter: () => r(!0),
+		onMouseLeave: () => r(!1),
+		onFocus: () => a(!0),
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || a(!1);
+		},
+		children: [/* @__PURE__ */ j("div", { children: [e.title && /* @__PURE__ */ A("strong", {
+			className: X.title,
+			children: e.title
+		}), e.message] }), /* @__PURE__ */ A("button", {
+			className: X.dismiss,
+			onClick: () => t(e.id),
+			"aria-label": "Dismiss notification",
+			children: /* @__PURE__ */ A(B, { name: "close" })
+		})]
+	});
+}
+function ke({ children: e, defaultDuration: t = 4e3 }) {
+	let [n, r] = F([]), i = P(0), a = M((e) => r((t) => t.filter((t) => t.id !== e)), []), o = M(() => r([]), []), s = M((e, n, a = {}) => {
+		let o = ++i.current;
+		return r((r) => [...r, {
+			...a,
+			id: o,
+			tone: e,
+			message: n,
+			duration: a.duration ?? t
+		}]), o;
+	}, [t]), c = se(() => ({
+		info: (e, t) => s("info", e, t),
+		success: (e, t) => s("success", e, t),
+		warn: (e, t) => s("warn", e, t),
+		error: (e, t) => s("error", e, t),
+		dismiss: a,
+		clear: o
+	}), [
+		s,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ j(Z, {
+		value: c,
+		children: [e, n.length > 0 && typeof document < "u" && ce(/* @__PURE__ */ A("section", {
+			className: X.region,
+			"aria-label": "Notifications",
+			"data-react-aria-top-layer": !0,
+			children: n.map((e) => /* @__PURE__ */ A(Oe, {
+				notification: e,
+				dismiss: a
+			}, e.id))
+		}), document.body)]
+	});
+}
+function Ae() {
+	let e = ae(Z);
+	if (!e) throw Error("useNotifications must be used within NotificationsProvider.");
+	return e;
+}
+var Q = {
+	bars: "_bars_12foz_1",
+	stretch: "_stretch_12foz_1",
+	spinner: "_spinner_12foz_25",
+	spin: "_spin_12foz_25",
+	progress: "_progress_12foz_34",
+	track: "_track_12foz_41",
+	fill: "_fill_12foz_47",
+	travel: "_travel_12foz_1"
+};
+//#endregion
+//#region src/components/loader/loader.tsx
+function je({ label: e = "Loading", color: t, className: n }) {
+	return /* @__PURE__ */ A("div", {
+		role: "progressbar",
+		"aria-label": e,
+		"aria-busy": "true",
+		className: I(Q.bars, n),
+		style: { "--bt-bar-loader-color": t },
+		children: [
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((e) => /* @__PURE__ */ A("span", { "aria-hidden": "true" }, e))
+	});
+}
+function Me({ label: e = "Loading", className: t }) {
+	return /* @__PURE__ */ A("div", {
+		role: "progressbar",
+		"aria-label": e,
+		"aria-busy": "true",
+		className: I(Q.spinner, t)
+	});
+}
+function Ne({ label: e, className: t, ...n }) {
+	return /* @__PURE__ */ A(b, {
+		...n,
+		className: I(Q.progress, t),
+		children: ({ percentage: t, isIndeterminate: n }) => /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(l, { children: e }), /* @__PURE__ */ A("div", {
+			className: Q.track,
+			children: /* @__PURE__ */ A("div", {
+				className: Q.fill,
+				"data-indeterminate": n || void 0,
+				style: { width: n ? "35%" : `${t}%` }
+			})
+		})] })
+	});
+}
+var $ = {
+	card: "_card_1qbnp_1",
+	badge: "_badge_1qbnp_14",
+	heading: "_heading_1qbnp_41",
+	text: "_text_1qbnp_63",
+	muted: "_muted_1qbnp_68",
+	code: "_code_1qbnp_71",
+	divider: "_divider_1qbnp_81"
+};
+//#endregion
+//#region src/components/surface/surface.tsx
+function Pe({ variant: e = "outlined", className: t, ...n }) {
+	return /* @__PURE__ */ A("section", {
+		...n,
+		className: I($.card, t),
+		"data-variant": e
+	});
+}
+function Fe({ tone: e = "neutral", className: t, ...n }) {
+	return /* @__PURE__ */ A("span", {
+		...n,
+		className: I($.badge, t),
+		"data-tone": e
+	});
+}
+function Ie({ level: e = 2, className: t, ...n }) {
+	let r = `h${e}`;
+	return /* @__PURE__ */ A(r, {
+		...n,
+		className: I($.heading, t)
+	});
+}
+function Le({ muted: e = !1, className: t, ...n }) {
+	return /* @__PURE__ */ A("p", {
+		...n,
+		className: I($.text, e && $.muted, t)
+	});
+}
+function Re({ children: e }) {
+	return /* @__PURE__ */ A("code", {
+		className: $.code,
+		children: e
+	});
+}
+function ze() {
+	return /* @__PURE__ */ A("hr", { className: $.divider });
+}
+//#endregion
+export { De as Alert, Fe as Badge, je as BarLoader, R as Button, Pe as Card, he as Checkbox, Re as Code, me as ComboBox, Ee as DataTable, Ce as Dialog, i as DialogTrigger, ze as Divider, ye as DonutSlider, Ie as Heading, le as LinkButton, G as Menu, be as MenuItem, K as MenuPopover, xe as MenuSeparator, h as MenuTrigger, ke as NotificationsProvider, Ne as ProgressBar, _e as Radio, ge as RadioGroup, pe as Select, Me as Spinner, Se as SplitButton, E as SubmenuTrigger, ve as Switch, Le as Text, ue as TextField, Te as Tooltip, Ae as useNotifications };