admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/_shared/metadata-C5MSNo7y.js

@@ -0,0 +1,236 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-qsEg5GdP.js";
+import { t as r } from "./heading-CrNpYcUr.js";
+import { t as i } from "./button-cnkCF8q8.js";
+import { i as a, n as o, t as s } from "./tooltip-CLr_sPX8.js";
+import { t as c } from "./separator-B8FBp-7E.js";
+import l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Info as f } from "lucide-react";
+//#region src/components/base/display/metadata/metadata-list.strings.ts
+var p = {
+	formatInfoAriaLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+}, m = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+}, h = {
+	start: "justify-start",
+	end: "justify-end",
+	center: "justify-center",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, g = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	baseline: "items-baseline"
+}, _ = (e, t) => e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : `${t}`}-${t}`;
+function v({ items: v, columns: y = 2, dense: b = !1, emptyLabel: x = "—", title: S, titleSeparator: C = !1, className: w, gapClassName: T, labelClassName: E, valueClassName: D, descriptionClassName: O, layout: k = "vertical", justify: A = "start", align: j = "center", separator: M = ": ", itemSeparator: N = !1, wrap: P = !0, strings: F }) {
+	let I = e(p, F), L = l.useMemo(() => v.filter(Boolean), [v]);
+	if (l.useEffect(() => {}, [k, L]), L.length === 0) return null;
+	let R = m[y] ?? m[2], z = T ?? (b ? "gap-4" : "gap-6"), B = b ? "text-xxs" : "text-xs", V = "text-sm", H = S != null, U = H && C;
+	if (k === "horizontal") {
+		let e = h[A] ?? h.start, p = g[j] ?? g.center, m = typeof N == "string" ? N : N ? " | " : "", v = b ? "gap-2" : "gap-3", y = P ? "flex-wrap" : "flex-nowrap";
+		return /* @__PURE__ */ d("div", {
+			className: t("metadata-list--component", "metadata-list-container space-y-3", w),
+			children: [
+				!!H && /* @__PURE__ */ u(r, {
+					tag: "h6",
+					className: "font-medium text-muted-foreground uppercase tracking-wide",
+					children: S
+				}),
+				!!U && /* @__PURE__ */ u(c, { className: "my-3" }),
+				/* @__PURE__ */ u("div", {
+					className: t("flex", y, e, p, v),
+					children: L.map((e, r) => {
+						let c = _(e, r), p = e.emptyLabel ?? x, h = e.value ?? p, g = e.icon, v = e.tooltip !== null && e.tooltip !== void 0, y = typeof e.render == "function", S = m && r < L.length - 1;
+						return /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								!!g && /* @__PURE__ */ u(g, { className: t("flex-shrink-0", b ? "h-3 w-3" : "h-3.5 w-3.5", "text-muted-foreground") }),
+								/* @__PURE__ */ u(n, {
+									size: "xs",
+									type: "secondary",
+									className: t("metadata--field tracking-wide whitespace-nowrap", B, E),
+									children: e.label
+								}),
+								!!v && /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, { render: (n) => /* @__PURE__ */ u(i, {
+									...n,
+									type: "button",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									size: "icon-xs",
+									className: t("inline-flex items-center", n.className),
+									"aria-label": typeof e.label == "string" ? I.formatInfoAriaLabel(e.label) : I.infoFallback,
+									children: /* @__PURE__ */ u(f, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+								}) }), /* @__PURE__ */ u(o, {
+									side: "top",
+									align: "start",
+									className: "max-w-xs",
+									children: /* @__PURE__ */ u(n, {
+										type: "inverse",
+										size: "xs",
+										children: e.tooltip
+									})
+								})] }),
+								/* @__PURE__ */ u(n, {
+									size: "xs",
+									type: "secondary",
+									children: M
+								}),
+								y ? e.render?.(e) : /* @__PURE__ */ u(n, {
+									weight: "medium",
+									className: t(V, D),
+									children: h
+								})
+							]
+						}), !!S && /* @__PURE__ */ u(n, {
+							size: "xs",
+							type: "secondary",
+							children: m
+						})] }, c);
+					})
+				})
+			]
+		});
+	}
+	if (k === "rows") {
+		let e = b ? "py-1.5" : "py-2.5";
+		return /* @__PURE__ */ d("div", {
+			className: t("metadata-list-container", w),
+			children: [
+				!!H && /* @__PURE__ */ u(r, {
+					tag: "h6",
+					className: "font-medium text-muted-foreground uppercase tracking-wide mb-2",
+					children: S
+				}),
+				!!U && /* @__PURE__ */ u(c, { className: "mb-2" }),
+				/* @__PURE__ */ u("dl", {
+					className: "divide-y divide-border/50",
+					children: L.map((r, c) => {
+						let l = _(r, c), p = r.emptyLabel ?? x, m = r.value ?? p, h = r.icon, g = r.tooltip !== null && r.tooltip !== void 0, v = typeof r.render == "function";
+						return /* @__PURE__ */ d("div", {
+							className: t("grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]", e),
+							children: [/* @__PURE__ */ d("dt", {
+								className: "flex items-center gap-1.5 min-w-0",
+								children: [
+									!!h && /* @__PURE__ */ u(h, { className: t("flex-shrink-0 text-muted-foreground", b ? "h-3 w-3" : "h-3.5 w-3.5") }),
+									/* @__PURE__ */ u(n, {
+										type: "secondary",
+										className: t("truncate", E),
+										children: r.label
+									}),
+									!!g && /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, { render: (e) => /* @__PURE__ */ u(i, {
+										...e,
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										size: "icon-xs",
+										className: t("inline-flex items-center", e.className),
+										"aria-label": typeof r.label == "string" ? I.formatInfoAriaLabel(r.label) : I.infoFallback,
+										children: /* @__PURE__ */ u(f, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+									}) }), /* @__PURE__ */ u(o, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ u(n, {
+											type: "inverse",
+											size: "xs",
+											children: r.tooltip
+										})
+									})] })
+								]
+							}), /* @__PURE__ */ d("dd", {
+								className: "min-w-0",
+								children: [v ? r.render?.(r) : /* @__PURE__ */ u(n, {
+									weight: "medium",
+									className: t("break-words", D),
+									children: m
+								}), !!r.description && /* @__PURE__ */ u(n, {
+									size: "xs",
+									type: "secondary",
+									className: t("mt-0.5", O),
+									children: r.description
+								})]
+							})]
+						}, l);
+					})
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ d("div", {
+		className: t("metadata-list-container space-y-3", w),
+		children: [
+			!!H && /* @__PURE__ */ u(r, {
+				tag: "h6",
+				className: "font-medium text-muted-foreground uppercase tracking-wide",
+				children: S
+			}),
+			!!U && /* @__PURE__ */ u(c, { className: "my-3" }),
+			/* @__PURE__ */ u("div", {
+				className: t("grid", R, z),
+				children: L.map((e, r) => {
+					let c = _(e, r), l = e.emptyLabel ?? x, p = e.value ?? l, m = e.icon, h = e.tooltip !== null && e.tooltip !== void 0, g = typeof e.render == "function";
+					return /* @__PURE__ */ d("div", {
+						className: "space-y-1",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-1.5",
+								children: [
+									!!m && /* @__PURE__ */ u(m, { className: t("flex-shrink-0", b ? "h-3 w-3" : "h-3.5 w-3.5", "text-muted-foreground") }),
+									/* @__PURE__ */ u(n, {
+										size: "xs",
+										type: "secondary",
+										className: t(" tracking-wide", B, E),
+										children: e.label
+									}),
+									!!h && /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, { render: (n) => /* @__PURE__ */ u(i, {
+										...n,
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										size: "icon-xs",
+										className: t("inline-flex items-center", n.className),
+										"aria-label": typeof e.label == "string" ? I.formatInfoAriaLabel(e.label) : I.infoFallback,
+										children: /* @__PURE__ */ u(f, { className: "h-3 w-3 text-muted-foreground cursor-help flex-shrink-0" })
+									}) }), /* @__PURE__ */ u(o, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ u(n, {
+											type: "inverse",
+											size: "xs",
+											children: e.tooltip
+										})
+									})] })
+								]
+							}),
+							g ? e.render?.(e) : /* @__PURE__ */ u(n, {
+								weight: "medium",
+								className: t(V, D),
+								children: p
+							}),
+							!!e.description && /* @__PURE__ */ u(n, {
+								size: "xs",
+								type: "secondary",
+								className: t(O),
+								children: e.description
+							})
+						]
+					}, c);
+				})
+			})
+		]
+	});
+}
+v.displayName = "MetadataList";
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=metadata-C5MSNo7y.js.map

package/dist/_shared/metadata-C5MSNo7y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-C5MSNo7y.js","names":[],"sources":["../../src/components/base/display/metadata/metadata-list.strings.ts","../../src/components/base/display/metadata/metadata-list.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<MetadataList>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <MetadataList strings={{ infoFallback: t('metadata.info') }} … />\n */\n\nexport interface MetadataListStrings {\n\t/**\n\t * Suffix appended to the label when generating the tooltip-trigger\n\t * `aria-label` (\"<label> info\"). Receives the label as the first arg\n\t * so consumers can localise the full template.\n\t */\n\tformatInfoAriaLabel: (label: string) => string;\n\t/** Fallback `aria-label` used when the field label is not a plain string. */\n\tinfoFallback: string;\n}\n\nexport const defaultMetadataListStrings: MetadataListStrings = {\n\tformatInfoAriaLabel: (label) => `${label} info`,\n\tinfoFallback: 'Info',\n};\n","/**\n * MetadataList — flexible label/value list for entity metadata.\n *\n * Two layouts:\n *  - `vertical` (default): grid of label-on-top, value-below cells, ideal for\n *    entity detail screens. Honours `columns` (1–4) and `dense` mode.\n *  - `horizontal`: inline label/separator/value pairs that wrap, suitable for\n *    pill-style summaries (e.g. \"Created Jan 4 · By Alice · v3.2\").\n *\n * Each item supports an optional icon, tooltip, custom `render`, and\n * per-item `emptyLabel`. Falls back to the shared `EMPTY` when both are\n * missing. Returns `null` when the list is empty so callers can render\n * unconditionally.\n */\nimport { Info, type LucideIcon } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/base/display/tooltip';\nimport Heading from '@/components/typography/heading';\nimport Text from '@/components/typography/text';\nimport { EMPTY } from '@/lib/format';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMetadataListStrings,\n\ttype MetadataListStrings,\n} from './metadata-list.strings';\n\nexport type { MetadataListStrings };\nexport { defaultMetadataListStrings };\n\nexport type MetadataListItem = {\n\tid?: string;\n\tlabel: React.ReactNode;\n\tvalue?: React.ReactNode | null;\n\tdescription?: React.ReactNode | null;\n\ttooltip?: React.ReactNode;\n\ticon?: LucideIcon;\n\temptyLabel?: React.ReactNode;\n\trender?: (item: MetadataListItem) => React.ReactNode;\n};\n\nexport type MetadataListProps = {\n\titems: MetadataListItem[];\n\tcolumns?: 1 | 2 | 3 | 4;\n\tdense?: boolean;\n\temptyLabel?: React.ReactNode;\n\ttitle?: React.ReactNode;\n\ttitleSeparator?: boolean;\n\tclassName?: string;\n\tgapClassName?: string;\n\tlabelClassName?: string;\n\tvalueClassName?: string;\n\tdescriptionClassName?: string;\n\tlayout?: 'vertical' | 'horizontal' | 'rows';\n\tjustify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';\n\talign?: 'start' | 'center' | 'end' | 'baseline';\n\tseparator?: string;\n\titemSeparator?: boolean | string;\n\twrap?: boolean;\n\t/** Per-instance string overrides (deep-merged over `defaultMetadataListStrings`). */\n\tstrings?: StringsProp<MetadataListStrings>;\n};\n\nconst columnClassMap: Record<NonNullable<MetadataListProps['columns']>, string> = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 sm:grid-cols-2',\n\t3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n\t4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',\n};\n\nconst justifyClassMap: Record<NonNullable<MetadataListProps['justify']>, string> = {\n\tstart: 'justify-start',\n\tend: 'justify-end',\n\tcenter: 'justify-center',\n\tbetween: 'justify-between',\n\taround: 'justify-around',\n\tevenly: 'justify-evenly',\n};\n\nconst alignClassMap: Record<NonNullable<MetadataListProps['align']>, string> = {\n\tstart: 'items-start',\n\tcenter: 'items-center',\n\tend: 'items-end',\n\tbaseline: 'items-baseline',\n};\n\nconst resolveKey = (item: MetadataListItem, index: number): string => {\n\tif (item.id) {\n\t\treturn item.id;\n\t}\n\n\tconst rawLabel = typeof item.label === 'string' ? item.label : `${index}`;\n\treturn `metadata-${rawLabel}-${index}`;\n};\n\nexport function MetadataList({\n\titems,\n\tcolumns = 2,\n\tdense = false,\n\temptyLabel = EMPTY,\n\ttitle,\n\ttitleSeparator = false,\n\tclassName,\n\tgapClassName,\n\tlabelClassName,\n\tvalueClassName,\n\tdescriptionClassName,\n\tlayout = 'vertical',\n\tjustify = 'start',\n\talign = 'center',\n\tseparator = ': ',\n\titemSeparator = false,\n\twrap = true,\n\tstrings: stringsProp,\n}: MetadataListProps) {\n\tconst strings = useStrings(defaultMetadataListStrings, stringsProp);\n\tconst list = React.useMemo(() => items.filter(Boolean), [items]);\n\n\tReact.useEffect(() => {\n\t\tif (!import.meta.env.DEV) return;\n\t\tif (layout !== 'horizontal') return;\n\n\t\tconst itemsWithDescriptions = list.filter((item) => Boolean(item.description));\n\t\tif (itemsWithDescriptions.length > 0) {\n\t\t\tconsole.warn(\n\t\t\t\t'[MetadataList] Horizontal layout does not support descriptions. Items with descriptions will not display them.',\n\t\t\t\titemsWithDescriptions,\n\t\t\t);\n\t\t}\n\t}, [layout, list]);\n\n\tif (list.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst gridClass = columnClassMap[columns] ?? columnClassMap[2];\n\tconst gapClass = gapClassName ?? (dense ? 'gap-4' : 'gap-6');\n\tconst labelBase = dense ? 'text-xxs' : 'text-xs';\n\tconst valueBase = 'text-sm';\n\tconst hasTitle = title !== null && title !== undefined;\n\tconst shouldShowSeparator = hasTitle && titleSeparator;\n\n\tif (layout === 'horizontal') {\n\t\tconst justifyClass = justifyClassMap[justify] ?? justifyClassMap.start;\n\t\tconst alignClass = alignClassMap[align] ?? alignClassMap.center;\n\t\tconst itemSeparatorText =\n\t\t\ttypeof itemSeparator === 'string'\n\t\t\t\t? itemSeparator\n\t\t\t\t: itemSeparator\n\t\t\t\t\t? ' | '\n\t\t\t\t\t: '';\n\t\tconst horizontalGapClass = dense ? 'gap-2' : 'gap-3';\n\t\tconst wrapClass = wrap ? 'flex-wrap' : 'flex-nowrap';\n\n\t\treturn (\n\t\t\t<div className={cn('metadata-list--component', 'metadata-list-container space-y-3', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t\t<div className={cn('flex', wrapClass, justifyClass, alignClass, horizontalGapClass)}>\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\t\t\t\t\t\tconst showItemSeparator = itemSeparatorText && index < list.length - 1;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={key}>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'metadata--field tracking-wide whitespace-nowrap',\n\t\t\t\t\t\t\t\t\t\t\tlabelBase,\n\t\t\t\t\t\t\t\t\t\t\tlabelClassName,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex items-center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{!!showItemSeparator && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{itemSeparatorText}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (layout === 'rows') {\n\t\tconst rowPaddingY = dense ? 'py-1.5' : 'py-2.5';\n\t\treturn (\n\t\t\t<div className={cn('metadata-list-container', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide mb-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"mb-2\" />}\n\t\t\t\t<dl className=\"divide-y divide-border/50\">\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\tclassName={cn('grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]', rowPaddingY)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<dt className=\"flex items-center gap-1.5 min-w-0\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon className={cn('flex-shrink-0 text-muted-foreground', dense ? 'h-3 w-3' : 'h-3.5 w-3.5')} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\" className={cn('truncate', labelClassName)}>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn('inline-flex items-center', (triggerProps as { className?: string }).className)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent side=\"top\" align=\"start\" className=\"max-w-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t\t<dd className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text weight=\"medium\" className={cn('break-words', valueClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className={cn('mt-0.5', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</dl>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('metadata-list-container space-y-3', className)}>\n\t\t\t{!!hasTitle && (\n\t\t\t\t<Heading\n\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</Heading>\n\t\t\t)}\n\n\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t<div className={cn('grid', gridClass, gapClass)}>\n\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tclassName=\"space-y-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(' tracking-wide', labelBase, labelClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex items-center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(descriptionClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nMetadataList.displayName = 'MetadataList';\n"],"mappings":"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"}

package/dist/_shared/metadata-Cw3Kj2Ug.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("../lib/utils.cjs"),r=require("./text-DzKt9cyb.cjs"),i=require("./heading-C7mNh03X.cjs"),a=require("./button-LZWDn-aU.cjs"),o=require("./tooltip-mvxZV_Lu.cjs"),s=require("./separator-q42IlFFA.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react");var d={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},f={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},p={start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},m={start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`},h=(e,t)=>e.id?e.id:`metadata-${typeof e.label==`string`?e.label:`${t}`}-${t}`;function g({items:e,columns:g=2,dense:_=!1,emptyLabel:v=`—`,title:y,titleSeparator:b=!1,className:x,gapClassName:S,labelClassName:C,valueClassName:w,descriptionClassName:T,layout:E=`vertical`,justify:D=`start`,align:O=`center`,separator:k=`: `,itemSeparator:A=!1,wrap:j=!0,strings:M}){let N=t.useStrings(d,M),P=c.default.useMemo(()=>e.filter(Boolean),[e]);if(c.default.useEffect(()=>{},[E,P]),P.length===0)return null;let F=f[g]??f[2],I=S??(_?`gap-4`:`gap-6`),L=_?`text-xxs`:`text-xs`,R=`text-sm`,z=y!=null,B=z&&b;if(E===`horizontal`){let e=p[D]??p.start,t=m[O]??m.center,d=typeof A==`string`?A:A?` | `:``,f=_?`gap-2`:`gap-3`,g=j?`flex-wrap`:`flex-nowrap`;return(0,l.jsxs)(`div`,{className:n.cn(`metadata-list--component`,`metadata-list-container space-y-3`,x),children:[!!z&&(0,l.jsx)(i.t,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide`,children:y}),!!B&&(0,l.jsx)(s.t,{className:`my-3`}),(0,l.jsx)(`div`,{className:n.cn(`flex`,g,e,t,f),children:P.map((e,t)=>{let i=h(e,t),s=e.emptyLabel??v,f=e.value??s,p=e.icon,m=e.tooltip!==null&&e.tooltip!==void 0,g=typeof e.render==`function`,y=d&&t<P.length-1;return(0,l.jsxs)(c.default.Fragment,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!p&&(0,l.jsx)(p,{className:n.cn(`flex-shrink-0`,_?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(`metadata--field tracking-wide whitespace-nowrap`,L,C),children:e.label}),!!m&&(0,l.jsxs)(o.t,{children:[(0,l.jsx)(o.i,{render:t=>(0,l.jsx)(a.t,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:n.cn(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?N.formatInfoAriaLabel(e.label):N.infoFallback,children:(0,l.jsx)(u.Info,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,l.jsx)(o.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,l.jsx)(r.t,{type:`inverse`,size:`xs`,children:e.tooltip})})]}),(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,children:k}),g?e.render?.(e):(0,l.jsx)(r.t,{weight:`medium`,className:n.cn(R,w),children:f})]}),!!y&&(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,children:d})]},i)})})]})}if(E===`rows`){let e=_?`py-1.5`:`py-2.5`;return(0,l.jsxs)(`div`,{className:n.cn(`metadata-list-container`,x),children:[!!z&&(0,l.jsx)(i.t,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide mb-2`,children:y}),!!B&&(0,l.jsx)(s.t,{className:`mb-2`}),(0,l.jsx)(`dl`,{className:`divide-y divide-border/50`,children:P.map((t,i)=>{let s=h(t,i),c=t.emptyLabel??v,d=t.value??c,f=t.icon,p=t.tooltip!==null&&t.tooltip!==void 0,m=typeof t.render==`function`;return(0,l.jsxs)(`div`,{className:n.cn(`grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]`,e),children:[(0,l.jsxs)(`dt`,{className:`flex items-center gap-1.5 min-w-0`,children:[!!f&&(0,l.jsx)(f,{className:n.cn(`flex-shrink-0 text-muted-foreground`,_?`h-3 w-3`:`h-3.5 w-3.5`)}),(0,l.jsx)(r.t,{type:`secondary`,className:n.cn(`truncate`,C),children:t.label}),!!p&&(0,l.jsxs)(o.t,{children:[(0,l.jsx)(o.i,{render:e=>(0,l.jsx)(a.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:n.cn(`inline-flex items-center`,e.className),"aria-label":typeof t.label==`string`?N.formatInfoAriaLabel(t.label):N.infoFallback,children:(0,l.jsx)(u.Info,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,l.jsx)(o.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,l.jsx)(r.t,{type:`inverse`,size:`xs`,children:t.tooltip})})]})]}),(0,l.jsxs)(`dd`,{className:`min-w-0`,children:[m?t.render?.(t):(0,l.jsx)(r.t,{weight:`medium`,className:n.cn(`break-words`,w),children:d}),!!t.description&&(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(`mt-0.5`,T),children:t.description})]})]},s)})})]})}return(0,l.jsxs)(`div`,{className:n.cn(`metadata-list-container space-y-3`,x),children:[!!z&&(0,l.jsx)(i.t,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide`,children:y}),!!B&&(0,l.jsx)(s.t,{className:`my-3`}),(0,l.jsx)(`div`,{className:n.cn(`grid`,F,I),children:P.map((e,t)=>{let i=h(e,t),s=e.emptyLabel??v,c=e.value??s,d=e.icon,f=e.tooltip!==null&&e.tooltip!==void 0,p=typeof e.render==`function`;return(0,l.jsxs)(`div`,{className:`space-y-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!d&&(0,l.jsx)(d,{className:n.cn(`flex-shrink-0`,_?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(` tracking-wide`,L,C),children:e.label}),!!f&&(0,l.jsxs)(o.t,{children:[(0,l.jsx)(o.i,{render:t=>(0,l.jsx)(a.t,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:n.cn(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?N.formatInfoAriaLabel(e.label):N.infoFallback,children:(0,l.jsx)(u.Info,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,l.jsx)(o.n,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,l.jsx)(r.t,{type:`inverse`,size:`xs`,children:e.tooltip})})]})]}),p?e.render?.(e):(0,l.jsx)(r.t,{weight:`medium`,className:n.cn(R,w),children:c}),!!e.description&&(0,l.jsx)(r.t,{size:`xs`,type:`secondary`,className:n.cn(T),children:e.description})]},i)})})]})}g.displayName=`MetadataList`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=metadata-Cw3Kj2Ug.cjs.map

