themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/number-BNT_BIzJ.js

@@ -0,0 +1,269 @@
+"use client";
+import { c as e, u as t } from "./ui-provider-CftIB6TY.js";
+import { t as n } from "./utils-C2EKeIw3.js";
+import { a as r } from "./typography-Cv8MT-82.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/primitives/money.tsx
+function o(e) {
+	let t = e.trim();
+	if (!t) return "";
+	let n = t.lastIndexOf(","), r = t.lastIndexOf(".");
+	if (n >= 0 && r >= 0) {
+		let e = n > r ? "," : ".", i = e === "," ? "." : ",";
+		return t.replace(RegExp(`\\${i}`, "g"), "").replace(e, ".");
+	}
+	if (n >= 0) {
+		let [e, n = ""] = t.split(",");
+		return n.length > 0 && n.length <= 2 ? `${e.replace(/,/g, "")}.${n}` : t.replace(/,/g, "");
+	}
+	if (r >= 0) {
+		let [e, n = ""] = t.split(".");
+		if (n.length === 3 && e.length > 0) return t.replace(/\./g, "");
+	}
+	return t;
+}
+function s(e) {
+	if (e == null || e === "") return null;
+	if (typeof e == "number") return Number.isFinite(e) ? e : null;
+	let t = Number.parseFloat(o(e));
+	return Number.isFinite(t) ? t : null;
+}
+function c(e, t) {
+	return e === void 0 || !Number.isFinite(e) ? t : Math.min(100, Math.max(0, Math.trunc(e)));
+}
+function l(e, t, n = {
+	minimumFractionDigits: 2,
+	maximumFractionDigits: 2
+}) {
+	let r = c(t, n.maximumFractionDigits), i = c(e, Math.min(n.minimumFractionDigits, r));
+	return {
+		minimumFractionDigits: i,
+		maximumFractionDigits: Math.max(i, r)
+	};
+}
+function u(e, t) {
+	if (!e) return {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	};
+	try {
+		let n = new Intl.NumberFormat(t, {
+			style: "currency",
+			currency: e
+		}).resolvedOptions();
+		return {
+			minimumFractionDigits: n.minimumFractionDigits ?? 2,
+			maximumFractionDigits: n.maximumFractionDigits ?? 2
+		};
+	} catch {
+		return {
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2
+		};
+	}
+}
+function d(e) {
+	return e === void 0 || !Number.isFinite(e) || e <= 0 ? 100 : e;
+}
+function f(e) {
+	let t = s(e.amount);
+	return t === null ? null : e.unit === "minor" ? t / d(e.minorUnitScale) : t;
+}
+function p(e, t, n) {
+	return e.formatToParts(t).map((e) => e.type === "currency" ? n : e.value).join("");
+}
+function m({ amount: e, currency: t, locale: n, currencyDisplay: r = "symbol", minimumFractionDigits: i, maximumFractionDigits: a, formatMode: o, symbol: c }) {
+	let d = s(e);
+	if (d === null) return null;
+	let f = t ?? "", m = l(i, a, u(f, n));
+	if (o === "decimal" || !f) return new Intl.NumberFormat(n, m).format(d);
+	if (o === "with_code") return `${new Intl.NumberFormat(n, m).format(d)} ${f}`.trim();
+	try {
+		let e = new Intl.NumberFormat(n, {
+			...m,
+			style: "currency",
+			currency: f,
+			currencyDisplay: r
+		});
+		return c ? p(e, d, c) : e.format(d);
+	} catch {
+		let e = new Intl.NumberFormat(n, m).format(d);
+		return c ? `${c}${e}` : `${e} ${f}`.trim();
+	}
+}
+function h(e) {
+	return e === "left" ? {
+		text: "text-left",
+		justify: "justify-start"
+	} : e === "center" ? {
+		text: "text-center",
+		justify: "justify-center"
+	} : {
+		text: "text-right",
+		justify: "justify-end"
+	};
+}
+function g({ amount: o, currency: s, unit: c = "major", minorUnitScale: l, symbol: u, locale: d, currencyDisplay: p, minimumFractionDigits: g, maximumFractionDigits: _, formatMode: v, emptyLabel: y = "—", size: b, align: x = "right", weight: S = "medium", type: C = "main", tag: w = "span", lineHeight: T = "normal", numeric: E, secondary: D, displayMode: O, layout: k, secondaryEmphasis: A = "discrete", separator: j = "·", className: M, ref: N, ...P }) {
+	let F = e(), I = t(), L = s ?? I.defaultCurrency ?? "USD", R = f({
+		amount: o,
+		unit: c,
+		minorUnitScale: l
+	}), z = R === null ? null : m({
+		amount: R,
+		currency: L,
+		symbol: u,
+		locale: d ?? F.locale,
+		currencyDisplay: p,
+		minimumFractionDigits: g,
+		maximumFractionDigits: _,
+		formatMode: v ?? I.formatMode ?? "with_code"
+	});
+	if (z === null) return /* @__PURE__ */ i(r, {
+		ref: N,
+		tag: w,
+		size: b,
+		align: x,
+		weight: S,
+		type: "secondary",
+		lineHeight: T,
+		numeric: E,
+		className: n("money--component inline tabular-nums", M),
+		...P,
+		children: y
+	});
+	let B = D ? f(D) : null, V = D?.currency ?? I.displayCurrency ?? L, H = O ?? (I.dualPricingEnabled ? I.displayMode : void 0) ?? "dual";
+	if (B === null || A === "hidden" || H === "default_only" || H === "dynamic" && V === L || !D) return /* @__PURE__ */ i(r, {
+		ref: N,
+		tag: w,
+		size: b,
+		align: x,
+		weight: S,
+		type: C,
+		lineHeight: T,
+		numeric: E,
+		className: n("money--component inline whitespace-nowrap tabular-nums", M),
+		...P,
+		children: z
+	});
+	let U = m({
+		amount: B,
+		currency: V,
+		symbol: D.symbol,
+		locale: d ?? F.locale,
+		currencyDisplay: D.currencyDisplay ?? p,
+		minimumFractionDigits: D.minimumFractionDigits ?? g,
+		maximumFractionDigits: D.maximumFractionDigits ?? _,
+		formatMode: D.formatMode ?? v ?? I.formatMode ?? "with_code"
+	}), W = k ?? (I.dualPricingDisplay === "inline" ? "inline" : "stacked"), G = A === "match" ? b : A === "muted" ? "xs" : "xxs", K = A === "match" ? C : A === "muted" ? "secondary" : "discrete", q = h(x);
+	return W === "inline" ? /* @__PURE__ */ a(r, {
+		ref: N,
+		tag: w,
+		size: b,
+		align: x,
+		type: C,
+		lineHeight: T,
+		numeric: E,
+		className: n("money--component money--inline inline-flex items-baseline gap-space-xs whitespace-nowrap tabular-nums", q.justify, M),
+		...P,
+		children: [
+			/* @__PURE__ */ i(r, {
+				tag: "span",
+				size: b,
+				weight: S,
+				type: C,
+				className: "money--primary",
+				children: z
+			}),
+			/* @__PURE__ */ i("span", {
+				className: "money--separator inline-flex shrink-0 items-center text-muted-foreground",
+				"aria-hidden": "true",
+				children: j
+			}),
+			/* @__PURE__ */ i(r, {
+				tag: "span",
+				size: G,
+				weight: A === "match" ? S : "regular",
+				type: K,
+				className: "money--secondary",
+				children: U
+			})
+		]
+	}) : /* @__PURE__ */ a(r, {
+		ref: N,
+		tag: w,
+		size: b,
+		align: x,
+		type: C,
+		lineHeight: T,
+		numeric: E,
+		className: n("money--component money--stacked inline-flex flex-col whitespace-nowrap tabular-nums leading-tight", q.text, M),
+		...P,
+		children: [/* @__PURE__ */ i(r, {
+			tag: "span",
+			size: b,
+			align: x,
+			weight: S,
+			type: C,
+			lineHeight: "tight",
+			className: "money--primary",
+			children: z
+		}), /* @__PURE__ */ i(r, {
+			tag: "span",
+			size: G,
+			align: x,
+			weight: A === "match" ? S : "regular",
+			type: K,
+			lineHeight: "tight",
+			className: "money--secondary",
+			children: U
+		})]
+	});
+}
+//#endregion
+//#region src/components/primitives/number.tsx
+function _(e) {
+	if (e == null || e === "") return null;
+	let t = typeof e == "number" ? e : globalThis.Number.parseFloat(e);
+	return globalThis.Number.isFinite(t) ? t : null;
+}
+function v(e, t, n) {
+	let r = _(e);
+	return r === null ? null : new Intl.NumberFormat(t, n).format(r);
+}
+function y({ value: t, locale: a, options: o, emptyLabel: s = "—", size: c, align: l = "right", weight: u = "regular", type: d = "main", className: f, ref: p, ...m }) {
+	let h = e(), g = v(t, a ?? h.locale, o);
+	return /* @__PURE__ */ i(r, {
+		ref: p,
+		tag: "span",
+		size: c,
+		align: l,
+		weight: u,
+		type: g === null ? "secondary" : d,
+		className: n("number--component inline tabular-nums", f),
+		...m,
+		children: g ?? s
+	});
+}
+function b({ value: t, locale: a, scaled: o = !1, options: s, emptyLabel: c = "—", size: l, align: u = "right", weight: d = "regular", type: f = "main", className: p, ref: m, ...h }) {
+	let g = e(), v = _(t), y = v === null ? null : new Intl.NumberFormat(a ?? g.locale, {
+		style: "percent",
+		maximumFractionDigits: 1,
+		...s
+	}).format(o ? v / 100 : v);
+	return /* @__PURE__ */ i(r, {
+		ref: m,
+		tag: "span",
+		size: l,
+		align: u,
+		weight: d,
+		type: y === null ? "secondary" : f,
+		className: n("percent--component inline tabular-nums", p),
+		...h,
+		children: y ?? c
+	});
+}
+//#endregion
+export { b as n, g as r, y as t };
+
+//# sourceMappingURL=number-BNT_BIzJ.js.map

