admin-ui-starter-kit 0.1.0

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

@@ -0,0 +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.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 } 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 { KanbanMicroBoardProps } from './types';\n\nexport function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps) {\n    const totalItems = columns.reduce((sum, col) => sum + col.items.length, 0);\n\n    return (\n        <SmartCard\n            title=\"Pipeline Overview\"\n            titleSuffix={<Badge variant=\"secondary\">{totalItems} items</Badge>}\n            className={cn('kanban-board--component', className)}\n        >\n            <div className=\"grid grid-cols-4 gap-1.5\">\n                {columns.map((col, colIdx) => (\n                    <div\n                        key={col.title}\n                        className={cn(\n                            'rounded-md p-1.5',\n                            colIdx % 2 === 0 ? 'bg-muted/40' : 'bg-muted/20',\n                        )}\n                    >\n                        <div className=\"mb-1.5 flex items-center justify-between\">\n                            <Text size=\"xxs\" weight=\"semibold\" className=\"truncate\">\n                                {col.title}\n                            </Text>\n                            <Badge variant=\"secondary\" className=\"ml-1 !px-1 !py-0 text-xxs\">\n                                {col.items.length}\n                            </Badge>\n                        </div>\n                        <div className=\"max-h-20 space-y-1 overflow-y-auto\">\n                            {col.items.map((item, itemIdx) => (\n                                <div\n                                    key={`${col.title}-${itemIdx}`}\n                                    className=\"flex items-center gap-1 rounded bg-card px-1.5 py-1 shadow-sm\"\n                                >\n                                    <div\n                                        className=\"h-1.5 w-1.5 flex-shrink-0 rounded-full\"\n                                        style={{ backgroundColor: `var(--color-${item.color})` }}\n                                    />\n                                    <Text size=\"xxs\" className=\"truncate\">\n                                        {item.title}\n                                    </Text>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </SmartCard>\n    );\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 { 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 { cn } from '@/lib/utils';\n\nimport type { ExperienceActivityCardProps } from './types';\n\nexport function ExperienceActivityCard({\n    completed,\n    total,\n    activities,\n    onAdd,\n    className,\n}: ExperienceActivityCardProps) {\n    return (\n        <SmartCard\n            title={`${completed} out of ${total}`}\n            description=\"Experiences completed this week\"\n            headerEnd={\n                !!onAdd && (\n                    <Button variant=\"light\" buttonStyle=\"ghost\" onClick={onAdd} className=\"size-8 rounded-full bg-primary/10 p-0\">\n                        <Plus className=\"size-4\" />\n                    </Button>\n                  )\n            }\n            className={cn('experience-activity--component', 'bg-gradient-to-b from-muted/30 to-card', 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-10 items-center justify-center rounded-full bg-primary/10\">\n                                    <a.icon className=\"size-5 text-primary\" />\n                                </div>\n                            </ItemMedia>\n                            <ItemContent>\n                                <ItemTitle>{a.title}</ItemTitle>\n                                <ItemDescription clamp={1}>{a.time}</ItemDescription>\n                                <div className=\"mt-2.5 grid grid-cols-2 gap-2\">\n                                    {a.metrics.map((m) => (\n                                        <div key={m.label} className=\"rounded-lg bg-muted/30 px-2.5 py-1.5\">\n                                            <Text size=\"xs\" type=\"secondary\">{m.label}</Text>\n                                            <Text size=\"xs\" weight=\"bold\">{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 { 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 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\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'flex items-center gap-2 rounded-md px-2 py-1 text-left transition-colors',\n\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\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 sm:block min-w-0\">\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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"}

package/dist/components/composed/navigation/kanban-board/index.d.ts

@@ -0,0 +1,3 @@
+export { KanbanMicroBoard } from './kanban-board';
+export type { KanbanItem, KanbanColumn, KanbanMicroBoardProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/navigation/kanban-board/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/kanban-board/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/composed/navigation/kanban-board/kanban-board.d.ts

@@ -0,0 +1,6 @@
+import { KanbanMicroBoardProps } from './types';
+export declare function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace KanbanMicroBoard {
+    var displayName: string;
+}
+//# sourceMappingURL=kanban-board.d.ts.map

package/dist/components/composed/navigation/kanban-board/kanban-board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA+C7E;yBA/Ce,gBAAgB"}

package/dist/components/composed/navigation/kanban-board/types.d.ts

@@ -0,0 +1,13 @@
+export interface KanbanItem {
+    title: string;
+    color: string;
+}
+export interface KanbanColumn {
+    title: string;
+    items: KanbanItem[];
+}
+export interface KanbanMicroBoardProps {
+    columns: KanbanColumn[];
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/navigation/kanban-board/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/kanban-board/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/composed/navigation/tab-switcher/index.d.ts

@@ -0,0 +1,3 @@
+export { TabSwitcherCard } from './tab-switcher';
+export type { TabItem, TabSwitcherCardProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/navigation/tab-switcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/tab-switcher/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/composed/navigation/tab-switcher/tab-switcher.d.ts

@@ -0,0 +1,6 @@
+import { TabSwitcherCardProps } from './types';
+export declare function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TabSwitcherCard {
+    var displayName: string;
+}
+//# sourceMappingURL=tab-switcher.d.ts.map

package/dist/components/composed/navigation/tab-switcher/tab-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/tab-switcher/tab-switcher.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAoC3F;yBApCe,eAAe"}

package/dist/components/composed/navigation/tab-switcher/types.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface TabItem {
+    name: string;
+    value: string;
+    icon?: React.ElementType;
+}
+export interface TabSwitcherCardProps {
+    title?: string;
+    tabs: Record<string, TabItem[]>;
+    defaultTab?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/navigation/tab-switcher/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/tab-switcher/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,OAAO;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/composed/navigation/time-ruler/index.d.ts

@@ -0,0 +1,3 @@
+export { TimeDistributionRuler } from './time-ruler';
+export type { TimeDistributionRulerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/navigation/time-ruler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/time-ruler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/composed/navigation/time-ruler/time-ruler.d.ts

@@ -0,0 +1,6 @@
+import { TimeDistributionRulerProps } from './types';
+export declare function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimeDistributionRuler {
+    var displayName: string;
+}
+//# sourceMappingURL=time-ruler.d.ts.map

package/dist/components/composed/navigation/time-ruler/time-ruler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-ruler.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/time-ruler/time-ruler.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuC,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE/F,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,0BAA0B,2CAiFxH;yBAjFe,qBAAqB"}

package/dist/components/composed/navigation/time-ruler/types.d.ts

@@ -0,0 +1,20 @@
+import { StringsProp } from '../../../../lib/strings';
+export interface TimeDistributionRulerStrings {
+    /** Density-band legend labels. */
+    legendNone: string;
+    legendLow: string;
+    legendMedium: string;
+    legendHigh: string;
+    /** "Now" marker label. */
+    legendNow: string;
+    /** Format function for the per-hour `title` tooltip ("08:00 - 5 bookings"). */
+    formatHourTitle: (hourLabel: string, count: number) => string;
+}
+export declare const defaultTimeDistributionRulerStrings: TimeDistributionRulerStrings;
+export interface TimeDistributionRulerProps {
+    hours: number[];
+    currentHour?: number;
+    className?: string;
+    strings?: StringsProp<TimeDistributionRulerStrings>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/navigation/time-ruler/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/time-ruler/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,4BAA4B;IACzC,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACjE;AAED,eAAO,MAAM,mCAAmC,EAAE,4BAOjD,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACvC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;CACvD"}

package/dist/components/composed/navigation/vendor-performance/index.d.ts

@@ -0,0 +1,3 @@
+export { VendorPerformanceCard } from './vendor-performance';
+export type { VendorMetrics, VendorPerformanceCardProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/navigation/vendor-performance/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/vendor-performance/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,YAAY,EAAE,aAAa,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/composed/navigation/vendor-performance/types.d.ts

@@ -0,0 +1,17 @@
+export interface VendorMetrics {
+    bookings: number;
+    revenue: string;
+    avgRating: number;
+    responseTime: string;
+}
+export interface VendorPerformanceCardProps {
+    vendorName: string;
+    rating: number;
+    maxRating?: number;
+    metrics: VendorMetrics;
+    performanceScore: number;
+    lastActive: string;
+    joinedDate: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/composed/navigation/vendor-performance/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/vendor-performance/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/composed/navigation/vendor-performance/vendor-performance.d.ts

@@ -0,0 +1,6 @@
+import { VendorPerformanceCardProps } from './types';
+export declare function VendorPerformanceCard({ vendorName, rating, maxRating, metrics, performanceScore, lastActive, joinedDate, className, }: VendorPerformanceCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace VendorPerformanceCard {
+    var displayName: string;
+}
+//# sourceMappingURL=vendor-performance.d.ts.map

package/dist/components/composed/navigation/vendor-performance/vendor-performance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendor-performance.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/vendor-performance/vendor-performance.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AA6B1D,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,MAAM,EACN,SAAa,EACb,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,SAAS,GACZ,EAAE,0BAA0B,2CAwD5B;yBAjEe,qBAAqB"}

package/dist/components/composed/onboarding/checklist/checklist.d.ts

@@ -0,0 +1,3 @@
+import { OnboardingChecklistProps } from './checklist.types';
+export declare const OnboardingChecklist: import('react').ForwardRefExoticComponent<OnboardingChecklistProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=checklist.d.ts.map

package/dist/components/composed/onboarding/checklist/checklist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/onboarding/checklist/checklist.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EACX,wBAAwB,EAExB,MAAM,mBAAmB,CAAC;AAuB3B,eAAO,MAAM,mBAAmB,qHA6G9B,CAAC"}

package/dist/components/composed/onboarding/checklist/checklist.strings.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Strings for `<OnboardingChecklist>`. Indicator labels are screen-reader
+ * announcements for the status icons; consumers wire their i18n into them.
+ *
+ * The `regionAriaLabel` is intentionally optional — the consumer typically
+ * already has a heading above the checklist that names it ("Set up your
+ * workspace"), so adding an aria-label here would be redundant.
+ */
+export interface OnboardingChecklistStrings {
+    regionAriaLabel?: string;
+    statusCompletedAria: string;
+    statusInProgressAria: string;
+    statusPendingAria: string;
+}
+export declare const defaultOnboardingChecklistStrings: OnboardingChecklistStrings;
+//# sourceMappingURL=checklist.strings.d.ts.map

package/dist/components/composed/onboarding/checklist/checklist.strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.strings.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/onboarding/checklist/checklist.strings.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,0BAA0B;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,iCAAiC,EAAE,0BAK/C,CAAC"}

package/dist/components/composed/onboarding/checklist/checklist.types.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+import { StringsProp } from '../../../../lib/strings';
+import { OnboardingChecklistStrings } from './checklist.strings';
+/** Status of a single onboarding step. */
+export type OnboardingStepStatus = 'completed' | 'in-progress' | 'pending';
+export interface OnboardingChecklistStep {
+    /** Stable identifier for controlled-mode + accordion value. */
+    id: string;
+    /** Current status — drives the leading indicator and tone. */
+    status: OnboardingStepStatus;
+    /** Step title; renders as a `<Heading tag="h4">`. */
+    title: ReactNode;
+    /**
+     * Trailing badge — typically a status pill ("Ready", "Required",
+     * "Recommended"). Pass any node — usually `<Badge>` from
+     * `base/badge`.
+     */
+    badge?: ReactNode;
+    /**
+     * Body content shown when the step is expanded. This is where
+     * forms / inputs / illustrations live.
+     */
+    content?: ReactNode;
+    /** Prevents the step from expanding/collapsing when true. */
+    disabled?: boolean;
+}
+/**
+ * Visual chrome for the checklist shell. Same axis as `SmartAccordion`'s
+ * variant prop — re-exported here for discoverability.
+ *
+ * `card`     — each step is a separate rounded card.
+ * `bordered` — single rounded shell with row dividers (the canonical
+ *              onboarding look from the user's reference).
+ * `flat`     — no chrome at all.
+ */
+export type OnboardingChecklistVariant = 'card' | 'bordered' | 'flat';
+export interface OnboardingChecklistProps {
+    steps: OnboardingChecklistStep[];
+    /**
+     * Initial expanded step ids (uncontrolled). Defaults to opening the
+     * first non-completed step so the user lands on the next thing to do.
+     */
+    defaultExpanded?: string[];
+    /** Allow multiple steps expanded simultaneously. Defaults to `false`. */
+    multiple?: boolean;
+    /** Controlled expanded step ids. */
+    value?: string[];
+    /** Change callback for controlled mode. */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Emit when a step is opened (for analytics — fires on transitions
+     * from "not in expanded set" to "in expanded set").
+     */
+    onStepOpen?: (id: string) => void;
+    /** Visual chrome. Defaults to `'bordered'` (the canonical onboarding shape). */
+    variant?: OnboardingChecklistVariant;
+    className?: string;
+    stepClassName?: string;
+    strings?: StringsProp<OnboardingChecklistStrings>;
+}
+//# sourceMappingURL=checklist.types.d.ts.map

package/dist/components/composed/onboarding/checklist/checklist.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/onboarding/checklist/checklist.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEtE,0CAA0C;AAC1C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;AAE3E,MAAM,WAAW,uBAAuB;IACvC,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,MAAM,EAAE,oBAAoB,CAAC;IAC7B,qDAAqD;IACrD,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gFAAgF;IAChF,OAAO,CAAC,EAAE,0BAA0B,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;CAClD"}

package/dist/components/composed/onboarding/checklist/index.d.ts

@@ -0,0 +1,5 @@
+export { OnboardingChecklist } from './checklist';
+export { defaultOnboardingChecklistStrings, type OnboardingChecklistStrings, } from './checklist.strings';
+export type { OnboardingChecklistProps, OnboardingChecklistStep, OnboardingChecklistVariant, OnboardingStepStatus, } from './checklist.types';
+export { StepStatusIndicator } from './partials/step-status-indicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/onboarding/checklist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/onboarding/checklist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EACN,iCAAiC,EACjC,KAAK,0BAA0B,GAC/B,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACX,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/components/composed/onboarding/checklist/partials/step-status-indicator.d.ts

@@ -0,0 +1,12 @@
+import { OnboardingStepStatus } from '../checklist.types';
+interface StepStatusIndicatorProps {
+    status: OnboardingStepStatus;
+    ariaLabel: string;
+    className?: string;
+}
+export declare function StepStatusIndicator({ status, ariaLabel, className, }: StepStatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StepStatusIndicator {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=step-status-indicator.d.ts.map

package/dist/components/composed/onboarding/checklist/partials/step-status-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-status-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,UAAU,wBAAwB;IACjC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,SAAS,GACT,EAAE,wBAAwB,2CAqC1B;yBAzCe,mBAAmB"}

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

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../_shared/chunk-D3uCBrYO.cjs`);const e=require(`../../../lib/strings.cjs`),t=require(`../../../lib/utils.cjs`),n=require(`../../../_shared/text-DBnY6fcL.cjs`),r=require(`../../../_shared/accordion-7rwpgJ1k.cjs`),i=require(`../../../_shared/spinner-zbmhn0vE.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-5 items-center justify-center`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-5 fill-success text-background`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-5 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-5 items-center justify-center text-muted-foreground/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.o,{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.c,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.l,{disabled:e.disabled,className:`gap-3 px-3 py-(--row-py) hover:no-underline`,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.t,{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.s,{className:r.r.withMedallion,children:(0,o.jsx)(n.t,{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

@@ -0,0 +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-5 items-center justify-center', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-5 fill-success text-background\" />\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-5 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-5 items-center justify-center text-muted-foreground/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} 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=\"gap-3 px-3 py-(--row-py) hover:no-underline\"\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":"0aAeA,IAAa,EAAgE,CAC5E,gBAAiB,IAAA,GACjB,oBAAqB,YACrB,qBAAsB,cACtB,kBAAmB,UACnB,CCID,SAAgB,EAAoB,CACnC,SACA,YACA,aAC4B,CA4B5B,OA3BI,IAAW,aAEb,EAAA,EAAA,KAAC,OAAD,CACC,KAAK,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,0CAA2C,EAAU,WAEnE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,UAAU,sCAAwC,CAAA,CAC1D,CAAA,CAIL,IAAW,eAEb,EAAA,EAAA,KAAC,OAAD,CACC,KAAK,MACL,aAAY,EACZ,UAAW,EAAA,GACV,4FACA,EACA,WAED,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAmC,CAAA,CAC7C,CAAA,EAKR,EAAA,EAAA,KAAC,OAAD,CACC,KAAK,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,mEAAoE,EAAU,WAE5F,EAAA,EAAA,KAAC,EAAA,EAAD,CAAS,UAAU,oBAAsB,CAAA,CACnC,CAAA,CAIT,EAAoB,YAAc,sBCxBlC,IAAM,EAAyD,CAC9D,UAAW,kBACX,cAAe,kBACf,QAAS,wBACT,CAED,SAAS,EACR,EACA,EACS,CAGT,OAFI,IAAW,YAAoB,EAAQ,oBACvC,IAAW,cAAsB,EAAQ,qBACtC,EAAQ,kBAGhB,SAAS,EAAmB,EAAoD,CAC/E,IAAM,EAAO,EAAM,KAAM,GAAM,EAAE,SAAW,aAAe,CAAC,EAAE,SAAS,CACvE,OAAO,EAAO,CAAC,EAAK,GAAG,CAAG,EAAE,CAG7B,IAAa,GAAA,EAAA,EAAA,YAA2E,SAA6B,CACpH,QACA,kBACA,WAAW,GACX,QACA,gBACA,aACA,UAAU,WACV,YACA,gBACA,QAAS,GACP,EAAK,CACP,IAAM,EAAU,EAAA,WAAW,EAAmC,EAAY,CACpE,EAAe,IAAU,IAAA,GACzB,GAAA,EAAA,EAAA,aACC,GAAmB,EAAmB,EAAM,CAMlD,EAAE,CACF,CACK,CAAC,EAAe,IAAA,EAAA,EAAA,UAAuC,EAAgB,CACvE,GAAA,EAAA,EAAA,QAA2B,GAAM,CACjC,EAAW,EAAe,EAAQ,EAClC,GAAA,EAAA,EAAA,QAAyC,IAAI,IAAI,EAAgB,CAAC,EAKxE,EAAA,EAAA,eAAgB,CAIf,GAHI,GAAgB,EAAkB,SAClC,IAAoB,IAAA,IACpB,EAAM,SAAW,GACjB,EAAc,OAAS,EAAG,OAC9B,IAAM,EAAO,EAAmB,EAAM,CAClC,EAAK,OAAS,GAAG,EAAiB,EAAK,EACzC,CAAC,EAAO,EAAc,EAAiB,EAAc,OAAO,CAAC,CAEhE,IAAM,GAAA,EAAA,EAAA,aACJ,GAAkB,CAClB,IAAM,EAAW,GAAqB,EAAE,CACxC,EAAkB,QAAU,GACvB,GAAc,EAAiB,EAAQ,CAC5C,IAAgB,EAAQ,EAEzB,CAAC,EAAc,EAAc,CAC7B,CAcD,OAZA,EAAA,EAAA,eAAgB,CACf,GAAI,CAAC,EAAY,CAChB,EAAmB,QAAU,IAAI,IAAI,EAAS,CAC9C,OAED,IAAM,EAAO,EAAmB,QAChC,IAAK,IAAM,KAAM,EACX,EAAK,IAAI,EAAG,EAAE,EAAW,EAAG,CAElC,EAAmB,QAAU,IAAI,IAAI,EAAS,EAC5C,CAAC,EAAU,EAAW,CAAC,EAGzB,EAAA,EAAA,KAAC,EAAA,EAAD,CACM,MACK,WACV,MAAO,EACP,cAAe,EACf,aAAY,EAAQ,gBACpB,UAAW,EAAA,GAAG,uBAAwB,EAAA,EAA6B,GAAU,EAAU,UAEtF,EAAM,IAAK,IACX,EAAA,EAAA,MAAC,EAAA,EAAD,CAEC,MAAO,EAAK,GACZ,UAAW,EAAA,GAAG,EAAA,EAA6B,GAAU,EAAc,UAHpE,EAKC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,SAAU,EAAK,SACf,UAAU,wDAEV,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uDAAf,EACC,EAAA,EAAA,KAAC,EAAD,CACC,OAAQ,EAAK,OACb,UAAW,EAAe,EAAK,OAAQ,EAAQ,CAC9C,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,IAAI,OACJ,OAAO,WACP,UAAW,EAAA,GAAG,EAAiB,EAAK,QAAQ,UAE3C,EAAK,MACA,CAAA,CACN,CAAC,CAAC,EAAK,QACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wCAAgC,EAAK,MAAa,CAAA,CAE9D,GACY,CAAA,CAClB,CAAC,CAAC,EAAK,UACP,EAAA,EAAA,KAAC,EAAA,EAAD,CAAkB,UAAW,EAAA,EAA0B,wBACtD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,YAAY,UAAU,kBAAkB,IAAI,eACrD,EAAK,QACA,CAAA,CACW,CAAA,CAEL,EAhCV,EAAK,GAgCK,CACf,CACS,CAAA,EAEZ,CAEF,EAAoB,YAAc"}

package/dist/components/composed/onboarding/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * composed/onboarding — surfaces for SaaS onboarding flows. Currently
+ * ships the checklist accordion; adjacent patterns (welcome banners,
+ * empty-state-with-tour-cta, progress meters) belong here too as they
+ * land.
+ */
+export * from './checklist';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composed/onboarding/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/onboarding/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,123 @@
+import { useStrings as e } from "../../../lib/strings.js";
+import { cn as t } from "../../../lib/utils.js";
+import { t as n } from "../../../_shared/text-DIxMTECE.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l } from "../../../_shared/accordion-DcduCEIo.js";
+import { t as u } from "../../../_shared/spinner-D-pcMBt1.js";
+import { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CheckCircle2 as y } from "lucide-react";
+//#region src/components/composed/onboarding/checklist/checklist.strings.ts
+var b = {
+	regionAriaLabel: void 0,
+	statusCompletedAria: "Completed",
+	statusInProgressAria: "In progress",
+	statusPendingAria: "Pending"
+};
+//#endregion
+//#region src/components/composed/onboarding/checklist/partials/step-status-indicator.tsx
+function x({ status: e, ariaLabel: n, className: r }) {
+	return e === "completed" ? /* @__PURE__ */ _("span", {
+		role: "img",
+		"aria-label": n,
+		className: t("flex size-5 items-center justify-center", r),
+		children: /* @__PURE__ */ _(y, { className: "size-5 fill-success text-background" })
+	}) : e === "in-progress" ? /* @__PURE__ */ _("span", {
+		role: "img",
+		"aria-label": n,
+		className: t("flex size-5 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30", r),
+		children: /* @__PURE__ */ _("span", { className: "size-2 rounded-full bg-warning" })
+	}) : /* @__PURE__ */ _("span", {
+		role: "img",
+		"aria-label": n,
+		className: t("flex size-5 items-center justify-center text-muted-foreground/70", r),
+		children: /* @__PURE__ */ _(u, { className: "size-4 opacity-60" })
+	});
+}
+x.displayName = "StepStatusIndicator";
+//#endregion
+//#region src/components/composed/onboarding/checklist/checklist.tsx
+var S = {
+	completed: "text-foreground",
+	"in-progress": "text-foreground",
+	pending: "text-muted-foreground"
+};
+function C(e, t) {
+	return e === "completed" ? t.statusCompletedAria : e === "in-progress" ? t.statusInProgressAria : t.statusPendingAria;
+}
+function w(e) {
+	let t = e.find((e) => e.status !== "completed" && !e.disabled);
+	return t ? [t.id] : [];
+}
+var T = d(function({ steps: u, defaultExpanded: d, multiple: y = !1, value: T, onValueChange: E, onStepOpen: D, variant: O = "bordered", className: k, stepClassName: A, strings: j }, M) {
+	let N = e(b, j), P = T !== void 0, F = m(() => d ?? w(u), []), [I, L] = g(F), R = h(!1), z = P ? T : I, B = h(new Set(F));
+	p(() => {
+		if (P || R.current || d !== void 0 || u.length === 0 || I.length > 0) return;
+		let e = w(u);
+		e.length > 0 && L(e);
+	}, [
+		u,
+		P,
+		d,
+		I.length
+	]);
+	let V = f((e) => {
+		let t = e ?? [];
+		R.current = !0, P || L(t), E?.(t);
+	}, [P, E]);
+	return p(() => {
+		if (!D) {
+			B.current = new Set(z);
+			return;
+		}
+		let e = B.current;
+		for (let t of z) e.has(t) || D(t);
+		B.current = new Set(z);
+	}, [z, D]), /* @__PURE__ */ _(s, {
+		ref: M,
+		multiple: y,
+		value: z,
+		onValueChange: V,
+		"aria-label": N.regionAriaLabel,
+		className: t("checklist--component", r[O], k),
+		children: u.map((e) => /* @__PURE__ */ v(i, {
+			value: e.id,
+			className: t(a[O], A),
+			children: [/* @__PURE__ */ _(o, {
+				disabled: e.disabled,
+				className: "gap-3 px-3 py-(--row-py) hover:no-underline",
+				children: /* @__PURE__ */ v("div", {
+					className: "flex w-full min-w-0 items-center gap-3 pr-2",
+					children: [
+						/* @__PURE__ */ _(x, {
+							status: e.status,
+							ariaLabel: C(e.status, N)
+						}),
+						/* @__PURE__ */ _(n, {
+							tag: "span",
+							weight: "semibold",
+							className: t(S[e.status]),
+							children: e.title
+						}),
+						!!e.badge && /* @__PURE__ */ _("span", {
+							className: "ml-auto inline-flex shrink-0",
+							children: e.badge
+						})
+					]
+				})
+			}), !!e.content && /* @__PURE__ */ _(l, {
+				className: c.withMedallion,
+				children: /* @__PURE__ */ _(n, {
+					type: "secondary",
+					className: "leading-relaxed",
+					tag: "div",
+					children: e.content
+				})
+			})]
+		}, e.id))
+	});
+});
+T.displayName = "OnboardingChecklist";
+//#endregion
+export { T as OnboardingChecklist, x as StepStatusIndicator, b as defaultOnboardingChecklistStrings };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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-5 items-center justify-center', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-5 fill-success text-background\" />\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-5 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-5 items-center justify-center text-muted-foreground/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} 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=\"gap-3 px-3 py-(--row-py) hover:no-underline\"\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/timelines/activity-stream/activity-stream.d.ts

@@ -0,0 +1,6 @@
+import { ActivityStreamCardProps } from './types';
+export declare function ActivityStreamCard({ items, className, strings: stringsProp }: ActivityStreamCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ActivityStreamCard {
+    var displayName: string;
+}
+//# sourceMappingURL=activity-stream.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activity-stream.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/timelines/activity-stream/activity-stream.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEN,KAAK,uBAAuB,EAC5B,MAAM,SAAS,CAAC;AAWjB,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,uBAAuB,2CAiDrG;yBAjDe,kBAAkB"}