package/dist/_shared/metadata-Cw3Kj2Ug.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-Cw3Kj2Ug.cjs","names":[],"sources":["../../src/components/base/display/metadata/metadata-list.strings.ts","../../src/components/base/display/metadata/metadata-list.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<MetadataList>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <MetadataList strings={{ infoFallback: t('metadata.info') }} … />\n */\n\nexport interface MetadataListStrings {\n\t/**\n\t * Suffix appended to the label when generating the tooltip-trigger\n\t * `aria-label` (\"<label> info\"). Receives the label as the first arg\n\t * so consumers can localise the full template.\n\t */\n\tformatInfoAriaLabel: (label: string) => string;\n\t/** Fallback `aria-label` used when the field label is not a plain string. */\n\tinfoFallback: string;\n}\n\nexport const defaultMetadataListStrings: MetadataListStrings = {\n\tformatInfoAriaLabel: (label) => `${label} info`,\n\tinfoFallback: 'Info',\n};\n","/**\n * MetadataList — flexible label/value list for entity metadata.\n *\n * Two layouts:\n *  - `vertical` (default): grid of label-on-top, value-below cells, ideal for\n *    entity detail screens. Honours `columns` (1–4) and `dense` mode.\n *  - `horizontal`: inline label/separator/value pairs that wrap, suitable for\n *    pill-style summaries (e.g. \"Created Jan 4 · By Alice · v3.2\").\n *\n * Each item supports an optional icon, tooltip, custom `render`, and\n * per-item `emptyLabel`. Falls back to the shared `EMPTY` when both are\n * missing. Returns `null` when the list is empty so callers can render\n * unconditionally.\n */\nimport { Info, type LucideIcon } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/base/display/tooltip';\nimport Heading from '@/components/typography/heading';\nimport Text from '@/components/typography/text';\nimport { EMPTY } from '@/lib/format';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultMetadataListStrings,\n\ttype MetadataListStrings,\n} from './metadata-list.strings';\n\nexport type { MetadataListStrings };\nexport { defaultMetadataListStrings };\n\nexport type MetadataListItem = {\n\tid?: string;\n\tlabel: React.ReactNode;\n\tvalue?: React.ReactNode | null;\n\tdescription?: React.ReactNode | null;\n\ttooltip?: React.ReactNode;\n\ticon?: LucideIcon;\n\temptyLabel?: React.ReactNode;\n\trender?: (item: MetadataListItem) => React.ReactNode;\n};\n\nexport type MetadataListProps = {\n\titems: MetadataListItem[];\n\tcolumns?: 1 | 2 | 3 | 4;\n\tdense?: boolean;\n\temptyLabel?: React.ReactNode;\n\ttitle?: React.ReactNode;\n\ttitleSeparator?: boolean;\n\tclassName?: string;\n\tgapClassName?: string;\n\tlabelClassName?: string;\n\tvalueClassName?: string;\n\tdescriptionClassName?: string;\n\tlayout?: 'vertical' | 'horizontal' | 'rows';\n\tjustify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';\n\talign?: 'start' | 'center' | 'end' | 'baseline';\n\tseparator?: string;\n\titemSeparator?: boolean | string;\n\twrap?: boolean;\n\t/** Per-instance string overrides (deep-merged over `defaultMetadataListStrings`). */\n\tstrings?: StringsProp<MetadataListStrings>;\n};\n\nconst columnClassMap: Record<NonNullable<MetadataListProps['columns']>, string> = {\n\t1: 'grid-cols-1',\n\t2: 'grid-cols-1 sm:grid-cols-2',\n\t3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n\t4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',\n};\n\nconst justifyClassMap: Record<NonNullable<MetadataListProps['justify']>, string> = {\n\tstart: 'justify-start',\n\tend: 'justify-end',\n\tcenter: 'justify-center',\n\tbetween: 'justify-between',\n\taround: 'justify-around',\n\tevenly: 'justify-evenly',\n};\n\nconst alignClassMap: Record<NonNullable<MetadataListProps['align']>, string> = {\n\tstart: 'items-start',\n\tcenter: 'items-center',\n\tend: 'items-end',\n\tbaseline: 'items-baseline',\n};\n\nconst resolveKey = (item: MetadataListItem, index: number): string => {\n\tif (item.id) {\n\t\treturn item.id;\n\t}\n\n\tconst rawLabel = typeof item.label === 'string' ? item.label : `${index}`;\n\treturn `metadata-${rawLabel}-${index}`;\n};\n\nexport function MetadataList({\n\titems,\n\tcolumns = 2,\n\tdense = false,\n\temptyLabel = EMPTY,\n\ttitle,\n\ttitleSeparator = false,\n\tclassName,\n\tgapClassName,\n\tlabelClassName,\n\tvalueClassName,\n\tdescriptionClassName,\n\tlayout = 'vertical',\n\tjustify = 'start',\n\talign = 'center',\n\tseparator = ': ',\n\titemSeparator = false,\n\twrap = true,\n\tstrings: stringsProp,\n}: MetadataListProps) {\n\tconst strings = useStrings(defaultMetadataListStrings, stringsProp);\n\tconst list = React.useMemo(() => items.filter(Boolean), [items]);\n\n\tReact.useEffect(() => {\n\t\tif (!import.meta.env.DEV) return;\n\t\tif (layout !== 'horizontal') return;\n\n\t\tconst itemsWithDescriptions = list.filter((item) => Boolean(item.description));\n\t\tif (itemsWithDescriptions.length > 0) {\n\t\t\tconsole.warn(\n\t\t\t\t'[MetadataList] Horizontal layout does not support descriptions. Items with descriptions will not display them.',\n\t\t\t\titemsWithDescriptions,\n\t\t\t);\n\t\t}\n\t}, [layout, list]);\n\n\tif (list.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst gridClass = columnClassMap[columns] ?? columnClassMap[2];\n\tconst gapClass = gapClassName ?? (dense ? 'gap-4' : 'gap-6');\n\tconst labelBase = dense ? 'text-xxs' : 'text-xs';\n\tconst valueBase = 'text-sm';\n\tconst hasTitle = title !== null && title !== undefined;\n\tconst shouldShowSeparator = hasTitle && titleSeparator;\n\n\tif (layout === 'horizontal') {\n\t\tconst justifyClass = justifyClassMap[justify] ?? justifyClassMap.start;\n\t\tconst alignClass = alignClassMap[align] ?? alignClassMap.center;\n\t\tconst itemSeparatorText =\n\t\t\ttypeof itemSeparator === 'string'\n\t\t\t\t? itemSeparator\n\t\t\t\t: itemSeparator\n\t\t\t\t\t? ' | '\n\t\t\t\t\t: '';\n\t\tconst horizontalGapClass = dense ? 'gap-2' : 'gap-3';\n\t\tconst wrapClass = wrap ? 'flex-wrap' : 'flex-nowrap';\n\n\t\treturn (\n\t\t\t<div className={cn('metadata-list--component', 'metadata-list-container space-y-3', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t\t<div className={cn('flex', wrapClass, justifyClass, alignClass, horizontalGapClass)}>\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\t\t\t\t\t\tconst showItemSeparator = itemSeparatorText && index < list.length - 1;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={key}>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'metadata--field tracking-wide whitespace-nowrap',\n\t\t\t\t\t\t\t\t\t\t\tlabelBase,\n\t\t\t\t\t\t\t\t\t\t\tlabelClassName,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex items-center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{!!showItemSeparator && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{itemSeparatorText}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (layout === 'rows') {\n\t\tconst rowPaddingY = dense ? 'py-1.5' : 'py-2.5';\n\t\treturn (\n\t\t\t<div className={cn('metadata-list-container', className)}>\n\t\t\t\t{!!hasTitle && (\n\t\t\t\t\t<Heading\n\t\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide mb-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t)}\n\t\t\t\t{!!shouldShowSeparator && <Separator className=\"mb-2\" />}\n\t\t\t\t<dl className=\"divide-y divide-border/50\">\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\tclassName={cn('grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]', rowPaddingY)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<dt className=\"flex items-center gap-1.5 min-w-0\">\n\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t<Icon className={cn('flex-shrink-0 text-muted-foreground', dense ? 'h-3 w-3' : 'h-3.5 w-3.5')} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<Text type=\"secondary\" className={cn('truncate', labelClassName)}>\n\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn('inline-flex items-center', (triggerProps as { className?: string }).className)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<TooltipContent side=\"top\" align=\"start\" className=\"max-w-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t\t<dd className=\"min-w-0\">\n\t\t\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Text weight=\"medium\" className={cn('break-words', valueClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className={cn('mt-0.5', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</dl>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('metadata-list-container space-y-3', className)}>\n\t\t\t{!!hasTitle && (\n\t\t\t\t<Heading\n\t\t\t\t\ttag=\"h6\"\n\t\t\t\t\tclassName=\"font-medium text-muted-foreground uppercase tracking-wide\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</Heading>\n\t\t\t)}\n\n\t\t\t{!!shouldShowSeparator && <Separator className=\"my-3\" />}\n\n\t\t\t<div className={cn('grid', gridClass, gapClass)}>\n\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\tconst key = resolveKey(item, index);\n\t\t\t\t\tconst effectiveEmptyLabel = item.emptyLabel ?? emptyLabel;\n\t\t\t\t\tconst value = item.value ?? effectiveEmptyLabel;\n\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\tconst hasTooltip = item.tooltip !== null && item.tooltip !== undefined;\n\t\t\t\t\tconst hasCustomRender = typeof item.render === 'function';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tclassName=\"space-y-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-1.5\">\n\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t\t\tdense ? 'h-3 w-3' : 'h-3.5 w-3.5',\n\t\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(' tracking-wide', labelBase, labelClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</Text>\n\n\t\t\t\t\t\t\t\t{!!hasTooltip && (\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\t<TooltipTrigger\n\t\t\t\t\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex items-center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Info className=\"h-3 w-3 text-muted-foreground cursor-help flex-shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<TooltipContent\n\t\t\t\t\t\t\t\t\t\t\tside=\"top\"\n\t\t\t\t\t\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-w-xs\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t\t\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{hasCustomRender ? (\n\t\t\t\t\t\t\t\titem.render?.(item)\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\tclassName={cn(valueBase, valueClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(descriptionClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nMetadataList.displayName = 'MetadataList';\n"],"mappings":"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"}

