themelia-react-ui 2.0.0 → 2.0.2

package/dist/metadata-list-8N16ZMW_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-list-8N16ZMW_.js","names":["_Fragment","Link","DateValue","_Fragment","affordanceGeometry","Text","DisplayLabel","textVariants","TooltipTrigger","TooltipContent","Tooltip","Grid","Stack","Value","Phone","Url","Email","EmptyValue","Link$1","Money","Time","DateTime","DatePrimitive","Badge","Separator","fieldAffordanceRecipes","React","Fragment$1","defaultMetadataListStrings","label","isEmpty","value","renderEmptyValue","cn","className","emptyLabel","assertNever","MetadataValue","props","MonoValue","metadataColumnRecipes","resolveMetadataColumns","columns","MetadataLabel","resolveKey","item","index","isPrimitiveMetadataValue","isMetadataValueDescriptor","renderMetadataValue","valueBase","isEmptyValue","renderItemValue","Tag","renderedClassName","MetadataInfoTrigger","triggerProps","ariaLabel","Info","MetadataItemInfo","strings","MetadataItemIcon","Icon","isCompact","MetadataList","stringsProp","useStrings","list","items","density","hasTitle","title","shouldShowSeparator","titleSeparator","rootClassName","head","layout","itemSeparatorText","itemSeparator","showItemSeparator","separator","rowPaddingY","isEndAligned","valueAlign","rowTrack","valueAlignClassName"],"sources":["../src/components/base/metadata-list/metadata-list.strings.ts","../src/components/base/metadata-list/metadata-value.tsx","../src/components/base/metadata-list/metadata-list.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<MetadataList>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <MetadataList strings={{ infoFallback: t('metadata.info') }} … />\n */\n\nexport interface MetadataListStrings {\n\t/**\n\t * Suffix appended to the label when generating the tooltip-trigger\n\t * `aria-label` (\"<label> info\"). Receives the label as the first arg\n\t * so consumers can localise the full template.\n\t */\n\tformatInfoAriaLabel: (label: string) => string;\n\t/** Fallback `aria-label` used when the field label is not a plain string. */\n\tinfoFallback: string;\n}\n\nexport const defaultMetadataListStrings: MetadataListStrings = {\n\tformatInfoAriaLabel: (label) => `${label} info`,\n\tinfoFallback: 'Info',\n};\n","/**\n * MetadataValue — primitive-backed adapter for typed label/value facts.\n *\n * Each descriptor kind exposes only the fields its primitive consumes. Custom\n * `node` values remain untouched so app-owned composition keeps its identity.\n */\nimport type { ReactNode } from 'react';\nimport type { Locale } from 'date-fns';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport {\n\tDate as DateValue,\n\tDateTime,\n\tEmail,\n\tEmptyValue,\n\tLink,\n\tMoney,\n\tMonoValue,\n\tPhone,\n\tTime,\n\tUrl,\n\tValue,\n\ttype DateInput,\n\ttype DatePreset,\n\ttype MoneyProps,\n\ttype TimeProps,\n} from '../../primitives';\nimport { EMPTY } from '../../../lib/format';\nimport { cn } from '../../../lib/utils';\n\nexport type MetadataValueKind =\n\t| 'text'\n\t| 'mono'\n\t| 'email'\n\t| 'phone'\n\t| 'url'\n\t| 'link'\n\t| 'date'\n\t| 'time'\n\t| 'datetime'\n\t| 'money'\n\t| 'badge'\n\t| 'node'\n\t| 'empty';\n\ntype MetadataDisplayValue = Exclude<ReactNode, null | undefined>;\ntype MetadataDateInput = Exclude<DateInput, null | undefined>;\n/** Styling hook shared by every descriptor. */\ntype MetadataDescriptorBase = {\n\t/** Merged onto the rendered value. */\n\tclassName?: string;\n};\n/** Empty handling shared by every descriptor that can receive a blank value. */\ntype MetadataValueFallback = {\n\t/** Copy shown when the value is empty. Defaults to an em dash. */\n\temptyLabel?: ReactNode;\n};\n/** Escape hatch for descriptors whose value can be rendered by the caller. */\ntype MetadataDisplayOverride = {\n\t/** Pre-rendered content used verbatim, bypassing this descriptor's formatting. */\n\tdisplay?: ReactNode;\n};\n\nexport type MetadataTextValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** Plain text. The default when `kind` is omitted. */\n\tkind?: 'text';\n\t/** The value to show. */\n\tvalue: MetadataDisplayValue;\n};\n\nexport type MetadataMonoValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** Monospace, for ids, hashes, and codes. */\n\tkind: 'mono';\n\t/** The value to show. */\n\tvalue: MetadataDisplayValue;\n};\n\nexport type MetadataContactValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** Contact value, rendered as the matching `mailto:`, `tel:`, or external link. */\n\tkind: 'email' | 'phone' | 'url';\n\t/** The address, number, or URL. */\n\tvalue: string;\n};\n\nexport type MetadataLinkValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** An arbitrary link, where text and destination differ. */\n\tkind: 'link';\n\t/** Destination for the entry, when it navigates. */\n\thref: string;\n\t/** Link text. Falls back to `href` when omitted. */\n\tvalue?: MetadataDisplayValue;\n};\n\nexport type MetadataDateValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A calendar date. */\n\tkind: 'date';\n\t/** The date to format. */\n\tvalue: MetadataDateInput;\n\t/** date-fns `Locale` for formatting. */\n\tdateLocale?: Locale;\n\t/** date-fns pattern, overriding `datePreset`. */\n\tdateFormat?: string;\n\t/** Named date length. */\n\tdatePreset?: DatePreset;\n};\n\nexport type MetadataTimeValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A time of day. */\n\tkind: 'time';\n\t/** The time to format. */\n\tvalue: MetadataDateInput;\n\t/** date-fns `Locale` for formatting. */\n\tdateLocale?: Locale;\n\t/** date-fns pattern, overriding `timePreset`. */\n\ttimeFormat?: string;\n\t/** Named time length. */\n\ttimePreset?: TimeProps['preset'];\n};\n\nexport type MetadataDateTimeValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\tkind: 'datetime';\n\t/** The instant to format. */\n\tvalue: MetadataDateInput;\n\t/** date-fns `Locale` for formatting. */\n\tdateLocale?: Locale;\n\t/** date-fns pattern for the date portion. */\n\tdateFormat?: string;\n\t/** date-fns pattern for the time portion. */\n\ttimeFormat?: string;\n\t/** Named date length, used when `dateFormat` is omitted. */\n\tdatePreset?: DatePreset;\n};\n\nexport type MetadataMoneyValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A monetary amount. */\n\tkind: 'money';\n\t/** The amount, in major units unless `minorUnitScale` says otherwise. */\n\tvalue: number | string;\n\t/** ISO currency code. */\n\tcurrency?: MoneyProps['currency'];\n\t/** Unit label shown after the amount. */\n\tunit?: MoneyProps['unit'];\n\t/** Divisor applied when the value arrives in minor units, e.g. `100` for cents. */\n\tminorUnitScale?: MoneyProps['minorUnitScale'];\n\t/** Explicit currency symbol, overriding the one derived from `currency`. */\n\tsymbol?: MoneyProps['symbol'];\n\t/** Whether the currency shows as a symbol, code, or name. */\n\tcurrencyDisplay?: MoneyProps['currencyDisplay'];\n\t/** Selects the compact or full presentation. */\n\tformatMode?: MoneyProps['formatMode'];\n\t/** Smallest number of decimals to show. */\n\tminimumFractionDigits?: MoneyProps['minimumFractionDigits'];\n\t/** Largest number of decimals to show. */\n\tmaximumFractionDigits?: MoneyProps['maximumFractionDigits'];\n\t/** BCP 47 locale for the amount. */\n\tlocale?: MoneyProps['locale'];\n};\n\nexport type MetadataBadgeValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** A status chip. */\n\tkind: 'badge';\n\t/** Badge text. */\n\tvalue: MetadataDisplayValue;\n\t/** Badge tone. */\n\tbadgeTone?: BadgeProps['tone'];\n\t/** Badge size. */\n\tbadgeSize?: BadgeProps['size'];\n};\n\nexport type MetadataNodeValueDescriptor = {\n\t/** Arbitrary content, bypassing every formatting path. */\n\tkind: 'node';\n\t/** The content to render. */\n\tnode: ReactNode;\n};\n\nexport type MetadataEmptyValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A known-absent value, rendered as the empty label rather than omitted. */\n\tkind: 'empty';\n};\n\nexport type MetadataValueDescriptor =\n\t| MetadataTextValueDescriptor\n\t| MetadataMonoValueDescriptor\n\t| MetadataContactValueDescriptor\n\t| MetadataLinkValueDescriptor\n\t| MetadataDateValueDescriptor\n\t| MetadataTimeValueDescriptor\n\t| MetadataDateTimeValueDescriptor\n\t| MetadataMoneyValueDescriptor\n\t| MetadataBadgeValueDescriptor\n\t| MetadataNodeValueDescriptor\n\t| MetadataEmptyValueDescriptor;\n\nexport type MetadataValueProps = MetadataValueDescriptor;\n\nfunction isEmpty(value: unknown) {\n\treturn value === null || value === undefined || value === '';\n}\n\nfunction renderEmptyValue(className: string | undefined, emptyLabel: ReactNode = EMPTY) {\n\treturn (\n\t\t<EmptyValue className={cn('metadata-value--component', className)}>\n\t\t\t{emptyLabel}\n\t\t</EmptyValue>\n\t);\n}\n\nfunction assertNever(_value: never): never {\n\tthrow new Error('Unsupported metadata value descriptor.');\n}\n\nexport function MetadataValue(props: MetadataValueProps) {\n\tif (props.kind === 'node') return <>{props.node}</>;\n\tif (props.kind === 'empty') return renderEmptyValue(props.className, props.emptyLabel);\n\n\tif (props.kind !== 'link' && isEmpty(props.value)) {\n\t\treturn renderEmptyValue(props.className, props.emptyLabel);\n\t}\n\n\tswitch (props.kind) {\n\t\tcase undefined:\n\t\tcase 'text':\n\t\t\treturn (\n\t\t\t\t<Value type=\"inherit\" className={cn('metadata-value--component', props.className)}>\n\t\t\t\t\t{props.display ?? props.value}\n\t\t\t\t</Value>\n\t\t\t);\n\t\tcase 'mono':\n\t\t\treturn (\n\t\t\t\t<MonoValue type=\"inherit\" className={cn('metadata-value--component', props.className)}>\n\t\t\t\t\t{props.display ?? props.value}\n\t\t\t\t</MonoValue>\n\t\t\t);\n\t\tcase 'email':\n\t\t\treturn <Email value={props.value} display={props.display} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'phone':\n\t\t\treturn <Phone value={props.value} display={props.display} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'url':\n\t\t\treturn <Url value={props.value} display={props.display} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'link':\n\t\t\treturn (\n\t\t\t\t<Link href={props.href} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)}>\n\t\t\t\t\t{props.display ?? props.value ?? props.href}\n\t\t\t\t</Link>\n\t\t\t);\n\t\tcase 'date':\n\t\t\treturn <DateValue type=\"inherit\" value={props.value} format={props.dateFormat} preset={props.datePreset} locale={props.dateLocale} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'time':\n\t\t\treturn <Time type=\"inherit\" value={props.value} format={props.timeFormat} preset={props.timePreset} locale={props.dateLocale} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'datetime':\n\t\t\treturn <DateTime type=\"inherit\" value={props.value} format={props.dateFormat} timeFormat={props.timeFormat} preset={props.datePreset} locale={props.dateLocale} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'money':\n\t\t\treturn (\n\t\t\t\t<Money\n\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\tamount={props.value}\n\t\t\t\t\tcurrency={props.currency}\n\t\t\t\t\tunit={props.unit}\n\t\t\t\t\tminorUnitScale={props.minorUnitScale}\n\t\t\t\t\tsymbol={props.symbol}\n\t\t\t\t\tcurrencyDisplay={props.currencyDisplay}\n\t\t\t\t\tformatMode={props.formatMode}\n\t\t\t\t\tminimumFractionDigits={props.minimumFractionDigits}\n\t\t\t\t\tmaximumFractionDigits={props.maximumFractionDigits}\n\t\t\t\t\tlocale={props.locale}\n\t\t\t\t\temptyLabel={props.emptyLabel}\n\t\t\t\t\tclassName={cn('metadata-value--component', props.className)}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'badge':\n\t\t\treturn (\n\t\t\t\t<Badge\n\t\t\t\t\ttone={props.badgeTone ?? 'secondary'}\n\t\t\t\t\tsize={props.badgeSize}\n\t\t\t\t\tinline\n\t\t\t\t\tclassName={cn('metadata-value--component self-start justify-self-start', props.className)}\n\t\t\t\t>\n\t\t\t\t\t{props.display ?? props.value}\n\t\t\t\t</Badge>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn assertNever(props);\n\t}\n}\n\nMetadataValue.displayName = 'MetadataValue';\n","/**\n * MetadataList — flexible label/value list for entity metadata.\n *\n * Three layouts:\n *  - `grid` (default): label-on-top, value-below cells for entity details.\n *  - `rows`: a two-column definition list (`<dl>`) on proportional tracks.\n *    Rules between rows are opt-in through `itemSeparator`.\n *  - `inline`: label/separator/value pairs that wrap, suitable for\n *    pill-style summaries (e.g. \"Created Jan 4 · By Alice · v3.2\").\n *\n * Each item supports an optional icon, tooltip, React-node value, custom\n * `render`, and per-item `emptyLabel`. Falls back to the shared `EMPTY` when\n * both are missing. Returns `null` when the list is empty so callers can render\n * unconditionally.\n */\nimport { Info } from 'lucide-react';\nimport React from 'react';\n\nimport { Separator } from '../display/separator';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../display/tooltip';\nimport { Grid, Stack, type ResponsiveValue } from '../structure';\nimport { DisplayLabel } from '../../typography/display-label';\nimport { Text } from '../../typography/text';\nimport { textVariants } from '../../typography/text.styles';\nimport { EMPTY } from '../../../lib/format';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultMetadataListStrings,\n\ttype MetadataListStrings,\n} from './metadata-list.strings';\nimport {\n\tMetadataValue,\n\ttype MetadataValueDescriptor,\n} from './metadata-value';\n\nexport type { MetadataListStrings };\nexport { defaultMetadataListStrings };\n\nexport type MetadataListItem = {\n\t/** Stable identity for this entry. Without one the label and index stand in. */\n\tid?: string;\n\t/** Display label. */\n\tlabel: React.ReactNode;\n\t/** A node, or a descriptor that names the fact's kind. */\n\tvalue?: React.ReactNode | MetadataValueDescriptor | null;\n\t/** Supporting copy shown under the value. */\n\tdescription?: React.ReactNode | null;\n\t/** Shown from an info trigger beside the label, named after the label through `strings.formatInfoAriaLabel`. */\n\ttooltip?: React.ReactNode;\n\t/** Leading glyph. Any component that accepts `className`, including Lucide icons. */\n\ticon?: React.ComponentType<{ className?: string }>;\n\t/** Shown when this item's value is absent, in place of the list's `emptyLabel`. */\n\temptyLabel?: React.ReactNode;\n\t/** Takes over the value. The output sits in the value box, so it inherits the value's type role. */\n\trender?: (item: MetadataListItem) => React.ReactNode;\n};\n\nexport type MetadataInlineListItem = Omit<MetadataListItem, 'description'> & {\n\tdescription?: never;\n};\n\nexport type MetadataLayout = 'grid' | 'rows' | 'inline';\nexport type MetadataDensity = 'default' | 'compact';\n\ntype MetadataListSharedProps = {\n\t/** How many columns the grid layout uses. Accepts a per-breakpoint value. */\n\tcolumns?: ResponsiveValue<1 | 2 | 3 | 4>;\n\t/** Row spacing. `compact` tightens the list for dense panels. */\n\tdensity?: MetadataDensity;\n\t/** Copy shown for an item whose value is empty. Defaults to an em dash. */\n\temptyLabel?: React.ReactNode;\n\t/** Surface title. */\n\ttitle?: React.ReactNode;\n\t/** Draws a rule between the title and the first item. */\n\ttitleSeparator?: boolean;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Character placed between a label and its value. Defaults to a colon. */\n\tseparator?: string;\n\t/**\n\t * Divider between items, off by default. In `rows`, any truthy value draws a\n\t * rule between rows (never at the ends). In `inline`, `true` places a middle\n\t * dot (`·`) and a string places that character.\n\t */\n\titemSeparator?: boolean | string;\n\t/** Per-instance string overrides (deep-merged over `defaultMetadataListStrings`). */\n\tstrings?: StringsProp<MetadataListStrings>;\n};\n\ntype MetadataGridRowsProps = MetadataListSharedProps & {\n\t/** Label/value pairs to render. */\n\titems: MetadataListItem[];\n\t/** `grid` flows items into `columns`; `rows` stacks them one per line. Default: `grid`. */\n\tlayout?: 'grid' | 'rows';\n\t/**\n\t * Rows layout only. `start` (default) places values and descriptions at the\n\t * start of proportional label/value tracks; `end` pins them to the row's end\n\t * edge, for figures that read down a column.\n\t */\n\tvalueAlign?: 'start' | 'end';\n};\n\ntype MetadataInlineProps = MetadataListSharedProps & {\n\t/** Label/value pairs run together on wrapping lines. Inline items take no description. */\n\titems: MetadataInlineListItem[];\n\t/** Runs the label/value pairs together on one line, separated by `itemSeparator`. */\n\tlayout: 'inline';\n\t/** Not used by the inline layout. */\n\tvalueAlign?: never;\n};\n\nexport type MetadataListProps =\n\t| MetadataGridRowsProps\n\t| MetadataInlineProps;\n\nconst metadataColumnRecipes: Record<1 | 2 | 3 | 4, ResponsiveValue<1 | 2 | 3 | 4>> = {\n\t1: 1,\n\t2: { base: 1, md: 2 },\n\t3: { base: 1, sm: 2, lg: 3 },\n\t4: { base: 1, sm: 2, lg: 3, xl: 4 },\n};\n\nfunction resolveMetadataColumns(\n\tcolumns: ResponsiveValue<1 | 2 | 3 | 4>,\n): ResponsiveValue<1 | 2 | 3 | 4> {\n\treturn typeof columns === 'object' ? columns : metadataColumnRecipes[columns];\n}\n\n/**\n * Item labels keep the display-label role (default size, tight leading,\n * inherited foreground) at semibold: medium weight does not separate a label from its\n * value on every font, and the label is what a reader scans for. Labels wrap in\n * every layout, breaking long unspaced words rather than overflowing.\n */\nfunction MetadataLabel({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t<Text type=\"inherit\" tag=\"span\" size=\"sm\" weight=\"semibold\" lineHeight=\"tight\" className=\"metadata-list--label metadata--field min-w-0 text-left [overflow-wrap:anywhere]\">\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nconst resolveKey = (item: MetadataListItem, index: number): string => {\n\tif (item.id) {\n\t\treturn item.id;\n\t}\n\n\tconst rawLabel = typeof item.label === 'string' ? item.label : `${index}`;\n\treturn `metadata-${rawLabel}-${index}`;\n};\n\nfunction isPrimitiveMetadataValue(value: React.ReactNode): value is string | number {\n\treturn typeof value === 'string' || typeof value === 'number';\n}\n\nfunction isMetadataValueDescriptor(value: unknown): value is MetadataValueDescriptor {\n\treturn (\n\t\ttypeof value === 'object' &&\n\t\tvalue !== null &&\n\t\t!React.isValidElement(value) &&\n\t\t!Array.isArray(value) &&\n\t\t('kind' in value || 'node' in value || 'value' in value)\n\t);\n}\n\nfunction renderMetadataValue({\n\tvalue,\n\tisEmptyValue,\n\temptyLabel,\n\tvalueBase,\n}: {\n\tvalue: React.ReactNode | MetadataValueDescriptor;\n\tisEmptyValue: boolean;\n\temptyLabel: React.ReactNode;\n\tvalueBase: string;\n}) {\n\tif (isMetadataValueDescriptor(value)) {\n\t\tif (value.kind === 'node') return <MetadataValue {...value} />;\n\t\treturn (\n\t\t\t<MetadataValue\n\t\t\t\t{...value}\n\t\t\t\temptyLabel={value.emptyLabel ?? emptyLabel}\n\t\t\t\tclassName={cn(valueBase, value.className)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (isPrimitiveMetadataValue(value)) {\n\t\treturn (\n\t\t\t<MetadataValue\n\t\t\t\tvalue={value}\n\t\t\t\tkind={isEmptyValue ? 'empty' : 'text'}\n\t\t\t\temptyLabel={emptyLabel}\n\t\t\t\tclassName={valueBase}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn value;\n}\n\n/**\n * Generated values go through `MetadataValue`. A custom renderer's output sits\n * in the value box, so it takes the value's type role (size, leading,\n * foreground) like a generated value.\n */\nfunction renderItemValue({\n\titem,\n\tvalueBase,\n\trenderedClassName,\n\ttag: Tag = 'div',\n\temptyLabel,\n}: {\n\titem: MetadataListItem;\n\tvalueBase: string;\n\trenderedClassName: string;\n\ttag?: 'div' | 'span';\n\temptyLabel: React.ReactNode;\n}) {\n\tif (typeof item.render === 'function') {\n\t\treturn <Tag className={renderedClassName}>{item.render(item)}</Tag>;\n\t}\n\treturn renderMetadataValue({\n\t\tvalue: item.value ?? emptyLabel,\n\t\tisEmptyValue: item.value === null || item.value === undefined,\n\t\temptyLabel,\n\t\tvalueBase,\n\t});\n}\n\n/**\n * The trigger keeps the shared clear-target size for pointer comfort, while\n * negative block margins pull its box back to the glyph, so a tooltip never\n * makes its label line taller than its neighbours'.\n */\nfunction MetadataInfoTrigger({\n\ttriggerProps,\n\tariaLabel,\n}: {\n\ttriggerProps: React.ComponentProps<'button'>;\n\tariaLabel: string;\n}) {\n\tconst { className, ...props } = triggerProps;\n\treturn (\n\t\t<button\n\t\t\t{...props}\n\t\t\ttype=\"button\"\n\t\t\tclassName={cn(\n\t\t\t\t'metadata-list--info-trigger',\n\t\t\t\tfieldAffordanceRecipes.target,\n\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\tfieldAffordanceRecipes.clear,\n\t\t\t\taffordanceGeometry.clearTargetBleed,\n\t\t\t\t'cursor-help self-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<Info className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t</button>\n\t);\n}\n\nfunction MetadataItemInfo({\n\titem,\n\tstrings,\n}: {\n\titem: MetadataListItem;\n\tstrings: MetadataListStrings;\n}) {\n\tif (item.tooltip === null || item.tooltip === undefined) return null;\n\treturn (\n\t\t<Tooltip>\n\t\t\t<TooltipTrigger\n\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t<MetadataInfoTrigger\n\t\t\t\t\t\ttriggerProps={triggerProps}\n\t\t\t\t\t\tariaLabel={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<TooltipContent side=\"top\" align=\"start\" className=\"max-w-80\">\n\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t</TooltipContent>\n\t\t</Tooltip>\n\t);\n}\n\nfunction MetadataItemIcon({ item, isCompact }: { item: MetadataListItem; isCompact: boolean }) {\n\tconst Icon = item.icon;\n\tif (!Icon) return null;\n\treturn (\n\t\t<Icon\n\t\t\tclassName={cn(\n\t\t\t\t'flex-shrink-0 self-center text-muted-foreground',\n\t\t\t\tisCompact ? 'size-icon-sm' : 'size-icon',\n\t\t\t)}\n\t\t/>\n\t);\n}\n\nexport function MetadataList({\n\titems,\n\tcolumns = 2,\n\tdensity = 'default',\n\temptyLabel = EMPTY,\n\ttitle,\n\ttitleSeparator = false,\n\tclassName,\n\tlayout = 'grid',\n\tseparator = ': ',\n\titemSeparator = false,\n\tvalueAlign = 'start',\n\tstrings: stringsProp,\n}: MetadataListProps) {\n\tconst strings = useStrings(defaultMetadataListStrings, stringsProp);\n\tconst list = React.useMemo(() => (items as MetadataListItem[]).filter(Boolean), [items]);\n\n\tif (list.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst isCompact = density === 'compact';\n\tconst valueBase = 'metadata-list--value text-sm';\n\tconst hasTitle = title !== null && title !== undefined;\n\tconst shouldShowSeparator = hasTitle && titleSeparator;\n\tconst rootClassName = cn('metadata-list--component', 'metadata-list-container @container/metadata-list', className);\n\tconst head = (\n\t\t<>\n\t\t\t{!!hasTitle && (\n\t\t\t\t<DisplayLabel tag=\"div\" className=\"metadata-list--title block text-inherit\">\n\t\t\t\t\t{title}\n\t\t\t\t</DisplayLabel>\n\t\t\t)}\n\t\t\t{!!shouldShowSeparator && <Separator className=\"metadata-list--title-separator\" />}\n\t\t</>\n\t);\n\n\tif (layout === 'inline') {\n\t\tconst itemSeparatorText =\n\t\t\ttypeof itemSeparator === 'string'\n\t\t\t\t? itemSeparator\n\t\t\t\t: itemSeparator\n\t\t\t\t\t? '·'\n\t\t\t\t\t: '';\n\n\t\treturn (\n\t\t\t<Stack gap=\"sm\" data-metadata-density={density} className={rootClassName}>\n\t\t\t\t{head}\n\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\talign=\"baseline\"\n\t\t\t\t\tgap={isCompact ? 'sm' : 'md'}\n\t\t\t\t\tclassName=\"metadata-list--inline\"\n\t\t\t\t>\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst showItemSeparator = itemSeparatorText && index < list.length - 1;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={resolveKey(item, index)}>\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" gap=\"xs\" className=\"metadata-list--item min-w-0 [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-center\">\n\t\t\t\t\t\t\t\t\t<MetadataItemIcon item={item} isCompact={isCompact} />\n\n\t\t\t\t\t\t\t\t\t{/* Label, optional info trigger, and the separator are one\n\t\t\t\t\t\t\t\t\t    unit that never wraps apart: the item Stack's gap would\n\t\t\t\t\t\t\t\t\t    otherwise fall between the label and the colon and render\n\t\t\t\t\t\t\t\t\t    \"SKU : value\" — French spacing — instead of \"SKU: value\".\n\t\t\t\t\t\t\t\t\t    The label itself still wraps inside the unit. */}\n\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"none\" align=\"baseline\" wrap={false} className=\"max-w-full shrink-0\">\n\t\t\t\t\t\t\t\t\t\t<MetadataLabel>\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t</MetadataLabel>\n\n\t\t\t\t\t\t\t\t\t\t<MetadataItemInfo item={item} strings={strings} />\n\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t\t\t\t{renderItemValue({\n\t\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\t\ttag: 'span',\n\t\t\t\t\t\t\t\t\t\temptyLabel: item.emptyLabel ?? emptyLabel,\n\t\t\t\t\t\t\t\t\t\tvalueBase: cn(valueBase, 'leading-tight'),\n\t\t\t\t\t\t\t\t\t\trenderedClassName: cn(valueBase, textVariants({ type: 'inherit', size: 'sm', lineHeight: 'tight' })),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t\t\t{!!showItemSeparator && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"metadata-list--item-separator select-none\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{itemSeparatorText}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t);\n\t}\n\n\tif (layout === 'rows') {\n\t\tconst rowPaddingY = isCompact ? 'py-row-y-sm' : 'py-row-y';\n\t\tconst isEndAligned = valueAlign === 'end';\n\t\t// `start` uses proportional tracks, so values line up down the list\n\t\t// without a label min-width that would crowd phones. `end` keeps the\n\t\t// label track flexible and pins a content-sized value to the row end.\n\t\tconst rowTrack = isEndAligned\n\t\t\t? 'grid-cols-[minmax(0,1fr)_fit-content(60%)] gap-x-space-md'\n\t\t\t: cn('grid-cols-[minmax(0,2fr)_minmax(0,3fr)]', isCompact ? 'gap-x-space-lg' : 'gap-x-space-xl');\n\t\tconst valueAlignClassName = isEndAligned ? 'text-end' : 'text-start';\n\t\treturn (\n\t\t\t<Stack gap=\"sm\" data-metadata-density={density} className={rootClassName}>\n\t\t\t\t{head}\n\t\t\t\t<Stack\n\t\t\t\t\trender={<dl />}\n\t\t\t\t\tgap=\"none\"\n\t\t\t\t\tdata-value-align={valueAlign}\n\t\t\t\t\tclassName={cn('metadata-list--rows m-0', !!itemSeparator && 'divide-y divide-border/60')}\n\t\t\t\t>\n\t\t\t\t\t{list.map((item, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={resolveKey(item, index)}\n\t\t\t\t\t\t\tclassName={cn('metadata-list--item grid items-baseline', rowTrack, rowPaddingY)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<dt className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<MetadataItemIcon item={item} isCompact={isCompact} />\n\t\t\t\t\t\t\t\t<MetadataLabel>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</MetadataLabel>\n\t\t\t\t\t\t\t\t<MetadataItemInfo item={item} strings={strings} />\n\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t<dd\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'm-0 grid min-w-0 gap-dense break-words [overflow-wrap:anywhere] [&>*]:max-w-full [&>*]:min-w-0',\n\t\t\t\t\t\t\t\t\tvalueAlignClassName,\n\t\t\t\t\t\t\t\t\tisEndAligned\n\t\t\t\t\t\t\t\t\t\t? 'justify-items-end [&>.badge--component]:justify-self-end'\n\t\t\t\t\t\t\t\t\t\t: 'justify-items-start [&>.badge--component]:justify-self-start',\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{renderItemValue({\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\temptyLabel: item.emptyLabel ?? emptyLabel,\n\t\t\t\t\t\t\t\t\tvalueBase: cn(valueBase, valueAlignClassName, 'break-words leading-tight'),\n\t\t\t\t\t\t\t\t\trenderedClassName: cn(valueBase, 'break-words', textVariants({ type: 'inherit', size: 'sm', lineHeight: 'tight', align: isEndAligned ? 'right' : 'left' })),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" align={isEndAligned ? 'right' : 'left'} lineHeight=\"snug\" className=\"metadata-list--description\">\n\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</div>\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 gap=\"sm\" data-metadata-density={density} className={rootClassName}>\n\t\t\t{head}\n\n\t\t\t<Grid\n\t\t\t\tcolumns={resolveMetadataColumns(columns)}\n\t\t\t\tgap={isCompact ? 'md' : 'xl'}\n\t\t\t\talign=\"start\"\n\t\t\t\tclassName=\"metadata-list--grid\"\n\t\t\t>\n\t\t\t\t{list.map((item, index) => (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tkey={resolveKey(item, index)}\n\t\t\t\t\t\tgap={isCompact ? 'dense' : 'normal'}\n\t\t\t\t\t\tclassName=\"metadata-list--item min-w-0 items-start [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-start\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t\t\t<MetadataItemIcon item={item} isCompact={isCompact} />\n\n\t\t\t\t\t\t\t<MetadataLabel>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</MetadataLabel>\n\n\t\t\t\t\t\t\t<MetadataItemInfo item={item} strings={strings} />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{renderItemValue({\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\temptyLabel: item.emptyLabel ?? emptyLabel,\n\t\t\t\t\t\t\tvalueBase: cn(valueBase, 'leading-tight'),\n\t\t\t\t\t\t\trenderedClassName: cn(valueBase, textVariants({ type: 'inherit', size: 'sm', lineHeight: 'tight' })),\n\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tlineHeight=\"snug\"\n\t\t\t\t\t\t\t\tclassName=\"metadata-list--description\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t))}\n\t\t\t</Grid>\n\t\t</Stack>\n\t);\n}\n\nMetadataList.displayName = 'MetadataList';\n"],"mappings":"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"}

package/dist/{motion-recipes-B6jKXEcN.js → motion-recipes-ChBg4HBq.js}

@@ -19,9 +19,10 @@ var e = "motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:da
 	].join(" "),
 	popup: `transition-[opacity,scale,translate] duration-150 ease-out data-ending-style:duration-100 ${t} ${n} ${r} ${e}`,
 	disclosure: `overflow-hidden transition-[height,padding-block] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0 data-starting-style:py-0! data-ending-style:py-0! ${e}`,
-	chevron: `transition-transform duration-200 ease-out ${e}`
+	chevron: `transition-transform duration-200 ease-out ${e}`,
+	dock: `transition-[opacity,translate] duration-150 ease-out starting:opacity-0 starting:translate-y-space-lg ${e}`
 };
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=motion-recipes-B6jKXEcN.js.map
+//# sourceMappingURL=motion-recipes-ChBg4HBq.js.map

