@karakuri-ui/react 0.2.4 → 0.3.1

package/README.md

@@ -56,16 +56,16 @@ module.exports = {
 ### Usage
 
 ```tsx
-import { Button, Card } from '@karakuri-ui/react'
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@karakuri-ui/react'
 import { Chart, type ChartConfig } from '@karakuri-ui/react/chart'  // charts: separate entry
 
 <Button variant="solid" color="primary">Get Started</Button>
 
 <Card>
-  <Card.Header>
-    <Card.Title>Settings</Card.Title>
-  </Card.Header>
-  <Card.Content>...</Card.Content>
+  <CardHeader>
+    <CardTitle>Settings</CardTitle>
+  </CardHeader>
+  <CardContent>...</CardContent>
 </Card>
 ```
 

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

@@ -17,6 +17,7 @@ interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     onValueChange?: ((value: string) => void) | ((value: string[]) => void);
     disabled?: boolean;
 }
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 declare const accordionItemVariants: (props?: ({
     variant?: "default" | "bordered" | "splitted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -35,15 +36,5 @@ declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTrigger
 interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
 }
 declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare namespace Accordion {
-    type ItemProps = AccordionItemProps;
-    type TriggerProps = AccordionTriggerProps;
-    type ContentProps = AccordionContentProps;
-}
 
 export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, accordionTriggerVariants, accordionVariants };

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

@@ -17,6 +17,7 @@ interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     onValueChange?: ((value: string) => void) | ((value: string[]) => void);
     disabled?: boolean;
 }
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 declare const accordionItemVariants: (props?: ({
     variant?: "default" | "bordered" | "splitted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -35,15 +36,5 @@ declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTrigger
 interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
 }
 declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare namespace Accordion {
-    type ItemProps = AccordionItemProps;
-    type TriggerProps = AccordionTriggerProps;
-    type ContentProps = AccordionContentProps;
-}
 
 export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, accordionTriggerVariants, accordionVariants };

package/dist/components/ui/accordion.js

@@ -67,7 +67,7 @@ const accordionVariants = (0, import_class_variance_authority.cva)("w-full", {
     variant: "default"
   }
 });