package/dist/_shared/money-display-B7AKxxNt.js

@@ -0,0 +1,198 @@
+import { m as e, u as t } from "./ui-provider-CQJ1glwN.js";
+import { cn as n } from "../lib/utils.js";
+import { t as r } from "./text-qsEg5GdP.js";
+import { useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ArrowRight as s } from "lucide-react";
+//#region src/components/base/currency/hooks/use-currency.ts
+function c(e) {
+	let n = t(), { defaultCurrency: r, displayCurrency: a, locale: o, dualPricingEnabled: s, displayMode: c, dualPricingDisplay: l, formatMode: u } = i(() => {
+		let t = {
+			...n,
+			...e
+		}, r = t.defaultCurrency ?? "USD";
+		return {
+			defaultCurrency: r,
+			displayCurrency: t.displayCurrency ?? r,
+			locale: t.locale,
+			dualPricingEnabled: t.dualPricingEnabled ?? !1,
+			displayMode: t.displayMode ?? "default_only",
+			dualPricingDisplay: t.dualPricingDisplay ?? "lines",
+			formatMode: t.formatMode ?? "with_code"
+		};
+	}, [n, e]);
+	return {
+		defaultCurrency: r,
+		displayCurrency: a,
+		dualPricingEnabled: s,
+		displayMode: c,
+		dualPricingDisplay: l,
+		formatMode: u,
+		shouldShowDualPricing: () => s ? c === "dual" : !1,
+		formatAmount: (e, t, n) => {
+			let r = typeof e == "string" ? parseFloat(e) : e;
+			if (!Number.isFinite(r)) return t ? `${String(e)} ${t}`.trim() : String(e);
+			let i = new Intl.NumberFormat(o, {
+				minimumFractionDigits: 2,
+				maximumFractionDigits: 2
+			}).format(r);
+			switch (u) {
+				case "decimal": return i;
+				case "with_code": return t ? `${i} ${t}` : i;
+				case "with_symbol": return n ? `${n}${i}` : t ? `${i} ${t}` : i;
+				case "locale_aware":
+					if (!t) return i;
+					try {
+						return new Intl.NumberFormat(o, {
+							style: "currency",
+							currency: t
+						}).format(r);
+					} catch {
+						return `${i} ${t}`;
+					}
+				default: return t ? `${i} ${t}` : i;
+			}
+		},
+		getCurrencySymbol: (e) => ({
+			BGN: "лв",
+			EUR: "€",
+			USD: "$",
+			GBP: "£",
+			JPY: "¥"
+		})[e] ?? e
+	};
+}
+//#endregion
+//#region src/components/base/currency/currency-pair-preview.tsx
+var l = /* @__PURE__ */ a(s, {
+	className: "size-3 shrink-0 opacity-60",
+	"aria-hidden": "true"
+});
+function u({ pair: t, emptyLabel: i = "—", separator: s = l, className: u, size: d, tag: f = "span", ...p }) {
+	let { defaultTextSize: m } = e(), h = d ?? m ?? "sm", { formatAmount: g } = c(), _ = t?.source?.value ?? null, v = t?.source?.currency ?? null, y = t?.source?.symbol ?? null, b = t?.target?.value ?? null, x = t?.target?.currency ?? null, S = t?.target?.symbol ?? null;
+	return !_ || !b ? /* @__PURE__ */ a(r, {
+		tag: f,
+		size: h,
+		type: "secondary",
+		className: n("currency-pair-preview--component", "tabular-nums", u),
+		...p,
+		children: i
+	}) : /* @__PURE__ */ o(r, {
+		tag: f,
+		size: h,
+		className: n("inline-flex items-center gap-1.5 tabular-nums", u),
+		...p,
+		children: [
+			/* @__PURE__ */ a("span", { children: g(_, String(v ?? ""), y ?? void 0) }),
+			/* @__PURE__ */ a("span", {
+				className: "inline-flex items-center text-muted-foreground",
+				"aria-hidden": "true",
+				children: s
+			}),
+			/* @__PURE__ */ a("span", { children: g(b, String(x ?? ""), S ?? void 0) })
+		]
+	});
+}
+u.displayName = "CurrencyPairPreview";
+//#endregion
+//#region src/components/base/display/money-display.tsx
+var d = (e) => {
+	if (e == null) return null;
+	let t = typeof e == "number" ? e : Number.parseFloat(String(e).trim());
+	return Number.isFinite(t) ? t : null;
+}, f = (e) => {
+	let t = d(e?.value);
+	return t === null ? null : {
+		value: t,
+		currency: e?.currency ? String(e.currency) : null,
+		symbol: e?.symbol ? String(e.symbol) : null
+	};
+}, p = (e) => {
+	let t = d(e?.amount);
+	return t === null ? null : {
+		value: t,
+		currency: e?.currency ? String(e.currency) : null,
+		symbol: null
+	};
+}, m = (e) => {
+	let t = d(e?.amount);
+	return t === null ? null : {
+		value: t,
+		currency: e?.currency ? String(e.currency) : null,
+		symbol: null
+	};
+};
+function h({ money: t, moneyPair: i, amount: s, pair: l, showPair: u = !1, dualPricingDisplay: d, alignment: h, emptyLabel: g = "—", variant: _ = "default", secondaryEmphasis: v = "discrete", className: y, size: b, align: x = "right", weight: S = "medium", tag: C = "span", ...w }) {
+	let { defaultTextSize: T } = e(), E = b ?? T ?? "sm", { displayCurrency: D, dualPricingDisplay: O, shouldShowDualPricing: k, formatAmount: A, getCurrencySymbol: j } = c(), M = d ?? O ?? "lines", N = (k() || u) && i?.primary ? p(i.primary) : null, P = p(t), F = f(s), I = N ?? P ?? F ?? null, L = I?.currency ?? D ?? null, R = (u || k()) && !!(i ?? l ?? t?.pair), z = _ === "minimal" || v === "hidden" ? null : (() => {
+		if (!R) return null;
+		if (i?.primary && i?.secondary) return p(i.secondary);
+		if (t?.pair) return m(t.pair);
+		if (l?.source || l?.target) {
+			let e = f(l?.source ?? null), t = f(l?.target ?? null);
+			if (!e && !t) return null;
+			let n = e?.currency ?? null, r = t?.currency ?? null;
+			return L && r === L ? e : L && n === L ? t : D && r === D ? e : D && n === D ? t : t ?? e;
+		}
+		return null;
+	})(), B = h ?? x, V = B === "left" ? "text-left" : B === "center" ? "text-center" : "text-right", H = B === "left" ? "justify-start" : B === "center" ? "justify-center" : "justify-end";
+	if (!I) return /* @__PURE__ */ a(r, {
+		tag: C,
+		size: E,
+		type: "secondary",
+		align: B,
+		className: n("money-display--component", "money--display inline-flex flex-col tabular-nums", V, y),
+		...w,
+		children: g
+	});
+	let U = A(I.value, L ?? "", I.symbol ?? (L ? j(L) : void 0)), W = z ? A(z.value, z.currency ?? "", z.symbol ?? (z.currency ? j(z.currency) : void 0)) : null, G = v === "match" ? E : v === "muted" ? "xs" : "xxs", K = v === "match" ? void 0 : v === "muted" ? "secondary" : "discrete";
+	return M === "inline" && W ? /* @__PURE__ */ o("span", {
+		className: n("money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap", H, y),
+		...w,
+		children: [
+			/* @__PURE__ */ a(r, {
+				tag: "span",
+				size: E,
+				weight: S,
+				children: U
+			}),
+			/* @__PURE__ */ a(r, {
+				tag: "span",
+				size: "xxs",
+				type: "discrete",
+				"aria-hidden": "true",
+				children: "·"
+			}),
+			/* @__PURE__ */ a(r, {
+				tag: "span",
+				size: G,
+				type: K,
+				weight: "regular",
+				children: W
+			})
+		]
+	}) : /* @__PURE__ */ o(r, {
+		tag: C,
+		size: E,
+		align: B,
+		className: n("money--display inline-flex flex-col tabular-nums leading-tight", V, y),
+		...w,
+		children: [/* @__PURE__ */ a(r, {
+			tag: "span",
+			size: E,
+			weight: S,
+			children: U
+		}), !!W && /* @__PURE__ */ a(r, {
+			tag: "span",
+			size: G,
+			align: B,
+			type: K,
+			className: "block whitespace-nowrap font-normal leading-tight",
+			children: W
+		})]
+	});
+}
+h.displayName = "MoneyDisplay";
+//#endregion
+export { u as n, h as t };
+
+//# sourceMappingURL=money-display-B7AKxxNt.js.map

