@thesage/ui 0.0.9 → 0.0.11

package/dist/index.d.mts

@@ -44,12 +44,12 @@ import { Group, Panel, Separator as Separator$1 } from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 export { p as Providers, T as ThemeProvider } from './providers-Dv3LFGtJ.mjs';
-export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-C8PrmIXy.mjs';
+export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-CobTQpCg.mjs';
 import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { T as ThemeName$1, C as ColorMode$1 } from './index-CsnncHSm.mjs';
-import { q as FontTheme } from './fontThemes-Bwf7_lFg.mjs';
-export { m as typographySystem } from './fontThemes-Bwf7_lFg.mjs';
+import { T as ThemeName$1, C as ColorMode$1 } from './index-L8R3gyuQ.mjs';
+import { q as FontTheme } from './fontThemes-Cum0S1DI.mjs';
+export { m as typographySystem } from './fontThemes-Cum0S1DI.mjs';
 export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.mjs';
 import 'clsx';
 
@@ -2285,7 +2285,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
     setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
     persist: {
         setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "sage" | "volt";
+            theme: "studio" | "terra" | "volt";
             mode: "light" | "dark";
         }, unknown>>) => void;
         clearStorage: () => void;
@@ -2294,7 +2294,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
         onHydrate: (fn: (state: ThemeState) => void) => () => void;
         onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
         getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "sage" | "volt";
+            theme: "studio" | "terra" | "volt";
             mode: "light" | "dark";
         }, unknown>>;
     };
@@ -2334,7 +2334,7 @@ interface SavedFontTheme extends FontTheme {
     createdAt: number;
     category: 'custom';
 }
-type ThemeName = 'studio' | 'sage' | 'volt';
+type ThemeName = 'studio' | 'terra' | 'volt';
 type ColorMode = 'light' | 'dark';
 interface CustomizerState {
     motion: number;
@@ -2396,7 +2396,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
@@ -2411,7 +2411,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
@@ -2436,7 +2436,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
@@ -2451,7 +2451,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
@@ -2465,6 +2465,139 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
     };
 }>;
 
