admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/components/composed/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx","../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx","../../../../src/components/composed/navigation/time-ruler/types.ts","../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx","../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx","../../../../src/components/composed/navigation/experience-activity/experience-activity.strings.ts","../../../../src/components/composed/navigation/experience-activity/experience-activity.tsx","../../../../src/components/composed/navigation/breadcrumb-progress/types.ts","../../../../src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../../../../src/components/composed/navigation/category-nav/category-nav.tsx"],"sourcesContent":["import { Badge, type ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { KanbanColumnTone, KanbanMicroBoardProps } from './types';\n\nconst COLUMN_BADGE: Record<KanbanColumnTone, ComposedBadgeVariant> = {\n\tneutral: 'secondary',\n\tprimary: 'primary',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n\tdestructive: 'error',\n};\n\nconst ITEM_DOT: Record<KanbanColumnTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n\tconst totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle=\"Pipeline Overview\"\n\t\t\ttitleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n\t\t\tclassName={cn('kanban-board--component', className)}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t{columns.map((col) => {\n\t\t\t\t\tconst tone = col.tone ?? 'neutral';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName=\"rounded-md border border-border/60 bg-muted/30 p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Badge variant={COLUMN_BADGE[tone]}>\n\t\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t{col.items.map((item, itemIdx) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={`${col.title}-${itemIdx}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-1.5 w-1.5 flex-shrink-0 rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\tITEM_DOT[item.tone ?? tone],\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nKanbanMicroBoard.displayName = 'KanbanMicroBoard';\n","import { useState } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { TabSwitcherCardProps } from './types';\n\nexport function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps) {\n    const tabKeys = Object.keys(tabs);\n    const [activeTab, setActiveTab] = useState<string>(defaultTab ?? tabKeys[0] ?? '');\n\n    return (\n        <SmartCard title={title} className={cn('tab-switcher--component', 'bg-gradient-to-b from-muted/30 to-card', className)}>\n            {/* Pill tabs */}\n            <div className=\"mt-4 flex gap-1 rounded-full bg-muted/50 p-1\">\n                {tabKeys.map((t) => (\n                    <Button\n                        key={t}\n                        variant={activeTab === t ? 'light' : 'secondary'}\n                        buttonStyle={activeTab === t ? 'solid' : 'ghost'}\n                        onClick={() => setActiveTab(t)}\n                        className={cn('flex-1 rounded-full capitalize', activeTab === t ? 'shadow-sm' : '')}\n                    >\n                        {t}\n                    </Button>\n                ))}\n            </div>\n\n            <div className=\"mt-4 space-y-2\">\n                {tabs[activeTab]?.map((item) => (\n                    <div key={item.name} className=\"flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20\">\n                        {!!item.icon && (\n                            <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/10\">\n                                <item.icon className=\"size-4 text-primary\" />\n                            </div>\n                          )}\n                        <Text className=\"flex-1\">{item.name}</Text>\n                        <Text weight=\"bold\">{item.value}</Text>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\n}\n\nTabSwitcherCard.displayName = 'TabSwitcherCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n    /** Density-band legend labels. */\n    legendNone: string;\n    legendLow: string;\n    legendMedium: string;\n    legendHigh: string;\n    /** \"Now\" marker label. */\n    legendNow: string;\n    /** Format function for the per-hour `title` tooltip (\"08:00 - 5 bookings\"). */\n    formatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n    legendNone: 'None',\n    legendLow: 'Low',\n    legendMedium: 'Medium',\n    legendHigh: 'High',\n    legendNow: 'Now',\n    formatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count} bookings`,\n};\n\nexport interface TimeDistributionRulerProps {\n    hours: number[];\n    currentHour?: number;\n    className?: string;\n    strings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n    const strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n    const maxVal = Math.max(...hours, 1);\n    const peakHour = hours.indexOf(Math.max(...hours));\n\n    function getDensityClass(count: number): string {\n        if (count === 0) return 'bg-muted';\n        const ratio = count / maxVal;\n        if (ratio < 0.33) return 'bg-primary/25';\n        if (ratio < 0.66) return 'bg-primary/55';\n        return 'bg-primary';\n    }\n\n    return (\n        <div className={cn('time-ruler--component', 'space-y-1.5', className)}>\n            {/* Ruler bar */}\n            <div className=\"relative flex h-8 gap-[1px] rounded-md overflow-hidden\">\n                {hours.map((count, hour) => (\n                    <div\n                        key={hour}\n                        className={cn(\n                            'relative flex-1 transition-colors duration-200',\n                            getDensityClass(count),\n                            hour === peakHour && 'ring-1 ring-primary ring-inset',\n                        )}\n                        title={strings.formatHourTitle(String(hour).padStart(2, '0'), count)}\n                    />\n                ))}\n            </div>\n            {/* Hour labels + now marker */}\n            <div className=\"relative flex\">\n                {hours.map((_, hour) => (\n                    <div key={hour} className=\"flex-1 text-center\">\n                        {hour % 4 === 0 && (\n                            <Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n                                {String(hour).padStart(2, '0')}\n                            </Text>\n                        )}\n                    </div>\n                ))}\n            </div>\n            {/* Now marker */}\n            {currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n                <div className=\"relative h-0\">\n                    <div\n                        className=\"absolute -top-[42px] flex flex-col items-center\"\n                        style={{ left: `${(currentHour / 24) * 100}%`, transform: 'translateX(-50%)' }}\n                    >\n                        <div\n                            className=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n                        />\n                    </div>\n                </div>\n            )}\n            {/* Legend */}\n            <div className=\"flex items-center gap-3\">\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-muted\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendNone}</Text>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-primary/25\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendLow}</Text>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-primary/55\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendMedium}</Text>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-primary\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendHigh}</Text>\n                </div>\n                {currentHour !== undefined && (\n                    <div className=\"flex items-center gap-1\">\n                        <div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n                        <Text size=\"xxs\" type=\"secondary\">{strings.legendNow}</Text>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { VendorPerformanceCardProps } from './types';\n\nfunction RatingStars({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) {\n    return (\n        <div className={cn('vendor-performance--component', 'flex items-center gap-0.5')}>\n            {Array.from({ length: maxRating }, (_, i) => (\n                <svg\n                    key={`star-${String(i)}`}\n                    className={cn(\n                        'h-3.5 w-3.5',\n                        i < rating ? 'text-warning' : 'text-muted',\n                    )}\n                    viewBox=\"0 0 24 24\"\n                    fill=\"currentColor\"\n                    stroke=\"none\"\n                >\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n                </svg>\n            ))}\n        </div>\n    );\n}\n\nfunction performanceBarColor(score: number): string {\n    if (score >= 80) return 'bg-success';\n    if (score >= 50) return 'bg-warning';\n    return 'bg-destructive';\n}\n\nexport function VendorPerformanceCard({\n    vendorName,\n    rating,\n    maxRating = 5,\n    metrics,\n    performanceScore,\n    lastActive,\n    joinedDate,\n    className,\n}: VendorPerformanceCardProps) {\n    return (\n        <SmartCard\n            title={vendorName}\n            className={className}\n            footerText={\n                <div className=\"flex items-center justify-between gap-4\">\n                    <Text size=\"xxs\" type=\"secondary\">Last active: {lastActive}</Text>\n                    <Text size=\"xxs\" type=\"secondary\">Joined: {joinedDate}</Text>\n                </div>\n            }\n        >\n            <div className=\"space-y-4\">\n                <RatingStars rating={rating} maxRating={maxRating} />\n\n                <div className=\"grid grid-cols-2 gap-2\">\n                    {([\n                        { label: 'Bookings', value: String(metrics.bookings) },\n                        { label: 'Revenue', value: metrics.revenue },\n                        { label: 'Avg Rating', value: String(metrics.avgRating) },\n                        { label: 'Response', value: metrics.responseTime },\n                    ] as const).map((metric) => (\n                        <div\n                            key={metric.label}\n                            className=\"rounded-lg bg-muted/50 p-3 text-center\"\n                        >\n                            <Text size=\"lg\" weight=\"bold\" className=\"tabular-nums\">\n                                {metric.value}\n                            </Text>\n                            <Text size=\"xxs\" type=\"secondary\">\n                                {metric.label}\n                            </Text>\n                        </div>\n                    ))}\n                </div>\n\n                <div className=\"space-y-1.5\">\n                    <div className=\"flex items-center justify-between\">\n                        <Text>Performance</Text>\n                        <Text weight=\"semibold\" className=\"tabular-nums\">\n                            {performanceScore}%\n                        </Text>\n                    </div>\n                    <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                        <div\n                            className={cn(\n                                'h-full rounded-full transition-all duration-500',\n                                performanceBarColor(performanceScore),\n                            )}\n                            style={{ width: `${String(performanceScore)}%` }}\n                        />\n                    </div>\n                </div>\n            </div>\n        </SmartCard>\n    );\n}\n\nVendorPerformanceCard.displayName = 'VendorPerformanceCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface ExperienceActivityCardStrings {\n\tdescription: string;\n\taddActionLabel: string;\n}\n\nexport const defaultExperienceActivityCardStrings: ExperienceActivityCardStrings = {\n\tdescription: 'Experiences completed this week',\n\taddActionLabel: 'Add activity',\n};\n\nexport type ExperienceActivityCardStringsProp = StringsProp<ExperienceActivityCardStrings>;\n","import { Plus } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n    Item,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemMedia,\n    ItemSeparator,\n    ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultExperienceActivityCardStrings,\n} from './experience-activity.strings';\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n    completed,\n    total,\n    activities,\n    onAdd,\n    strings: stringsProp,\n    className,\n}: ExperienceActivityCardProps) {\n    const strings = useStrings(defaultExperienceActivityCardStrings, stringsProp);\n\n    return (\n        <SmartCard\n            title={`${completed} out of ${total}`}\n            description={strings.description}\n            headerEnd={\n                !!onAdd && (\n                    <Button\n                        variant=\"secondary\"\n                        buttonStyle=\"ghost\"\n                        size=\"icon-sm\"\n                        aria-label={strings.addActionLabel}\n                        onClick={onAdd}\n                    >\n                        <Plus className=\"size-4\" />\n                    </Button>\n                  )\n            }\n            className={cn('experience-activity--component', className)}\n        >\n            <ItemGroup>\n                {activities.map((a, i) => (\n                    <div key={a.title}>\n                        {i > 0 && <ItemSeparator />}\n                        <Item size=\"xs\" className=\"px-0 items-start\">\n                            <ItemMedia>\n                                <div className=\"flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary\">\n                                    <a.icon className=\"size-4\" />\n                                </div>\n                            </ItemMedia>\n                            <ItemContent>\n                                <ItemTitle>{a.title}</ItemTitle>\n                                <ItemDescription clamp={1}>{a.time}</ItemDescription>\n                                <div className=\"mt-2 grid grid-cols-2 gap-1.5\">\n                                    {a.metrics.map((m) => (\n                                        <div key={m.label} className=\"rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5\">\n                                            <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n                                            <Text size=\"xs\" weight=\"semibold\">{m.value}</Text>\n                                        </div>\n                                    ))}\n                                </div>\n                            </ItemContent>\n                        </Item>\n                    </div>\n                ))}\n            </ItemGroup>\n        </SmartCard>\n    );\n}\n\nExperienceActivityCard.displayName = 'ExperienceActivityCard';\n","export interface BreadcrumbProgressStep {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\tsteps: BreadcrumbProgressStep[];\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\tstrings?: Partial<BreadcrumbProgressStrings>;\n}\n","/**\n * BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n */\nimport { Check } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{Math.round(((currentIndex + 1) / steps.length) * 100)}%</Text>\n\t\t\t</div>\n\t\t\t<ol className=\"flex items-center gap-2\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted || isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-2\">\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\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && 'hover:bg-muted/40',\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && 'bg-primary text-primary-foreground ring-4 ring-primary/15',\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-3.5\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xxs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/**\n * CategoryNavCard — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Badge } from '@/components/base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { CategoryNavCardProps } from './types';\n\nexport function CategoryNavCard({ title, items, activeId, onSelect, className }: CategoryNavCardProps) {\n\treturn (\n\t\t<SmartCard title={title} padding=\"sm\" className={cn('category-nav--component', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'cursor-pointer transition-colors',\n\t\t\t\t\t\t\t\tactive ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-primary' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-4 shrink-0 text-muted-foreground/60', active && 'text-primary')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</SmartCard>\n\t);\n}\n\nCategoryNavCard.displayName = 'CategoryNavCard';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx","../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx","../../../../src/components/composed/navigation/time-ruler/types.ts","../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx","../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx","../../../../src/components/composed/navigation/experience-activity/experience-activity.strings.ts","../../../../src/components/composed/navigation/experience-activity/experience-activity.tsx","../../../../src/components/composed/navigation/breadcrumb-progress/types.ts","../../../../src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx","../../../../src/components/composed/navigation/category-nav/category-nav.tsx"],"sourcesContent":["import { Badge, type ComposedBadgeVariant } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { KanbanColumnTone, KanbanMicroBoardProps } from './types';\n\nconst COLUMN_BADGE: Record<KanbanColumnTone, ComposedBadgeVariant> = {\n\tneutral: 'secondary',\n\tprimary: 'primary',\n\tinfo: 'info',\n\tsuccess: 'success',\n\twarning: 'warning',\n\tdestructive: 'error',\n};\n\nconst ITEM_DOT: Record<KanbanColumnTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n\tconst totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n\treturn (\n\t\t<SmartCard\n\t\t\ttitle=\"Pipeline Overview\"\n\t\t\ttitleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n\t\t\tclassName={cn('kanban-board--component', className)}\n\t\t>\n\t\t\t<div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4\">\n\t\t\t\t{columns.map((col) => {\n\t\t\t\t\tconst tone = col.tone ?? 'neutral';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={col.title}\n\t\t\t\t\t\t\tclassName=\"rounded-md border border-border/60 bg-muted/30 p-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t{col.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Badge variant={COLUMN_BADGE[tone]}>\n\t\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"space-y-1.5\">\n\t\t\t\t\t\t\t\t{col.items.map((item, itemIdx) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={`${col.title}-${itemIdx}`}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-1.5 w-1.5 flex-shrink-0 rounded-full',\n\t\t\t\t\t\t\t\t\t\t\t\tITEM_DOT[item.tone ?? tone],\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</SmartCard>\n\t);\n}\n\nKanbanMicroBoard.displayName = 'KanbanMicroBoard';\n","import { useState } from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { TabSwitcherCardProps } from './types';\n\nexport function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps) {\n    const tabKeys = Object.keys(tabs);\n    const [activeTab, setActiveTab] = useState<string>(defaultTab ?? tabKeys[0] ?? '');\n\n    return (\n        <SmartCard title={title} className={cn('tab-switcher--component', 'bg-gradient-to-b from-muted/30 to-card', className)}>\n            {/* Pill tabs */}\n            <div className=\"mt-4 flex gap-1 rounded-full bg-muted/50 p-1\">\n                {tabKeys.map((t) => (\n                    <Button\n                        key={t}\n                        variant={activeTab === t ? 'light' : 'secondary'}\n                        buttonStyle={activeTab === t ? 'solid' : 'ghost'}\n                        onClick={() => setActiveTab(t)}\n                        className={cn('flex-1 rounded-full capitalize', activeTab === t ? 'shadow-sm' : '')}\n                    >\n                        {t}\n                    </Button>\n                ))}\n            </div>\n\n            <div className=\"mt-4 space-y-2\">\n                {tabs[activeTab]?.map((item) => (\n                    <div key={item.name} className=\"flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20\">\n                        {!!item.icon && (\n                            <div className=\"flex size-8 items-center justify-center rounded-full bg-primary/10\">\n                                <item.icon className=\"size-4 text-primary\" />\n                            </div>\n                          )}\n                        <Text className=\"flex-1\">{item.name}</Text>\n                        <Text weight=\"bold\">{item.value}</Text>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\n}\n\nTabSwitcherCard.displayName = 'TabSwitcherCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface TimeDistributionRulerStrings {\n    /** Density-band legend labels. */\n    legendNone: string;\n    legendLow: string;\n    legendMedium: string;\n    legendHigh: string;\n    /** \"Now\" marker label. */\n    legendNow: string;\n    /** Format function for the per-hour `title` tooltip (\"08:00 - 5 bookings\"). */\n    formatHourTitle: (hourLabel: string, count: number) => string;\n}\n\nexport const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings = {\n    legendNone: 'None',\n    legendLow: 'Low',\n    legendMedium: 'Medium',\n    legendHigh: 'High',\n    legendNow: 'Now',\n    formatHourTitle: (hourLabel, count) => `${hourLabel}:00 - ${count} bookings`,\n};\n\nexport interface TimeDistributionRulerProps {\n    hours: number[];\n    currentHour?: number;\n    className?: string;\n    strings?: StringsProp<TimeDistributionRulerStrings>;\n}\n","import { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps } from './types';\n\nexport function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps) {\n    const strings = useStrings(defaultTimeDistributionRulerStrings, stringsProp);\n    const maxVal = Math.max(...hours, 1);\n    const peakHour = hours.indexOf(Math.max(...hours));\n\n    function getDensityClass(count: number): string {\n        if (count === 0) return 'bg-muted';\n        const ratio = count / maxVal;\n        if (ratio < 0.33) return 'bg-primary/25';\n        if (ratio < 0.66) return 'bg-primary/55';\n        return 'bg-primary';\n    }\n\n    return (\n        <div className={cn('time-ruler--component', 'space-y-1.5', className)}>\n            {/* Ruler bar */}\n            <div className=\"relative flex h-8 gap-px overflow-hidden rounded-md\">\n                {hours.map((count, hour) => (\n                    <div\n                        key={hour}\n                        className={cn(\n                            'relative flex-1 transition-colors duration-200',\n                            getDensityClass(count),\n                            hour === peakHour && 'ring-1 ring-primary ring-inset',\n                        )}\n                        title={strings.formatHourTitle(String(hour).padStart(2, '0'), count)}\n                    />\n                ))}\n            </div>\n            {/* Hour labels + now marker */}\n            <div className=\"relative flex\">\n                {hours.map((_, hour) => (\n                    <div key={hour} className=\"flex-1 text-center\">\n                        {hour % 4 === 0 && (\n                            <Text size=\"xxs\" type=\"secondary\" className=\"tabular-nums\">\n                                {String(hour).padStart(2, '0')}\n                            </Text>\n                        )}\n                    </div>\n                ))}\n            </div>\n            {/* Now marker */}\n            {currentHour !== undefined && currentHour >= 0 && currentHour < 24 && (\n                <div className=\"relative h-0\">\n                    <div\n                        className=\"absolute -top-[42px] flex flex-col items-center\"\n                        style={{ left: `${(currentHour / 24) * 100}%`, transform: 'translateX(-50%)' }}\n                    >\n                        <div\n                            className=\"h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive\"\n                        />\n                    </div>\n                </div>\n            )}\n            {/* Legend */}\n            <div className=\"flex items-center gap-3\">\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-muted\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendNone}</Text>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-primary/25\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendLow}</Text>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-primary/55\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendMedium}</Text>\n                </div>\n                <div className=\"flex items-center gap-1\">\n                    <div className=\"h-2 w-3 rounded-sm bg-primary\" />\n                    <Text size=\"xxs\" type=\"secondary\">{strings.legendHigh}</Text>\n                </div>\n                {currentHour !== undefined && (\n                    <div className=\"flex items-center gap-1\">\n                        <div className=\"h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive\" />\n                        <Text size=\"xxs\" type=\"secondary\">{strings.legendNow}</Text>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nTimeDistributionRuler.displayName = 'TimeDistributionRuler';\n","import { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { cn } from '@/lib/utils';\n\nimport type { VendorPerformanceCardProps } from './types';\n\nfunction RatingStars({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) {\n    return (\n        <div className={cn('vendor-performance--component', 'flex items-center gap-0.5')}>\n            {Array.from({ length: maxRating }, (_, i) => (\n                <svg\n                    key={`star-${String(i)}`}\n                    className={cn(\n                        'h-3.5 w-3.5',\n                        i < rating ? 'text-warning' : 'text-muted',\n                    )}\n                    viewBox=\"0 0 24 24\"\n                    fill=\"currentColor\"\n                    stroke=\"none\"\n                >\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n                </svg>\n            ))}\n        </div>\n    );\n}\n\nfunction performanceBarColor(score: number): string {\n    if (score >= 80) return 'bg-success';\n    if (score >= 50) return 'bg-warning';\n    return 'bg-destructive';\n}\n\nexport function VendorPerformanceCard({\n    vendorName,\n    rating,\n    maxRating = 5,\n    metrics,\n    performanceScore,\n    lastActive,\n    joinedDate,\n    className,\n}: VendorPerformanceCardProps) {\n    return (\n        <SmartCard\n            title={vendorName}\n            className={className}\n            footerText={\n                <div className=\"flex items-center justify-between gap-4\">\n                    <Text size=\"xxs\" type=\"secondary\">Last active: {lastActive}</Text>\n                    <Text size=\"xxs\" type=\"secondary\">Joined: {joinedDate}</Text>\n                </div>\n            }\n        >\n            <div className=\"space-y-4\">\n                <RatingStars rating={rating} maxRating={maxRating} />\n\n                <div className=\"grid grid-cols-2 gap-2\">\n                    {([\n                        { label: 'Bookings', value: String(metrics.bookings) },\n                        { label: 'Revenue', value: metrics.revenue },\n                        { label: 'Avg Rating', value: String(metrics.avgRating) },\n                        { label: 'Response', value: metrics.responseTime },\n                    ] as const).map((metric) => (\n                        <div\n                            key={metric.label}\n                            className=\"rounded-lg bg-muted/50 p-3 text-center\"\n                        >\n                            <Text size=\"lg\" weight=\"bold\" className=\"tabular-nums\">\n                                {metric.value}\n                            </Text>\n                            <Text size=\"xxs\" type=\"secondary\">\n                                {metric.label}\n                            </Text>\n                        </div>\n                    ))}\n                </div>\n\n                <div className=\"space-y-1.5\">\n                    <div className=\"flex items-center justify-between\">\n                        <Text>Performance</Text>\n                        <Text weight=\"semibold\" className=\"tabular-nums\">\n                            {performanceScore}%\n                        </Text>\n                    </div>\n                    <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                        <div\n                            className={cn(\n                                'h-full rounded-full transition-all duration-500',\n                                performanceBarColor(performanceScore),\n                            )}\n                            style={{ width: `${String(performanceScore)}%` }}\n                        />\n                    </div>\n                </div>\n            </div>\n        </SmartCard>\n    );\n}\n\nVendorPerformanceCard.displayName = 'VendorPerformanceCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface ExperienceActivityCardStrings {\n\tdescription: string;\n\taddActionLabel: string;\n}\n\nexport const defaultExperienceActivityCardStrings: ExperienceActivityCardStrings = {\n\tdescription: 'Experiences completed this week',\n\taddActionLabel: 'Add activity',\n};\n\nexport type ExperienceActivityCardStringsProp = StringsProp<ExperienceActivityCardStrings>;\n","import { Plus } from 'lucide-react';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n    Item,\n    ItemContent,\n    ItemDescription,\n    ItemGroup,\n    ItemMedia,\n    ItemSeparator,\n    ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultExperienceActivityCardStrings,\n} from './experience-activity.strings';\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n    completed,\n    total,\n    activities,\n    onAdd,\n    strings: stringsProp,\n    className,\n}: ExperienceActivityCardProps) {\n    const strings = useStrings(defaultExperienceActivityCardStrings, stringsProp);\n\n    return (\n        <SmartCard\n            title={`${completed} out of ${total}`}\n            description={strings.description}\n            headerEnd={\n                !!onAdd && (\n                    <Button\n                        variant=\"secondary\"\n                        buttonStyle=\"ghost\"\n                        size=\"icon-small\"\n                        aria-label={strings.addActionLabel}\n                        onClick={onAdd}\n                    >\n                        <Plus className=\"size-4\" />\n                    </Button>\n                  )\n            }\n            className={cn('experience-activity--component', className)}\n        >\n            <ItemGroup>\n                {activities.map((a, i) => (\n                    <div key={a.title}>\n                        {i > 0 && <ItemSeparator />}\n                        <Item size=\"small\" className=\"items-start\">\n                            <ItemMedia>\n                                <div className=\"flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary\">\n                                    <a.icon className=\"size-4\" />\n                                </div>\n                            </ItemMedia>\n                            <ItemContent>\n                                <ItemTitle>{a.title}</ItemTitle>\n                                <ItemDescription clamp={1}>{a.time}</ItemDescription>\n                                <div className=\"mt-2 grid grid-cols-2 gap-1.5\">\n                                    {a.metrics.map((m) => (\n                                        <div key={m.label} className=\"rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5\">\n                                            <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n                                            <Text size=\"xs\" weight=\"semibold\">{m.value}</Text>\n                                        </div>\n                                    ))}\n                                </div>\n                            </ItemContent>\n                        </Item>\n                    </div>\n                ))}\n            </ItemGroup>\n        </SmartCard>\n    );\n}\n\nExperienceActivityCard.displayName = 'ExperienceActivityCard';\n","import type { StringsProp } from '@/lib/strings';\n\nexport interface BreadcrumbProgressStep {\n\tid: string;\n\tlabel: string;\n\thint?: string;\n}\n\nexport interface BreadcrumbProgressStrings {\n\tstepLabel: string;\n\tofLabel: string;\n}\n\nexport const defaultBreadcrumbProgressStrings: BreadcrumbProgressStrings = {\n\tstepLabel: 'Step',\n\tofLabel: 'of',\n};\n\nexport interface BreadcrumbProgressProps {\n\tsteps: BreadcrumbProgressStep[];\n\tcurrentIndex: number;\n\tonStepClick?: (id: string, index: number) => void;\n\tclassName?: string;\n\tstrings?: StringsProp<BreadcrumbProgressStrings>;\n}\n","/**\n * BreadcrumbProgress — wizard / multi-step navigation with completed,\n * current, and upcoming states. Click any completed step to jump back.\n */\nimport { Check } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultBreadcrumbProgressStrings,\n\ttype BreadcrumbProgressProps,\n} from './types';\n\nexport function BreadcrumbProgress({ steps, currentIndex, onStepClick, className, strings: stringsProp }: BreadcrumbProgressProps) {\n\tconst strings = useStrings(defaultBreadcrumbProgressStrings, stringsProp);\n\n\treturn (\n\t\t<div className={cn('breadcrumb-progress--component', 'w-full', className)}>\n\t\t\t<div className=\"flex items-center justify-between mb-2\">\n\t\t\t\t<Text size=\"xs\" type=\"secondary\" weight=\"medium\" className=\"uppercase tracking-wider\">\n\t\t\t\t\t{strings.stepLabel} {currentIndex + 1} {strings.ofLabel} {steps.length}\n\t\t\t\t</Text>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"semibold\" className=\"tabular-nums\">{Math.round(((currentIndex + 1) / steps.length) * 100)}%</Text>\n\t\t\t</div>\n\t\t\t<ol className=\"flex items-center gap-2\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isCompleted = idx < currentIndex;\n\t\t\t\t\tconst isCurrent = idx === currentIndex;\n\t\t\t\t\tconst isClickable = onStepClick && (isCompleted || isCurrent);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} className=\"flex min-w-0 flex-1 items-center gap-2\">\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\tonClick={() => isClickable && onStepClick?.(step.id, idx)}\n\t\t\t\t\t\t\t\tdisabled={!isClickable}\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\tisClickable && 'hover:bg-muted/40',\n\t\t\t\t\t\t\t\t\t!isClickable && 'cursor-default',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums',\n\t\t\t\t\t\t\t\t\t\tisCompleted && 'bg-success text-success-foreground',\n\t\t\t\t\t\t\t\t\t\tisCurrent && 'bg-primary text-primary-foreground ring-4 ring-primary/15',\n\t\t\t\t\t\t\t\t\t\t!isCompleted && !isCurrent && 'bg-muted text-muted-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCompleted ? <Check className=\"size-3.5\" /> : idx + 1}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div className=\"hidden min-w-0 lg:block\">\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\" className={cn(!isCurrent && !isCompleted && 'text-muted-foreground')}>{step.label}</Text>\n\t\t\t\t\t\t\t\t\t{!!step.hint && <Text size=\"xxs\" type=\"discrete\" className=\"truncate\">{step.hint}</Text>}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t{idx < steps.length - 1 && (\n\t\t\t\t\t\t\t\t<div className={cn('h-px flex-1', isCompleted ? 'bg-success' : 'bg-border')} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n}\n\nBreadcrumbProgress.displayName = 'BreadcrumbProgress';\n","/**\n * CategoryNavCard — vertical icon + label list with optional count badge per row.\n * Use as a sidebar nav for filtering or category browsing.\n */\nimport { ChevronRight } from 'lucide-react';\nimport { SmartCard } from '@/components/base/cards';\nimport { Badge } from '@/components/base/badge';\nimport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemGroup,\n\tItemMedia,\n\tItemTitle,\n} from '@/components/base/item';\nimport { cn } from '@/lib/utils';\n\nimport type { CategoryNavCardProps } from './types';\n\nexport function CategoryNavCard({ title, items, activeId, onSelect, className }: CategoryNavCardProps) {\n\treturn (\n\t\t<SmartCard title={title} padding=\"default\" className={cn('category-nav--component', className)}>\n\t\t\t<ItemGroup>\n\t\t\t\t{items.map((it) => {\n\t\t\t\t\tconst Icon = it.icon;\n\t\t\t\t\tconst active = it.id === activeId;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\tkey={it.id}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => onSelect?.(it.id)}\n\t\t\t\t\t\t\tdata-state={active ? 'active' : 'inactive'}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'cursor-pointer transition-colors',\n\t\t\t\t\t\t\t\tactive ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<ItemMedia variant=\"icon\" className={cn(active ? 'text-primary' : 'text-muted-foreground')}>\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</ItemMedia>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<ItemContent>\n\t\t\t\t\t\t\t\t<ItemTitle bold={active}>{it.label}</ItemTitle>\n\t\t\t\t\t\t\t\t{!!it.hint && <ItemDescription clamp={1}>{it.hint}</ItemDescription>}\n\t\t\t\t\t\t\t</ItemContent>\n\t\t\t\t\t\t\t<ItemActions>\n\t\t\t\t\t\t\t\t{typeof it.count === 'number' && (\n\t\t\t\t\t\t\t\t\t<Badge variant={active ? 'primary' : 'secondary'} className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{it.count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\tclassName={cn('size-4 shrink-0 text-muted-foreground/60', active && 'text-primary')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ItemActions>\n\t\t\t\t\t\t</Item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ItemGroup>\n\t\t</SmartCard>\n\t);\n}\n\nCategoryNavCard.displayName = 'CategoryNavCard';\n"],"mappings":"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"}

