themelia-react-ui 2.0.1 → 2.0.2

package/dist/{number-DMhe-Vsk.js.map → number-DbV1Dija.js.map}

@@ -1 +1 @@
-{"version":3,"file":"number-DMhe-Vsk.js","names":["Number","useFormattingConfig","useMoneyConfig","cn","Text","useValueTypography","formatWithMinusSign","emptyValueTypography","normalizeDecimalString","trimmed","value","comma","dot","decimalSeparator","groupingSeparator","head","tail","parseMoneyAmount","amount","parsed","normalizeFractionDigits","fallback","resolveFractionDigits","normalizedMaximum","maximumFractionDigits","normalizedMinimum","minimumFractionDigits","resolveCurrencyFractionDigits","currency","resolved","locale","replaceCurrencyPart","formatter","part","symbol","formatMoneyAmount","resolvedCurrency","numberOptions","formatMode","formattedNumber","normalizeMinorUnitScale","resolveMajorAmount","useMoneyFormatter","formatting","money","defaults","useCallback","options","overrides","resolvedEmptyLabel","major","unit","minorUnitScale","currencyDisplay","emptyLabel","MONEY_ROLE","getAlignmentClasses","align","Money","sizeProp","weightProp","typeProp","lineHeightProp","props","typography","primaryAmount","primaryLabel","empty","className","secondaryAmount","secondary","resolvedSecondaryCurrency","resolvedDisplayMode","displayMode","secondaryEmphasis","secondaryLabel","resolvedLayout","layout","secondarySize","size","secondaryType","type","secondaryWeight","weight","alignment","separator","NUMBER_ROLE","parseNumericValue","renderNumberLabel","Number$1","label","Percent","scaled"],"sources":["../src/lib/money-format.ts","../src/components/primitives/money.tsx","../src/components/primitives/number.tsx"],"sourcesContent":["/**\n * Shared money formatting for the Money primitive and metric surfaces.\n *\n * One formatter keeps currency labels, fraction digits and format modes\n * identical wherever an amount is shown. Components resolve locale, currency\n * and format mode from UIProvider before calling it.\n */\nimport type { MoneyFormatMode } from './ui-provider/types';\nimport { formatWithMinusSign, MINUS_SIGN } from './format';\n\n/** A numeric amount or an unformatted decimal string. */\nexport type MoneyAmountInput = number | string | null | undefined;\n\nexport interface FormatMoneyAmountOptions {\n\t/** Major-unit amount. Strings accept either decimal separator. */\n\tamount: MoneyAmountInput;\n\t/** ISO 4217 currency code; an empty value formats as a plain decimal. */\n\tcurrency?: string | null;\n\t/** BCP-47 locale for Intl formatting. */\n\tlocale?: string;\n\t/** Intl currency label style when the 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/** Provider format policy: decimal, with_code, with_symbol or locale_aware. */\n\tformatMode?: MoneyFormatMode;\n\t/** Consumer-resolved symbol; Intl placement is preserved. */\n\tsymbol?: string | null;\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\nexport function parseMoneyAmount(amount: MoneyAmountInput): 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 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.type === 'minusSign' ? part.value.replace('-', MINUS_SIGN) : part.value)\n\t\t.join('');\n}\n\nexport function formatMoneyAmount({\n\tamount,\n\tcurrency,\n\tlocale,\n\tcurrencyDisplay = 'symbol',\n\tminimumFractionDigits,\n\tmaximumFractionDigits,\n\tformatMode,\n\tsymbol,\n}: FormatMoneyAmountOptions) {\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 formatWithMinusSign(new Intl.NumberFormat(locale, numberOptions), value);\n\t}\n\n\tif (formatMode === 'with_code') {\n\t\treturn `${formatWithMinusSign(new Intl.NumberFormat(locale, numberOptions), 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: formatWithMinusSign(formatter, value);\n\t} catch {\n\t\tconst formattedNumber = formatWithMinusSign(new Intl.NumberFormat(locale, numberOptions), value);\n\t\treturn symbol\n\t\t\t? `${symbol}${formattedNumber}`\n\t\t\t: `${formattedNumber} ${resolvedCurrency}`.trim();\n\t}\n}\n","import { useCallback, 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 { formatMoneyAmount, parseMoneyAmount } from '../../lib/money-format';\nimport {\n\tuseFormattingConfig,\n\tuseMoneyConfig,\n\ttype MoneyDisplayMode,\n\ttype MoneyFormatMode,\n} from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\n\nimport { emptyValueTypography, useValueTypography, type ValueTypographyRole } from './value-typography';\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, with the shared empty treatment, when the amount is absent or cannot be parsed. */\n\temptyLabel?: ReactNode;\n\t/**\n\t * Typography size for the primary value (and a `match` secondary). Defaults to\n\t * the provider text size; inside running text, the surrounding size.\n\t */\n\tsize?: TextSize;\n\t/** Inline text alignment. Defaults to right alignment for numeric scanning. */\n\talign?: TextProps['align'];\n\t/** Weight of the primary value. Defaults to `medium`; inside running text, the surrounding weight. */\n\tweight?: TextProps['weight'];\n\t/** Colour role. Defaults to `main`; inside running text, the surrounding colour. */\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. Defaults to `normal`; inside running text, the surrounding leading. */\n\tlineHeight?: TextProps['lineHeight'];\n\t/**\n\t * Opt-in monospace figures. Amounts already render in the sans UI font with\n\t * tabular figures; reserve this for code-like ledgers. Defaults to `false`.\n\t */\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 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\n/** Options for formatting money as text; they mirror the Money primitive's value props. */\nexport type MoneyFormatterOptions = Omit<MoneyValue, 'amount'> & {\n\t/** BCP-47 locale override. Falls back to `UIProvider.formatting.locale`. */\n\tlocale?: string;\n\t/** Text returned when the amount is absent or cannot be parsed. */\n\temptyLabel?: string;\n};\n\n/** Formats an amount as text; per-call options win over the hook's defaults. */\nexport type MoneyFormatter = (amount: MoneyValue['amount'], options?: MoneyFormatterOptions) => string;\n\n/**\n * Text formatting with the Money primitive's rules and UIProvider defaults, for\n * places that need a string: button labels, toasts, activity text, aria labels.\n * Pass defaults such as `{ currency: 'USD' }` once for a screen whose amounts\n * share a currency.\n */\nexport function useMoneyFormatter(defaults: MoneyFormatterOptions = {}): MoneyFormatter {\n\tconst formatting = useFormattingConfig();\n\tconst money = useMoneyConfig();\n\tconst {\n\t\tcurrency, unit, minorUnitScale, symbol, locale, currencyDisplay,\n\t\tminimumFractionDigits, maximumFractionDigits, formatMode, emptyLabel,\n\t} = defaults;\n\treturn useCallback<MoneyFormatter>((amount, overrides = {}) => {\n\t\tconst options: MoneyFormatterOptions = {\n\t\t\tcurrency, unit, minorUnitScale, symbol, locale, currencyDisplay,\n\t\t\tminimumFractionDigits, maximumFractionDigits, formatMode, emptyLabel,\n\t\t\t...overrides,\n\t\t};\n\t\tconst resolvedEmptyLabel = options.emptyLabel ?? EMPTY;\n\t\tconst major = resolveMajorAmount({ amount, unit: options.unit, minorUnitScale: options.minorUnitScale });\n\t\tif (major === null) return resolvedEmptyLabel;\n\t\treturn formatMoneyAmount({\n\t\t\tamount: major,\n\t\t\tcurrency: options.currency ?? money.defaultCurrency ?? 'USD',\n\t\t\tsymbol: options.symbol,\n\t\t\tlocale: options.locale ?? formatting.locale,\n\t\t\tcurrencyDisplay: options.currencyDisplay,\n\t\t\tminimumFractionDigits: options.minimumFractionDigits,\n\t\t\tmaximumFractionDigits: options.maximumFractionDigits,\n\t\t\tformatMode: options.formatMode ?? money.formatMode ?? 'with_code',\n\t\t}) ?? resolvedEmptyLabel;\n\t}, [\n\t\tcurrency, unit, minorUnitScale, symbol, locale, currencyDisplay,\n\t\tminimumFractionDigits, maximumFractionDigits, formatMode, emptyLabel,\n\t\tformatting.locale, money.defaultCurrency, money.formatMode,\n\t]);\n}\n\n/** Standalone amounts read as foreground medium; in a sentence they take its typography. */\nconst MONEY_ROLE: ValueTypographyRole = { type: 'main', weight: 'medium' };\n\n/** Logical alignment: `left`/`right` follow the reading direction, like `Text`. */\nfunction getAlignmentClasses(align: TextProps['align']) {\n\tif (align === 'left') return { text: 'text-start', justify: 'justify-start' };\n\tif (align === 'center') return { text: 'text-center', justify: 'justify-center' };\n\treturn { text: 'text-end', 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: sizeProp,\n\talign = 'right',\n\tweight: weightProp,\n\ttype: typeProp,\n\ttag = 'span',\n\tlineHeight: lineHeightProp,\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 typography = useValueTypography(\n\t\t{ size: sizeProp, type: typeProp, weight: weightProp, lineHeight: lineHeightProp },\n\t\tMONEY_ROLE,\n\t);\n\tconst { size, type, weight, lineHeight } = typography;\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\tconst empty = emptyValueTypography(typography, weightProp);\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={empty.size}\n\t\t\t\talign={align}\n\t\t\t\tweight={empty.weight}\n\t\t\t\ttype={empty.type}\n\t\t\t\tlineHeight={empty.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 secondaryWeight: TextProps['weight'] = secondaryEmphasis === 'match' ? weight : 'regular';\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\tweight={weight === 'inherit' ? 'inherit' : undefined}\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} lineHeight={lineHeight} numeric={numeric} 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={secondaryWeight} type={secondaryType} lineHeight={lineHeight} numeric={numeric} 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\tweight={weight === 'inherit' ? 'inherit' : undefined}\n\t\t\tlineHeight=\"tight\"\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',\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\" numeric={numeric} 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={secondaryWeight} type={secondaryType} lineHeight=\"tight\" numeric={numeric} 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, formatWithMinusSign } from '../../lib/format';\nimport { useFormattingConfig } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\n\nimport { emptyValueTypography, useValueTypography, type ValueTypographyRole } from './value-typography';\n\ntype SpanProps = Omit<ComponentPropsWithoutRef<'span'>, 'children' | 'color'>;\n\nexport interface NumberProps extends SpanProps {\n\tvalue?: number | string | null;\n\t/** BCP-47 locale override. Falls back to `UIProvider.formatting.locale`. */\n\tlocale?: string;\n\t/** Passed to `Intl.NumberFormat`; for example `signDisplay: 'exceptZero'` for deltas. */\n\toptions?: Intl.NumberFormatOptions;\n\t/** Rendered with the shared empty treatment when the value is absent or unparsable. Defaults to an em dash. */\n\temptyLabel?: ReactNode;\n\t/** Text size. Defaults to the provider text size; inside running text, the surrounding size. */\n\tsize?: TextSize;\n\t/** Text alignment. Defaults to `right` so columns of figures line up. */\n\talign?: TextProps['align'];\n\t/** Font weight. Defaults to `regular`; inside running text, the surrounding weight. */\n\tweight?: TextProps['weight'];\n\t/** Colour role. Defaults to `main`; inside running text, the surrounding colour. */\n\ttype?: TextProps['type'];\n\tref?: Ref<HTMLSpanElement>;\n}\n\nexport interface PercentProps extends Omit<NumberProps, 'options'> {\n\t/** The value is already 0–100 rather than a 0–1 ratio. Defaults to `false`. */\n\tscaled?: boolean;\n\t/** Passed to `Intl.NumberFormat` after the percent style and one-decimal default. */\n\toptions?: Intl.NumberFormatOptions;\n\tref?: Ref<HTMLSpanElement>;\n}\n\nconst NUMBER_ROLE: ValueTypographyRole = { type: 'main', weight: 'regular' };\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 formatWithMinusSign(new Intl.NumberFormat(locale, options), parsed);\n}\n\n/**\n * A locale-formatted count or quantity in the sans UI font with tabular figures.\n * Negative values use the typographic minus sign (U+2212).\n */\nexport function Number({\n\tvalue,\n\tlocale,\n\toptions,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight,\n\ttype,\n\tclassName,\n\tref,\n\t...props\n}: NumberProps) {\n\tconst formatting = useFormattingConfig();\n\tconst resolved = useValueTypography({ size, type, weight }, NUMBER_ROLE);\n\tconst label = renderNumberLabel(value, locale ?? formatting.locale, options);\n\tconst typography = label === null ? emptyValueTypography(resolved, weight) : resolved;\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag=\"span\"\n\t\t\tsize={typography.size}\n\t\t\talign={align}\n\t\t\tweight={typography.weight}\n\t\t\ttype={typography.type}\n\t\t\tlineHeight={typography.lineHeight}\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\n/**\n * A percentage in the sans UI font with tabular figures. Expects a 0–1 ratio\n * unless `scaled`; one decimal place by default; negative values use U+2212.\n */\nexport function Percent({\n\tvalue,\n\tlocale,\n\tscaled = false,\n\toptions,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight,\n\ttype,\n\tclassName,\n\tref,\n\t...props\n}: PercentProps) {\n\tconst formatting = useFormattingConfig();\n\tconst resolved = useValueTypography({ size, type, weight }, NUMBER_ROLE);\n\tconst parsed = parseNumericValue(value);\n\tconst label = parsed === null\n\t\t? null\n\t\t: formatWithMinusSign(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}), scaled ? parsed / 100 : parsed);\n\tconst typography = label === null ? emptyValueTypography(resolved, weight) : resolved;\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag=\"span\"\n\t\t\tsize={typography.size}\n\t\t\talign={align}\n\t\t\tweight={typography.weight}\n\t\t\ttype={typography.type}\n\t\t\tlineHeight={typography.lineHeight}\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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"}
+{"version":3,"file":"number-DbV1Dija.js","names":["Number","useFormattingConfig","useMoneyConfig","cn","Text","useValueTypography","formatWithMinusSign","emptyValueTypography","normalizeDecimalString","trimmed","value","comma","dot","decimalSeparator","groupingSeparator","head","tail","parseMoneyAmount","amount","parsed","normalizeFractionDigits","fallback","resolveFractionDigits","normalizedMaximum","maximumFractionDigits","normalizedMinimum","minimumFractionDigits","resolveCurrencyFractionDigits","currency","resolved","locale","replaceCurrencyPart","formatter","part","symbol","formatMoneyAmount","resolvedCurrency","numberOptions","formatMode","formattedNumber","normalizeMinorUnitScale","resolveMajorAmount","useMoneyFormatter","formatting","money","defaults","useCallback","options","overrides","resolvedEmptyLabel","major","unit","minorUnitScale","currencyDisplay","emptyLabel","MONEY_ROLE","getAlignmentClasses","align","Money","sizeProp","weightProp","typeProp","lineHeightProp","props","typography","primaryAmount","primaryLabel","empty","className","secondaryAmount","secondary","resolvedSecondaryCurrency","resolvedDisplayMode","displayMode","secondaryEmphasis","secondaryLabel","resolvedLayout","layout","secondarySize","size","secondaryType","type","secondaryWeight","weight","alignment","separator","NUMBER_ROLE","parseNumericValue","renderNumberLabel","Number$1","label","Percent","scaled"],"sources":["../src/lib/money-format.ts","../src/components/primitives/money.tsx","../src/components/primitives/number.tsx"],"sourcesContent":["/**\n * Shared money formatting for the Money primitive and metric surfaces.\n *\n * One formatter keeps currency labels, fraction digits and format modes\n * identical wherever an amount is shown. Components resolve locale, currency\n * and format mode from UIProvider before calling it.\n */\nimport type { MoneyFormatMode } from './ui-provider/types';\nimport { formatWithMinusSign, MINUS_SIGN } from './format';\n\n/** A numeric amount or an unformatted decimal string. */\nexport type MoneyAmountInput = number | string | null | undefined;\n\nexport interface FormatMoneyAmountOptions {\n\t/** Major-unit amount. Strings accept either decimal separator. */\n\tamount: MoneyAmountInput;\n\t/** ISO 4217 currency code; an empty value formats as a plain decimal. */\n\tcurrency?: string | null;\n\t/** BCP-47 locale for Intl formatting. */\n\tlocale?: string;\n\t/** Intl currency label style when the 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/** Provider format policy: decimal, with_code, with_symbol or locale_aware. */\n\tformatMode?: MoneyFormatMode;\n\t/** Consumer-resolved symbol; Intl placement is preserved. */\n\tsymbol?: string | null;\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\nexport function parseMoneyAmount(amount: MoneyAmountInput): 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 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.type === 'minusSign' ? part.value.replace('-', MINUS_SIGN) : part.value)\n\t\t.join('');\n}\n\nexport function formatMoneyAmount({\n\tamount,\n\tcurrency,\n\tlocale,\n\tcurrencyDisplay = 'symbol',\n\tminimumFractionDigits,\n\tmaximumFractionDigits,\n\tformatMode,\n\tsymbol,\n}: FormatMoneyAmountOptions) {\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 formatWithMinusSign(new Intl.NumberFormat(locale, numberOptions), value);\n\t}\n\n\tif (formatMode === 'with_code') {\n\t\treturn `${formatWithMinusSign(new Intl.NumberFormat(locale, numberOptions), 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: formatWithMinusSign(formatter, value);\n\t} catch {\n\t\tconst formattedNumber = formatWithMinusSign(new Intl.NumberFormat(locale, numberOptions), value);\n\t\treturn symbol\n\t\t\t? `${symbol}${formattedNumber}`\n\t\t\t: `${formattedNumber} ${resolvedCurrency}`.trim();\n\t}\n}\n","import { useCallback, 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 { formatMoneyAmount, parseMoneyAmount } from '../../lib/money-format';\nimport {\n\tuseFormattingConfig,\n\tuseMoneyConfig,\n\ttype MoneyDisplayMode,\n\ttype MoneyFormatMode,\n} from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\n\nimport { emptyValueTypography, useValueTypography, type ValueTypographyRole } from './value-typography';\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, with the shared empty treatment, when the amount is absent or cannot be parsed. */\n\temptyLabel?: ReactNode;\n\t/**\n\t * Typography size for the primary value (and a `match` secondary). Defaults to\n\t * the provider text size; inside running text, the surrounding size.\n\t */\n\tsize?: TextSize;\n\t/** Inline text alignment. Defaults to right alignment for numeric scanning. */\n\talign?: TextProps['align'];\n\t/** Weight of the primary value. Defaults to `medium`; inside running text, the surrounding weight. */\n\tweight?: TextProps['weight'];\n\t/** Colour role. Defaults to `main`; inside running text, the surrounding colour. */\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. Defaults to `normal`; inside running text, the surrounding leading. */\n\tlineHeight?: TextProps['lineHeight'];\n\t/**\n\t * Opt-in monospace figures. Amounts already render in the sans UI font with\n\t * tabular figures; reserve this for code-like ledgers. Defaults to `false`.\n\t */\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 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\n/** Options for formatting money as text; they mirror the Money primitive's value props. */\nexport type MoneyFormatterOptions = Omit<MoneyValue, 'amount'> & {\n\t/** BCP-47 locale override. Falls back to `UIProvider.formatting.locale`. */\n\tlocale?: string;\n\t/** Text returned when the amount is absent or cannot be parsed. */\n\temptyLabel?: string;\n};\n\n/** Formats an amount as text; per-call options win over the hook's defaults. */\nexport type MoneyFormatter = (amount: MoneyValue['amount'], options?: MoneyFormatterOptions) => string;\n\n/**\n * Text formatting with the Money primitive's rules and UIProvider defaults, for\n * places that need a string: button labels, toasts, activity text, aria labels.\n * Pass defaults such as `{ currency: 'USD' }` once for a screen whose amounts\n * share a currency.\n */\nexport function useMoneyFormatter(defaults: MoneyFormatterOptions = {}): MoneyFormatter {\n\tconst formatting = useFormattingConfig();\n\tconst money = useMoneyConfig();\n\tconst {\n\t\tcurrency, unit, minorUnitScale, symbol, locale, currencyDisplay,\n\t\tminimumFractionDigits, maximumFractionDigits, formatMode, emptyLabel,\n\t} = defaults;\n\treturn useCallback<MoneyFormatter>((amount, overrides = {}) => {\n\t\tconst options: MoneyFormatterOptions = {\n\t\t\tcurrency, unit, minorUnitScale, symbol, locale, currencyDisplay,\n\t\t\tminimumFractionDigits, maximumFractionDigits, formatMode, emptyLabel,\n\t\t\t...overrides,\n\t\t};\n\t\tconst resolvedEmptyLabel = options.emptyLabel ?? EMPTY;\n\t\tconst major = resolveMajorAmount({ amount, unit: options.unit, minorUnitScale: options.minorUnitScale });\n\t\tif (major === null) return resolvedEmptyLabel;\n\t\treturn formatMoneyAmount({\n\t\t\tamount: major,\n\t\t\tcurrency: options.currency ?? money.defaultCurrency ?? 'USD',\n\t\t\tsymbol: options.symbol,\n\t\t\tlocale: options.locale ?? formatting.locale,\n\t\t\tcurrencyDisplay: options.currencyDisplay,\n\t\t\tminimumFractionDigits: options.minimumFractionDigits,\n\t\t\tmaximumFractionDigits: options.maximumFractionDigits,\n\t\t\tformatMode: options.formatMode ?? money.formatMode ?? 'with_code',\n\t\t}) ?? resolvedEmptyLabel;\n\t}, [\n\t\tcurrency, unit, minorUnitScale, symbol, locale, currencyDisplay,\n\t\tminimumFractionDigits, maximumFractionDigits, formatMode, emptyLabel,\n\t\tformatting.locale, money.defaultCurrency, money.formatMode,\n\t]);\n}\n\n/** Standalone amounts read as foreground medium; in a sentence they take its typography. */\nconst MONEY_ROLE: ValueTypographyRole = { type: 'main', weight: 'medium' };\n\n/** Logical alignment: `left`/`right` follow the reading direction, like `Text`. */\nfunction getAlignmentClasses(align: TextProps['align']) {\n\tif (align === 'left') return { text: 'text-start', justify: 'justify-start' };\n\tif (align === 'center') return { text: 'text-center', justify: 'justify-center' };\n\treturn { text: 'text-end', 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: sizeProp,\n\talign = 'right',\n\tweight: weightProp,\n\ttype: typeProp,\n\ttag = 'span',\n\tlineHeight: lineHeightProp,\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 typography = useValueTypography(\n\t\t{ size: sizeProp, type: typeProp, weight: weightProp, lineHeight: lineHeightProp },\n\t\tMONEY_ROLE,\n\t);\n\tconst { size, type, weight, lineHeight } = typography;\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\tconst empty = emptyValueTypography(typography, weightProp);\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={empty.size}\n\t\t\t\talign={align}\n\t\t\t\tweight={empty.weight}\n\t\t\t\ttype={empty.type}\n\t\t\t\tlineHeight={empty.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 secondaryWeight: TextProps['weight'] = secondaryEmphasis === 'match' ? weight : 'regular';\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\tweight={weight === 'inherit' ? 'inherit' : undefined}\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} lineHeight={lineHeight} numeric={numeric} 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={secondaryWeight} type={secondaryType} lineHeight={lineHeight} numeric={numeric} 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\tweight={weight === 'inherit' ? 'inherit' : undefined}\n\t\t\tlineHeight=\"tight\"\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',\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\" numeric={numeric} 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={secondaryWeight} type={secondaryType} lineHeight=\"tight\" numeric={numeric} 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, formatWithMinusSign } from '../../lib/format';\nimport { useFormattingConfig } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\n\nimport { emptyValueTypography, useValueTypography, type ValueTypographyRole } from './value-typography';\n\ntype SpanProps = Omit<ComponentPropsWithoutRef<'span'>, 'children' | 'color'>;\n\nexport interface NumberProps extends SpanProps {\n\tvalue?: number | string | null;\n\t/** BCP-47 locale override. Falls back to `UIProvider.formatting.locale`. */\n\tlocale?: string;\n\t/** Passed to `Intl.NumberFormat`; for example `signDisplay: 'exceptZero'` for deltas. */\n\toptions?: Intl.NumberFormatOptions;\n\t/** Rendered with the shared empty treatment when the value is absent or unparsable. Defaults to an em dash. */\n\temptyLabel?: ReactNode;\n\t/** Text size. Defaults to the provider text size; inside running text, the surrounding size. */\n\tsize?: TextSize;\n\t/** Text alignment. Defaults to `right` so columns of figures line up. */\n\talign?: TextProps['align'];\n\t/** Font weight. Defaults to `regular`; inside running text, the surrounding weight. */\n\tweight?: TextProps['weight'];\n\t/** Colour role. Defaults to `main`; inside running text, the surrounding colour. */\n\ttype?: TextProps['type'];\n\t/** Line height. Defaults to the role leading; inside running text, the surrounding leading. */\n\tlineHeight?: TextProps['lineHeight'];\n\tref?: Ref<HTMLSpanElement>;\n}\n\nexport interface PercentProps extends Omit<NumberProps, 'options'> {\n\t/** The value is already 0–100 rather than a 0–1 ratio. Defaults to `false`. */\n\tscaled?: boolean;\n\t/** Passed to `Intl.NumberFormat` after the percent style and one-decimal default. */\n\toptions?: Intl.NumberFormatOptions;\n\tref?: Ref<HTMLSpanElement>;\n}\n\nconst NUMBER_ROLE: ValueTypographyRole = { type: 'main', weight: 'regular' };\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 formatWithMinusSign(new Intl.NumberFormat(locale, options), parsed);\n}\n\n/**\n * A locale-formatted count or quantity in the sans UI font with tabular figures.\n * Negative values use the typographic minus sign (U+2212).\n */\nexport function Number({\n\tvalue,\n\tlocale,\n\toptions,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight,\n\ttype,\n\tlineHeight,\n\tclassName,\n\tref,\n\t...props\n}: NumberProps) {\n\tconst formatting = useFormattingConfig();\n\tconst resolved = useValueTypography({ size, type, weight, lineHeight }, NUMBER_ROLE);\n\tconst label = renderNumberLabel(value, locale ?? formatting.locale, options);\n\tconst typography = label === null ? emptyValueTypography(resolved, weight) : resolved;\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag=\"span\"\n\t\t\tsize={typography.size}\n\t\t\talign={align}\n\t\t\tweight={typography.weight}\n\t\t\ttype={typography.type}\n\t\t\tlineHeight={typography.lineHeight}\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\n/**\n * A percentage in the sans UI font with tabular figures. Expects a 0–1 ratio\n * unless `scaled`; one decimal place by default; negative values use U+2212.\n */\nexport function Percent({\n\tvalue,\n\tlocale,\n\tscaled = false,\n\toptions,\n\temptyLabel = EMPTY,\n\tsize,\n\talign = 'right',\n\tweight,\n\ttype,\n\tlineHeight,\n\tclassName,\n\tref,\n\t...props\n}: PercentProps) {\n\tconst formatting = useFormattingConfig();\n\tconst resolved = useValueTypography({ size, type, weight, lineHeight }, NUMBER_ROLE);\n\tconst parsed = parseNumericValue(value);\n\tconst label = parsed === null\n\t\t? null\n\t\t: formatWithMinusSign(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}), scaled ? parsed / 100 : parsed);\n\tconst typography = label === null ? emptyValueTypography(resolved, weight) : resolved;\n\n\treturn (\n\t\t<Text\n\t\t\tref={ref}\n\t\t\ttag=\"span\"\n\t\t\tsize={typography.size}\n\t\t\talign={align}\n\t\t\tweight={typography.weight}\n\t\t\ttype={typography.type}\n\t\t\tlineHeight={typography.lineHeight}\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/{overflow-tab-bar-sQHXLlwQ.js → overflow-tab-bar-CWY7Nogn.js}

@@ -1,51 +1,52 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-l5LpDw2z.js";
-import { a as n, o as r, s as i } from "./typography-DTRkE9zL.js";
+import { t } from "./utils-BRhFDwuU.js";
+import { c as n, o as r, s as i } from "./typography-UTnveOEy.js";
 import { t as a } from "./focus-recipes-B653VaLq.js";
-import { t as o } from "./structure-DC2dygdA.js";
-import { n as s } from "./action-menu-TzCoSlwL.js";
-import { t as c } from "./interaction-recipes-CHr0dJUs.js";
-import { t as l } from "./badge-MrKVNzW9.js";
-import { t as u } from "./separator-C8DlRGwF.js";
-import { n as d, t as f } from "./page-header-commands-DjzFEq3E.js";
-import { forwardRef as p, useCallback as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { MoreHorizontal as S } from "lucide-react";
+import { t as o } from "./structure-BmisBK-3.js";
+import { i as s } from "./popover.recipes-D3j8R8Yp.js";
+import { n as c } from "./action-menu-CllU52Mm.js";
+import { t as l } from "./interaction-recipes-XR9ZpVYL.js";
+import { t as u } from "./badge-HpFqoqSY.js";
+import { t as d } from "./separator-BDV-Y648.js";
+import { n as f, t as p } from "./page-header-commands-DOb6WsfD.js";
+import { forwardRef as m, useCallback as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { MoreHorizontal as C } from "lucide-react";
 //#region src/components/base/navigation/page-header/page-header.tsx
-function C(e) {
+function w(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function w({ eyebrow: e, title: a, description: s, textGap: c = "normal", headingTag: p = "h2", badge: m, badges: h, breadcrumbs: g, leading: _, beforeTitle: v, titlePrefix: S, titleSuffix: w, afterDescription: T, actions: E, primaryAction: D, secondaryActions: O, moreActionsLabel: k = "More actions", renderLink: A, children: j, className: M, contentClassName: N, eyebrowClassName: P, titleClassName: F, titleRowClassName: I, descriptionClassName: L, actionsClassName: R, withSeparator: z = !1 }) {
-	let B = h ?? (m ? [m] : []), V = d(D, O), H = V ? /* @__PURE__ */ x(y, { children: [E, /* @__PURE__ */ b(f, {
+function T({ eyebrow: e, title: a, description: s, textGap: c = "normal", headingTag: l = "h2", badge: m, badges: h, breadcrumbs: g, leading: _, beforeTitle: v, titlePrefix: y, titleSuffix: C, afterDescription: T, actions: E, primaryAction: D, secondaryActions: O, moreActionsLabel: k = "More actions", renderLink: A, children: j, className: M, contentClassName: N, eyebrowClassName: P, titleClassName: F, titleRowClassName: I, descriptionClassName: L, actionsClassName: R, withSeparator: z = !1 }) {
+	let B = h ?? (m ? [m] : []), V = f(D, O), H = V ? /* @__PURE__ */ S(b, { children: [E, /* @__PURE__ */ x(p, {
 		primaryAction: D,
 		secondaryActions: O,
 		moreActionsLabel: k,
 		renderLink: A
 	})] }) : E;
-	return /* @__PURE__ */ x("header", {
+	return /* @__PURE__ */ S("header", {
 		className: t("page-heading--component page-header--component", "w-full", M),
 		children: [
-			!!g && /* @__PURE__ */ b("div", {
+			!!g && /* @__PURE__ */ x("div", {
 				className: "mb-space-lg",
 				children: g
 			}),
-			/* @__PURE__ */ x(o, {
+			/* @__PURE__ */ S(o, {
 				direction: "horizontal",
 				gap: "lg",
 				align: "start",
 				wrap: !1,
-				children: [_, /* @__PURE__ */ x(o, {
+				children: [_, /* @__PURE__ */ S(o, {
 					gap: "dense",
 					className: t("page-header--content-row flex-1", N),
 					children: [
-						!!e && (C(e) ? /* @__PURE__ */ b(n, {
+						!!e && (w(e) ? /* @__PURE__ */ x(r, {
 							tag: "div",
 							className: P,
 							children: e
 						}) : e),
 						v,
-						/* @__PURE__ */ x(o, {
+						/* @__PURE__ */ S(o, {
 							direction: {
 								base: "vertical",
 								sm: "horizontal"
@@ -57,49 +58,49 @@ function w({ eyebrow: e, title: a, description: s, textGap: c = "normal", headin
 								sm: !0
 							},
 							className: "page-header--headline-row min-w-0",
-							children: [/* @__PURE__ */ x("div", {
-								className: t("page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64", S ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]", I, c === "normal" ? "gap-y-normal" : "gap-y-dense"),
+							children: [/* @__PURE__ */ S("div", {
+								className: t("page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64", y ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]", I, c === "normal" ? "gap-y-normal" : "gap-y-dense"),
 								children: [
-									!!S && /* @__PURE__ */ b("span", {
+									!!y && /* @__PURE__ */ x("span", {
 										className: "page-header--title-prefix inline-flex shrink-0 items-center self-center",
-										children: S
+										children: y
 									}),
-									/* @__PURE__ */ x(o, {
+									/* @__PURE__ */ S(o, {
 										direction: "horizontal",
 										gap: "md",
 										align: "center",
 										wrap: !0,
 										className: "page-header--title-line min-h-action-sm min-w-0",
 										children: [
-											C(a) ? /* @__PURE__ */ b(r, {
-												tag: p,
+											w(a) ? /* @__PURE__ */ x(i, {
+												tag: l,
 												className: t("page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0", F),
 												children: a
 											}) : a,
-											B.length > 0 && /* @__PURE__ */ b(o, {
+											B.length > 0 && /* @__PURE__ */ x(o, {
 												direction: "horizontal",
 												gap: "sm",
 												wrap: !0,
 												className: "page-header--badges min-w-0 max-w-full",
-												children: B.map((e, t) => /* @__PURE__ */ b(l, {
+												children: B.map((e, t) => /* @__PURE__ */ x(u, {
 													tone: e.tone ?? "secondary",
 													children: e.label
 												}, e.key ?? t))
 											}),
-											w
+											C
 										]
 									}),
-									(!!s || !!T) && /* @__PURE__ */ x(o, {
+									(!!s || !!T) && /* @__PURE__ */ S(o, {
 										gap: "dense",
-										className: t("page-header--title-block min-w-0", !!S && "col-start-2"),
-										children: [!!s && (C(s) ? /* @__PURE__ */ b(i, {
+										className: t("page-header--title-block min-w-0", !!y && "col-start-2"),
+										children: [!!s && (w(s) ? /* @__PURE__ */ x(n, {
 											type: "secondary",
 											className: t("page-header--description max-w-2xl [overflow-wrap:anywhere]", L),
 											children: s
 										}) : s), T]
 									})
 								]
-							}), !!H && /* @__PURE__ */ b(o, {
+							}), !!H && /* @__PURE__ */ x(o, {
 								direction: "horizontal",
 								gap: "md",
 								className: t("page-header--actions max-w-full shrink-0", V && "self-end justify-end sm:self-auto", R),
@@ -109,25 +110,25 @@ function w({ eyebrow: e, title: a, description: s, textGap: c = "normal", headin
 					]
 				})]
 			}),
-			!!j && /* @__PURE__ */ b("div", {
+			!!j && /* @__PURE__ */ x("div", {
 				className: "mt-space-xl",
 				children: j
 			}),
-			!!z && /* @__PURE__ */ b(u, { className: "mt-space-xl" })
+			!!z && /* @__PURE__ */ x(d, { className: "mt-space-xl" })
 		]
 	});
 }
-w.displayName = "PageHeading";
+T.displayName = "PageHeading";
 //#endregion
 //#region src/components/base/navigation/overflow-tab-bar.tsx
-var T = {
+var E = {
 	more: "More",
 	navigationLabel: "Tab navigation"
-}, E = `box-border inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner border-0 bg-transparent px-control-sm font-sans text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ${a.edge} [&_svg]:size-icon [&_svg]:shrink-0`, D = c.segmentInactive, O = c.segmentActive;
-function k(e) {
+}, D = `${l.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ${a.edge} [&_svg]:size-icon [&_svg]:shrink-0`, O = l.segmentInactive, k = l.segmentActive;
+function A(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function A(e, t, n, r) {
+function j(e, t, n, r) {
 	if (e.reduce((e, t) => e + t, 0) + n * Math.max(0, e.length - 1) <= t) return e.length;
 	let i = 0, a = 0;
 	for (let o of e) {
@@ -137,39 +138,39 @@ function A(e, t, n, r) {
 	}
 	return Math.max(1, a);
 }
-var j = p(function({ items: n, value: r, onValueChange: a, className: o, tabClassName: c, activeTabClassName: u, strings: d, ...f }, p) {
-	let C = e(T, d), w = _(null), j = _(null), M = _(null), [N, P] = v(n.length), F = m((e) => {
-		w.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-	}, [p]);
-	h(() => {
-		let e = w.current, t = j.current, r = M.current;
-		if (!e || !t || !r) return;
+var M = m(function({ items: r, value: i, onValueChange: a, className: o, tabClassName: l, activeTabClassName: d, strings: f, ...p }, m) {
+	let w = e(E, f), T = v(null), M = v(null), N = v(null), [P, F] = y(r.length), I = h((e) => {
+		T.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+	}, [m]);
+	g(() => {
+		let e = T.current, t = M.current, n = N.current;
+		if (!e || !t || !n) return;
 		let i = () => {
 			let i = getComputedStyle(t), a = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), o = e.clientWidth - a;
 			if (o <= 0) {
-				P(n.length);
+				F(r.length);
 				return;
 			}
-			let s = parseFloat(getComputedStyle(r).columnGap) || 0, c = Array.from(r.querySelectorAll("[data-tab-id]")).map((e) => e.offsetWidth), l = r.querySelector("[data-more-measure]")?.offsetWidth ?? 0;
-			P(A(c, o, s, l));
+			let s = parseFloat(getComputedStyle(n).columnGap) || 0, c = Array.from(n.querySelectorAll("[data-tab-id]")).map((e) => e.offsetWidth), l = n.querySelector("[data-more-measure]")?.offsetWidth ?? 0;
+			F(j(c, o, s, l));
 		};
 		if (i(), typeof ResizeObserver > "u") return;
 		let a = new ResizeObserver(i);
 		return a.observe(e), () => a.disconnect();
-	}, [n, C.more]);
-	let I = g(() => {
-		if (!r) return n;
-		let e = n.findIndex((e) => e.id === r);
-		if (e < 0 || e < N) return n;
-		let t = [...n], i = Math.max(0, N - 1);
-		return [t[e], t[i]] = [t[i], t[e]], t;
+	}, [r, w.more]);
+	let L = _(() => {
+		if (!i) return r;
+		let e = r.findIndex((e) => e.id === i);
+		if (e < 0 || e < P) return r;
+		let t = [...r], n = Math.max(0, P - 1);
+		return [t[e], t[n]] = [t[n], t[e]], t;
 	}, [
-		n,
 		r,
-		N
-	]), L = I.slice(0, N), R = I.slice(N), z = (e) => {
+		i,
+		P
+	]), R = L.slice(0, P), z = L.slice(P), B = (e) => {
 		a?.(e.id), e.onClick?.();
-	}, B = (e) => {
+	}, V = (e) => {
 		if (![
 			"ArrowLeft",
 			"ArrowRight",
@@ -180,10 +181,10 @@ var j = p(function({ items: n, value: r, onValueChange: a, className: o, tabClas
 		if (n < 0 || t.length === 0) return;
 		let r = getComputedStyle(e.currentTarget).direction === "rtl" ? "ArrowLeft" : "ArrowRight", i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === r ? (n + 1) % t.length : (n - 1 + t.length) % t.length;
 		e.preventDefault(), t[i]?.focus();
-	}, V = (e, n, a) => {
-		let o = e.icon, s = t(E, n ? t(O, u) : D, c), d = /* @__PURE__ */ x(y, { children: [
-			!!o && /* @__PURE__ */ b(o, { "aria-hidden": "true" }),
-			k(e.label) ? /* @__PURE__ */ b(i, {
+	}, H = (e, r, a) => {
+		let o = e.icon, s = t(D, r ? t(k, d) : O, l), c = /* @__PURE__ */ S(b, { children: [
+			!!o && /* @__PURE__ */ x(o, { "aria-hidden": "true" }),
+			A(e.label) ? /* @__PURE__ */ x(n, {
 				tag: "span",
 				size: "inherit",
 				weight: "medium",
@@ -191,90 +192,91 @@ var j = p(function({ items: n, value: r, onValueChange: a, className: o, tabClas
 				className: "text-inherit",
 				children: e.label
 			}) : e.label,
-			e.badge !== void 0 && e.badge !== null && e.badge !== !1 && /* @__PURE__ */ b(l, {
+			e.badge !== void 0 && e.badge !== null && e.badge !== !1 && /* @__PURE__ */ x(u, {
 				size: "sm",
 				tone: "secondary",
 				className: "overflow-tab-bar--badge",
 				children: e.badge
 			})
 		] });
-		if (a?.measure) return /* @__PURE__ */ b("span", {
+		if (a?.measure) return /* @__PURE__ */ x("span", {
 			"data-tab-id": e.id,
 			className: t("overflow-tab-bar--measure", s),
-			children: d
+			children: c
 		}, e.id);
 		let f = {
 			"data-tab-id": e.id,
 			role: "tab",
-			"aria-selected": n,
-			tabIndex: n || !r ? 0 : -1,
-			onClick: () => z(e),
+			"aria-selected": r,
+			tabIndex: r || !i ? 0 : -1,
+			onClick: () => B(e),
 			className: t("overflow-tab-bar--tab", s)
 		};
-		return e.href ? /* @__PURE__ */ b("a", {
+		return e.href ? /* @__PURE__ */ x("a", {
 			href: e.href,
 			...f,
-			children: d
-		}, e.id) : /* @__PURE__ */ b("button", {
+			children: c
+		}, e.id) : /* @__PURE__ */ x("button", {
 			type: "button",
 			...f,
-			children: d
+			children: c
 		}, e.id);
-	}, H = /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, { "aria-hidden": "true" }), /* @__PURE__ */ b(i, {
+	}, U = /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(C, { "aria-hidden": "true" }), /* @__PURE__ */ x(n, {
 		tag: "span",
 		size: "inherit",
 		weight: "medium",
 		lineHeight: "tight",
 		className: "text-inherit",
-		children: C.more
+		children: w.more
 	})] });
-	return /* @__PURE__ */ x("div", {
-		ref: F,
+	return /* @__PURE__ */ S("div", {
+		ref: I,
 		className: t("overflow-tab-bar--component relative w-full min-w-0 max-w-full", o),
-		...f,
-		children: [/* @__PURE__ */ x("div", {
-			ref: M,
+		...p,
+		children: [/* @__PURE__ */ S("div", {
+			ref: N,
 			"aria-hidden": "true",
 			className: "pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden",
-			children: [n.map((e) => V(e, !1, { measure: !0 })), /* @__PURE__ */ b("span", {
+			children: [r.map((e) => H(e, !1, { measure: !0 })), /* @__PURE__ */ x("span", {
 				"data-more-measure": "",
-				className: t(E, D),
-				children: H
+				className: t(D, O),
+				children: U
 			})]
-		}), /* @__PURE__ */ x("div", {
-			ref: j,
+		}), /* @__PURE__ */ S("div", {
+			ref: M,
 			className: "overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-inner bg-muted p-space-2xs align-top",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ x("div", {
 				role: "tablist",
-				"aria-label": C.navigationLabel,
+				"aria-label": w.navigationLabel,
 				"aria-orientation": "horizontal",
-				onKeyDown: B,
+				onKeyDown: V,
 				className: "overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden",
-				children: L.map((e) => V(e, e.id === r))
-			}), R.length > 0 && /* @__PURE__ */ b(s, {
-				actions: R.map((e) => ({
+				children: R.map((e) => H(e, e.id === i))
+			}), z.length > 0 && /* @__PURE__ */ x(c, {
+				actions: z.map((e) => ({
 					id: e.id,
 					label: e.label,
 					icon: e.icon,
-					onClick: () => z(e)
+					href: e.href,
+					onClick: () => B(e)
 				})),
 				align: "end",
-				contentClassName: "min-w-40",
+				contentClassName: s.menuMin,
 				width: "w-auto",
 				closeOnSelect: !0,
 				preserveOrder: !0,
-				renderTrigger: /* @__PURE__ */ b("button", {
+				renderTrigger: /* @__PURE__ */ x("button", {
 					type: "button",
-					"aria-label": C.more,
-					className: t(E, D, "overflow-tab-bar--more"),
-					children: H
+					"aria-label": w.more,
+					className: t(D, O, "overflow-tab-bar--more"),
+					children: U
 				})
 			})]
 		})]
 	});
 });
-j.displayName = "OverflowTabBar";
+M.displayName = "OverflowTabBar";
 //#endregion
-export { T as n, w as r, j as t };
+export { E as n, T as r, M as t };
 
-//# sourceMappingURL=overflow-tab-bar-sQHXLlwQ.js.map
+//# sourceMappingURL=overflow-tab-bar-CWY7Nogn.js.map