+/**
+ * Component Registry - Source of Truth
+ *
+ * This file serves as the authoritative source for component counts,
+ * categories, and organization. Used by:
+ * - Documentation (Sage Studio)
+ * - MCP Server registry
+ * - Marketing materials
+ * - Internal tooling
+ *
+ * ⚠️ IMPORTANT: When adding a new component, follow the complete workflow:
+ * See: /.agent/workflows/register-new-component.md
+ *
+ * The workflow includes:
+ * - Creating the component in packages/ui
+ * - Registering in Sage Studio (apps/web)
+ * - Updating THIS registry file
+ * - Updating MCP server registry
+ * - Version bumping and npm publishing
+ *
+ * Last Updated: 2026-01-26
+ */
+declare const BRAND: {
+    readonly productName: "Sage Design Engine";
+    readonly productNameShort: "Sage";
+    readonly themeNames: {
+        readonly organic: "Terra";
+        readonly technical: "Volt";
+        readonly neutral: "Studio";
+    };
+    readonly tagline: "The Solopreneur's Development Stack";
+    readonly mission: "AI-Native components for velocity";
+};
+declare const COMPONENT_REGISTRY: {
+    /**
+     * Total count of all exported UI components from @thesage/ui
+     */
+    readonly totalCount: 89;
+    /**
+     * Core categories following functional organization pattern
+     * (what components DO, not abstract hierarchy)
+     */
+    readonly coreCategories: {
+        readonly actions: {
+            readonly count: 5;
+            readonly description: "Components that trigger behavior";
+            readonly examples: readonly ["Button", "Link", "Toggle", "ToggleGroup", "Magnetic"];
+        };
+        readonly forms: {
+            readonly count: 18;
+            readonly description: "Components that collect user input";
+            readonly examples: readonly ["Input", "Select", "Checkbox", "Switch", "Textarea", "ColorPicker", "SearchBar"];
+        };
+        readonly navigation: {
+            readonly count: 10;
+            readonly description: "Components that help users move through content";
+            readonly examples: readonly ["Tabs", "Breadcrumb", "Pagination", "NavigationMenu", "Command"];
+        };
+        readonly overlays: {
+            readonly count: 11;
+            readonly description: "Components that display contextual content";
+            readonly examples: readonly ["Dialog", "Tooltip", "Popover", "Drawer", "Modal", "Sheet"];
+        };
+        readonly feedback: {
+            readonly count: 7;
+            readonly description: "Components that communicate system state";
+            readonly examples: readonly ["Alert", "Toast", "Progress", "Spinner", "Skeleton"];
+        };
+        readonly 'data-display': {
+            readonly count: 16;
+            readonly description: "Components that present information";
+            readonly examples: readonly ["Card", "Table", "Badge", "Avatar", "Heading", "Text", "Code", "Calendar"];
+        };
+        readonly layout: {
+            readonly count: 17;
+            readonly description: "Components for spatial organization";
+            readonly examples: readonly ["Accordion", "Separator", "Stack", "Grid", "Container", "ScrollArea"];
+        };
+    };
+    /**
+     * Specialty categories for advanced interactions and effects
+     */
+    readonly specialtyCategories: {
+        readonly backgrounds: {
+            readonly count: 2;
+            readonly description: "Animated background effects";
+            readonly examples: readonly ["WarpBackground", "FaultyTerminal"];
+        };
+        readonly cursor: {
+            readonly count: 2;
+            readonly description: "Interactive cursor effects";
+            readonly examples: readonly ["SplashCursor", "TargetCursor"];
+        };
+        readonly blocks: {
+            readonly count: 1;
+            readonly description: "Composed page blocks";
+            readonly examples: readonly ["Hero", "OpenGraphCard"];
+        };
+    };
+    /**
+     * Supporting APIs (not counted as components)
+     */
+    readonly supportingAPIs: {
+        readonly providers: readonly ["ThemeProvider"];
+        readonly hooks: readonly ["useTheme", "useMotionPreference", "useForm"];
+        readonly utilities: readonly ["animations", "breadcrumbs", "colors", "utils", "validation", "syntax-parser"];
+        readonly stores: readonly ["themeStore", "customizerStore"];
+    };
+};
+/**
+ * Computed totals
+ */
+declare const COMPONENT_COUNTS: {
+    readonly core: number;
+    readonly specialty: number;
+    readonly total: 89;
+};
+/**
+ * Marketing-friendly descriptions
+ */
+declare const MARKETING_COPY: {
+    readonly short: "89 production-ready components";
+    readonly medium: "89 components across 7 core categories, plus specialty backgrounds and motion effects";
+    readonly long: "89 thoughtfully designed components organized by function: actions, forms, navigation, overlays, feedback, data display, and layout—plus specialty components for backgrounds, cursor interactions, and animated effects.";
+};
+/**
+ * Documentation usage examples
+ */
+declare const DOC_EXAMPLES: {
+    readonly overview: `89 components across ${number} core categories`;
+    readonly breakdown: string;
+};
+
 declare const index$8_Button: typeof Button;
 type index$8_ButtonProps = ButtonProps;
 declare const index$8_Link: typeof Link;
