@karakuri-ui/react 0.2.4 → 0.3.0

package/dist/components/ui/toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst toggleGroupVariants = cva(\n  'inline-flex items-center justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n)\n\nconst toggleGroupItemVariants = cva(\n  'inline-flex items-center justify-center text-sm text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',      // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',        // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',      // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2',  // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',     // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        default: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',\n      fontWeight: 'normal',\n    },\n  }\n)\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleGroupItemVariants>\n>({\n  variant: 'default',\n  size: 'default',\n  radius: 'default',\n  fontWeight: 'normal',\n})\n\ntype ToggleGroupSingleProps = {\n  type: 'single'\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\ntype ToggleGroupMultipleProps = {\n  type: 'multiple'\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n}\n\ntype ToggleGroupBaseProps = Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'defaultValue' | 'dir'\n> & {\n  disabled?: boolean\n  rovingFocus?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  children?: React.ReactNode\n}\n\nexport type ToggleGroupProps = ToggleGroupBaseProps &\n  VariantProps<typeof toggleGroupVariants> &\n  VariantProps<typeof toggleGroupItemVariants> &\n  (ToggleGroupSingleProps | ToggleGroupMultipleProps)\n\nconst ToggleGroupRoot = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\n>(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleGroupVariants({ orientation }),\n      // Attached style for horizontal\n      orientation !== 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-l-none',\n        '[&>*:not(:last-child)]:rounded-r-none',\n        '[&>*:not(:first-child)]:-ml-px',\n        '[&>*]:relative',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      // Attached style for vertical\n      orientation === 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-t-none',\n        '[&>*:not(:last-child)]:rounded-b-none',\n        '[&>*:not(:first-child)]:-mt-px',\n        '[&>*]:relative',\n        '[&>*]:w-full',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      className\n    )}\n    orientation={orientation}\n    {...(props as React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>)}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size, radius, fontWeight }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroupRoot.displayName = ToggleGroupPrimitive.Root.displayName\n\nexport interface ToggleGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {\n  fontWeight?: 'normal' | 'semibold'\n}\n\n// Icon size for toggle group (5-step scale, Icon+Text mode)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\n>(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n  const resolvedSize = size || context.size || 'default'\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleGroupItemVariants({\n          variant: variant || context.variant,\n          size: resolvedSize,\n          radius: radius || context.radius,\n          fontWeight: fontWeight || context.fontWeight,\n        }),\n        iconSizeClasses[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\n// ─── Namespace ──────────────────────────────────────────\nconst ToggleGroup = Object.assign(ToggleGroupRoot, {\n  Item: ToggleGroupItem,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace ToggleGroup {\n  export type ItemProps = ToggleGroupItemProps\n}\n\nexport { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\nconst toggleGroupVariants = cva(\n  'inline-flex items-center justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'flex-col',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n)\n\nconst toggleGroupItemVariants = cva(\n  'inline-flex items-center justify-center text-sm text-text-muted transition-all duration-micro focus-visible:focus-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n        outline: 'border border-border-form bg-transparent hover:bg-background-muted hover:text-foreground data-[state=on]:bg-background-muted data-[state=on]:text-foreground',\n      },\n      fontWeight: {\n        normal: 'font-normal',\n        semibold: 'font-semibold',\n      },\n      size: {\n        xs: 'h-7 px-2.5 text-xs gap-1',      // 28px height, 10px paddingX, 12px font\n        sm: 'h-8 px-3 text-sm gap-2',        // 32px height, 12px paddingX, 13px font\n        md: 'h-9 px-3.5 text-md gap-2',      // 36px height, 14px paddingX, 14px font\n        default: 'h-10 px-4 text-md gap-2',  // 40px height, 16px paddingX, 14px font\n        lg: 'h-12 px-6 text-base gap-2',     // 48px height, 24px paddingX, 16px font\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        default: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      radius: 'default',\n      fontWeight: 'normal',\n    },\n  }\n)\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleGroupItemVariants>\n>({\n  variant: 'default',\n  size: 'default',\n  radius: 'default',\n  fontWeight: 'normal',\n})\n\ntype ToggleGroupSingleProps = {\n  type: 'single'\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\ntype ToggleGroupMultipleProps = {\n  type: 'multiple'\n  value?: string[]\n  defaultValue?: string[]\n  onValueChange?: (value: string[]) => void\n}\n\ntype ToggleGroupBaseProps = Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'defaultValue' | 'dir'\n> & {\n  disabled?: boolean\n  rovingFocus?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  dir?: 'ltr' | 'rtl'\n  loop?: boolean\n  children?: React.ReactNode\n}\n\nexport type ToggleGroupProps = ToggleGroupBaseProps &\n  VariantProps<typeof toggleGroupVariants> &\n  VariantProps<typeof toggleGroupItemVariants> &\n  (ToggleGroupSingleProps | ToggleGroupMultipleProps)\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ToggleGroupProps\n>(({ className, orientation, variant, size, radius, fontWeight, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleGroupVariants({ orientation }),\n      // Attached style for horizontal\n      orientation !== 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-l-none',\n        '[&>*:not(:last-child)]:rounded-r-none',\n        '[&>*:not(:first-child)]:-ml-px',\n        '[&>*]:relative',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      // Attached style for vertical\n      orientation === 'vertical' && [\n        '[&>*:not(:first-child)]:rounded-t-none',\n        '[&>*:not(:last-child)]:rounded-b-none',\n        '[&>*:not(:first-child)]:-mt-px',\n        '[&>*]:relative',\n        '[&>*]:w-full',\n        '[&>*:hover]:z-10',\n        '[&>*:focus-visible]:z-10',\n        '[&>*:active]:scale-none',\n      ],\n      className\n    )}\n    orientation={orientation}\n    {...(props as React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>)}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size, radius, fontWeight }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n))\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName\n\nexport interface ToggleGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    Omit<VariantProps<typeof toggleGroupItemVariants>, 'fontWeight'> {\n  fontWeight?: 'normal' | 'semibold'\n}\n\n// Icon size for toggle group (5-step scale, Icon+Text mode)\n// xs~sm: 14px, md~default~lg: 16px\nconst iconSizeClasses = {\n  xs: '[&>svg]:icon-xs',      // 14px\n  sm: '[&>svg]:icon-xs',      // 14px\n  md: '[&>svg]:icon-sm',      // 16px\n  default: '[&>svg]:icon-sm', // 16px\n  lg: '[&>svg]:icon-sm',      // 16px\n}\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ToggleGroupItemProps\n>(({ className, variant, size, radius, fontWeight, children, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext)\n  const resolvedSize = size || context.size || 'default'\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleGroupItemVariants({\n          variant: variant || context.variant,\n          size: resolvedSize,\n          radius: radius || context.radius,\n          fontWeight: fontWeight || context.fontWeight,\n        }),\n        iconSizeClasses[resolvedSize],\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n})\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName\n\nexport { ToggleGroup, ToggleGroupItem, toggleGroupVariants, toggleGroupItemVariants }\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AACtC,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,IAAI;AAAA;AAAA,QACJ,SAAS;AAAA;AAAA,QACT,IAAI;AAAA;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEA,MAAM,qBAAqB,MAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACd,CAAC;AAiCD,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,aAAa,SAAS,MAAM,QAAQ,YAAY,UAAU,GAAG,MAAM,GAAG,QACpF;AAAA,EAAC,qBAAqB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT,oBAAoB,EAAE,YAAY,CAAC;AAAA;AAAA,MAEnC,gBAAgB,cAAc;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,MAEA,gBAAgB,cAAc;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAI;AAAA;AAAA,EAEL,oCAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,MAAM,QAAQ,WAAW,KACrE,QACH;AACF,CACD;AACD,YAAY,cAAc,qBAAqB,KAAK;AAUpD,MAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAEA,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,SAAS,MAAM,QAAQ,YAAY,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC/E,QAAM,UAAU,MAAM,WAAW,kBAAkB;AACnD,QAAM,eAAe,QAAQ,QAAQ,QAAQ;AAE7C,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,wBAAwB;AAAA,UACtB,SAAS,WAAW,QAAQ;AAAA,UAC5B,MAAM;AAAA,UACN,QAAQ,UAAU,QAAQ;AAAA,UAC1B,YAAY,cAAc,QAAQ;AAAA,QACpC,CAAC;AAAA,QACD,gBAAgB,YAAY;AAAA,QAC5B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AACD,gBAAgB,cAAc,qBAAqB,KAAK;","names":[]}

package/dist/components/ui/tooltip.d.mts

@@ -9,11 +9,11 @@ declare const tooltipContentVariants: (props?: ({
     size?: "default" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
     /** Delay in ms before tooltip appears */
     delayDuration?: number;
 }
-declare function TooltipRoot({ delayDuration, ...props }: TooltipRootProps): React.JSX.Element;
+declare function Tooltip({ delayDuration, ...props }: TooltipProps): React.JSX.Element;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
@@ -22,16 +22,5 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
 }
 declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-declare const Tooltip: typeof TooltipRoot & {
-    Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    Portal: React.FC<TooltipPrimitive.TooltipPortalProps>;
-    Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-};
-declare namespace Tooltip {
-    type ContentProps = TooltipContentProps;
-    type RootProps = TooltipRootProps;
-}
 
-export { Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, TooltipProvider, TooltipRoot, type TooltipRootProps, type TooltipSide, TooltipTrigger, tooltipContentVariants };
+export { Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, type TooltipSide, TooltipTrigger, tooltipContentVariants };

package/dist/components/ui/tooltip.d.ts

@@ -9,11 +9,11 @@ declare const tooltipContentVariants: (props?: ({
     size?: "default" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
     /** Delay in ms before tooltip appears */
     delayDuration?: number;
 }
-declare function TooltipRoot({ delayDuration, ...props }: TooltipRootProps): React.JSX.Element;
+declare function Tooltip({ delayDuration, ...props }: TooltipProps): React.JSX.Element;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
@@ -22,16 +22,5 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
 }
 declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-declare const Tooltip: typeof TooltipRoot & {
-    Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    Portal: React.FC<TooltipPrimitive.TooltipPortalProps>;
-    Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-};
-declare namespace Tooltip {
-    type ContentProps = TooltipContentProps;
-    type RootProps = TooltipRootProps;
-}
 
-export { Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, TooltipProvider, TooltipRoot, type TooltipRootProps, type TooltipSide, TooltipTrigger, tooltipContentVariants };
+export { Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, type TooltipSide, TooltipTrigger, tooltipContentVariants };

package/dist/components/ui/tooltip.js

@@ -34,7 +34,6 @@ __export(tooltip_exports, {
   TooltipContent: () => TooltipContent,
   TooltipPortal: () => TooltipPortal,
   TooltipProvider: () => TooltipProvider,
-  TooltipRoot: () => TooltipRoot,
   TooltipTrigger: () => TooltipTrigger,
   tooltipContentVariants: () => tooltipContentVariants
 });
@@ -73,7 +72,7 @@ const ARROW_FILL = {
   inverted: "fill-background-paper drop-shadow-sm"
 };
 const TooltipProvider = TooltipPrimitive.Provider;
-function TooltipRoot({ delayDuration = 200, ...props }) {
+function Tooltip({ delayDuration = 200, ...props }) {
   return /* @__PURE__ */ React.createElement(TooltipPrimitive.Root, { delayDuration, ...props });
 }
 const TooltipTrigger = TooltipPrimitive.Trigger;
@@ -116,13 +115,6 @@ const TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = "TooltipArrow";
-const Tooltip = Object.assign(TooltipRoot, {
-  Trigger: TooltipTrigger,
-  Content: TooltipContent,
-  Arrow: TooltipArrow,
-  Portal: TooltipPortal,
-  Provider: TooltipProvider
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Tooltip,
@@ -130,7 +122,6 @@ const Tooltip = Object.assign(TooltipRoot, {
   TooltipContent,
   TooltipPortal,
   TooltipProvider,
-  TooltipRoot,
   TooltipTrigger,
   tooltipContentVariants
 });

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Types ──────────────────────────────────────────────────\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<TooltipSide, string> = {\n  top:    'data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit',\n  bottom: 'data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit',\n  left:   'data-[state=delayed-open]:animate-tooltip-left-enter data-[state=instant-open]:animate-tooltip-left-enter data-[state=closed]:animate-tooltip-left-exit',\n  right:  'data-[state=delayed-open]:animate-tooltip-right-enter data-[state=instant-open]:animate-tooltip-right-enter data-[state=closed]:animate-tooltip-right-exit',\n}\n\n// ─── Content variants ────────────────────────────────────────\nconst tooltipContentVariants = cva(\n  'z-tooltip rounded-lg font-normal select-none max-w-72',\n  {\n    variants: {\n      variant: {\n        default: 'bg-foreground text-background shadow-lg',\n        inverted: 'bg-background-paper/95 text-foreground border border-border-subtle shadow-lg backdrop-blur-sm',\n      },\n      size: {\n        sm: 'text-xs px-2.5 py-1',\n        default: 'text-sm px-3 py-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\n// ─── Arrow fill mapping (matches content variant background) ──\nconst ARROW_FILL: Record<string, string> = {\n  default: 'fill-foreground drop-shadow-sm',\n  inverted: 'fill-background-paper drop-shadow-sm',\n}\n\n// ═══════════════════════════════════════════════════════════════\n// Tooltip\n// ═══════════════════════════════════════════════════════════════\n\n// ─── TooltipProvider ─────────────────────────────────────────\nconst TooltipProvider = TooltipPrimitive.Provider\n\n// ─── Tooltip (Root) — wrapper to avoid Object.assign mutating Radix primitive ──\nexport interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\nfunction TooltipRoot({ delayDuration = 200, ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />\n}\n\n// ─── TooltipTrigger ──────────────────────────────────────────\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ─── TooltipPortal ───────────────────────────────────────────\nconst TooltipPortal = TooltipPrimitive.Portal\n\n// ─── TooltipContent ──────────────────────────────────────────\nexport interface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show arrow pointing to trigger */\n  showArrow?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, variant = 'default', size, side = 'top', sideOffset = 6, showArrow = true, children, ...props }, ref) => {\n  const resolvedSide = side as TooltipSide\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        side={side}\n        sideOffset={sideOffset}\n        className={cn(\n          tooltipContentVariants({ variant, size }),\n          ANIMATION_CLASSES[resolvedSide],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={ARROW_FILL[variant || 'default']}\n            width={10}\n            height={5}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = 'TooltipContent'\n\n// ─── TooltipArrow (standalone, for manual placement outside Content) ──\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn('fill-foreground', className)}\n    width={8}\n    height={4}\n    {...props}\n  />\n))\nTooltipArrow.displayName = 'TooltipArrow'\n\n// ─── Namespace: Tooltip ──────────────────────────────────────\nconst Tooltip = Object.assign(TooltipRoot, {\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n  Arrow: TooltipArrow,\n  Portal: TooltipPortal,\n  Provider: TooltipProvider,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Tooltip {\n  export type ContentProps = TooltipContentProps\n  export type RootProps = TooltipRootProps\n}\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Tooltip,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  TooltipPortal,\n  TooltipProvider,\n  tooltipContentVariants,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,uBAAkC;AAClC,sCAAuC;AACvC,mBAAmB;AAMnB,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,6BAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAGA,MAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,MAAM,kBAAkB,iBAAiB;AAQzC,SAAS,YAAY,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAqB;AACxE,SAAO,oCAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAUvC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,KAAK,CAAC;AAAA,QACxC,kBAAkB,YAAY;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,aACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAW,WAAW,WAAW,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,eAAW,iBAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;AAG3B,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EACzC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Types ──────────────────────────────────────────────────\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<TooltipSide, string> = {\n  top:    'data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit',\n  bottom: 'data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit',\n  left:   'data-[state=delayed-open]:animate-tooltip-left-enter data-[state=instant-open]:animate-tooltip-left-enter data-[state=closed]:animate-tooltip-left-exit',\n  right:  'data-[state=delayed-open]:animate-tooltip-right-enter data-[state=instant-open]:animate-tooltip-right-enter data-[state=closed]:animate-tooltip-right-exit',\n}\n\n// ─── Content variants ────────────────────────────────────────\nconst tooltipContentVariants = cva(\n  'z-tooltip rounded-lg font-normal select-none max-w-72',\n  {\n    variants: {\n      variant: {\n        default: 'bg-foreground text-background shadow-lg',\n        inverted: 'bg-background-paper/95 text-foreground border border-border-subtle shadow-lg backdrop-blur-sm',\n      },\n      size: {\n        sm: 'text-xs px-2.5 py-1',\n        default: 'text-sm px-3 py-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\n// ─── Arrow fill mapping (matches content variant background) ──\nconst ARROW_FILL: Record<string, string> = {\n  default: 'fill-foreground drop-shadow-sm',\n  inverted: 'fill-background-paper drop-shadow-sm',\n}\n\n// ═══════════════════════════════════════════════════════════════\n// Tooltip\n// ═══════════════════════════════════════════════════════════════\n\n// ─── TooltipProvider ─────────────────────────────────────────\nconst TooltipProvider = TooltipPrimitive.Provider\n\n// ─── Tooltip (Root) — wrapper to keep our own component identity separate from Radix primitive ──\nexport interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\nfunction Tooltip({ delayDuration = 200, ...props }: TooltipProps) {\n  return <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />\n}\n\n// ─── TooltipTrigger ──────────────────────────────────────────\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ─── TooltipPortal ───────────────────────────────────────────\nconst TooltipPortal = TooltipPrimitive.Portal\n\n// ─── TooltipContent ──────────────────────────────────────────\nexport interface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show arrow pointing to trigger */\n  showArrow?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, variant = 'default', size, side = 'top', sideOffset = 6, showArrow = true, children, ...props }, ref) => {\n  const resolvedSide = side as TooltipSide\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        side={side}\n        sideOffset={sideOffset}\n        className={cn(\n          tooltipContentVariants({ variant, size }),\n          ANIMATION_CLASSES[resolvedSide],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={ARROW_FILL[variant || 'default']}\n            width={10}\n            height={5}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = 'TooltipContent'\n\n// ─── TooltipArrow (standalone, for manual placement outside Content) ──\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn('fill-foreground', className)}\n    width={8}\n    height={4}\n    {...props}\n  />\n))\nTooltipArrow.displayName = 'TooltipArrow'\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  TooltipPortal,\n  TooltipProvider,\n  tooltipContentVariants,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,uBAAkC;AAClC,sCAAuC;AACvC,mBAAmB;AAMnB,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,6BAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAGA,MAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,MAAM,kBAAkB,iBAAiB;AAQzC,SAAS,QAAQ,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAiB;AAChE,SAAO,oCAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAUvC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,KAAK,CAAC;AAAA,QACxC,kBAAkB,YAAY;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,aACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAW,WAAW,WAAW,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,eAAW,iBAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}

package/dist/components/ui/tooltip.mjs

@@ -33,7 +33,7 @@ const ARROW_FILL = {
   inverted: "fill-background-paper drop-shadow-sm"
 };
 const TooltipProvider = TooltipPrimitive.Provider;
-function TooltipRoot({ delayDuration = 200, ...props }) {
+function Tooltip({ delayDuration = 200, ...props }) {
   return /* @__PURE__ */ React.createElement(TooltipPrimitive.Root, { delayDuration, ...props });
 }
 const TooltipTrigger = TooltipPrimitive.Trigger;
@@ -76,20 +76,12 @@ const TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = "TooltipArrow";
-const Tooltip = Object.assign(TooltipRoot, {
-  Trigger: TooltipTrigger,
-  Content: TooltipContent,
-  Arrow: TooltipArrow,
-  Portal: TooltipPortal,
-  Provider: TooltipProvider
-});
 export {
   Tooltip,
   TooltipArrow,
   TooltipContent,
   TooltipPortal,
   TooltipProvider,
-  TooltipRoot,
   TooltipTrigger,
   tooltipContentVariants
 };

package/dist/components/ui/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Types ──────────────────────────────────────────────────\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<TooltipSide, string> = {\n  top:    'data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit',\n  bottom: 'data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit',\n  left:   'data-[state=delayed-open]:animate-tooltip-left-enter data-[state=instant-open]:animate-tooltip-left-enter data-[state=closed]:animate-tooltip-left-exit',\n  right:  'data-[state=delayed-open]:animate-tooltip-right-enter data-[state=instant-open]:animate-tooltip-right-enter data-[state=closed]:animate-tooltip-right-exit',\n}\n\n// ─── Content variants ────────────────────────────────────────\nconst tooltipContentVariants = cva(\n  'z-tooltip rounded-lg font-normal select-none max-w-72',\n  {\n    variants: {\n      variant: {\n        default: 'bg-foreground text-background shadow-lg',\n        inverted: 'bg-background-paper/95 text-foreground border border-border-subtle shadow-lg backdrop-blur-sm',\n      },\n      size: {\n        sm: 'text-xs px-2.5 py-1',\n        default: 'text-sm px-3 py-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\n// ─── Arrow fill mapping (matches content variant background) ──\nconst ARROW_FILL: Record<string, string> = {\n  default: 'fill-foreground drop-shadow-sm',\n  inverted: 'fill-background-paper drop-shadow-sm',\n}\n\n// ═══════════════════════════════════════════════════════════════\n// Tooltip\n// ═══════════════════════════════════════════════════════════════\n\n// ─── TooltipProvider ─────────────────────────────────────────\nconst TooltipProvider = TooltipPrimitive.Provider\n\n// ─── Tooltip (Root) — wrapper to avoid Object.assign mutating Radix primitive ──\nexport interface TooltipRootProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\nfunction TooltipRoot({ delayDuration = 200, ...props }: TooltipRootProps) {\n  return <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />\n}\n\n// ─── TooltipTrigger ──────────────────────────────────────────\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ─── TooltipPortal ───────────────────────────────────────────\nconst TooltipPortal = TooltipPrimitive.Portal\n\n// ─── TooltipContent ──────────────────────────────────────────\nexport interface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show arrow pointing to trigger */\n  showArrow?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, variant = 'default', size, side = 'top', sideOffset = 6, showArrow = true, children, ...props }, ref) => {\n  const resolvedSide = side as TooltipSide\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        side={side}\n        sideOffset={sideOffset}\n        className={cn(\n          tooltipContentVariants({ variant, size }),\n          ANIMATION_CLASSES[resolvedSide],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={ARROW_FILL[variant || 'default']}\n            width={10}\n            height={5}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = 'TooltipContent'\n\n// ─── TooltipArrow (standalone, for manual placement outside Content) ──\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn('fill-foreground', className)}\n    width={8}\n    height={4}\n    {...props}\n  />\n))\nTooltipArrow.displayName = 'TooltipArrow'\n\n// ─── Namespace: Tooltip ──────────────────────────────────────\nconst Tooltip = Object.assign(TooltipRoot, {\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n  Arrow: TooltipArrow,\n  Portal: TooltipPortal,\n  Provider: TooltipProvider,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Tooltip {\n  export type ContentProps = TooltipContentProps\n  export type RootProps = TooltipRootProps\n}\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Tooltip,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  TooltipPortal,\n  TooltipProvider,\n  tooltipContentVariants,\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;AACvC,SAAS,UAAU;AAMnB,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAGA,MAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,MAAM,kBAAkB,iBAAiB;AAQzC,SAAS,YAAY,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAqB;AACxE,SAAO,oCAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAUvC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,KAAK,CAAC;AAAA,QACxC,kBAAkB,YAAY;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,aACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAW,WAAW,WAAW,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;AAG3B,MAAM,UAAU,OAAO,OAAO,aAAa;AAAA,EACzC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Types ──────────────────────────────────────────────────\nexport type TooltipSide = 'top' | 'right' | 'bottom' | 'left'\n\n// ─── Animation class mapping (static strings for Tailwind scanner) ──\nconst ANIMATION_CLASSES: Record<TooltipSide, string> = {\n  top:    'data-[state=delayed-open]:animate-tooltip-top-enter data-[state=instant-open]:animate-tooltip-top-enter data-[state=closed]:animate-tooltip-top-exit',\n  bottom: 'data-[state=delayed-open]:animate-tooltip-bottom-enter data-[state=instant-open]:animate-tooltip-bottom-enter data-[state=closed]:animate-tooltip-bottom-exit',\n  left:   'data-[state=delayed-open]:animate-tooltip-left-enter data-[state=instant-open]:animate-tooltip-left-enter data-[state=closed]:animate-tooltip-left-exit',\n  right:  'data-[state=delayed-open]:animate-tooltip-right-enter data-[state=instant-open]:animate-tooltip-right-enter data-[state=closed]:animate-tooltip-right-exit',\n}\n\n// ─── Content variants ────────────────────────────────────────\nconst tooltipContentVariants = cva(\n  'z-tooltip rounded-lg font-normal select-none max-w-72',\n  {\n    variants: {\n      variant: {\n        default: 'bg-foreground text-background shadow-lg',\n        inverted: 'bg-background-paper/95 text-foreground border border-border-subtle shadow-lg backdrop-blur-sm',\n      },\n      size: {\n        sm: 'text-xs px-2.5 py-1',\n        default: 'text-sm px-3 py-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\n// ─── Arrow fill mapping (matches content variant background) ──\nconst ARROW_FILL: Record<string, string> = {\n  default: 'fill-foreground drop-shadow-sm',\n  inverted: 'fill-background-paper drop-shadow-sm',\n}\n\n// ═══════════════════════════════════════════════════════════════\n// Tooltip\n// ═══════════════════════════════════════════════════════════════\n\n// ─── TooltipProvider ─────────────────────────────────────────\nconst TooltipProvider = TooltipPrimitive.Provider\n\n// ─── Tooltip (Root) — wrapper to keep our own component identity separate from Radix primitive ──\nexport interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /** Delay in ms before tooltip appears */\n  delayDuration?: number\n}\n\nfunction Tooltip({ delayDuration = 200, ...props }: TooltipProps) {\n  return <TooltipPrimitive.Root delayDuration={delayDuration} {...props} />\n}\n\n// ─── TooltipTrigger ──────────────────────────────────────────\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ─── TooltipPortal ───────────────────────────────────────────\nconst TooltipPortal = TooltipPrimitive.Portal\n\n// ─── TooltipContent ──────────────────────────────────────────\nexport interface TooltipContentProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show arrow pointing to trigger */\n  showArrow?: boolean\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, variant = 'default', size, side = 'top', sideOffset = 6, showArrow = true, children, ...props }, ref) => {\n  const resolvedSide = side as TooltipSide\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        side={side}\n        sideOffset={sideOffset}\n        className={cn(\n          tooltipContentVariants({ variant, size }),\n          ANIMATION_CLASSES[resolvedSide],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={ARROW_FILL[variant || 'default']}\n            width={10}\n            height={5}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = 'TooltipContent'\n\n// ─── TooltipArrow (standalone, for manual placement outside Content) ──\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow\n    ref={ref}\n    className={cn('fill-foreground', className)}\n    width={8}\n    height={4}\n    {...props}\n  />\n))\nTooltipArrow.displayName = 'TooltipArrow'\n\n// ─── Exports ────────────────────────────────────────────────\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipArrow,\n  TooltipPortal,\n  TooltipProvider,\n  tooltipContentVariants,\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,YAAY,sBAAsB;AAClC,SAAS,WAA8B;AACvC,SAAS,UAAU;AAMnB,MAAM,oBAAiD;AAAA,EACrD,KAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAQ;AAAA,EACR,OAAQ;AACV;AAGA,MAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAGA,MAAM,aAAqC;AAAA,EACzC,SAAS;AAAA,EACT,UAAU;AACZ;AAOA,MAAM,kBAAkB,iBAAiB;AAQzC,SAAS,QAAQ,EAAE,gBAAgB,KAAK,GAAG,MAAM,GAAiB;AAChE,SAAO,oCAAC,iBAAiB,MAAjB,EAAsB,eAA+B,GAAG,OAAO;AACzE;AAGA,MAAM,iBAAiB,iBAAiB;AAGxC,MAAM,gBAAgB,iBAAiB;AAUvC,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,MAAM,OAAO,OAAO,aAAa,GAAG,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvH,QAAM,eAAe;AAErB,SACE,oCAAC,iBAAiB,QAAjB,MACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,KAAK,CAAC;AAAA,QACxC,kBAAkB,YAAY;AAAA,QAC9B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,aACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAW,WAAW,WAAW,SAAS;AAAA,QAC1C,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ,CACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAG7B,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,IAC1C,OAAO;AAAA,IACP,QAAQ;AAAA,IACP,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}

package/dist/lib/code-generator.d.mts

@@ -0,0 +1,60 @@
+declare const ACCORDION_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger"];
+declare const ALERT_NAMES: readonly ["Alert", "AlertDescription", "AlertTitle"];
+declare const AVATAR_NAMES: readonly ["Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage"];
+declare const BADGE_NAMES: readonly ["Badge"];
+declare const BREADCRUMB_NAMES: readonly ["Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator"];
+declare const BUTTON_NAMES: readonly ["Button"];
+declare const BUTTON_GROUP_NAMES: readonly ["ButtonGroup"];
+declare const CARD_NAMES: readonly ["Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle"];
+declare const CHECKBOX_NAMES: readonly ["Checkbox"];
+declare const DIVIDER_NAMES: readonly ["Divider"];
+declare const DRAWER_NAMES: readonly ["Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger"];
+declare const DROPDOWN_NAMES: readonly ["DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger"];
+declare const FIELD_NAMES: readonly ["Field", "FieldCharCount", "FieldError", "FieldLabel"];
+declare const ICON_BUTTON_NAMES: readonly ["IconButton"];
+declare const INPUT_NAMES: readonly ["Input"];
+declare const METRIC_CARD_NAMES: readonly ["MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue"];
+declare const MODAL_NAMES: readonly ["Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger"];
+declare const ALERT_MODAL_NAMES: readonly ["AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger"];
+declare const NAVIGATION_MENU_NAMES: readonly ["NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport"];
+declare const PAGINATION_NAMES: readonly ["Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious"];
+declare const POPOVER_NAMES: readonly ["Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger"];
+declare const PROGRESS_NAMES: readonly ["Progress"];
+declare const RADIO_GROUP_NAMES: readonly ["RadioGroup", "RadioGroupItem"];
+declare const SEGMENTED_NAMES: readonly ["Segmented", "SegmentedItem"];
+declare const SELECT_NAMES: readonly ["Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue"];
+declare const SKELETON_NAMES: readonly ["Skeleton"];
+declare const SLIDER_NAMES: readonly ["Slider"];
+declare const SPINNER_NAMES: readonly ["Spinner"];
+declare const SWITCH_NAMES: readonly ["Switch"];
+declare const TABLE_NAMES: readonly ["Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow"];
+declare const TABS_NAMES: readonly ["Tabs", "TabsContent", "TabsList", "TabsTrigger"];
+declare const TEXTAREA_NAMES: readonly ["Textarea"];
+declare const TOAST_NAMES: readonly ["Toaster"];
+declare const TOGGLE_NAMES: readonly ["Toggle"];
+declare const TOGGLE_GROUP_NAMES: readonly ["ToggleGroup", "ToggleGroupItem"];
+declare const TOOLTIP_NAMES: readonly ["Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare const CHART_NAMES: readonly ["Chart", "ChartArea", "ChartBar", "ChartLegend", "ChartLegendContent", "ChartLine", "ChartPie", "ChartStyle", "ChartTooltip", "ChartTooltipContent", "ChartXAxis", "ChartYAxis"];
+declare const RECHARTS_NAMES: readonly ["AreaChart", "BarChart", "CartesianGrid", "Cell", "LabelList", "LineChart", "Pie", "PieChart"];
+declare const REACT_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger", "Alert", "AlertDescription", "AlertTitle", "Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage", "Badge", "Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator", "Button", "ButtonGroup", "Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle", "Checkbox", "Divider", "Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger", "DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "Field", "FieldCharCount", "FieldError", "FieldLabel", "IconButton", "Input", "MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue", "Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger", "AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger", "NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport", "Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious", "Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger", "Progress", "RadioGroup", "RadioGroupItem", "Segmented", "SegmentedItem", "Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue", "Skeleton", "Slider", "Spinner", "Switch", "Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "Textarea", "Toaster", "Toggle", "ToggleGroup", "ToggleGroupItem", "Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare function extractUsedNames(jsxBody: string, namePool: readonly string[]): string[];
+interface BuildImportOptions {
+    /** Break into multi-line `import { ... }` when >3 names (default: true). */
+    multiline?: boolean;
+}
+declare function buildImport(names: string[], pkg: string, opts?: BuildImportOptions): string;
+/**
+ * Derive a single `import { ... } from pkg` from the JSX body.
+ *
+ * Usage — one per branch inside generateCode:
+ * ```ts
+ * const jsxBody = `<Card><CardHeader>...</CardHeader></Card>`
+ * return `${importUsed(jsxBody, CARD_NAMES, pkg)}\n\n${jsxBody}`
+ * ```
+ *
+ * **Never union pools across branches** — each branch's jsxBody must feed
+ * its own import derivation to guarantee structural 1:1.
+ */
+declare function importUsed(jsxBody: string, namePool: readonly string[], pkg: string, opts?: BuildImportOptions): string;
+
+export { ACCORDION_NAMES, ALERT_MODAL_NAMES, ALERT_NAMES, AVATAR_NAMES, BADGE_NAMES, BREADCRUMB_NAMES, BUTTON_GROUP_NAMES, BUTTON_NAMES, type BuildImportOptions, CARD_NAMES, CHART_NAMES, CHECKBOX_NAMES, DIVIDER_NAMES, DRAWER_NAMES, DROPDOWN_NAMES, FIELD_NAMES, ICON_BUTTON_NAMES, INPUT_NAMES, METRIC_CARD_NAMES, MODAL_NAMES, NAVIGATION_MENU_NAMES, PAGINATION_NAMES, POPOVER_NAMES, PROGRESS_NAMES, RADIO_GROUP_NAMES, REACT_NAMES, RECHARTS_NAMES, SEGMENTED_NAMES, SELECT_NAMES, SKELETON_NAMES, SLIDER_NAMES, SPINNER_NAMES, SWITCH_NAMES, TABLE_NAMES, TABS_NAMES, TEXTAREA_NAMES, TOAST_NAMES, TOGGLE_GROUP_NAMES, TOGGLE_NAMES, TOOLTIP_NAMES, buildImport, extractUsedNames, importUsed };

package/dist/lib/code-generator.d.ts

@@ -0,0 +1,60 @@
+declare const ACCORDION_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger"];
+declare const ALERT_NAMES: readonly ["Alert", "AlertDescription", "AlertTitle"];
+declare const AVATAR_NAMES: readonly ["Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage"];
+declare const BADGE_NAMES: readonly ["Badge"];
+declare const BREADCRUMB_NAMES: readonly ["Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator"];
+declare const BUTTON_NAMES: readonly ["Button"];
+declare const BUTTON_GROUP_NAMES: readonly ["ButtonGroup"];
+declare const CARD_NAMES: readonly ["Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle"];
+declare const CHECKBOX_NAMES: readonly ["Checkbox"];
+declare const DIVIDER_NAMES: readonly ["Divider"];
+declare const DRAWER_NAMES: readonly ["Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger"];
+declare const DROPDOWN_NAMES: readonly ["DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger"];
+declare const FIELD_NAMES: readonly ["Field", "FieldCharCount", "FieldError", "FieldLabel"];
+declare const ICON_BUTTON_NAMES: readonly ["IconButton"];
+declare const INPUT_NAMES: readonly ["Input"];
+declare const METRIC_CARD_NAMES: readonly ["MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue"];
+declare const MODAL_NAMES: readonly ["Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger"];
+declare const ALERT_MODAL_NAMES: readonly ["AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger"];
+declare const NAVIGATION_MENU_NAMES: readonly ["NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport"];
+declare const PAGINATION_NAMES: readonly ["Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious"];
+declare const POPOVER_NAMES: readonly ["Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger"];
+declare const PROGRESS_NAMES: readonly ["Progress"];
+declare const RADIO_GROUP_NAMES: readonly ["RadioGroup", "RadioGroupItem"];
+declare const SEGMENTED_NAMES: readonly ["Segmented", "SegmentedItem"];
+declare const SELECT_NAMES: readonly ["Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue"];
+declare const SKELETON_NAMES: readonly ["Skeleton"];
+declare const SLIDER_NAMES: readonly ["Slider"];
+declare const SPINNER_NAMES: readonly ["Spinner"];
+declare const SWITCH_NAMES: readonly ["Switch"];
+declare const TABLE_NAMES: readonly ["Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow"];
+declare const TABS_NAMES: readonly ["Tabs", "TabsContent", "TabsList", "TabsTrigger"];
+declare const TEXTAREA_NAMES: readonly ["Textarea"];
+declare const TOAST_NAMES: readonly ["Toaster"];
+declare const TOGGLE_NAMES: readonly ["Toggle"];
+declare const TOGGLE_GROUP_NAMES: readonly ["ToggleGroup", "ToggleGroupItem"];
+declare const TOOLTIP_NAMES: readonly ["Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare const CHART_NAMES: readonly ["Chart", "ChartArea", "ChartBar", "ChartLegend", "ChartLegendContent", "ChartLine", "ChartPie", "ChartStyle", "ChartTooltip", "ChartTooltipContent", "ChartXAxis", "ChartYAxis"];
+declare const RECHARTS_NAMES: readonly ["AreaChart", "BarChart", "CartesianGrid", "Cell", "LabelList", "LineChart", "Pie", "PieChart"];
+declare const REACT_NAMES: readonly ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger", "Alert", "AlertDescription", "AlertTitle", "Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage", "Badge", "Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator", "Button", "ButtonGroup", "Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle", "Checkbox", "Divider", "Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger", "DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "Field", "FieldCharCount", "FieldError", "FieldLabel", "IconButton", "Input", "MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue", "Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger", "AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger", "NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport", "Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious", "Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger", "Progress", "RadioGroup", "RadioGroupItem", "Segmented", "SegmentedItem", "Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue", "Skeleton", "Slider", "Spinner", "Switch", "Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow", "Tabs", "TabsContent", "TabsList", "TabsTrigger", "Textarea", "Toaster", "Toggle", "ToggleGroup", "ToggleGroupItem", "Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+declare function extractUsedNames(jsxBody: string, namePool: readonly string[]): string[];
+interface BuildImportOptions {
+    /** Break into multi-line `import { ... }` when >3 names (default: true). */
+    multiline?: boolean;
+}
+declare function buildImport(names: string[], pkg: string, opts?: BuildImportOptions): string;
+/**
+ * Derive a single `import { ... } from pkg` from the JSX body.
+ *
+ * Usage — one per branch inside generateCode:
+ * ```ts
+ * const jsxBody = `<Card><CardHeader>...</CardHeader></Card>`
+ * return `${importUsed(jsxBody, CARD_NAMES, pkg)}\n\n${jsxBody}`
+ * ```
+ *
+ * **Never union pools across branches** — each branch's jsxBody must feed
+ * its own import derivation to guarantee structural 1:1.
+ */
+declare function importUsed(jsxBody: string, namePool: readonly string[], pkg: string, opts?: BuildImportOptions): string;
+
+export { ACCORDION_NAMES, ALERT_MODAL_NAMES, ALERT_NAMES, AVATAR_NAMES, BADGE_NAMES, BREADCRUMB_NAMES, BUTTON_GROUP_NAMES, BUTTON_NAMES, type BuildImportOptions, CARD_NAMES, CHART_NAMES, CHECKBOX_NAMES, DIVIDER_NAMES, DRAWER_NAMES, DROPDOWN_NAMES, FIELD_NAMES, ICON_BUTTON_NAMES, INPUT_NAMES, METRIC_CARD_NAMES, MODAL_NAMES, NAVIGATION_MENU_NAMES, PAGINATION_NAMES, POPOVER_NAMES, PROGRESS_NAMES, RADIO_GROUP_NAMES, REACT_NAMES, RECHARTS_NAMES, SEGMENTED_NAMES, SELECT_NAMES, SKELETON_NAMES, SLIDER_NAMES, SPINNER_NAMES, SWITCH_NAMES, TABLE_NAMES, TABS_NAMES, TEXTAREA_NAMES, TOAST_NAMES, TOGGLE_GROUP_NAMES, TOGGLE_NAMES, TOOLTIP_NAMES, buildImport, extractUsedNames, importUsed };