themelia-ui 3.0.0 → 3.2.0

package/dist/display-a7AoX_u7.js

@@ -0,0 +1,664 @@
+import "#core.css";
+import { a as e, c as t, s as n } from "./typography-DmeR05Er.js";
+import { t as r } from "./cx--CBrhWH0.js";
+import { t as i } from "./ui-provider-DpzLUD12.js";
+import { c as a } from "./buttons-BX2JfL5X.js";
+import { i as o, n as s, t as c } from "./tooltip-BPYP-jUm.js";
+import { i as l, o as u } from "./structure-CynEZ-OY.js";
+import { A as d, B as f, D as p, E as m, O as h, U as g, f as _, g as v, k as y, m as b, z as x } from "./primitives-BskKlf35.js";
+import { t as S } from "./badge-VlJVZjdm.js";
+import { ChevronRightIcon as C, InfoIcon as w } from "lucide-react";
+import * as T from "react";
+import { Fragment as ee, isValidElement as E, useMemo as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { format as j, isValid as te } from "date-fns";
+import { Separator as ne } from "@base-ui/react/separator";
+import "#css/display.css";
+var M = {
+	separator: "display__separator___1BUja",
+	separatorLabelled: "display__separatorLabelled___BRKTs",
+	collapsibleContent: "display__collapsibleContent___w5FCe",
+	collapsibleInner: "display__collapsibleInner___HkK58",
+	collapsibleTrigger: "display__collapsibleTrigger___kOrAb",
+	collapsibleIcon: "display__collapsibleIcon___hoUxr",
+	scrollArea: "display__scrollArea___rtjwn",
+	indicator: "display__indicator___-b3CD",
+	indicatorDot: "display__indicatorDot___u1og1",
+	indicatorDotTrue: "display__indicatorDotTrue___gAb2-",
+	visuallyHidden: "display__visuallyHidden___8hPwP",
+	iconBadge: "display__iconBadge___-j1FB",
+	iconBadgeCircle: "display__iconBadgeCircle___vtzNZ",
+	iconBadgeBordered: "display__iconBadgeBordered___BNHvl",
+	iconBadgeSolid: "display__iconBadgeSolid___iPQQJ",
+	contentBlock: "display__contentBlock___0GnKb",
+	contentBlockBordered: "display__contentBlockBordered___Xuqla",
+	contentBlockMuted: "display__contentBlockMuted___RSMxC",
+	contentBlockCard: "display__contentBlockCard___G7lkG",
+	contentBlockFlush: "display__contentBlockFlush___e4GRB",
+	contentBlockHeader: "display__contentBlockHeader___YzDqj",
+	contentBlockTitle: "display__contentBlockTitle___145n6",
+	contentBlockDescription: "display__contentBlockDescription___fS51q",
+	contentBlockIcon: "display__contentBlockIcon___5BKtm",
+	dateBlock: "display__dateBlock___BfnLm",
+	dateBlockInline: "display__dateBlockInline___MyPks",
+	dateBlockMonth: "display__dateBlockMonth___MTD8Z",
+	dateBlockWeekday: "display__dateBlockWeekday___zOq-Q",
+	dateBlockYear: "display__dateBlockYear___gRB6t",
+	dateBlockTime: "display__dateBlockTime___4MsX7",
+	dateBlockBoxed: "display__dateBlockBoxed___F0UE0",
+	placeholderPattern: "display__placeholderPattern___neWw-",
+	kbd: "display__kbd___3mNbf",
+	kbdGroup: "display__kbdGroup___mcdvP",
+	inlineStat: "display__inlineStat___nfkP3"
+}, N = (e) => typeof e == "number" ? `${e}px` : e;
+function P({ className: e, orientation: t = "horizontal", variant: i = "solid", thickness: a, label: o, style: s, ...c }) {
+	let l = {
+		...a === void 0 ? null : { "--_separator-thickness": N(a) },
+		...s
+	};
+	return o && t === "horizontal" ? /* @__PURE__ */ k("div", {
+		"data-slot": "separator",
+		"data-orientation": "horizontal",
+		"data-variant": i,
+		className: r("separator--component", M.separatorLabelled, e),
+		style: l,
+		children: /* @__PURE__ */ k(n, {
+			tag: "span",
+			type: "secondary",
+			size: "xs",
+			children: o
+		})
+	}) : /* @__PURE__ */ k(ne, {
+		"data-slot": "separator",
+		orientation: t,
+		"data-variant": i,
+		className: r("separator--component", M.separator, e),
+		style: l,
+		...c
+	});
+}
+//#endregion
+//#region src/components/base/display/collapsible.tsx
+var F = T.createContext(null);
+function I(e) {
+	let t = T.useContext(F);
+	if (!t) throw Error(`<${e}> must be used within <Collapsible>`);
+	return t;
+}
+function re({ open: e, defaultOpen: t = !1, onOpenChange: n, className: i, children: a, ...o }) {
+	let [s, c] = T.useState(t), l = e !== void 0, u = l ? e : s, d = T.useId(), f = T.useCallback((e) => {
+		l || c(e), n?.(e);
+	}, [l, n]), p = T.useMemo(() => ({
+		open: u,
+		setOpen: f,
+		id: d
+	}), [
+		u,
+		f,
+		d
+	]);
+	return /* @__PURE__ */ k(F.Provider, {
+		value: p,
+		children: /* @__PURE__ */ k("div", {
+			"data-slot": "collapsible",
+			"data-open": u ? "" : void 0,
+			className: r("collapsible--component", i),
+			...o,
+			children: a
+		})
+	});
+}
+function ie({ className: e, children: t, onClick: n, ...i }) {
+	let { open: a, setOpen: o, id: s } = I("CollapsibleTrigger");
+	return /* @__PURE__ */ A("button", {
+		type: "button",
+		"data-slot": "collapsible-trigger",
+		"aria-expanded": a,
+		"aria-controls": s,
+		className: r("collapsible--trigger", M.collapsibleTrigger, e),
+		"data-hit-area": !0,
+		onClick: (e) => {
+			n?.(e), e.defaultPrevented || o(!a);
+		},
+		...i,
+		children: [/* @__PURE__ */ k(C, {
+			className: M.collapsibleIcon,
+			"aria-hidden": !0
+		}), t]
+	});
+}
+function ae({ className: e, children: t, ...n }) {
+	let { open: i, id: a } = I("CollapsibleContent");
+	return /* @__PURE__ */ k("div", {
+		id: a,
+		"data-slot": "collapsible-content",
+		"data-open": i ? "" : void 0,
+		"aria-hidden": !i,
+		inert: !i,
+		className: r("collapsible--content", M.collapsibleContent, e),
+		...n,
+		children: /* @__PURE__ */ k("div", {
+			className: M.collapsibleInner,
+			children: t
+		})
+	});
+}
+//#endregion
+//#region src/components/base/display/scroll-area.tsx
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "scroll-area",
+		tabIndex: 0,
+		className: r("scroll-area--component", M.scrollArea, e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/boolean-indicator.strings.ts
+var R = {
+	true: "Yes",
+	false: "No"
+};
+//#endregion
+//#region src/components/base/display/boolean-indicator.tsx
+function z({ value: e, strings: t, className: i, ...a }) {
+	let o = {
+		...R,
+		...t
+	};
+	return /* @__PURE__ */ A("span", {
+		"data-slot": "boolean-indicator",
+		"data-value": e ? "true" : "false",
+		className: r("boolean-indicator--component", M.indicator, i),
+		...a,
+		children: [/* @__PURE__ */ k("span", {
+			className: r(M.indicatorDot, e && M.indicatorDotTrue),
+			"aria-hidden": !0
+		}), /* @__PURE__ */ k(n, {
+			tag: "span",
+			size: "inherit",
+			children: e ? o.true : o.false
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/display/visually-hidden.tsx
+function B({ className: e, render: t, ...n }) {
+	let i = r(M.visuallyHidden, e);
+	return t ? T.cloneElement(t, {
+		...n,
+		...t.props,
+		className: r(i, t.props.className)
+	}) : /* @__PURE__ */ k("span", {
+		className: r("visually-hidden--component", i),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/display/icon-badge.tsx
+function V({ icon: e, children: t, tone: n = "neutral", shape: i = "rounded", solid: a = !1, bordered: o = !1, className: s, ...c }) {
+	let l = t || (e ? E(e) ? e : /* @__PURE__ */ k(e, { "aria-hidden": !0 }) : null);
+	return /* @__PURE__ */ k("span", {
+		"data-tone": n,
+		className: r("icon-badge--component", M.iconBadge, i === "circle" && M.iconBadgeCircle, a && M.iconBadgeSolid, o && M.iconBadgeBordered, s),
+		...c,
+		children: l
+	});
+}
+//#endregion
+//#region src/components/base/display/content-block.tsx
+function H({ title: e, description: t, icon: i, titleSuffix: a, headerEnd: o, surface: s = "plain", flush: c = !1, className: l, children: d, ...f }) {
+	let p = !!(e || a || i || o), m = p || t != null;
+	return /* @__PURE__ */ A("div", {
+		className: r("content-block--component", M.contentBlock, s === "bordered" && M.contentBlockBordered, s === "muted" && M.contentBlockMuted, s === "card" && M.contentBlockCard, c && M.contentBlockFlush, l),
+		...f,
+		children: [m && /* @__PURE__ */ A(u, {
+			gap: "sm",
+			className: "content-block--heading",
+			children: [p && /* @__PURE__ */ A("div", {
+				className: M.contentBlockHeader,
+				children: [
+					i != null && /* @__PURE__ */ k("span", {
+						className: M.contentBlockIcon,
+						children: i
+					}),
+					/* @__PURE__ */ A(n, {
+						tag: "span",
+						size: "base",
+						lineHeight: "tight",
+						weight: "semibold",
+						className: M.contentBlockTitle,
+						"data-suffixed": a != null || void 0,
+						children: [e, a]
+					}),
+					o
+				]
+			}), t != null && /* @__PURE__ */ k(n, {
+				tag: "div",
+				type: "secondary",
+				className: M.contentBlockDescription,
+				children: t
+			})]
+		}), d]
+	});
+}
+//#endregion
+//#region src/components/base/display/date-block.tsx
+function U(e) {
+	if (e == null) return null;
+	let t = e instanceof Date ? e : new Date(e);
+	return te(t) ? t : null;
+}
+function W({ date: e, time: a, dateTime: o, layout: s = "stacked", boxed: c, showWeekday: l = !0, showMonth: u = !0, showYear: d = !1, weekdayFormat: f = "EEE", dayFormat: p = "d", monthFormat: m = "MMM", yearFormat: h = "yyyy", className: g, ..._ }) {
+	let { locale: v } = i(), y = U(e), b = s === "inline", x = c ?? s === "stacked";
+	if (!y) return null;
+	let S = b ? "inherit" : "xs";
+	return /* @__PURE__ */ A("time", {
+		dateTime: o ?? y.toISOString(),
+		className: r("date-block--component", M.dateBlock, b && M.dateBlockInline, b && t({ size: "sm" }), x && M.dateBlockBoxed, g),
+		..._,
+		children: [
+			l && /* @__PURE__ */ k(n, {
+				tag: "span",
+				size: S,
+				weight: "medium",
+				caps: !b,
+				type: "secondary",
+				className: M.dateBlockWeekday,
+				children: j(y, f, { locale: v })
+			}),
+			/* @__PURE__ */ k(n, {
+				tag: "span",
+				size: b ? "inherit" : "xl",
+				weight: "semibold",
+				numeric: !0,
+				type: "inherit",
+				children: j(y, p, { locale: v })
+			}),
+			u && /* @__PURE__ */ k(n, {
+				tag: "span",
+				size: S,
+				weight: x ? "semibold" : "medium",
+				caps: !b,
+				type: "secondary",
+				className: M.dateBlockMonth,
+				children: j(y, m, { locale: v })
+			}),
+			d && /* @__PURE__ */ k(n, {
+				tag: "span",
+				size: S,
+				numeric: !0,
+				type: "secondary",
+				className: M.dateBlockYear,
+				children: j(y, h, { locale: v })
+			}),
+			a != null && /* @__PURE__ */ k(n, {
+				tag: "span",
+				size: S,
+				numeric: !0,
+				type: "secondary",
+				className: M.dateBlockTime,
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/display/placeholder-pattern.tsx
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"aria-hidden": !0,
+		className: r("placeholder-pattern--component", M.placeholderPattern, e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/kbd.tsx
+function K({ className: e, ...n }) {
+	return /* @__PURE__ */ k("kbd", {
+		"data-slot": "kbd",
+		className: r("kbd--component", M.kbd, t({
+			size: "xs",
+			lineHeight: "none",
+			mono: !0
+		}), e),
+		...n
+	});
+}
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ k("span", {
+		"data-slot": "kbd-group",
+		className: r("kbd-group--component", M.kbdGroup, e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/display/metadata-value.tsx
+var J = "metadata-value--component";
+function oe(e) {
+	return e == null || e === "";
+}
+function se(e, t = "—") {
+	return /* @__PURE__ */ k(x, {
+		size: "inherit",
+		label: t,
+		className: r(J, e)
+	});
+}
+function ce(e) {
+	throw Error(`Unsupported metadata value descriptor: ${JSON.stringify(e)}`);
+}
+function Y(e) {
+	if (e.kind === "node") return /* @__PURE__ */ k(O, { children: e.node });
+	if (e.kind === "empty" || e.kind !== "link" && oe(e.value)) return se(e.className, e.emptyLabel);
+	let t = r(J, e.className);
+	switch (e.kind) {
+		case void 0:
+		case "text": return /* @__PURE__ */ k(g, {
+			size: "inherit",
+			className: r("metadata-value--component", t),
+			children: e.display ?? e.value
+		});
+		case "mono": return /* @__PURE__ */ k(f, {
+			size: "inherit",
+			className: t,
+			children: e.display ?? e.value
+		});
+		case "email": return /* @__PURE__ */ k(p, {
+			value: e.value,
+			display: e.display,
+			emptyLabel: e.emptyLabel,
+			className: t
+		});
+		case "phone": return /* @__PURE__ */ k(y, {
+			value: e.value,
+			display: e.display,
+			emptyLabel: e.emptyLabel,
+			className: t
+		});
+		case "url": return /* @__PURE__ */ k(d, {
+			value: e.value,
+			display: e.display,
+			emptyLabel: e.emptyLabel,
+			className: t
+		});
+		case "link": return /* @__PURE__ */ k(h, {
+			href: e.href,
+			emptyLabel: e.emptyLabel,
+			className: t,
+			children: e.display ?? e.value ?? e.href
+		});
+		case "date": return /* @__PURE__ */ k(_, {
+			value: e.value,
+			pattern: e.pattern,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: t
+		});
+		case "time": return /* @__PURE__ */ k(v, {
+			value: e.value,
+			pattern: e.pattern,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: t
+		});
+		case "datetime": return /* @__PURE__ */ k(b, {
+			value: e.value,
+			pattern: e.pattern,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: t
+		});
+		case "money": return /* @__PURE__ */ k(m, {
+			amount: e.value,
+			currency: e.currency,
+			unit: e.unit,
+			minorUnitScale: e.minorUnitScale,
+			formatMode: e.formatMode,
+			locale: e.locale,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: t
+		});
+		case "badge": return /* @__PURE__ */ k(S, {
+			tone: e.badgeTone ?? "secondary",
+			appearance: e.badgeAppearance,
+			className: t,
+			children: e.display ?? e.value
+		});
+		default: return ce(e);
+	}
+}
+//#endregion
+//#region src/components/base/display/metadata-list.strings.ts
+var X = {
+	formatInfoLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+}, Z = {
+	root: "metadata__root___adepF",
+	title: "metadata__title___JCg-m",
+	titleSeparator: "metadata__titleSeparator___sSi79",
+	label: "metadata__label___RlvLT",
+	labelWrap: "metadata__labelWrap___vEeEl",
+	itemIcon: "metadata__itemIcon___anOys",
+	description: "metadata__description____g3pp",
+	infoTrigger: "metadata__infoTrigger___tlES-",
+	tooltip: "metadata__tooltip___9PBmy",
+	gridItem: "metadata__gridItem___58mZm",
+	gridLabel: "metadata__gridLabel___vjwfX",
+	rows: "metadata__rows___KJAUl",
+	rowsDivided: "metadata__rowsDivided___36Tko",
+	row: "metadata__row___IK3nl",
+	rowLabel: "metadata__rowLabel___C1ZWP",
+	rowValue: "metadata__rowValue___XktbG",
+	inline: "metadata__inline___IYAlQ",
+	inlineItem: "metadata__inlineItem___WlyKN",
+	inlineLabel: "metadata__inlineLabel___sfbhy",
+	inlineSeparator: "metadata__inlineSeparator___GD3nM"
+}, le = {
+	1: 1,
+	2: {
+		base: 1,
+		md: 2
+	},
+	3: {
+		base: 1,
+		sm: 2,
+		lg: 3
+	},
+	4: {
+		base: 1,
+		sm: 2,
+		lg: 3,
+		xl: 4
+	}
+};
+function ue(e) {
+	return typeof e == "object" ? e : le[e];
+}
+function de(e, t) {
+	return e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : t}-${t}`;
+}
+function fe(e) {
+	return typeof e == "object" && !!e && !E(e) && !Array.isArray(e) && ("kind" in e || "node" in e || "value" in e);
+}
+function Q(e, t, n, i) {
+	return fe(e) ? e.kind === "node" ? /* @__PURE__ */ k(Y, { ...e }) : /* @__PURE__ */ k(Y, {
+		...e,
+		emptyLabel: e.emptyLabel ?? n,
+		className: r(i, e.className)
+	}) : typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ k(Y, {
+		kind: t ? "empty" : "text",
+		value: e,
+		emptyLabel: n,
+		className: i
+	}) : e;
+}
+function pe({ label: e, content: t, copy: n }) {
+	let r = typeof e == "string" ? n.formatInfoLabel(e) : n.infoFallback;
+	return /* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(o, { render: /* @__PURE__ */ k(a, {
+		type: "button",
+		tone: "neutral",
+		appearance: "ghost",
+		iconOnly: !0,
+		"aria-label": r,
+		className: Z.infoTrigger,
+		"data-hit-area": !0,
+		children: /* @__PURE__ */ k(w, {})
+	}) }), /* @__PURE__ */ k(s, {
+		side: "top",
+		align: "start",
+		className: Z.tooltip,
+		children: t
+	})] });
+}
+function $({ item: t, copy: n, className: i }) {
+	let a = t.icon;
+	return /* @__PURE__ */ A(O, { children: [
+		!!a && /* @__PURE__ */ k(a, { className: Z.itemIcon }),
+		/* @__PURE__ */ k(e, {
+			className: r("metadata-list--label", Z.label, i),
+			children: t.label
+		}),
+		t.tooltip != null && /* @__PURE__ */ k(pe, {
+			label: t.label,
+			content: t.tooltip,
+			copy: n
+		})
+	] });
+}
+function me({ items: i, columns: a = 2, size: o = "default", emptyLabel: s = "—", title: c, titleSeparator: d = !1, className: f, layout: p = "grid", separator: m = ": ", itemSeparator: h = !1, strings: g }) {
+	let _ = {
+		...X,
+		...g
+	}, v = D(() => i.filter(Boolean), [i]);
+	if (v.length === 0) return null;
+	let y = o === "sm", b = t({
+		size: "sm",
+		lineHeight: "tight"
+	}), x = c != null, S = /* @__PURE__ */ A(O, { children: [!!x && /* @__PURE__ */ k(e, {
+		className: r("metadata-list--title", Z.title),
+		children: c
+	}), !!(x && d) && /* @__PURE__ */ k(P, { className: r("metadata-list--title-separator", Z.titleSeparator) })] }), C = r("metadata-list--component", Z.root, f), w = v.map((e, t) => ({
+		item: e,
+		key: de(e, t),
+		absent: e.value === null || e.value === void 0,
+		emptyLabel: e.emptyLabel ?? s,
+		value: e.value ?? e.emptyLabel ?? s
+	}));
+	if (p === "inline") {
+		let e = typeof h == "string" ? h : h ? "·" : "";
+		return /* @__PURE__ */ A("div", {
+			className: C,
+			children: [S, /* @__PURE__ */ k(u, {
+				direction: "horizontal",
+				gap: "sm",
+				align: "baseline",
+				wrap: !0,
+				className: r("metadata-list--inline", Z.inline),
+				children: w.map(({ item: t, key: i, absent: a, emptyLabel: o, value: s }, c) => /* @__PURE__ */ A(ee, { children: [/* @__PURE__ */ A("div", {
+					className: r("metadata-list--item", Z.inlineItem),
+					children: [/* @__PURE__ */ A("span", {
+						className: Z.inlineLabel,
+						children: [/* @__PURE__ */ k($, {
+							item: t,
+							copy: _,
+							className: Z.labelWrap
+						}), /* @__PURE__ */ k(n, {
+							size: "inherit",
+							type: "secondary",
+							children: m
+						})]
+					}), t.render ? /* @__PURE__ */ k("span", {
+						className: b,
+						children: t.render(t)
+					}) : Q(s, a, o, b)]
+				}), !!(e && c < w.length - 1) && /* @__PURE__ */ k(n, {
+					size: "inherit",
+					type: "secondary",
+					"aria-hidden": !0,
+					className: r("metadata-list--item-separator", Z.inlineSeparator),
+					children: e
+				})] }, i))
+			})]
+		});
+	}
+	return p === "rows" ? /* @__PURE__ */ A("div", {
+		className: C,
+		children: [S, /* @__PURE__ */ k("dl", {
+			"data-size": o,
+			className: r("metadata-list--rows", Z.rows, h !== !1 && Z.rowsDivided),
+			children: w.map(({ item: e, key: t, absent: i, emptyLabel: a, value: o }) => /* @__PURE__ */ A("div", {
+				className: r("metadata-list--item", Z.row),
+				children: [/* @__PURE__ */ k("dt", {
+					className: Z.rowLabel,
+					children: /* @__PURE__ */ k($, {
+						item: e,
+						copy: _,
+						className: Z.labelWrap
+					})
+				}), /* @__PURE__ */ A("dd", {
+					className: Z.rowValue,
+					children: [e.render ? /* @__PURE__ */ k("div", {
+						className: b,
+						children: e.render(e)
+					}) : Q(o, i, a, b), !!e.description && /* @__PURE__ */ k(n, {
+						size: "xs",
+						type: "secondary",
+						className: r("metadata-list--description", Z.description),
+						children: e.description
+					})]
+				})]
+			}, t))
+		})]
+	}) : /* @__PURE__ */ A("div", {
+		className: C,
+		children: [S, /* @__PURE__ */ k(l, {
+			columns: ue(a),
+			gap: y ? "sm" : "default",
+			align: "start",
+			className: "metadata-list--grid",
+			children: w.map(({ item: e, key: t, absent: i, emptyLabel: a, value: o }) => /* @__PURE__ */ A("div", {
+				className: r("metadata-list--item", Z.gridItem),
+				children: [
+					/* @__PURE__ */ k("div", {
+						className: Z.gridLabel,
+						children: /* @__PURE__ */ k($, {
+							item: e,
+							copy: _
+						})
+					}),
+					e.render ? /* @__PURE__ */ k("div", {
+						className: b,
+						children: e.render(e)
+					}) : Q(o, i, a, b),
+					!!e.description && /* @__PURE__ */ k(n, {
+						size: "xs",
+						type: "secondary",
+						className: r("metadata-list--description", Z.description),
+						children: e.description
+					})
+				]
+			}, t))
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/display/inline-stat.tsx
+function he({ label: t, value: n, layout: i = "between", mono: a = !1, className: o, ...s }) {
+	let c = a ? f : g;
+	return /* @__PURE__ */ A("div", {
+		"data-layout": i,
+		className: r("inline-stat--component", M.inlineStat, o),
+		...s,
+		children: [/* @__PURE__ */ k(e, {
+			className: "inline-stat--label",
+			children: t
+		}), /* @__PURE__ */ k(c, {
+			className: "inline-stat--value",
+			children: n
+		})]
+	});
+}
+//#endregion
+export { ie as _, K as a, W as c, B as d, z as f, ae as g, re as h, Y as i, H as l, L as m, me as n, q as o, R as p, X as r, G as s, he as t, V as u, P as v };