@@ -2827,4 +2960,4 @@ declare namespace index {
   export { index_SplashCursor as SplashCursor, index_TargetCursor as TargetCursor };
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Code, type CodeProps, Collapsible, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, CollapsibleContent, CollapsibleTrigger, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, index$3 as DataDisplay, DataTable, DatePicker, type DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, type DragDropHandleProps, type DragDropItem, DragDropList, type DragDropListProps, DragDropTable, type DragDropTableProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, type DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, FaultyTerminal, index$4 as Feedback, FilterButton, type FilterButtonProps, Footer, type FooterLink, type FooterProps, type FooterSection, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, index$7 as Forms, GitHubIcon, type GitHubIconProps, type GradientConfig, Grid, GridItem, type GridItemProps, type GridProps, Header, type HeaderNavLink, type HeaderProps, Heading, type HeadingProps, HeroBlock, type HeroBlockProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, index$2 as Layout, Link, type LinkProps, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenGraphCard, type OpenGraphCardProps, OrbBackground, type OrbBackgroundProps, index$5 as Overlays, PageLayout, type PageLayoutProps, PageTemplate, type PageTemplateHeaderConfig, type PageTemplateProps, type PageTemplateSecondaryNavConfig, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SecondaryNav, type SecondaryNavItem, type SecondaryNavProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparatorComp as SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarOverlay, Skeleton, type SkeletonProps, Slider, Spinner, type SpinnerProps, SplashCursor, Stack, type StackProps, Switch, SyntaxToken, SyntaxType, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetCursor, TertiaryNav, type TertiaryNavItem, type TertiaryNavProps, Text, TextField, type TextFieldProps, type TextProps, Textarea, type TextareaProps, ThemeName$1 as ThemeName, ThemeSwitcher, type ThemeSwitcherProps, ThemeToggle, type ThemeToggleProps, type Toast, ToastProvider, type ToastProviderProps, type ToastType, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, type TypewriterProps, VariableWeightText, WarpBackground, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCustomizer, useFormField, useThemeStore, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, BRAND, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, COMPONENT_COUNTS, COMPONENT_REGISTRY, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Code, type CodeProps, Collapsible, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, CollapsibleContent, CollapsibleTrigger, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, DOC_EXAMPLES, index$3 as DataDisplay, DataTable, DatePicker, type DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, type DragDropHandleProps, type DragDropItem, DragDropList, type DragDropListProps, DragDropTable, type DragDropTableProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, type DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, FaultyTerminal, index$4 as Feedback, FilterButton, type FilterButtonProps, Footer, type FooterLink, type FooterProps, type FooterSection, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, index$7 as Forms, GitHubIcon, type GitHubIconProps, type GradientConfig, Grid, GridItem, type GridItemProps, type GridProps, Header, type HeaderNavLink, type HeaderProps, Heading, type HeadingProps, HeroBlock, type HeroBlockProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, index$2 as Layout, Link, type LinkProps, MARKETING_COPY, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenGraphCard, type OpenGraphCardProps, OrbBackground, type OrbBackgroundProps, index$5 as Overlays, PageLayout, type PageLayoutProps, PageTemplate, type PageTemplateHeaderConfig, type PageTemplateProps, type PageTemplateSecondaryNavConfig, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SecondaryNav, type SecondaryNavItem, type SecondaryNavProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparatorComp as SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarOverlay, Skeleton, type SkeletonProps, Slider, Spinner, type SpinnerProps, SplashCursor, Stack, type StackProps, Switch, SyntaxToken, SyntaxType, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetCursor, TertiaryNav, type TertiaryNavItem, type TertiaryNavProps, Text, TextField, type TextFieldProps, type TextProps, Textarea, type TextareaProps, ThemeName$1 as ThemeName, ThemeSwitcher, type ThemeSwitcherProps, ThemeToggle, type ThemeToggleProps, type Toast, ToastProvider, type ToastProviderProps, type ToastType, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, type TypewriterProps, VariableWeightText, WarpBackground, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCustomizer, useFormField, useThemeStore, useToast };

package/dist/index.d.ts

@@ -44,12 +44,12 @@ import { Group, Panel, Separator as Separator$1 } from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 export { p as Providers, T as ThemeProvider } from './providers-Dv3LFGtJ.js';
-export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-Ct9RBhg-.js';
+export { h as Hooks, M as MotionPreference, T as ThemeHook, U as UseFormOptions, b as UseFormReturn, c as useForm, a as useMotionPreference, u as useTheme } from './hooks-DHPlUx3T.js';
 import * as zustand_middleware from 'zustand/middleware';
 import * as zustand from 'zustand';