package/dist/{motion-recipes-B6jKXEcN.js.map → motion-recipes-ChBg4HBq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"motion-recipes-B6jKXEcN.js","names":["reducedMotion","fadeStates","scaleStates","popupOffset","motionRecipes"],"sources":["../src/lib/motion-recipes.ts"],"sourcesContent":["/** Private CSS motion recipes. Base UI owns measurement, presence and focus. */\nconst reducedMotion = 'motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0';\nconst fadeStates = 'data-starting-style:opacity-0 data-ending-style:opacity-0';\nconst scaleStates = 'data-starting-style:scale-95 data-ending-style:scale-95';\nconst popupOffset = [\n '[&:not([data-align-trigger=true])]:data-[side=bottom]:data-starting-style:-translate-y-1 [&:not([data-align-trigger=true])]:data-[side=bottom]:data-ending-style:-translate-y-1',\n '[&:not([data-align-trigger=true])]:data-[side=top]:data-starting-style:translate-y-1 [&:not([data-align-trigger=true])]:data-[side=top]:data-ending-style:translate-y-1',\n '[&:not([data-align-trigger=true])]:data-[side=left]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=left]:data-ending-style:translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=right]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=right]:data-ending-style:-translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=inline-start]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-start]:data-ending-style:translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=inline-end]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-end]:data-ending-style:-translate-x-1',\n].join(' ');\n\nexport const motionRecipes = {\n backdrop: `transition-opacity duration-200 ease-out data-ending-style:duration-100 ${fadeStates} ${reducedMotion}`,\n dialog: `transition-[opacity,scale] duration-200 ease-out data-ending-style:duration-150 ${fadeStates} ${scaleStates} ${reducedMotion}`,\n drawer: [\n  'transition-[translate] duration-250 ease-out data-ending-style:duration-200',\n  'data-[side=right]:data-starting-style:translate-x-full data-[side=right]:data-ending-style:translate-x-full',\n  'data-[side=left]:data-starting-style:-translate-x-full data-[side=left]:data-ending-style:-translate-x-full',\n  'data-[side=bottom]:data-starting-style:translate-y-full data-[side=bottom]:data-ending-style:translate-y-full',\n  'data-[side=top]:data-starting-style:-translate-y-full data-[side=top]:data-ending-style:-translate-y-full',\n  reducedMotion,\n ].join(' '),\n popup: `transition-[opacity,scale,translate] duration-150 ease-out data-ending-style:duration-100 ${fadeStates} ${scaleStates} ${popupOffset} ${reducedMotion}`,\n disclosure: `overflow-hidden transition-[height,padding-block] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0 data-starting-style:py-0! data-ending-style:py-0! ${reducedMotion}`,\n chevron: `transition-transform duration-200 ease-out ${reducedMotion}`,\n} as const;\n"],"mappings":";AACA,IAAMA,IAAgB,qGAChBC,IAAa,6DACbC,IAAc,2DACdC,IAAc;CACnB;CACA;CACA;CACA;CACA;CACA;AACD,CAAC,CAAC,KAAK,GAAG,GAEGC,IAAgB;CAC5B,UAAU,2EAA2EH,EAAW,GAAGD;CACnG,QAAQ,mFAAmFC,EAAW,GAAGC,EAAY,GAAGF;CACxH,QAAQ;EACP;EACA;EACA;EACA;EACA;EACAA;CACD,CAAC,CAAC,KAAK,GAAG;CACV,OAAO,6FAA6FC,EAAW,GAAGC,EAAY,GAAGC,EAAY,GAAGH;CAChJ,YAAY,2KAA2KA;CACvL,SAAS,8CAA8CA;AACxD"}
+{"version":3,"file":"motion-recipes-ChBg4HBq.js","names":["reducedMotion","fadeStates","scaleStates","popupOffset","motionRecipes"],"sources":["../src/lib/motion-recipes.ts"],"sourcesContent":["/** Private CSS motion recipes. Base UI owns measurement, presence and focus. */\nconst reducedMotion = 'motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0';\nconst fadeStates = 'data-starting-style:opacity-0 data-ending-style:opacity-0';\nconst scaleStates = 'data-starting-style:scale-95 data-ending-style:scale-95';\nconst popupOffset = [\n '[&:not([data-align-trigger=true])]:data-[side=bottom]:data-starting-style:-translate-y-1 [&:not([data-align-trigger=true])]:data-[side=bottom]:data-ending-style:-translate-y-1',\n '[&:not([data-align-trigger=true])]:data-[side=top]:data-starting-style:translate-y-1 [&:not([data-align-trigger=true])]:data-[side=top]:data-ending-style:translate-y-1',\n '[&:not([data-align-trigger=true])]:data-[side=left]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=left]:data-ending-style:translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=right]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=right]:data-ending-style:-translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=inline-start]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-start]:data-ending-style:translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=inline-end]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-end]:data-ending-style:-translate-x-1',\n].join(' ');\n\nexport const motionRecipes = {\n backdrop: `transition-opacity duration-200 ease-out data-ending-style:duration-100 ${fadeStates} ${reducedMotion}`,\n dialog: `transition-[opacity,scale] duration-200 ease-out data-ending-style:duration-150 ${fadeStates} ${scaleStates} ${reducedMotion}`,\n drawer: [\n  'transition-[translate] duration-250 ease-out data-ending-style:duration-200',\n  'data-[side=right]:data-starting-style:translate-x-full data-[side=right]:data-ending-style:translate-x-full',\n  'data-[side=left]:data-starting-style:-translate-x-full data-[side=left]:data-ending-style:-translate-x-full',\n  'data-[side=bottom]:data-starting-style:translate-y-full data-[side=bottom]:data-ending-style:translate-y-full',\n  'data-[side=top]:data-starting-style:-translate-y-full data-[side=top]:data-ending-style:-translate-y-full',\n  reducedMotion,\n ].join(' '),\n popup: `transition-[opacity,scale,translate] duration-150 ease-out data-ending-style:duration-100 ${fadeStates} ${scaleStates} ${popupOffset} ${reducedMotion}`,\n disclosure: `overflow-hidden transition-[height,padding-block] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0 data-starting-style:py-0! data-ending-style:py-0! ${reducedMotion}`,\n chevron: `transition-transform duration-200 ease-out ${reducedMotion}`,\n // A surface that mounts docked (BatchActionBar) rises in once through\n // `@starting-style`, which also runs in a background tab where a frame-toggled\n // class would not. It unmounts without an exit.\n dock: `transition-[opacity,translate] duration-150 ease-out starting:opacity-0 starting:translate-y-space-lg ${reducedMotion}`,\n} as const;\n"],"mappings":";AACA,IAAMA,IAAgB,qGAChBC,IAAa,6DACbC,IAAc,2DACdC,IAAc;CACnB;CACA;CACA;CACA;CACA;CACA;AACD,CAAC,CAAC,KAAK,GAAG,GAEGC,IAAgB;CAC5B,UAAU,2EAA2EH,EAAW,GAAGD;CACnG,QAAQ,mFAAmFC,EAAW,GAAGC,EAAY,GAAGF;CACxH,QAAQ;EACP;EACA;EACA;EACA;EACA;EACAA;CACD,CAAC,CAAC,KAAK,GAAG;CACV,OAAO,6FAA6FC,EAAW,GAAGC,EAAY,GAAGC,EAAY,GAAGH;CAChJ,YAAY,2KAA2KA;CACvL,SAAS,8CAA8CA;CAIvD,MAAM,yGAAyGA;AAChH"}

