admin-ui-starter-kit 0.6.5 → 0.6.7

package/dist/_shared/display-BQijMo37.js

@@ -0,0 +1,986 @@
+import { useStrings as e } from "../lib/strings.js";
+import { o as t } from "./ui-provider-Dj6OSOZi.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./button-vv59_uS_.js";
+import { t as i } from "./slot-C5EJicOc.js";
+import { a, c as o, s } from "./typography-DXvCmE8w.js";
+import { t as c } from "./badge-B4oBB5BJ.js";
+import { r as l, t as u } from "./alert-D23Q7I0W.js";
+import { t as d } from "./input-Cin0qpjj.js";
+import { f, u as p } from "./form-sizing-DWjJsQSR.js";
+import { a as m, i as h, n as g, o as _, r as v, t as y } from "./select-BwUUXpsb.js";
+import { a as b, i as x, o as S, r as C, t as w } from "./avatar-BagPbPuD.js";
+import * as T from "react";
+import E, { forwardRef as D, memo as O, useCallback as k, useEffect as A, useId as j, useMemo as M, useState as N } from "react";
+import { format as P } from "date-fns";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { AlertTriangle as R, BadgeCheck as z, CheckCircle2 as B, CircleAlert as V, Clock as ee, Info as te, Minus as ne, Plus as re, RotateCcw as ie, ShieldAlert as ae, X as oe, XCircle as se } from "lucide-react";
+import { cva as ce } from "class-variance-authority";
+import { Controller as le } from "react-hook-form";
+import { Collapsible as H } from "@base-ui/react/collapsible";
+import { Progress as U } from "@base-ui/react/progress";
+import { formatHex as W, oklch as G } from "culori";
+import ue from "qrcode";
+//#region src/components/base/forms/fields/decimal-input.tsx
+var de = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, fe = (e, t, n) => {
+	if (!e) return "";
+	let r = e;
+	if (r = r.replace(/,/g, "."), r = n ? r.replace(/[^\d.-]/g, "") : r.replace(/[^\d.]/g, ""), n && r.includes("-")) {
+		let e = r.startsWith("-");
+		r = r.replace(/-/g, ""), e && (r = "-" + r);
+	}
+	let i = r.split(".");
+	return i.length > 2 && (r = i[0] + "." + i.slice(1).join("")), i.length === 2 && i[1].length > t && (r = i[0] + "." + i[1].substring(0, t)), r;
+}, pe = (e, t, n) => {
+	if (!e || e === "-") return !0;
+	let r = parseFloat(e);
+	return Number.isNaN(r) ? !0 : !(t !== void 0 && r < t || n !== void 0 && r > n);
+};
+function K(e, t, n) {
+	let r = 10 ** t, i = e * r;
+	switch (n) {
+		case "floor": return Math.floor(i) / r;
+		case "ceil": return Math.ceil(i) / r;
+		case "half-even": {
+			let e = Math.floor(i), t = i - e;
+			return t > .5 ? (e + 1) / r : t < .5 ? e / r : (e % 2 == 0 ? e : e + 1) / r;
+		}
+		default: return Math.round(i) / r;
+	}
+}
+function q(e, t, n) {
+	let r = e;
+	return t !== void 0 && (r = Math.max(t, r)), n !== void 0 && (r = Math.min(n, r)), r;
+}
+function me(e, t, n, r, i = "round") {
+	let a = r ?? 0, o = (e - a) / n, s = a + ((i === "floor" ? Math.floor(o) : i === "ceil" ? Math.ceil(o) : Math.round(o)) + t) * n;
+	return Number(s.toFixed(12));
+}
+function he(e, t, n) {
+	let r = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+	r ? r.call(e, t) : e.value = t, n && n({
+		target: e,
+		currentTarget: e,
+		type: "change",
+		bubbles: !1,
+		cancelable: !1
+	});
+}
+var ge = {
+	small: "w-control-small",
+	default: "w-control"
+};
+function _e({ decimalPlaces: r = 2, min: i, max: a, allowNegative: o = !0, allowEmpty: s = !0, step: c, roundingMode: l = "round", normalizeOnBlur: u = !0, onChange: p, onBlur: m, placeholder: h, className: g, value: _, defaultValue: v, disabled: y, size: b, strings: x, ...S }, C) {
+	let { defaultControlSize: w } = t(), E = f(b, w), D = e(de, x), O = Math.min(12, Math.max(0, r)), A = T.useRef(null), j = k((e) => {
+		let t = e.target.value;
+		if (!t && s) {
+			p?.(e);
+			return;
+		}
+		let n = fe(t, O, o);
+		if (pe(n, i, a)) if (n !== t) {
+			let t = {
+				...e,
+				target: {
+					...e.target,
+					value: n
+				},
+				currentTarget: {
+					...e.currentTarget,
+					value: n
+				}
+			};
+			p?.(t);
+		} else p?.(e);
+	}, [
+		p,
+		O,
+		o,
+		s,
+		i,
+		a
+	]), M = k((e) => {
+		if (m?.(e), !u) return;
+		let t = e.target.value;
+		if (!t && s) return;
+		let n = Number.parseFloat(t.replace(",", "."));
+		if (!Number.isFinite(n)) return;
+		let r = K(q(n, i, a), O, l).toFixed(O);
+		r !== t && A.current && he(A.current, r, p);
+	}, [
+		m,
+		p,
+		u,
+		s,
+		i,
+		a,
+		O,
+		l
+	]), N = k((e) => {
+		if (y || c === void 0) return;
+		let t = A.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		he(t, K(q(me(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), O, l).toFixed(O), p);
+	}, [
+		y,
+		c,
+		i,
+		a,
+		l,
+		O,
+		p
+	]), P = typeof c == "number" && c > 0, F = h ?? (O > 0 ? `0.${"0".repeat(O)}` : "0");
+	return P ? /* @__PURE__ */ L("div", {
+		className: n("decimal-input--component", "flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", S["aria-invalid"] && "border-destructive ring-destructive/20", y && "opacity-50 cursor-not-allowed"),
+		children: [
+			/* @__PURE__ */ I("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": D.decrement,
+				disabled: y,
+				onClick: () => N(-1),
+				className: n("inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors", ge[E], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ I(ne, { className: E === "small" ? "size-icon-sm" : "size-icon" })
+			}),
+			/* @__PURE__ */ I(d, {
+				size: E,
+				ref: (e) => {
+					A.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+				},
+				type: "text",
+				inputMode: O > 0 ? "decimal" : "numeric",
+				placeholder: F,
+				onChange: j,
+				onBlur: M,
+				value: _,
+				defaultValue: v,
+				disabled: y,
+				className: n("flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0", g),
+				...S
+			}),
+			/* @__PURE__ */ I("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": D.increment,
+				disabled: y,
+				onClick: () => N(1),
+				className: n("inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors", ge[E], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ I(re, { className: E === "small" ? "size-icon-sm" : "size-icon" })
+			})
+		]
+	}) : /* @__PURE__ */ I(d, {
+		size: E,
+		ref: (e) => {
+			A.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+		},
+		type: "text",
+		inputMode: O > 0 ? "decimal" : "numeric",
+		placeholder: F,
+		onChange: j,
+		onBlur: M,
+		value: _,
+		defaultValue: v,
+		disabled: y,
+		className: n("tabular-nums text-end", g),
+		...S
+	});
+}
+var J = T.forwardRef(_e);
+J.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms/fields/currency-input.tsx
+var ve = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, ye = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${ve[e] || e} ${e}`
+} : e);
+function be({ currency: e, defaultCurrency: r, currencies: i, onCurrencyChange: o, currencyPosition: s = "start", disableCurrencySelector: c = !1, currencyPlaceholder: l, currencyWidth: u = "w-28", currencyLabel: d, invalid: b, disabled: x, onConfigError: S, size: C, ...w }, T) {
+	let { defaultControlSize: E } = t(), D = f(C, E), O = M(() => ye(i), [i]), [j, P] = N(r ?? O[0]?.value ?? ""), F = e !== void 0, R = F ? e : j;
+	A(() => {
+		let t = {
+			currency: e,
+			defaultCurrency: r,
+			disableCurrencySelector: c
+		};
+		c && typeof e == "string" && typeof r == "string" && e.trim() !== "" && r.trim() !== "" && e !== r && S?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", t), c && (typeof R != "string" || R.trim().length === 0) && S?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", t);
+	}, [
+		e,
+		r,
+		c,
+		S,
+		R
+	]);
+	let z = k((e) => {
+		e !== null && (F || P(e), o?.(e));
+	}, [F, o]), B = M(() => n("border-input bg-transparent !shadow-none", p[D], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", u, x && "opacity-50 cursor-not-allowed"), [
+		D,
+		u,
+		x
+	]), V = /* @__PURE__ */ L("div", {
+		className: "space-y-2",
+		children: [!!d && /* @__PURE__ */ I(a, {
+			className: "leading-6",
+			children: d
+		}), /* @__PURE__ */ L(y, {
+			value: R,
+			onValueChange: (e) => z(e),
+			disabled: x || c,
+			children: [/* @__PURE__ */ I(m, {
+				"aria-invalid": b || void 0,
+				className: B,
+				children: /* @__PURE__ */ I(_, { placeholder: l ?? "" })
+			}), /* @__PURE__ */ I(g, { children: /* @__PURE__ */ I(v, { children: O.map((e) => /* @__PURE__ */ I(h, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ L("div", {
+		className: n("currency-input--component", "flex items-start gap-2"),
+		children: [
+			s === "start" && V,
+			/* @__PURE__ */ I("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ I(J, {
+					ref: T,
+					size: D,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: x,
+					invalid: b,
+					...w
+				})
+			}),
+			s === "end" && V
+		]
+	});
+}
+var Y = O(D(be));
+Y.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms/fields/money-input.tsx
+var xe = ["USD", "EUR"], X = D(function({ currencies: e = xe, onCurrencyChange: t, currency: n, defaultCurrency: r, ...i }, a) {
+	return /* @__PURE__ */ I(Y, {
+		className: "money-input--component",
+		ref: a,
+		currencies: e,
+		currency: n,
+		defaultCurrency: r,
+		onCurrencyChange: k((e) => {
+			t?.(e);
+		}, [t]),
+		...i
+	});
+});
+X.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms/form-field.tsx
+function Z({ children: e, label: t, isRequired: r, required: i, hint: o, error: c, helperText: l, htmlFor: u, className: d }) {
+	let f = !!c, p = c || l || (f ? void 0 : o), m = !!p, h = r ?? i, g = T.useId(), _ = T.isValidElement(e) ? e.props.id : void 0, v = u ?? _ ?? (t && T.isValidElement(e) ? `form-field-${g}` : void 0), y = v && T.isValidElement(e) && !_ ? T.cloneElement(e, { id: v }) : e;
+	return /* @__PURE__ */ L("div", {
+		className: n("form-field--component", "space-y-1", d),
+		children: [
+			!!t && /* @__PURE__ */ L(a, {
+				htmlFor: v,
+				className: "flex items-center leading-6",
+				children: [t, !!h && /* @__PURE__ */ I("span", {
+					className: "ml-1 text-destructive",
+					children: "*"
+				})]
+			}),
+			y,
+			!!m && /* @__PURE__ */ I(s, {
+				tag: "p",
+				size: "xs",
+				type: f ? "error" : "secondary",
+				...f ? {
+					role: "alert",
+					"aria-live": "polite"
+				} : {},
+				children: p
+			})
+		]
+	});
+}
+function Se({ name: e, control: t, rules: n, error: r, children: i, ...a }) {
+	return /* @__PURE__ */ I(le, {
+		name: e,
+		control: t,
+		rules: n,
+		render: ({ field: t, fieldState: n }) => {
+			let o = n.error?.message || (n.error ? n.error.type === "required" ? a.label ? `${a.label} is required` : "This field is required" : "Invalid value" : void 0), s = r?.(e) || o || void 0, c = !!s;
+			return /* @__PURE__ */ I(Z, {
+				...a,
+				error: s,
+				htmlFor: e,
+				children: i(t, s, c, n)
+			});
+		}
+	});
+}
+Z.displayName = "FormField", Se.displayName = "ControlledFormField";
+//#endregion
+//#region src/components/base/display/notification-banner.tsx
+var Ce = {
+	info: {
+		wrapper: "border-info/30 bg-info/5",
+		iconRing: "bg-info/15",
+		iconColor: "text-info",
+		title: "text-info",
+		close: "text-info/70 hover:text-info hover:bg-info/10"
+	},
+	success: {
+		wrapper: "border-success/30 bg-success/5",
+		iconRing: "bg-success/15",
+		iconColor: "text-success",
+		title: "text-success",
+		close: "text-success/70 hover:text-success hover:bg-success/10"
+	},
+	error: {
+		wrapper: "border-destructive/30 bg-destructive/5",
+		iconRing: "bg-destructive/15",
+		iconColor: "text-destructive",
+		title: "text-destructive",
+		close: "text-destructive/70 hover:text-destructive hover:bg-destructive/10"
+	},
+	warning: {
+		wrapper: "border-warning/40 bg-warning/10",
+		iconRing: "bg-warning/20",
+		iconColor: "text-warning-foreground",
+		title: "text-warning-foreground",
+		close: "text-warning-foreground/70 hover:text-warning-foreground hover:bg-warning/20"
+	}
+}, we = {
+	info: te,
+	success: z,
+	error: V,
+	warning: R
+};
+function Te({ html: e }) {
+	return E.createElement("span", { dangerouslySetInnerHTML: { __html: e } });
+}
+function Ee({ type: e = "info", dismissible: t = !1, title: i, message: a, onDismiss: c, children: l, asHTML: u = !1, dismissAriaLabel: d = "Dismiss notification", className: f }) {
+	let p = Ce[e], m = we[e], h = E.useMemo(() => o(a ?? (typeof l == "string" ? l : "")), [l, a]), g = !!i;
+	return /* @__PURE__ */ L("div", {
+		role: "status",
+		className: n("notification-banner--component", "flex w-full items-start gap-3 rounded-lg border px-4 py-3", "animate-in fade-in-0 slide-in-from-bottom-1 duration-200", p.wrapper, f),
+		children: [
+			/* @__PURE__ */ I("span", {
+				"aria-hidden": "true",
+				className: n("mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-full", p.iconRing, p.iconColor),
+				children: /* @__PURE__ */ I(m, { className: "size-4" })
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "min-w-0 flex-1",
+				children: [g && /* @__PURE__ */ I(s, {
+					tag: "div",
+					weight: "semibold",
+					className: "leading-snug text-foreground",
+					children: i
+				}), /* @__PURE__ */ L(s, {
+					tag: "div",
+					type: g ? "secondary" : "main",
+					className: n("break-words leading-snug", g && "mt-0.5"),
+					children: [!!u && /* @__PURE__ */ I(Te, { html: h }), !u && (a ?? l)]
+				})]
+			}),
+			!!t && /* @__PURE__ */ I(r, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-small",
+				"aria-label": d,
+				onClick: c,
+				className: n("-mr-1 inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", p.close),
+				children: /* @__PURE__ */ I(oe, { className: "size-4" })
+			})
+		]
+	});
+}
+Ee.displayName = "NotificationBanner";
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function De({ className: e }) {
+	let t = j();
+	return /* @__PURE__ */ L("svg", {
+		className: n("placeholder-pattern--component", e),
+		fill: "none",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ I("defs", { children: /* @__PURE__ */ I("pattern", {
+			id: t,
+			x: "0",
+			y: "0",
+			width: "10",
+			height: "10",
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ I("path", {
+				d: "M-3 13 15-5M-5 5l18-18M-1 21 17 3",
+				stroke: "currentColor",
+				strokeWidth: "0.75",
+				strokeLinecap: "square",
+				vectorEffect: "non-scaling-stroke"
+			})
+		}) }), /* @__PURE__ */ I("rect", {
+			stroke: "none",
+			fill: `url(#${t})`,
+			width: "100%",
+			height: "100%"
+		})]
+	});
+}
+De.displayName = "PlaceholderPattern";
+//#endregion
+//#region src/components/base/display/show-if.tsx
+function Oe({ when: e, children: t, fallback: n = null }) {
+	return e ? t : n || null;
+}
+Oe.displayName = "ShowIf";
+//#endregion
+//#region src/components/base/display/throttle-alert.tsx
+var ke = {
+	maxAttempts: "Max attempts",
+	tryAgainIn: "Try again in"
+};
+function Ae({ message: t, attempts: r, remaining: i, className: a, strings: o }) {
+	let c = e(ke, o);
+	return /* @__PURE__ */ L("div", {
+		role: "alert",
+		className: n("throttle-alert--component", "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3", a),
+		children: [/* @__PURE__ */ I("span", {
+			"aria-hidden": "true",
+			className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-full bg-destructive/15 text-destructive",
+			children: /* @__PURE__ */ I(ae, { className: "size-4" })
+		}), /* @__PURE__ */ L("div", {
+			className: "min-w-0 flex-1 space-y-1.5",
+			children: [/* @__PURE__ */ I(s, {
+				weight: "medium",
+				className: "text-destructive leading-snug",
+				children: t
+			}), /* @__PURE__ */ L("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-destructive/80",
+				children: [/* @__PURE__ */ L("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ I(ie, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ I("span", { children: c.maxAttempts }),
+						/* @__PURE__ */ I("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: r
+						})
+					]
+				}), /* @__PURE__ */ L("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ I(ee, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ I("span", { children: c.tryAgainIn }),
+						/* @__PURE__ */ I("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: i
+						})
+					]
+				})]
+			})]
+		})]
+	});
+}
+Ae.displayName = "ThrottleAlert";
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function je({ children: e, className: t }) {
+	return /* @__PURE__ */ I("span", {
+		className: n("visually-hidden--component", "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", "[clip:rect(0,0,0,0)]", t),
+		children: e
+	});
+}
+je.displayName = "VisuallyHidden";
+//#endregion
+//#region src/components/base/display/stacked-avatars.tsx
+var Q = [
+	"muted",
+	"primary",
+	"secondary",
+	"info",
+	"success"
+], Me = {
+	muted: "bg-muted text-muted-foreground",
+	primary: "bg-primary/10 text-primary",
+	secondary: "bg-secondary text-secondary-foreground",
+	info: "bg-info/10 text-info",
+	success: "bg-success/10 text-success",
+	warning: "bg-warning/15 text-warning",
+	destructive: "bg-destructive/10 text-destructive"
+};
+function Ne(e, t = !1) {
+	let n = e.trim().split(/\s+/);
+	return n.length === 0 ? "?" : t ? n[0].slice(0, 1).toUpperCase() : n.length === 1 ? n[0].slice(0, 2).toUpperCase() : (n[0][0] + n[n.length - 1][0]).toUpperCase();
+}
+function Pe(e, t) {
+	return typeof t == "string" ? t : typeof t == "number" ? Q[Math.abs(t) % Q.length] : Q[(typeof e == "number" ? e : Array.from(e).reduce((e, t) => e + t.charCodeAt(0), 0)) % Q.length];
+}
+function Fe(e) {
+	return e === "small" || e === "default" ? e : e === "xs" || e === "sm" ? "small" : "default";
+}
+function Ie({ users: e, max: t = 4, size: r = "default", className: i, showOverflow: a = !0, overflowFormatter: o, avatarClassName: c }) {
+	let l = e.slice(0, t), u = Math.max(0, e.length - t), d = Fe(r);
+	return /* @__PURE__ */ L(x, {
+		className: n("stacked-avatars--component", i),
+		children: [l.map((e, t) => {
+			let r = Ne(e.name, d === "small"), i = Pe(e.id ?? e.name ?? t, e.tone);
+			return /* @__PURE__ */ L(w, {
+				size: d,
+				className: n("ring-background", c),
+				title: e.name,
+				children: [e.imageUrl ? /* @__PURE__ */ I(S, {
+					src: e.imageUrl,
+					alt: e.name
+				}) : null, /* @__PURE__ */ I(C, {
+					className: n("font-semibold", Me[i]),
+					children: r
+				})]
+			}, e.id ?? `${e.name}-${t}`);
+		}), !!a && u > 0 && /* @__PURE__ */ I(b, { children: /* @__PURE__ */ I(s, {
+			size: "xs",
+			weight: "semibold",
+			children: o ? o(u) : `+${u}`
+		}) })]
+	});
+}
+Ie.displayName = "StackedAvatars";
+//#endregion
+//#region src/components/base/display/date-block.tsx
+var Le = { separator: "·" }, Re = {
+	default: {
+		bg: "bg-card",
+		text: "text-foreground",
+		border: "border-border",
+		accent: "text-foreground",
+		subtle: "text-muted-foreground"
+	},
+	inverse: {
+		bg: "bg-primary",
+		text: "text-background",
+		border: "border-primary",
+		accent: "text-background/80",
+		subtle: "text-background/65"
+	},
+	muted: {
+		bg: "bg-muted/50",
+		text: "text-foreground",
+		border: "border-border",
+		accent: "text-foreground",
+		subtle: "text-muted-foreground"
+	},
+	primary: {
+		bg: "bg-primary/10",
+		text: "text-foreground",
+		border: "border-primary/30",
+		accent: "text-primary",
+		subtle: "text-muted-foreground"
+	},
+	success: {
+		bg: "bg-success/10",
+		text: "text-foreground",
+		border: "border-success/30",
+		accent: "text-success",
+		subtle: "text-muted-foreground"
+	},
+	warning: {
+		bg: "bg-warning/15",
+		text: "text-foreground",
+		border: "border-warning/40",
+		accent: "text-warning-foreground",
+		subtle: "text-muted-foreground"
+	},
+	destructive: {
+		bg: "bg-destructive/10",
+		text: "text-foreground",
+		border: "border-destructive/30",
+		accent: "text-destructive",
+		subtle: "text-muted-foreground"
+	},
+	info: {
+		bg: "bg-info/10",
+		text: "text-foreground",
+		border: "border-info/30",
+		accent: "text-info",
+		subtle: "text-muted-foreground"
+	}
+};
+function ze(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function Be({ date: t, time: r, locale: i, layout: a = "stacked", timePlacement: o, tone: c = "default", boxed: l, showMonth: u = !0, dayFormat: d = "d", weekdayFormat: f = "EEE", monthFormat: p = "MMM", className: m, strings: h }) {
+	let g = ze(t), _ = e(Le, h), v = Re[c], y = !Number.isNaN(g.getTime()), b = y ? P(g, f, i ? { locale: i } : void 0) : "", x = y ? P(g, d, i ? { locale: i } : void 0) : "", S = y ? P(g, p, i ? { locale: i } : void 0) : "", C = o ?? (a === "inline" ? "inline" : "below"), w = l ?? a === "stacked";
+	return a === "inline" ? /* @__PURE__ */ L("span", {
+		className: n("date-block--component", "inline-flex items-center gap-1.5 tabular-nums", w && n("rounded-md border px-2 py-1", v.bg, v.border), m),
+		children: [
+			/* @__PURE__ */ I(s, {
+				size: "xs",
+				weight: "semibold",
+				className: n(v.accent, "uppercase tracking-wide"),
+				children: b
+			}),
+			/* @__PURE__ */ I(s, {
+				weight: "semibold",
+				children: x
+			}),
+			!!u && /* @__PURE__ */ I(s, {
+				size: "xs",
+				type: "secondary",
+				className: "uppercase tracking-wide",
+				children: S
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(s, {
+				size: "xs",
+				type: "discrete",
+				"aria-hidden": !0,
+				children: _.separator
+			}), /* @__PURE__ */ I(s, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})] })
+		]
+	}) : /* @__PURE__ */ L("div", {
+		className: n("inline-flex flex-col items-center gap-0.5", m),
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: n("flex flex-col items-center justify-center gap-1 tabular-nums", w && n("w-14 min-h-14 rounded-md border px-1.5 py-1.5", v.bg, v.border)),
+				children: [
+					/* @__PURE__ */ I(s, {
+						size: "xs",
+						weight: "semibold",
+						style: { lineHeight: 1 },
+						className: n(v.accent, "uppercase tracking-wider"),
+						children: b
+					}),
+					/* @__PURE__ */ I(s, {
+						size: "lg",
+						weight: "bold",
+						style: { lineHeight: 1 },
+						className: v.text,
+						children: x
+					}),
+					!!u && /* @__PURE__ */ I(s, {
+						size: "xs",
+						style: { lineHeight: 1 },
+						className: n(v.subtle, "uppercase tracking-wider"),
+						children: S
+					})
+				]
+			}),
+			!!r && C === "below" && /* @__PURE__ */ I(s, {
+				size: "xs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ I(s, {
+				size: "xs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			})
+		]
+	});
+}
+Be.displayName = "DateBlock";
+//#endregion
+//#region src/components/ui/collapsible.tsx
+function Ve({ ...e }) {
+	return /* @__PURE__ */ I(H.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function He({ asChild: e = !1, nativeButton: t, render: n, children: r, ...a }) {
+	let o = e ? /* @__PURE__ */ I(i, {}) : void 0, s = typeof n == "function" ? ((e, t) => {
+		let { nativeButton: r, ...i } = e;
+		return n(i, t);
+	}) : n, c = !0;
+	e && T.isValidElement(r) && (c = typeof r.type == "string" ? r.type === "button" : !("href" in (r.props ?? {})));
+	let l = t ?? (e ? c : !0);
+	return /* @__PURE__ */ I(H.Trigger, {
+		"data-slot": "collapsible-trigger",
+		render: o ?? s,
+		nativeButton: l,
+		...a,
+		children: r
+	});
+}
+function Ue({ ...e }) {
+	return /* @__PURE__ */ I(H.Panel, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/components/base/display/money-input.tsx
+var We = "—", Ge = (e) => typeof e == "string" ? e.trim() : "";
+function Ke({ money: e, currency: t = "EUR", onChangeData: r, recordCurrency: i, label: a, hint: o, helperText: c, error: d, required: f, invalid: p, showMigrationWarning: m = !0, migrationWarningMessage: h, showOriginalHint: g = !0, className: _, onChange: v, onCurrencyChange: y, ...b }) {
+	let x = i ?? e?.recordCurrency ?? void 0, S = M(() => x !== void 0 && x !== t, [x, t]), C = M(() => g ? Ge(e?.pair?.formatted) : "", [g, e?.pair?.formatted]), w = C.length > 0 && !d, T = S && m, E = k((e) => {
+		v?.(e);
+		let n = Number.parseFloat(e.target.value);
+		r?.({
+			amount: Number.isFinite(n) ? n : 0,
+			currency: t
+		});
+	}, [
+		v,
+		r,
+		t
+	]), D = k((e) => {
+		y?.(e);
+		let t = Number.parseFloat(String(b.value ?? ""));
+		r?.({
+			amount: Number.isFinite(t) ? t : 0,
+			currency: e
+		});
+	}, [
+		y,
+		r,
+		b.value
+	]), O = p ?? !!d, A = /* @__PURE__ */ I(X, {
+		...b,
+		currency: t,
+		onChange: E,
+		onCurrencyChange: D,
+		invalid: O
+	}), j = a || o || c || d || f ? /* @__PURE__ */ I(Z, {
+		label: a,
+		hint: o,
+		helperText: c,
+		error: d,
+		required: f,
+		children: A
+	}) : A;
+	return /* @__PURE__ */ L("div", {
+		className: n("money-input--component", "space-y-2", _),
+		children: [
+			j,
+			!!w && /* @__PURE__ */ L("div", {
+				className: "flex items-center gap-1.5 text-muted-foreground",
+				children: [/* @__PURE__ */ I(te, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ I(s, {
+					size: "xs",
+					type: "secondary",
+					children: C || We
+				})]
+			}),
+			!!T && /* @__PURE__ */ L(u, {
+				className: "border-warning/50 bg-warning/5 py-2",
+				children: [/* @__PURE__ */ I(R, { className: "h-4 w-4 text-warning" }), /* @__PURE__ */ I(l, {
+					className: "text-warning-foreground text-xs",
+					children: h ?? `Currency will be converted from ${x ?? ""} to ${t}.`
+				})]
+			})
+		]
+	});
+}
+Ke.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+var qe = {
+	true: "Yes",
+	false: "No"
+};
+function Je({ label: t, value: r = !1, trueLabel: i, falseLabel: a, showIcon: o = !0, trueVariant: l = "success", falseVariant: u = "secondary", className: d, badgeClassName: f, strings: p }) {
+	let m = e(qe, p), h = !!r, g = h ? B : se, _ = h ? l : u, v = (h ? i : a) ?? (h ? m.true : m.false);
+	return /* @__PURE__ */ L("div", {
+		className: n("boolean-indicator--component", "flex items-center justify-between gap-space-md rounded-radius border border-border/60 bg-muted/30 px-row-x py-row-y", d),
+		children: [/* @__PURE__ */ I(s, {
+			size: "inherit",
+			type: "secondary",
+			className: "text-xs uppercase tracking-wide",
+			children: t
+		}), /* @__PURE__ */ L(c, {
+			variant: _,
+			className: n("whitespace-nowrap", f),
+			children: [!!o && /* @__PURE__ */ I(g, { className: "size-icon" }), v]
+		})]
+	});
+}
+Je.displayName = "BooleanIndicator";
+//#endregion
+//#region src/components/ui/empty.tsx
+function Ye({ className: e, ...t }) {
+	return /* @__PURE__ */ I("div", {
+		"data-slot": "empty",
+		className: n("gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance", e),
+		...t
+	});
+}
+function Xe({ className: e, ...t }) {
+	return /* @__PURE__ */ I("div", {
+		"data-slot": "empty-header",
+		className: n("gap-2 flex max-w-sm flex-col items-center", e),
+		...t
+	});
+}
+var Ze = ce("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Qe({ className: e, variant: t = "default", ...r }) {
+	return /* @__PURE__ */ I("div", {
+		"data-slot": "empty-icon",
+		"data-variant": t,
+		className: n(Ze({
+			variant: t,
+			className: e
+		})),
+		...r
+	});
+}
+function $e({ className: e, ...t }) {
+	return /* @__PURE__ */ I("div", {
+		"data-slot": "empty-title",
+		className: n("text-lg font-medium tracking-tight", e),
+		...t
+	});
+}
+function et({ className: e, ...t }) {
+	return /* @__PURE__ */ I("div", {
+		"data-slot": "empty-description",
+		className: n("text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
+		...t
+	});
+}
+function tt({ className: e, ...t }) {
+	return /* @__PURE__ */ I("div", {
+		"data-slot": "empty-content",
+		className: n("gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/ui/progress.tsx
+function nt({ className: e, children: t, value: r, ...i }) {
+	return /* @__PURE__ */ L(U.Root, {
+		value: r,
+		"data-slot": "progress",
+		className: n("flex flex-wrap gap-3", e),
+		...i,
+		children: [t, /* @__PURE__ */ I(rt, { children: /* @__PURE__ */ I(it, {}) })]
+	});
+}
+function rt({ className: e, ...t }) {
+	return /* @__PURE__ */ I(U.Track, {
+		className: n("bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden", e),
+		"data-slot": "progress-track",
+		...t
+	});
+}
+function it({ className: e, ...t }) {
+	return /* @__PURE__ */ I(U.Indicator, {
+		"data-slot": "progress-indicator",
+		className: n("bg-primary h-full transition-all", e),
+		...t
+	});
+}
+function at({ className: e, ...t }) {
+	return /* @__PURE__ */ I(U.Label, {
+		className: n("text-sm font-medium", e),
+		"data-slot": "progress-label",
+		...t
+	});
+}
+function ot({ className: e, ...t }) {
+	return /* @__PURE__ */ I(U.Value, {
+		className: n("text-muted-foreground ml-auto text-sm tabular-nums", e),
+		"data-slot": "progress-value",
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/qr-code.tsx
+var st = /oklch\\(([.\\d-]+)\\s+([.\\d]+)\\s+([.\\d]+)\\)/;
+function ct(e, t) {
+	let n = e.match(st);
+	return n ? {
+		l: Number.parseFloat(n[1]),
+		c: Number.parseFloat(n[2]),
+		h: Number.parseFloat(n[3])
+	} : {
+		l: t[0],
+		c: t[1],
+		h: t[2]
+	};
+}
+function $({ data: e, foreground: t, background: r, robustness: i = "M", className: a, ...o }) {
+	let [s, c] = N(null);
+	return A(() => {
+		(async () => {
+			try {
+				let n = String(e ?? "").trim();
+				if (!n) {
+					c(null);
+					return;
+				}
+				let a = getComputedStyle(document.documentElement), o = t ?? a.getPropertyValue("--foreground"), s = r ?? a.getPropertyValue("--background"), l = ct(o, [
+					.21,
+					.006,
+					285.885
+				]), u = ct(s, [
+					.985,
+					0,
+					0
+				]);
+				c(await ue.toString(n, {
+					type: "svg",
+					color: {
+						dark: W(G({
+							mode: "oklch",
+							...l
+						})),
+						light: W(G({
+							mode: "oklch",
+							...u
+						}))
+					},
+					width: 200,
+					errorCorrectionLevel: i,
+					margin: 0
+				}));
+			} catch {
+				c("");
+			}
+		})();
+	}, [
+		e,
+		t,
+		r,
+		i
+	]), s ? /* @__PURE__ */ I("div", {
+		className: n("qr-code--component", "size-full", "[&_svg]:size-full", a),
+		dangerouslySetInnerHTML: { __html: s },
+		...o
+	}) : null;
+}
+$.displayName = "QRCode";
+//#endregion
+export { J as A, Oe as C, Z as D, Se as E, X as O, Ae as S, Ee as T, He as _, rt as a, Ie as b, tt as c, Qe as d, $e as f, Ue as g, Ve as h, at as i, Y as k, et as l, Ke as m, nt as n, ot as o, Je as p, it as r, Ye as s, $ as t, Xe as u, Be as v, De as w, je as x, Le as y };
+
+//# sourceMappingURL=display-BQijMo37.js.map