astro-component-kit 0.3.1 → 0.4.1

package/README.md

@@ -1,6 +1,6 @@
 # ⬇ Astro Component Kit
 
-> A premium, open-source accessible UI component library built for [Astro 5.x](https://astro.build).
+> A free, open-source accessible UI component library and production templates built for [Astro 5.x](https://astro.build).
 > **🌐 Browse & copy components** at [astrocomponents.dev](https://astrocomponents.dev)
 > **📦 Install via npm** or **copy-paste** — your choice!
 
@@ -13,13 +13,14 @@
 
 ## ✨ Features
 
-- 🎨 **Premium design** — dark mode first, glassmorphism, fluid typography, and subtle micro-animations
-- ⚡ **Full-page sections** — 14 production-ready landing sections (Heroes, Bento Grids, Pricing Matrices, Testimonials, CTAs, FAQs, Teams)
-- ♿ **Accessible** — strictly WCAG 2.1 AA compliant with ARIA roles and keyboard navigation
+- 🛍️ **Multi-page production templates** — 3 complete templates (E-commerce Store, Editorial Boutique, SaaS Hotel) with state management, cart persistence, and live previews
+- 🎨 **Dark & Light theme** — dark mode first with official `[data-theme="light"]` support, adaptive tokens, and glassmorphism
+- ⚡ **Full-page sections** — 41+ production-ready landing sections (Heroes, Bento Grids, Pricing Matrices, Testimonials, CTAs, FAQs, Teams, Footers)
+- 📈 **Zero-dependency SVG charts** — 41 pure-SVG data visualization components rendered at build time with keyboard tooltips and data table fallbacks
+- ♿ **Strictly Accessible** — WCAG 2.1 AA compliant with ARIA roles and full keyboard navigation
 - 📋 **Copy & paste** — browse [astrocomponents.dev](https://astrocomponents.dev) and copy components directly
-- 📦 **npm installable** — `npm install astro-component-kit` for direct imports
+- 📦 **npm installable** — `npm install astro-component-kit` for direct modular imports
 - ♻️ **Zero runtime dependencies** — pure `.astro` components + Vanilla CSS
-- 🌑 **Dark mode first** — crafted for modern, dark-themed developer interfaces
 - 🔓 **Open Source** — MIT license, contributions welcome
 
 ---
@@ -45,7 +46,10 @@ import {
   CtaGlowBanner 
 } from 'astro-component-kit';
 
-// Or import by category (recommended for modularity)
+// Or import by category (recommended for tree-shaking & modularity)
+import { StoreProductCard, ProductBuyBox, VariantPicker, CartDrawer } from 'astro-component-kit/ecommerce';
+import { DataTable, AppSidebar, AppTopbar, RoomRack } from 'astro-component-kit/app';
+import { LineChart, BarChart, DonutChart, KpiStatTile } from 'astro-component-kit/charts';
 import { GlassButton, GlowButton, ThreeDPushButton } from 'astro-component-kit/buttons';
 import { GlassCard, ProfileCard, PricingCard } from 'astro-component-kit/cards';
 import { GlassAlert, Badge, ConfettiFeedback } from 'astro-component-kit/feedback';
@@ -54,7 +58,6 @@ import { OverlayModal, CommandDialog, BottomSheetMobile } from 'astro-component-
 import { AnimatedInput, OTPInput, GlassSlider } from 'astro-component-kit/forms';
 import { GlassCardGrid, SplitScreenLayout, MasonryGrid, BentoGrid3 } from 'astro-component-kit/layout';
 import { GradientHeading, GlassBlockQuote, CyberpunkGlitchText } from 'astro-component-kit/typography';
-import { AreaChart, DonutChart, BarChart } from 'astro-component-kit/charts';
 import { 
   FeatureBentoGrid, 
   PricingComparisonMatrix, 
@@ -74,7 +77,7 @@ import {
 <FeatureBentoGrid />
 ```
 
-**Import global design tokens** (optional but recommended):
+**Import global design tokens** (required for theme colors, spacing and typography):
 
 ```astro
 ---
@@ -85,7 +88,7 @@ import 'astro-component-kit/global.css';
 ### Option 2: Copy & Paste from Docs
 
 1. Visit [astrocomponents.dev](https://astrocomponents.dev)
-2. Browse the component library
+2. Browse the component library or templates
 3. Click **Copy** on the component code
 4. Paste into your `src/components/` directory
 5. Import and use in your Astro pages
@@ -105,21 +108,112 @@ Open [http://localhost:4321](http://localhost:4321) to browse components locally
 
 ## 📚 Component & Section Library
 
-**210+ components & full-page sections** across 11 categories:
+**320+ components & full-page sections** across 13 categories plus 3 complete templates:
 
 | Category | Components | Description |
 |----------|:----------:|-------------|
-| **Sections** | 14 | Full landing sections: Heroes, Bento Grids, Pricing Matrices, Testimonials, CTAs, FAQs, Teams, Contact |
-| **Buttons** | 19 | Glass, glow, neumorphic, 3D push, magnetic, cyberpunk, and animated |
-| **Cards** | 19 | Ecommerce, profile, pricing, weather, tilt, portfolio, kanban |
-| **Layout** | 19 | Bento grids, masonry, split screens, sticky sidebars, card grids, full-bleed sections |
-| **Forms** | 18 | Floating inputs, OTP, currency, tags, custom select, color picker, rating stars |
-| **Navigation** | 17 | Glass navbars, mega menus, breadcrumbs, vertical tabs, command palettes |
-| **Overlays** | 20 | Modals, drawers, lightboxes, popovers, bottom sheets, age verifications |
-| **Feedback** | 17 | Alerts, modal dialogs, toasts, spinners, progress bars, confetti |
-| **Data Display** | 19 | Tables, vertical/horizontal timelines, stats grids, sparklines, tree views |
-| **Typography** | 19 | Gradient headings, glitch text, typewriter, 3D text layers, drop caps |
-| **Charts** | 3 | Area, bar, and donut charts with ApexCharts integration |
+| **E-commerce** | 29 | Shop building blocks: product cards, cart drawer, buy box, variant picker, order summary, checkout, stock indicators |
+| **App & Dashboard** | 15 | SaaS building blocks: DataTable, collapsible AppSidebar, AppTopbar, RoomRack, ArrivalsBoard, HousekeepingBoard, AuthCard |
+| **Charts & Stats** | 47 | 41 zero-dependency SVG charts rendered at build time (line, area, bars, waterfall, pie, gauge, treemap, sankey, radar, heatmap, candlestick, KPI tiles…) plus 3 ApexCharts wrappers |
+| **Sections** | 41 | Heroes, features, pricing, testimonials, CTAs, stats dashboards, careers, FAQs, contact, logo walls, shop sections, blog, footers |
+| **Buttons** | 22 | Glass, glow, neumorphic, 3D push, magnetic, cyberpunk, and animated |
+| **Cards** | 22 | Ecommerce, profile, pricing, weather, tilt, portfolio, kanban |
+| **Layout** | 22 | Bento grids, masonry, split screens, sticky sidebars, card grids, full-bleed sections |
+| **Forms** | 24 | Floating inputs, OTP, currency, tags, custom select, color picker, rating stars |
+| **Navigation** | 23 | Glass navbars, mega menus, breadcrumbs, vertical tabs, command palettes |
+| **Overlays** | 23 | Modals, drawers, lightboxes, popovers, bottom sheets, age verifications |
+| **Feedback** | 22 | Alerts, modal dialogs, toasts, spinners, progress bars, confetti |
+| **Data Display** | 23 | Tables, vertical/horizontal timelines, stats grids, sparklines, tree views |
+| **Typography** | 24 | Gradient headings, glitch text, typewriter, 3D text layers, drop caps |
+
+---
+
+## 🛍️ Production Templates
+
+Complete multi-page sites built exclusively with library components. Live interactive previews are available at [astrocomponents.dev/templates](https://astrocomponents.dev/templates/).
+
+### 1. E-Commerce Store (Nova Store)
+A production-ready digital storefront with 5 pages, client-side filtering without backend, and a browser-persistent cart:
+
+```astro
+---
+// src/pages/index.astro
+import 'astro-component-kit/global.css';
+import { StoreHomePage } from 'astro-component-kit/templates/ecommerce';
+---
+
+<StoreHomePage />
+```
+
+- **Pages included:** `StoreHomePage`, `StoreCategoryPage`, `StoreProductPage`, `StoreCheckoutPage` and `StoreLayout`.
+- **Persistent Cart:** `cart-store.ts` handles cart items, quantities, promo codes, tax, and cross-tab synchronization.
+- **Import path:** `astro-component-kit/templates/ecommerce`
+
+### 2. E-Commerce Editorial (Forma Studio)
+High-fashion boutique aesthetic with serif typography, square lines, warm terracotta tones, and light theme default:
+
+```astro
+---
+// src/pages/index.astro
+import 'astro-component-kit/global.css';
+import { EditorialHomePage } from 'astro-component-kit/templates/ecommerce-editorial';
+---
+
+<EditorialHomePage />
+```
+
+- **Pages included:** `EditorialHomePage`, `EditorialShopPage`, `EditorialProductPage`, `EditorialBagPage`, `EditorialCheckoutPage` and `EditorialLayout`.
+- **Import path:** `astro-component-kit/templates/ecommerce-editorial`
+
+### 3. SaaS Hotel & Hospitality App (The Lobby)
+A dense, full-featured management dashboard:
+
+```astro
+---
+// src/pages/app/index.astro
+import 'astro-component-kit/global.css';
+import { DashboardPage } from 'astro-component-kit/templates/saas-hotel';
+---
+
+<DashboardPage />
+```
+
+- **Pages included:** `DashboardPage`, `RoomsPage` (Room Rack timeline), `ReservationsPage`, `GuestsPage`, `ReportsPage`, `SettingsPage`, `SignInPage`, and `LandingPage`.
+- **Import path:** `astro-component-kit/templates/saas-hotel`
+
+---
+
+## 📈 SVG Charts — Zero Dependencies
+
+```astro
+---
+import 'astro-component-kit/global.css';
+import { LineChart, PieChart, KpiStatTile } from 'astro-component-kit/charts';
+---
+
+<KpiStatTile label="Revenue" value="$48.2k" change={24} period="vs last month" />
+<LineChart
+  title="Monthly active users"
+  categories={['Jan', 'Feb', 'Mar', 'Apr']}
+  series={[{ name: 'Web', data: [120, 180, 160, 240] }]}
+/>
+<PieChart />
+```
+
+Every chart ships with a legend, keyboard-focusable marks with tooltips and a "View data" table fallback for screen readers. Colors come from the `--chart-1…8` tokens in `global.css`.
+
+---
+
+## 🌓 Theming & Dark / Light Mode
+
+Components are built dark-mode first with full support for light mode via the `[data-theme="light"]` attribute:
+
+```html
+<!-- Apply on html or body element -->
+<html data-theme="light">
+```
+
+All design tokens (`--ink-rgb`, `--paper-rgb`, `--c-on-primary`, and `--chart-*`) adapt automatically, preserving high contrast and accessible readability.
 
 ---
 
@@ -147,7 +241,7 @@ import { MinimalFooterGrid } from 'astro-component-kit/layout';
 
 <!-- 2. Hero Header -->
 <HeroGradient 
-  badge="New Release v0.3.0"
+  badge="New Release v0.4.1"
   title="Build Production Websites at Lightning Speed"
   subtitle="Zero client JavaScript runtime, accessible UI, and modern dark glassmorphism."
 />
@@ -228,22 +322,25 @@ import { Badge } from 'astro-component-kit/feedback';
 astro-component-kit/
 ├── src/
 │   ├── components/
-│   │   ├── lib/                 ← 210+ component source files
-│   │   │   ├── sections/        ← 14 full-page landing sections
-│   │   │   ├── buttons/         ← 19 button components
-│   │   │   ├── cards/           ← 19 card components
-│   │   │   ├── layout/          ← 19 layout & grid components
-│   │   │   ├── forms/           ← 18 form controls & inputs
-│   │   │   ├── navigation/      ← 17 navbar & menu components
-│   │   │   ├── overlays/        ← 20 overlay & modal components
-│   │   │   ├── feedback/        ← 17 alert & feedback components
-│   │   │   ├── data/            ← 19 data visualization & tables
-│   │   │   ├── typography/      ← 19 typography components
-│   │   │   └── charts/          ← 3 interactive data charts
+│   │   ├── lib/                 ← 320+ component source files & templates
+│   │   │   ├── templates/       ← Multi-page templates (ecommerce, editorial, saas-hotel)
+│   │   │   ├── ecommerce/       ← 29 e-commerce components & cart-store
+│   │   │   ├── app/             ← 15 SaaS & dashboard components
+│   │   │   ├── charts/          ← 47 SVG & interactive charts and KPI tiles
+│   │   │   ├── sections/        ← 41 full-page landing & shop sections
+│   │   │   ├── buttons/         ← 22 button components
+│   │   │   ├── cards/           ← 22 card components
+│   │   │   ├── layout/          ← 22 layout & grid components
+│   │   │   ├── forms/           ← 24 form controls & inputs
+│   │   │   ├── navigation/      ← 23 navbar & menu components
+│   │   │   ├── overlays/        ← 23 overlay & modal components
+│   │   │   ├── feedback/        ← 22 alert & feedback components
+│   │   │   ├── data/            ← 23 data visualization & tables
+│   │   │   └── typography/      ← 24 typography components
 │   │   └── index.ts             ← Main barrel export
 │   └── types.d.ts               ← TypeScript declarations
 ├── src/styles/
-│   └── global.css               ← Design tokens & global CSS
+│   └── global.css               ← Design tokens & theme styles (dark/light)
 └── package.json
 ```
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "astro-component-kit",
-  "version": "0.3.1",
-  "description": "A premium, open-source accessible UI component library for Astro",
+  "version": "0.4.1",
+  "description": "A free, open-source accessible UI component library for Astro",
   "type": "module",
   "main": "./src/components/index.ts",
   "module": "./src/components/index.ts",
@@ -19,6 +19,11 @@
     "./typography": "./src/components/lib/typography/index.ts",
     "./sections": "./src/components/lib/sections/index.ts",
     "./charts": "./src/components/lib/charts/index.ts",
+    "./ecommerce": "./src/components/lib/ecommerce/index.ts",
+    "./app": "./src/components/lib/app/index.ts",
+    "./templates/ecommerce": "./src/components/lib/templates/ecommerce/index.ts",
+    "./templates/ecommerce-editorial": "./src/components/lib/templates/ecommerce-editorial/index.ts",
+    "./templates/saas-hotel": "./src/components/lib/templates/saas-hotel/index.ts",
     "./global.css": "./src/styles/global.css"
   },
   "files": [
@@ -37,7 +42,8 @@
     "astro": "astro",
     "typecheck": "astro check",
     "registry:generate": "node scripts/generate-registry.mjs",
-    "prepublishOnly": "astro check"
+    "prepublishOnly": "astro check",
+    "indexnow:dry": "node scripts/indexnow.mjs --dry-run"
   },
   "keywords": [
     "astro",
@@ -48,7 +54,14 @@
     "a11y",
     "glassmorphism",
     "frontend",
-    "web"
+    "web",
+    "ecommerce",
+    "shop",
+    "cart",
+    "templates",
+    "dashboard",
+    "saas",
+    "admin"
   ],
   "author": "konstantinwdk <entiplay@gmail.com>",
   "license": "MIT",

package/src/components/index.ts

@@ -1,8 +1,11 @@
 // ============================================================
 // Astro Components Library - Main Barrel Export
 // ============================================================
-// Import any component from a single entry point:
-//   import { GlowButton, GlassCard, GlassNavbar } from '@/components';
+// Import any component from a single root entry point:
+//   import { GlowButton, GlassCard, StatsMetricShowcase } from 'astro-component-kit';
+// Or from category subpaths:
+//   import { GlowButton } from 'astro-component-kit/buttons';
+//   import { StatsMetricShowcase } from 'astro-component-kit/sections';
 // ============================================================
 
 // Root-level unique components
@@ -10,204 +13,17 @@ export { default as AnimatedGalaxy } from './lib/AnimatedGalaxy.astro';
 export { default as Galaxy3D } from './lib/Galaxy3D.astro';
 export { default as LogoWithGalaxy } from './lib/LogoWithGalaxy.astro';
 
-// Buttons
-export { default as ThreeDPushButton } from './lib/buttons/ThreeDPushButton.astro';
-export { default as AnimatedIconButton } from './lib/buttons/AnimatedIconButton.astro';
-export { default as BorderDrawButton } from './lib/buttons/BorderDrawButton.astro';
-export { default as CyberpunkButton } from './lib/buttons/CyberpunkButton.astro';
-export { default as DoubleBorderButton } from './lib/buttons/DoubleBorderButton.astro';
-export { default as GhostOutlineButton } from './lib/buttons/GhostOutlineButton.astro';
-export { default as GlassButton } from './lib/buttons/GlassButton.astro';
-export { default as GlowButton } from './lib/buttons/GlowButton.astro';
-export { default as LiquidButton } from './lib/buttons/LiquidButton.astro';
-export { default as LoadingButton } from './lib/buttons/LoadingButton.astro';
-export { default as MagneticButton } from './lib/buttons/MagneticButton.astro';
-export { default as MinimalPillButton } from './lib/buttons/MinimalPillButton.astro';
-export { default as NeumorphicButton } from './lib/buttons/NeumorphicButton.astro';
-export { default as PulseButton } from './lib/buttons/PulseButton.astro';
-export { default as RetroArcadeButton } from './lib/buttons/RetroArcadeButton.astro';
-export { default as RetroShadowButton } from './lib/buttons/RetroShadowButton.astro';
-export { default as ShimmerButton } from './lib/buttons/ShimmerButton.astro';
-export { default as ShinyButton } from './lib/buttons/ShinyButton.astro';
-export { default as TiltGlowButton } from './lib/buttons/TiltGlowButton.astro';
-
-// Cards
-export { default as BlogHorizontalCard } from './lib/cards/BlogHorizontalCard.astro';
-export { default as CyberFeatureCard } from './lib/cards/CyberFeatureCard.astro';
-export { default as EcommerceProductCard } from './lib/cards/EcommerceProductCard.astro';
-export { default as GlassCard } from './lib/cards/GlassCard.astro';
-export { default as GlassEventCard } from './lib/cards/GlassEventCard.astro';
-export { default as GlowPortfolioCard } from './lib/cards/GlowPortfolioCard.astro';
-export { default as InteractiveTiltCard } from './lib/cards/InteractiveTiltCard.astro';
-export { default as KanbanItemCard } from './lib/cards/KanbanItemCard.astro';
-export { default as MinimalLinkCard } from './lib/cards/MinimalLinkCard.astro';
-export { default as MusicPlayerMini } from './lib/cards/MusicPlayerMini.astro';
-export { default as NeumorphicCard } from './lib/cards/NeumorphicCard.astro';
-export { default as NotificationCard } from './lib/cards/NotificationCard.astro';
-export { default as PricingCard } from './lib/cards/PricingCard.astro';
-export { default as ProfileCard } from './lib/cards/ProfileCard.astro';
-export { default as RetroGameCard } from './lib/cards/RetroGameCard.astro';
-export { default as StatCard } from './lib/cards/StatCard.astro';
-export { default as TaskKanbanCard } from './lib/cards/TaskKanbanCard.astro';
-export { default as TestimonialCardClean } from './lib/cards/TestimonialCardClean.astro';
-export { default as WeatherWidgetCard } from './lib/cards/WeatherWidgetCard.astro';
-
-// Data
-export { default as AccordionGroupGlass } from './lib/data/AccordionGroupGlass.astro';
-export { default as AvatarGroupStack } from './lib/data/AvatarGroupStack.astro';
-export { default as CalendarGridView } from './lib/data/CalendarGridView.astro';
-export { default as DataChipsGroup } from './lib/data/DataChipsGroup.astro';
-export { default as DescriptionListHoriz } from './lib/data/DescriptionListHoriz.astro';
-export { default as FileTreeView } from './lib/data/FileTreeView.astro';
-export { default as GanttChartMinimal } from './lib/data/GanttChartMinimal.astro';
-export { default as GlassTable } from './lib/data/GlassTable.astro';
-export { default as KeyValuePillGroup } from './lib/data/KeyValuePillGroup.astro';
-export { default as PriceCompareTable } from './lib/data/PriceCompareTable.astro';
-export { default as ProgressListSmall } from './lib/data/ProgressListSmall.astro';
-export { default as RatingBreakdownBar } from './lib/data/RatingBreakdownBar.astro';
-export { default as SparklineStatCard } from './lib/data/SparklineStatCard.astro';
-export { default as StatsGridDashboard } from './lib/data/StatsGridDashboard.astro';
-export { default as StepperDataVertical } from './lib/data/StepperDataVertical.astro';
-export { default as TagCloudData } from './lib/data/TagCloudData.astro';
-export { default as TimelineHorizSteps } from './lib/data/TimelineHorizSteps.astro';
-export { default as TreeItemInteractive } from './lib/data/TreeItemInteractive.astro';
-export { default as UserDirectoryItem } from './lib/data/UserDirectoryItem.astro';
-export { default as VerticalTimeline } from './lib/data/VerticalTimeline.astro';
-
-// Feedback
-export { default as AnimatedCheckmark } from './lib/feedback/AnimatedCheckmark.astro';
-export { default as Badge } from './lib/feedback/Badge.astro';
-export { default as CircleProgress } from './lib/feedback/CircleProgress.astro';
-export { default as ConfettiFeedback } from './lib/feedback/ConfettiFeedback.astro';
-export { default as CyberGlitchAlert } from './lib/feedback/CyberGlitchAlert.astro';
-export { default as EmptyStateCard } from './lib/feedback/EmptyStateCard.astro';
-export { default as GlassAlert } from './lib/feedback/GlassAlert.astro';
-export { default as GlassModal } from './lib/feedback/GlassModal.astro';
-export { default as GlassProgress } from './lib/feedback/GlassProgress.astro';
-export { default as IndicatorBadgeMinimal } from './lib/feedback/IndicatorBadgeMinimal.astro';
-export { default as NeonSpinner } from './lib/feedback/NeonSpinner.astro';
-export { default as PulseDot } from './lib/feedback/PulseDot.astro';
-export { default as RatingPill } from './lib/feedback/RatingPill.astro';
-export { default as ShakeErrorGroup } from './lib/feedback/ShakeErrorGroup.astro';
-export { default as SimpleTooltip } from './lib/feedback/SimpleTooltip.astro';
-export { default as SkeletonList } from './lib/feedback/SkeletonList.astro';
-export { default as Spotlight } from './lib/feedback/Spotlight.astro';
-export { default as StepProgress } from './lib/feedback/StepProgress.astro';
-export { default as ToastNotif } from './lib/feedback/ToastNotif.astro';
-export { default as TypingIndicator } from './lib/feedback/TypingIndicator.astro';
-
-// Forms
-export { default as AnimatedInput } from './lib/forms/AnimatedInput.astro';
-export { default as ChipInput } from './lib/forms/ChipInput.astro';
-export { default as ColorPickerInput } from './lib/forms/ColorPickerInput.astro';
-export { default as CurrencyInput } from './lib/forms/CurrencyInput.astro';
-export { default as CustomRadioGroup } from './lib/forms/CustomRadioGroup.astro';
-export { default as CyberpunkCheckbox } from './lib/forms/CyberpunkCheckbox.astro';
-export { default as DragDropUpload } from './lib/forms/DragDropUpload.astro';
-export { default as ErrorInput } from './lib/forms/ErrorInput.astro';
-export { default as FloatingPassword } from './lib/forms/FloatingPassword.astro';
-export { default as FormGroupVertical } from './lib/forms/FormGroupVertical.astro';
-export { default as GlassSlider } from './lib/forms/GlassSlider.astro';
-export { default as GlassTextarea } from './lib/forms/GlassTextarea.astro';
-export { default as ModernSelect } from './lib/forms/ModernSelect.astro';
-export { default as NeumorphicSwitch } from './lib/forms/NeumorphicSwitch.astro';
-export { default as OTPInput } from './lib/forms/OTPInput.astro';
-export { default as RatingStars } from './lib/forms/RatingStars.astro';
-export { default as SearchReveal } from './lib/forms/SearchReveal.astro';
-export { default as SegmentedControl } from './lib/forms/SegmentedControl.astro';
-export { default as SimpleFileInput } from './lib/forms/SimpleFileInput.astro';
-export { default as StepperInput } from './lib/forms/StepperInput.astro';
-
-// Layout
-export { default as BentoGrid3 } from './lib/layout/BentoGrid3.astro';
-export { default as CenterFixedBox } from './lib/layout/CenterFixedBox.astro';
-export { default as CenteredContainer } from './lib/layout/CenteredContainer.astro';
-export { default as ClusterHorizontal } from './lib/layout/ClusterHorizontal.astro';
-export { default as FeatureHero } from './lib/layout/FeatureHero.astro';
-export { default as FooterCenteredMinimal } from './lib/layout/FooterCenteredMinimal.astro';
-export { default as FullBleedSection } from './lib/layout/FullBleedSection.astro';
-export { default as GalleryGrid4 } from './lib/layout/GalleryGrid4.astro';
-export { default as GlassCardGrid } from './lib/layout/GlassCardGrid.astro';
-export { default as GlassSectionHeader } from './lib/layout/GlassSectionHeader.astro';
-export { default as LandingSectionSplit } from './lib/layout/LandingSectionSplit.astro';
-export { default as MasonryGrid } from './lib/layout/MasonryGrid.astro';
-export { default as MinimalFooterGrid } from './lib/layout/MinimalFooterGrid.astro';
-export { default as ScrollSnapSection } from './lib/layout/ScrollSnapSection.astro';
-export { default as SectionDividerText } from './lib/layout/SectionDividerText.astro';
-export { default as SidebarLayoutWrapper } from './lib/layout/SidebarLayoutWrapper.astro';
-export { default as SplitScreenLayout } from './lib/layout/SplitScreenLayout.astro';
-export { default as StepLayoutVertical } from './lib/layout/StepLayoutVertical.astro';
-export { default as StickySidebarWrapper } from './lib/layout/StickySidebarWrapper.astro';
-export { default as VerticalStack } from './lib/layout/VerticalStack.astro';
-
-// Navigation
-export { default as AnchorSideNav } from './lib/navigation/AnchorSideNav.astro';
-export { default as BottomNavMobile } from './lib/navigation/BottomNavMobile.astro';
-export { default as BreadcrumbsMinimal } from './lib/navigation/BreadcrumbsMinimal.astro';
-export { default as BurgerMorphIcon } from './lib/navigation/BurgerMorphIcon.astro';
-export { default as CommandPaletteUI } from './lib/navigation/CommandPaletteUI.astro';
-export { default as DotNavigationSlider } from './lib/navigation/DotNavigationSlider.astro';
-export { default as FloatingTabBar } from './lib/navigation/FloatingTabBar.astro';
-export { default as GlassNavbar } from './lib/navigation/GlassNavbar.astro';
-export { default as LangSwitcherPill } from './lib/navigation/LangSwitcherPill.astro';
-export { default as MegaMenuGlass } from './lib/navigation/MegaMenuGlass.astro';
-export { default as MinimalSidebar } from './lib/navigation/MinimalSidebar.astro';
-export { default as PaginationGlass } from './lib/navigation/PaginationGlass.astro';
-export { default as PaginationInfiniteUI } from './lib/navigation/PaginationInfiniteUI.astro';
-export { default as RadialIconMenu } from './lib/navigation/RadialIconMenu.astro';
-export { default as RetroArcadeMenu } from './lib/navigation/RetroArcadeMenu.astro';
-export { default as ScrollProgressTop } from './lib/navigation/ScrollProgressTop.astro';
-export { default as SimpleFooterGlass } from './lib/navigation/SimpleFooterGlass.astro';
-export { default as TabUnderline } from './lib/navigation/TabUnderline.astro';
-export { default as UserProfileNav } from './lib/navigation/UserProfileNav.astro';
-export { default as VerticalTabs } from './lib/navigation/VerticalTabs.astro';
-
-// Overlays
-export { default as AgeVerificationOverlay } from './lib/overlays/AgeVerificationOverlay.astro';
-export { default as BackdropBlurMask } from './lib/overlays/BackdropBlurMask.astro';
-export { default as BottomSheetMobile } from './lib/overlays/BottomSheetMobile.astro';
-export { default as CommandDialog } from './lib/overlays/CommandDialog.astro';
-export { default as ContextMenuOverlay } from './lib/overlays/ContextMenuOverlay.astro';
-export { default as CookieBannerGlass } from './lib/overlays/CookieBannerGlass.astro';
-export { default as ExitIntentOverlay } from './lib/overlays/ExitIntentOverlay.astro';
-export { default as FloatingTrayActions } from './lib/overlays/FloatingTrayActions.astro';
-export { default as HelpBubbleOverlay } from './lib/overlays/HelpBubbleOverlay.astro';
-export { default as LightboxOverlay } from './lib/overlays/LightboxOverlay.astro';
-export { default as LoadingOverlayFull } from './lib/overlays/LoadingOverlayFull.astro';
-export { default as MobileNavOverlay } from './lib/overlays/MobileNavOverlay.astro';
-export { default as OverlayModal } from './lib/overlays/OverlayModal.astro';
-export { default as PopoverMenuGlass } from './lib/overlays/PopoverMenuGlass.astro';
-export { default as SearchOverlayFullscreen } from './lib/overlays/SearchOverlayFullscreen.astro';
-export { default as SideDrawerRight } from './lib/overlays/SideDrawerRight.astro';
-export { default as SplashIntroOverlay } from './lib/overlays/SplashIntroOverlay.astro';
-export { default as SpotlightIndicator } from './lib/overlays/SpotlightIndicator.astro';
-export { default as ToastStackOverlay } from './lib/overlays/ToastStackOverlay.astro';
-export { default as TooltipActionTray } from './lib/overlays/TooltipActionTray.astro';
-
-// Typography
-export { default as AnimatedUnderlineLink } from './lib/typography/AnimatedUnderlineLink.astro';
-export { default as BackgroundClipMask } from './lib/typography/BackgroundClipMask.astro';
-export { default as CodeInlineGlass } from './lib/typography/CodeInlineGlass.astro';
-export { default as CyberpunkGlitchText } from './lib/typography/CyberpunkGlitchText.astro';
-export { default as DropCapParagraph } from './lib/typography/DropCapParagraph.astro';
-export { default as FadedVerticalText } from './lib/typography/FadedVerticalText.astro';
-export { default as FloatingTextLabel } from './lib/typography/FloatingTextLabel.astro';
-export { default as GlassBlockQuote } from './lib/typography/GlassBlockQuote.astro';
-export { default as GlassTextReveal } from './lib/typography/GlassTextReveal.astro';
-export { default as GradientHeading } from './lib/typography/GradientHeading.astro';
-export { default as GradientUnderlineLink } from './lib/typography/GradientUnderlineLink.astro';
-export { default as KbdIndicator } from './lib/typography/KbdIndicator.astro';
-export { default as LetterSpacingWide } from './lib/typography/LetterSpacingWide.astro';
-export { default as MinimalListMarkers } from './lib/typography/MinimalListMarkers.astro';
-export { default as MonospaceStatLine } from './lib/typography/MonospaceStatLine.astro';
-export { default as NeonTextHighlight } from './lib/typography/NeonTextHighlight.astro';
-export { default as ShadowRevealText } from './lib/typography/ShadowRevealText.astro';
-export { default as StrokeHeadingOutline } from './lib/typography/StrokeHeadingOutline.astro';
-export { default as Text3DLayer } from './lib/typography/Text3DLayer.astro';
-export { default as TypewriterText } from './lib/typography/TypewriterText.astro';
-
-// Sections
-export * from './lib/sections';
-
-// Charts
+// Re-export all categories completely
+export * from './lib/buttons';
+export * from './lib/cards';
 export * from './lib/charts';
+export * from './lib/data';
+export * from './lib/ecommerce';
+export * from './lib/app';
+export * from './lib/feedback';
+export * from './lib/forms';
+export * from './lib/layout';
+export * from './lib/navigation';
+export * from './lib/overlays';
+export * from './lib/sections';
+export * from './lib/typography';