package/dist/components/composed/onboarding/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/accordion-Df1XrCDv.cjs"),i=require("../../../_shared/spinner-DWn3x9Tl.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.n,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.n,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-CO9uwZhF.cjs"),r=require("../../../_shared/accordion-IFDIc0E7.cjs"),i=require("../../../_shared/spinner-D35zNriU.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.s,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/onboarding/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/onboarding/checklist/checklist.strings.ts","../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx","../../../../src/components/composed/onboarding/checklist/checklist.tsx"],"sourcesContent":["/**\n * Strings for `<OnboardingChecklist>`. Indicator labels are screen-reader\n * announcements for the status icons; consumers wire their i18n into them.\n *\n * The `regionAriaLabel` is intentionally optional — the consumer typically\n * already has a heading above the checklist that names it (\"Set up your\n * workspace\"), so adding an aria-label here would be redundant.\n */\nexport interface OnboardingChecklistStrings {\n\tregionAriaLabel?: string;\n\tstatusCompletedAria: string;\n\tstatusInProgressAria: string;\n\tstatusPendingAria: string;\n}\n\nexport const defaultOnboardingChecklistStrings: OnboardingChecklistStrings = {\n\tregionAriaLabel: undefined,\n\tstatusCompletedAria: 'Completed',\n\tstatusInProgressAria: 'In progress',\n\tstatusPendingAria: 'Pending',\n};\n","/**\n * StepStatusIndicator — the small leading icon that signals each step's\n * status in an OnboardingChecklist.\n *\n * - `completed`   → filled success check\n * - `in-progress` → soft warning-tinted disc with a small pulsing dot\n * - `pending`     → muted spinner ring\n *\n * Token-driven: success / warning / muted-foreground tokens only. No\n * raw palette colors so consumer rebrand flows through.\n */\nimport { CheckCircle2 } from 'lucide-react';\n\nimport { Spinner } from '@/components/base/spinner';\nimport { cn } from '@/lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\ninterface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\tariaLabel: string;\n\tclassName?: string;\n}\n\nexport function StepStatusIndicator({\n\tstatus,\n\tariaLabel,\n\tclassName,\n}: StepStatusIndicatorProps) {\n\tif (status === 'completed') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-4\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span className=\"size-2 rounded-full bg-warning\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span\n\t\t\trole=\"img\"\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn('flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-4 opacity-60\" />\n\t\t</span>\n\t);\n}\n\nStepStatusIndicator.displayName = 'StepStatusIndicator';\n","/**\n * OnboardingChecklist — the canonical step-list accordion for SaaS\n * onboarding flows. Each step has a status (completed / in-progress /\n * pending), a title, an optional badge, and an optional expanded body\n * for forms / actions / instructions.\n *\n * Composes `base/accordion`'s primitives directly (rule 2). Builds on\n * the shadcn accordion via the wrapped pass-through.\n *\n * Status indicators come from `partials/step-status-indicator.tsx` —\n * token-driven (success / warning / muted-foreground only).\n *\n * Strings — every accessibility label flows through the strings prop\n * (rule 8). Per-step copy lives in the data passed to `steps` (titles,\n * badges, descriptions are consumer-controlled).\n */\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n\tAccordion,\n\tAccordionContent,\n\tAccordionItem,\n\tAccordionTrigger,\n} from '@/components/base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '@/components/base/accordion/accordion-variants';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultOnboardingChecklistStrings,\n\ttype OnboardingChecklistStrings,\n} from './checklist.strings';\nimport type {\n\tOnboardingChecklistProps,\n\tOnboardingStepStatus,\n} from './checklist.types';\nimport { StepStatusIndicator } from './partials/step-status-indicator';\n\nconst TITLE_TONE_CLASS: Record<OnboardingStepStatus, string> = {\n\tcompleted: 'text-foreground',\n\t'in-progress': 'text-foreground',\n\tpending: 'text-muted-foreground',\n};\n\nfunction pickStatusAria(\n\tstatus: OnboardingStepStatus,\n\tstrings: OnboardingChecklistStrings,\n): string {\n\tif (status === 'completed') return strings.statusCompletedAria;\n\tif (status === 'in-progress') return strings.statusInProgressAria;\n\treturn strings.statusPendingAria;\n}\n\nfunction defaultExpandedFor(steps: OnboardingChecklistProps['steps']): string[] {\n\tconst next = steps.find((s) => s.status !== 'completed' && !s.disabled);\n\treturn next ? [next.id] : [];\n}\n\nexport const OnboardingChecklist = forwardRef<HTMLDivElement, OnboardingChecklistProps>(function OnboardingChecklist({\n\tsteps,\n\tdefaultExpanded,\n\tmultiple = false,\n\tvalue,\n\tonValueChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = value !== undefined;\n\tconst computedDefault = useMemo(\n\t\t() => defaultExpanded ?? defaultExpandedFor(steps),\n\t\t// First-mount default. Re-resolution when `steps` arrives async is\n\t\t// handled by the effect below — that effect picks the next pending\n\t\t// step and opens it, but only if the user hasn't already toggled\n\t\t// anything.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[],\n\t);\n\tconst [internalValue, setInternalValue] = useState<string[]>(computedDefault);\n\tconst userInteractedRef = useRef(false);\n\tconst expanded = isControlled ? value : internalValue;\n\tconst previouslyExpanded = useRef<Set<string>>(new Set(computedDefault));\n\n\t// When `steps` is loaded asynchronously (consumer passes [] then\n\t// populates), promote the next-pending step the first time real\n\t// steps arrive — but never overwrite an explicit user toggle.\n\tuseEffect(() => {\n\t\tif (isControlled || userInteractedRef.current) return;\n\t\tif (defaultExpanded !== undefined) return;\n\t\tif (steps.length === 0) return;\n\t\tif (internalValue.length > 0) return;\n\t\tconst next = defaultExpandedFor(steps);\n\t\tif (next.length > 0) setInternalValue(next);\n\t}, [steps, isControlled, defaultExpanded, internalValue.length]);\n\n\tconst handleValueChange = useCallback(\n\t\t(next: unknown) => {\n\t\t\tconst nextArr = (next as string[]) ?? [];\n\t\t\tuserInteractedRef.current = true;\n\t\t\tif (!isControlled) setInternalValue(nextArr);\n\t\t\tonValueChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onValueChange],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!onStepOpen) {\n\t\t\tpreviouslyExpanded.current = new Set(expanded);\n\t\t\treturn;\n\t\t}\n\t\tconst prev = previouslyExpanded.current;\n\t\tfor (const id of expanded) {\n\t\t\tif (!prev.has(id)) onStepOpen(id);\n\t\t}\n\t\tpreviouslyExpanded.current = new Set(expanded);\n\t}, [expanded, onStepOpen]);\n\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tvalue={expanded}\n\t\t\tonValueChange={handleValueChange}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('checklist--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{steps.map((step) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={step.id}\n\t\t\t\t\tvalue={step.id}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], stepClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tdisabled={step.disabled}\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, 'min-h-16 items-center')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex w-full min-w-0 items-center gap-3 pr-2\">\n\t\t\t\t\t\t\t<StepStatusIndicator\n\t\t\t\t\t\t\t\tstatus={step.status}\n\t\t\t\t\t\t\t\tariaLabel={pickStatusAria(step.status, strings)}\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\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(TITLE_TONE_CLASS[step.status])}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!step.badge && (\n\t\t\t\t\t\t\t\t<span className=\"ml-auto inline-flex shrink-0\">{step.badge}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t{!!step.content && (\n\t\t\t\t\t\t<AccordionContent className={ACCORDION_CONTENT_PADDING.withMedallion}>\n\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\" tag=\"div\">\n\t\t\t\t\t\t\t\t{step.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</AccordionContent>\n\t\t\t\t\t)}\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nOnboardingChecklist.displayName = 'OnboardingChecklist';\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/onboarding/checklist/checklist.strings.ts","../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx","../../../../src/components/composed/onboarding/checklist/checklist.tsx"],"sourcesContent":["/**\n * Strings for `<OnboardingChecklist>`. Indicator labels are screen-reader\n * announcements for the status icons; consumers wire their i18n into them.\n *\n * The `regionAriaLabel` is intentionally optional — the consumer typically\n * already has a heading above the checklist that names it (\"Set up your\n * workspace\"), so adding an aria-label here would be redundant.\n */\nexport interface OnboardingChecklistStrings {\n\tregionAriaLabel?: string;\n\tstatusCompletedAria: string;\n\tstatusInProgressAria: string;\n\tstatusPendingAria: string;\n}\n\nexport const defaultOnboardingChecklistStrings: OnboardingChecklistStrings = {\n\tregionAriaLabel: undefined,\n\tstatusCompletedAria: 'Completed',\n\tstatusInProgressAria: 'In progress',\n\tstatusPendingAria: 'Pending',\n};\n","/**\n * StepStatusIndicator — the small leading icon that signals each step's\n * status in an OnboardingChecklist.\n *\n * - `completed`   → filled success check\n * - `in-progress` → soft warning-tinted disc with a small pulsing dot\n * - `pending`     → muted spinner ring\n *\n * Token-driven: success / warning / muted-foreground tokens only. No\n * raw palette colors so consumer rebrand flows through.\n */\nimport { CheckCircle2 } from 'lucide-react';\n\nimport { Spinner } from '@/components/base/spinner';\nimport { cn } from '@/lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\ninterface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\tariaLabel: string;\n\tclassName?: string;\n}\n\nexport function StepStatusIndicator({\n\tstatus,\n\tariaLabel,\n\tclassName,\n}: StepStatusIndicatorProps) {\n\tif (status === 'completed') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-4\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span className=\"size-2 rounded-full bg-warning\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span\n\t\t\trole=\"img\"\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn('flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-4 opacity-60\" />\n\t\t</span>\n\t);\n}\n\nStepStatusIndicator.displayName = 'StepStatusIndicator';\n","/**\n * OnboardingChecklist — the canonical step-list accordion for SaaS\n * onboarding flows. Each step has a status (completed / in-progress /\n * pending), a title, an optional badge, and an optional expanded body\n * for forms / actions / instructions.\n *\n * Composes `base/accordion`'s primitives directly (rule 2). Builds on\n * the shadcn accordion via the wrapped pass-through.\n *\n * Status indicators come from `partials/step-status-indicator.tsx` —\n * token-driven (success / warning / muted-foreground only).\n *\n * Strings — every accessibility label flows through the strings prop\n * (rule 8). Per-step copy lives in the data passed to `steps` (titles,\n * badges, descriptions are consumer-controlled).\n */\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n\tAccordion,\n\tAccordionContent,\n\tAccordionItem,\n\tAccordionTrigger,\n} from '@/components/base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '@/components/base/accordion/accordion-variants';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n\tdefaultOnboardingChecklistStrings,\n\ttype OnboardingChecklistStrings,\n} from './checklist.strings';\nimport type {\n\tOnboardingChecklistProps,\n\tOnboardingStepStatus,\n} from './checklist.types';\nimport { StepStatusIndicator } from './partials/step-status-indicator';\n\nconst TITLE_TONE_CLASS: Record<OnboardingStepStatus, string> = {\n\tcompleted: 'text-foreground',\n\t'in-progress': 'text-foreground',\n\tpending: 'text-muted-foreground',\n};\n\nfunction pickStatusAria(\n\tstatus: OnboardingStepStatus,\n\tstrings: OnboardingChecklistStrings,\n): string {\n\tif (status === 'completed') return strings.statusCompletedAria;\n\tif (status === 'in-progress') return strings.statusInProgressAria;\n\treturn strings.statusPendingAria;\n}\n\nfunction defaultExpandedFor(steps: OnboardingChecklistProps['steps']): string[] {\n\tconst next = steps.find((s) => s.status !== 'completed' && !s.disabled);\n\treturn next ? [next.id] : [];\n}\n\nexport const OnboardingChecklist = forwardRef<HTMLDivElement, OnboardingChecklistProps>(function OnboardingChecklist({\n\tsteps,\n\tdefaultExpanded,\n\tmultiple = false,\n\tvalue,\n\tonValueChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = value !== undefined;\n\tconst computedDefault = useMemo(\n\t\t() => defaultExpanded ?? defaultExpandedFor(steps),\n\t\t// First-mount default. Re-resolution when `steps` arrives async is\n\t\t// handled by the effect below — that effect picks the next pending\n\t\t// step and opens it, but only if the user hasn't already toggled\n\t\t// anything.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[],\n\t);\n\tconst [internalValue, setInternalValue] = useState<string[]>(computedDefault);\n\tconst userInteractedRef = useRef(false);\n\tconst expanded = isControlled ? value : internalValue;\n\tconst previouslyExpanded = useRef<Set<string>>(new Set(computedDefault));\n\n\t// When `steps` is loaded asynchronously (consumer passes [] then\n\t// populates), promote the next-pending step the first time real\n\t// steps arrive — but never overwrite an explicit user toggle.\n\tuseEffect(() => {\n\t\tif (isControlled || userInteractedRef.current) return;\n\t\tif (defaultExpanded !== undefined) return;\n\t\tif (steps.length === 0) return;\n\t\tif (internalValue.length > 0) return;\n\t\tconst next = defaultExpandedFor(steps);\n\t\tif (next.length > 0) setInternalValue(next);\n\t}, [steps, isControlled, defaultExpanded, internalValue.length]);\n\n\tconst handleValueChange = useCallback(\n\t\t(next: unknown) => {\n\t\t\tconst nextArr = (next as string[]) ?? [];\n\t\t\tuserInteractedRef.current = true;\n\t\t\tif (!isControlled) setInternalValue(nextArr);\n\t\t\tonValueChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onValueChange],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!onStepOpen) {\n\t\t\tpreviouslyExpanded.current = new Set(expanded);\n\t\t\treturn;\n\t\t}\n\t\tconst prev = previouslyExpanded.current;\n\t\tfor (const id of expanded) {\n\t\t\tif (!prev.has(id)) onStepOpen(id);\n\t\t}\n\t\tpreviouslyExpanded.current = new Set(expanded);\n\t}, [expanded, onStepOpen]);\n\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tvalue={expanded}\n\t\t\tonValueChange={handleValueChange}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('checklist--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{steps.map((step) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={step.id}\n\t\t\t\t\tvalue={step.id}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], stepClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tdisabled={step.disabled}\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, 'min-h-16 items-center')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex w-full min-w-0 items-center gap-3 pr-2\">\n\t\t\t\t\t\t\t<StepStatusIndicator\n\t\t\t\t\t\t\t\tstatus={step.status}\n\t\t\t\t\t\t\t\tariaLabel={pickStatusAria(step.status, strings)}\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\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(TITLE_TONE_CLASS[step.status])}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!step.badge && (\n\t\t\t\t\t\t\t\t<span className=\"ml-auto inline-flex shrink-0\">{step.badge}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t{!!step.content && (\n\t\t\t\t\t\t<AccordionContent className={ACCORDION_CONTENT_PADDING.withMedallion}>\n\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\" tag=\"div\">\n\t\t\t\t\t\t\t\t{step.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</AccordionContent>\n\t\t\t\t\t)}\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nOnboardingChecklist.displayName = 'OnboardingChecklist';\n"],"mappings":"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"}