package/dist/_shared/money-display-B7AKxxNt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-display-B7AKxxNt.js","names":[],"sources":["../../src/components/base/currency/hooks/use-currency.ts","../../src/components/base/currency/currency-pair-preview.tsx","../../src/components/base/display/money-display.tsx"],"sourcesContent":["/**\n * `useCurrency` — sugar over the `money` slice of `<UIProvider>`.\n *\n * Reads currency display settings from the global `UIConfig.money` store\n * (initialized with `DEFAULT_UI_CONFIG.money`), optionally overridden\n * per-call via `useCurrency({ ... })`. Returns formatting helpers that\n * compose the `Intl` APIs against the resolved settings.\n *\n * To change library-wide defaults: mount `<UIProvider config={{ money: {\n * defaultCurrency: 'EUR', formatMode: 'with_symbol' } }}>` near the root.\n * To change a single call site only: pass `useCurrency({ formatMode: ... })`.\n */\nimport { useMemo } from 'react';\n\nimport { useMoneyConfig } from '@/lib/ui-provider';\nimport type {\n    MoneyConfig,\n    MoneyDisplayMode,\n    MoneyDualLayout,\n    MoneyFormatMode,\n} from '@/lib/ui-provider';\n\n/**\n * Local-call override shape. Mirrors `MoneyConfig` keys, all optional.\n * Kept as a separate type so the public surface of `useCurrency` doesn't\n * depend directly on the UIConfig types.\n */\nexport type CurrencyOverrides = Partial<MoneyConfig>;\n\n/**\n * @deprecated Kept as an alias for back-compat. Prefer importing\n *  `MoneyConfig` from `@/lib/ui-provider` directly.\n */\nexport type CurrencyConfig = MoneyConfig;\n\n/**\n * @deprecated Use `<UIProvider config={{ money: {...} }}>` instead.\n *  This export is retained as a no-op shim during migration.\n */\nexport function CurrencyConfigProvider({\n    children,\n}: {\n    config?: Partial<MoneyConfig>;\n    children: React.ReactNode;\n}): React.ReactElement {\n    return children as React.ReactElement;\n}\n\n/** Hook returning resolved currency settings + formatting helpers. */\nexport function useCurrency(overrides?: CurrencyOverrides) {\n    const fromStore = useMoneyConfig();\n\n    const resolved = useMemo<Required<Pick<MoneyConfig,\n        'defaultCurrency' | 'dualPricingEnabled' | 'displayMode' |\n        'dualPricingDisplay' | 'formatMode'\n    >> & { displayCurrency: string; locale?: string }>(() => {\n        const merged: MoneyConfig = { ...fromStore, ...overrides };\n        const defaultCurrency = merged.defaultCurrency ?? 'USD';\n        return {\n            defaultCurrency,\n            displayCurrency: merged.displayCurrency ?? defaultCurrency,\n            locale: merged.locale,\n            dualPricingEnabled: merged.dualPricingEnabled ?? false,\n            displayMode:\n                merged.displayMode ?? ('default_only' as MoneyDisplayMode),\n            dualPricingDisplay:\n                merged.dualPricingDisplay ?? ('lines' as MoneyDualLayout),\n            formatMode: merged.formatMode ?? ('with_code' as MoneyFormatMode),\n        };\n    }, [fromStore, overrides]);\n\n    const {\n        defaultCurrency,\n        displayCurrency,\n        locale,\n        dualPricingEnabled,\n        displayMode,\n        dualPricingDisplay,\n        formatMode,\n    } = resolved;\n\n    const shouldShowDualPricing = () => {\n        if (!dualPricingEnabled) return false;\n        return displayMode === 'dual';\n    };\n\n    const formatAmount = (\n        value: string | number,\n        currency: string,\n        symbol?: string,\n    ): string => {\n        const numValue = typeof value === 'string' ? parseFloat(value) : value;\n        if (!Number.isFinite(numValue)) {\n            return currency ? `${String(value)} ${currency}`.trim() : String(value);\n        }\n\n        const formattedNumber = new Intl.NumberFormat(locale, {\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n        }).format(numValue);\n\n        switch (formatMode) {\n            case 'decimal':\n                return formattedNumber;\n            case 'with_code':\n                return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n            case 'with_symbol':\n                return symbol\n                    ? `${symbol}${formattedNumber}`\n                    : currency\n                        ? `${formattedNumber} ${currency}`\n                        : formattedNumber;\n            case 'locale_aware':\n                if (!currency) return formattedNumber;\n                try {\n                    return new Intl.NumberFormat(locale, {\n                        style: 'currency',\n                        currency,\n                    }).format(numValue);\n                } catch {\n                    return `${formattedNumber} ${currency}`;\n                }\n            default:\n                return currency ? `${formattedNumber} ${currency}` : formattedNumber;\n        }\n    };\n\n    const getCurrencySymbol = (currency: string): string => {\n        const symbols: Record<string, string> = {\n            BGN: 'лв',\n            EUR: '€',\n            USD: '$',\n            GBP: '£',\n            JPY: '¥',\n        };\n        return symbols[currency] ?? currency;\n    };\n\n    return {\n        defaultCurrency,\n        displayCurrency,\n        dualPricingEnabled,\n        displayMode,\n        dualPricingDisplay,\n        formatMode,\n        shouldShowDualPricing,\n        formatAmount,\n        getCurrencySymbol,\n    };\n}\n\n/**\n * @deprecated Use `DEFAULT_UI_CONFIG.money` from `@/lib/ui-provider`.\n *  Retained for back-compat during migration.\n */\nexport const defaultCurrencyConfig: MoneyConfig = {\n    defaultCurrency: 'USD',\n    dualPricingEnabled: false,\n    displayMode: 'default_only',\n    dualPricingDisplay: 'lines',\n    formatMode: 'with_code',\n};\n\nexport default useCurrency;\n","/**\n * CurrencyPairPreview — inline rendering of a `source → target` currency\n * pair using `useCurrency().formatAmount` for each side. Shows the shared\n * EMPTY placeholder when either leg is missing. Provide a custom `separator`\n * (default `→`) for direction or styling variations.\n */\nimport { ArrowRight } from 'lucide-react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n/**\n * Currency-pair shape rendered by `<CurrencyPairPreview>`.\n *\n * `value` is the numeric amount; `currency` is the ISO 4217 code;\n * `symbol` is an optional pre-resolved symbol the consumer can pass when\n * they don't want the library to look one up.\n */\nexport interface CurrencyPairLeg {\n\tvalue?: number | string | null;\n\tcurrency?: string | null;\n\tsymbol?: string | null;\n}\n\nexport interface CurrencyPairData {\n\tsource?: CurrencyPairLeg | null;\n\ttarget?: CurrencyPairLeg | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nconst DEFAULT_SEPARATOR = (\n\t<ArrowRight className=\"size-3 shrink-0 opacity-60\" aria-hidden=\"true\" />\n);\n\nexport interface CurrencyPairPreviewProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tpair?: CurrencyPairData | null;\n\temptyLabel?: ReactNode;\n\tseparator?: ReactNode;\n}\n\nexport function CurrencyPairPreview({\n\tpair,\n\temptyLabel = EMPTY,\n\tseparator = DEFAULT_SEPARATOR,\n\tclassName,\n\tsize: sizeProp,\n\ttag = 'span',\n\t...props\n}: CurrencyPairPreviewProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst { formatAmount } = useCurrency();\n\n\tconst source = pair?.source?.value ?? null;\n\tconst sourceCurrency = pair?.source?.currency ?? null;\n\tconst sourceSymbol = pair?.source?.symbol ?? null;\n\tconst target = pair?.target?.value ?? null;\n\tconst targetCurrency = pair?.target?.currency ?? null;\n\tconst targetSymbol = pair?.target?.symbol ?? null;\n\n\tif (!source || !target) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\tclassName={cn('currency-pair-preview--component', '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\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\tclassName={cn('inline-flex items-center gap-1.5 tabular-nums', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span>\n\t\t\t\t{formatAmount(source, String(sourceCurrency ?? ''), sourceSymbol ?? undefined)}\n\t\t\t</span>\n\t\t\t<span className=\"inline-flex items-center text-muted-foreground\" aria-hidden=\"true\">\n\t\t\t\t{separator}\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{formatAmount(target, String(targetCurrency ?? ''), targetSymbol ?? undefined)}\n\t\t\t</span>\n\t\t</Text>\n\t);\n}\n\nCurrencyPairPreview.displayName = 'CurrencyPairPreview';\n","/**\n * MoneyDisplay — primary + (optional) secondary currency amount renderer.\n *\n * Resolves a money value from any of `money` / `moneyPair` / `amount` / `pair`\n * (in priority order) and formats via the active `useCurrency` config. When\n * dual pricing is enabled (provider or per-instance `showPair`), the\n * converted secondary value renders either stacked\n * (`dualPricingDisplay=\"lines\"`, default) or inline. Numbers always use the\n * active locale's thousands separator and tabular-nums for stable column\n * alignment.\n *\n * Re-exported from `@/components/base/currency/money-display` to keep\n * currency-namespaced imports grouped.\n */\nimport type { ComponentProps, ReactNode } from 'react';\nimport { Text } from '@/components/typography';\nimport { useCurrency } from '@/components/base/currency/hooks';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\nimport { useTypographyConfig } from '@/lib/ui-provider';\n\n/**\n * Flexible input shapes accepted by `<MoneyDisplay>`. The component reads\n * defensively (numeric or string `value`/`amount`) and treats `currency` as\n * a free-form ISO 4217 string. Consumers map their domain money/currency\n * types into these at the call site.\n */\nexport interface CurrencyAmountData {\n    value?: number | string | null;\n    currency?: string | null;\n    symbol?: string | null;\n}\n\nexport interface MoneyValueData {\n    amount?: number | string | null;\n    currency?: string | null;\n}\n\nexport interface MoneyData extends MoneyValueData {\n    /** Optional secondary leg used when dual-pricing is enabled. */\n    pair?: MoneyValueData | null;\n}\n\nexport interface MoneyPairData {\n    primary?: MoneyData | null;\n    secondary?: MoneyData | null;\n}\n\nexport interface CurrencyPairData {\n    source?: CurrencyAmountData | null;\n    target?: CurrencyAmountData | null;\n}\n\ntype BaseTextProps = ComponentProps<typeof Text>;\n\nexport type MoneyDisplayVariant = 'default' | 'minimal' | 'stacked';\nexport type MoneyDisplaySecondaryEmphasis = 'discrete' | 'muted' | 'match' | 'hidden';\n\nexport interface MoneyDisplayProps extends Omit<BaseTextProps, 'children' | 'content'> {\n\tmoney?: MoneyData | null;\n\tmoneyPair?: MoneyPairData | null;\n\tamount?: CurrencyAmountData | null;\n\tpair?: CurrencyPairData | null;\n\tshowPair?: boolean;\n\tdualPricingDisplay?: 'inline' | 'lines';\n\talignment?: 'left' | 'center' | 'right';\n\temptyLabel?: ReactNode;\n\t/**\n\t * Visual variant. `default`/`stacked` show secondary on a line below;\n\t * `minimal` always renders just the primary value (single token, no\n\t * secondary, no separator) — use it for dense rows or chips.\n\t */\n\tvariant?: MoneyDisplayVariant;\n\t/**\n\t * Tunes the prominence of the secondary value when it renders.\n\t * `discrete` (default for stacked) — `xxs` discrete tone, easy to scan past.\n\t * `muted` — `xs` secondary tone (legacy behaviour).\n\t * `match` — same size as primary, regular weight.\n\t * `hidden` — never render the secondary even if a pair is provided.\n\t */\n\tsecondaryEmphasis?: MoneyDisplaySecondaryEmphasis;\n}\n\ntype ResolvedAmount = {\n\tvalue: number;\n\tcurrency: string | null;\n\tsymbol: string | null;\n};\n\nconst toNumber = (raw: string | number | undefined | null): number | null => {\n\tif (raw === null || raw === undefined) return null;\n\tconst n = typeof raw === 'number' ? raw : Number.parseFloat(String(raw).trim());\n\treturn Number.isFinite(n) ? n : null;\n};\n\nconst resolveCurrencyAmount = (amount?: CurrencyAmountData | null): ResolvedAmount | null => {\n\tconst n = toNumber(amount?.value);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: amount?.currency ? String(amount.currency) : null,\n\t\tsymbol: amount?.symbol ? String(amount.symbol) : null,\n\t};\n};\n\nconst resolveMoney = (money?: MoneyData | null): ResolvedAmount | null => {\n\tconst n = toNumber(money?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: money?.currency ? String(money.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nconst resolveMoneyValue = (value?: MoneyValueData | null): ResolvedAmount | null => {\n\tconst n = toNumber(value?.amount);\n\tif (n === null) return null;\n\treturn {\n\t\tvalue: n,\n\t\tcurrency: value?.currency ? String(value.currency) : null,\n\t\tsymbol: null,\n\t};\n};\n\nexport function MoneyDisplay({\n\tmoney,\n\tmoneyPair,\n\tamount,\n\tpair,\n\tshowPair = false,\n\tdualPricingDisplay,\n\talignment,\n\temptyLabel = EMPTY,\n\tvariant = 'default',\n\tsecondaryEmphasis = 'discrete',\n\tclassName,\n\t// Defaults tuned for admin density: `sm` + `medium` reads as a normal\n\t// number in context, not a hero figure. Pass `size=\"base\"` /\n\t// `weight=\"semibold\"` for emphasis (totals, KPI tiles).\n\tsize: sizeProp,\n\talign = 'right',\n\tweight = 'medium',\n\ttag = 'span',\n\t...props\n}: MoneyDisplayProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\n\tconst {\n\t\tdisplayCurrency,\n\t\tdualPricingDisplay: globalDualPricingDisplay,\n\t\tshouldShowDualPricing,\n\t\tformatAmount,\n\t\tgetCurrencySymbol,\n\t} = useCurrency();\n\n\tconst resolvedDualPricingDisplay = dualPricingDisplay ?? globalDualPricingDisplay ?? 'lines';\n\n\tconst primaryFromMoneyPair =\n\t\t(shouldShowDualPricing() || showPair) && moneyPair?.primary\n\t\t\t? resolveMoney(moneyPair.primary)\n\t\t\t: null;\n\tconst primaryFromMoney = resolveMoney(money);\n\tconst primaryFromAmount = resolveCurrencyAmount(amount);\n\n\tconst primary = primaryFromMoneyPair ?? primaryFromMoney ?? primaryFromAmount ?? null;\n\tconst primaryCurrency = primary?.currency ?? displayCurrency ?? null;\n\n\tconst shouldRenderPair =\n\t\t(showPair || shouldShowDualPricing()) &&\n\t\tBoolean(moneyPair ?? pair ?? money?.pair);\n\n\tconst resolveSecondary = (): ResolvedAmount | null => {\n\t\tif (!shouldRenderPair) return null;\n\n\t\tif (moneyPair?.primary && moneyPair?.secondary) {\n\t\t\treturn resolveMoney(moneyPair.secondary);\n\t\t}\n\n\t\tif (money?.pair) {\n\t\t\treturn resolveMoneyValue(money.pair);\n\t\t}\n\n\t\tif (pair?.source || pair?.target) {\n\t\t\tconst source = resolveCurrencyAmount(pair?.source ?? null);\n\t\t\tconst target = resolveCurrencyAmount(pair?.target ?? null);\n\n\t\t\tif (!source && !target) return null;\n\n\t\t\tconst sourceCurrency = source?.currency ?? null;\n\t\t\tconst targetCurrency = target?.currency ?? null;\n\n\t\t\tif (primaryCurrency && targetCurrency === primaryCurrency) return source;\n\t\t\tif (primaryCurrency && sourceCurrency === primaryCurrency) return target;\n\t\t\tif (displayCurrency && targetCurrency === displayCurrency) return source;\n\t\t\tif (displayCurrency && sourceCurrency === displayCurrency) return target;\n\t\t\treturn target ?? source;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\tconst secondary =\n\t\tvariant === 'minimal' || secondaryEmphasis === 'hidden'\n\t\t\t? null\n\t\t\t: resolveSecondary();\n\n\tconst resolvedAlign = alignment ?? align;\n\tconst alignmentClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'text-left'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'text-center'\n\t\t\t\t: 'text-right';\n\tconst justifyClass =\n\t\tresolvedAlign === 'left'\n\t\t\t? 'justify-start'\n\t\t\t: resolvedAlign === 'center'\n\t\t\t\t? 'justify-center'\n\t\t\t\t: 'justify-end';\n\n\tif (!primary) {\n\t\treturn (\n\t\t\t<Text\n\t\t\t\ttag={tag}\n\t\t\t\tsize={size}\n\t\t\t\ttype=\"secondary\"\n\t\t\t\talign={resolvedAlign}\n\t\t\t\tclassName={cn('money-display--component', \n\t\t\t\t\t'money--display inline-flex flex-col tabular-nums',\n\t\t\t\t\talignmentClass,\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{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst primaryLabel = formatAmount(\n\t\tprimary.value,\n\t\tprimaryCurrency ?? '',\n\t\tprimary.symbol ?? (primaryCurrency ? getCurrencySymbol(primaryCurrency) : undefined),\n\t);\n\tconst secondaryLabel = secondary\n\t\t? formatAmount(\n\t\t\t\tsecondary.value,\n\t\t\t\tsecondary.currency ?? '',\n\t\t\t\tsecondary.symbol ?? (secondary.currency ? getCurrencySymbol(secondary.currency) : undefined),\n\t\t\t)\n\t\t: null;\n\n\tconst secondarySize: BaseTextProps['size'] =\n\t\tsecondaryEmphasis === 'match' ? size\n\t\t\t: secondaryEmphasis === 'muted' ? 'xs'\n\t\t\t\t: 'xxs';\n\tconst secondaryType: BaseTextProps['type'] =\n\t\tsecondaryEmphasis === 'match' ? undefined\n\t\t\t: secondaryEmphasis === 'muted' ? 'secondary'\n\t\t\t\t: 'discrete';\n\n\tif (resolvedDualPricingDisplay === 'inline' && secondaryLabel) {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap',\n\t\t\t\t\tjustifyClass,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...(props as React.HTMLAttributes<HTMLSpanElement>)}\n\t\t\t>\n\t\t\t\t<Text tag=\"span\" size={size} weight={weight}>\n\t\t\t\t\t{primaryLabel}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xxs\" type=\"discrete\" aria-hidden=\"true\">\n\t\t\t\t\t·\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size={secondarySize} type={secondaryType} weight=\"regular\">\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Text\n\t\t\ttag={tag}\n\t\t\tsize={size}\n\t\t\talign={resolvedAlign}\n\t\t\tclassName={cn(\n\t\t\t\t'money--display inline-flex flex-col tabular-nums leading-tight',\n\t\t\t\talignmentClass,\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} weight={weight}>\n\t\t\t\t{primaryLabel}\n\t\t\t</Text>\n\t\t\t{!!secondaryLabel && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize={secondarySize}\n\t\t\t\t\talign={resolvedAlign}\n\t\t\t\t\ttype={secondaryType}\n\t\t\t\t\tclassName=\"block whitespace-nowrap font-normal leading-tight\"\n\t\t\t\t>\n\t\t\t\t\t{secondaryLabel}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</Text>\n\t);\n}\n\nMoneyDisplay.displayName = 'MoneyDisplay';\n"],"mappings":"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"}

