@clasing/ui 0.0.56 → 0.0.58

package/dist/index.d.ts

@@ -1,21 +1,26 @@
+/// <reference types="react" />
+
 import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { RefAttributes } from 'react';
 import * as TablerIcons from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare const Badge: ({ children, iconLeft, iconRight, status, intent, size, rounded, weight, className, ...props }: IBadgeProps) => JSX_2.Element;
+export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttributes<HTMLSpanElement>>;
 
 declare const badgeStyles: (props?: ({
     status?: "notStarted" | "notStarted-outline" | "locked" | "locked-outline" | "available" | "available-outline" | "inProgress" | "inProgress-outline" | "completed" | "completed-outline" | "viewed" | "viewed-outline" | null | undefined;
-    intent?: "neutral" | "neutral-outline" | "blue" | "blue-outline" | "mustard" | "mustard-outline" | "green" | "green-outline" | "lime" | "lime-outline" | "fuchsia" | "fuchsia-outline" | "marine" | "marine-outline" | "ice" | "ice-outline" | "gray" | "gray-outline" | null | undefined;
+    intent?: "neutral" | "neutral-outline" | "blue" | "blue-outline" | "mustard" | "mustard-outline" | "green" | "green-outline" | "lime" | "lime-outline" | "fuchsia" | "fuchsia-outline" | "marine" | "marine-outline" | "ice" | "ice-outline" | "gray" | "gray-outline" | "violet" | "violet-outline" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
     rounded?: "rectangle" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Button: ({ className, intent, size, weight, children, iconLeft, iconRight, isLoading, disabled, ...props }: IButtonProps) => JSX_2.Element;
+export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttributes<HTMLButtonElement>>;
 
-export declare const ButtonIcon: ({ iconName, className, intent, size, rounded, disabled, isLoading, notification, ...props }: IButtonIconProps) => JSX_2.Element;
+export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonIconStyles: (props?: ({
     intent?: "fill" | "outline" | "ghost" | null | undefined;
@@ -23,13 +28,21 @@ declare const buttonIconStyles: (props?: ({
     rounded?: "full" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const ButtonLink: ForwardRefExoticComponent<IButtonLinkProps & RefAttributes<HTMLButtonElement>>;
+
 declare const buttonStyles: (props?: ({
     intent?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "destructive" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Card: ({ className, intent, shadow, children, ...props }: ICardProps) => JSX_2.Element;
+declare const buttonStyles_2: (props?: ({
+    intent?: "primary" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<HTMLDivElement>>;
 
 declare const cardStyles: (props?: ({
     intent?: "outline" | "default" | null | undefined;
@@ -47,7 +60,7 @@ declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Var
     } | TablerIconName;
 }
 
-declare interface IButtonIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
+declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
     iconName: {
         name: TablerIconName;
         stroke?: number;
@@ -56,6 +69,18 @@ declare interface IButtonIconProps extends Omit<React.ButtonHTMLAttributes<HTMLB
     notification?: boolean;
 }
 
+declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles_2> {
+    iconLeft?: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+    iconRight?: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+    isLoading?: boolean;
+}
+
 declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles> {
     iconLeft?: {
         name: TablerIconName;
@@ -71,7 +96,7 @@ declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElem
 declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
 }
 
-export declare const IconComponent: ({ iconName, stroke, ...props }: IIconComponentProps) => JSX_2.Element | null;
+export declare const IconComponent: ForwardRefExoticComponent<IIconComponentProps & RefAttributes<SVGSVGElement>>;
 
 declare interface IIconComponentProps {
     iconName: TablerIconName;
@@ -97,7 +122,7 @@ declare interface ITextProps extends React.HTMLAttributes<HTMLSpanElement>, Vari
 export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX_2.Element;
 
 declare const progressBarStyles: (props?: ({
-    intent?: "blue" | "mustard" | "green" | "lime" | "fuchsia" | "marine" | "ice" | "gray" | "primary" | "violet" | null | undefined;
+    intent?: "blue" | "mustard" | "green" | "lime" | "fuchsia" | "marine" | "ice" | "gray" | "violet" | "primary" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     rounded?: "full" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;