-import { T as ThemeName$1, C as ColorMode$1 } from './index-CsnncHSm.js';
-import { q as FontTheme } from './fontThemes-Bwf7_lFg.js';
-export { m as typographySystem } from './fontThemes-Bwf7_lFg.js';
+import { T as ThemeName$1, C as ColorMode$1 } from './index-L8R3gyuQ.js';
+import { q as FontTheme } from './fontThemes-Cum0S1DI.js';
+export { m as typographySystem } from './fontThemes-Cum0S1DI.js';
 export { F as FieldValidation, a as FormErrors, V as ValidationRule, h as hasErrors, p as patterns, r as rules, v as validateField, b as validateForm } from './validation-Bj1ye-v_.js';
 import 'clsx';
 
@@ -2285,7 +2285,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
     setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
     persist: {
         setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "sage" | "volt";
+            theme: "studio" | "terra" | "volt";
             mode: "light" | "dark";
         }, unknown>>) => void;
         clearStorage: () => void;
@@ -2294,7 +2294,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeSt
         onHydrate: (fn: (state: ThemeState) => void) => () => void;
         onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
         getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeState, {
-            theme: "studio" | "sage" | "volt";
+            theme: "studio" | "terra" | "volt";
             mode: "light" | "dark";
         }, unknown>>;
     };
@@ -2334,7 +2334,7 @@ interface SavedFontTheme extends FontTheme {
     createdAt: number;
     category: 'custom';
 }
-type ThemeName = 'studio' | 'sage' | 'volt';
+type ThemeName = 'studio' | 'terra' | 'volt';
 type ColorMode = 'light' | 'dark';
 interface CustomizerState {
     motion: number;
@@ -2396,7 +2396,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
@@ -2411,7 +2411,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
@@ -2436,7 +2436,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: ColorPalette | undefined;
                     dark?: ColorPalette | undefined;
                 } | undefined;
@@ -2451,7 +2451,7 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
-                sage?: {
+                terra?: {
                     light?: FontTheme | undefined;
                     dark?: FontTheme | undefined;
                 } | undefined;
@@ -2465,6 +2465,139 @@ declare const useCustomizer: zustand.UseBoundStore<Omit<zustand.StoreApi<Customi
     };
 }>;
 
