admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/_shared/display-CL69dmsv.js

@@ -0,0 +1,1471 @@
+import { useStrings as e } from "../lib/strings.js";
+import { m as t, s as n } from "./ui-provider-C8Ot88lS.js";
+import { cn as r } from "../lib/utils.js";
+import { t as i } from "./button-BGKY8UY0.js";
+import { t as a } from "./slot-C5EJicOc.js";
+import { i as o, n as s, t as c } from "./tooltip-CLr_sPX8.js";
+import { n as l, r as u, t as d } from "./heading-HeP06nXG.js";
+import { a as f } from "./typography-CdxyWB1T.js";
+import { t as p } from "./badge-A8wQRShC.js";
+import { r as m, t as h } from "./alert-k60OnTtb.js";
+import { t as g } from "./input-C7t-RHYq.js";
+import { i as _, n as v } from "./form-sizing-D74IS9KG.js";
+import { a as y, i as b, n as x, o as S, r as C, t as w } from "./select-BwUUXpsb.js";
+import { t as T } from "./copyable-cfF4gZoT.js";
+import { a as E, i as D, o as O, r as k, t as A } from "./avatar-CBi4LGxy.js";
+import * as j from "react";
+import M, { forwardRef as N, memo as P, useCallback as F, useEffect as ee, useId as I, useMemo as L, useState as R } from "react";
+import { format as z } from "date-fns";
+import { Fragment as te, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { AlertTriangle as ne, BadgeCheck as re, CheckCircle2 as ie, CircleAlert as ae, Clock as oe, ExternalLink as se, Info as ce, Minus as le, Plus as ue, RotateCcw as de, Search as fe, ShieldAlert as H, X as pe, XCircle as me } from "lucide-react";
+import { cva as he } from "class-variance-authority";
+import { Controller as ge } from "react-hook-form";
+import { Collapsible as U } from "@base-ui/react/collapsible";
+import { Progress as W } from "@base-ui/react/progress";
+import { formatHex as G, oklch as K } from "culori";
+import _e from "qrcode";
+//#region src/components/base/forms/fields/decimal-input.tsx
+var ve = {
+	decrement: "Decrement",
+	increment: "Increment"
+}, ye = (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;
+}, be = (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 q(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 xe(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 Se(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 Ce(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 we = {
+	sm: "w-8",
+	base: "w-9",
+	lg: "w-10"
+};
+function Te({ decimalPlaces: t = 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: m, value: h, defaultValue: v, disabled: y, size: b, strings: x, ...S }, C) {
+	let { defaultControlSize: w } = n(), T = _(b, w), E = e(ve, x), D = Math.min(12, Math.max(0, t)), O = j.useRef(null), k = F((e) => {
+		let t = e.target.value;
+		if (!t && s) {
+			d?.(e);
+			return;
+		}
+		let n = ye(t, D, o);
+		if (be(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
+	]), A = F((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 = q(xe(n, i, a), D, l).toFixed(D);
+		r !== t && O.current && Ce(O.current, r, d);
+	}, [
+		f,
+		d,
+		u,
+		s,
+		i,
+		a,
+		D,
+		l
+	]), M = F((e) => {
+		if (y || c === void 0) return;
+		let t = O.current;
+		if (!t) return;
+		let n = t.value, r = Number.parseFloat(n.replace(",", "."));
+		Ce(t, q(xe(Se(Number.isFinite(r) ? r : i ?? 0, e, c, i, l), i, a), D, l).toFixed(D), d);
+	}, [
+		y,
+		c,
+		i,
+		a,
+		l,
+		D,
+		d
+	]), N = typeof c == "number" && c > 0, P = p ?? (D > 0 ? `0.${"0".repeat(D)}` : "0");
+	return N ? /* @__PURE__ */ V("div", {
+		className: r("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__ */ B("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": E.decrement,
+				disabled: y,
+				onClick: () => M(-1),
+				className: r("inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors", we[T], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ B(le, { className: "size-3.5" })
+			}),
+			/* @__PURE__ */ B(g, {
+				size: T,
+				ref: (e) => {
+					O.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+				},
+				type: "text",
+				inputMode: D > 0 ? "decimal" : "numeric",
+				placeholder: P,
+				onChange: k,
+				onBlur: A,
+				value: h,
+				defaultValue: v,
+				disabled: y,
+				className: r("flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0", m),
+				...S
+			}),
+			/* @__PURE__ */ B("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-label": E.increment,
+				disabled: y,
+				onClick: () => M(1),
+				className: r("inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors", we[T], "hover:bg-muted hover:text-foreground", "disabled:cursor-not-allowed disabled:opacity-50"),
+				children: /* @__PURE__ */ B(ue, { className: "size-3.5" })
+			})
+		]
+	}) : /* @__PURE__ */ B(g, {
+		size: T,
+		ref: (e) => {
+			O.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+		},
+		type: "text",
+		inputMode: D > 0 ? "decimal" : "numeric",
+		placeholder: P,
+		onChange: k,
+		onBlur: A,
+		value: h,
+		defaultValue: v,
+		disabled: y,
+		className: r("tabular-nums text-end", m),
+		...S
+	});
+}
+var J = j.forwardRef(Te);
+J.displayName = "DecimalInput";
+//#endregion
+//#region src/components/base/forms/fields/currency-input.tsx
+var Ee = {
+	USD: "$",
+	EUR: "€",
+	GBP: "£",
+	BGN: "лв",
+	JPY: "¥",
+	CNY: "¥",
+	CHF: "CHF",
+	CAD: "C$",
+	AUD: "A$"
+}, De = (e) => !e || e.length === 0 ? [] : e.map((e) => typeof e == "string" ? {
+	value: e,
+	label: `${Ee[e] || e} ${e}`
+} : e);
+function Oe({ currency: e, defaultCurrency: t, currencies: i, onCurrencyChange: a, currencyPosition: o = "start", disableCurrencySelector: s = !1, currencyPlaceholder: c, currencyWidth: l = "w-28", currencyLabel: u, invalid: d, disabled: p, onConfigError: m, size: h, ...g }, T) {
+	let { defaultControlSize: E } = n(), D = _(h, E), O = L(() => De(i), [i]), [k, A] = R(t ?? O[0]?.value ?? ""), j = e !== void 0, M = j ? e : k;
+	ee(() => {
+		let n = {
+			currency: e,
+			defaultCurrency: t,
+			disableCurrencySelector: s
+		};
+		s && typeof e == "string" && typeof t == "string" && e.trim() !== "" && t.trim() !== "" && e !== t && m?.("[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.", n), s && (typeof M != "string" || M.trim().length === 0) && m?.("[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.", n);
+	}, [
+		e,
+		t,
+		s,
+		m,
+		M
+	]);
+	let N = F((e) => {
+		e !== null && (j || A(e), a?.(e));
+	}, [j, a]), P = L(() => r("border-input bg-transparent !shadow-none", v[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", l, p && "opacity-50 cursor-not-allowed"), [
+		D,
+		l,
+		p
+	]), I = /* @__PURE__ */ V("div", {
+		className: "space-y-2",
+		children: [!!u && /* @__PURE__ */ B(f, {
+			className: "leading-6",
+			children: u
+		}), /* @__PURE__ */ V(w, {
+			value: M,
+			onValueChange: (e) => N(e),
+			disabled: p || s,
+			children: [/* @__PURE__ */ B(y, {
+				"aria-invalid": d || void 0,
+				className: P,
+				children: /* @__PURE__ */ B(S, { placeholder: c ?? "" })
+			}), /* @__PURE__ */ B(x, { children: /* @__PURE__ */ B(C, { children: O.map((e) => /* @__PURE__ */ B(b, {
+				value: e.value,
+				children: e.label
+			}, e.value)) }) })]
+		})]
+	});
+	return /* @__PURE__ */ V("div", {
+		className: r("currency-input--component", "flex items-start gap-2"),
+		children: [
+			o === "start" && I,
+			/* @__PURE__ */ B("div", {
+				className: "flex-1",
+				children: /* @__PURE__ */ B(J, {
+					ref: T,
+					size: D,
+					decimalPlaces: 2,
+					allowNegative: !1,
+					disabled: p,
+					invalid: d,
+					...g
+				})
+			}),
+			o === "end" && I
+		]
+	});
+}
+var Y = P(N(Oe));
+Y.displayName = "CurrencyInput";
+//#endregion
+//#region src/components/base/forms/fields/money-input.tsx
+var ke = ["USD", "EUR"], X = N(function({ currencies: e = ke, onCurrencyChange: t, currency: n, defaultCurrency: r, ...i }, a) {
+	return /* @__PURE__ */ B(Y, {
+		className: "money-input--component",
+		ref: a,
+		currencies: e,
+		currency: n,
+		defaultCurrency: r,
+		onCurrencyChange: F((e) => {
+			t?.(e);
+		}, [t]),
+		...i
+	});
+});
+X.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/forms/form-field.tsx
+function Z({ children: e, label: t, isRequired: n, required: i, hint: a, error: o, helperText: s, htmlFor: c, className: u }) {
+	let d = !!o, p = o || s || (d ? void 0 : a), m = !!p, h = n ?? i, g = j.useId(), _ = j.isValidElement(e) ? e.props.id : void 0, v = c ?? _ ?? (t && j.isValidElement(e) ? `form-field-${g}` : void 0), y = v && j.isValidElement(e) && !_ ? j.cloneElement(e, { id: v }) : e;
+	return /* @__PURE__ */ V("div", {
+		className: r("form-field--component", "space-y-1", u),
+		children: [
+			!!t && /* @__PURE__ */ V(f, {
+				htmlFor: v,
+				className: "flex items-center leading-6",
+				children: [t, !!h && /* @__PURE__ */ B("span", {
+					className: "ml-1 text-destructive",
+					children: "*"
+				})]
+			}),
+			y,
+			!!m && /* @__PURE__ */ B(l, {
+				tag: "p",
+				size: "xs",
+				type: d ? "error" : "secondary",
+				...d ? {
+					role: "alert",
+					"aria-live": "polite"
+				} : {},
+				children: p
+			})
+		]
+	});
+}
+function Ae({ name: e, control: t, rules: n, error: r, children: i, ...a }) {
+	return /* @__PURE__ */ B(ge, {
+		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__ */ B(Z, {
+				...a,
+				error: s,
+				htmlFor: e,
+				children: i(t, s, c, n)
+			});
+		}
+	});
+}
+Z.displayName = "FormField", Ae.displayName = "ControlledFormField";
+//#endregion
+//#region src/components/base/display/notification-banner.tsx
+var je = {
+	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"
+	}
+}, Me = {
+	info: ce,
+	success: re,
+	error: ae,
+	warning: ne
+};
+function Ne({ html: e }) {
+	return M.createElement("span", { dangerouslySetInnerHTML: { __html: e } });
+}
+function Pe({ type: e = "info", dismissible: t = !1, title: n, message: a, onDismiss: o, children: s, asHTML: c = !1, dismissAriaLabel: d = "Dismiss notification", className: f }) {
+	let p = je[e], m = Me[e], h = M.useMemo(() => u(a ?? (typeof s == "string" ? s : "")), [s, a]), g = !!n;
+	return /* @__PURE__ */ V("div", {
+		role: "status",
+		className: r("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__ */ B("span", {
+				"aria-hidden": "true",
+				className: r("mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-full", p.iconRing, p.iconColor),
+				children: /* @__PURE__ */ B(m, { className: "size-4" })
+			}),
+			/* @__PURE__ */ V("div", {
+				className: "min-w-0 flex-1",
+				children: [g && /* @__PURE__ */ B(l, {
+					tag: "div",
+					weight: "semibold",
+					className: "leading-snug text-foreground",
+					children: n
+				}), /* @__PURE__ */ V(l, {
+					tag: "div",
+					type: g ? "secondary" : "main",
+					className: r("break-words leading-snug", g && "mt-0.5"),
+					children: [!!c && /* @__PURE__ */ B(Ne, { html: h }), !c && (a ?? s)]
+				})]
+			}),
+			!!t && /* @__PURE__ */ B(i, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-xs",
+				"aria-label": d,
+				onClick: o,
+				className: r("-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__ */ B(pe, { className: "size-4" })
+			})
+		]
+	});
+}
+Pe.displayName = "NotificationBanner";
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function Fe({ className: e }) {
+	let t = I();
+	return /* @__PURE__ */ V("svg", {
+		className: r("placeholder-pattern--component", e),
+		fill: "none",
+		stroke: "currentColor",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ B("defs", { children: /* @__PURE__ */ B("pattern", {
+			id: t,
+			x: "0",
+			y: "0",
+			width: "10",
+			height: "10",
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ B("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__ */ B("rect", {
+			stroke: "none",
+			fill: `url(#${t})`,
+			width: "100%",
+			height: "100%"
+		})]
+	});
+}
+Fe.displayName = "PlaceholderPattern";
+//#endregion
+//#region src/components/base/display/show-if.tsx
+function Ie({ when: e, children: t, fallback: n = null }) {
+	return e ? t : n || null;
+}
+Ie.displayName = "ShowIf";
+//#endregion
+//#region src/components/base/display/throttle-alert.tsx
+var Le = {
+	maxAttempts: "Max attempts",
+	tryAgainIn: "Try again in"
+};
+function Re({ message: t, attempts: n, remaining: i, className: a, strings: o }) {
+	let s = e(Le, o);
+	return /* @__PURE__ */ V("div", {
+		role: "alert",
+		className: r("throttle-alert--component", "flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3", a),
+		children: [/* @__PURE__ */ B("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__ */ B(H, { className: "size-4" })
+		}), /* @__PURE__ */ V("div", {
+			className: "min-w-0 flex-1 space-y-1.5",
+			children: [/* @__PURE__ */ B(l, {
+				weight: "medium",
+				className: "text-destructive leading-snug",
+				children: t
+			}), /* @__PURE__ */ V("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-destructive/80",
+				children: [/* @__PURE__ */ V("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ B(de, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ B("span", { children: s.maxAttempts }),
+						/* @__PURE__ */ B("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: n
+						})
+					]
+				}), /* @__PURE__ */ V("span", {
+					className: "inline-flex items-center gap-1.5",
+					children: [
+						/* @__PURE__ */ B(oe, {
+							className: "size-3",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ B("span", { children: s.tryAgainIn }),
+						/* @__PURE__ */ B("span", {
+							className: "font-semibold tabular-nums text-destructive",
+							children: i
+						})
+					]
+				})]
+			})]
+		})]
+	});
+}
+Re.displayName = "ThrottleAlert";
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function ze({ children: e, className: t }) {
+	return /* @__PURE__ */ B("span", {
+		className: r("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
+	});
+}
+ze.displayName = "VisuallyHidden";
+//#endregion
+//#region src/components/base/display/stacked-avatars.tsx
+var Q = [
+	"muted",
+	"primary",
+	"secondary",
+	"info",
+	"success"
+], Be = {
+	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 Ve(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 He(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 Ue({ users: e, max: t = 4, size: n = "default", className: i, showOverflow: a = !0, overflowFormatter: o, avatarClassName: s }) {
+	let c = e.slice(0, t), u = Math.max(0, e.length - t);
+	return /* @__PURE__ */ V(D, {
+		className: r("stacked-avatars--component", i),
+		children: [c.map((e, t) => {
+			let i = Ve(e.name, n === "sm"), a = He(e.id ?? e.name ?? t, e.tone);
+			return /* @__PURE__ */ V(A, {
+				size: n,
+				className: r("ring-background", s),
+				title: e.name,
+				children: [e.imageUrl ? /* @__PURE__ */ B(O, {
+					src: e.imageUrl,
+					alt: e.name
+				}) : null, /* @__PURE__ */ B(k, {
+					className: r("font-semibold", Be[a]),
+					children: i
+				})]
+			}, e.id ?? `${e.name}-${t}`);
+		}), !!a && u > 0 && /* @__PURE__ */ B(E, { children: /* @__PURE__ */ B(l, {
+			size: "xs",
+			weight: "semibold",
+			children: o ? o(u) : `+${u}`
+		}) })]
+	});
+}
+Ue.displayName = "StackedAvatars";
+//#endregion
+//#region src/components/base/display/date-block.tsx
+var We = { separator: "·" }, Ge = {
+	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 Ke(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function qe({ date: t, time: n, locale: i, layout: a = "stacked", timePlacement: o, tone: s = "default", boxed: c, showMonth: u = !0, dayFormat: d = "d", weekdayFormat: f = "EEE", monthFormat: p = "MMM", className: m, strings: h }) {
+	let g = Ke(t), _ = e(We, h), v = Ge[s], y = !Number.isNaN(g.getTime()), b = y ? z(g, f, i ? { locale: i } : void 0) : "", x = y ? z(g, d, i ? { locale: i } : void 0) : "", S = y ? z(g, p, i ? { locale: i } : void 0) : "", C = o ?? (a === "inline" ? "inline" : "below"), w = c ?? a === "stacked";
+	return a === "inline" ? /* @__PURE__ */ V("span", {
+		className: r("date-block--component", "inline-flex items-center gap-1.5 tabular-nums", w && r("rounded-md border px-2 py-1", v.bg, v.border), m),
+		children: [
+			/* @__PURE__ */ B(l, {
+				size: "xs",
+				weight: "semibold",
+				className: r(v.accent, "uppercase tracking-wide"),
+				children: b
+			}),
+			/* @__PURE__ */ B(l, {
+				weight: "semibold",
+				children: x
+			}),
+			!!u && /* @__PURE__ */ B(l, {
+				size: "xs",
+				type: "secondary",
+				className: "uppercase tracking-wide",
+				children: S
+			}),
+			!!n && C === "inline" && /* @__PURE__ */ V(te, { children: [/* @__PURE__ */ B(l, {
+				size: "xs",
+				type: "discrete",
+				"aria-hidden": !0,
+				children: _.separator
+			}), /* @__PURE__ */ B(l, {
+				size: "xs",
+				type: "secondary",
+				children: n
+			})] })
+		]
+	}) : /* @__PURE__ */ V("div", {
+		className: r("inline-flex flex-col items-center gap-0.5", m),
+		children: [
+			/* @__PURE__ */ V("div", {
+				className: r("flex flex-col items-center justify-center gap-1 tabular-nums", w && r("w-14 min-h-14 rounded-md border px-1.5 py-1.5", v.bg, v.border)),
+				children: [
+					/* @__PURE__ */ B(l, {
+						size: "xxs",
+						weight: "semibold",
+						style: { lineHeight: 1 },
+						className: r(v.accent, "uppercase tracking-wider"),
+						children: b
+					}),
+					/* @__PURE__ */ B(l, {
+						size: "lg",
+						weight: "bold",
+						style: { lineHeight: 1 },
+						className: v.text,
+						children: x
+					}),
+					!!u && /* @__PURE__ */ B(l, {
+						size: "xxs",
+						style: { lineHeight: 1 },
+						className: r(v.subtle, "uppercase tracking-wider"),
+						children: S
+					})
+				]
+			}),
+			!!n && C === "below" && /* @__PURE__ */ B(l, {
+				size: "xxs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: n
+			}),
+			!!n && C === "inline" && /* @__PURE__ */ B(l, {
+				size: "xxs",
+				type: "secondary",
+				className: "tabular-nums",
+				children: n
+			})
+		]
+	});
+}
+qe.displayName = "DateBlock";
+//#endregion
+//#region src/components/ui/collapsible.tsx
+function Je({ ...e }) {
+	return /* @__PURE__ */ B(U.Root, {
+		"data-slot": "collapsible",
+		...e
+	});
+}
+function Ye({ asChild: e = !1, nativeButton: t, render: n, children: r, ...i }) {
+	let o = e ? /* @__PURE__ */ B(a, {}) : void 0, s = typeof n == "function" ? ((e, t) => {
+		let { nativeButton: r, ...i } = e;
+		return n(i, t);
+	}) : n, c = !0;
+	e && j.isValidElement(r) && (c = typeof r.type == "string" ? r.type === "button" : !("href" in (r.props ?? {})));
+	let l = t ?? (e ? c : !0);
+	return /* @__PURE__ */ B(U.Trigger, {
+		"data-slot": "collapsible-trigger",
+		render: o ?? s,
+		nativeButton: l,
+		...i,
+		children: r
+	});
+}
+function Xe({ ...e }) {
+	return /* @__PURE__ */ B(U.Panel, {
+		"data-slot": "collapsible-content",
+		...e
+	});
+}
+//#endregion
+//#region src/components/base/display/money-input.tsx
+var Ze = "—", Qe = (e) => typeof e == "string" ? e.trim() : "";
+function $e({ money: e, currency: t = "EUR", onChangeData: n, recordCurrency: i, label: a, hint: o, helperText: s, error: c, required: u, invalid: d, showMigrationWarning: f = !0, migrationWarningMessage: p, showOriginalHint: g = !0, className: _, onChange: v, onCurrencyChange: y, ...b }) {
+	let x = i ?? e?.recordCurrency ?? void 0, S = L(() => x !== void 0 && x !== t, [x, t]), C = L(() => g ? Qe(e?.pair?.formatted) : "", [g, e?.pair?.formatted]), w = C.length > 0 && !c, T = S && f, E = F((e) => {
+		v?.(e);
+		let r = Number.parseFloat(e.target.value);
+		n?.({
+			amount: Number.isFinite(r) ? r : 0,
+			currency: t
+		});
+	}, [
+		v,
+		n,
+		t
+	]), D = F((e) => {
+		y?.(e);
+		let t = Number.parseFloat(String(b.value ?? ""));
+		n?.({
+			amount: Number.isFinite(t) ? t : 0,
+			currency: e
+		});
+	}, [
+		y,
+		n,
+		b.value
+	]), O = d ?? !!c, k = /* @__PURE__ */ B(X, {
+		...b,
+		currency: t,
+		onChange: E,
+		onCurrencyChange: D,
+		invalid: O
+	}), A = a || o || s || c || u ? /* @__PURE__ */ B(Z, {
+		label: a,
+		hint: o,
+		helperText: s,
+		error: c,
+		required: u,
+		children: k
+	}) : k;
+	return /* @__PURE__ */ V("div", {
+		className: r("money-input--component", "space-y-2", _),
+		children: [
+			A,
+			!!w && /* @__PURE__ */ V("div", {
+				className: "flex items-center gap-1.5 text-muted-foreground",
+				children: [/* @__PURE__ */ B(ce, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ B(l, {
+					size: "xs",
+					type: "secondary",
+					children: C || Ze
+				})]
+			}),
+			!!T && /* @__PURE__ */ V(h, {
+				className: "border-warning/50 bg-warning/5 py-2",
+				children: [/* @__PURE__ */ B(ne, { className: "h-4 w-4 text-warning" }), /* @__PURE__ */ B(m, {
+					className: "text-warning-foreground text-xs",
+					children: p ?? `Currency will be converted from ${x ?? ""} to ${t}.`
+				})]
+			})
+		]
+	});
+}
+$e.displayName = "MoneyInput";
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+var et = {
+	true: "Yes",
+	false: "No"
+};
+function tt({ label: t, value: n = !1, trueLabel: i, falseLabel: a, showIcon: o = !0, trueVariant: s = "success", falseVariant: c = "secondary", className: u, badgeClassName: d, strings: f }) {
+	let m = e(et, f), h = !!n, g = h ? ie : me, _ = h ? s : c, v = (h ? i : a) ?? (h ? m.true : m.false);
+	return /* @__PURE__ */ V("div", {
+		className: r("boolean-indicator--component", "flex items-center justify-between rounded-md border border-border/60 bg-muted/30 px-3 py-2", u),
+		children: [/* @__PURE__ */ B(l, {
+			size: "xs",
+			type: "secondary",
+			className: "uppercase tracking-wide",
+			children: t
+		}), /* @__PURE__ */ V(p, {
+			variant: _,
+			size: "sm",
+			className: r("whitespace-nowrap", d),
+			children: [!!o && /* @__PURE__ */ B(g, { className: "h-3.5 w-3.5" }), v]
+		})]
+	});
+}
+tt.displayName = "BooleanIndicator";
+//#endregion
+//#region src/components/ui/progress.tsx
+function nt({ className: e, children: t, value: n, ...i }) {
+	return /* @__PURE__ */ V(W.Root, {
+		value: n,
+		"data-slot": "progress",
+		className: r("flex flex-wrap gap-3", e),
+		...i,
+		children: [t, /* @__PURE__ */ B(rt, { children: /* @__PURE__ */ B(it, {}) })]
+	});
+}
+function rt({ className: e, ...t }) {
+	return /* @__PURE__ */ B(W.Track, {
+		className: r("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__ */ B(W.Indicator, {
+		"data-slot": "progress-indicator",
+		className: r("bg-primary h-full transition-all", e),
+		...t
+	});
+}
+function at({ className: e, ...t }) {
+	return /* @__PURE__ */ B(W.Label, {
+		className: r("text-sm font-medium", e),
+		"data-slot": "progress-label",
+		...t
+	});
+}
+function ot({ className: e, ...t }) {
+	return /* @__PURE__ */ B(W.Value, {
+		className: r("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 lt({ data: e, foreground: t, background: n, robustness: i = "M", className: a, ...o }) {
+	let [s, c] = R(null);
+	return ee(() => {
+		(async () => {
+			try {
+				let r = String(e ?? "").trim();
+				if (!r) {
+					c(null);
+					return;
+				}
+				let a = getComputedStyle(document.documentElement), o = t ?? a.getPropertyValue("--foreground"), s = n ?? a.getPropertyValue("--background"), l = ct(o, [
+					.21,
+					.006,
+					285.885
+				]), u = ct(s, [
+					.985,
+					0,
+					0
+				]);
+				c(await _e.toString(r, {
+					type: "svg",
+					color: {
+						dark: G(K({
+							mode: "oklch",
+							...l
+						})),
+						light: G(K({
+							mode: "oklch",
+							...u
+						}))
+					},
+					width: 200,
+					errorCorrectionLevel: i,
+					margin: 0
+				}));
+			} catch {
+				c("");
+			}
+		})();
+	}, [
+		e,
+		t,
+		n,
+		i
+	]), s ? /* @__PURE__ */ B("div", {
+		className: r("qr-code--component", "size-full", "[&_svg]:size-full", a),
+		dangerouslySetInnerHTML: { __html: s },
+		...o
+	}) : null;
+}
+lt.displayName = "QRCode";
+//#endregion
+//#region src/components/ui/empty.tsx
+function ut({ className: e, ...t }) {
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "empty",
+		className: r("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 dt({ className: e, ...t }) {
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "empty-header",
+		className: r("gap-2 flex max-w-sm flex-col items-center", e),
+		...t
+	});
+}
+var ft = he("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 pt({ className: e, variant: t = "default", ...n }) {
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "empty-icon",
+		"data-variant": t,
+		className: r(ft({
+			variant: t,
+			className: e
+		})),
+		...n
+	});
+}
+function mt({ className: e, ...t }) {
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "empty-content",
+		className: r("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/base/display/empty-state/empty-state.strings.ts
+var ht = {
+	title: "Nothing here yet",
+	description: "Once data lands, it will show up in this view.",
+	ariaLabel: "Empty state"
+}, gt = {
+	compact: "py-6",
+	base: "py-12",
+	loose: "py-16"
+}, _t = {
+	none: "default",
+	icon: "icon",
+	"icon-soft": "icon",
+	illustration: "default"
+}, vt = {
+	none: void 0,
+	icon: void 0,
+	"icon-soft": "bg-muted/40 text-muted-foreground",
+	illustration: "mb-4"
+}, $ = N(function({ title: t, description: n, media: i, mediaVariant: a = "none", renderMedia: o, actions: s, footer: c, padding: u = "base", border: f = !1, className: p, strings: m, ariaLabel: h }, g) {
+	let _ = e(ht, m), v = t ?? _.title, y = n === !1 ? null : n ?? _.description, b = o ? o({ mediaVariant: a }) : i, x = !!b;
+	return /* @__PURE__ */ V(ut, {
+		ref: g,
+		role: "status",
+		"aria-label": h ?? _.ariaLabel,
+		className: r("empty-state--component", gt[u], f ? "border border-dashed" : "border-0", p),
+		children: [/* @__PURE__ */ V(dt, { children: [
+			!!x && /* @__PURE__ */ B(pt, {
+				variant: _t[a],
+				className: vt[a],
+				children: b
+			}),
+			/* @__PURE__ */ B(d, {
+				tag: "h3",
+				className: "border-0 pb-0 text-base",
+				"data-slot": "empty-title",
+				children: v
+			}),
+			!!y && /* @__PURE__ */ B(l, {
+				size: "xs",
+				type: "secondary",
+				className: "leading-relaxed [&>a]:text-primary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
+				"data-slot": "empty-description",
+				children: y
+			})
+		] }), (!!s || !!c) && /* @__PURE__ */ V(mt, { children: [!!s && /* @__PURE__ */ B("div", {
+			className: "flex flex-wrap items-center justify-center gap-2",
+			children: s
+		}), !!c && /* @__PURE__ */ B("div", {
+			className: "text-xs text-muted-foreground",
+			children: c
+		})] })]
+	});
+});
+$.displayName = "EmptyState";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/document-stack.tsx
+function yt({ className: e }) {
+	return /* @__PURE__ */ V("div", {
+		className: r("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ V("div", {
+			className: "bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ B("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ B("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ B("div", { className: "bg-muted/60 h-1.5 w-9 rounded" })
+			]
+		}), /* @__PURE__ */ V("div", {
+			className: "bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ B("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ B("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ B("div", { className: "bg-muted/60 h-1.5 w-9 rounded" }),
+				/* @__PURE__ */ V("div", {
+					className: "mt-auto flex items-center gap-1",
+					children: [/* @__PURE__ */ B("div", { className: "bg-success size-1.5 rounded-full" }), /* @__PURE__ */ B("div", { className: "bg-muted/60 h-1.5 w-8 rounded" })]
+				})
+			]
+		})]
+	});
+}
+yt.displayName = "DocumentStackIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/inbox-clean.tsx
+function bt({ className: e }) {
+	return /* @__PURE__ */ V("div", {
+		className: r("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ B("div", {
+			className: "bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border",
+			children: /* @__PURE__ */ B("svg", {
+				viewBox: "0 0 16 16",
+				className: "text-success size-3.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ B("path", { d: "M3 8l3 3 7-7" })
+			})
+		}), /* @__PURE__ */ V("div", {
+			className: "bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm",
+			children: [/* @__PURE__ */ B("div", { className: "bg-muted/30 h-3 rounded-t-lg" }), /* @__PURE__ */ V("div", {
+				className: "flex flex-1 items-center justify-between px-3",
+				children: [/* @__PURE__ */ V("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ B("div", { className: "bg-muted/60 h-1.5 w-12 rounded" }), /* @__PURE__ */ B("div", { className: "bg-muted/40 h-1.5 w-8 rounded" })]
+				}), /* @__PURE__ */ B("div", { className: "bg-muted/40 size-3 rounded-full" })]
+			})]
+		})]
+	});
+}
+bt.displayName = "InboxCleanIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/search-glass.tsx
+function xt({ className: e }) {
+	return /* @__PURE__ */ B("div", {
+		className: r("flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ B(fe, { className: "size-8 text-muted-foreground" })
+	});
+}
+xt.displayName = "SearchGlassIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/stacked-cards.tsx
+function St({ className: e }) {
+	return /* @__PURE__ */ V("div", {
+		className: r("relative h-24 w-52", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ B("div", { className: "bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border" }),
+			/* @__PURE__ */ B("div", { className: "bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border" }),
+			/* @__PURE__ */ V("div", {
+				className: "bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm",
+				children: [/* @__PURE__ */ B("div", { className: "bg-muted size-8 shrink-0 rounded" }), /* @__PURE__ */ V("div", {
+					className: "flex flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ B("div", { className: "bg-muted h-2.5 w-3/4 rounded" }), /* @__PURE__ */ B("div", { className: "bg-muted/60 h-2 w-1/2 rounded" })]
+				})]
+			}),
+			/* @__PURE__ */ B("div", { className: "from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b" })
+		]
+	});
+}
+St.displayName = "StackedCardsIllustration";
+//#endregion
+//#region src/components/base/display/empty-state/partials/illustrations/users-circle.tsx
+function Ct({ className: e }) {
+	return /* @__PURE__ */ V("div", {
+		className: r("relative flex h-24 w-32 items-center justify-center", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ B("div", { className: "bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ B("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ B("div", { className: "bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2" })
+		]
+	});
+}
+Ct.displayName = "UsersCircleIllustration";
+//#endregion
+//#region src/components/base/display/fields/email-display.tsx
+var wt = { copySuccess: "Email copied to clipboard" };
+function Tt({ email: n, copyable: i = !0, copySuccessMessage: a, emptyLabel: o = "—", clickable: s = !0, strings: c, size: u, type: d = "main", tag: f = "span", className: p, ...m }) {
+	let { defaultTextSize: h } = t(), g = u ?? h ?? "sm", _ = e(wt, {
+		...a ? { copySuccess: a } : {},
+		...c
+	});
+	if (!n || n.trim().length === 0) return /* @__PURE__ */ B(l, {
+		size: g,
+		type: "secondary",
+		tag: f,
+		className: r("email-display--component", p),
+		...m,
+		children: o
+	});
+	let v = /* @__PURE__ */ B(l, {
+		size: g,
+		type: d,
+		tag: "span",
+		className: r("font-medium", "decoration-dotted decoration-border underline underline-offset-4", "transition-colors duration-200", s ? "hover:decoration-current" : null, p),
+		children: n
+	});
+	if (i) {
+		let e = /* @__PURE__ */ B(T, {
+			value: n,
+			displayValue: v,
+			successMessage: _.copySuccess,
+			className: "-mx-0"
+		});
+		return s ? /* @__PURE__ */ B("a", {
+			href: `mailto:${n}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return s ? /* @__PURE__ */ B("a", {
+		href: `mailto:${n}`,
+		className: "inline-flex items-center no-underline",
+		children: v
+	}) : v;
+}
+Tt.displayName = "EmailDisplay";
+//#endregion
+//#region src/components/base/display/fields/phone-display.tsx
+var Et = { copySuccess: "Phone number copied to clipboard" };
+function Dt(e) {
+	return e.replace(/[\s().-]/g, "");
+}
+function Ot({ phone: n, copyable: i = !0, copySuccessMessage: a, emptyLabel: o = "—", clickable: s = !0, strings: c, size: u, type: d = "main", tag: f = "span", className: p, ...m }) {
+	let { defaultTextSize: h } = t(), g = u ?? h ?? "sm", _ = e(Et, {
+		...a ? { copySuccess: a } : {},
+		...c
+	});
+	if (!n || n.trim().length === 0) return /* @__PURE__ */ B(l, {
+		size: g,
+		type: "secondary",
+		tag: f,
+		className: r("phone-display--component", p),
+		...m,
+		children: o
+	});
+	let v = /* @__PURE__ */ B(l, {
+		size: g,
+		type: d,
+		tag: "span",
+		className: r("font-medium", "decoration-dotted decoration-border underline underline-offset-4", "transition-colors duration-200", s ? "hover:decoration-current" : null, p),
+		children: n
+	});
+	if (i) {
+		let e = /* @__PURE__ */ B(T, {
+			value: n,
+			displayValue: v,
+			successMessage: _.copySuccess,
+			className: "-mx-0"
+		});
+		return s ? /* @__PURE__ */ B("a", {
+			href: `tel:${Dt(n)}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return s ? /* @__PURE__ */ B("a", {
+		href: `tel:${Dt(n)}`,
+		className: "inline-flex items-center no-underline",
+		children: v
+	}) : v;
+}
+Ot.displayName = "PhoneDisplay";
+//#endregion
+//#region src/components/base/display/fields/url-display.tsx
+var kt = {
+	copySuccess: "URL copied to clipboard",
+	httpWarning: "This URL uses HTTP which is not secure"
+};
+function At(e) {
+	try {
+		return new URL(e).protocol === "http:";
+	} catch {
+		return e.toLowerCase().startsWith("http://");
+	}
+}
+function jt(e, t, n) {
+	if (!t || e.length <= n) return e;
+	try {
+		let t = new URL(e), r = t.hostname, i = n - r.length - 5;
+		return i > 10 ? `${r}${t.pathname.slice(0, i)}...` : `${e.slice(0, n - 3)}...`;
+	} catch {
+		return `${e.slice(0, n - 3)}...`;
+	}
+}
+function Mt({ url: n, copyable: i = !0, copySuccessMessage: a, emptyLabel: u = "—", clickable: d = !0, truncate: f = !1, maxLength: p = 50, showExternalIcon: m = !0, httpWarningMessage: h, strings: g, size: _, type: v = "main", tag: y = "span", className: b, ...x }) {
+	let { defaultTextSize: S } = t(), C = _ ?? S ?? "sm", w = e(kt, {
+		...a ? { copySuccess: a } : {},
+		...h ? { httpWarning: h } : {},
+		...g
+	});
+	if (!n || n.trim().length === 0) return /* @__PURE__ */ B(l, {
+		size: C,
+		type: "secondary",
+		tag: y,
+		className: r("url-display--component", b),
+		...x,
+		children: u
+	});
+	let E = At(n), D = jt(n, f, p), O = f && n.length > p, k = /* @__PURE__ */ V(l, {
+		size: C,
+		type: v,
+		tag: "span",
+		className: "inline-flex items-center gap-1.5",
+		children: [
+			!!E && /* @__PURE__ */ V(c, { children: [/* @__PURE__ */ B(o, { render: (e) => {
+				let { type: t, disabled: n, className: i, ...a } = e;
+				return /* @__PURE__ */ B("span", {
+					...a,
+					tabIndex: 0,
+					role: "img",
+					"aria-label": w.httpWarning,
+					className: r("inline-flex items-center text-warning", i),
+					children: /* @__PURE__ */ B(H, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					})
+				});
+			} }), /* @__PURE__ */ B(s, {
+				side: "top",
+				className: "max-w-xs",
+				children: /* @__PURE__ */ B(l, {
+					size: "xs",
+					children: w.httpWarning
+				})
+			})] }),
+			/* @__PURE__ */ B("span", {
+				className: r("decoration-dotted underline underline-offset-4", "transition-colors duration-200", E ? "decoration-warning" : "decoration-border", d ? "hover:decoration-current" : null),
+				title: O && n || void 0,
+				children: D
+			}),
+			!!d && !!m && /* @__PURE__ */ B(se, { className: "size-3 text-muted-foreground" })
+		]
+	});
+	if (i) {
+		let e = /* @__PURE__ */ B(T, {
+			value: n,
+			displayValue: k,
+			successMessage: w.copySuccess,
+			className: r("-mx-0", b)
+		});
+		return d ? /* @__PURE__ */ B("a", {
+			href: n,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e
+		}) : e;
+	}
+	return d ? /* @__PURE__ */ B("a", {
+		href: n,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "inline-flex items-center no-underline",
+		children: k
+	}) : k;
+}
+Mt.displayName = "UrlDisplay";
+//#endregion
+//#region src/components/base/display/inline-stat/inline-stat.tsx
+function Nt({ label: e, value: t, layout: n = "between", mono: i = !1, className: a, labelClassName: o, valueClassName: s }) {
+	return n === "stacked" ? /* @__PURE__ */ V("div", {
+		className: r("inline-stat--component", "flex flex-col gap-0.5", a),
+		children: [/* @__PURE__ */ B(l, {
+			tag: "span",
+			size: "xxs",
+			type: "secondary",
+			className: o,
+			children: e
+		}), /* @__PURE__ */ B(l, {
+			tag: "span",
+			className: r(i && "tabular-nums", s),
+			children: t
+		})]
+	}) : /* @__PURE__ */ V("div", {
+		className: r("flex items-center gap-2", n === "between" ? "justify-between" : "justify-start", a),
+		children: [/* @__PURE__ */ B(l, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: o,
+			children: e
+		}), /* @__PURE__ */ B(l, {
+			tag: "span",
+			className: r(i && "tabular-nums", s),
+			children: t
+		})]
+	});
+}
+Nt.displayName = "InlineStat";
+//#endregion
+//#region src/components/base/display/numeric-value/numeric-value.tsx
+var Pt = "—", Ft = (e, t, n) => {
+	if (e == null || e === "") return null;
+	if (typeof e == "string") return e;
+	if (Number.isNaN(e)) return null;
+	try {
+		return new Intl.NumberFormat(t, n).format(e);
+	} catch {
+		return String(e);
+	}
+};
+function It({ value: e, align: n = "right", locale: i, formatOptions: a, emptyLabel: o = Pt, size: s, weight: c, type: u, className: d, ...f }) {
+	let { defaultTextSize: p } = t(), m = s ?? p ?? "sm", h = Ft(e, i, a), g = n === "right" ? "text-right" : n === "center" ? "text-center" : "text-left";
+	return h === null ? /* @__PURE__ */ B(l, {
+		size: m,
+		weight: c,
+		type: u ?? "secondary",
+		className: r("numeric-value--component", "tabular-nums", g, d),
+		...f,
+		children: o
+	}) : /* @__PURE__ */ B(l, {
+		size: m,
+		weight: c,
+		type: u,
+		className: r("tabular-nums", g, d),
+		...f,
+		children: h
+	});
+}
+It.displayName = "NumericValue";
+//#endregion
+//#region src/components/base/display/user-cell/user-cell.tsx
+var Lt = {
+	sm: {
+		avatar: "size-7",
+		gap: "gap-2",
+		nameSize: "sm",
+		subtitleSize: "xs"
+	},
+	base: {
+		avatar: "size-9",
+		gap: "gap-3",
+		nameSize: "sm",
+		subtitleSize: "xs"
+	},
+	lg: {
+		avatar: "size-11",
+		gap: "gap-3",
+		nameSize: "base",
+		subtitleSize: "sm"
+	}
+};
+function Rt({ name: e, subtitle: t, avatarUrl: n, avatarAlt: i, initials: a, avatar: o, trailing: s, size: c = "base", className: u }) {
+	let d = Lt[c], f = o ?? /* @__PURE__ */ V(A, {
+		className: d.avatar,
+		children: [!!n && /* @__PURE__ */ B(O, {
+			src: n,
+			alt: i ?? (typeof e == "string" ? e : void 0)
+		}), !!a && /* @__PURE__ */ B(k, { children: a })]
+	});
+	return /* @__PURE__ */ V("div", {
+		className: r("user-cell--component", "flex items-center", d.gap, u),
+		children: [
+			f,
+			/* @__PURE__ */ V("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ B(l, {
+					size: d.nameSize,
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!t && /* @__PURE__ */ B(l, {
+					size: d.subtitleSize,
+					type: "secondary",
+					className: "truncate",
+					children: t
+				})]
+			}),
+			!!s && /* @__PURE__ */ B("div", {
+				className: "shrink-0",
+				children: s
+			})
+		]
+	});
+}
+Rt.displayName = "UserCell";
+//#endregion
+//#region src/components/base/display/section-header/section-header.tsx
+function zt({ title: e, description: t, badge: n, action: i, dense: a = !1, className: o }) {
+	return /* @__PURE__ */ V("div", {
+		className: r("section-header--component", "flex items-start justify-between", a ? "gap-2" : "gap-3", o),
+		children: [/* @__PURE__ */ V("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ V("div", {
+				className: r("flex items-center", a ? "gap-1.5" : "gap-2"),
+				children: [/* @__PURE__ */ B(l, {
+					size: a ? "xs" : "sm",
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!n && /* @__PURE__ */ B("span", {
+					className: "shrink-0",
+					children: n
+				})]
+			}), !!t && /* @__PURE__ */ B(l, {
+				size: a ? "xxs" : "xs",
+				type: "secondary",
+				className: a ? "mt-0.5" : "mt-1",
+				children: t
+			})]
+		}), !!i && /* @__PURE__ */ B("div", {
+			className: "shrink-0",
+			children: i
+		})]
+	});
+}
+zt.displayName = "SectionHeader";
+//#endregion
+export { Re as A, Je as C, We as D, qe as E, Z as F, X as I, Y as L, Fe as M, Pe as N, Ue as O, Ae as P, J as R, $e as S, Ye as T, it as _, Mt as a, ot as b, Ct as c, bt as d, yt as f, nt as g, lt as h, Nt as i, Ie as j, ze as k, St as l, ht as m, Rt as n, Ot as o, $ as p, It as r, Tt as s, zt as t, xt as u, at as v, Xe as w, tt as x, rt as y };
+
+//# sourceMappingURL=display-CL69dmsv.js.map