admin-ui-starter-kit 0.6.8 → 0.7.0

package/dist/_shared/display-BHIs_Y_j.js

@@ -0,0 +1,1006 @@
+import { useStrings as e } from "../lib/strings.js";
+import { o as t } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./button-CNEMqDHK.js";
+import { t as i } from "./slot-C5EJicOc.js";
+import { a, c as o, s } from "./typography-C_kCoR1d.js";
+import { t as c } from "./badge-DOJpEtsa.js";
+import { a as l, i as u, o as d, s as f } from "./cards-B7voInTJ.js";
+import { r as p } from "./icon-size-CMNigtUu.js";
+import { t as m } from "./input-BEhrcsk7.js";
+import { f as h, u as g } from "./form-sizing-VNEGzvM7.js";
+import { a as _, i as v, n as y, o as b, r as x, t as S } from "./select-BwUUXpsb.js";
+import { a as C, i as w, o as T, r as E, t as D } from "./avatar-BagPbPuD.js";
+import * as O from "react";
+import k, { forwardRef as A, memo as j, useCallback as M, useEffect as N, useId as P, useMemo as F, useState as I } from "react";
+import { format as L } from "date-fns";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { AlertTriangle as V, BadgeCheck as ee, CheckCircle2 as te, CircleAlert as ne, Clock as re, Info as ie, Minus as ae, Plus as oe, RotateCcw as se, ShieldAlert as ce, X as le, XCircle as ue } from "lucide-react";
+import { cva as de } from "class-variance-authority";
+import { Controller as fe } 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 pe from "qrcode";
+//#region src/components/base/forms/fields/decimal-input.tsx
+var me = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, he = (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;
+}, ge = (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 _e(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 ve(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 ye = {
+	small: "w-control-small",
+	default: "w-control"
+};
+function be({ decimalPlaces: r = 2, min: i, max: a, allowNegative: o = !0, allowEmpty: s = !0, step: c, roundingMode: l = "round", normalizeOnBlur: u = !0, onChange: d, onBlur: f, placeholder: p, className: g, value: _, defaultValue: v, disabled: y, size: b, strings: x, ...S }, C) {
+	let { defaultControlSize: w } = t(), T = h(b, w), E = e(me, x), D = Math.min(12, Math.max(0, r)), k = O.useRef(null), A = M((e) => {
+		let t = e.target.value;
+		if (!t && s) {
+			d?.(e);
+			return;
+		}
+		let n = he(t, D, o);
+		if (ge(n, i, a)) if (n !== t) {
+			let t = {
+				...e,
+				target: {
+					...e.target,
+					value: n
+				},
+				currentTarget: {
+					...e.currentTarget,
+					value: n
+				}
+			};
+			d?.(t);
+		} else d?.(e);
+	}, [
+		d,
+		D,
+		o,
+		s,
+		i,
+		a
+	]), j = M((e) => {
+		if (f?.(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), D, l).toFixed(D);
+		r !== t && k.current && ve(k.current, r, d);
+	}, [
+		f,
+		d,
+		u,
+		s,
+		i,
+		a,
+		D,
+		l
+	]), N = M((e) => {
+		if (y || c === void 0) return;
+		let t = k.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		ve(t, K(q(_e(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), D, l).toFixed(D), d);
+	}, [
+		y,
+		c,
+		i,
+		a,
+		l,
+		D,
+		d
+	]), P = typeof c == "number" && c > 0, F = p ?? (D > 0 ? `0.${"0".repeat(D)}` : "0");
+	return P ? /* @__PURE__ */ B("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__ */ z("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": E.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", ye[T], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ z(ae, { className: T === "small" ? "size-icon-sm" : "size-icon" })
+			}),
+			/* @__PURE__ */ z(m, {
+				size: T,
+				ref: (e) => {
+					k.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+				},
+				type: "text",
+				inputMode: D > 0 ? "decimal" : "numeric",
+				placeholder: F,
+				onChange: A,
+				onBlur: j,
+				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__ */ z("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": E.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", ye[T], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ z(oe, { className: T === "small" ? "size-icon-sm" : "size-icon" })
+			})
+		]
+	}) : /* @__PURE__ */ z(m, {
+		size: T,
+		ref: (e) => {
+			k.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+		},
+		type: "text",
+		inputMode: D > 0 ? "decimal" : "numeric",
+		placeholder: F,
+		onChange: A,
+		onBlur: j,
+		value: _,
+		defaultValue: v,
+		disabled: y,
+		className: n("tabular-nums text-end", g),
+		...S
+	});
+}
+var J = O.forwardRef(be);
+J.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms/fields/currency-input.tsx
+var xe = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, Se = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${xe[e] || e} ${e}`
+} : e);
+function Ce({ currency: e, defaultCurrency: r, currencies: i, onCurrencyChange: o, currencyPosition: s = "start", disableCurrencySelector: c = !1, currencyPlaceholder: l, currencyWidth: u = "w-28", currencyLabel: d, invalid: f, disabled: p, onConfigError: m, size: C, ...w }, T) {
+	let { defaultControlSize: E } = t(), D = h(C, E), O = F(() => Se(i), [i]), [k, A] = I(r ?? O[0]?.value ?? ""), j = e !== void 0, P = j ? e : k;
+	N(() => {
+		let t = {
+			currency: e,
+			defaultCurrency: r,
+			disableCurrencySelector: c
+		};
+		c && typeof e == "string" && typeof r == "string" && e.trim() !== "" && r.trim() !== "" && e !== r && m?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", t), c && (typeof P != "string" || P.trim().length === 0) && m?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", t);
+	}, [
+		e,
+		r,
+		c,
+		m,
+		P
+	]);
+	let L = M((e) => {
+		e !== null && (j || A(e), o?.(e));
+	}, [j, o]), R = F(() => n("border-input bg-transparent !shadow-none", g[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, p && "opacity-50 cursor-not-allowed"), [
+		D,
+		u,
+		p
+	]), V = /* @__PURE__ */ B("div", {
+		className: "space-y-2",
+		children: [!!d && /* @__PURE__ */ z(a, {
+			className: "leading-6",
+			children: d
+		}), /* @__PURE__ */ B(S, {
+			value: P,
+			onValueChange: (e) => L(e),
+			disabled: p || c,
+			children: [/* @__PURE__ */ z(_, {
+				"aria-invalid": f || void 0,
+				className: R,
+				children: /* @__PURE__ */ z(b, { placeholder: l ?? "" })
+			}), /* @__PURE__ */ z(y, { children: /* @__PURE__ */ z(x, { children: O.map((e) => /* @__PURE__ */ z(v, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ B("div", {
+		className: n("currency-input--component", "flex items-start gap-2"),
+		children: [
+			s === "start" && V,
+			/* @__PURE__ */ z("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ z(J, {
+					ref: T,
+					size: D,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: p,
+					invalid: f,
+					...w
+				})
+			}),
+			s === "end" && V
+		]
+	});
+}
+var Y = j(A(Ce));
+Y.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms/fields/money-input.tsx
+var we = ["USD", "EUR"], X = A(function({ currencies: e = we, onCurrencyChange: t, currency: n, defaultCurrency: r, ...i }, a) {
+	return /* @__PURE__ */ z(Y, {
+		className: "money-input--component",
+		ref: a,
+		currencies: e,
+		currency: n,
+		defaultCurrency: r,
+		onCurrencyChange: M((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 = O.useId(), _ = O.isValidElement(e) ? e.props.id : void 0, v = u ?? _ ?? (t && O.isValidElement(e) ? `form-field-${g}` : void 0), y = v && O.isValidElement(e) && !_ ? O.cloneElement(e, { id: v }) : e;
+	return /* @__PURE__ */ B("div", {
+		className: n("form-field--component", "space-y-1", d),
+		children: [
+			!!t && /* @__PURE__ */ B(a, {
+				htmlFor: v,
+				className: "flex items-center leading-6",
+				children: [t, !!h && /* @__PURE__ */ z("span", {
+					className: "ml-1 text-destructive",
+					children: "*"
+				})]
+			}),
+			y,
+			!!m && /* @__PURE__ */ z(s, {
+				tag: "p",
+				size: "xs",
+				type: f ? "error" : "secondary",
+				...f ? {
+					role: "alert",
+					"aria-live": "polite"
+				} : {},
+				children: p
+			})
+		]
+	});
+}
+function Te({ name: e, control: t, rules: n, error: r, children: i, ...a }) {
+	return /* @__PURE__ */ z(fe, {
+		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__ */ z(Z, {
+				...a,
+				error: s,
+				htmlFor: e,
+				children: i(t, s, c, n)
+			});
+		}
+	});
+}
+Z.displayName = "FormField", Te.displayName = "ControlledFormField";
+//#endregion
+//#region src/components/base/display/notification-banner.tsx
+var Ee = {
+	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"
+	}
+}, De = {
+	info: ie,
+	success: ee,
+	error: ne,
+	warning: V
+};
+function Oe({ html: e }) {
+	return k.createElement("span", { dangerouslySetInnerHTML: { __html: e } });
+}
+function ke({ 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 = Ee[e], m = De[e], h = k.useMemo(() => o(a ?? (typeof l == "string" ? l : "")), [l, a]), g = !!i;
+	return /* @__PURE__ */ B("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__ */ z("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__ */ z(m, { className: "size-4" })
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "min-w-0 flex-1",
+				children: [g && /* @__PURE__ */ z(s, {
+					tag: "div",
+					weight: "semibold",
+					className: "leading-snug text-foreground",
+					children: i
+				}), /* @__PURE__ */ B(s, {
+					tag: "div",
+					type: g ? "secondary" : "main",
+					className: n("break-words leading-snug", g && "mt-0.5"),
+					children: [!!u && /* @__PURE__ */ z(Oe, { html: h }), !u && (a ?? l)]
+				})]
+			}),
+			!!t && /* @__PURE__ */ z(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__ */ z(le, { className: "size-4" })
+			})
+		]
+	});
+}
+ke.displayName = "NotificationBanner";
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function Ae({ className: e }) {
+	let t = P();
+	return /* @__PURE__ */ B("svg", {
+		className: n("placeholder-pattern--component", e),
+		fill: "none",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ z("defs", { children: /* @__PURE__ */ z("pattern", {
+			id: t,
+			x: "0",
+			y: "0",
+			width: "10",
+			height: "10",
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ z("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__ */ z("rect", {
+			stroke: "none",
+			fill: `url(#${t})`,
+			width: "100%",
+			height: "100%"
+		})]
+	});
+}
+Ae.displayName = "PlaceholderPattern";
+//#endregion
+//#region src/components/base/display/show-if.tsx
+function je({ when: e, children: t, fallback: n = null }) {
+	return e ? t : n || null;
+}
+je.displayName = "ShowIf";
+//#endregion
+//#region src/components/base/display/throttle-alert.tsx
+var Me = {
+	maxAttempts: "Max attempts",
+	tryAgainIn: "Try again in"
+};
+function Ne({ message: t, attempts: r, remaining: i, className: a, strings: o }) {
+	let d = e(Me, o);
+	return /* @__PURE__ */ B(u, {
+		role: "alert",
+		variant: "destructive",
+		className: n("throttle-alert--component", a),
+		children: [
+			/* @__PURE__ */ z(ce, { className: p.default }),
+			/* @__PURE__ */ z(f, {
+				className: "[&_[data-typography=text]]:text-destructive",
+				children: t
+			}),
+			/* @__PURE__ */ B(l, {
+				className: n("mt-space-sm justify-start gap-space-sm", "max-sm:col-start-2 max-sm:mt-space-sm", "sm:col-start-2 sm:row-start-2 sm:justify-start sm:self-start"),
+				children: [/* @__PURE__ */ B(c, {
+					variant: "destructive",
+					size: "small",
+					className: "border border-destructive/20 bg-destructive/8",
+					children: [
+						/* @__PURE__ */ z(se, {
+							className: p.small,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ z(s, {
+							tag: "span",
+							size: "pxs",
+							weight: "medium",
+							className: "text-inherit leading-none",
+							children: d.maxAttempts
+						}),
+						/* @__PURE__ */ z(s, {
+							tag: "span",
+							size: "pxs",
+							weight: "semibold",
+							numeric: !0,
+							className: "text-inherit leading-none",
+							children: r
+						})
+					]
+				}), /* @__PURE__ */ B(c, {
+					variant: "destructive",
+					size: "small",
+					className: "border border-destructive/20 bg-destructive/8",
+					children: [
+						/* @__PURE__ */ z(re, {
+							className: p.small,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ z(s, {
+							tag: "span",
+							size: "pxs",
+							weight: "medium",
+							className: "text-inherit leading-none",
+							children: d.tryAgainIn
+						}),
+						/* @__PURE__ */ z(s, {
+							tag: "span",
+							size: "pxs",
+							weight: "semibold",
+							className: "text-inherit leading-none",
+							children: i
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+Ne.displayName = "ThrottleAlert";
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function Pe({ children: e, className: t }) {
+	return /* @__PURE__ */ z("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
+	});
+}
+Pe.displayName = "VisuallyHidden";
+//#endregion
+//#region src/components/base/display/stacked-avatars.tsx
+var Q = [
+	"muted",
+	"primary",
+	"secondary",
+	"info",
+	"success"
+], Fe = {
+	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 Ie(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 Le(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 Re(e) {
+	return e === "small" || e === "default" ? e : e === "xs" || e === "sm" ? "small" : "default";
+}
+function ze({ 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 = Re(r);
+	return /* @__PURE__ */ B(w, {
+		className: n("stacked-avatars--component", i),
+		children: [l.map((e, t) => {
+			let r = Ie(e.name, d === "small"), i = Le(e.id ?? e.name ?? t, e.tone);
+			return /* @__PURE__ */ B(D, {
+				size: d,
+				className: n("ring-background", c),
+				title: e.name,
+				children: [e.imageUrl ? /* @__PURE__ */ z(T, {
+					src: e.imageUrl,
+					alt: e.name
+				}) : null, /* @__PURE__ */ z(E, {
+					className: n("font-semibold", Fe[i]),
+					children: r
+				})]
+			}, e.id ?? `${e.name}-${t}`);
+		}), !!a && u > 0 && /* @__PURE__ */ z(C, { children: /* @__PURE__ */ z(s, {
+			size: "xs",
+			weight: "semibold",
+			children: o ? o(u) : `+${u}`
+		}) })]
+	});
+}
+ze.displayName = "StackedAvatars";
+//#endregion
+//#region src/components/base/display/date-block.tsx
+var Be = { separator: "·" }, Ve = {
+	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 He(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function Ue({ 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 = He(t), _ = e(Be, h), v = Ve[c], y = !Number.isNaN(g.getTime()), b = y ? L(g, f, i ? { locale: i } : void 0) : "", x = y ? L(g, d, i ? { locale: i } : void 0) : "", S = y ? L(g, p, i ? { locale: i } : void 0) : "", C = o ?? (a === "inline" ? "inline" : "below"), w = l ?? a === "stacked";
+	return a === "inline" ? /* @__PURE__ */ B("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__ */ z(s, {
+				size: "xs",
+				weight: "semibold",
+				className: n(v.accent, "uppercase tracking-wide"),
+				children: b
+			}),
+			/* @__PURE__ */ z(s, {
+				weight: "semibold",
+				children: x
+			}),
+			!!u && /* @__PURE__ */ z(s, {
+				size: "xs",
+				type: "secondary",
+				className: "uppercase tracking-wide",
+				children: S
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(s, {
+				size: "xs",
+				type: "discrete",
+				"aria-hidden": !0,
+				children: _.separator
+			}), /* @__PURE__ */ z(s, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})] })
+		]
+	}) : /* @__PURE__ */ B("div", {
+		className: n("inline-flex flex-col items-center gap-0.5", m),
+		children: [
+			/* @__PURE__ */ B("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__ */ z(s, {
+						size: "xs",
+						weight: "semibold",
+						style: { lineHeight: 1 },
+						className: n(v.accent, "uppercase tracking-wider"),
+						children: b
+					}),
+					/* @__PURE__ */ z(s, {
+						weight: "bold",
+						style: { lineHeight: 1 },
+						className: v.text,
+						children: x
+					}),
+					!!u && /* @__PURE__ */ z(s, {
+						size: "xs",
+						style: { lineHeight: 1 },
+						className: n(v.subtle, "uppercase tracking-wider"),
+						children: S
+					})
+				]
+			}),
+			!!r && C === "below" && /* @__PURE__ */ z(s, {
+				size: "xs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			}),
+			!!r && C === "inline" && /* @__PURE__ */ z(s, {
+				size: "xs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: r
+			})
+		]
+	});
+}
+Ue.displayName = "DateBlock";
+//#endregion
+//#region src/components/ui/collapsible.tsx
+function We({ ...e }) {
+	return /* @__PURE__ */ z(H.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function Ge({ asChild: e = !1, nativeButton: t, render: n, children: r, ...a }) {
+	let o = e ? /* @__PURE__ */ z(i, {}) : void 0, s = typeof n == "function" ? ((e, t) => {
+		let { nativeButton: r, ...i } = e;
+		return n(i, t);
+	}) : n, c = !0;
+	e && O.isValidElement(r) && (c = typeof r.type == "string" ? r.type === "button" : !("href" in (r.props ?? {})));
+	let l = t ?? (e ? c : !0);
+	return /* @__PURE__ */ z(H.Trigger, {
+		"data-slot": "collapsible-trigger",
+		render: o ?? s,
+		nativeButton: l,
+		...a,
+		children: r
+	});
+}
+function Ke({ ...e }) {
+	return /* @__PURE__ */ z(H.Panel, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/components/base/display/money-input.tsx
+var qe = "—", Je = (e) => typeof e == "string" ? e.trim() : "";
+function Ye({ money: e, currency: t = "EUR", onChangeData: r, recordCurrency: i, label: a, hint: o, helperText: c, error: l, 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 = F(() => x !== void 0 && x !== t, [x, t]), C = F(() => g ? Je(e?.pair?.formatted) : "", [g, e?.pair?.formatted]), w = C.length > 0 && !l, T = S && m, E = M((e) => {
+		v?.(e);
+		let n = Number.parseFloat(e.target.value);
+		r?.({
+			amount: Number.isFinite(n) ? n : 0,
+			currency: t
+		});
+	}, [
+		v,
+		r,
+		t
+	]), D = M((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 ?? !!l, k = /* @__PURE__ */ z(X, {
+		...b,
+		currency: t,
+		onChange: E,
+		onCurrencyChange: D,
+		invalid: O
+	}), A = a || o || c || l || f ? /* @__PURE__ */ z(Z, {
+		label: a,
+		hint: o,
+		helperText: c,
+		error: l,
+		required: f,
+		children: k
+	}) : k;
+	return /* @__PURE__ */ B("div", {
+		className: n("money-input--component", "space-y-2", _),
+		children: [
+			A,
+			!!w && /* @__PURE__ */ B("div", {
+				className: "flex items-center gap-1.5 text-muted-foreground",
+				children: [/* @__PURE__ */ z(ie, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ z(s, {
+					size: "xs",
+					type: "secondary",
+					children: C || qe
+				})]
+			}),
+			!!T && /* @__PURE__ */ B(u, {
+				className: "border-warning/50 bg-warning/5 py-2",
+				children: [/* @__PURE__ */ z(V, { className: "h-4 w-4 text-warning" }), /* @__PURE__ */ z(d, {
+					className: "text-warning-foreground text-xs",
+					children: h ?? `Currency will be converted from ${x ?? ""} to ${t}.`
+				})]
+			})
+		]
+	});
+}
+Ye.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+var Xe = {
+	true: "Yes",
+	false: "No"
+};
+function Ze({ 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(Xe, p), h = !!r, g = h ? te : ue, _ = h ? l : u, v = (h ? i : a) ?? (h ? m.true : m.false);
+	return /* @__PURE__ */ B("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__ */ z(s, {
+			size: "inherit",
+			type: "secondary",
+			className: "text-xs uppercase tracking-wide",
+			children: t
+		}), /* @__PURE__ */ B(c, {
+			variant: _,
+			className: n("whitespace-nowrap", f),
+			children: [!!o && /* @__PURE__ */ z(g, { className: "size-icon" }), v]
+		})]
+	});
+}
+Ze.displayName = "BooleanIndicator";
+//#endregion
+//#region src/components/ui/empty.tsx
+function Qe({ className: e, ...t }) {
+	return /* @__PURE__ */ z("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 $e({ className: e, ...t }) {
+	return /* @__PURE__ */ z("div", {
+		"data-slot": "empty-header",
+		className: n("gap-2 flex max-w-sm flex-col items-center", e),
+		...t
+	});
+}
+var et = de("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 tt({ className: e, variant: t = "default", ...r }) {
+	return /* @__PURE__ */ z("div", {
+		"data-slot": "empty-icon",
+		"data-variant": t,
+		className: n(et({
+			variant: t,
+			className: e
+		})),
+		...r
+	});
+}
+function nt({ className: e, ...t }) {
+	return /* @__PURE__ */ z("div", {
+		"data-slot": "empty-title",
+		className: n("text-lg font-medium tracking-tight", e),
+		...t
+	});
+}
+function rt({ className: e, ...t }) {
+	return /* @__PURE__ */ z("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 it({ className: e, ...t }) {
+	return /* @__PURE__ */ z("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 at({ className: e, children: t, value: r, ...i }) {
+	return /* @__PURE__ */ B(U.Root, {
+		value: r,
+		"data-slot": "progress",
+		className: n("flex flex-wrap gap-3", e),
+		...i,
+		children: [t, /* @__PURE__ */ z(ot, { children: /* @__PURE__ */ z(st, {}) })]
+	});
+}
+function ot({ className: e, ...t }) {
+	return /* @__PURE__ */ z(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 st({ className: e, ...t }) {
+	return /* @__PURE__ */ z(U.Indicator, {
+		"data-slot": "progress-indicator",
+		className: n("bg-primary h-full transition-all", e),
+		...t
+	});
+}
+function ct({ className: e, ...t }) {
+	return /* @__PURE__ */ z(U.Label, {
+		className: n("text-sm font-medium", e),
+		"data-slot": "progress-label",
+		...t
+	});
+}
+function lt({ className: e, ...t }) {
+	return /* @__PURE__ */ z(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 ut = /oklch\\(([.\\d-]+)\\s+([.\\d]+)\\s+([.\\d]+)\\)/;
+function dt(e, t) {
+	let n = e.match(ut);
+	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] = I(null);
+	return N(() => {
+		(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 = dt(o, [
+					.21,
+					.006,
+					285.885
+				]), u = dt(s, [
+					.985,
+					0,
+					0
+				]);
+				c(await pe.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__ */ z("div", {
+		className: n("qr-code--component", "size-full", "[&_svg]:size-full", a),
+		dangerouslySetInnerHTML: { __html: s },
+		...o
+	}) : null;
+}
+$.displayName = "QRCode";
+//#endregion
+export { J as A, je as C, Z as D, Te as E, X as O, Ne as S, ke as T, Ge as _, ot as a, ze as b, it as c, tt as d, nt as f, Ke as g, We as h, ct as i, Y as k, rt as l, Ye as m, at as n, lt as o, Ze as p, st as r, Qe as s, $ as t, $e as u, Ue as v, Ae as w, Pe as x, Be as y };
+
+//# sourceMappingURL=display-BHIs_Y_j.js.map