package/dist/navigation-Bnotn4AQ.js

@@ -0,0 +1,145 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-BRhFDwuU.js";
+import { n } from "./buttons-DPZekJFu.js";
+import { c as r } from "./typography-UTnveOEy.js";
+import { t as i } from "./focus-recipes-B653VaLq.js";
+import { t as a } from "./structure-BmisBK-3.js";
+import { t as o } from "./interaction-recipes-XR9ZpVYL.js";
+import { t as s } from "./badge-HpFqoqSY.js";
+import { a as c } from "./tabs-CDocW5D1.js";
+import { Fragment as l, forwardRef as u, useCallback as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Globe as m } from "lucide-react";
+//#region src/components/base/navigation/language-switcher.tsx
+function h({ locales: e, onRenderLabel: s, variant: c = "buttons", onSelect: u }) {
+	let h = d((e, t) => {
+		t || u?.(e);
+	}, [u]);
+	return e.length === 0 ? null : c === "inline" ? /* @__PURE__ */ p(a, {
+		direction: "horizontal",
+		align: "center",
+		justify: "center",
+		gap: "md",
+		wrap: !1,
+		className: "language-switcher--component",
+		children: [/* @__PURE__ */ f(m, {
+			className: "size-icon shrink-0 text-muted-foreground",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ f(a, {
+			direction: "horizontal",
+			align: "center",
+			justify: "center",
+			gap: "md",
+			wrap: !0,
+			className: "min-w-0",
+			children: e.map((n, a) => {
+				let c = s ? s(n) : n.nativeLabel;
+				return /* @__PURE__ */ p(l, { children: [/* @__PURE__ */ f("button", {
+					type: "button",
+					"aria-current": n.active ? "true" : void 0,
+					onClick: () => h(n.value, n.active),
+					className: t(`${o.nativeButtonReset} cursor-pointer rounded-inner text-pxs outline-none transition-colors ${i.text}`, n.active ? "text-primary-accent font-medium" : "text-muted-foreground hover:text-foreground"),
+					children: /* @__PURE__ */ f(r, {
+						tag: "span",
+						size: "pxs",
+						weight: n.active ? "medium" : "regular",
+						className: "text-inherit",
+						children: c
+					})
+				}), a < e.length - 1 && /* @__PURE__ */ f("span", {
+					"aria-hidden": "true",
+					className: "size-1 rounded-full bg-border"
+				})] }, n.value);
+			})
+		})]
+	}) : /* @__PURE__ */ f(a, {
+		direction: "horizontal",
+		align: "center",
+		justify: "center",
+		wrap: !0,
+		gap: "md",
+		children: e.map((e) => {
+			let r = s ? s(e) : e.nativeLabel;
+			return /* @__PURE__ */ f(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: e.active ? "solid" : "ghost",
+				"aria-current": e.active ? "true" : void 0,
+				onClick: () => h(e.value, e.active),
+				className: t("min-w-18 justify-center transition-colors", e.active ? "text-foreground" : "text-muted-foreground"),
+				children: r
+			}, e.value);
+		})
+	});
+}
+h.displayName = "LanguageSwitcher";
+//#endregion
+//#region src/components/base/navigation/navigation-tabs.tsx
+var g = { tabsAria: "Tab navigation" };
+function _(e) {
+	let t = e.indexOf("#/");
+	if (t >= 0) return e.slice(t).split("?")[0]?.replace(/\/+$/, "") || "#/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost";
+		return new URL(e, t).pathname.replace(/\/+$/, "") || "/";
+	} catch {
+		return e.split("?")[0]?.replace(/\/+$/, "") || "/";
+	}
+}
+var v = u(function({ items: i, currentPath: l, variant: u = "default", scrollable: d = !0, scrollStrings: m, strings: h, className: v }, y) {
+	let b = e(g, h), x = _(l ?? (typeof window < "u" ? window.location.pathname : "/")), S = u === "prominent", C = /* @__PURE__ */ f(a, {
+		render: /* @__PURE__ */ f("nav", { "aria-label": b.tabsAria }),
+		direction: "horizontal",
+		gap: "2xs",
+		wrap: !1,
+		className: t("navigation-tabs--list w-max rounded-inner bg-muted p-space-2xs", S && "rounded-inner bg-muted"),
+		children: i.map((e) => {
+			let i = e.active ?? x === _(e.href), a = typeof e.icon == "string" ? void 0 : e.icon;
+			return /* @__PURE__ */ p(n, {
+				href: e.href,
+				disabled: e.disabled,
+				size: "sm",
+				tone: i && S ? "primary" : "secondary",
+				buttonStyle: i && S ? "solid" : "ghost",
+				icon: a,
+				"aria-current": i ? "page" : void 0,
+				className: t("navigation-tabs--item shrink-0", "rounded-inner", !S && i && o.segmentActiveButton, !S && !i && o.segmentInactiveButton, S && i && o.currentButtonHold),
+				children: [
+					typeof e.icon == "string" && /* @__PURE__ */ f("span", {
+						className: "navigation-tabs--icon text-inherit",
+						"aria-hidden": "true",
+						children: e.icon
+					}),
+					/* @__PURE__ */ f(r, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "none",
+						className: "navigation-tabs--title text-inherit",
+						children: e.title
+					}),
+					e.badge !== void 0 && e.badge !== null && /* @__PURE__ */ f(s, {
+						size: "sm",
+						tone: "secondary",
+						className: "navigation-tabs--badge",
+						children: e.badge
+					})
+				]
+			}, e.href);
+		})
+	});
+	return /* @__PURE__ */ f("div", {
+		ref: y,
+		className: t("navigation-tabs--component", "w-full min-w-0", !d && "overflow-x-auto", v),
+		children: d ? /* @__PURE__ */ f(c, {
+			strings: m,
+			children: C
+		}) : C
+	});
+});
+v.displayName = "NavigationTabs";
+//#endregion
+export { g as n, h as r, v as t };
+
+//# sourceMappingURL=navigation-Bnotn4AQ.js.map