-const AccordionRoot = React.forwardRef(
+const Accordion = React.forwardRef(
   ({ className, variant = "default", size = "default", iconPosition = "right", type = "single", collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {
     const sharedClassName = (0, import_utils.cn)(accordionVariants({ variant }), className);
     const radixProps = type === "multiple" ? {
@@ -95,7 +95,7 @@ const AccordionRoot = React.forwardRef(
     ));
   }
 );
-AccordionRoot.displayName = "Accordion";
+Accordion.displayName = "Accordion";
 const accordionItemVariants = (0, import_class_variance_authority.cva)("", {
   variants: {
     variant: {
@@ -203,11 +203,6 @@ const AccordionContent = React.forwardRef(({ className, children, ...props }, re
   );
 });
 AccordionContent.displayName = "AccordionContent";
-const Accordion = Object.assign(AccordionRoot, {
-  Item: AccordionItem,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst AccordionRoot = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...(props as any)}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordionRoot.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\n\n// ─── Namespace ──────────────────────────────────────────\nconst Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Accordion {\n  export type ItemProps = AccordionItemProps\n  export type TriggerProps = AccordionTriggerProps\n  export type ContentProps = AccordionContentProps\n}\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...(props as any)}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordion.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/accordion.mjs

@@ -29,7 +29,7 @@ const accordionVariants = cva("w-full", {
     variant: "default"
   }
 });
-const AccordionRoot = React.forwardRef(
+const Accordion = React.forwardRef(
   ({ className, variant = "default", size = "default", iconPosition = "right", type = "single", collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {
     const sharedClassName = cn(accordionVariants({ variant }), className);
     const radixProps = type === "multiple" ? {
@@ -57,7 +57,7 @@ const AccordionRoot = React.forwardRef(
     ));
   }
 );
-AccordionRoot.displayName = "Accordion";
+Accordion.displayName = "Accordion";
 const accordionItemVariants = cva("", {
   variants: {
     variant: {
@@ -165,11 +165,6 @@ const AccordionContent = React.forwardRef(({ className, children, ...props }, re
   );
 });
 AccordionContent.displayName = "AccordionContent";
-const Accordion = Object.assign(AccordionRoot, {
-  Item: AccordionItem,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
-});
 export {
   Accordion,
   AccordionContent,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst AccordionRoot = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...(props as any)}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordionRoot.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\n\n// ─── Namespace ──────────────────────────────────────────\nconst Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Accordion {\n  export type ItemProps = AccordionItemProps\n  export type TriggerProps = AccordionTriggerProps\n  export type ContentProps = AccordionContentProps\n}\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// Default chevron icon (built-in, no external dependency)\nconst DefaultChevronIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n  </svg>\n)\n\n// Context to pass style props from Accordion root to children\ntype AccordionStyleContextValue = {\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n}\nconst AccordionStyleContext = React.createContext<AccordionStyleContextValue>({})\nconst useAccordionStyleContext = () => React.useContext(AccordionStyleContext)\n\n// ─── Accordion (Root) ────────────────────────────────────────\n\nconst accordionVariants = cva('w-full', {\n  variants: {\n    variant: {\n      default: 'divide-y divide-border',\n      bordered: 'divide-y divide-border border border-border rounded-xl',\n      splitted: 'flex flex-col gap-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'single' | 'multiple'\n  variant?: 'default' | 'bordered' | 'splitted'\n  size?: 'sm' | 'default' | 'lg'\n  iconPosition?: 'left' | 'right'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: ((value: string) => void) | ((value: string[]) => void)\n  disabled?: boolean\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, variant = 'default', size = 'default', iconPosition = 'right', type = 'single', collapsible = true, defaultValue, value, onValueChange, disabled, ...props }, ref) => {\n    const sharedClassName = cn(accordionVariants({ variant }), className)\n\n    const radixProps = type === 'multiple'\n      ? {\n          type: 'multiple' as const,\n          defaultValue: defaultValue as string[] | undefined,\n          value: value as string[] | undefined,\n          onValueChange: onValueChange as ((value: string[]) => void) | undefined,\n          disabled,\n        }\n      : {\n          type: 'single' as const,\n          collapsible,\n          defaultValue: defaultValue as string | undefined,\n          value: value as string | undefined,\n          onValueChange: onValueChange as ((value: string) => void) | undefined,\n          disabled,\n        }\n\n    return (\n      <AccordionStyleContext.Provider value={{ variant, size, iconPosition }}>\n        {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n        <AccordionPrimitive.Root\n          ref={ref}\n          className={sharedClassName}\n          {...radixProps}\n          {...(props as any)}\n        />\n      </AccordionStyleContext.Provider>\n    )\n  }\n)\nAccordion.displayName = 'Accordion'\n\n// ─── AccordionItem ───────────────────────────────────────────\n\nconst accordionItemVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      bordered: '',\n      splitted: 'border border-border rounded-xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport interface AccordionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>,\n    Omit<VariantProps<typeof accordionItemVariants>, 'variant'> {}\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  const { variant } = useAccordionStyleContext()\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(accordionItemVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = 'AccordionItem'\n\n// ─── AccordionTrigger ────────────────────────────────────────\n\nconst accordionTriggerVariants = cva(\n  [\n    'flex flex-1 items-center gap-3 font-semibold text-foreground',\n    'transition-all duration-micro ease-out cursor-pointer',\n    'hover:bg-background-muted/50',\n    'focus-visible:focus-ring focus-visible:rounded-md',\n    'disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50',\n    '[&[data-state=open]>svg.accordion-chevron]:rotate-180',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'py-3 px-4 text-sm',     // 13px\n        default: 'py-4 px-4 text-md', // 14px\n        lg: 'py-5 px-6 text-base',    // 16px\n      },\n      iconPosition: {\n        left: 'flex-row',\n        right: 'flex-row-reverse justify-between',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      iconPosition: 'right',\n    },\n  }\n)\n\n// Icon size per trigger size\nconst triggerIconSizeClasses = {\n  sm: 'icon-xs',      // 14px\n  default: 'icon-sm', // 16px\n  lg: 'icon-sm',      // 16px\n} as const\n\nexport interface AccordionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  /** Custom indicator icon (replaces default chevron) */\n  icon?: React.ReactNode\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, icon, ...props }, ref) => {\n  const { size, iconPosition } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          'group',\n          accordionTriggerVariants({ size: resolvedSize, iconPosition }),\n          className\n        )}\n        {...props}\n      >\n        {icon || (\n          <DefaultChevronIcon className={cn(\n            'accordion-chevron shrink-0 text-text-muted transition-transform duration-normal',\n            triggerIconSizeClasses[resolvedSize]\n          )} />\n        )}\n        <span className=\"text-left\">{children}</span>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// ─── AccordionContent ────────────────────────────────────────\n\nconst accordionContentSizeClasses = {\n  sm: 'px-4 pb-3 text-sm',\n  default: 'px-4 pb-4 text-md',\n  lg: 'px-6 pb-5 text-base',\n} as const\n\nexport interface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  const { size } = useAccordionStyleContext()\n  const resolvedSize = size || 'default'\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\n        'text-text-muted',\n        accordionContentSizeClasses[resolvedSize],\n        className\n      )}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = 'AccordionContent'\n\n// ─── Exports ─────────────────────────────────────────────────\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionVariants,\n  accordionTriggerVariants,\n}\n"],"mappings":"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","names":[]}

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

@@ -9,7 +9,7 @@ declare const alertVariants: (props?: ({
 type AlertVariant = 'default' | 'outline' | 'filled';
 type AlertColor = 'info' | 'success' | 'warning' | 'error';
 type AlertSize = 'sm' | 'default' | 'lg';
-interface AlertRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Visual style */
     variant?: AlertVariant;
     /** Semantic color (determines icon, colors, and ARIA role) */
@@ -27,21 +27,12 @@ interface AlertRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantPr
     /** Hide the status icon entirely */
     hideIcon?: boolean;
 }
-declare const AlertRoot: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>>;
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
 }
 declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
 declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-declare const Alert: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>> & {
-    Title: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-};
-declare namespace Alert {
-    type RootProps = AlertRootProps;
-    type TitleProps = AlertTitleProps;
-    type DescriptionProps = AlertDescriptionProps;
-}
 
-export { Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, AlertRoot, type AlertRootProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, alertVariants };
+export { Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, alertVariants };

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

@@ -9,7 +9,7 @@ declare const alertVariants: (props?: ({
 type AlertVariant = 'default' | 'outline' | 'filled';
 type AlertColor = 'info' | 'success' | 'warning' | 'error';
 type AlertSize = 'sm' | 'default' | 'lg';
-interface AlertRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Visual style */
     variant?: AlertVariant;
     /** Semantic color (determines icon, colors, and ARIA role) */
@@ -27,21 +27,12 @@ interface AlertRootProps extends React.HTMLAttributes<HTMLDivElement>, VariantPr
     /** Hide the status icon entirely */
     hideIcon?: boolean;
 }
-declare const AlertRoot: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>>;
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
 }
 declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
 declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-declare const Alert: React.ForwardRefExoticComponent<AlertRootProps & React.RefAttributes<HTMLDivElement>> & {
-    Title: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-};
-declare namespace Alert {
-    type RootProps = AlertRootProps;
-    type TitleProps = AlertTitleProps;
-    type DescriptionProps = AlertDescriptionProps;
-}
 
-export { Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, AlertRoot, type AlertRootProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, alertVariants };
+export { Alert, type AlertColor, AlertDescription, type AlertDescriptionProps, type AlertProps, type AlertSize, AlertTitle, type AlertTitleProps, type AlertVariant, alertVariants };

package/dist/components/ui/alert.js

@@ -31,7 +31,6 @@ var alert_exports = {};
 __export(alert_exports, {
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
-  AlertRoot: () => AlertRoot,
   AlertTitle: () => AlertTitle,
   alertVariants: () => alertVariants
 });
@@ -125,7 +124,7 @@ const AlertContext = React.createContext({
 function useAlertContext() {
   return React.useContext(AlertContext);
 }
-const AlertRoot = React.forwardRef(
+const Alert = React.forwardRef(
   ({
     className,
     variant = "default",
@@ -174,7 +173,7 @@ const AlertRoot = React.forwardRef(
     ));
   }
 );
-AlertRoot.displayName = "AlertRoot";
+Alert.displayName = "Alert";
 const AlertTitle = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useAlertContext();
@@ -208,15 +207,10 @@ const AlertDescription = React.forwardRef(
   }
 );
 AlertDescription.displayName = "AlertDescription";
-const Alert = Object.assign(AlertRoot, {
-  Title: AlertTitle,
-  Description: AlertDescription
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
   AlertDescription,
-  AlertRoot,
   AlertTitle,
   alertVariants
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (no external dependency) ──────────────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\n// Info = circle + \"i\" | Success = circle + check | Warning = triangle + \"!\" | Error = circle + small ×\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<AlertColor, React.FC<{ className?: string }>> = {\n  info: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n}\n\n// ─── Color × Variant class mapping ──────────────────────────────\n// Uses semantic tokens (*.tint, text-text-*) — same pattern as Badge\nconst colorMap = {\n  info: {\n    default: 'bg-info-tint text-text-info border-info/20',\n    outline: 'bg-transparent text-text-info border-info',\n    filled: 'bg-info text-info-foreground border-transparent',\n  },\n  success: {\n    default: 'bg-success-tint text-text-success border-success/20',\n    outline: 'bg-transparent text-text-success border-success',\n    filled: 'bg-success text-success-foreground border-transparent',\n  },\n  warning: {\n    default: 'bg-warning-tint text-text-warning border-warning/20',\n    outline: 'bg-transparent text-text-warning border-warning',\n    filled: 'bg-warning text-warning-foreground border-transparent',\n  },\n  error: {\n    default: 'bg-error-tint text-text-error border-error/20',\n    outline: 'bg-transparent text-text-error border-error',\n    filled: 'bg-error text-error-foreground border-transparent',\n  },\n} as const\n\n// ─── Alert variants ──────────────────────────────────────────────\nconst alertVariants = cva(\n  'group relative flex items-center border w-full [&:has([data-alert-description])]:items-start',\n  {\n    variants: {\n      size: {\n        sm: 'gap-2 p-3 text-sm',\n        default: 'gap-2.5 p-4 text-md',\n        lg: 'gap-3 p-5 text-md',\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: '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      size: 'default',\n      radius: 'lg',\n    },\n  }\n)\n\n// ─── Size-dependent class maps ──────────────────────────────────\nconst ICON_SIZE_MAP = {\n  sm: 'icon-sm',                // 16px\n  default: 'w-[18px] h-[18px]', // 18px — TOKEN-EXCEPTION: no 18px icon token\n  lg: 'icon-md',                // 20px\n} as const\n\nconst TITLE_SIZE_MAP = {\n  sm: 'text-sm font-semibold leading-4 tracking-tight',\n  default: 'font-semibold leading-[18px] tracking-tight',\n  lg: 'text-base font-semibold leading-5 tracking-tight',\n} as const\n\nconst DESC_SIZE_MAP = {\n  sm: 'text-xs mt-0.5',\n  default: 'text-sm mt-1',\n  lg: 'text-md mt-1.5',\n} as const\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type AlertVariant = 'default' | 'outline' | 'filled'\nexport type AlertColor = 'info' | 'success' | 'warning' | 'error'\nexport type AlertSize = 'sm' | 'default' | 'lg'\n\n// ─── Context ─────────────────────────────────────────────────────\ninterface AlertContextValue {\n  variant: AlertVariant\n  color: AlertColor\n  size: AlertSize\n}\n\nconst AlertContext = React.createContext<AlertContextValue>({\n  variant: 'default',\n  color: 'info',\n  size: 'default',\n})\n\nfunction useAlertContext() {\n  return React.useContext(AlertContext)\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Alert\n// ═══════════════════════════════════════════════════════════════════\n\n// ─── AlertRoot ───────────────────────────────────────────────────\nexport interface AlertRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Visual style */\n  variant?: AlertVariant\n  /** Semantic color (determines icon, colors, and ARIA role) */\n  color?: AlertColor\n  /** Size */\n  size?: AlertSize\n  /** Closable — shows close button */\n  closable?: boolean\n  /** Close callback */\n  onClose?: () => void\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Custom status icon (overrides default) */\n  icon?: React.ReactNode\n  /** Hide the status icon entirely */\n  hideIcon?: boolean\n}\n\nconst AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(\n  ({\n    className,\n    variant = 'default',\n    color = 'info',\n    size = 'default',\n    radius,\n    closable = false,\n    onClose,\n    closeIcon,\n    icon,\n    hideIcon = false,\n    children,\n    ...props\n  }, ref) => {\n    // error → role=\"alert\" (assertive), others → role=\"status\" (polite)\n    const role = color === 'error' ? 'alert' : 'status'\n    const colorClasses = colorMap[color][variant]\n    const StatusIcon = STATUS_ICONS[color]\n\n    return (\n      <AlertContext.Provider value={{ variant, color, size }}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            alertVariants({ size, radius }),\n            colorClasses,\n            className,\n          )}\n          {...props}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <span className=\"shrink-0\">\n              {icon || <StatusIcon className={ICON_SIZE_MAP[size]} />}\n            </span>\n          )}\n\n          {/* Content area */}\n          <div className=\"flex-1 min-w-0\">\n            {children}\n          </div>\n\n          {/* Close button */}\n          {closable && (\n            <button\n              type=\"button\"\n              className={cn(\n                'shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring',\n                'group-has-[[data-alert-description]]:absolute',\n                size === 'sm'\n                  ? 'group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2'\n                  : 'group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3',\n              )}\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            </button>\n          )}\n        </div>\n      </AlertContext.Provider>\n    )\n  }\n)\nAlertRoot.displayName = 'AlertRoot'\n\n// ─── AlertTitle ──────────────────────────────────────────────────\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useAlertContext()\n    return (\n      <h5\n        ref={ref}\n        className={cn(TITLE_SIZE_MAP[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// ─── AlertDescription ────────────────────────────────────────────\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant, size } = useAlertContext()\n    return (\n      <p\n        ref={ref}\n        data-alert-description=\"\"\n        className={cn(\n          DESC_SIZE_MAP[size],\n          variant === 'filled' ? 'opacity-90' : 'opacity-80',\n          className,\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAlertDescription.displayName = 'AlertDescription'\n\n// ─── Namespace: Alert ────────────────────────────────────────────\nconst Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Alert {\n  export type RootProps = AlertRootProps\n  export type TitleProps = AlertTitleProps\n  export type DescriptionProps = AlertDescriptionProps\n}\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  Alert,\n  AlertRoot,\n  AlertTitle,\n  AlertDescription,\n  alertVariants,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (no external dependency) ──────────────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\n// Info = circle + \"i\" | Success = circle + check | Warning = triangle + \"!\" | Error = circle + small ×\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<AlertColor, React.FC<{ className?: string }>> = {\n  info: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n}\n\n// ─── Color × Variant class mapping ──────────────────────────────\n// Uses semantic tokens (*.tint, text-text-*) — same pattern as Badge\nconst colorMap = {\n  info: {\n    default: 'bg-info-tint text-text-info border-info/20',\n    outline: 'bg-transparent text-text-info border-info',\n    filled: 'bg-info text-info-foreground border-transparent',\n  },\n  success: {\n    default: 'bg-success-tint text-text-success border-success/20',\n    outline: 'bg-transparent text-text-success border-success',\n    filled: 'bg-success text-success-foreground border-transparent',\n  },\n  warning: {\n    default: 'bg-warning-tint text-text-warning border-warning/20',\n    outline: 'bg-transparent text-text-warning border-warning',\n    filled: 'bg-warning text-warning-foreground border-transparent',\n  },\n  error: {\n    default: 'bg-error-tint text-text-error border-error/20',\n    outline: 'bg-transparent text-text-error border-error',\n    filled: 'bg-error text-error-foreground border-transparent',\n  },\n} as const\n\n// ─── Alert variants ──────────────────────────────────────────────\nconst alertVariants = cva(\n  'group relative flex items-center border w-full [&:has([data-alert-description])]:items-start',\n  {\n    variants: {\n      size: {\n        sm: 'gap-2 p-3 text-sm',\n        default: 'gap-2.5 p-4 text-md',\n        lg: 'gap-3 p-5 text-md',\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: '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      size: 'default',\n      radius: 'lg',\n    },\n  }\n)\n\n// ─── Size-dependent class maps ──────────────────────────────────\nconst ICON_SIZE_MAP = {\n  sm: 'icon-sm',                // 16px\n  default: 'w-[18px] h-[18px]', // 18px — TOKEN-EXCEPTION: no 18px icon token\n  lg: 'icon-md',                // 20px\n} as const\n\nconst TITLE_SIZE_MAP = {\n  sm: 'text-sm font-semibold leading-4 tracking-tight',\n  default: 'font-semibold leading-[18px] tracking-tight',\n  lg: 'text-base font-semibold leading-5 tracking-tight',\n} as const\n\nconst DESC_SIZE_MAP = {\n  sm: 'text-xs mt-0.5',\n  default: 'text-sm mt-1',\n  lg: 'text-md mt-1.5',\n} as const\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type AlertVariant = 'default' | 'outline' | 'filled'\nexport type AlertColor = 'info' | 'success' | 'warning' | 'error'\nexport type AlertSize = 'sm' | 'default' | 'lg'\n\n// ─── Context ─────────────────────────────────────────────────────\ninterface AlertContextValue {\n  variant: AlertVariant\n  color: AlertColor\n  size: AlertSize\n}\n\nconst AlertContext = React.createContext<AlertContextValue>({\n  variant: 'default',\n  color: 'info',\n  size: 'default',\n})\n\nfunction useAlertContext() {\n  return React.useContext(AlertContext)\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Alert\n// ═══════════════════════════════════════════════════════════════════\n\n// ─── Alert ───────────────────────────────────────────────────────\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Visual style */\n  variant?: AlertVariant\n  /** Semantic color (determines icon, colors, and ARIA role) */\n  color?: AlertColor\n  /** Size */\n  size?: AlertSize\n  /** Closable — shows close button */\n  closable?: boolean\n  /** Close callback */\n  onClose?: () => void\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Custom status icon (overrides default) */\n  icon?: React.ReactNode\n  /** Hide the status icon entirely */\n  hideIcon?: boolean\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({\n    className,\n    variant = 'default',\n    color = 'info',\n    size = 'default',\n    radius,\n    closable = false,\n    onClose,\n    closeIcon,\n    icon,\n    hideIcon = false,\n    children,\n    ...props\n  }, ref) => {\n    // error → role=\"alert\" (assertive), others → role=\"status\" (polite)\n    const role = color === 'error' ? 'alert' : 'status'\n    const colorClasses = colorMap[color][variant]\n    const StatusIcon = STATUS_ICONS[color]\n\n    return (\n      <AlertContext.Provider value={{ variant, color, size }}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            alertVariants({ size, radius }),\n            colorClasses,\n            className,\n          )}\n          {...props}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <span className=\"shrink-0\">\n              {icon || <StatusIcon className={ICON_SIZE_MAP[size]} />}\n            </span>\n          )}\n\n          {/* Content area */}\n          <div className=\"flex-1 min-w-0\">\n            {children}\n          </div>\n\n          {/* Close button */}\n          {closable && (\n            <button\n              type=\"button\"\n              className={cn(\n                'shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring',\n                'group-has-[[data-alert-description]]:absolute',\n                size === 'sm'\n                  ? 'group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2'\n                  : 'group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3',\n              )}\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            </button>\n          )}\n        </div>\n      </AlertContext.Provider>\n    )\n  }\n)\nAlert.displayName = 'Alert'\n\n// ─── AlertTitle ──────────────────────────────────────────────────\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useAlertContext()\n    return (\n      <h5\n        ref={ref}\n        className={cn(TITLE_SIZE_MAP[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// ─── AlertDescription ────────────────────────────────────────────\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant, size } = useAlertContext()\n    return (\n      <p\n        ref={ref}\n        data-alert-description=\"\"\n        className={cn(\n          DESC_SIZE_MAP[size],\n          variant === 'filled' ? 'opacity-90' : 'opacity-80',\n          className,\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAlertDescription.displayName = 'AlertDescription'\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  Alert,\n  AlertTitle,\n  AlertDescription,\n  alertVariants,\n}\n"],"mappings":"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","names":[]}

package/dist/components/ui/alert.mjs

@@ -88,7 +88,7 @@ const AlertContext = React.createContext({
 function useAlertContext() {
   return React.useContext(AlertContext);
 }
-const AlertRoot = React.forwardRef(
+const Alert = React.forwardRef(
   ({
     className,
     variant = "default",
@@ -137,7 +137,7 @@ const AlertRoot = React.forwardRef(
     ));
   }
 );
-AlertRoot.displayName = "AlertRoot";
+Alert.displayName = "Alert";
 const AlertTitle = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = useAlertContext();
@@ -171,14 +171,9 @@ const AlertDescription = React.forwardRef(
   }
 );
 AlertDescription.displayName = "AlertDescription";
-const Alert = Object.assign(AlertRoot, {
-  Title: AlertTitle,
-  Description: AlertDescription
-});
 export {
   Alert,
   AlertDescription,
-  AlertRoot,
   AlertTitle,
   alertVariants
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (no external dependency) ──────────────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\n// Info = circle + \"i\" | Success = circle + check | Warning = triangle + \"!\" | Error = circle + small ×\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<AlertColor, React.FC<{ className?: string }>> = {\n  info: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n}\n\n// ─── Color × Variant class mapping ──────────────────────────────\n// Uses semantic tokens (*.tint, text-text-*) — same pattern as Badge\nconst colorMap = {\n  info: {\n    default: 'bg-info-tint text-text-info border-info/20',\n    outline: 'bg-transparent text-text-info border-info',\n    filled: 'bg-info text-info-foreground border-transparent',\n  },\n  success: {\n    default: 'bg-success-tint text-text-success border-success/20',\n    outline: 'bg-transparent text-text-success border-success',\n    filled: 'bg-success text-success-foreground border-transparent',\n  },\n  warning: {\n    default: 'bg-warning-tint text-text-warning border-warning/20',\n    outline: 'bg-transparent text-text-warning border-warning',\n    filled: 'bg-warning text-warning-foreground border-transparent',\n  },\n  error: {\n    default: 'bg-error-tint text-text-error border-error/20',\n    outline: 'bg-transparent text-text-error border-error',\n    filled: 'bg-error text-error-foreground border-transparent',\n  },\n} as const\n\n// ─── Alert variants ──────────────────────────────────────────────\nconst alertVariants = cva(\n  'group relative flex items-center border w-full [&:has([data-alert-description])]:items-start',\n  {\n    variants: {\n      size: {\n        sm: 'gap-2 p-3 text-sm',\n        default: 'gap-2.5 p-4 text-md',\n        lg: 'gap-3 p-5 text-md',\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: '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      size: 'default',\n      radius: 'lg',\n    },\n  }\n)\n\n// ─── Size-dependent class maps ──────────────────────────────────\nconst ICON_SIZE_MAP = {\n  sm: 'icon-sm',                // 16px\n  default: 'w-[18px] h-[18px]', // 18px — TOKEN-EXCEPTION: no 18px icon token\n  lg: 'icon-md',                // 20px\n} as const\n\nconst TITLE_SIZE_MAP = {\n  sm: 'text-sm font-semibold leading-4 tracking-tight',\n  default: 'font-semibold leading-[18px] tracking-tight',\n  lg: 'text-base font-semibold leading-5 tracking-tight',\n} as const\n\nconst DESC_SIZE_MAP = {\n  sm: 'text-xs mt-0.5',\n  default: 'text-sm mt-1',\n  lg: 'text-md mt-1.5',\n} as const\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type AlertVariant = 'default' | 'outline' | 'filled'\nexport type AlertColor = 'info' | 'success' | 'warning' | 'error'\nexport type AlertSize = 'sm' | 'default' | 'lg'\n\n// ─── Context ─────────────────────────────────────────────────────\ninterface AlertContextValue {\n  variant: AlertVariant\n  color: AlertColor\n  size: AlertSize\n}\n\nconst AlertContext = React.createContext<AlertContextValue>({\n  variant: 'default',\n  color: 'info',\n  size: 'default',\n})\n\nfunction useAlertContext() {\n  return React.useContext(AlertContext)\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Alert\n// ═══════════════════════════════════════════════════════════════════\n\n// ─── AlertRoot ───────────────────────────────────────────────────\nexport interface AlertRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Visual style */\n  variant?: AlertVariant\n  /** Semantic color (determines icon, colors, and ARIA role) */\n  color?: AlertColor\n  /** Size */\n  size?: AlertSize\n  /** Closable — shows close button */\n  closable?: boolean\n  /** Close callback */\n  onClose?: () => void\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Custom status icon (overrides default) */\n  icon?: React.ReactNode\n  /** Hide the status icon entirely */\n  hideIcon?: boolean\n}\n\nconst AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(\n  ({\n    className,\n    variant = 'default',\n    color = 'info',\n    size = 'default',\n    radius,\n    closable = false,\n    onClose,\n    closeIcon,\n    icon,\n    hideIcon = false,\n    children,\n    ...props\n  }, ref) => {\n    // error → role=\"alert\" (assertive), others → role=\"status\" (polite)\n    const role = color === 'error' ? 'alert' : 'status'\n    const colorClasses = colorMap[color][variant]\n    const StatusIcon = STATUS_ICONS[color]\n\n    return (\n      <AlertContext.Provider value={{ variant, color, size }}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            alertVariants({ size, radius }),\n            colorClasses,\n            className,\n          )}\n          {...props}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <span className=\"shrink-0\">\n              {icon || <StatusIcon className={ICON_SIZE_MAP[size]} />}\n            </span>\n          )}\n\n          {/* Content area */}\n          <div className=\"flex-1 min-w-0\">\n            {children}\n          </div>\n\n          {/* Close button */}\n          {closable && (\n            <button\n              type=\"button\"\n              className={cn(\n                'shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring',\n                'group-has-[[data-alert-description]]:absolute',\n                size === 'sm'\n                  ? 'group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2'\n                  : 'group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3',\n              )}\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            </button>\n          )}\n        </div>\n      </AlertContext.Provider>\n    )\n  }\n)\nAlertRoot.displayName = 'AlertRoot'\n\n// ─── AlertTitle ──────────────────────────────────────────────────\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useAlertContext()\n    return (\n      <h5\n        ref={ref}\n        className={cn(TITLE_SIZE_MAP[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// ─── AlertDescription ────────────────────────────────────────────\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant, size } = useAlertContext()\n    return (\n      <p\n        ref={ref}\n        data-alert-description=\"\"\n        className={cn(\n          DESC_SIZE_MAP[size],\n          variant === 'filled' ? 'opacity-90' : 'opacity-80',\n          className,\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAlertDescription.displayName = 'AlertDescription'\n\n// ─── Namespace: Alert ────────────────────────────────────────────\nconst Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Alert {\n  export type RootProps = AlertRootProps\n  export type TitleProps = AlertTitleProps\n  export type DescriptionProps = AlertDescriptionProps\n}\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  Alert,\n  AlertRoot,\n  AlertTitle,\n  AlertDescription,\n  alertVariants,\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (no external dependency) ──────────────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\n// Info = circle + \"i\" | Success = circle + check | Warning = triangle + \"!\" | Error = circle + small ×\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<AlertColor, React.FC<{ className?: string }>> = {\n  info: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n}\n\n// ─── Color × Variant class mapping ──────────────────────────────\n// Uses semantic tokens (*.tint, text-text-*) — same pattern as Badge\nconst colorMap = {\n  info: {\n    default: 'bg-info-tint text-text-info border-info/20',\n    outline: 'bg-transparent text-text-info border-info',\n    filled: 'bg-info text-info-foreground border-transparent',\n  },\n  success: {\n    default: 'bg-success-tint text-text-success border-success/20',\n    outline: 'bg-transparent text-text-success border-success',\n    filled: 'bg-success text-success-foreground border-transparent',\n  },\n  warning: {\n    default: 'bg-warning-tint text-text-warning border-warning/20',\n    outline: 'bg-transparent text-text-warning border-warning',\n    filled: 'bg-warning text-warning-foreground border-transparent',\n  },\n  error: {\n    default: 'bg-error-tint text-text-error border-error/20',\n    outline: 'bg-transparent text-text-error border-error',\n    filled: 'bg-error text-error-foreground border-transparent',\n  },\n} as const\n\n// ─── Alert variants ──────────────────────────────────────────────\nconst alertVariants = cva(\n  'group relative flex items-center border w-full [&:has([data-alert-description])]:items-start',\n  {\n    variants: {\n      size: {\n        sm: 'gap-2 p-3 text-sm',\n        default: 'gap-2.5 p-4 text-md',\n        lg: 'gap-3 p-5 text-md',\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: '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      size: 'default',\n      radius: 'lg',\n    },\n  }\n)\n\n// ─── Size-dependent class maps ──────────────────────────────────\nconst ICON_SIZE_MAP = {\n  sm: 'icon-sm',                // 16px\n  default: 'w-[18px] h-[18px]', // 18px — TOKEN-EXCEPTION: no 18px icon token\n  lg: 'icon-md',                // 20px\n} as const\n\nconst TITLE_SIZE_MAP = {\n  sm: 'text-sm font-semibold leading-4 tracking-tight',\n  default: 'font-semibold leading-[18px] tracking-tight',\n  lg: 'text-base font-semibold leading-5 tracking-tight',\n} as const\n\nconst DESC_SIZE_MAP = {\n  sm: 'text-xs mt-0.5',\n  default: 'text-sm mt-1',\n  lg: 'text-md mt-1.5',\n} as const\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type AlertVariant = 'default' | 'outline' | 'filled'\nexport type AlertColor = 'info' | 'success' | 'warning' | 'error'\nexport type AlertSize = 'sm' | 'default' | 'lg'\n\n// ─── Context ─────────────────────────────────────────────────────\ninterface AlertContextValue {\n  variant: AlertVariant\n  color: AlertColor\n  size: AlertSize\n}\n\nconst AlertContext = React.createContext<AlertContextValue>({\n  variant: 'default',\n  color: 'info',\n  size: 'default',\n})\n\nfunction useAlertContext() {\n  return React.useContext(AlertContext)\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Alert\n// ═══════════════════════════════════════════════════════════════════\n\n// ─── Alert ───────────────────────────────────────────────────────\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Visual style */\n  variant?: AlertVariant\n  /** Semantic color (determines icon, colors, and ARIA role) */\n  color?: AlertColor\n  /** Size */\n  size?: AlertSize\n  /** Closable — shows close button */\n  closable?: boolean\n  /** Close callback */\n  onClose?: () => void\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Custom status icon (overrides default) */\n  icon?: React.ReactNode\n  /** Hide the status icon entirely */\n  hideIcon?: boolean\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({\n    className,\n    variant = 'default',\n    color = 'info',\n    size = 'default',\n    radius,\n    closable = false,\n    onClose,\n    closeIcon,\n    icon,\n    hideIcon = false,\n    children,\n    ...props\n  }, ref) => {\n    // error → role=\"alert\" (assertive), others → role=\"status\" (polite)\n    const role = color === 'error' ? 'alert' : 'status'\n    const colorClasses = colorMap[color][variant]\n    const StatusIcon = STATUS_ICONS[color]\n\n    return (\n      <AlertContext.Provider value={{ variant, color, size }}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            alertVariants({ size, radius }),\n            colorClasses,\n            className,\n          )}\n          {...props}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <span className=\"shrink-0\">\n              {icon || <StatusIcon className={ICON_SIZE_MAP[size]} />}\n            </span>\n          )}\n\n          {/* Content area */}\n          <div className=\"flex-1 min-w-0\">\n            {children}\n          </div>\n\n          {/* Close button */}\n          {closable && (\n            <button\n              type=\"button\"\n              className={cn(\n                'shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring',\n                'group-has-[[data-alert-description]]:absolute',\n                size === 'sm'\n                  ? 'group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2'\n                  : 'group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3',\n              )}\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            </button>\n          )}\n        </div>\n      </AlertContext.Provider>\n    )\n  }\n)\nAlert.displayName = 'Alert'\n\n// ─── AlertTitle ──────────────────────────────────────────────────\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useAlertContext()\n    return (\n      <h5\n        ref={ref}\n        className={cn(TITLE_SIZE_MAP[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// ─── AlertDescription ────────────────────────────────────────────\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant, size } = useAlertContext()\n    return (\n      <p\n        ref={ref}\n        data-alert-description=\"\"\n        className={cn(\n          DESC_SIZE_MAP[size],\n          variant === 'filled' ? 'opacity-90' : 'opacity-80',\n          className,\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAlertDescription.displayName = 'AlertDescription'\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  Alert,\n  AlertTitle,\n  AlertDescription,\n  alertVariants,\n}\n"],"mappings":"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","names":[]}

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

@@ -199,6 +199,7 @@ type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
 interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
     status?: AvatarStatus;
 }
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
 }
 declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
@@ -218,15 +219,5 @@ interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     shape?: AvatarShape;
 }
 declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> & {
-    Image: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
-    Fallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
-    Group: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare namespace Avatar {
-    type ImageProps = AvatarImageProps;
-    type FallbackProps = AvatarFallbackProps;
-    type GroupProps = AvatarGroupProps;
-}
 
 export { Avatar, type AvatarColorVariant, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, avatarColors, avatarVariants, getAvatarColor, getAvatarInitials };

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

@@ -199,6 +199,7 @@ type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
 interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
     status?: AvatarStatus;
 }
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
 }
 declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
@@ -218,15 +219,5 @@ interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     shape?: AvatarShape;
 }
 declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>> & {
-    Image: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
-    Fallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
-    Group: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-};
-declare namespace Avatar {
-    type ImageProps = AvatarImageProps;
-    type FallbackProps = AvatarFallbackProps;
-    type GroupProps = AvatarGroupProps;
-}
 
 export { Avatar, type AvatarColorVariant, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, avatarColors, avatarVariants, getAvatarColor, getAvatarInitials };