@onesaz/ui 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -428,34 +428,45 @@ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
+type BadgeColor = 'default' | 'success' | 'warning' | 'error' | 'destructive';
+type BadgeVariant = 'contained' | 'outlined' | 'text';
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info';
+    color?: BadgeColor;
+    variant?: BadgeVariant;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+type ChipColor = 'default' | 'success' | 'warning' | 'error' | 'destructive';
+type ChipVariant = 'filled' | 'outlined';
+type ChipSize = 'small' | 'medium';
+interface ChipProps extends React.HTMLAttributes<HTMLElement> {
     /** The text content of the chip */
     label?: string;
     /** Visual style variant */
-    variant?: 'filled' | 'outlined';
+    variant?: ChipVariant;
     /** Color scheme */
-    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    color?: ChipColor;
     /** Size of the chip */
-    size?: 'small' | 'medium';
+    size?: ChipSize;
     /** Icon element displayed before the label */
     icon?: React.ReactNode;
     /** Avatar element displayed before the label */
     avatar?: React.ReactNode;
-    /** If provided, renders a delete icon and calls this on click */
-    onDelete?: (event: React.MouseEvent) => void;
+    /** If provided, renders a delete icon and calls this on click.
+     *  Also triggered by pressing Delete or Backspace when the chip is focused. */
+    onDelete?: (event: React.SyntheticEvent) => void;
     /** Custom delete icon */
     deleteIcon?: React.ReactNode;
-    /** Whether the chip is clickable */
+    /** Makes the chip act as a button (adds role, cursor, keyboard support) */
     clickable?: boolean;
     /** Whether the chip is disabled */
     disabled?: boolean;
+    /** Render as a link chip — sets the underlying element to <a> */
+    href?: string;
+    /** HTML element or React component to render as. Overrides href-based inference. */
+    component?: React.ElementType;
 }
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
 
 interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
@@ -560,20 +571,21 @@ interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
 
+type AlertVariant = 'default' | 'success' | 'warning' | 'error';
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: "default" | "info" | "success" | "warning" | "error" | "destructive";
-    duration?: number | null;
+    variant?: AlertVariant;
+    /** Renders a close button; called when clicked. */
     onClose?: () => void;
+    /** Override the default icon. Pass `null` to hide it. */
+    icon?: React.ReactNode | null;
 }
-declare const Alert: React.FC<AlertProps>;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    hasDescription?: boolean;
-    variant?: string;
 }
-declare const AlertTitle: React.FC<AlertTitleProps>;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
-declare const AlertDescription: React.FC<AlertDescriptionProps>;
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 
 declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;