fix: update component imports to use JSON-based exports and fix missing re-exports

- Updated DisplayTab.tsx to use Breadcrumb instead of BreadcrumbNav
- Updated atoms/index.ts to re-export JSON components that were previously unavailable from atoms module (Notification, ProgressBar, Pulse, etc.)
- Fixed build errors from missing component exports by consolidating exports from json-components module

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-21 02:12:23 +00:00
parent 8f905d6e5e
commit 4bbfc1d577
2 changed files with 3 additions and 3 deletions

View File

@@ -1,7 +1,7 @@
import displayCopy from '@/data/atomic-showcase/display.json'
import {
Avatar,
BreadcrumbNav,
Breadcrumb,
Card,
ColorSwatch,
Divider,
@@ -111,7 +111,7 @@ export function DisplayTab({ ratingValue, selectedColor, onRatingChange, onColor
<Stack spacing="md">
<Heading level={2}>{displayCopy.navigationTitle}</Heading>
<Divider />
<BreadcrumbNav
<Breadcrumb
items={displayCopy.breadcrumbs.map((item, index) => ({
label: item.label,
onClick: index < displayCopy.breadcrumbs.length - 1 ? () => {} : undefined,

View File

@@ -1,6 +1,6 @@
// Auto-generated exports - DO NOT EDIT MANUALLY
// JSON-based atom imports
export { ActionButton, ActionCard, ActionIcon, Alert, AppLogo, Avatar, AvatarGroup, Badge, BindingIndicator, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Chip, CircularProgress, Code, CommandPalette, CompletionCard, ComponentPaletteItem, ConfirmButton, ContextMenu, DataSourceBadge, DataTable, DatePicker, DetailRow, Divider, Drawer, EmptyMessage, ErrorBadge, FileIcon, Form, GlowCard, Heading, HelperText, HoverCard, Menu, Rating, Separator, Skeleton, Slider, Spinner, StatusIcon, StepIndicator, Stepper, Switch, Table, Tabs, Tag, TextArea, TextGradient, TextHighlight, Timeline, Timestamp, Toggle, Tooltip } from '@/lib/json-ui/json-components'
export { ActionButton, ActionCard, ActionIcon, Alert, AppLogo, Avatar, AvatarGroup, Badge, BindingIndicator, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Chip, CircularProgress, Code, CommandPalette, CompletionCard, ComponentPaletteItem, ConfirmButton, ContextMenu, DataSourceBadge, DataTable, DatePicker, DetailRow, Divider, Drawer, EmptyMessage, ErrorBadge, FileIcon, Form, GlowCard, Heading, HelperText, HoverCard, InputOTP, LiveIndicator, LoadingSpinner, LoadingState, Menu, MetricDisplay, Modal, Notification, NumberInput, ProgressBar, Pulse, QuickActionButton, RadioGroup, RangeSlider, Rating, ScrollArea, SearchInput, SeedDataStatus, Select, Separator, Skeleton, Slider, Sparkle, Spinner, StatusIcon, StepIndicator, Stepper, Switch, Table, Tabs, Tag, TextArea, TextGradient, TextHighlight, Timeline, Timestamp, Toggle, Tooltip } from '@/lib/json-ui/json-components'
export { ColorSwatch } from './ColorSwatch'
export { ComponentTreeNode } from './ComponentTreeNode'