package/dist/number-BNT_BIzJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-BNT_BIzJ.js","names":["Number","useFormattingConfig","useMoneyConfig","cn","Text","normalizeDecimalString","trimmed","value","comma","dot","decimalSeparator","groupingSeparator","head","tail","parseMoneyAmount","amount","parsed","normalizeFractionDigits","fallback","resolveFractionDigits","normalizedMaximum","maximumFractionDigits","normalizedMinimum","minimumFractionDigits","resolveCurrencyFractionDigits","currency","resolved","locale","normalizeMinorUnitScale","resolveMajorAmount","replaceCurrencyPart","formatter","part","symbol","formatMoneyAmount","resolvedCurrency","numberOptions","formatMode","formattedNumber","getAlignmentClasses","align","Money","props","formatting","money","primaryAmount","primaryLabel","className","emptyLabel","secondaryAmount","secondary","resolvedSecondaryCurrency","resolvedDisplayMode","displayMode","secondaryEmphasis","secondaryLabel","currencyDisplay","resolvedLayout","layout","secondarySize","size","secondaryType","type","alignment","separator","weight","parseNumericValue","renderNumberLabel","options","Number$1","label","Percent","scaled"],"sources":["../src/components/primitives/money.tsx","../src/components/primitives/number.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';\n\nimport { Text, type TextProps } from '../typography';\nimport type { TextSize } from '../../lib/ui-provider';\nimport { EMPTY } from '../../lib/format';\nimport {\n\tuseFormattingConfig,\n\tuseMoneyConfig,\n\ttype MoneyDisplayMode,\n\ttype MoneyFormatMode,\n} from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\n\ntype SpanProps = Omit<ComponentPropsWithoutRef<'span'>, 'children' | 'color'>;\n\nexport type MoneyUnit = 'major' | 'minor';\nexport type MoneyLayout = 'inline' | 'stacked';\nexport type MoneySecondaryEmphasis = 'discrete' | 'muted' | 'match' | 'hidden';\n\n/** A secondary monetary value rendered by the canonical `<Money>` primitive. */\nexport interface MoneyValue {\n\t/** Numeric amount or an unformatted decimal string. */\n\tamount?: number | string | null;\n\t/** ISO 4217 currency code. Falls back to `UIProvider.money.defaultCurrency`. */\n\tcurrency?: string | null;\n\t/** Unit of the incoming amount. `minor` converts cents/pence before formatting. */\n\tunit?: MoneyUnit;\n\t/** Number of minor units in one major unit. Defaults to 100. */\n\tminorUnitScale?: number;\n\t/** Optional consumer-resolved symbol. Intl placement is preserved. */\n\tsymbol?: string | null;\n\t/** Intl currency label style when the resolved format mode uses currency formatting. */\n\tcurrencyDisplay?: Intl.NumberFormatOptions['currencyDisplay'];\n\t/** Minimum decimal digits. Defaults to the currency's Intl convention. */\n\tminimumFractionDigits?: number;\n\t/** Maximum decimal digits. Defaults to the currency's Intl convention. */\n\tmaximumFractionDigits?: number;\n\t/** Per-value override for the UIProvider money format policy. */\n\tformatMode?: MoneyFormatMode;\n}\n\nexport interface MoneyProps extends SpanProps, MoneyValue {\n\t/** Ref to the semantic root selected by `tag`. */\n\tref?: Ref<HTMLElement>;\n\t/** BCP-47 locale override. Falls back to `UIProvider.formatting.locale`. */\n\tlocale?: string;\n\t/** Content rendered when the amount is absent or cannot be parsed. */\n\temptyLabel?: ReactNode;\n\t/** Typography size for both primary and secondary monetary values. */\n\tsize?: TextSize;\n\t/** Inline text alignment. Defaults to right alignment for numeric scanning. */\n\talign?: TextProps['align'];\n\t/** Typography weight for the primary value. */\n\tweight?: TextProps['weight'];\n\t/** Primary or secondary semantic text tone. */\n\ttype?: TextProps['type'];\n\t/** Semantic root element used by the typography primitive. */\n\ttag?: TextProps['tag'];\n\t/** Line-height preset applied to the root value. */\n\tlineHeight?: TextProps['lineHeight'];\n\t/** Applies the typography primitive's monospace numeric treatment. */\n\tnumeric?: TextProps['numeric'];\n\t/**\n\t * Optional converted/display value. Passing it is an explicit request to\n\t * render both values unless `displayMode=\"default_only\"` or\n\t * `secondaryEmphasis=\"hidden\"` is set.\n\t */\n\tsecondary?: MoneyValue | null;\n\t/**\n\t * Controls whether the secondary value is visible. `dynamic` shows it only\n\t * when the two currency codes differ. When omitted, an explicitly supplied\n\t * `secondary` renders; an enabled UIProvider money policy can narrow it.\n\t */\n\tdisplayMode?: MoneyDisplayMode;\n\t/** Pair layout. Falls back to the UIProvider `dualPricingDisplay` policy. */\n\tlayout?: MoneyLayout;\n\t/** Visual prominence of a secondary value. */\n\tsecondaryEmphasis?: MoneySecondaryEmphasis;\n\t/** Inline separator. Defaults to a quiet middle dot; pass an arrow for conversion flows. */\n\tseparator?: ReactNode;\n}\n\nfunction normalizeDecimalString(value: string) {\n\tconst trimmed = value.trim();\n\tif (!trimmed) return '';\n\n\tconst comma = trimmed.lastIndexOf(',');\n\tconst dot = trimmed.lastIndexOf('.');\n\n\tif (comma >= 0 && dot >= 0) {\n\t\tconst decimalSeparator = comma > dot ? ',' : '.';\n\t\tconst groupingSeparator = decimalSeparator === ',' ? '.' : ',';\n\t\treturn trimmed\n\t\t\t.replace(new RegExp(`\\\\${groupingSeparator}`, 'g'), '')\n\t\t\t.replace(decimalSeparator, '.');\n\t}\n\n\tif (comma >= 0) {\n\t\tconst [head, tail = ''] = trimmed.split(',');\n\t\tif (tail.length > 0 && tail.length <= 2) return `${head.replace(/,/g, '')}.${tail}`;\n\t\treturn trimmed.replace(/,/g, '');\n\t}\n\n\tif (dot >= 0) {\n\t\tconst [head, tail = ''] = trimmed.split('.');\n\t\tif (tail.length === 3 && head.length > 0) return trimmed.replace(/\\./g, '');\n\t}\n\n\treturn trimmed;\n}\n\nfunction parseMoneyAmount(amount: MoneyValue['amount']): number | null {\n\tif (amount === null || amount === undefined || amount === '') return null;\n\tif (typeof amount === 'number') return Number.isFinite(amount) ? amount : null;\n\tconst parsed = Number.parseFloat(normalizeDecimalString(amount));\n\treturn Number.isFinite(parsed) ? parsed : null;\n}\n\nfunction normalizeFractionDigits(value: number | undefined, fallback: number) {\n\tif (value === undefined || !Number.isFinite(value)) return fallback;\n\treturn Math.min(100, Math.max(0, Math.trunc(value)));\n}\n\nfunction resolveFractionDigits(\n\tminimumFractionDigits?: number,\n\tmaximumFractionDigits?: number,\n\tfallback = { minimumFractionDigits: 2, maximumFractionDigits: 2 },\n) {\n\tconst normalizedMaximum = normalizeFractionDigits(\n\t\tmaximumFractionDigits,\n\t\tfallback.maximumFractionDigits,\n\t);\n\tconst normalizedMinimum = normalizeFractionDigits(\n\t\tminimumFractionDigits,\n\t\tMath.min(fallback.minimumFractionDigits, normalizedMaximum),\n\t);\n\n\treturn {\n\t\tminimumFractionDigits: normalizedMinimum,\n\t\tmaximumFractionDigits: Math.max(normalizedMinimum, normalizedMaximum),\n\t};\n}\n\nfunction resolveCurrencyFractionDigits(currency: string, locale?: string) {\n\tif (!currency) return { minimumFractionDigits: 2, maximumFractionDigits: 2 };\n\ttry {\n\t\tconst resolved = new Intl.NumberFormat(locale, {\n\t\t\tstyle: 'currency',\n\t\t\tcurrency,\n\t\t}).resolvedOptions();\n\t\treturn {\n\t\t\tminimumFractionDigits: resolved.minimumFractionDigits ?? 2,\n\t\t\tmaximumFractionDigits: resolved.maximumFractionDigits ?? 2,\n\t\t};\n\t} catch {\n\t\treturn { minimumFractionDigits: 2, maximumFractionDigits: 2 };\n\t}\n}\n\nfunction normalizeMinorUnitScale(value: number | undefined) {\n\tif (value === undefined || !Number.isFinite(value) || value <= 0) return 100;\n\treturn value;\n}\n\nfunction resolveMajorAmount(value: MoneyValue): number | null {\n\tconst parsed = parseMoneyAmount(value.amount);\n\tif (parsed === null) return null;\n\treturn value.unit === 'minor'\n\t\t? parsed / normalizeMinorUnitScale(value.minorUnitScale)\n\t\t: parsed;\n}\n\nfunction replaceCurrencyPart(\n\tformatter: Intl.NumberFormat,\n\tvalue: number,\n\tsymbol: string,\n) {\n\treturn formatter\n\t\t.formatToParts(value)\n\t\t.map((part) => part.type === 'currency' ? symbol : part.value)\n\t\t.join('');\n}\n\nfunction formatMoneyAmount({\n\tamount,\n\tcurrency,\n\tlocale,\n\tcurrencyDisplay = 'symbol',\n\tminimumFractionDigits,\n\tmaximumFractionDigits,\n\tformatMode,\n\tsymbol,\n}: Required<Pick<MoneyValue, 'amount'>> &\n\tPick<\n\t\tMoneyValue,\n\t\t'currency' | 'currencyDisplay' | 'minimumFractionDigits' | 'maximumFractionDigits' | 'formatMode' | 'symbol'\n\t> & { locale?: string }) {\n\tconst value = parseMoneyAmount(amount);\n\tif (value === null) return null;\n\n\tconst resolvedCurrency = currency ?? '';\n\tconst numberOptions: Intl.NumberFormatOptions = resolveFractionDigits(\n\t\tminimumFractionDigits,\n\t\tmaximumFractionDigits,\n\t\tresolveCurrencyFractionDigits(resolvedCurrency, locale),\n\t);\n\n\tif (formatMode === 'decimal' || !resolvedCurrency) {\n\t\treturn new Intl.NumberFormat(locale, numberOptions).format(value);\n\t}\n\n\tif (formatMode === 'with_code') {\n\t\treturn `${new Intl.NumberFormat(locale, numberOptions).format(value)} ${resolvedCurrency}`.trim();\n\t}\n\n\ttry {\n\t\tconst formatter = new Intl.NumberFormat(locale, {\n\t\t\t...numberOptions,\n\t\t\tstyle: 'currency',\n\t\t\tcurrency: resolvedCurrency,\n\t\t\tcurrencyDisplay,\n\t\t});\n\t\treturn symbol\n\t\t\t? replaceCurrencyPart(formatter, value, symbol)\n\t\t\t: formatter.format(value);\n\t} catch {\n\t\tconst formattedNumber = new Intl.NumberFormat(locale, numberOptions).format(value);\n\t\treturn symbol\n\t\t\t? `${symbol}${formattedNumber}`\n\t\t\t: `${formattedNumber} ${resolvedCurrency}`.trim();\n\t}\n}\n\nfunction getAlignmentClasses(align: TextProps['align']) {\n\tif (align === 'left') return { text: 'text-left', justify: 'justify-start' };\n\tif (align === 'center') return { text: 'text-center', justify: 'justify-center' };\n\treturn { text: 'text-right', justify: 'justify-end' };\n}\n\n/**\n * Canonical monetary display primitive.\n *\n * It owns major/minor-unit conversion, locale-aware formatting, empty values,\n * and optional inline/stacked dual-currency display. Consumers should use\n * this component instead of composing separate money-display or currency-pair\n * wrappers.\n */\nexport function Money({\n\tamount,\n\tcurrency,\n\tunit = 'major',\n\tminorUnitScale,\n\tsymbol,\n\tlocale,\n\tcurrencyDisplay,\n\tminimumFractionDigits,\n\tmaximumFractionDigits,\n\tformatMode,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight = 'medium',\n\ttype = 'main',\n\ttag = 'span',\n\tlineHeight = 'normal',\n\tnumeric,\n\tsecondary,\n\tdisplayMode,\n\tlayout,\n\tsecondaryEmphasis = 'discrete',\n\tseparator = '·',\n\tclassName,\n\tref,\n\t...props\n}: MoneyProps) {\n\tconst formatting = useFormattingConfig();\n\tconst money = useMoneyConfig();\n\tconst resolvedCurrency = currency ?? money.defaultCurrency ?? 'USD';\n\tconst primaryAmount = resolveMajorAmount({ amount, unit, minorUnitScale });\n\tconst primaryLabel = primaryAmount === null\n\t\t? null\n\t\t: formatMoneyAmount({\n\t\t\t\tamount: primaryAmount,\n\t\t\t\tcurrency: resolvedCurrency,\n\t\t\t\tsymbol,\n\t\t\t\tlocale: locale ?? formatting.locale,\n\t\t\t\tcurrencyDisplay,\n\t\t\t\tminimumFractionDigits,\n\t\t\t\tmaximumFractionDigits,\n\t\t\t\tformatMode: formatMode ?? money.formatMode ?? 'with_code',\n\t\t\t});\n\n\tif (primaryLabel === null) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\tref={ref}\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\talign={align}\n\t\t\t\tweight={weight}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\tlineHeight={lineHeight}\n\t\t\t\tnumeric={numeric}\n\t\t\t\tclassName={cn('money--component inline tabular-nums', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst secondaryAmount = secondary ? resolveMajorAmount(secondary) : null;\n\tconst resolvedSecondaryCurrency = secondary?.currency ?? money.displayCurrency ?? resolvedCurrency;\n\tconst resolvedDisplayMode = displayMode\n\t\t?? (money.dualPricingEnabled ? money.displayMode : undefined)\n\t\t?? 'dual';\n\tconst hasDifferentCurrencies = resolvedSecondaryCurrency !== resolvedCurrency;\n\tconst shouldRenderSecondary = secondaryAmount !== null\n\t\t&& secondaryEmphasis !== 'hidden'\n\t\t&& resolvedDisplayMode !== 'default_only'\n\t\t&& (resolvedDisplayMode !== 'dynamic' || hasDifferentCurrencies);\n\n\tif (!shouldRenderSecondary || !secondary) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\tref={ref}\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\talign={align}\n\t\t\t\tweight={weight}\n\t\t\t\ttype={type}\n\t\t\t\tlineHeight={lineHeight}\n\t\t\t\tnumeric={numeric}\n\t\t\t\tclassName={cn('money--component inline whitespace-nowrap tabular-nums', className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{primaryLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst secondaryLabel = formatMoneyAmount({\n\t\tamount: secondaryAmount,\n\t\tcurrency: resolvedSecondaryCurrency,\n\t\tsymbol: secondary.symbol,\n\t\tlocale: locale ?? formatting.locale,\n\t\tcurrencyDisplay: secondary.currencyDisplay ?? currencyDisplay,\n\t\tminimumFractionDigits: secondary.minimumFractionDigits ?? minimumFractionDigits,\n\t\tmaximumFractionDigits: secondary.maximumFractionDigits ?? maximumFractionDigits,\n\t\tformatMode: secondary.formatMode ?? formatMode ?? money.formatMode ?? 'with_code',\n\t});\n\tconst resolvedLayout: MoneyLayout = layout\n\t\t?? (money.dualPricingDisplay === 'inline' ? 'inline' : 'stacked');\n\tconst secondarySize: TextSize | undefined = secondaryEmphasis === 'match'\n\t\t? size\n\t\t: secondaryEmphasis === 'muted'\n\t\t\t? 'xs'\n\t\t\t: 'xxs';\n\tconst secondaryType: TextProps['type'] = secondaryEmphasis === 'match'\n\t\t? type\n\t\t: secondaryEmphasis === 'muted'\n\t\t\t? 'secondary'\n\t\t\t: 'discrete';\n\tconst alignment = getAlignmentClasses(align);\n\n\tif (resolvedLayout === 'inline') {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\tref={ref}\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\talign={align}\n\t\t\t\ttype={type}\n\t\t\t\tlineHeight={lineHeight}\n\t\t\t\tnumeric={numeric}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'money--component money--inline inline-flex items-baseline gap-space-xs whitespace-nowrap tabular-nums',\n\t\t\t\t\talignment.justify,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size={size} weight={weight} type={type} className=\"money--primary\">\n\t\t\t\t\t{primaryLabel}\n\t\t\t\t</Text>\n\t\t\t\t<span className=\"money--separator inline-flex shrink-0 items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t\t{separator}\n\t\t\t\t</span>\n\t\t\t\t<Text tag=\"span\" size={secondarySize} weight={secondaryEmphasis === 'match' ? weight : 'regular'} type={secondaryType} className=\"money--secondary\">\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t</Text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\talign={align}\n\t\t\ttype={type}\n\t\t\tlineHeight={lineHeight}\n\t\t\tnumeric={numeric}\n\t\t\tclassName={cn(\n\t\t\t\t'money--component money--stacked inline-flex flex-col whitespace-nowrap tabular-nums leading-tight',\n\t\t\t\talignment.text,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<Text tag=\"span\" size={size} align={align} weight={weight} type={type} lineHeight=\"tight\" className=\"money--primary\">\n\t\t\t\t{primaryLabel}\n\t\t\t</Text>\n\t\t\t<Text tag=\"span\" size={secondarySize} align={align} weight={secondaryEmphasis === 'match' ? weight : 'regular'} type={secondaryType} lineHeight=\"tight\" className=\"money--secondary\">\n\t\t\t\t{secondaryLabel}\n\t\t\t</Text>\n\t\t</Text>\n\t);\n}\n","import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';\n\nimport { Text, type TextProps } from '../typography';\nimport type { TextSize } from '../../lib/ui-provider';\nimport { EMPTY } from '../../lib/format';\nimport { useFormattingConfig } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\n\ntype SpanProps = Omit<ComponentPropsWithoutRef<'span'>, 'children' | 'color'>;\n\nexport interface NumberProps extends SpanProps {\n\tvalue?: number | string | null;\n\tlocale?: string;\n\toptions?: Intl.NumberFormatOptions;\n\temptyLabel?: ReactNode;\n\tsize?: TextSize;\n\talign?: TextProps['align'];\n\tweight?: TextProps['weight'];\n\ttype?: TextProps['type'];\n\tref?: Ref<HTMLSpanElement>;\n}\n\nexport interface PercentProps extends Omit<NumberProps, 'options'> {\n\tscaled?: boolean;\n\toptions?: Intl.NumberFormatOptions;\n\tref?: Ref<HTMLSpanElement>;\n}\n\nfunction parseNumericValue(value: NumberProps['value']) {\n\tif (value === null || value === undefined || value === '') return null;\n\tconst parsed = typeof value === 'number' ? value : globalThis.Number.parseFloat(value);\n\treturn globalThis.Number.isFinite(parsed) ? parsed : null;\n}\n\nfunction renderNumberLabel(value: NumberProps['value'], locale?: string, options?: Intl.NumberFormatOptions) {\n\tconst parsed = parseNumericValue(value);\n\tif (parsed === null) return null;\n\treturn new Intl.NumberFormat(locale, options).format(parsed);\n}\n\nexport function Number({\n\tvalue,\n\tlocale,\n\toptions,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight = 'regular',\n\ttype = 'main',\n\tclassName,\n\tref,\n\t...props\n}: NumberProps) {\n\tconst formatting = useFormattingConfig();\n\tconst label = renderNumberLabel(value, locale ?? formatting.locale, options);\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag=\"span\"\n\t\t\tsize={size}\n\t\t\talign={align}\n\t\t\tweight={weight}\n\t\t\ttype={label === null ? 'secondary' : type}\n\t\t\tclassName={cn('number--component inline tabular-nums', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{label ?? emptyLabel}\n\t\t</Text>\n\t);\n}\n\nexport function Percent({\n\tvalue,\n\tlocale,\n\tscaled = false,\n\toptions,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight = 'regular',\n\ttype = 'main',\n\tclassName,\n\tref,\n\t...props\n}: PercentProps) {\n\tconst formatting = useFormattingConfig();\n\tconst parsed = parseNumericValue(value);\n\tconst label = parsed === null\n\t\t? null\n\t\t: new Intl.NumberFormat(locale ?? formatting.locale, {\n\t\t\t\tstyle: 'percent',\n\t\t\t\tmaximumFractionDigits: 1,\n\t\t\t\t...options,\n\t\t\t}).format(scaled ? parsed / 100 : parsed);\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag=\"span\"\n\t\t\tsize={size}\n\t\t\talign={align}\n\t\t\tweight={weight}\n\t\t\ttype={label === null ? 'secondary' : type}\n\t\t\tclassName={cn('percent--component inline tabular-nums', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{label ?? emptyLabel}\n\t\t</Text>\n\t);\n}\n"],"mappings":"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"}

package/dist/overlay.recipes-BxW5FIfK.js

@@ -0,0 +1,6 @@
+//#region src/components/ui/overlay.recipes.ts
+var e = "fixed inset-0 z-50 bg-(--overlay-backdrop) supports-backdrop-filter:backdrop-blur-sm";
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=overlay.recipes-BxW5FIfK.js.map

package/dist/overlay.recipes-BxW5FIfK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.recipes-BxW5FIfK.js","names":["modalBackdropRecipe"],"sources":["../src/components/ui/overlay.recipes.ts"],"sourcesContent":["/** One modal scrim recipe; the color comes from the shared semantic token. */\nexport const modalBackdropRecipe = 'fixed inset-0 z-50 bg-(--overlay-backdrop) supports-backdrop-filter:backdrop-blur-sm';\n"],"mappings":";AACA,IAAaA,IAAsB"}