themelia-react-ui 2.0.5 → 3.0.0

package/dist/navigation-CmqaQR_G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-CmqaQR_G.js","names":["_Fragment","Text","DisplayLabel","Heading","headingRoleSizes","copyRoleProps","focusRecipes","Button","Stack","interactionRecipes","Badge","Separator","TabScrollViewport","hasPageHeaderCommands","PageHeaderCommands","Fragment$1","LanguageSwitcher","props","groupRole","handleSelect","useCallback","isActive","onValueChange","nextValue","locales","choices","active","value","locale","label","renderLabel","variant","cn","className","Globe","Fragment","index","defaultNavigationTabsStrings","normalizePath","hashRouteIndex","rawUrl","origin","NavigationTabs","forwardRef","stringsProp","strings","useStrings","activePath","currentPath","prominent","list","items","item","Icon","onSelect","event","scrollable","scrollStrings","defaultPageHeadingStrings","isSimpleText","PageHeading","hasCommands","primaryAction","secondaryActions","actionsRegion","actions","breadcrumbs","leading","contentClassName","eyebrow","eyebrowClassName","beforeTitle","titlePrefix","titleRowClassName","textGap","title","headingTag","titleSize","titleClassName","titleSuffix","description","afterDescription","descriptionClassName","actionsClassName","children","withSeparator"],"sources":["../src/components/base/navigation/language-switcher.tsx","../src/components/base/navigation/navigation-tabs.tsx","../src/components/base/navigation/page-header/page-header.tsx"],"sourcesContent":["/**\n * LanguageSwitcher — locale picker with two layouts: `buttons` (a button\n * row) and `inline` (small text buttons separated by dots, prefixed\n * with a globe icon). Defaults to `buttons`.\n *\n * The library never navigates on its own. The consumer wires routing /\n * locale switching through the value change callback.\n */\nimport { Globe } from 'lucide-react';\nimport { Fragment, useCallback, type ComponentPropsWithoutRef, type Ref } from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport type { LocaleOption } from '../../../types/locale.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\ntype LanguageSwitcherLocale = Omit<LocaleOption, 'active'> & { active?: boolean };\n\n// The native `onSelect` (text selection) is left out: `onValueChange` is the locale callback.\nexport interface LanguageSwitcherProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onSelect'> {\n\t/** Locales to offer, in order. Their active flags apply when value is omitted. */\n\tlocales: LanguageSwitcherLocale[];\n\t/** Controlled current locale. Takes precedence over the option flags. */\n\tvalue?: string;\n\t/** Requests another locale. Not called for the current locale. */\n\tonValueChange?: (value: string) => void;\n\t/** Custom label for each locale. Defaults to `nativeLabel`. */\n\trenderLabel?: (options: LocaleOption) => string;\n\t/** Layout: `buttons` (default) for a row of buttons, `inline` for compact dot-separated text buttons. */\n\tvariant?: 'buttons' | 'inline';\n\t/** The group root. Name it with `aria-label` or `aria-labelledby`. */\n\tref?: Ref<HTMLDivElement>;\n}\n\nexport function LanguageSwitcher({\n\tlocales,\n\tvalue,\n\tonValueChange,\n\trenderLabel,\n\tvariant = 'buttons',\n\tclassName,\n\tref,\n\t...props\n}: LanguageSwitcherProps) {\n\t// A named switcher is a group; an unnamed one stays a plain row of buttons.\n\tconst groupRole = props['aria-label'] || props['aria-labelledby'] ? 'group' : undefined;\n\tconst handleSelect = useCallback((nextValue: string, isActive: boolean) => {\n\t\tif (isActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tonValueChange?.(nextValue);\n\t}, [onValueChange]);\n\n\tif (locales.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst choices = locales.map(locale => {\n\t\tconst active = value === undefined ? (locale.active ?? false) : locale.value === value;\n\t\t// Preserve the original label input when it already has the resolved flag.\n\t\tconst label = renderLabel\n\t\t\t? renderLabel(locale.active === active ? locale as LocaleOption : { ...locale, active })\n\t\t\t: locale.nativeLabel;\n\t\treturn { value: locale.value, active, label };\n\t});\n\n\tif (variant === 'inline') {\n\t\treturn (\n\t\t\t// Both layouts start at the parent's start edge, like other inline controls; a\n\t\t\t// parent that centres its content (a footer, say) centres the switcher too.\n\t\t\t<Stack role={groupRole} {...props} ref={ref} direction=\"horizontal\" align=\"center\" gap=\"md\" wrap={false} className={cn('language-switcher--component', className)}>\n\t\t\t\t<Globe className=\"size-icon shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"md\" wrap className=\"min-w-0\">\n\t\t\t\t\t{choices.map((locale, index) => (\n\t\t\t\t\t\t<Fragment key={locale.value}>\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-current={locale.active ? 'true' : undefined}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\thandleSelect(locale.value, locale.active)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t`${interactionRecipes.nativeButtonReset} cursor-pointer rounded-radius text-pxs outline-none transition-colors ${focusRecipes.text}`,\n\t\t\t\t\t\t\t\t\tlocale.active\n\t\t\t\t\t\t\t\t\t\t? 'text-primary-accent font-medium'\n\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground',\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 tag=\"span\" size=\"pxs\" weight={locale.active ? 'medium' : 'regular'} className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t{locale.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t{index < choices.length - 1 && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\tclassName=\"size-1 rounded-full bg-border\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t))}\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Stack role={groupRole} {...props} ref={ref} direction=\"horizontal\" align=\"center\" wrap gap=\"md\" className={cn('language-switcher--component', className)}>\n\t\t\t{choices.map(locale => (\n\t\t\t\t<Button\n\t\t\t\t\tkey={locale.value}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle={locale.active ? 'solid' : 'ghost'}\n\t\t\t\t\taria-current={locale.active ? 'true' : undefined}\n\t\t\t\t\tonClick={() => handleSelect(locale.value, locale.active)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'min-w-18 justify-center transition-colors',\n\t\t\t\t\t\tlocale.active ? 'text-foreground' : 'text-muted-foreground',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{locale.label}\n\t\t\t\t</Button>\n\t\t\t))}\n\t\t</Stack>\n\t);\n}\n\nLanguageSwitcher.displayName = 'LanguageSwitcher';\n","/**\n * NavigationTabs — canonical route-tab navigation.\n *\n * The default compact treatment works for ordinary application navigation;\n * `variant=\"prominent\"` provides the stronger filled treatment without\n * introducing a second component or item vocabulary.\n */\nimport { forwardRef, type MouseEvent, type ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\n\nimport { Badge } from '../badge';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { TabScrollViewport, type TabsScrollStrings } from './tab-scroll-viewport';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nexport interface NavigationTabItem {\n\t/** Stable identity for `onSelect` handlers and the `data-tab-id` hook. */\n\tid?: string;\n\ttitle: string;\n\thref: string;\n\ticon?: LucideIcon | string;\n\tbadge?: ReactNode;\n\tactive?: boolean;\n\tdisabled?: boolean;\n}\n\nexport interface NavigationTabsStrings {\n\ttabsAria: string;\n}\n\nexport const defaultNavigationTabsStrings: NavigationTabsStrings = {\n\ttabsAria: 'Tab navigation',\n};\n\nexport type NavigationTabsVariant = 'default' | 'prominent';\n\nexport interface NavigationTabsProps {\n\t/** Tabs to render, in order. */\n\titems: readonly NavigationTabItem[];\n\t/** Path of the active route, used to mark the current tab. */\n\tcurrentPath?: string;\n\t/** Visual treatment of the tab row. */\n\tvariant?: NavigationTabsVariant;\n\t/** Show previous/next controls when route tabs overflow. Defaults to true. */\n\tscrollable?: boolean;\n\t/** Accessible labels for the previous/next scroll controls. */\n\tscrollStrings?: StringsProp<TabsScrollStrings>;\n\t/** Overrides the tab row's own copy. */\n\tstrings?: StringsProp<NavigationTabsStrings>;\n\t/**\n\t * Called when an enabled tab is activated. Call `event.preventDefault()` and\n\t * navigate with the application router; without it the link navigates natively.\n\t */\n\tonSelect?: (item: NavigationTabItem, event: MouseEvent<HTMLAnchorElement>) => void;\n\tclassName?: string;\n}\n\nfunction normalizePath(rawUrl: string): string {\n\tconst hashRouteIndex = rawUrl.indexOf('#/');\n\tif (hashRouteIndex >= 0) {\n\t\treturn rawUrl.slice(hashRouteIndex).split('?')[0]?.replace(/\\/+$/, '') || '#/';\n\t}\n\n\ttry {\n\t\tconst origin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, origin);\n\t\treturn parsed.pathname.replace(/\\/+$/, '') || '/';\n\t} catch {\n\t\treturn rawUrl.split('?')[0]?.replace(/\\/+$/, '') || '/';\n\t}\n}\n\nexport const NavigationTabs = forwardRef<HTMLDivElement, NavigationTabsProps>(function NavigationTabs({\n\titems,\n\tcurrentPath,\n\tvariant = 'default',\n\tscrollable = true,\n\tscrollStrings,\n\tstrings: stringsProp,\n\tonSelect,\n\tclassName,\n}: NavigationTabsProps, ref) {\n\tconst strings = useStrings(defaultNavigationTabsStrings, stringsProp);\n\tconst activePath = normalizePath(\n\t\tcurrentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/'),\n\t);\n\tconst prominent = variant === 'prominent';\n\n\tconst list = <Stack\n\t\t\t\trender={<nav aria-label={strings.tabsAria} />}\n\t\t\t\tdirection=\"horizontal\"\n\t\t\t\tgap=\"2xs\"\n\t\t\t\twrap={false}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'navigation-tabs--list w-max rounded-radius bg-muted p-space-2xs',\n\t\t\t\t\tprominent && 'rounded-radius bg-muted',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst isActive = item.active ?? activePath === normalizePath(item.href);\n\t\t\t\t\tconst Icon = typeof item.icon === 'string' ? undefined : item.icon;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\ttone={isActive && prominent ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\tbuttonStyle={isActive && prominent ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\ticon={Icon}\n\t\t\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\t\t\tdata-tab-id={item.id}\n\t\t\t\t\t\t\tonClick={onSelect ? (event: MouseEvent<HTMLAnchorElement>) => onSelect(item, event) : undefined}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'navigation-tabs--item shrink-0',\n\t\t\t\t\t\t\t\t'rounded-radius',\n\t\t\t\t\t\t\t\t// Shared segmented recipe (Tabs, OverflowTabBar): a lifted card-coloured\n\t\t\t\t\t\t\t\t// active tab on the muted track, in light and dark alike. The current tab\n\t\t\t\t\t\t\t\t// holds its state under hover and press; the others change colour only.\n\t\t\t\t\t\t\t\t!prominent && isActive && interactionRecipes.segmentActiveButton,\n\t\t\t\t\t\t\t\t!prominent && !isActive && interactionRecipes.segmentInactiveButton,\n\t\t\t\t\t\t\t\tprominent && isActive && interactionRecipes.currentButtonHold,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{typeof item.icon === 'string' && (\n\t\t\t\t\t\t\t\t<span className=\"navigation-tabs--icon text-inherit\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\t\t\tclassName=\"navigation-tabs--title text-inherit\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{item.badge !== undefined && item.badge !== null && (\n\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName=\"navigation-tabs--badge\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Stack>;\n\treturn <div ref={ref} className={cn('navigation-tabs--component', 'w-full min-w-0', !scrollable && 'overflow-x-auto', className)}>\n\t\t{scrollable ? <TabScrollViewport strings={scrollStrings}>{list}</TabScrollViewport> : list}\n\t</div>;\n});\n\nNavigationTabs.displayName = 'NavigationTabs';\n","/**\n * PageHeading — reusable visual heading block for sections and resources.\n * Higher-level layout components add routing/back behavior around this base\n * visual primitive instead of reimplementing title, description and action\n * spacing. `primaryAction` and `secondaryActions` describe commands by\n * role; the heading owns their treatment and placement for every header built\n * on it.\n */\nimport type { ReactNode } from 'react';\nimport { DisplayLabel, Heading, Text, type HeadingSize, type HeadingTag } from '../../../typography';\nimport {copyRoleProps, headingRoleSizes} from '../../../typography/text.styles';\nimport { Separator } from '../../display/separator';\nimport { Stack, type TextGap } from '../../structure';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\thasPageHeaderCommands,\n\tPageHeaderCommands,\n\ttype PageHeaderAction,\n\ttype PageHeaderLinkRenderer,\n} from './page-header-commands';\n\nexport interface PageHeadingStrings {\n\t/** Accessible name of the More actions menu trigger. */\n\tmoreActions: string;\n}\n\nexport const defaultPageHeadingStrings: PageHeadingStrings = {\n\tmoreActions: 'More actions',\n};\n\n/**\n * Slot map, top to bottom and outside in:\n *\n * ```text\n * breadcrumbs\n * leading │ eyebrow\n *         │ beforeTitle\n *         │ titlePrefix │ title  titleSuffix │ actions\n *         │             │ description\n *         │             │ afterDescription\n * children\n * ───────────────────────────────────────────  (withSeparator)\n * ```\n */\nexport interface PageHeadingProps {\n\t/** Small label above the title. Plain text is rendered as a `DisplayLabel`. */\n\teyebrow?: ReactNode;\n\t/** The page title. Plain text is rendered as a `Heading`; pass an element to own the markup. */\n\ttitle: ReactNode;\n\t/** Supporting sentence under the title, capped at `max-w-2xl` and aligned to the title's left edge. */\n\tdescription?: ReactNode;\n\t/** Title/description rhythm. Defaults to normal. */\n\ttextGap?: TextGap;\n\t/** Heading level for a plain-text `title`. Default: `'h2'`. Set for correct document outline. */\n\theadingTag?: HeadingTag;\n\t/** Visual title scale, independent of heading level. Defaults to the subject role (`base`). */\n\ttitleSize?: HeadingSize;\n\t/** Breadcrumb trail rendered above the header block. */\n\tbreadcrumbs?: ReactNode;\n\t/** Content to the left of the entire header column — an avatar or back button. Top-aligned. */\n\tleading?: ReactNode;\n\t/** Free slot between the eyebrow and the title row, for a banner or status strip. */\n\tbeforeTitle?: ReactNode;\n\t/**\n\t * Content immediately left of the title, vertically centred on the title\n\t * line alone. Unlike `leading`, the description aligns to the title's left\n\t * edge rather than to this slot, so an icon here never shifts the copy.\n\t */\n\ttitlePrefix?: ReactNode;\n\t/** Content after the title, on the same line: status and count badges go here. */\n\ttitleSuffix?: ReactNode;\n\t/** Content directly beneath the description, sharing its alignment — a metadata line. */\n\tafterDescription?: ReactNode;\n\t/**\n\t * Independent actions column beside the copy; follows it on narrow widths.\n\t * Holds non-command controls such as a period select; they render before\n\t * the role-based commands.\n\t */\n\tactions?: ReactNode;\n\t/**\n\t * The header's one main command: a solid primary button after the secondary\n\t * commands, placed in the command menu below 40rem of header width.\n\t */\n\tprimaryAction?: PageHeaderAction;\n\t/**\n\t * Supporting commands in priority order. The first two render as outline\n\t * buttons before the primary command; the rest, and every destructive\n\t * command, move into the More actions menu, which always closes the row.\n\t * Below 40rem of header width, every command collapses into that menu.\n\t */\n\tsecondaryActions?: readonly PageHeaderAction[];\n\t/**\n\t * How many routine secondary commands render as outline buttons on wide\n\t * headers; later ones join the More actions menu. Use `1` or `0` when long\n\t * labels beside the primary command would crowd the header; `Infinity`\n\t * keeps every routine command inline. @default 2\n\t */\n\tmaxVisibleSecondaryActions?: number;\n\t/** Overrides the heading's own copy: the More actions menu trigger's name. */\n\tstrings?: StringsProp<PageHeadingStrings>;\n\t/** Renders `href` commands as framework links. Defaults to a native anchor. */\n\trenderLink?: PageHeaderLinkRenderer;\n\t/** Content below the whole header block, above the separator. */\n\tchildren?: ReactNode;\n\t/** Merged onto the `<header>` root. */\n\tclassName?: string;\n\t/** Merged onto the column holding eyebrow, title, and description. */\n\tcontentClassName?: string;\n\t/** Merged onto the eyebrow. Only applies when `eyebrow` is plain text. */\n\teyebrowClassName?: string;\n\t/** Merged onto the title. Only applies when `title` is plain text. */\n\ttitleClassName?: string;\n\t/**\n\t * Merged onto the title row's grid. A `gap-space-md` here sets the\n\t * `titlePrefix`-to-title rhythm without also opening the gap under the title.\n\t */\n\ttitleRowClassName?: string;\n\t/** Merged onto the description. Only applies when `description` is plain text. */\n\tdescriptionClassName?: string;\n\t/** Merged onto the actions cluster. */\n\tactionsClassName?: string;\n\t/**\n\t * Draws a rule beneath the header. Default: `false` — the page rhythm (gap\n\t * between header and body) separates them; opt in where a rule is the design.\n\t */\n\twithSeparator?: boolean;\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 function PageHeading({\n\teyebrow,\n\ttitle,\n\tdescription,\n\ttextGap = 'normal',\n\theadingTag = 'h2',\n\ttitleSize = headingRoleSizes.subject,\n\tbreadcrumbs,\n\tleading,\n\tbeforeTitle,\n\ttitlePrefix,\n\ttitleSuffix,\n\tafterDescription,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmaxVisibleSecondaryActions,\n\tstrings: stringsProp,\n\trenderLink,\n\tchildren,\n\tclassName,\n\tcontentClassName,\n\teyebrowClassName,\n\ttitleClassName,\n\ttitleRowClassName,\n\tdescriptionClassName,\n\tactionsClassName,\n\twithSeparator = false,\n}: PageHeadingProps) {\n\tconst strings = useStrings(defaultPageHeadingStrings, stringsProp);\n\t// Custom `actions` content leads; role-based commands close the region.\n\tconst hasCommands = hasPageHeaderCommands(primaryAction, secondaryActions);\n\tconst actionsRegion = hasCommands ? (\n\t\t<>\n\t\t\t{actions}\n\t\t\t<PageHeaderCommands\n\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\tmaxVisibleSecondaryActions={maxVisibleSecondaryActions}\n\t\t\t\tmoreActionsLabel={strings.moreActions}\n\t\t\t\trenderLink={renderLink}\n\t\t\t/>\n\t\t</>\n\t) : actions;\n\n\treturn (\n\t\t<header className={cn('page-heading--component page-header--component @container/page-header', 'w-full', className)}>\n\t\t\t{!!breadcrumbs && <div className=\"mb-space-lg\">{breadcrumbs}</div>}\n\n\t\t\t<Stack direction=\"horizontal\" gap=\"lg\" align=\"start\" wrap={false}>\n\t\t\t\t{leading}\n\t\t\t\t<Stack gap=\"dense\" className={cn('page-header--content-row flex-1', contentClassName)}>\n\t\t\t\t\t{!!eyebrow && (isSimpleText(eyebrow) ? (\n\t\t\t\t\t\t<DisplayLabel tag=\"div\" className={eyebrowClassName}>\n\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t) : eyebrow)}\n\t\t\t\t\t{beforeTitle}\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\twrap={{ base: false, sm: true }}\n\t\t\t\t\t\tclassName=\"page-header--headline-row min-w-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* The copy owns its width independently of actions. The inner\n\t\t\t\t\t\t    grid keeps the description aligned after a title prefix. */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\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',\n\t\t\t\t\t\t\t\ttitlePrefix ? 'grid-cols-[auto_minmax(0,1fr)]' : 'grid-cols-[minmax(0,1fr)]',\n\t\t\t\t\t\t\t\ttitleRowClassName,\n\t\t\t\t\t\t\t\ttextGap === 'normal' ? 'gap-y-normal' : 'gap-y-dense',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!titlePrefix && (\n\t\t\t\t\t\t\t\t<span className=\"page-header--title-prefix inline-flex shrink-0 items-center self-center\">\n\t\t\t\t\t\t\t\t\t{titlePrefix}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"md\" align=\"center\" wrap className=\"page-header--title-line min-h-action-sm min-w-0\">\n\t\t\t\t\t\t\t\t{isSimpleText(title) ? (\n\t\t\t\t\t\t\t\t\t<Heading tag={headingTag} size={titleSize} className={cn('page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0', titleClassName)}>\n\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t) : title}\n\t\t\t\t\t\t\t\t{titleSuffix}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t{(!!description || !!afterDescription) && (\n\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className={cn('page-header--title-block min-w-0', !!titlePrefix && 'col-start-2')}>\n\t\t\t\t\t\t\t\t\t{!!description && (isSimpleText(description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text {...copyRoleProps.structuralDescription} className={cn('page-header--description max-w-2xl [overflow-wrap:anywhere]', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : description)}\n\t\t\t\t\t\t\t\t\t{afterDescription}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!actionsRegion && (\n\t\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'page-header--actions max-w-full shrink-0',\n\t\t\t\t\t\t\t\t\thasCommands && 'self-end justify-end sm:self-auto',\n\t\t\t\t\t\t\t\t\tactionsClassName,\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{actionsRegion}\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</Stack>\n\t\t\t</Stack>\n\n\t\t\t{!!children && <div className=\"mt-space-xl\">{children}</div>}\n\n\t\t\t{!!withSeparator && <Separator className=\"mt-space-xl\" />}\n\t\t</header>\n\t);\n}\n\nPageHeading.displayName = 'PageHeading';\n"],"mappings":"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"}

package/dist/normalize-layout-path-BmEgg6fu.js

@@ -0,0 +1,14 @@
+//#region src/components/layout/normalize-layout-path.ts
+function e(e) {
+	let t;
+	try {
+		t = new URL(e, "http://local.invalid").pathname;
+	} catch {
+		t = e.split("?")[0] ?? e;
+	}
+	return t.replace(/\/+$/, "") || "/";
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=normalize-layout-path-BmEgg6fu.js.map

package/dist/normalize-layout-path-BmEgg6fu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-layout-path-BmEgg6fu.js","names":["normalizeLayoutPath","pathname","rawUrl"],"sources":["../src/components/layout/normalize-layout-path.ts"],"sourcesContent":["export function normalizeLayoutPath(rawUrl: string): string {\n\tlet pathname: string;\n\ttry {\n\t\tpathname = new URL(rawUrl, 'http://local.invalid').pathname;\n\t} catch {\n\t\tpathname = rawUrl.split('?')[0] ?? rawUrl;\n\t}\n\treturn pathname.replace(/\\/+$/, '') || '/';\n}\n"],"mappings":";AAAA,SAAgBA,EAAoB,GAAwB;CAC3D,IAAIC;CACJ,IAAI;EACH,IAAW,IAAI,IAAIC,GAAQ,sBAAsB,CAAC,CAAC;CACpD,QAAQ;EACP,IAAWA,EAAO,MAAM,GAAG,CAAC,CAAC,MAAMA;CACpC;CACA,OAAOD,EAAS,QAAQ,QAAQ,EAAE,KAAK;AACxC"}

package/dist/number-NFWKIoiK.js

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

package/dist/number-NFWKIoiK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-NFWKIoiK.js","names":["Number","useMoneyConfig","useFormattingConfig","cn","Text","formatWithMinusSign","parseDecimalString","useValueTypography","formatPercentRatio","createNumberFormat","emptyValueTypography","parseMoneyAmount","amount","normalizeFractionDigits","value","fallback","resolveFractionDigits","normalizedMaximum","maximumFractionDigits","normalizedMinimum","minimumFractionDigits","resolveCurrencyFractionDigits","currency","resolved","locale","currencyMinorUnitScale","replaceCurrencyPart","formatter","unsignZero","part","symbol","formatMoneyAmount","resolvedCurrency","numberOptions","formatMode","formattedNumber","normalizeMinorUnitScale","resolveMajorAmount","parsed","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","resolvedSecondaryCurrency","secondary","secondaryAmount","resolvedDisplayMode","displayMode","secondaryEmphasis","secondaryLabel","resolvedLayout","layout","secondarySize","size","secondaryType","type","secondaryWeight","weight","alignment","separator","NUMBER_ROLE","parseNumericValue","renderNumberLabel","renderPercentLabel","ratio","error","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, parseDecimalString, unsignZero } 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\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\treturn parseDecimalString(amount);\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\n/**\n * Minor units in one major unit for a currency, from its ISO 4217 exponent as\n * Intl reports it: 100 for USD, 1 for JPY, 1000 for KWD. An unknown code keeps\n * the two-decimal convention.\n */\nexport function currencyMinorUnitScale(currency?: string | null): number {\n\treturn 10 ** resolveCurrencyFractionDigits((currency ?? '').toUpperCase()).maximumFractionDigits;\n}\n\nfunction replaceCurrencyPart(\n\tformatter: Intl.NumberFormat,\n\tvalue: number,\n\tsymbol: string,\n) {\n\treturn formatter\n\t\t.formatToParts(unsignZero(formatter, 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\t// ISO 4217 codes are upper case; `eur` and `EUR` are one currency.\n\tconst resolvedCurrency = (currency ?? '').toUpperCase();\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 { currencyMinorUnitScale, 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 the currency's own scale: 100 for USD, 1 for JPY, 1000 for KWD. */\n\tminorUnitScale?: number;\n\t/** Optional consumer-resolved symbol. Intl placement is preserved. */\n\tsymbol?: string | null;\n\t/** Intl label style for `with_symbol`/`locale_aware`. `with_code` always appends the code; `decimal` omits it. Select the format mode explicitly to override provider policy. */\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, currency: string) {\n\tif (value === undefined || !Number.isFinite(value) || value <= 0) return currencyMinorUnitScale(currency);\n\treturn value;\n}\n\n/** `currency` is the resolved code: an omitted scale follows that currency's exponent. */\nfunction resolveMajorAmount(value: MoneyValue, currency: string): 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, currency)\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 resolvedCurrency = options.currency ?? money.defaultCurrency ?? 'USD';\n\t\tconst major = resolveMajorAmount({ amount, unit: options.unit, minorUnitScale: options.minorUnitScale }, resolvedCurrency);\n\t\tif (major === null) return resolvedEmptyLabel;\n\t\treturn formatMoneyAmount({\n\t\t\tamount: major,\n\t\t\tcurrency: resolvedCurrency,\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\t// ISO 4217 codes are upper case; `eur` and `EUR` are one currency.\n\tconst resolvedCurrency = (currency ?? money.defaultCurrency ?? 'USD').toUpperCase();\n\tconst primaryAmount = resolveMajorAmount({ amount, unit, minorUnitScale }, resolvedCurrency);\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 resolvedSecondaryCurrency = (secondary?.currency ?? money.displayCurrency ?? resolvedCurrency).toUpperCase();\n\tconst secondaryAmount = secondary ? resolveMajorAmount(secondary, resolvedSecondaryCurrency) : null;\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 { createNumberFormat, EMPTY, formatPercentRatio, formatWithMinusSign, parseDecimalString } 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\t/** A number or a decimal string. Grouped digits and either decimal separator are read; other text renders the empty label. */\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. Options Intl rejects render the empty label. */\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`. The default maximum is one decimal digit or the supplied minimum, whichever is higher. */\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\tif (typeof value === 'number') return globalThis.Number.isFinite(value) ? value : null;\n\treturn parseDecimalString(value);\n}\n\nfunction renderNumberLabel(value: NumberProps['value'], locale?: string, options?: Intl.NumberFormatOptions) {\n\tconst parsed = parseNumericValue(value);\n\tif (parsed === null) return null;\n\tconst formatter = createNumberFormat(locale, options);\n\treturn formatter ? formatWithMinusSign(formatter, parsed) : null;\n}\n\n/** Options Intl rejects render the empty label, like an unparsable value. */\nfunction renderPercentLabel(ratio: number, locale?: string, options?: Intl.NumberFormatOptions) {\n\ttry {\n\t\treturn formatPercentRatio(ratio, locale, options);\n\t} catch (error) {\n\t\tif (error instanceof RangeError || error instanceof TypeError) return null;\n\t\tthrow error;\n\t}\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: renderPercentLabel(scaled ? parsed / 100 : parsed, 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('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-IVFVQFV6.js → overflow-tab-bar-DV7HE_3t.js}

@@ -1,12 +1,12 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-B6kKb8jB.js";
-import { c as n } from "./typography-BQnine1k.js";
-import { t as r } from "./focus-recipes-B653VaLq.js";
-import { i } from "./popover.recipes-DdiEp0rd.js";
-import { n as a } from "./action-menu-Dr8K-ghE.js";
-import { t as o } from "./interaction-recipes-XR9ZpVYL.js";
-import { t as s } from "./badge-xIiV_E7f.js";
+import { t } from "./utils-BVbAG2J6.js";
+import { c as n } from "./typography-C0dELqYV.js";
+import { t as r } from "./focus-recipes-DSkiUvUp.js";
+import { i } from "./popover.recipes-BqkdvlZn.js";
+import { n as a } from "./action-menu-D5343RwT.js";
+import { t as o } from "./interaction-recipes-DmuS1ase.js";
+import { t as s } from "./badge-oGiXblW7.js";
 import { forwardRef as c, useCallback as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { MoreHorizontal as _ } from "lucide-react";
@@ -169,4 +169,4 @@ w.displayName = "OverflowTabBar";
 //#endregion
 export { v as n, w as t };
 
-//# sourceMappingURL=overflow-tab-bar-IVFVQFV6.js.map
+//# sourceMappingURL=overflow-tab-bar-DV7HE_3t.js.map

package/dist/{overflow-tab-bar-IVFVQFV6.js.map → overflow-tab-bar-DV7HE_3t.js.map}

@@ -1 +1 @@
-{"version":3,"file":"overflow-tab-bar-IVFVQFV6.js","names":["_Fragment","Text","focusRecipes","ActionMenu","interactionRecipes","Badge","Fragment$1","defaultOverflowTabBarStrings","TAB_BUTTON_BASE","TAB_INACTIVE","TAB_ACTIVE","isSimpleText","value","fitOverflowTabs","widths","sum","width","gap","available","used","count","next","moreWidth","OverflowTabBar","forwardRef","stringsProp","rootProps","strings","useStrings","rootRef","useRef","trackRef","measureRef","visibleCount","setVisibleCount","useState","items","setRootRef","useCallback","node","ref","root","track","measure","compute","trackStyle","inset","tab","observer","orderedItems","useMemo","activeIdx","i","lastVisibleIdx","visibleItems","overflowItems","handleSelect","onValueChange","item","handleKeyDown","event","tabs","index","forward","renderTab","Icon","tabClasses","cn","isActive","activeTabClassName","tabClassName","inner","options","shared","moreContent","MoreHorizontal","className","popoverWidthRecipes"],"sources":["../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * The strip shares the segmented-tab recipe of `NavigationTabs` and `Tabs`:\n * a muted track, small action-height tabs with default-size labels, and a\n * lifted card-coloured active tab. Arrow keys, Home and End move focus between\n * tabs; Enter or Space activates the focused tab.\n *\n * Use `NavigationTabs` instead when a fixed route set cannot overflow.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ComponentPropsWithoutRef,\n\ttype KeyboardEvent,\n\ttype ReactNode,\n} from 'react';\n\nimport { ActionMenu } from '../action-menu';\nimport { Badge } from '../badge';\nimport { 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';\nimport { popoverWidthRecipes } from '../popover/popover.recipes';\n\nexport interface OverflowTabBarStrings {\n\tmore: string;\n\tnavigationLabel: string;\n}\n\nexport const defaultOverflowTabBarStrings: OverflowTabBarStrings = {\n\tmore: 'More',\n\tnavigationLabel: 'Tab navigation',\n};\n\nexport interface OverflowTabItem {\n\t/** Stable identity for this entry. */\n\tid: string;\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\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/** Entries to render, in order. */\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\t/** Fired with the id of the newly active tab. */\n\tonValueChange?: (id: string) => void;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<OverflowTabBarStrings>;\n}\n\n// Native buttons and anchors are reset explicitly: the package ships no preflight.\nconst TAB_BUTTON_BASE =\n\t`${interactionRecipes.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-radius px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ` +\n\t`${focusRecipes.edge} [&_svg]:size-icon [&_svg]:shrink-0`;\nconst TAB_INACTIVE = interactionRecipes.segmentInactive;\nconst TAB_ACTIVE = interactionRecipes.segmentActive;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** How many tabs fit, reserving room for the \"More\" trigger only when something overflows. */\nexport function fitOverflowTabs(widths: readonly number[], available: number, gap: number, moreWidth: number): number {\n\tconst total = widths.reduce((sum, width) => sum + width, 0) + gap * Math.max(0, widths.length - 1);\n\tif (total <= available) return widths.length;\n\tlet used = 0;\n\tlet count = 0;\n\tfor (const width of widths) {\n\t\tconst next = used + (count > 0 ? gap : 0) + width;\n\t\tif (next + gap + moreWidth > available) break;\n\t\tused = next;\n\t\tcount += 1;\n\t}\n\treturn Math.max(1, count);\n}\n\nexport const OverflowTabBar = forwardRef<HTMLDivElement, OverflowTabBarProps>(function OverflowTabBar({\n\titems,\n\tvalue,\n\tonValueChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultOverflowTabBarStrings, stringsProp);\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst trackRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\tconst setRootRef = useCallback((node: HTMLDivElement | null) => {\n\t\trootRef.current = node;\n\t\tif (typeof ref === 'function') ref(node);\n\t\telse if (ref) ref.current = node;\n\t}, [ref]);\n\n\t// Recompute how many tabs fit when the available width or the items change.\n\tuseLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tconst track = trackRef.current;\n\t\tconst measure = measureRef.current;\n\t\tif (!root || !track || !measure) return;\n\n\t\tconst compute = () => {\n\t\t\tconst trackStyle = getComputedStyle(track);\n\t\t\tconst inset = (parseFloat(trackStyle.paddingLeft) || 0) + (parseFloat(trackStyle.paddingRight) || 0);\n\t\t\tconst available = root.clientWidth - inset;\n\t\t\tif (available <= 0) {\n\t\t\t\tsetVisibleCount(items.length);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst gap = parseFloat(getComputedStyle(measure).columnGap) || 0;\n\t\t\tconst widths = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]')).map((tab) => tab.offsetWidth);\n\t\t\tconst moreWidth = measure.querySelector<HTMLElement>('[data-more-measure]')?.offsetWidth ?? 0;\n\t\t\tsetVisibleCount(fitOverflowTabs(widths, available, gap, moreWidth));\n\t\t};\n\n\t\tcompute();\n\t\tif (typeof ResizeObserver === 'undefined') return;\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(root);\n\t\treturn () => observer.disconnect();\n\t}, [items, strings.more]);\n\n\t// Ensure the active tab is always visible; if it falls into the overflow set,\n\t// swap it with the last visible tab.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonValueChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\t// Roving focus: arrows, Home and End move between tabs; activation stays on\n\t// Enter/Space so moving focus never navigates a link tab by itself.\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n\t\tconst tabs = Array.from(event.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n\t\tconst index = tabs.indexOf(event.target as HTMLElement);\n\t\tif (index < 0 || tabs.length === 0) return;\n\t\tconst rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n\t\tconst forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n\t\tconst next = event.key === 'Home'\n\t\t\t? 0\n\t\t\t: event.key === 'End'\n\t\t\t\t? tabs.length - 1\n\t\t\t\t: event.key === forward\n\t\t\t\t\t? (index + 1) % tabs.length\n\t\t\t\t\t: (index - 1 + tabs.length) % tabs.length;\n\t\tevent.preventDefault();\n\t\ttabs[next]?.focus();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean, options?: { measure?: boolean }) => {\n\t\tconst Icon = item.icon;\n\t\tconst tabClasses = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive ? cn(TAB_ACTIVE, activeTabClassName) : TAB_INACTIVE,\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon aria-hidden=\"true\" />}\n\t\t\t\t{isSimpleText(item.label) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : item.label}\n\t\t\t\t{item.badge !== undefined && item.badge !== null && item.badge !== false && (\n\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"overflow-tab-bar--badge\">\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (options?.measure) {\n\t\t\treturn (\n\t\t\t\t<span key={item.id} data-tab-id={item.id} className={cn('overflow-tab-bar--measure', tabClasses)}>\n\t\t\t\t\t{inner}\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\tconst shared = {\n\t\t\t'data-tab-id': item.id,\n\t\t\trole: 'tab',\n\t\t\t'aria-selected': isActive,\n\t\t\ttabIndex: isActive || !value ? 0 : -1,\n\t\t\tonClick: () => handleSelect(item),\n\t\t\tclassName: cn('overflow-tab-bar--tab', tabClasses),\n\t\t} as const;\n\t\tif (item.href) {\n\t\t\treturn <a key={item.id} href={item.href} {...shared}>{inner}</a>;\n\t\t}\n\t\treturn <button key={item.id} type=\"button\" {...shared}>{inner}</button>;\n\t};\n\n\tconst moreContent = (\n\t\t<>\n\t\t\t<MoreHorizontal aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{strings.more}\n\t\t\t</Text>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={setRootRef}\n\t\t\tclassName={cn('overflow-tab-bar--component relative w-full min-w-0 max-w-full', className)}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t{/* Hidden measure row: every tab plus the More trigger at native width,\n\t\t\t    laid out but invisible, so the visible strip never has to guess. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false, { measure: true }))}\n\t\t\t\t<span data-more-measure=\"\" className={cn(TAB_BUTTON_BASE, TAB_INACTIVE)}>{moreContent}</span>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName=\"overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-radius bg-muted p-space-2xs align-top\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label={strings.navigationLabel}\n\t\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tclassName=\"overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t</div>\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\tactions={overflowItems.map((item) => ({\n\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\tlabel: item.label,\n\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\tonClick: () => handleSelect(item),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tcontentClassName={popoverWidthRecipes.menuMin}\n\t\t\t\t\t\twidth=\"w-auto\"\n\t\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t\tpreserveOrder\n\t\t\t\t\t\trenderTrigger={\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.more}\n\t\t\t\t\t\t\t\tclassName={cn(TAB_BUTTON_BASE, TAB_INACTIVE, 'overflow-tab-bar--more')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{moreContent}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n"],"mappings":"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"}
+{"version":3,"file":"overflow-tab-bar-DV7HE_3t.js","names":["_Fragment","Text","focusRecipes","ActionMenu","interactionRecipes","Badge","Fragment$1","defaultOverflowTabBarStrings","TAB_BUTTON_BASE","TAB_INACTIVE","TAB_ACTIVE","isSimpleText","value","fitOverflowTabs","widths","sum","width","gap","available","used","count","next","moreWidth","OverflowTabBar","forwardRef","stringsProp","rootProps","strings","useStrings","rootRef","useRef","trackRef","measureRef","visibleCount","setVisibleCount","useState","items","setRootRef","useCallback","node","ref","root","track","measure","compute","trackStyle","inset","tab","observer","orderedItems","useMemo","activeIdx","i","lastVisibleIdx","visibleItems","overflowItems","handleSelect","onValueChange","item","handleKeyDown","event","tabs","index","forward","renderTab","Icon","tabClasses","cn","isActive","activeTabClassName","tabClassName","inner","options","shared","moreContent","MoreHorizontal","className","popoverWidthRecipes"],"sources":["../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * The strip shares the segmented-tab recipe of `NavigationTabs` and `Tabs`:\n * a muted track, small action-height tabs with default-size labels, and a\n * lifted card-coloured active tab. Arrow keys, Home and End move focus between\n * tabs; Enter or Space activates the focused tab.\n *\n * Use `NavigationTabs` instead when a fixed route set cannot overflow.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ComponentPropsWithoutRef,\n\ttype KeyboardEvent,\n\ttype ReactNode,\n} from 'react';\n\nimport { ActionMenu } from '../action-menu';\nimport { Badge } from '../badge';\nimport { 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';\nimport { popoverWidthRecipes } from '../popover/popover.recipes';\n\nexport interface OverflowTabBarStrings {\n\tmore: string;\n\tnavigationLabel: string;\n}\n\nexport const defaultOverflowTabBarStrings: OverflowTabBarStrings = {\n\tmore: 'More',\n\tnavigationLabel: 'Tab navigation',\n};\n\nexport interface OverflowTabItem {\n\t/** Stable identity for this entry. */\n\tid: string;\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\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/** Entries to render, in order. */\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\t/** Fired with the id of the newly active tab. */\n\tonValueChange?: (id: string) => void;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<OverflowTabBarStrings>;\n}\n\n// Native buttons and anchors are reset explicitly: the package ships no preflight.\nconst TAB_BUTTON_BASE =\n\t`${interactionRecipes.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-radius px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ` +\n\t`${focusRecipes.edge} [&_svg]:size-icon [&_svg]:shrink-0`;\nconst TAB_INACTIVE = interactionRecipes.segmentInactive;\nconst TAB_ACTIVE = interactionRecipes.segmentActive;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** How many tabs fit, reserving room for the \"More\" trigger only when something overflows. */\nexport function fitOverflowTabs(widths: readonly number[], available: number, gap: number, moreWidth: number): number {\n\tconst total = widths.reduce((sum, width) => sum + width, 0) + gap * Math.max(0, widths.length - 1);\n\tif (total <= available) return widths.length;\n\tlet used = 0;\n\tlet count = 0;\n\tfor (const width of widths) {\n\t\tconst next = used + (count > 0 ? gap : 0) + width;\n\t\tif (next + gap + moreWidth > available) break;\n\t\tused = next;\n\t\tcount += 1;\n\t}\n\treturn Math.max(1, count);\n}\n\nexport const OverflowTabBar = forwardRef<HTMLDivElement, OverflowTabBarProps>(function OverflowTabBar({\n\titems,\n\tvalue,\n\tonValueChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultOverflowTabBarStrings, stringsProp);\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst trackRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\tconst setRootRef = useCallback((node: HTMLDivElement | null) => {\n\t\trootRef.current = node;\n\t\tif (typeof ref === 'function') ref(node);\n\t\telse if (ref) ref.current = node;\n\t}, [ref]);\n\n\t// Recompute how many tabs fit when the available width or the items change.\n\tuseLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tconst track = trackRef.current;\n\t\tconst measure = measureRef.current;\n\t\tif (!root || !track || !measure) return;\n\n\t\tconst compute = () => {\n\t\t\tconst trackStyle = getComputedStyle(track);\n\t\t\tconst inset = (parseFloat(trackStyle.paddingLeft) || 0) + (parseFloat(trackStyle.paddingRight) || 0);\n\t\t\tconst available = root.clientWidth - inset;\n\t\t\tif (available <= 0) {\n\t\t\t\tsetVisibleCount(items.length);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst gap = parseFloat(getComputedStyle(measure).columnGap) || 0;\n\t\t\tconst widths = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]')).map((tab) => tab.offsetWidth);\n\t\t\tconst moreWidth = measure.querySelector<HTMLElement>('[data-more-measure]')?.offsetWidth ?? 0;\n\t\t\tsetVisibleCount(fitOverflowTabs(widths, available, gap, moreWidth));\n\t\t};\n\n\t\tcompute();\n\t\tif (typeof ResizeObserver === 'undefined') return;\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(root);\n\t\treturn () => observer.disconnect();\n\t}, [items, strings.more]);\n\n\t// Ensure the active tab is always visible; if it falls into the overflow set,\n\t// swap it with the last visible tab.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonValueChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\t// Roving focus: arrows, Home and End move between tabs; activation stays on\n\t// Enter/Space so moving focus never navigates a link tab by itself.\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n\t\tconst tabs = Array.from(event.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n\t\tconst index = tabs.indexOf(event.target as HTMLElement);\n\t\tif (index < 0 || tabs.length === 0) return;\n\t\tconst rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n\t\tconst forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n\t\tconst next = event.key === 'Home'\n\t\t\t? 0\n\t\t\t: event.key === 'End'\n\t\t\t\t? tabs.length - 1\n\t\t\t\t: event.key === forward\n\t\t\t\t\t? (index + 1) % tabs.length\n\t\t\t\t\t: (index - 1 + tabs.length) % tabs.length;\n\t\tevent.preventDefault();\n\t\ttabs[next]?.focus();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean, options?: { measure?: boolean }) => {\n\t\tconst Icon = item.icon;\n\t\tconst tabClasses = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive ? cn(TAB_ACTIVE, activeTabClassName) : TAB_INACTIVE,\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon aria-hidden=\"true\" />}\n\t\t\t\t{isSimpleText(item.label) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : item.label}\n\t\t\t\t{item.badge !== undefined && item.badge !== null && item.badge !== false && (\n\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"overflow-tab-bar--badge\">\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (options?.measure) {\n\t\t\treturn (\n\t\t\t\t<span key={item.id} data-tab-id={item.id} className={cn('overflow-tab-bar--measure', tabClasses)}>\n\t\t\t\t\t{inner}\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\tconst shared = {\n\t\t\t'data-tab-id': item.id,\n\t\t\trole: 'tab',\n\t\t\t'aria-selected': isActive,\n\t\t\ttabIndex: isActive || !value ? 0 : -1,\n\t\t\tonClick: () => handleSelect(item),\n\t\t\tclassName: cn('overflow-tab-bar--tab', tabClasses),\n\t\t} as const;\n\t\tif (item.href) {\n\t\t\treturn <a key={item.id} href={item.href} {...shared}>{inner}</a>;\n\t\t}\n\t\treturn <button key={item.id} type=\"button\" {...shared}>{inner}</button>;\n\t};\n\n\tconst moreContent = (\n\t\t<>\n\t\t\t<MoreHorizontal aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{strings.more}\n\t\t\t</Text>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={setRootRef}\n\t\t\tclassName={cn('overflow-tab-bar--component relative w-full min-w-0 max-w-full', className)}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t{/* Hidden measure row: every tab plus the More trigger at native width,\n\t\t\t    laid out but invisible, so the visible strip never has to guess. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false, { measure: true }))}\n\t\t\t\t<span data-more-measure=\"\" className={cn(TAB_BUTTON_BASE, TAB_INACTIVE)}>{moreContent}</span>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName=\"overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-radius bg-muted p-space-2xs align-top\"\n\t\t\t>\n\t\t\t\t{/* oxlint-disable-next-line jsx-a11y/interactive-supports-focus -- Roving tabindex: focus stays on the items and the container handles their keys. */}\n\t\t\t\t<div\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label={strings.navigationLabel}\n\t\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tclassName=\"overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t</div>\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\tactions={overflowItems.map((item) => ({\n\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\tlabel: item.label,\n\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\tonClick: () => handleSelect(item),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tcontentClassName={popoverWidthRecipes.menuMin}\n\t\t\t\t\t\twidth=\"w-auto\"\n\t\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t\tpreserveOrder\n\t\t\t\t\t\trenderTrigger={\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.more}\n\t\t\t\t\t\t\t\tclassName={cn(TAB_BUTTON_BASE, TAB_INACTIVE, 'overflow-tab-bar--more')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{moreContent}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n"],"mappings":"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"}