package/dist/components/composed/onboarding/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-Rzi9wEl6.js";
-import { t as d } from "../../../_shared/spinner-BfAbXTQ7.js";
+import { s as n } from "../../../_shared/typography-DE0NGEIE.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-B9EjlZLY.js";
+import { t as d } from "../../../_shared/spinner-DMC2IIml.js";
 import { forwardRef as f, useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { CheckCircle2 as b } from "lucide-react";

package/dist/components/composed/timelines/activity-stream/types.d.ts

@@ -1,5 +1,6 @@
 import { LucideIcon } from 'lucide-react';
 import { ComposedBadgeVariant } from '../../../base/badge/badge';
+import { StringsProp } from '../../../../lib/strings';
 export interface ActivityStreamItem {
     id: string;
     icon?: LucideIcon;
@@ -21,6 +22,6 @@ export declare const defaultActivityStreamStrings: ActivityStreamStrings;
 export interface ActivityStreamCardProps {
     items: ActivityStreamItem[];
     className?: string;
-    strings?: Partial<ActivityStreamStrings>;
+    strings?: StringsProp<ActivityStreamStrings>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/composed/timelines/activity-stream/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/activity-stream/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9C;AAED,MAAM,WAAW,qBAAqB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACvC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACzC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/activity-stream/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9C;AAED,MAAM,WAAW,qBAAqB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,4BAA4B,EAAE,qBAG1C,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACvC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;CAC7C"}

package/dist/components/composed/timelines/changelog/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { StringsProp } from '../../../../lib/strings';
 export type ChangelogEntryKind = 'added' | 'removed' | 'modified' | 'fixed';
 export interface ChangelogEntry {
     id: string;
@@ -20,6 +21,6 @@ export declare const defaultChangelogTimelineStrings: ChangelogTimelineStrings;
 export interface ChangelogTimelineCardProps {
     entries: ChangelogEntry[];
     className?: string;
-    strings?: Partial<ChangelogTimelineStrings>;
+    strings?: StringsProp<ChangelogTimelineStrings>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/composed/timelines/changelog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/changelog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,+BAA+B,EAAE,wBAM7C,CAAC;AAEF,MAAM,WAAW,0BAA0B;IAC1C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/changelog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,+BAA+B,EAAE,wBAM7C,CAAC;AAEF,MAAM,WAAW,0BAA0B;IAC1C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC;CAChD"}

package/dist/components/composed/timelines/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/badge-CBof1rbF.cjs"),i=require("../../../_shared/smart-card-B6m7tmt0.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.n,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground`,children:(0,a.jsx)(n.n,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.n,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.n,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.n,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`h-[11px] w-[11px] rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.n,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.n,{weight:`medium`,children:r.label}),(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.n,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.n,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.n,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.n,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.n,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.n,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.n,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.n,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-CO9uwZhF.cjs"),r=require("../../../_shared/badge-BeSKxX1u.cjs"),i=require("../../../_shared/cards-BKFwMTjM.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.s,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.s,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground`,children:(0,a.jsx)(n.s,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.s,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.s,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-28 flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.s,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.s,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute bottom-0 left-[5px] top-[14px] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`size-3 rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.s,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.s,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.s,{weight:`medium`,children:r.label}),(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.s,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.s,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.s,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.s,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.s,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.s,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.s,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.s,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.s,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.s,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
 //# sourceMappingURL=index.cjs.map