+/**
+ * Component Registry - Source of Truth
+ *
+ * This file serves as the authoritative source for component counts,
+ * categories, and organization. Used by:
+ * - Documentation (Sage Studio)
+ * - MCP Server registry
+ * - Marketing materials
+ * - Internal tooling
+ *
+ * ⚠️ IMPORTANT: When adding a new component, follow the complete workflow:
+ * See: /.agent/workflows/register-new-component.md
+ *
+ * The workflow includes:
+ * - Creating the component in packages/ui
+ * - Registering in Sage Studio (apps/web)
+ * - Updating THIS registry file
+ * - Updating MCP server registry
+ * - Version bumping and npm publishing
+ *
+ * Last Updated: 2026-01-26
+ */
+declare const BRAND: {
+    readonly productName: "Sage Design Engine";
+    readonly productNameShort: "Sage";
+    readonly themeNames: {
+        readonly organic: "Terra";
+        readonly technical: "Volt";
+        readonly neutral: "Studio";
+    };
+    readonly tagline: "The Solopreneur's Development Stack";
+    readonly mission: "AI-Native components for velocity";
+};
+declare const COMPONENT_REGISTRY: {
+    /**
+     * Total count of all exported UI components from @thesage/ui
+     */
+    readonly totalCount: 89;
+    /**
+     * Core categories following functional organization pattern
+     * (what components DO, not abstract hierarchy)
+     */
+    readonly coreCategories: {
+        readonly actions: {
+            readonly count: 5;
+            readonly description: "Components that trigger behavior";
+            readonly examples: readonly ["Button", "Link", "Toggle", "ToggleGroup", "Magnetic"];
+        };
+        readonly forms: {
+            readonly count: 18;
+            readonly description: "Components that collect user input";
+            readonly examples: readonly ["Input", "Select", "Checkbox", "Switch", "Textarea", "ColorPicker", "SearchBar"];
+        };
+        readonly navigation: {
+            readonly count: 10;
+            readonly description: "Components that help users move through content";
+            readonly examples: readonly ["Tabs", "Breadcrumb", "Pagination", "NavigationMenu", "Command"];
+        };
+        readonly overlays: {
+            readonly count: 11;
+            readonly description: "Components that display contextual content";
+            readonly examples: readonly ["Dialog", "Tooltip", "Popover", "Drawer", "Modal", "Sheet"];
+        };
+        readonly feedback: {
+            readonly count: 7;
+            readonly description: "Components that communicate system state";
+            readonly examples: readonly ["Alert", "Toast", "Progress", "Spinner", "Skeleton"];
+        };
+        readonly 'data-display': {
+            readonly count: 16;
+            readonly description: "Components that present information";
+            readonly examples: readonly ["Card", "Table", "Badge", "Avatar", "Heading", "Text", "Code", "Calendar"];
+        };
+        readonly layout: {
+            readonly count: 17;
+            readonly description: "Components for spatial organization";
+            readonly examples: readonly ["Accordion", "Separator", "Stack", "Grid", "Container", "ScrollArea"];
+        };
+    };
+    /**
+     * Specialty categories for advanced interactions and effects
+     */
+    readonly specialtyCategories: {
+        readonly backgrounds: {
+            readonly count: 2;
+            readonly description: "Animated background effects";
+            readonly examples: readonly ["WarpBackground", "FaultyTerminal"];
+        };
+        readonly cursor: {
+            readonly count: 2;
+            readonly description: "Interactive cursor effects";
+            readonly examples: readonly ["SplashCursor", "TargetCursor"];
+        };
+        readonly blocks: {
+            readonly count: 1;
+            readonly description: "Composed page blocks";
+            readonly examples: readonly ["Hero", "OpenGraphCard"];
+        };
+    };
+    /**
+     * Supporting APIs (not counted as components)
+     */
+    readonly supportingAPIs: {
+        readonly providers: readonly ["ThemeProvider"];
+        readonly hooks: readonly ["useTheme", "useMotionPreference", "useForm"];
+        readonly utilities: readonly ["animations", "breadcrumbs", "colors", "utils", "validation", "syntax-parser"];
+        readonly stores: readonly ["themeStore", "customizerStore"];
+    };
+};
+/**
+ * Computed totals
+ */
+declare const COMPONENT_COUNTS: {
+    readonly core: number;
+    readonly specialty: number;
+    readonly total: 89;
+};
+/**
+ * Marketing-friendly descriptions
+ */
+declare const MARKETING_COPY: {
+    readonly short: "89 production-ready components";
+    readonly medium: "89 components across 7 core categories, plus specialty backgrounds and motion effects";
+    readonly long: "89 thoughtfully designed components organized by function: actions, forms, navigation, overlays, feedback, data display, and layout—plus specialty components for backgrounds, cursor interactions, and animated effects.";
+};
+/**
+ * Documentation usage examples
+ */
+declare const DOC_EXAMPLES: {
+    readonly overview: `89 components across ${number} core categories`;
+    readonly breakdown: string;
+};
+
 declare const index$8_Button: typeof Button;
 type index$8_ButtonProps = ButtonProps;
 declare const index$8_Link: typeof Link;
