themelia-react-ui 2.0.5 → 3.0.0

package/dist/navigation-DaRjthVk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-DaRjthVk.js","names":["Text","DisplayLabel","focusRecipes","Stack","toneRecipes","interactionRecipes","Percent","Badge","ItemMedia","ItemDescription","ItemActions","ItemGroup","ItemContent","Item","ItemTitle","defaultBreadcrumbProgressStrings","BreadcrumbProgress","stringsProp","strings","useStrings","cn","className","currentIndex","steps","isCompleted","idx","isCurrent","isClickable","onStepClick","Button","step","Check","CategoryNav","title","items","Icon","it","active","activeId","onSelect","ChevronRight","defaultSectionNavStrings","SCROLL_SETTLE_MS","SectionNav","forwardRef","ariaLabel","rootProps","setActive","useState","clickLock","useRef","settleTimer","sectionIds","scheduleSettle","useCallback","useEffect","onScroll","lock","ids","intersecting","obs","entries","entry","next","id","el","rootMargin","isActive","e","defaultSideNavStrings","normalizePath","rawUrl","baseOrigin","trimmed","isSimpleText","value","SideNav","groupsProp","groups","useMemo","activePath","currentPath","activeNormalized","g","item","normalizedPath","b","a","collapsed","setCollapsed","toggleGroup","prev","resolvedActive","activeItemClassName","isCollapsed","group","showLabel","shouldRenderItems","ChevronDown","itemClassName"],"sources":["../src/components/layout/navigation/breadcrumb-progress/types.ts","../src/components/layout/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../src/components/layout/navigation/category-nav/category-nav.tsx","../src/components/layout/navigation/section-nav/section-nav.tsx","../src/components/layout/navigation/side-nav.tsx"],"sourcesContent":["import type { StringsProp } from '../../../../lib/strings';\n\nexport interface BreadcrumbProgressStep {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel: string;\n\t/** Short guidance shown beneath the control. */\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\t/** Steps in the flow, in order. */\n\tsteps: BreadcrumbProgressStep[];\n\t/** Zero-based position of the active step. */\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<BreadcrumbProgressStrings>;\n}\n","/**\n * BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n */\nimport { Check } from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { Percent } from '../../../primitives';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-space-md\">\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t<Percent value={Math.round(((currentIndex + 1) / steps.length) * 100)} scaled size=\"xs\" weight=\"semibold\" />\n\t\t\t</div>\n\t\t\t<ol className=\"m-0 list-none p-0 font-sans flex items-center gap-space-md\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted || isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-space-md\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label={`${strings.stepLabel} ${idx + 1}: ${step.label}`}\n\t\t\t\t\t\t\t\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"md\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'min-w-0 justify-start gap-space-md text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && interactionRecipes.rowHover,\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\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\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && `bg-primary text-primary-foreground ring-4 ${toneRecipes.primary.halo}`,\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-icon-md\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/**\n * CategoryNav — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { Badge } from '../../../base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '../../../base/item';\nimport { cn } from '../../../../lib/utils';\n\nimport type { CategoryNavProps } from './types';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\n\nexport function CategoryNav({ title, items, activeId, onSelect, className }: CategoryNavProps) {\n\treturn (\n\t\t<nav\n\t\t\tdata-component=\"category-nav\"\n\t\t\tdata-slot=\"category-nav\"\n\t\t\taria-label={title}\n\t\t\tclassName={cn('category-nav--component min-w-0', className)}\n\t\t>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\t// Not `size=\"sm\"`. That maps to the primitive `xs` scale, which\n\t\t\t\t\t\t\t// shrinks media icons to 12px for a genuinely compact row — but\n\t\t\t\t\t\t\t// this row carries a title, a description and a badge and stands\n\t\t\t\t\t\t\t// 58px tall. The result was a 12px leading icon beside a 16px\n\t\t\t\t\t\t\t// chevron, because a `size-` class opts an icon out of that\n\t\t\t\t\t\t\t// scaling rule. The default scale matches `base/item`'s own\n\t\t\t\t\t\t\t// reference row at the same height.\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t// The selected tint spans the row, so the row needs horizontal\n\t\t\t\t\t\t\t\t// padding of its own or the icon sits 1px from the tint's edge.\n\t\t\t\t\t\t\t\t// `px-space-md` is what `SectionNav` uses for the same job.\n\t\t\t\t\t\t\t\t'cursor-pointer rounded-radius px-space-md transition-colors',\n\t\t\t\t\t\t\t\tactive ? interactionRecipes.rowCurrent : interactionRecipes.rowHover,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-accent-foreground' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-icon shrink-0 text-muted-foreground', active && 'text-accent-foreground')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</nav>\n\t);\n}\n\nCategoryNav.displayName = 'CategoryNav';\n","/**\n * SectionNav — sticky in-page anchor nav. Pass a list of section ids; the active one\n * is tracked via IntersectionObserver and the matching item is highlighted. Click to\n * scroll to that section. Pure JS — no router required.\n *\n * A click owns the current state: the clicked section stays current while the smooth\n * scroll it started passes other sections, after that scroll settles (including when\n * the last sections are too short to reach the top), and until the reader scrolls\n * again. Only then does the observer resume.\n */\nimport { forwardRef, useCallback, useEffect, useRef, useState, type ComponentPropsWithoutRef } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport { Text } from '../../../typography';\nimport { Stack } from '../../../base/structure';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\n\nexport interface SectionNavStrings {\n\tnavigationLabel: string;\n}\n\nexport const defaultSectionNavStrings: SectionNavStrings = {\n\tnavigationLabel: 'Section navigation',\n};\n\n/** Quiet time after the last scroll event before a click's smooth scroll counts as settled. */\nconst SCROLL_SETTLE_MS = 150;\n\nexport interface SectionNavItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n}\n\nexport interface SectionNavProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'children' | 'onSelect'> {\n\t/** Entries to render, in order. */\n\titems: SectionNavItem[];\n\trootMargin?: string;\n\tonSelect?: (id: string) => void;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<SectionNavStrings>;\n}\n\nexport const SectionNav = forwardRef<HTMLElement, SectionNavProps>(function SectionNav({\n\titems,\n\trootMargin = '-40% 0px -50% 0px',\n\tclassName,\n\tonSelect,\n\tstrings: stringsProp,\n\t'aria-label': ariaLabel,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultSectionNavStrings, stringsProp);\n\tconst [active, setActive] = useState<string | null>(items[0]?.id ?? null);\n\t// The section a click selected, and whether the scroll it started has settled.\n\tconst clickLock = useRef<{ id: string; settled: boolean } | null>(null);\n\tconst settleTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\t// Observe by identity, not array instance, so a re-render keeps the observer.\n\tconst sectionIds = items.map((it) => it.id).join('\\u0000');\n\n\tconst scheduleSettle = useCallback(() => {\n\t\tclearTimeout(settleTimer.current);\n\t\tsettleTimer.current = setTimeout(() => {\n\t\t\tif (clickLock.current) clickLock.current.settled = true;\n\t\t}, SCROLL_SETTLE_MS);\n\t}, []);\n\n\tuseEffect(() => {\n\t\t// Scroll events do not bubble, so listen in the capture phase to hear every\n\t\t// scrolling ancestor that scrollIntoView moves.\n\t\tconst onScroll = () => {\n\t\t\tconst lock = clickLock.current;\n\t\t\tif (!lock) return;\n\t\t\t// A scroll after the click's own scroll settled is the reader's: release.\n\t\t\tif (lock.settled) clickLock.current = null;\n\t\t\telse scheduleSettle();\n\t\t};\n\t\tdocument.addEventListener('scroll', onScroll, { capture: true, passive: true });\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('scroll', onScroll, { capture: true });\n\t\t\tclearTimeout(settleTimer.current);\n\t\t};\n\t}, [scheduleSettle]);\n\n\tuseEffect(() => {\n\t\tconst ids = sectionIds ? sectionIds.split('\\u0000') : [];\n\t\tconst intersecting = new Map<string, boolean>();\n\t\tconst obs = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tentries.forEach((entry) => intersecting.set(entry.target.id, entry.isIntersecting));\n\t\t\t\tif (clickLock.current) return;\n\t\t\t\t// The first section in reading order inside the observed band is current.\n\t\t\t\tconst next = ids.find((id) => intersecting.get(id));\n\t\t\t\tif (next) setActive(next);\n\t\t\t},\n\t\t\t{ rootMargin, threshold: 0 },\n\t\t);\n\t\tids.forEach((id) => {\n\t\t\tconst el = document.getElementById(id);\n\t\t\tif (el) obs.observe(el);\n\t\t});\n\t\treturn () => obs.disconnect();\n\t}, [sectionIds, rootMargin]);\n\n\treturn (\n\t\t<nav\n\t\t\tref={ref}\n\t\t\tclassName={cn('section-nav--component', className)}\n\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t<Stack gap=\"2xs\" className=\"section-nav--items\">\n\t\t\t\t{items.map((it) => {\n\t\t\t\tconst Icon = it.icon;\n\t\t\t\tconst isActive = active === it.id;\n\t\t\t\treturn (\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\thref={`#${it.id}`}\n\t\t\t\t\t\taria-current={isActive ? 'location' : undefined}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tclickLock.current = { id: it.id, settled: false };\n\t\t\t\t\t\t\t// Settles on its own when the target is already in place and nothing scrolls.\n\t\t\t\t\t\t\tscheduleSettle();\n\t\t\t\t\t\t\tdocument.getElementById(it.id)?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n\t\t\t\t\t\t\tsetActive(it.id);\n\t\t\t\t\t\t\tonSelect?.(it.id);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t`flex items-center gap-space-md rounded-radius px-space-md py-row-y transition-colors outline-none ${focusRecipes.edge}`,\n\t\t\t\t\t\t\tisActive ? interactionRecipes.rowCurrent : `text-muted-foreground ${interactionRecipes.rowHover}`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!Icon && <Icon className=\"size-icon-md shrink-0\" />}\n\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight={isActive ? 'semibold' : 'medium'}>{it.label}</Text>\n\t\t\t\t\t</a>\n\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Stack>\n\t\t</nav>\n\t);\n});\n\nSectionNav.displayName = 'SectionNav';\n","/**\n * SideNav — collapsible vertical sidebar navigation. Items can be grouped\n * with a heading and optionally collapsed; each item supports an icon, badge,\n * and active-state highlight. The active item is matched by deepest path\n * prefix so nested routes still highlight their parent group.\n *\n * Pass `items` for the short flat-list default. Use `groups` only when the\n * navigation needs headings or collapsible sections.\n */\nimport { ChevronDown, type LucideIcon } from 'lucide-react';\nimport { forwardRef, useMemo, useState, type ComponentPropsWithoutRef, type ReactNode } from 'react';\n\nimport { Badge } from '../../base/badge';\nimport { Button } from '../../base/buttons';\nimport { Stack } from '../../base/structure';\nimport { DisplayLabel, Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nexport interface SideNavStrings {\n\tnavigationLabel: string;\n}\n\nexport const defaultSideNavStrings: SideNavStrings = {\n\tnavigationLabel: 'Side navigation',\n};\n\nexport interface SideNavItem {\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n}\n\nexport interface SideNavGroup {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel?: ReactNode;\n\t/** Entries to render, in order. */\n\titems: SideNavItem[];\n\tdefaultCollapsed?: boolean;\n\tcollapsible?: boolean;\n}\n\ninterface SideNavSharedProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'children'> {\n\t/** Path of the active route, used to mark the current entry. */\n\tcurrentPath?: string;\n\titemClassName?: string;\n\tactiveItemClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<SideNavStrings>;\n}\n\nexport type SideNavProps = SideNavSharedProps & (\n\t| {\n\t\t/** Short default for one flat navigation list. */\n\t\titems: SideNavItem[];\n\t\t/** Sections of the settings navigation. */\n\t\tgroups?: never;\n\t}\n\t| {\n\t\t/** Grouped navigation with optional headings and collapse behavior. */\n\t\tgroups: SideNavGroup[];\n\t\titems?: never;\n\t}\n);\n\nfunction normalizePath(rawUrl: string): string {\n\tif (rawUrl.length === 0) return '/';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport const SideNav = forwardRef<HTMLElement, SideNavProps>(function SideNav({\n\titems,\n\tgroups: groupsProp,\n\tcurrentPath,\n\tclassName,\n\titemClassName,\n\tactiveItemClassName,\n\tstrings: stringsProp,\n\t'aria-label': ariaLabel,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultSideNavStrings, stringsProp);\n\tconst groups = useMemo<SideNavGroup[]>(\n\t\t() => groupsProp ?? [\n\t\t\t{ id: 'side-nav-items', items: items ?? [], collapsible: false },\n\t\t],\n\t\t[groupsProp, items],\n\t);\n\tconst rawActivePath = currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '');\n\tconst activePath = normalizePath(rawActivePath);\n\n\tconst allNormalized = useMemo(() => {\n\t\treturn groups.flatMap((g) =>\n\t\t\tg.items.map((item) => ({ groupId: g.id, normalizedPath: normalizePath(item.href) })),\n\t\t);\n\t}, [groups]);\n\n\tconst activeNormalized =\n\t\tallNormalized\n\t\t\t.filter(\n\t\t\t\t({ normalizedPath }) =>\n\t\t\t\t\tactivePath === normalizedPath || activePath.startsWith(`${normalizedPath}/`),\n\t\t\t)\n\t\t\t.sort((a, b) => b.normalizedPath.length - a.normalizedPath.length)[0]?.normalizedPath ??\n\t\tnull;\n\n\tconst [collapsed, setCollapsed] = useState<Record<string, boolean>>(() =>\n\t\tObject.fromEntries(groups.map((g) => [g.id, Boolean(g.defaultCollapsed)])),\n\t);\n\n\tconst toggleGroup = (id: string) =>\n\t\tsetCollapsed((prev) => ({ ...prev, [id]: !prev[id] }));\n\n\tconst resolvedActive =\n\t\tactiveItemClassName && activeItemClassName.length > 0\n\t\t\t? activeItemClassName\n\t\t\t: interactionRecipes.rowCurrent;\n\n\treturn (\n\t\t<nav\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\tclassName={cn('side-nav--component', className)}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t<Stack gap=\"xl\" className=\"side-nav--groups\">\n\t\t\t\t{groups.map((group) => {\n\t\t\t\tconst isCollapsed = group.collapsible !== false && collapsed[group.id];\n\t\t\t\tconst showLabel = !!group.label;\n\t\t\t\tconst shouldRenderItems = !isCollapsed;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Stack key={group.id} gap=\"2xs\" className=\"side-nav--group\">\n\t\t\t\t\t\t{!!showLabel && (\n\t\t\t\t\t\t\tgroup.collapsible !== false ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\t\t\tonClick={() => toggleGroup(group.id)}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'h-auto min-h-action-sm justify-between px-row-x py-row-y',\n\t\t\t\t\t\t\t\t\t\t'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t'hover:text-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isSimpleText(group.label) ? (\n\t\t\t\t\t\t\t\t\t\t<DisplayLabel tag=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t\t) : group.label}\n\t\t\t\t\t\t\t\t\t<ChevronDown\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'size-icon-md transition-transform',\n\t\t\t\t\t\t\t\t\t\t\tisCollapsed && '-rotate-90',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tisSimpleText(group.label) ? (\n\t\t\t\t\t\t\t\t\t<DisplayLabel tag=\"div\" className=\"px-row-x py-row-y\">\n\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t) : group.label\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!shouldRenderItems && (\n\t\t\t\t\t\t\t<Stack gap=\"2xs\" className=\"side-nav--items\">\n\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\tconst itemPath = normalizePath(item.href);\n\t\t\t\t\t\t\t\t\tconst isActive = itemPath === activeNormalized;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\t\t\t\t\t\thref={item.disabled ? undefined : item.href}\n\t\t\t\t\t\t\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\t\t\taria-disabled={item.disabled || undefined}\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'group flex items-center gap-space-md rounded-radius px-row-x py-row-y',\n\t\t\t\t\t\t\t\t\t\t\t\t'text-sm transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t`focus-visible:outline-none ${focusRecipes.edge}`,\n\t\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.rowHover,\n\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\tisActive && resolvedActive,\n\t\t\t\t\t\t\t\t\t\t\t\titemClassName,\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\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\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'size-icon shrink-0',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisActive ? 'text-accent-foreground' : 'text-muted-foreground',\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/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{isSimpleText(item.label) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"min-w-0 flex-1 truncate text-inherit\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t) : item.label}\n\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\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{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Stack>\n\t\t</nav>\n\t);\n});\n\nSideNav.displayName = 'SideNav';\n"],"mappings":"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"}

package/dist/number-CRU3kGuk.js

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

package/dist/number-CRU3kGuk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-CRU3kGuk.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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"}