From 4bbfc1d577719c0b3d52181ddfc55c26a85fdba7 Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Wed, 21 Jan 2026 02:12:23 +0000
Subject: [PATCH] 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>
---
 src/components/atomic-showcase/DisplayTab.tsx | 4 ++--
 src/components/atoms/index.ts                 | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/atomic-showcase/DisplayTab.tsx b/src/components/atomic-showcase/DisplayTab.tsx
index db03281..02e94dd 100644
--- a/src/components/atomic-showcase/DisplayTab.tsx
+++ b/src/components/atomic-showcase/DisplayTab.tsx
@@ -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,
diff --git a/src/components/atoms/index.ts b/src/components/atoms/index.ts
index 28c7592..8f02a86 100644
--- a/src/components/atoms/index.ts
+++ b/src/components/atoms/index.ts
@@ -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'