7onic 0.1.8 → 0.1.10

package/dist/index.js

@@ -1242,9 +1242,13 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
 `;
-var CSS_V3_IMPORTS = `@import '@7onic-ui/tokens/css/variables.css';
-@import '@7onic-ui/tokens/css/themes/light.css';
-@import '@7onic-ui/tokens/css/themes/dark.css';
+var CSS_V3_IMPORTS = `@import '@7onic-ui/tokens/css/all.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+var CSS_V3_TOKEN_ONLY = `@import '@7onic-ui/tokens/css/all.css';
 `;
 var CSS_V4_IMPORTS = `@import "tailwindcss";
 @import '@7onic-ui/tokens/css/variables.css';
@@ -1400,18 +1404,19 @@ async function init(args) {
   } else {
     const cssContent = import_node_fs4.default.readFileSync(cssFullPath, "utf-8");
     if (!cssContent.includes("@7onic-ui/tokens")) {
-      const tokenImports = tailwindVersion === 3 ? CSS_V3_IMPORTS : CSS_V4_TOKEN_ONLY;
       if (tailwindVersion === 4) {
         const twMatch = cssContent.match(/@import\s+["']tailwindcss["'].*\n/);
         if (twMatch) {
           const insertAt = twMatch.index + twMatch[0].length;
-          const updated = cssContent.slice(0, insertAt) + tokenImports + cssContent.slice(insertAt);
+          const updated = cssContent.slice(0, insertAt) + CSS_V4_TOKEN_ONLY + cssContent.slice(insertAt);
           import_node_fs4.default.writeFileSync(cssFullPath, updated, "utf-8");
         } else {
           import_node_fs4.default.writeFileSync(cssFullPath, CSS_V4_IMPORTS + "\n" + cssContent, "utf-8");
         }
       } else {
-        import_node_fs4.default.writeFileSync(cssFullPath, tokenImports + "\n" + cssContent, "utf-8");
+        const hasTailwindDirectives = /@tailwind\s+(base|components|utilities)/.test(cssContent);
+        const v3Imports = hasTailwindDirectives ? CSS_V3_TOKEN_ONLY : CSS_V3_IMPORTS;
+        import_node_fs4.default.writeFileSync(cssFullPath, v3Imports + "\n" + cssContent, "utf-8");
       }
       O2.success(`Added token imports to ${config.cssPath}`);
     } else {
@@ -1549,7 +1554,7 @@ var registry = {
     dependencies: ["@radix-ui/react-accordion"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "accordion.tsx",
@@ -1610,7 +1615,7 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
   disabled?: boolean
 }
 
-const AccordionRoot = React.forwardRef<HTMLDivElement, AccordionProps>(
+const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(
   ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Radix single/multiple union type conflict
     const restProps = props as any
@@ -1645,7 +1650,7 @@ const AccordionRoot = React.forwardRef<HTMLDivElement, AccordionProps>(
     )
   }
 )
-AccordionRoot.displayName = 'Accordion'
+Accordion.displayName = 'Accordion'
 
 // \u2500\u2500\u2500 AccordionItem \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
@@ -1792,21 +1797,6 @@ const AccordionContent = React.forwardRef<
 AccordionContent.displayName = 'AccordionContent'
 
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Accordion = Object.assign(AccordionRoot, {
-  Item: AccordionItem,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Accordion {
-  export type ItemProps = AccordionItemProps
-  export type TriggerProps = AccordionTriggerProps
-  export type ContentProps = AccordionContentProps
-}
-
 export {
   Accordion,
   AccordionItem,
@@ -1824,7 +1814,7 @@ export {
     dependencies: [],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "alert.tsx",
@@ -1988,7 +1978,7 @@ function useAlertContext() {
 // Alert
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// \u2500\u2500\u2500 AlertRoot \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// \u2500\u2500\u2500 Alert \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export interface AlertRootProps
   extends React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof alertVariants> {
@@ -2010,7 +2000,7 @@ export interface AlertRootProps
   hideIcon?: boolean
 }
 
-const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
+const Alert = React.forwardRef<HTMLDivElement, AlertRootProps>(
   ({
     className,
     variant = 'default',
@@ -2076,7 +2066,7 @@ const AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(
     )
   }
 )
-AlertRoot.displayName = 'AlertRoot'
+Alert.displayName = 'Alert'
 
 // \u2500\u2500\u2500 AlertTitle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}
@@ -2117,23 +2107,9 @@ const AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescription
 )
 AlertDescription.displayName = 'AlertDescription'
 
-// \u2500\u2500\u2500 Namespace: Alert \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Alert = Object.assign(AlertRoot, {
-  Title: AlertTitle,
-  Description: AlertDescription,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Alert {
-  export type RootProps = AlertRootProps
-  export type TitleProps = AlertTitleProps
-  export type DescriptionProps = AlertDescriptionProps
-}
-
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export {
   Alert,
-  AlertRoot,
   AlertTitle,
   AlertDescription,
   alertVariants,
@@ -2147,7 +2123,7 @@ export {
     dependencies: ["@radix-ui/react-avatar"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "avatar.tsx",
@@ -2278,7 +2254,7 @@ export interface AvatarProps
   status?: AvatarStatus
 }
 
-const AvatarRoot = React.forwardRef<
+const Avatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,
   AvatarProps
 >(({ className, size, shape, status, children, ...props }, ref) => {
@@ -2316,7 +2292,7 @@ const AvatarRoot = React.forwardRef<
     </span>
   )
 })
-AvatarRoot.displayName = 'Avatar'
+Avatar.displayName = 'Avatar'
 
 export interface AvatarImageProps
   extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {}
@@ -2394,9 +2370,9 @@ const AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
       >
         {visibleChildren}
         {overflowCount > 0 && (
-          <AvatarRoot size={size} shape={shape}>
+          <Avatar size={size} shape={shape}>
             <AvatarFallback size={size}>+{overflowCount}</AvatarFallback>
-          </AvatarRoot>
+          </Avatar>
         )}
       </div>
     )
@@ -2404,20 +2380,6 @@ const AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
 )
 AvatarGroup.displayName = 'AvatarGroup'
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Avatar = Object.assign(AvatarRoot, {
-  Image: AvatarImage,
-  Fallback: AvatarFallback,
-  Group: AvatarGroup,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Avatar {
-  export type ImageProps = AvatarImageProps
-  export type FallbackProps = AvatarFallbackProps
-  export type GroupProps = AvatarGroupProps
-}
-
 export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants, avatarColors, getAvatarColor, getAvatarInitials }
 `,
       type: "ui"
@@ -2636,7 +2598,7 @@ export { Badge, badgeVariants }
     dependencies: ["@radix-ui/react-slot"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "breadcrumb.tsx",
@@ -2709,7 +2671,7 @@ export interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'> {
   itemsAfterCollapse?: number
 }
 
-const BreadcrumbRoot = React.forwardRef<HTMLElement, BreadcrumbProps>(
+const Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(
   ({ className, separator, size = 'default', ...props }, ref) => (
     <BreadcrumbContext.Provider value={{ size, separator }}>
       <nav
@@ -2721,7 +2683,7 @@ const BreadcrumbRoot = React.forwardRef<HTMLElement, BreadcrumbProps>(
     </BreadcrumbContext.Provider>
   )
 )
-BreadcrumbRoot.displayName = 'Breadcrumb'
+Breadcrumb.displayName = 'Breadcrumb'
 
 // \u2500\u2500\u2500 BreadcrumbList \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
@@ -2846,22 +2808,6 @@ BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'
 
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Breadcrumb = Object.assign(BreadcrumbRoot, {
-  List: BreadcrumbList,
-  Item: BreadcrumbItem,
-  Link: BreadcrumbLink,
-  Page: BreadcrumbPage,
-  Separator: BreadcrumbSeparator,
-  Ellipsis: BreadcrumbEllipsis,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Breadcrumb {
-  export type LinkProps = BreadcrumbLinkProps
-  export type EllipsisProps = BreadcrumbEllipsisProps
-}
-
 export {
   Breadcrumb,
   BreadcrumbList,
@@ -3165,7 +3111,7 @@ export { Button, buttonVariants }
     dependencies: ["@radix-ui/react-slot"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "card.tsx",
@@ -3247,7 +3193,7 @@ export interface CardProps
   asChild?: boolean
 }
 
-const CardRoot = React.forwardRef<HTMLDivElement, CardProps>(
+const Card = React.forwardRef<HTMLDivElement, CardProps>(
   ({
     className,
     variant = 'default',
@@ -3303,7 +3249,7 @@ const CardRoot = React.forwardRef<HTMLDivElement, CardProps>(
     )
   }
 )
-CardRoot.displayName = 'Card'
+Card.displayName = 'Card'
 
 // \u2500\u2500 Size-based padding map (responsive: mobile \u2192 desktop) \u2500\u2500
 
@@ -3567,28 +3513,6 @@ const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(
 )
 CardFooter.displayName = 'CardFooter'
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Card = Object.assign(CardRoot, {
-  Image: CardImage,
-  Header: CardHeader,
-  Title: CardTitle,
-  Description: CardDescription,
-  Action: CardAction,
-  Content: CardContent,
-  Footer: CardFooter,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Card {
-  export type ImageProps = CardImageProps
-  export type HeaderProps = CardHeaderProps
-  export type TitleProps = CardTitleProps
-  export type DescriptionProps = CardDescriptionProps
-  export type ActionProps = CardActionProps
-  export type ContentProps = CardContentProps
-  export type FooterProps = CardFooterProps
-}
-
 export {
   Card,
   CardImage,
@@ -3609,7 +3533,7 @@ export {
     dependencies: ["recharts"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     aliases: ["bar-chart", "line-chart", "area-chart", "pie-chart"],
     files: [{
@@ -4462,24 +4386,9 @@ function ChartPie({
 
 // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Chart = Object.assign(ChartContainer, {
-  Bar: ChartBar,
-  Line: ChartLine,
-  Area: ChartArea,
-  Pie: ChartPie,
-  Tooltip: ChartTooltip,
-  TooltipContent: ChartTooltipContent,
-  Legend: ChartLegend,
-  LegendContent: ChartLegendContent,
-  XAxis: ChartXAxis,
-  YAxis: ChartYAxis,
-  Style: ChartStyle,
-})
-
 export {
-  Chart,
   ChartContainer,
+  ChartContainer as Chart,
   ChartBar,
   ChartLine,
   ChartArea,
@@ -4502,7 +4411,7 @@ export {
     dependencies: [],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "chat-input.tsx",
@@ -4725,7 +4634,7 @@ export interface ChatInputSubmitProps
 // ChatInput \u2014 Root container
 // ============================================================================
 
-const ChatInputRoot = React.forwardRef<HTMLDivElement, ChatInputRootProps>(
+const ChatInput = React.forwardRef<HTMLDivElement, ChatInputRootProps>(
   (
     {
       className,
@@ -4812,10 +4721,10 @@ const ChatInputRoot = React.forwardRef<HTMLDivElement, ChatInputRootProps>(
     )
   }
 )
-ChatInputRoot.displayName = 'ChatInput'
+ChatInput.displayName = 'ChatInput'
 
 // ============================================================================
-// ChatInput.Field \u2014 Auto-resizing textarea
+// ChatInputField \u2014 Auto-resizing textarea
 // ============================================================================
 
 const ChatInputField = React.forwardRef<HTMLTextAreaElement, ChatInputFieldProps>(
@@ -4917,10 +4826,10 @@ const ChatInputField = React.forwardRef<HTMLTextAreaElement, ChatInputFieldProps
     )
   }
 )
-ChatInputField.displayName = 'ChatInput.Field'
+ChatInputField.displayName = 'ChatInputField'
 
 // ============================================================================
-// ChatInput.Submit \u2014 Send / stop button
+// ChatInputSubmit \u2014 Send / stop button
 // ============================================================================
 
 const ChatInputSubmit = React.forwardRef<HTMLButtonElement, ChatInputSubmitProps>(
@@ -5002,7 +4911,7 @@ const ChatInputSubmit = React.forwardRef<HTMLButtonElement, ChatInputSubmitProps
     )
   }
 )
-ChatInputSubmit.displayName = 'ChatInput.Submit'
+ChatInputSubmit.displayName = 'ChatInputSubmit'
 
 // ============================================================================
 // Built-in SVG icons \u2014 no external icon dependency
@@ -5033,26 +4942,8 @@ function StopIcon() {
   )
 }
 
-// ============================================================================
-// Namespace export (compound pattern)
-// ============================================================================
-
-const ChatInput = Object.assign(ChatInputRoot, {
-  Field:  ChatInputField,
-  Submit: ChatInputSubmit,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace ChatInput {
-  export type RootProps   = ChatInputRootProps
-  export type FieldProps  = ChatInputFieldProps
-  export type SubmitProps = ChatInputSubmitProps
-  export type Layout      = ChatInputLayout
-}
-
 export {
   ChatInput,
-  ChatInputRoot,
   ChatInputField,
   ChatInputSubmit,
   chatInputVariants,
@@ -5066,7 +4957,7 @@ export {
     dependencies: [],
     registryDependencies: ["avatar", "typing-indicator"],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "chat-message.tsx",
@@ -5295,7 +5186,7 @@ export interface ChatMessageFooterProps extends React.HTMLAttributes<HTMLDivElem
 // ChatMessage Root
 // ============================================================================
 
-const ChatMessageRoot = React.forwardRef<HTMLDivElement, ChatMessageRootProps>(
+const ChatMessage = React.forwardRef<HTMLDivElement, ChatMessageRootProps>(
   (
     {
       className,
@@ -5338,7 +5229,7 @@ const ChatMessageRoot = React.forwardRef<HTMLDivElement, ChatMessageRootProps>(
     )
   }
 )
-ChatMessageRoot.displayName = 'ChatMessage'
+ChatMessage.displayName = 'ChatMessage'
 
 // ============================================================================
 // Default AI sparkle icon
@@ -5355,7 +5246,7 @@ function DefaultAiIcon() {
 }
 
 // ============================================================================
-// ChatMessage.Avatar \u2014 wraps Avatar component with chat-specific sizes
+// ChatMessageAvatar \u2014 wraps Avatar component with chat-specific sizes
 // ============================================================================
 
 const ChatMessageAvatar = React.forwardRef<HTMLSpanElement, ChatMessageAvatarProps>(
@@ -5373,10 +5264,10 @@ const ChatMessageAvatar = React.forwardRef<HTMLSpanElement, ChatMessageAvatarPro
     </Avatar>
   )
 )
-ChatMessageAvatar.displayName = 'ChatMessage.Avatar'
+ChatMessageAvatar.displayName = 'ChatMessageAvatar'
 
 // ============================================================================
-// ChatMessage.Content
+// ChatMessageContent
 // ============================================================================
 
 const ChatMessageContent = React.forwardRef<HTMLDivElement, ChatMessageContentProps>(
@@ -5436,10 +5327,10 @@ const ChatMessageContent = React.forwardRef<HTMLDivElement, ChatMessageContentPr
     )
   }
 )
-ChatMessageContent.displayName = 'ChatMessage.Content'
+ChatMessageContent.displayName = 'ChatMessageContent'
 
 // ============================================================================
-// ChatMessage.Footer
+// ChatMessageFooter
 // ============================================================================
 
 const ChatMessageFooter = React.forwardRef<HTMLDivElement, ChatMessageFooterProps>(
@@ -5489,36 +5380,10 @@ const ChatMessageFooter = React.forwardRef<HTMLDivElement, ChatMessageFooterProp
     )
   }
 )
-ChatMessageFooter.displayName = 'ChatMessage.Footer'
-
-// ============================================================================
-// Namespace export (compound pattern)
-// ============================================================================
-
-const ChatMessage = Object.assign(ChatMessageRoot, {
-  Avatar:  ChatMessageAvatar,
-  Content: ChatMessageContent,
-  Footer:  ChatMessageFooter,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace ChatMessage {
-  export type RootProps    = ChatMessageRootProps
-  export type AvatarProps  = ChatMessageAvatarProps
-  export type ContentProps = ChatMessageContentProps
-  export type FooterProps  = ChatMessageFooterProps
-  export type Role       = ChatMessageRole
-  export type Variant    = ChatMessageVariant
-  export type Color      = ChatMessageColor
-  export type Size       = ChatMessageSize
-  export type Radius     = ChatMessageRadius
-  export type Status     = ChatMessageStatus
-  export type AvatarSize = ChatMessageAvatarSize
-}
+ChatMessageFooter.displayName = 'ChatMessageFooter'
 
 export {
   ChatMessage,
-  ChatMessageRoot,
   ChatMessageAvatar,
   ChatMessageContent,
   ChatMessageFooter,
@@ -5865,7 +5730,7 @@ export { Divider, dividerVariants }
     dependencies: ["@radix-ui/react-dialog"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "drawer.tsx",
@@ -5933,8 +5798,8 @@ const drawerSizeVertical = cva('', {
 // Drawer
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// \u2500\u2500\u2500 Drawer (Root) \u2014 wrapper to avoid Object.assign mutating DialogPrimitive.Root \u2500\u2500
-function DrawerRoot(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {
+// \u2500\u2500\u2500 Drawer (Root) \u2014 thin wrapper to expose as named export \u2500\u2500
+function Drawer(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {
   return <DialogPrimitive.Root {...props} />
 }
 
@@ -6097,29 +5962,9 @@ const DrawerFooter = React.forwardRef<
 ))
 DrawerFooter.displayName = 'DrawerFooter'
 
-// \u2500\u2500\u2500 Namespace: Drawer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Drawer = Object.assign(DrawerRoot, {
-  Trigger: DrawerTrigger,
-  Portal: DrawerPortal,
-  Overlay: DrawerOverlay,
-  Content: DrawerContent,
-  Header: DrawerHeader,
-  Title: DrawerTitle,
-  Description: DrawerDescription,
-  Body: DrawerBody,
-  Footer: DrawerFooter,
-  Close: DrawerClose,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Drawer {
-  export type ContentProps = DrawerContentProps
-}
-
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export {
   Drawer,
-  DrawerRoot,
   DrawerTrigger,
   DrawerPortal,
   DrawerOverlay,
@@ -6142,7 +5987,7 @@ export {
     dependencies: ["@radix-ui/react-dropdown-menu"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "dropdown.tsx",
@@ -6220,7 +6065,7 @@ const DropdownMenuStyleContext = React.createContext<{
 }>({ radius: 'lg', flush: false, size: 'md' })
 
 // Root \u2014 state management (controlled / uncontrolled)
-const DropdownMenuRoot = DropdownMenuPrimitive.Root
+const DropdownMenu = DropdownMenuPrimitive.Root
 
 // Trigger \u2014 the element that toggles the menu
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
@@ -6472,23 +6317,6 @@ DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'
 
 export type { DropdownMenuRadius, DropdownMenuSize }
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const DropdownMenu = Object.assign(DropdownMenuRoot, {
-  Trigger: DropdownMenuTrigger,
-  Content: DropdownMenuContent,
-  Item: DropdownMenuItem,
-  CheckboxItem: DropdownMenuCheckboxItem,
-  RadioGroup: DropdownMenuRadioGroup,
-  RadioItem: DropdownMenuRadioItem,
-  Label: DropdownMenuLabel,
-  Separator: DropdownMenuSeparator,
-  Group: DropdownMenuGroup,
-  Sub: DropdownMenuSub,
-  SubTrigger: DropdownMenuSubTrigger,
-  SubContent: DropdownMenuSubContent,
-  Shortcut: DropdownMenuShortcut,
-})
-
 export {
   DropdownMenu,
   DropdownMenuTrigger,
@@ -6514,7 +6342,7 @@ export {
     dependencies: [],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "field.tsx",
@@ -6560,7 +6388,7 @@ export interface FieldProps
   disabled?: boolean
 }
 
-const FieldRoot = React.forwardRef<HTMLDivElement, FieldProps>(
+const Field = React.forwardRef<HTMLDivElement, FieldProps>(
   ({ className, gap, error, disabled, children, ...props }, ref) => {
     const id = React.useId()
 
@@ -6579,7 +6407,7 @@ const FieldRoot = React.forwardRef<HTMLDivElement, FieldProps>(
     )
   }
 )
-FieldRoot.displayName = 'Field'
+Field.displayName = 'Field'
 
 // Field Label
 export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
@@ -6654,18 +6482,6 @@ const FieldCharCount = React.forwardRef<
 })
 FieldCharCount.displayName = 'FieldCharCount'
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Field = Object.assign(FieldRoot, {
-  Label: FieldLabel,
-  Error: FieldError,
-  CharCount: FieldCharCount,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Field {
-  export type LabelProps = FieldLabelProps
-}
-
 export { Field, FieldLabel, FieldError, FieldCharCount, useFieldContext }
 `,
       type: "ui"
@@ -7049,7 +6865,7 @@ export { Input, inputVariants }
     dependencies: [],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "metric-card.tsx",
@@ -7139,7 +6955,7 @@ export interface MetricCardProps
   animated?: boolean
 }
 
-const MetricCardRoot = React.forwardRef<HTMLDivElement, MetricCardProps>(
+const MetricCard = React.forwardRef<HTMLDivElement, MetricCardProps>(
   ({ className, variant, size, radius, animated = false, children, ...props }, ref) => {
     const resolvedSize = (size || 'default') as MetricCardSize
     return (
@@ -7155,7 +6971,7 @@ const MetricCardRoot = React.forwardRef<HTMLDivElement, MetricCardProps>(
     )
   }
 )
-MetricCardRoot.displayName = 'MetricCard'
+MetricCard.displayName = 'MetricCard'
 
 // \u2500\u2500 MetricCardHeader \u2500\u2500
 
@@ -7310,27 +7126,6 @@ const MetricCardSymbol = React.forwardRef<HTMLDivElement, MetricCardSymbolProps>
 MetricCardSymbol.displayName = 'MetricCardSymbol'
 
 // \u2500\u2500 Exports \u2500\u2500
-
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const MetricCard = Object.assign(MetricCardRoot, {
-  Header: MetricCardHeader,
-  Title: MetricCardTitle,
-  Value: MetricCardValue,
-  Trend: MetricCardTrend,
-  Description: MetricCardDescription,
-  Symbol: MetricCardSymbol,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace MetricCard {
-  export type HeaderProps = MetricCardHeaderProps
-  export type TitleProps = MetricCardTitleProps
-  export type ValueProps = MetricCardValueProps
-  export type TrendProps = MetricCardTrendProps
-  export type DescriptionProps = MetricCardDescriptionProps
-  export type SymbolProps = MetricCardSymbolProps
-}
-
 export {
   MetricCard,
   MetricCardHeader,
@@ -7350,7 +7145,7 @@ export {
     dependencies: ["@radix-ui/react-alert-dialog", "@radix-ui/react-dialog"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "modal.tsx",
@@ -7388,8 +7183,8 @@ const ModalStyleContext = React.createContext<ModalStyleContextValue>({
 // Modal (Dialog)
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// \u2500\u2500\u2500 Modal (Root) \u2014 wrapper to avoid Object.assign mutating DialogPrimitive.Root \u2500\u2500
-function ModalRoot(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {
+// \u2500\u2500\u2500 Modal (Root) \u2014 thin wrapper to expose as named export without mutating DialogPrimitive.Root \u2500\u2500
+function Modal(props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) {
   return <DialogPrimitive.Root {...props} />
 }
 
@@ -7616,7 +7411,7 @@ ModalFooter.displayName = 'ModalFooter'
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
 // \u2500\u2500\u2500 AlertModal (Root) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const AlertModalRoot = AlertDialogPrimitive.Root
+const AlertModal = AlertDialogPrimitive.Root
 
 // \u2500\u2500\u2500 AlertModalTrigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const AlertModalTrigger = AlertDialogPrimitive.Trigger
@@ -7777,45 +7572,6 @@ const AlertModalCancel = React.forwardRef<
 ))
 AlertModalCancel.displayName = 'AlertModalCancel'
 
-// \u2500\u2500\u2500 Namespace: Modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Modal = Object.assign(ModalRoot, {
-  Trigger: ModalTrigger,
-  Portal: ModalPortal,
-  Overlay: ModalOverlay,
-  Content: ModalContent,
-  Header: ModalHeader,
-  Title: ModalTitle,
-  Description: ModalDescription,
-  Body: ModalBody,
-  Footer: ModalFooter,
-  Close: ModalClose,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Modal {
-  export type ContentProps = ModalContentProps
-}
-
-// \u2500\u2500\u2500 Namespace: AlertModal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const AlertModal = Object.assign(AlertModalRoot, {
-  Trigger: AlertModalTrigger,
-  Portal: AlertModalPortal,
-  Overlay: AlertModalOverlay,
-  Content: AlertModalContent,
-  Header: AlertModalHeader,
-  Title: AlertModalTitle,
-  Description: AlertModalDescription,
-  Body: AlertModalBody,
-  Footer: AlertModalFooter,
-  Action: AlertModalAction,
-  Cancel: AlertModalCancel,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace AlertModal {
-  export type ContentProps = AlertModalContentProps
-}
-
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export {
   Modal,
@@ -7853,7 +7609,7 @@ export {
     dependencies: ["@radix-ui/react-collapsible", "@radix-ui/react-navigation-menu", "@radix-ui/react-slot"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "navigation-menu.tsx",
@@ -7993,7 +7749,7 @@ export interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
   onValueChange?: (value: string) => void
 }
 
-const NavigationMenuRoot = React.forwardRef<HTMLElement, NavigationMenuProps>(
+const NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(
   ({
     className,
     orientation = 'horizontal',
@@ -8060,7 +7816,7 @@ const NavigationMenuRoot = React.forwardRef<HTMLElement, NavigationMenuProps>(
     )
   }
 )
-NavigationMenuRoot.displayName = 'NavigationMenu'
+NavigationMenu.displayName = 'NavigationMenu'
 
 // \u2500\u2500\u2500 NavigationMenuList \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
@@ -8518,31 +8274,6 @@ const NavigationMenuViewport = React.forwardRef<HTMLDivElement, NavigationMenuVi
 NavigationMenuViewport.displayName = 'NavigationMenuViewport'
 
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const NavigationMenu = Object.assign(NavigationMenuRoot, {
-  List: NavigationMenuList,
-  Item: NavigationMenuItem,
-  Trigger: NavigationMenuTrigger,
-  Content: NavigationMenuContent,
-  Link: NavigationMenuLink,
-  Group: NavigationMenuGroup,
-  Indicator: NavigationMenuIndicator,
-  Viewport: NavigationMenuViewport,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace NavigationMenu {
-  export type ListProps = NavigationMenuListProps
-  export type ItemProps = NavigationMenuItemProps
-  export type TriggerProps = NavigationMenuTriggerProps
-  export type ContentProps = NavigationMenuContentProps
-  export type LinkProps = NavigationMenuLinkProps
-  export type GroupProps = NavigationMenuGroupProps
-  export type IndicatorProps = NavigationMenuIndicatorProps
-  export type ViewportProps = NavigationMenuViewportProps
-}
-
 export {
   NavigationMenu,
   NavigationMenuList,
@@ -8565,7 +8296,7 @@ export {
     dependencies: [],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "pagination.tsx",
@@ -8843,7 +8574,7 @@ export interface PaginationProps extends Omit<React.ComponentPropsWithoutRef<'na
   loop?: boolean
 }
 
-const PaginationRoot = React.forwardRef<HTMLElement, PaginationProps>(
+const Pagination = React.forwardRef<HTMLElement, PaginationProps>(
   ({
     className,
     total = 1,
@@ -8915,7 +8646,7 @@ const PaginationRoot = React.forwardRef<HTMLElement, PaginationProps>(
     )
   }
 )
-PaginationRoot.displayName = 'Pagination'
+Pagination.displayName = 'Pagination'
 
 // \u2500\u2500\u2500 PaginationContent \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
@@ -9185,29 +8916,6 @@ const PaginationItems = React.forwardRef<HTMLDivElement, React.ComponentPropsWit
 PaginationItems.displayName = 'PaginationItems'
 
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Pagination = Object.assign(PaginationRoot, {
-  Content: PaginationContent,
-  Item: PaginationItem,
-  Link: PaginationLink,
-  Previous: PaginationPrevious,
-  Next: PaginationNext,
-  First: PaginationFirst,
-  Last: PaginationLast,
-  Ellipsis: PaginationEllipsis,
-  Items: PaginationItems,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Pagination {
-  export type LinkProps = PaginationLinkProps
-  export type PreviousProps = PaginationPreviousProps
-  export type NextProps = PaginationNextProps
-  export type FirstProps = PaginationFirstProps
-  export type LastProps = PaginationLastProps
-}
-
 export {
   Pagination,
   PaginationContent,
@@ -9231,7 +8939,7 @@ export {
     dependencies: ["@radix-ui/react-popover"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "popover.tsx",
@@ -9305,10 +9013,10 @@ const ARROW_ELEVATED = 'fill-background-paper drop-shadow-sm'
 // Popover
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 
-// \u2500\u2500\u2500 PopoverRoot \u2014 wrapper to avoid Object.assign mutating Radix primitive \u2500\u2500
+// \u2500\u2500\u2500 Popover (Root) \u2014 thin wrapper to expose as named export \u2500\u2500
 export interface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}
 
-function PopoverRoot(props: PopoverRootProps) {
+function Popover(props: PopoverRootProps) {
   return <PopoverPrimitive.Root {...props} />
 }
 
@@ -9402,26 +9110,9 @@ const PopoverArrow = React.forwardRef<
 ))
 PopoverArrow.displayName = 'PopoverArrow'
 
-// \u2500\u2500\u2500 Namespace: Popover \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Popover = Object.assign(PopoverRoot, {
-  Trigger: PopoverTrigger,
-  Content: PopoverContent,
-  Arrow: PopoverArrow,
-  Close: PopoverClose,
-  Anchor: PopoverAnchor,
-  Portal: PopoverPortal,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Popover {
-  export type ContentProps = PopoverContentProps
-  export type RootProps = PopoverRootProps
-}
-
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export {
   Popover,
-  PopoverRoot,
   PopoverTrigger,
   PopoverContent,
   PopoverArrow,
@@ -9682,7 +9373,7 @@ export { Progress, linearTrackVariants }
     dependencies: ["@radix-ui/react-slot"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "quick-reply.tsx",
@@ -9832,7 +9523,7 @@ export interface QuickReplyItemProps
 // QuickReply Root \u2014 group container that propagates style via Context
 // ============================================================================
 
-const QuickReplyRoot = React.forwardRef<HTMLDivElement, QuickReplyRootProps>(
+const QuickReply = React.forwardRef<HTMLDivElement, QuickReplyRootProps>(
   (
     {
       className,
@@ -9867,7 +9558,7 @@ const QuickReplyRoot = React.forwardRef<HTMLDivElement, QuickReplyRootProps>(
     )
   }
 )
-QuickReplyRoot.displayName = 'QuickReply'
+QuickReply.displayName = 'QuickReply'
 
 // ============================================================================
 // QuickReply Item \u2014 individual chip button
@@ -9904,25 +9595,10 @@ const QuickReplyItem = React.forwardRef<HTMLButtonElement, QuickReplyItemProps>(
     )
   }
 )
-QuickReplyItem.displayName = 'QuickReply.Item'
-
-// ============================================================================
-// Namespace export (compound pattern)
-// ============================================================================
-
-const QuickReply = Object.assign(QuickReplyRoot, {
-  Item: QuickReplyItem,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace QuickReply {
-  export type RootProps = QuickReplyRootProps
-  export type ItemProps = QuickReplyItemProps
-}
+QuickReplyItem.displayName = 'QuickReplyItem'
 
 export {
   QuickReply,
-  QuickReplyRoot,
   QuickReplyItem,
   quickReplyRootVariants,
   quickReplyItemVariants,
@@ -9936,7 +9612,7 @@ export {
     dependencies: ["@radix-ui/react-radio-group"],
     registryDependencies: ["field"],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "radio-group.tsx",
@@ -9992,7 +9668,7 @@ export interface RadioGroupProps
   color?: RadioColor
 }
 
-const RadioGroupRoot = React.forwardRef<
+const RadioGroup = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,
   RadioGroupProps
 >(({ className, orientation, size = 'default', weight = 'bold', color = 'default', disabled, ...props }, ref) => {
@@ -10011,7 +9687,7 @@ const RadioGroupRoot = React.forwardRef<
     </RadioGroupContext.Provider>
   )
 })
-RadioGroupRoot.displayName = 'RadioGroup'
+RadioGroup.displayName = 'RadioGroup'
 
 // RadioGroupItem circle variants
 const radioItemVariants = cva(
@@ -10116,16 +9792,6 @@ const RadioGroupItem = React.forwardRef<
 })
 RadioGroupItem.displayName = 'RadioGroupItem'
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const RadioGroup = Object.assign(RadioGroupRoot, {
-  Item: RadioGroupItem,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace RadioGroup {
-  export type ItemProps = RadioGroupItemProps
-}
-
 export { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants }
 `,
       type: "ui"
@@ -10136,7 +9802,7 @@ export { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants }
     dependencies: ["@radix-ui/react-radio-group"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "segmented.tsx",
@@ -10292,7 +9958,7 @@ export interface SegmentedProps
   extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>,
     VariantProps<typeof segmentedVariants> {}
 
-const SegmentedRoot = React.forwardRef<
+const Segmented = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,
   SegmentedProps
 >(({ className, variant, size, radius, fontWeight, ...props }, ref) => {
@@ -10309,7 +9975,7 @@ const SegmentedRoot = React.forwardRef<
     </SegmentedContext.Provider>
   )
 })
-SegmentedRoot.displayName = 'Segmented'
+Segmented.displayName = 'Segmented'
 
 // Icon size for segmented control (4-step scale, Icon+Text mode)
 // sm: 14px, md~default~lg: 16px
@@ -10348,16 +10014,6 @@ const SegmentedItem = React.forwardRef<
 })
 SegmentedItem.displayName = 'SegmentedItem'
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Segmented = Object.assign(SegmentedRoot, {
-  Item: SegmentedItem,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Segmented {
-  export type ItemProps = SegmentedItemProps
-}
-
 export { Segmented, SegmentedItem, segmentedVariants, segmentedItemVariants }
 `,
       type: "ui"
@@ -10368,7 +10024,7 @@ export { Segmented, SegmentedItem, segmentedVariants, segmentedItemVariants }
     dependencies: ["@radix-ui/react-select"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "select.tsx",
@@ -10506,7 +10162,7 @@ const SelectStyleContext = React.createContext<{
 }>({ contentRadius: 'xl', itemSize: 'md', flush: false })
 
 // Root \u2014 state management + size/radius context
-const SelectRoot = ({
+const Select = ({
   size = 'default',
   radius = 'default',
   ...props
@@ -10720,17 +10376,6 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
 export type { SelectRadius, SelectSize }
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Select = Object.assign(SelectRoot, {
-  Trigger: SelectTrigger,
-  Value: SelectValue,
-  Content: SelectContent,
-  Item: SelectItem,
-  Group: SelectGroup,
-  Label: SelectLabel,
-  Separator: SelectSeparator,
-})
-
 export {
   Select,
   SelectTrigger,
@@ -11968,7 +11613,7 @@ export { Switch, switchVariants }
     dependencies: [],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "table.tsx",
@@ -12042,7 +11687,7 @@ export interface TableProps
   wrapperClassName?: string
 }
 
-const TableRoot = React.forwardRef<HTMLTableElement, TableProps>(
+const Table = React.forwardRef<HTMLTableElement, TableProps>(
   ({ className, size = 'default', variant = 'default', stickyHeader = false, wrapperClassName, ...props }, ref) => (
     <TableContext.Provider value={{ size, variant, stickyHeader }}>
       <div className={cn('relative w-full overflow-auto', wrapperClassName)}>
@@ -12055,7 +11700,7 @@ const TableRoot = React.forwardRef<HTMLTableElement, TableProps>(
     </TableContext.Provider>
   )
 )
-TableRoot.displayName = 'Table'
+Table.displayName = 'Table'
 
 // \u2500\u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const TableHeader = React.forwardRef<
@@ -12268,24 +11913,6 @@ TableCaption.displayName = 'TableCaption'
 
 export type { TableSize, TableVariant, SortDirection }
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Table = Object.assign(TableRoot, {
-  Header: TableHeader,
-  Body: TableBody,
-  Footer: TableFooter,
-  Row: TableRow,
-  Head: TableHead,
-  Cell: TableCell,
-  Caption: TableCaption,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Table {
-  export type RowProps = TableRowProps
-  export type HeadProps = TableHeadProps
-  export type CellProps = TableCellProps
-}
-
 export {
   Table,
   TableHeader,
@@ -12305,7 +11932,7 @@ export {
     dependencies: ["@radix-ui/react-tabs"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "tabs.tsx",
@@ -12546,21 +12173,7 @@ TabsContent.displayName = 'TabsContent'
 
 // \u2500\u2500\u2500 Tabs (Root) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 
-const TabsRoot = TabsPrimitive.Root
-
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Tabs = Object.assign(TabsRoot, {
-  List: TabsList,
-  Trigger: TabsTrigger,
-  Content: TabsContent,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Tabs {
-  export type ListProps = TabsListProps
-  export type TriggerProps = TabsTriggerProps
-  export type ContentProps = TabsContentProps
-}
+const Tabs = TabsPrimitive.Root
 
 export {
   Tabs,
@@ -13423,7 +13036,7 @@ export type {
     dependencies: ["@radix-ui/react-toggle-group"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "toggle-group.tsx",
@@ -13529,7 +13142,7 @@ export type ToggleGroupProps = ToggleGroupBaseProps &
   VariantProps<typeof toggleGroupItemVariants> &
   (ToggleGroupSingleProps | ToggleGroupMultipleProps)
 
-const ToggleGroupRoot = React.forwardRef<
+const ToggleGroup = React.forwardRef<
   React.ElementRef<typeof ToggleGroupPrimitive.Root>,
   ToggleGroupProps
 >(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (
@@ -13568,7 +13181,7 @@ const ToggleGroupRoot = React.forwardRef<
     </ToggleGroupContext.Provider>
   </ToggleGroupPrimitive.Root>
 ))
-ToggleGroupRoot.displayName = ToggleGroupPrimitive.Root.displayName
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
 
 export interface ToggleGroupItemProps
   extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,
@@ -13614,16 +13227,6 @@ const ToggleGroupItem = React.forwardRef<
 })
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
 
-// \u2500\u2500\u2500 Namespace \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const ToggleGroup = Object.assign(ToggleGroupRoot, {
-  Item: ToggleGroupItem,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace ToggleGroup {
-  export type ItemProps = ToggleGroupItemProps
-}
-
 export { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }
 `,
       type: "ui"
@@ -13804,7 +13407,7 @@ export { Toggle, toggleVariants }
     dependencies: ["@radix-ui/react-tooltip"],
     registryDependencies: [],
     reverseDependencies: [],
-    namespace: true,
+    namespace: false,
     description: "",
     files: [{
       path: "tooltip.tsx",
@@ -13860,13 +13463,14 @@ const ARROW_FILL: Record<string, string> = {
 // \u2500\u2500\u2500 TooltipProvider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const TooltipProvider = TooltipPrimitive.Provider
 
-// \u2500\u2500\u2500 Tooltip (Root) \u2014 wrapper to avoid Object.assign mutating Radix primitive \u2500\u2500
+// \u2500\u2500\u2500 Tooltip (Root) \u2014 Props type \u2500\u2500
 export interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
   /** Delay in ms before tooltip appears */
   delayDuration?: number
 }
 
-function TooltipRoot({ delayDuration = 200, ...props }: TooltipRootProps) {
+// \u2500\u2500\u2500 Tooltip (Root) \u2014 thin wrapper to expose as named export with default delayDuration \u2500\u2500
+function Tooltip({ delayDuration = 200, ...props }: TooltipRootProps) {
   return <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />
 }
 
@@ -13932,25 +13536,9 @@ const TooltipArrow = React.forwardRef<
 ))
 TooltipArrow.displayName = 'TooltipArrow'
 
-// \u2500\u2500\u2500 Namespace: Tooltip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const Tooltip = Object.assign(TooltipRoot, {
-  Trigger: TooltipTrigger,
-  Content: TooltipContent,
-  Arrow: TooltipArrow,
-  Portal: TooltipPortal,
-  Provider: TooltipProvider,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-namespace Tooltip {
-  export type ContentProps = TooltipContentProps
-  export type RootProps = TooltipRootProps
-}
-
 // \u2500\u2500\u2500 Exports \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 export {
   Tooltip,
-  TooltipRoot,
   TooltipTrigger,
   TooltipContent,
   TooltipArrow,
@@ -14468,15 +14056,15 @@ function showSetupHints(names) {
   }
   if (names.includes("tooltip")) {
     wt(
-      `Wrap your app with ${import_picocolors3.default.cyan("<Tooltip.Provider>")}:
+      `Wrap your app with ${import_picocolors3.default.cyan("<TooltipProvider>")}:
 
-` + import_picocolors3.default.dim(`  import { Tooltip } from '${import_picocolors3.default.reset("@/components/ui/tooltip")}'
+` + import_picocolors3.default.dim(`  import { TooltipProvider } from '${import_picocolors3.default.reset("@/components/ui/tooltip")}'
 
 `) + import_picocolors3.default.dim(`  export default function Layout({ children }) {
 `) + import_picocolors3.default.dim(`    return (
-`) + import_picocolors3.default.green(`      <Tooltip.Provider>
+`) + import_picocolors3.default.green(`      <TooltipProvider>
 `) + import_picocolors3.default.dim(`        {children}
-`) + import_picocolors3.default.green(`      </Tooltip.Provider>
+`) + import_picocolors3.default.green(`      </TooltipProvider>
 `) + import_picocolors3.default.dim(`    )
 `) + import_picocolors3.default.dim(`  }`),
       "Tooltip Setup"
@@ -14486,7 +14074,7 @@ function showSetupHints(names) {
 
 // cli/src/index.ts
 var import_picocolors4 = __toESM(require_picocolors());
-var VERSION = "0.1.8";
+var VERSION = "0.1.10";
 var HELP = `
 ${import_picocolors4.default.bold("7onic")} \u2014 Add 7onic design system components to your project
 

package/llms.txt

@@ -86,7 +86,7 @@ accordion, alert, avatar, badge, breadcrumb, button, button-group, card, chat-in
 ## Post-install Setup
 
 - **toast**: Add `<Toaster />` to root layout
-- **tooltip**: Wrap app with `<Tooltip.Provider>`
+- **tooltip**: Wrap app with `<TooltipProvider>`
 
 ## Notes
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "7onic",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "CLI for adding 7onic design system components to your project",
   "bin": {
     "7onic": "./dist/index.js"
@@ -9,6 +9,15 @@
   "engines": { "node": ">=18" },
   "author": "7onic",
   "license": "MIT",
+  "homepage": "https://7onic.design",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/itonys/7onic",
+    "directory": "cli"
+  },
+  "bugs": {
+    "url": "https://github.com/itonys/7onic/issues"
+  },
   "keywords": [
     "cli",
     "design-system",