package/dist/navigation-Bnotn4AQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-Bnotn4AQ.js","names":["Text","focusRecipes","Stack","interactionRecipes","Badge","TabScrollViewport","LanguageSwitcher","handleSelect","useCallback","isActive","onSelect","value","locales","variant","Globe","label","onRenderLabel","locale","Fragment","cn","index","Button","defaultNavigationTabsStrings","normalizePath","hashRouteIndex","rawUrl","origin","NavigationTabs","forwardRef","stringsProp","strings","useStrings","activePath","currentPath","prominent","list","items","item","Icon","scrollable","className","scrollStrings"],"sources":["../src/components/base/navigation/language-switcher.tsx","../src/components/base/navigation/navigation-tabs.tsx"],"sourcesContent":["/**\n * LanguageSwitcher — locale picker with two layouts: `buttons` (chunky\n * primary buttons) and `inline` (small text links 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 by passing `onSelect` (e.g. a Tanstack Router\n * `navigate(...)` or Inertia `router.visit(...)`). When `onSelect` is\n * absent the click is a no-op.\n */\nimport { Globe } from 'lucide-react';\nimport { Fragment, useCallback } 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\nexport interface LanguageSwitcherProps {\n\t/** Locales to offer, in order. The entry with `active: true` is marked as current. */\n\tlocales: LocaleOption[];\n\t/** Custom label for each locale. Defaults to `nativeLabel`. */\n\tonRenderLabel?: (options: LocaleOption) => string;\n\t/** Layout: `buttons` (default) for a row of buttons, `inline` for compact dot-separated text links. */\n\tvariant?: 'buttons' | 'inline';\n\t/** Called with the chosen locale's value. Not called for the current locale. */\n\tonSelect?: (value: string) => void;\n}\n\nexport function LanguageSwitcher({\n\tlocales,\n\tonRenderLabel,\n\tvariant = 'buttons',\n\tonSelect,\n}: LanguageSwitcherProps) {\n\tconst handleSelect = useCallback((value: string, isActive: boolean) => {\n\t\tif (isActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tonSelect?.(value);\n\t}, [onSelect]);\n\n\tif (locales.length === 0) {\n\t\treturn null;\n\t}\n\n\tif (variant === 'inline') {\n\t\treturn (\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"center\" gap=\"md\" wrap={false} className=\"language-switcher--component\">\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\" justify=\"center\" gap=\"md\" wrap className=\"min-w-0\">\n\t\t\t\t\t{locales.map((locale, index) => {\n\t\t\t\t\t\tconst label = onRenderLabel\n\t\t\t\t\t\t\t? onRenderLabel(locale)\n\t\t\t\t\t\t\t: locale.nativeLabel;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Fragment key={locale.value}>\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\taria-current={locale.active ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\thandleSelect(locale.value, locale.active)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t`${interactionRecipes.nativeButtonReset} cursor-pointer rounded-inner text-pxs outline-none transition-colors ${focusRecipes.text}`,\n\t\t\t\t\t\t\t\t\t\tlocale.active\n\t\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\t: 'text-muted-foreground hover:text-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<Text tag=\"span\" size=\"pxs\" weight={locale.active ? 'medium' : 'regular'} className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{index < locales.length - 1 && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"size-1 rounded-full bg-border\"\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</Fragment>\n\t\t\t\t\t\t);\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 direction=\"horizontal\" align=\"center\" justify=\"center\" wrap gap=\"md\">\n\t\t\t{locales.map((locale) => {\n\t\t\t\tconst label = onRenderLabel ? onRenderLabel(locale) : locale.nativeLabel;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={locale.value}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle={locale.active ? 'solid' : 'ghost'}\n\t\t\t\t\t\taria-current={locale.active ? 'true' : undefined}\n\t\t\t\t\t\tonClick={() => handleSelect(locale.value, locale.active)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'min-w-18 justify-center transition-colors',\n\t\t\t\t\t\t\tlocale.active ? 'text-foreground' : 'text-muted-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Button>\n\t\t\t\t);\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 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\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\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\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-inner bg-muted p-space-2xs',\n\t\t\t\t\tprominent && 'rounded-inner 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\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-inner',\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"],"mappings":"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"}

package/dist/navigation-BzhHI3lo.js

@@ -0,0 +1,269 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-BRhFDwuU.js";
+import { n } from "./buttons-DPZekJFu.js";
+import { c as r, o as i } from "./typography-UTnveOEy.js";
+import { t as a } from "./focus-recipes-B653VaLq.js";
+import { t as o } from "./structure-BmisBK-3.js";
+import { i as s } from "./tone-recipes-BPsRAvhu.js";
+import { t as c } from "./interaction-recipes-XR9ZpVYL.js";
+import { n as l } from "./number-DbV1Dija.js";
+import { t as u } from "./badge-HpFqoqSY.js";
+import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "./item-K5_ghvze.js";
+import { forwardRef as v, useEffect as y, useMemo as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Check as w, ChevronDown as T, ChevronRight as E } from "lucide-react";
+//#region src/components/layout/navigation/breadcrumb-progress/types.ts
+var D = {
+	stepLabel: "Step",
+	ofLabel: "of"
+};
+//#endregion
+//#region src/components/layout/navigation/breadcrumb-progress/breadcrumb-progress.tsx
+function O({ steps: a, currentIndex: o, onStepClick: u, className: d, strings: f }) {
+	let p = e(D, f);
+	return /* @__PURE__ */ C("div", {
+		className: t("breadcrumb-progress--component", "w-full", d),
+		children: [/* @__PURE__ */ C("div", {
+			className: "flex items-center justify-between mb-space-md",
+			children: [/* @__PURE__ */ C(i, { children: [
+				p.stepLabel,
+				" ",
+				o + 1,
+				" ",
+				p.ofLabel,
+				" ",
+				a.length
+			] }), /* @__PURE__ */ S(l, {
+				value: Math.round((o + 1) / a.length * 100),
+				scaled: !0,
+				size: "xs",
+				weight: "semibold"
+			})]
+		}), /* @__PURE__ */ S("ol", {
+			className: "m-0 list-none p-0 font-sans flex items-center gap-space-md",
+			children: a.map((e, i) => {
+				let l = i < o, d = i === o, f = u && (l || d);
+				return /* @__PURE__ */ C("li", {
+					className: "flex min-w-0 flex-1 items-center gap-space-md",
+					children: [/* @__PURE__ */ C(n, {
+						type: "button",
+						"aria-label": `${p.stepLabel} ${i + 1}: ${e.label}`,
+						onClick: () => f && u?.(e.id, i),
+						disabled: !f,
+						tone: "secondary",
+						buttonStyle: "ghost",
+						size: "md",
+						className: t("min-w-0 justify-start gap-space-md text-left transition-colors", f && c.rowHover, !f && "cursor-default"),
+						children: [/* @__PURE__ */ S(r, {
+							tag: "span",
+							size: "xs",
+							weight: "semibold",
+							className: t("flex size-6 shrink-0 items-center justify-center rounded-full tabular-nums", l && "bg-success text-success-foreground", d && `bg-primary text-primary-foreground ring-4 ${s.primary.halo}`, !l && !d && "bg-muted text-muted-foreground"),
+							children: l ? /* @__PURE__ */ S(w, { className: "size-icon-md" }) : i + 1
+						}), /* @__PURE__ */ C("div", {
+							className: "hidden min-w-0 lg:block",
+							children: [/* @__PURE__ */ S(r, {
+								weight: "semibold",
+								className: t(!d && !l && "text-muted-foreground"),
+								children: e.label
+							}), !!e.hint && /* @__PURE__ */ S(r, {
+								size: "xs",
+								type: "discrete",
+								className: "truncate",
+								children: e.hint
+							})]
+						})]
+					}), i < a.length - 1 && /* @__PURE__ */ S("div", { className: t("h-px flex-1", l ? "bg-success" : "bg-border") })]
+				}, e.id);
+			})
+		})]
+	});
+}
+O.displayName = "BreadcrumbProgress";
+//#endregion
+//#region src/components/layout/navigation/category-nav/category-nav.tsx
+function k({ title: e, items: n, activeId: r, onSelect: i, className: a }) {
+	return /* @__PURE__ */ S("nav", {
+		"data-component": "category-nav",
+		"data-slot": "category-nav",
+		"aria-label": e,
+		className: t("category-nav--component min-w-0", a),
+		children: /* @__PURE__ */ S(m, { children: n.map((e) => {
+			let n = e.icon, a = e.id === r;
+			return /* @__PURE__ */ C(g, {
+				onClick: () => i?.(e.id),
+				"data-state": a ? "active" : "inactive",
+				className: t("cursor-pointer rounded-inner px-space-md transition-colors", a ? c.rowCurrent : c.rowHover),
+				children: [
+					!!n && /* @__PURE__ */ S(d, {
+						variant: "icon",
+						className: t(a ? "text-accent-foreground" : "text-muted-foreground"),
+						children: /* @__PURE__ */ S(n, {})
+					}),
+					/* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(_, {
+						bold: a,
+						children: e.label
+					}), !!e.hint && /* @__PURE__ */ S(f, {
+						clamp: 1,
+						children: e.hint
+					})] }),
+					/* @__PURE__ */ C(p, { children: [typeof e.count == "number" && /* @__PURE__ */ S(u, {
+						tone: "secondary",
+						className: "tabular-nums",
+						children: e.count
+					}), /* @__PURE__ */ S(E, { className: t("size-icon shrink-0 text-muted-foreground", a && "text-accent-foreground") })] })
+				]
+			}, e.id);
+		}) })
+	});
+}
+k.displayName = "CategoryNav";
+//#endregion
+//#region src/components/layout/navigation/section-nav/section-nav.tsx
+var A = { navigationLabel: "Section navigation" }, j = v(function({ items: n, rootMargin: i = "-40% 0px -50% 0px", className: s, onSelect: l, strings: u, "aria-label": d, ...f }, p) {
+	let m = e(A, u), [h, g] = x(n[0]?.id ?? null);
+	return y(() => {
+		let e = new IntersectionObserver((e) => {
+			let t = e.find((e) => e.isIntersecting);
+			t?.target.id && g(t.target.id);
+		}, {
+			rootMargin: i,
+			threshold: 0
+		});
+		return n.forEach((t) => {
+			let n = document.getElementById(t.id);
+			n && e.observe(n);
+		}), () => e.disconnect();
+	}, [n, i]), /* @__PURE__ */ S("nav", {
+		ref: p,
+		className: t("section-nav--component", s),
+		"aria-label": d ?? m.navigationLabel,
+		...f,
+		children: /* @__PURE__ */ S(o, {
+			gap: "2xs",
+			className: "section-nav--items",
+			children: n.map((e) => {
+				let n = e.icon, i = h === e.id;
+				return /* @__PURE__ */ C("a", {
+					href: `#${e.id}`,
+					"aria-current": i ? "location" : void 0,
+					onClick: (t) => {
+						t.preventDefault(), document.getElementById(e.id)?.scrollIntoView({
+							behavior: "smooth",
+							block: "start"
+						}), g(e.id), l?.(e.id);
+					},
+					className: t(`flex items-center gap-space-md rounded-inner px-space-md py-row-y transition-colors outline-none ${a.edge}`, i ? c.rowCurrent : `text-muted-foreground ${c.rowHover}`),
+					children: [!!n && /* @__PURE__ */ S(n, { className: "size-icon-md shrink-0" }), /* @__PURE__ */ S(r, {
+						tag: "span",
+						type: "inherit",
+						weight: i ? "semibold" : "medium",
+						children: e.label
+					})]
+				}, e.id);
+			})
+		})
+	});
+});
+j.displayName = "SectionNav";
+//#endregion
+//#region src/components/layout/navigation/side-nav.tsx
+var M = { navigationLabel: "Side navigation" };
+function N(e) {
+	if (e.length === 0) return "/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
+		return n.length > 0 ? n : "/";
+	} catch {
+		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
+		return t.length > 0 ? t : "/";
+	}
+}
+function P(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var F = v(function({ items: s, groups: l, currentPath: d, className: f, itemClassName: p, activeItemClassName: m, strings: h, "aria-label": g, ..._ }, v) {
+	let y = e(M, h), w = b(() => l ?? [{
+		id: "side-nav-items",
+		items: s ?? [],
+		collapsible: !1
+	}], [l, s]), E = N(d ?? (typeof window < "u" ? window.location.pathname : "")), D = b(() => w.flatMap((e) => e.items.map((t) => ({
+		groupId: e.id,
+		normalizedPath: N(t.href)
+	}))), [w]).filter(({ normalizedPath: e }) => E === e || E.startsWith(`${e}/`)).sort((e, t) => t.normalizedPath.length - e.normalizedPath.length)[0]?.normalizedPath ?? null, [O, k] = x(() => Object.fromEntries(w.map((e) => [e.id, !!e.defaultCollapsed]))), A = (e) => k((t) => ({
+		...t,
+		[e]: !t[e]
+	})), j = m && m.length > 0 ? m : c.rowCurrent;
+	return /* @__PURE__ */ S("nav", {
+		ref: v,
+		"aria-label": g ?? y.navigationLabel,
+		className: t("side-nav--component", f),
+		..._,
+		children: /* @__PURE__ */ S(o, {
+			gap: "xl",
+			className: "side-nav--groups",
+			children: w.map((e) => {
+				let s = e.collapsible !== !1 && O[e.id], l = !!e.label, d = !s;
+				return /* @__PURE__ */ C(o, {
+					gap: "2xs",
+					className: "side-nav--group",
+					children: [!!l && (e.collapsible === !1 ? P(e.label) ? /* @__PURE__ */ S(i, {
+						tag: "div",
+						className: "px-row-x py-row-y",
+						children: e.label
+					}) : e.label : /* @__PURE__ */ C(n, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						size: "sm",
+						fullWidth: !0,
+						onClick: () => A(e.id),
+						className: t("h-auto min-h-action-sm justify-between px-row-x py-row-y", "text-muted-foreground", "hover:text-foreground transition-colors"),
+						"aria-expanded": !s,
+						children: [P(e.label) ? /* @__PURE__ */ S(i, {
+							tag: "span",
+							children: e.label
+						}) : e.label, /* @__PURE__ */ S(T, {
+							className: t("size-icon-md transition-transform", s && "-rotate-90"),
+							"aria-hidden": "true"
+						})]
+					})), !!d && /* @__PURE__ */ S(o, {
+						gap: "2xs",
+						className: "side-nav--items",
+						children: e.items.map((e) => {
+							let n = e.icon, i = N(e.href) === D;
+							return /* @__PURE__ */ C("a", {
+								href: e.disabled ? void 0 : e.href,
+								"aria-current": i ? "page" : void 0,
+								"aria-disabled": e.disabled || void 0,
+								className: t("group flex items-center gap-space-md rounded-inner px-row-x py-row-y", "text-sm transition-colors", `focus-visible:outline-none ${a.edge}`, c.rowHover, e.disabled && "pointer-events-none opacity-50", i && j, p),
+								children: [
+									!!n && /* @__PURE__ */ S(n, { className: t("size-icon shrink-0", i ? "text-accent-foreground" : "text-muted-foreground") }),
+									P(e.label) ? /* @__PURE__ */ S(r, {
+										tag: "span",
+										size: "inherit",
+										weight: "medium",
+										lineHeight: "tight",
+										className: "min-w-0 flex-1 truncate text-inherit",
+										children: e.label
+									}) : e.label,
+									!!e.badge && /* @__PURE__ */ S(u, {
+										tone: "secondary",
+										className: "shrink-0",
+										children: e.badge
+									})
+								]
+							}, e.href);
+						})
+					})]
+				}, e.id);
+			})
+		})
+	});
+});
+F.displayName = "SideNav";
+//#endregion
+export { k as a, A as i, M as n, O as o, j as r, D as s, F as t };
+
+//# sourceMappingURL=navigation-BzhHI3lo.js.map