themelia-ui 3.0.0 → 3.1.0

package/dist/display-B3Q17h5z.js

@@ -1,645 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { i as t, o as n } from "./typography-BkxEiwQ1.js";
-import { t as r } from "./ui-provider-Cmoq6i_D.js";
-import { c as i } from "./buttons-CqXKWty3.js";
-import { i as a, n as o, t as s } from "./tooltip-t1VQQ2tZ.js";
-import { i as c, o as l } from "./structure-D0WGQAP3.js";
-import { A as u, B as d, D as f, E as p, O as m, U as h, f as g, g as _, k as v, m as y, z as b } from "./primitives-D0bdDozz.js";
-import { t as x } from "./badge-CxOuTfVr.js";
-import { ChevronRightIcon as S, InfoIcon as C } from "lucide-react";
-import * as w from "react";
-import { Fragment as ee, isValidElement as T, useMemo as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Separator as te } from "@base-ui/react/separator";
-import { format as A, isValid as ne } from "date-fns";
-var j = {
-	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",
-	toneNeutral: "display__toneNeutral___g5afx",
-	tonePrimary: "display__tonePrimary___Pn6zy",
-	toneSuccess: "display__toneSuccess___VYv9V",
-	toneWarning: "display__toneWarning___33--g",
-	toneDestructive: "display__toneDestructive___X6hm_",
-	toneInfo: "display__toneInfo___KFBMN",
-	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",
-	dateBlockDay: "display__dateBlockDay___-lnuc",
-	placeholderPattern: "display__placeholderPattern___neWw-",
-	kbd: "display__kbd___3mNbf",
-	kbdGroup: "display__kbdGroup___mcdvP",
-	inlineStat: "display__inlineStat___nfkP3"
-}, M = (e) => typeof e == "number" ? `${e}px` : e;
-function N({ className: t, orientation: r = "horizontal", variant: i = "solid", thickness: a, label: o, style: s, ...c }) {
-	let l = {
-		...a === void 0 ? null : { "--separator-thickness": M(a) },
-		...s
-	};
-	return o && r === "horizontal" ? /* @__PURE__ */ O("div", {
-		"data-slot": "separator",
-		"data-orientation": "horizontal",
-		"data-variant": i,
-		className: e("separator--component", j.separatorLabelled, t),
-		style: l,
-		children: /* @__PURE__ */ O(n, {
-			tag: "span",
-			type: "secondary",
-			size: "xs",
-			children: o
-		})
-	}) : /* @__PURE__ */ O(te, {
-		"data-slot": "separator",
-		orientation: r,
-		"data-variant": i,
-		className: e("separator--component", j.separator, t),
-		style: l,
-		...c
-	});
-}
-//#endregion
-//#region src/components/base/display/collapsible.tsx
-var P = w.createContext(null);
-function F(e) {
-	let t = w.useContext(P);
-	if (!t) throw Error(`<${e}> must be used within <Collapsible>`);
-	return t;
-}
-function I({ open: t, defaultOpen: n = !1, onOpenChange: r, className: i, children: a, ...o }) {
-	let [s, c] = w.useState(n), l = t !== void 0, u = l ? t : s, d = w.useId(), f = w.useCallback((e) => {
-		l || c(e), r?.(e);
-	}, [l, r]), p = w.useMemo(() => ({
-		open: u,
-		setOpen: f,
-		id: d
-	}), [
-		u,
-		f,
-		d
-	]);
-	return /* @__PURE__ */ O(P.Provider, {
-		value: p,
-		children: /* @__PURE__ */ O("div", {
-			"data-slot": "collapsible",
-			"data-open": u ? "" : void 0,
-			className: e("collapsible--component", i),
-			...o,
-			children: a
-		})
-	});
-}
-function re({ className: t, children: n, onClick: r, ...i }) {
-	let { open: a, setOpen: o, id: s } = F("CollapsibleTrigger");
-	return /* @__PURE__ */ k("button", {
-		type: "button",
-		"data-slot": "collapsible-trigger",
-		"aria-expanded": a,
-		"aria-controls": s,
-		className: e("collapsible--trigger", j.collapsibleTrigger, t),
-		"data-hit-area": !0,
-		onClick: (e) => {
-			r?.(e), e.defaultPrevented || o(!a);
-		},
-		...i,
-		children: [/* @__PURE__ */ O(S, {
-			className: j.collapsibleIcon,
-			"aria-hidden": !0
-		}), n]
-	});
-}
-function ie({ className: t, children: n, ...r }) {
-	let { open: i, id: a } = F("CollapsibleContent");
-	return /* @__PURE__ */ O("div", {
-		id: a,
-		"data-slot": "collapsible-content",
-		"data-open": i ? "" : void 0,
-		"aria-hidden": !i,
-		inert: !i,
-		className: e("collapsible--content", j.collapsibleContent, t),
-		...r,
-		children: /* @__PURE__ */ O("div", {
-			className: j.collapsibleInner,
-			children: n
-		})
-	});
-}
-//#endregion
-//#region src/components/base/display/scroll-area.tsx
-function ae({ className: t, ...n }) {
-	return /* @__PURE__ */ O("div", {
-		"data-slot": "scroll-area",
-		tabIndex: 0,
-		className: e("scroll-area--component", j.scrollArea, t),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/display/boolean-indicator.strings.ts
-var L = {
-	true: "Yes",
-	false: "No"
-};
-//#endregion
-//#region src/components/base/display/boolean-indicator.tsx
-function R({ value: t, strings: r, className: i, ...a }) {
-	let o = {
-		...L,
-		...r
-	};
-	return /* @__PURE__ */ k("span", {
-		"data-slot": "boolean-indicator",
-		"data-value": t ? "true" : "false",
-		className: e("boolean-indicator--component", j.indicator, i),
-		...a,
-		children: [/* @__PURE__ */ O("span", {
-			className: e(j.indicatorDot, t && j.indicatorDotTrue),
-			"aria-hidden": !0
-		}), /* @__PURE__ */ O(n, {
-			tag: "span",
-			size: "inherit",
-			children: t ? o.true : o.false
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/display/visually-hidden.tsx
-function z({ className: t, render: n, ...r }) {
-	let i = e(j.visuallyHidden, t);
-	return n ? w.cloneElement(n, {
-		...r,
-		...n.props,
-		className: e(i, n.props.className)
-	}) : /* @__PURE__ */ O("span", {
-		className: e("visually-hidden--component", i),
-		...r
-	});
-}
-//#endregion
-//#region src/components/base/display/icon-badge.tsx
-var B = {
-	neutral: j.toneNeutral,
-	primary: j.tonePrimary,
-	success: j.toneSuccess,
-	warning: j.toneWarning,
-	destructive: j.toneDestructive,
-	info: j.toneInfo
-};
-function V({ icon: t, children: n, tone: r = "neutral", shape: i = "rounded", solid: a = !1, bordered: o = !1, className: s, ...c }) {
-	let l = n || (t ? T(t) ? t : /* @__PURE__ */ O(t, { "aria-hidden": !0 }) : null);
-	return /* @__PURE__ */ O("span", {
-		className: e("icon-badge--component", j.iconBadge, B[r], i === "circle" && j.iconBadgeCircle, a && j.iconBadgeSolid, o && j.iconBadgeBordered, s),
-		...c,
-		children: l
-	});
-}
-//#endregion
-//#region src/components/base/display/content-block.tsx
-function H({ title: t, description: r, icon: i, titleSuffix: a, headerEnd: o, surface: s = "plain", flush: c = !1, className: u, children: d, ...f }) {
-	let p = !!(t || a || i || o), m = p || r != null;
-	return /* @__PURE__ */ k("div", {
-		className: e("content-block--component", j.contentBlock, s === "bordered" && j.contentBlockBordered, s === "muted" && j.contentBlockMuted, s === "card" && j.contentBlockCard, c && j.contentBlockFlush, u),
-		...f,
-		children: [m && /* @__PURE__ */ k(l, {
-			gap: "xs",
-			className: "content-block--heading",
-			children: [p && /* @__PURE__ */ k("div", {
-				className: j.contentBlockHeader,
-				children: [
-					i != null && /* @__PURE__ */ O("span", {
-						className: j.contentBlockIcon,
-						children: i
-					}),
-					/* @__PURE__ */ k(n, {
-						tag: "span",
-						size: "inherit",
-						weight: "semibold",
-						className: j.contentBlockTitle,
-						"data-suffixed": a != null || void 0,
-						children: [t, a]
-					}),
-					o
-				]
-			}), r != null && /* @__PURE__ */ O(n, {
-				tag: "div",
-				type: "secondary",
-				className: j.contentBlockDescription,
-				children: r
-			})]
-		}), 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 ne(t) ? t : null;
-}
-function W({ date: t, time: n, dateTime: i, layout: a = "stacked", boxed: o, showWeekday: s = !0, showMonth: c = !0, showYear: l = !1, weekdayFormat: u = "EEE", dayFormat: d = "d", monthFormat: f = "MMM", yearFormat: p = "yyyy", className: m, ...h }) {
-	let { locale: g } = r(), _ = U(t), v = o ?? a === "stacked";
-	return _ ? /* @__PURE__ */ k("time", {
-		dateTime: i ?? _.toISOString(),
-		className: e("date-block--component", j.dateBlock, a === "inline" && j.dateBlockInline, v && j.dateBlockBoxed, m),
-		...h,
-		children: [
-			s && /* @__PURE__ */ O("span", {
-				className: j.dateBlockWeekday,
-				children: A(_, u, { locale: g })
-			}),
-			/* @__PURE__ */ O("span", {
-				className: j.dateBlockDay,
-				children: A(_, d, { locale: g })
-			}),
-			c && /* @__PURE__ */ O("span", {
-				className: j.dateBlockMonth,
-				children: A(_, f, { locale: g })
-			}),
-			l && /* @__PURE__ */ O("span", {
-				className: j.dateBlockYear,
-				children: A(_, p, { locale: g })
-			}),
-			n != null && /* @__PURE__ */ O("span", {
-				className: j.dateBlockTime,
-				children: n
-			})
-		]
-	}) : null;
-}
-//#endregion
-//#region src/components/base/display/placeholder-pattern.tsx
-function G({ className: t, ...n }) {
-	return /* @__PURE__ */ O("div", {
-		"aria-hidden": !0,
-		className: e("placeholder-pattern--component", j.placeholderPattern, t),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/display/kbd.tsx
-function K({ className: t, ...n }) {
-	return /* @__PURE__ */ O("kbd", {
-		"data-slot": "kbd",
-		className: e("kbd--component", j.kbd, t),
-		...n
-	});
-}
-function q({ className: t, ...n }) {
-	return /* @__PURE__ */ O("span", {
-		"data-slot": "kbd-group",
-		className: e("kbd-group--component", j.kbdGroup, t),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/display/metadata-value.tsx
-var J = "metadata-value--component";
-function oe(e) {
-	return e == null || e === "";
-}
-function se(t, n = "—") {
-	return /* @__PURE__ */ O(b, {
-		size: "inherit",
-		label: n,
-		className: e(J, t)
-	});
-}
-function ce(e) {
-	throw Error(`Unsupported metadata value descriptor: ${JSON.stringify(e)}`);
-}
-function Y(t) {
-	if (t.kind === "node") return /* @__PURE__ */ O(D, { children: t.node });
-	if (t.kind === "empty" || t.kind !== "link" && oe(t.value)) return se(t.className, t.emptyLabel);
-	let n = e(J, t.className);
-	switch (t.kind) {
-		case void 0:
-		case "text": return /* @__PURE__ */ O(h, {
-			size: "inherit",
-			className: e("metadata-value--component", n),
-			children: t.display ?? t.value
-		});
-		case "mono": return /* @__PURE__ */ O(d, {
-			size: "inherit",
-			className: n,
-			children: t.display ?? t.value
-		});
-		case "email": return /* @__PURE__ */ O(f, {
-			value: t.value,
-			display: t.display,
-			emptyLabel: t.emptyLabel,
-			className: n
-		});
-		case "phone": return /* @__PURE__ */ O(v, {
-			value: t.value,
-			display: t.display,
-			emptyLabel: t.emptyLabel,
-			className: n
-		});
-		case "url": return /* @__PURE__ */ O(u, {
-			value: t.value,
-			display: t.display,
-			emptyLabel: t.emptyLabel,
-			className: n
-		});
-		case "link": return /* @__PURE__ */ O(m, {
-			href: t.href,
-			emptyLabel: t.emptyLabel,
-			className: n,
-			children: t.display ?? t.value ?? t.href
-		});
-		case "date": return /* @__PURE__ */ O(g, {
-			value: t.value,
-			pattern: t.pattern,
-			emptyLabel: t.emptyLabel,
-			size: "inherit",
-			className: n
-		});
-		case "time": return /* @__PURE__ */ O(_, {
-			value: t.value,
-			pattern: t.pattern,
-			emptyLabel: t.emptyLabel,
-			size: "inherit",
-			className: n
-		});
-		case "datetime": return /* @__PURE__ */ O(y, {
-			value: t.value,
-			pattern: t.pattern,
-			emptyLabel: t.emptyLabel,
-			size: "inherit",
-			className: n
-		});
-		case "money": return /* @__PURE__ */ O(p, {
-			amount: t.value,
-			currency: t.currency,
-			unit: t.unit,
-			minorUnitScale: t.minorUnitScale,
-			formatMode: t.formatMode,
-			locale: t.locale,
-			emptyLabel: t.emptyLabel,
-			size: "inherit",
-			className: n
-		});
-		case "badge": return /* @__PURE__ */ O(x, {
-			tone: t.badgeTone ?? "secondary",
-			variant: t.badgeVariant,
-			className: n,
-			children: t.display ?? t.value
-		});
-		default: return ce(t);
-	}
-}
-//#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",
-	value: "metadata__value___7B1OM",
-	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 && !T(e) && !Array.isArray(e) && ("kind" in e || "node" in e || "value" in e);
-}
-function Q(t, n, r, i) {
-	return fe(t) ? t.kind === "node" ? /* @__PURE__ */ O(Y, { ...t }) : /* @__PURE__ */ O(Y, {
-		...t,
-		emptyLabel: t.emptyLabel ?? r,
-		className: e(i, t.className)
-	}) : typeof t == "string" || typeof t == "number" ? /* @__PURE__ */ O(Y, {
-		kind: n ? "empty" : "text",
-		value: t,
-		emptyLabel: r,
-		className: i
-	}) : t;
-}
-function pe({ label: e, content: t, copy: n }) {
-	let r = typeof e == "string" ? n.formatInfoLabel(e) : n.infoFallback;
-	return /* @__PURE__ */ k(s, { children: [/* @__PURE__ */ O(a, { render: /* @__PURE__ */ O(i, {
-		type: "button",
-		tone: "neutral",
-		buttonStyle: "ghost",
-		iconOnly: !0,
-		"aria-label": r,
-		className: Z.infoTrigger,
-		"data-hit-area": !0,
-		children: /* @__PURE__ */ O(C, {})
-	}) }), /* @__PURE__ */ O(o, {
-		side: "top",
-		align: "start",
-		className: Z.tooltip,
-		children: t
-	})] });
-}
-function $({ item: n, copy: r, className: i }) {
-	let a = n.icon;
-	return /* @__PURE__ */ k(D, { children: [
-		!!a && /* @__PURE__ */ O(a, { className: Z.itemIcon }),
-		/* @__PURE__ */ O(t, {
-			className: e("metadata-list--label", Z.label, i),
-			children: n.label
-		}),
-		n.tooltip != null && /* @__PURE__ */ O(pe, {
-			label: n.label,
-			content: n.tooltip,
-			copy: r
-		})
-	] });
-}
-function me({ items: r, columns: i = 2, density: a = "default", emptyLabel: o = "—", title: s, titleSeparator: u = !1, className: d, layout: f = "grid", separator: p = ": ", itemSeparator: m = !1, strings: h }) {
-	let g = {
-		...X,
-		...h
-	}, _ = E(() => r.filter(Boolean), [r]);
-	if (_.length === 0) return null;
-	let v = a === "compact", y = Z.value, b = s != null, x = /* @__PURE__ */ k(D, { children: [!!b && /* @__PURE__ */ O(t, {
-		className: e("metadata-list--title", Z.title),
-		children: s
-	}), !!(b && u) && /* @__PURE__ */ O(N, { className: e("metadata-list--title-separator", Z.titleSeparator) })] }), S = e("metadata-list--component", Z.root, d), C = _.map((e, t) => ({
-		item: e,
-		key: de(e, t),
-		absent: e.value === null || e.value === void 0,
-		emptyLabel: e.emptyLabel ?? o,
-		value: e.value ?? e.emptyLabel ?? o
-	}));
-	if (f === "inline") {
-		let t = typeof m == "string" ? m : m ? "·" : "";
-		return /* @__PURE__ */ k("div", {
-			className: S,
-			children: [x, /* @__PURE__ */ O(l, {
-				direction: "horizontal",
-				gap: v ? "sm" : "md",
-				align: "baseline",
-				wrap: !0,
-				className: e("metadata-list--inline", Z.inline),
-				children: C.map(({ item: r, key: i, absent: a, emptyLabel: o, value: s }, c) => /* @__PURE__ */ k(ee, { children: [/* @__PURE__ */ k("div", {
-					className: e("metadata-list--item", Z.inlineItem),
-					children: [/* @__PURE__ */ k("span", {
-						className: Z.inlineLabel,
-						children: [/* @__PURE__ */ O($, {
-							item: r,
-							copy: g,
-							className: Z.labelWrap
-						}), /* @__PURE__ */ O(n, {
-							size: "inherit",
-							type: "secondary",
-							children: p
-						})]
-					}), r.render ? /* @__PURE__ */ O("span", {
-						className: Z.value,
-						children: r.render(r)
-					}) : Q(s, a, o, Z.value)]
-				}), !!(t && c < C.length - 1) && /* @__PURE__ */ O(n, {
-					size: "inherit",
-					type: "secondary",
-					"aria-hidden": !0,
-					className: e("metadata-list--item-separator", Z.inlineSeparator),
-					children: t
-				})] }, i))
-			})]
-		});
-	}
-	return f === "rows" ? /* @__PURE__ */ k("div", {
-		className: S,
-		children: [x, /* @__PURE__ */ O("dl", {
-			"data-row-density": a,
-			className: e("metadata-list--rows", Z.rows, m !== !1 && Z.rowsDivided),
-			children: C.map(({ item: t, key: r, absent: i, emptyLabel: a, value: o }) => /* @__PURE__ */ k("div", {
-				className: e("metadata-list--item", Z.row),
-				children: [/* @__PURE__ */ O("dt", {
-					className: Z.rowLabel,
-					children: /* @__PURE__ */ O($, {
-						item: t,
-						copy: g,
-						className: Z.labelWrap
-					})
-				}), /* @__PURE__ */ k("dd", {
-					className: Z.rowValue,
-					children: [t.render ? /* @__PURE__ */ O("div", {
-						className: y,
-						children: t.render(t)
-					}) : Q(o, i, a, y), !!t.description && /* @__PURE__ */ O(n, {
-						size: "xs",
-						type: "secondary",
-						className: e("metadata-list--description", Z.description),
-						children: t.description
-					})]
-				})]
-			}, r))
-		})]
-	}) : /* @__PURE__ */ k("div", {
-		className: S,
-		children: [x, /* @__PURE__ */ O(c, {
-			columns: ue(i),
-			gap: v ? "md" : "xl",
-			align: "start",
-			className: "metadata-list--grid",
-			children: C.map(({ item: t, key: r, absent: i, emptyLabel: a, value: o }) => /* @__PURE__ */ k("div", {
-				className: e("metadata-list--item", Z.gridItem),
-				children: [
-					/* @__PURE__ */ O("div", {
-						className: Z.gridLabel,
-						children: /* @__PURE__ */ O($, {
-							item: t,
-							copy: g
-						})
-					}),
-					t.render ? /* @__PURE__ */ O("div", {
-						className: y,
-						children: t.render(t)
-					}) : Q(o, i, a, y),
-					!!t.description && /* @__PURE__ */ O(n, {
-						size: "xs",
-						type: "secondary",
-						className: e("metadata-list--description", Z.description),
-						children: t.description
-					})
-				]
-			}, r))
-		})]
-	});
-}
-//#endregion
-//#region src/components/base/display/inline-stat.tsx
-function he({ label: n, value: r, layout: i = "between", mono: a = !1, className: o, ...s }) {
-	let c = a ? d : h;
-	return /* @__PURE__ */ k("div", {
-		"data-layout": i,
-		className: e("inline-stat--component", j.inlineStat, o),
-		...s,
-		children: [/* @__PURE__ */ O(t, {
-			className: "inline-stat--label",
-			children: n
-		}), /* @__PURE__ */ O(c, {
-			className: "inline-stat--value",
-			children: r
-		})]
-	});
-}
-//#endregion
-export { re as _, K as a, W as c, z as d, R as f, ie as g, I as h, Y as i, H as l, ae as m, me as n, q as o, L as p, X as r, G as s, he as t, V as u, N as v };