npm - admin-ui-starter-kit - Versions diffs - 0.1.3 → 0.4.2 - Mend

admin-ui-starter-kit 0.1.3 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2340) hide show

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

	@@ -1 +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.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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"}
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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"}

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

@@ -1,5 +1,5 @@
 import { KanbanMicroBoardProps } from './types';
-export declare function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanMicroBoard({ columns, className }: KanbanMicroBoardProps): import("react").JSX.Element;
 export declare namespace KanbanMicroBoard {
     var displayName: string;
 }

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"kanban-board.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/navigation/kanban-board/kanban-board.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAoBvE,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAkD7E;yBAlDe,gBAAgB"}

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

@@ -1,10 +1,14 @@
 export interface KanbanItem {
     title: string;
-    color: string;
+    /** Semantic dot tone; falls back to the parent column tone. */
+    tone?: KanbanColumnTone;
 }
+export type KanbanColumnTone = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'destructive';
 export interface KanbanColumn {
     title: string;
     items: KanbanItem[];
+    /** Semantic status of the column; drives the count badge + header accent. */
+    tone?: KanbanColumnTone;
 }
 export interface KanbanMicroBoardProps {
     columns: KanbanColumn[];

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

	@@ -1 +1 @@
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"}
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,+DAA+D;IAC/D,IAAI,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GACtB,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAEpB,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

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

@@ -1,5 +1,5 @@
 import { TabSwitcherCardProps } from './types';
-export declare function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabSwitcherCard({ title, tabs, defaultTab, className }: TabSwitcherCardProps): import("react").JSX.Element;
 export declare namespace TabSwitcherCard {
     var displayName: string;
 }

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

	@@ -1 +1 @@
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"}
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,+BAoC3F;yBApCe,eAAe"}

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

@@ -1,5 +1,5 @@
 import { TimeDistributionRulerProps } from './types';
-export declare function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeDistributionRuler({ hours, currentHour, className, strings: stringsProp }: TimeDistributionRulerProps): import("react").JSX.Element;
 export declare namespace TimeDistributionRuler {
     var displayName: string;
 }

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

	@@ -1 +1 @@
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"}
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,+BAiFxH;yBAjFe,qBAAqB"}

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

@@ -1,5 +1,5 @@
 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 function VendorPerformanceCard({ vendorName, rating, maxRating, metrics, performanceScore, lastActive, joinedDate, className, }: VendorPerformanceCardProps): import("react").JSX.Element;
 export declare namespace VendorPerformanceCard {
     var displayName: string;
 }

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

	@@ -1 +1 @@
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"}
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,+BAwD5B;yBAjEe,qBAAqB"}

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

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

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

@@ -4,7 +4,7 @@ interface StepStatusIndicatorProps {
     ariaLabel: string;
     className?: string;
 }
-export declare function StepStatusIndicator({ status, ariaLabel, className, }: StepStatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepStatusIndicator({ status, ariaLabel, className, }: StepStatusIndicatorProps): import("react").JSX.Element;
 export declare namespace StepStatusIndicator {
     var displayName: string;
 }

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

	@@ -1 +1 @@
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"}
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,+BAqC1B;yBAzCe,mBAAmB"}

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

@@ -1,2 +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-D5uTCLCB.cjs`),i=require(`../../../_shared/spinner-Dvaa6GUm.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;
+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-BWU7zxlO.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;
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +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-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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"}
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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"}

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

@@ -1,13 +1,13 @@
 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-CztqyaIN.js";
-import { t as u } from "../../../_shared/spinner-BQjxJ_Kx.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";
+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-DTYKGqWD.js";
+import { t as d } from "../../../_shared/spinner-BfAbXTQ7.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";
 //#region src/components/composed/onboarding/checklist/checklist.strings.ts
-var b = {
+var x = {
 	regionAriaLabel: void 0,
 	statusCompletedAria: "Completed",
 	statusInProgressAria: "In progress",
@@ -15,98 +15,98 @@ var b = {
 };
 //#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", {
+function S({ status: e, ariaLabel: n, className: r }) {
+	return e === "completed" ? /* @__PURE__ */ v("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", {
+		className: t("flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20", r),
+		children: /* @__PURE__ */ v(b, { className: "size-4" })
+	}) : e === "in-progress" ? /* @__PURE__ */ v("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", {
+		className: t("flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30", r),
+		children: /* @__PURE__ */ v("span", { className: "size-2 rounded-full bg-warning" })
+	}) : /* @__PURE__ */ v("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" })
+		className: t("flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70", r),
+		children: /* @__PURE__ */ v(d, { className: "size-4 opacity-60" })
 	});
 }
-x.displayName = "StepStatusIndicator";
+S.displayName = "StepStatusIndicator";
 //#endregion
 //#region src/components/composed/onboarding/checklist/checklist.tsx
-var S = {
+var C = {
 	completed: "text-foreground",
 	"in-progress": "text-foreground",
 	pending: "text-muted-foreground"
 };
-function C(e, t) {
+function w(e, t) {
 	return e === "completed" ? t.statusCompletedAria : e === "in-progress" ? t.statusInProgressAria : t.statusPendingAria;
 }
-function w(e) {
+function T(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);
+var E = f(function({ steps: d, defaultExpanded: f, multiple: b = !1, value: E, onValueChange: D, onStepOpen: O, variant: k = "bordered", className: A, stepClassName: j, strings: M }, N) {
+	let P = e(x, M), F = E !== void 0, I = h(() => f ?? T(d), []), [L, R] = _(I), z = g(!1), B = F ? E : L, V = g(new Set(I));
+	m(() => {
+		if (F || z.current || f !== void 0 || d.length === 0 || L.length > 0) return;
+		let e = T(d);
+		e.length > 0 && R(e);
 	}, [
-		u,
-		P,
 		d,
-		I.length
+		F,
+		f,
+		L.length
 	]);
-	let V = f((e) => {
+	let H = p((e) => {
 		let t = e ?? [];
-		R.current = !0, P || L(t), E?.(t);
-	}, [P, E]);
-	return p(() => {
-		if (!D) {
-			B.current = new Set(z);
+		z.current = !0, F || R(t), D?.(t);
+	}, [F, D]);
+	return m(() => {
+		if (!O) {
+			V.current = new Set(B);
 			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, {
+		let e = V.current;
+		for (let t of B) e.has(t) || O(t);
+		V.current = new Set(B);
+	}, [B, O]), /* @__PURE__ */ v(l, {
+		ref: N,
+		multiple: b,
+		value: B,
+		onValueChange: H,
+		"aria-label": P.regionAriaLabel,
+		className: t("checklist--component", r[k], A),
+		children: d.map((e) => /* @__PURE__ */ y(o, {
 			value: e.id,
-			className: t(a[O], A),
-			children: [/* @__PURE__ */ _(o, {
+			className: t(a[k], j),
+			children: [/* @__PURE__ */ v(u, {
 				disabled: e.disabled,
-				className: "gap-3 px-3 py-(--row-py) hover:no-underline",
-				children: /* @__PURE__ */ v("div", {
+				className: t(s, "min-h-16 items-center"),
+				children: /* @__PURE__ */ y("div", {
 					className: "flex w-full min-w-0 items-center gap-3 pr-2",
 					children: [
-						/* @__PURE__ */ _(x, {
+						/* @__PURE__ */ v(S, {
 							status: e.status,
-							ariaLabel: C(e.status, N)
+							ariaLabel: w(e.status, P)
 						}),
-						/* @__PURE__ */ _(n, {
+						/* @__PURE__ */ v(n, {
 							tag: "span",
 							weight: "semibold",
-							className: t(S[e.status]),
+							className: t(C[e.status]),
 							children: e.title
 						}),
-						!!e.badge && /* @__PURE__ */ _("span", {
+						!!e.badge && /* @__PURE__ */ v("span", {
 							className: "ml-auto inline-flex shrink-0",
 							children: e.badge
 						})
 					]
 				})
-			}), !!e.content && /* @__PURE__ */ _(l, {
+			}), !!e.content && /* @__PURE__ */ v(i, {
 				className: c.withMedallion,
-				children: /* @__PURE__ */ _(n, {
+				children: /* @__PURE__ */ v(n, {
 					type: "secondary",
 					className: "leading-relaxed",
 					tag: "div",
@@ -116,8 +116,8 @@ var T = d(function({ steps: u, defaultExpanded: d, multiple: y = !1, value: T, o
 		}, e.id))
 	});
 });
-T.displayName = "OnboardingChecklist";
+E.displayName = "OnboardingChecklist";
 //#endregion
-export { T as OnboardingChecklist, x as StepStatusIndicator, b as defaultOnboardingChecklistStrings };
+export { E as OnboardingChecklist, S as StepStatusIndicator, x as defaultOnboardingChecklistStrings };
 //# sourceMappingURL=index.js.map