admin-ui-starter-kit 0.6.6 → 0.6.8

package/dist/_shared/display-Bro3Kufg.js

@@ -1,986 +0,0 @@
-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-CzFVA1w1.js";
-import { t as c } from "./badge-BYNwSWh5.js";
-import { r as l, t as u } from "./alert-CMVVt2Br.js";
-import { t as d } from "./input-BgcP6x4C.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: "xxs",
-						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: "xxs",
-						style: { lineHeight: 1 },
-						className: n(v.subtle, "uppercase tracking-wider"),
-						children: S
-					})
-				]
-			}),
-			!!r && C === "below" && /* @__PURE__ */ I(s, {
-				size: "xxs",
-				type: "secondary",
-				className: "tabular-nums",
-				children: r
-			}),
-			!!r && C === "inline" && /* @__PURE__ */ I(s, {
-				size: "xxs",
-				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-Bro3Kufg.js.map