@clasing/ui 0.1.106 → 0.1.107

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { Placement } from '@floating-ui/react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { SetStateAction } from 'react';
+import { SVGAttributes } from 'react';
 import * as TablerIcons from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 
@@ -142,6 +143,7 @@ export declare const Divider: ForwardRefExoticComponent<IDividerProps & RefAttri
 declare type DropdownOption<T extends string | number | readonly string[] | undefined> = {
     label: string;
     value: T;
+    component?: React.ReactNode;
 };
 
 export declare const DropdownSelect: ForwardRefExoticComponent<DropdownSelectProps<any> & RefAttributes<HTMLDivElement>>;
@@ -152,6 +154,8 @@ declare interface DropdownSelectProps<T extends string | number | readonly strin
     disabled?: boolean;
     error?: string;
     touched?: boolean;
+    triggerSize?: 'sm' | 'md' | 'lg';
+    rounded?: 'sm' | 'full';
     iconName?: TablerIconName;
     placement?: PopoverPlacement;
     placeholder?: string;
@@ -168,6 +172,7 @@ declare interface DropdownSelectProps<T extends string | number | readonly strin
     onSearch?: (query: string) => void;
     noOptionsMessage?: string;
     disableSearchWhileLoading?: boolean;
+    dropdownClassName?: string;
 }
 
 declare interface IAlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertStyles> {
@@ -180,11 +185,11 @@ declare interface IAlertProps extends React.HTMLAttributes<HTMLDivElement>, Vari
 declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
     iconLeft?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconRight?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconOnly?: boolean;
 }
@@ -192,7 +197,7 @@ declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Var
 declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonIconStyles> {
     iconName: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconText?: string;
     isLoading?: boolean;
@@ -203,11 +208,11 @@ declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<H
 declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonLinkStyles> {
     iconLeft?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconRight?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconTextLeft?: string;
     iconTextRight?: string;
@@ -217,11 +222,11 @@ declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButton
 declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonStyles> {
     iconLeft?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconRight?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconTextLeft?: string;
     iconTextRight?: string;
@@ -249,11 +254,11 @@ declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, Varia
 declare interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipStyles> {
     iconLeft?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     iconRight?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
     notification?: boolean;
 }
@@ -267,6 +272,8 @@ declare interface IDatepickerProps extends React.InputHTMLAttributes<HTMLInputEl
     touched?: boolean;
     value?: string;
     locale?: 'enGB' | 'enUS' | 'es';
+    triggerSize?: 'sm' | 'md' | 'lg';
+    rounded?: 'sm' | 'full';
     placement?: PopoverPlacement;
     placeholder?: string;
     disabledDates?: string | string[] | Date | Date[] | undefined;
@@ -285,6 +292,8 @@ declare interface IDateRangePickerProps extends React.InputHTMLAttributes<HTMLIn
     helperText?: string;
     error?: string;
     touched?: boolean;
+    triggerSize?: 'sm' | 'md' | 'lg';
+    rounded?: 'sm' | 'full';
     startDate: string;
     endDate: string;
     calendarDropdowns?: boolean;
@@ -301,13 +310,11 @@ declare interface IDividerProps extends HTMLAttributes<HTMLSpanElement> {
     orientation?: 'horizontal' | 'vertical';
 }
 
-declare interface IIconComponentProps {
+declare interface IIconComponentProps extends SVGAttributes<SVGElement> {
     iconName?: TablerIconName;
     iconText?: string;
-    stroke?: number;
     size?: number;
     color?: string;
-    className?: string;
     onClick?: () => void;
 }
 
@@ -331,7 +338,7 @@ declare interface IInteractiveCardProps extends React.HTMLAttributes<HTMLDivElem
 
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
-declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, VariantProps<typeof inputStyles> {
     label?: string;
     helperText?: string;
     error?: string;
@@ -339,10 +346,16 @@ declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement
     type?: 'text' | 'textarea' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'color';
     iconName?: {
         name: TablerIconName;
-        stroke?: number;
+        stroke?: string;
     } | TablerIconName;
 }
 
+declare const inputStyles: (props?: ({
+    inputSize?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "full" | null | undefined;
+    defaultVariants?: "rounded" | "inputSize" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const InteractiveCard: ForwardRefExoticComponent<IInteractiveCardProps & RefAttributes<HTMLDivElement>>;
 
 declare const interactiveCardStyles: (props?: ({
@@ -360,7 +373,7 @@ declare interface IPopoverProps {
     className?: string;
     onMouseDown?: (e: default_2.MouseEvent) => void;
     onMouseUp?: (e: default_2.MouseEvent) => void;
-    popoverWidth?: 'as-trigger' | 'auto';
+    popoverWidth?: 'as-trigger' | 'min-as-trigger' | 'auto';
     disabled?: boolean;
 }