@@ -2827,4 +2960,4 @@ declare namespace index {
   export { index_SplashCursor as SplashCursor, index_TargetCursor as TargetCursor };
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Code, type CodeProps, Collapsible, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, CollapsibleContent, CollapsibleTrigger, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, index$3 as DataDisplay, DataTable, DatePicker, type DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, type DragDropHandleProps, type DragDropItem, DragDropList, type DragDropListProps, DragDropTable, type DragDropTableProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, type DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, FaultyTerminal, index$4 as Feedback, FilterButton, type FilterButtonProps, Footer, type FooterLink, type FooterProps, type FooterSection, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, index$7 as Forms, GitHubIcon, type GitHubIconProps, type GradientConfig, Grid, GridItem, type GridItemProps, type GridProps, Header, type HeaderNavLink, type HeaderProps, Heading, type HeadingProps, HeroBlock, type HeroBlockProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, index$2 as Layout, Link, type LinkProps, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenGraphCard, type OpenGraphCardProps, OrbBackground, type OrbBackgroundProps, index$5 as Overlays, PageLayout, type PageLayoutProps, PageTemplate, type PageTemplateHeaderConfig, type PageTemplateProps, type PageTemplateSecondaryNavConfig, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SecondaryNav, type SecondaryNavItem, type SecondaryNavProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparatorComp as SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarOverlay, Skeleton, type SkeletonProps, Slider, Spinner, type SpinnerProps, SplashCursor, Stack, type StackProps, Switch, SyntaxToken, SyntaxType, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetCursor, TertiaryNav, type TertiaryNavItem, type TertiaryNavProps, Text, TextField, type TextFieldProps, type TextProps, Textarea, type TextareaProps, ThemeName$1 as ThemeName, ThemeSwitcher, type ThemeSwitcherProps, ThemeToggle, type ThemeToggleProps, type Toast, ToastProvider, type ToastProviderProps, type ToastType, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, type TypewriterProps, VariableWeightText, WarpBackground, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCustomizer, useFormField, useThemeStore, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, index$8 as Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatedBeam, type AnimatedBeamProps, AspectImage, type AspectImageProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, BRAND, index$1 as Backgrounds, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbItemLegacy, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BreadcrumbsProps, Button, type ButtonProps, COMPONENT_COUNTS, COMPONENT_REGISTRY, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Code, type CodeProps, Collapsible, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, CollapsibleContent, CollapsibleTrigger, ColorMode$1 as ColorMode, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomizerPanel, type CustomizerPanelProps, DOC_EXAMPLES, index$3 as DataDisplay, DataTable, DatePicker, type DatePickerProps, DescriptionList, type DescriptionListItem, type DescriptionListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragDropHandle, type DragDropHandleProps, type DragDropItem, DragDropList, type DragDropListProps, DragDropTable, type DragDropTableProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, type DropdownItem, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownProps, FaultyTerminal, index$4 as Feedback, FilterButton, type FilterButtonProps, Footer, type FooterLink, type FooterProps, type FooterSection, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, index$7 as Forms, GitHubIcon, type GitHubIconProps, type GradientConfig, Grid, GridItem, type GridItemProps, type GridProps, Header, type HeaderNavLink, type HeaderProps, Heading, type HeadingProps, HeroBlock, type HeroBlockProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, index$2 as Layout, Link, type LinkProps, MARKETING_COPY, Magnetic, type MagneticProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarTrigger, Modal, type ModalProps, index as Motion, NavLink, type NavLinkProps, index$6 as Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, OpenGraphCard, type OpenGraphCardProps, OrbBackground, type OrbBackgroundProps, index$5 as Overlays, PageLayout, type PageLayoutProps, PageTemplate, type PageTemplateHeaderConfig, type PageTemplateProps, type PageTemplateSecondaryNavConfig, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SecondaryNav, type SecondaryNavItem, type SecondaryNavProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparatorComp as SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarOverlay, Skeleton, type SkeletonProps, Slider, Spinner, type SpinnerProps, SplashCursor, Stack, type StackProps, Switch, SyntaxToken, SyntaxType, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TargetCursor, TertiaryNav, type TertiaryNavItem, type TertiaryNavProps, Text, TextField, type TextFieldProps, type TextProps, Textarea, type TextareaProps, ThemeName$1 as ThemeName, ThemeSwitcher, type ThemeSwitcherProps, ThemeToggle, type ThemeToggleProps, type Toast, ToastProvider, type ToastProviderProps, type ToastType, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typewriter, type TypewriterProps, VariableWeightText, WarpBackground, badgeVariants, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useCustomizer, useFormField, useThemeStore, useToast };