@onesaz/ui 0.4.3 → 0.4.5

package/dist/index.d.ts

@@ -189,14 +189,22 @@ declare const H6: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant
 declare const Text: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const Caption: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLSpanElement>>;
 
+type ButtonColor = 'default' | 'success' | 'warning' | 'error' | 'destructive';
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
     size?: 'default' | 'sm' | 'lg' | 'icon';
+    color?: ButtonColor;
     /** Whether the button should take the full width of its container */
     fullWidth?: boolean;
+    /** Shows a loading spinner and disables the button */
+    loading?: boolean;
+    /** Element rendered before the button label */
+    startIcon?: React.ReactNode;
+    /** Element rendered after the button label */
+    endIcon?: React.ReactNode;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-interface IconButtonProps extends Omit<ButtonProps, 'size'> {
+interface IconButtonProps extends Omit<ButtonProps, 'size' | 'startIcon' | 'endIcon'> {
     /** Size of the icon button */
     size?: 'xs' | 'sm' | 'md' | 'lg';
     /** Whether the button is rounded (circular) */
@@ -210,6 +218,8 @@ interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: ButtonProps['variant'];
     /** Size applied to all child buttons (can be overridden per button) */
     size?: ButtonProps['size'];
+    /** Color applied to all child buttons (can be overridden per button) */
+    color?: ButtonColor;
     /** Layout direction */
     orientation?: 'horizontal' | 'vertical';
     /** Disable all child buttons */
@@ -777,19 +787,19 @@ interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
 }
 declare const PaginationContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-interface PaginationLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface PaginationLinkProps extends ButtonProps {
     isActive?: boolean;
 }
 declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PaginationPrevious: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-declare const PaginationNext: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare const PaginationPrevious: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PaginationNext: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PaginationEllipsis: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const PaginationNamespace: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>> & {
     Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
     Item: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
     Link: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
-    Previous: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-    Next: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+    Previous: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Next: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
     Ellipsis: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 };