package/dist/_shared/money-display-E22wbM21.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui-provider-RIYE7O_V.cjs"),t=require("../lib/utils.cjs"),n=require("./text-DzKt9cyb.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("lucide-react");function o(t){let n=e.u(),{defaultCurrency:i,displayCurrency:a,locale:o,dualPricingEnabled:s,displayMode:c,dualPricingDisplay:l,formatMode:u}=(0,r.useMemo)(()=>{let e={...n,...t},r=e.defaultCurrency??`USD`;return{defaultCurrency:r,displayCurrency:e.displayCurrency??r,locale:e.locale,dualPricingEnabled:e.dualPricingEnabled??!1,displayMode:e.displayMode??`default_only`,dualPricingDisplay:e.dualPricingDisplay??`lines`,formatMode:e.formatMode??`with_code`}},[n,t]);return{defaultCurrency:i,displayCurrency:a,dualPricingEnabled:s,displayMode:c,dualPricingDisplay:l,formatMode:u,shouldShowDualPricing:()=>s?c===`dual`:!1,formatAmount:(e,t,n)=>{let r=typeof e==`string`?parseFloat(e):e;if(!Number.isFinite(r))return t?`${String(e)} ${t}`.trim():String(e);let i=new Intl.NumberFormat(o,{minimumFractionDigits:2,maximumFractionDigits:2}).format(r);switch(u){case`decimal`:return i;case`with_code`:return t?`${i} ${t}`:i;case`with_symbol`:return n?`${n}${i}`:t?`${i} ${t}`:i;case`locale_aware`:if(!t)return i;try{return new Intl.NumberFormat(o,{style:`currency`,currency:t}).format(r)}catch{return`${i} ${t}`}default:return t?`${i} ${t}`:i}},getCurrencySymbol:e=>({BGN:`лв`,EUR:`€`,USD:`$`,GBP:`£`,JPY:`¥`})[e]??e}}var s=(0,i.jsx)(a.ArrowRight,{className:`size-3 shrink-0 opacity-60`,"aria-hidden":`true`});function c({pair:r,emptyLabel:a=`—`,separator:c=s,className:l,size:u,tag:d=`span`,...f}){let{defaultTextSize:p}=e.m(),m=u??p??`sm`,{formatAmount:h}=o(),g=r?.source?.value??null,_=r?.source?.currency??null,v=r?.source?.symbol??null,y=r?.target?.value??null,b=r?.target?.currency??null,x=r?.target?.symbol??null;return!g||!y?(0,i.jsx)(n.t,{tag:d,size:m,type:`secondary`,className:t.cn(`currency-pair-preview--component`,`tabular-nums`,l),...f,children:a}):(0,i.jsxs)(n.t,{tag:d,size:m,className:t.cn(`inline-flex items-center gap-1.5 tabular-nums`,l),...f,children:[(0,i.jsx)(`span`,{children:h(g,String(_??``),v??void 0)}),(0,i.jsx)(`span`,{className:`inline-flex items-center text-muted-foreground`,"aria-hidden":`true`,children:c}),(0,i.jsx)(`span`,{children:h(y,String(b??``),x??void 0)})]})}c.displayName=`CurrencyPairPreview`;var l=e=>{if(e==null)return null;let t=typeof e==`number`?e:Number.parseFloat(String(e).trim());return Number.isFinite(t)?t:null},u=e=>{let t=l(e?.value);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:e?.symbol?String(e.symbol):null}},d=e=>{let t=l(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}},f=e=>{let t=l(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}};function p({money:r,moneyPair:a,amount:s,pair:c,showPair:l=!1,dualPricingDisplay:p,alignment:m,emptyLabel:h=`—`,variant:g=`default`,secondaryEmphasis:_=`discrete`,className:v,size:y,align:b=`right`,weight:x=`medium`,tag:S=`span`,...C}){let{defaultTextSize:w}=e.m(),T=y??w??`sm`,{displayCurrency:E,dualPricingDisplay:D,shouldShowDualPricing:O,formatAmount:k,getCurrencySymbol:A}=o(),j=p??D??`lines`,M=(O()||l)&&a?.primary?d(a.primary):null,N=d(r),P=u(s),F=M??N??P??null,I=F?.currency??E??null,L=(l||O())&&!!(a??c??r?.pair),R=g===`minimal`||_===`hidden`?null:(()=>{if(!L)return null;if(a?.primary&&a?.secondary)return d(a.secondary);if(r?.pair)return f(r.pair);if(c?.source||c?.target){let e=u(c?.source??null),t=u(c?.target??null);if(!e&&!t)return null;let n=e?.currency??null,r=t?.currency??null;return I&&r===I?e:I&&n===I?t:E&&r===E?e:E&&n===E?t:t??e}return null})(),z=m??b,B=z===`left`?`text-left`:z===`center`?`text-center`:`text-right`,V=z===`left`?`justify-start`:z===`center`?`justify-center`:`justify-end`;if(!F)return(0,i.jsx)(n.t,{tag:S,size:T,type:`secondary`,align:z,className:t.cn(`money-display--component`,`money--display inline-flex flex-col tabular-nums`,B,v),...C,children:h});let H=k(F.value,I??``,F.symbol??(I?A(I):void 0)),U=R?k(R.value,R.currency??``,R.symbol??(R.currency?A(R.currency):void 0)):null,W=_===`match`?T:_===`muted`?`xs`:`xxs`,G=_===`match`?void 0:_===`muted`?`secondary`:`discrete`;return j===`inline`&&U?(0,i.jsxs)(`span`,{className:t.cn(`money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap`,V,v),...C,children:[(0,i.jsx)(n.t,{tag:`span`,size:T,weight:x,children:H}),(0,i.jsx)(n.t,{tag:`span`,size:`xxs`,type:`discrete`,"aria-hidden":`true`,children:`·`}),(0,i.jsx)(n.t,{tag:`span`,size:W,type:G,weight:`regular`,children:U})]}):(0,i.jsxs)(n.t,{tag:S,size:T,align:z,className:t.cn(`money--display inline-flex flex-col tabular-nums leading-tight`,B,v),...C,children:[(0,i.jsx)(n.t,{tag:`span`,size:T,weight:x,children:H}),!!U&&(0,i.jsx)(n.t,{tag:`span`,size:W,align:z,type:G,className:`block whitespace-nowrap font-normal leading-tight`,children:U})]})}p.displayName=`MoneyDisplay`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=money-display-E22wbM21.cjs.map