@clasing/ui 0.0.61-beta.1 → 0.1.0

package/dist/index.d.ts

@@ -8,6 +8,12 @@ import { RefAttributes } from 'react';
 import * as TablerIcons from '@tabler/icons-react';
 import { VariantProps } from 'class-variance-authority';
 
+export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLImageElement>>;
+
+declare interface AvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    rounded?: boolean;
+}
+
 export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttributes<HTMLSpanElement>>;
 
 declare const badgeStyles: (props?: ({
@@ -23,7 +29,7 @@ export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttribu
 export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonIconStyles: (props?: ({
-    intent?: "fill" | "outline" | "ghost" | null | undefined;
+    intent?: "outline" | "fill" | "ghost" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     rounded?: "full" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -49,6 +55,23 @@ declare const cardStyles: (props?: ({
     shadow?: "none" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare type DropdownOption<T> = {
+    label: string;
+    value: T;
+};
+
+export declare const DropdownSelect: ForwardRefExoticComponent<DropdownSelectProps<any> & RefAttributes<HTMLInputElement>>;
+
+declare interface DropdownSelectProps<T> extends React.SelectHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    touched?: boolean;
+    iconName?: TablerIconName;
+    placeholder?: string;
+    options?: DropdownOption<T>[];
+}
+
 declare interface IBadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeStyles> {
     iconLeft?: {
         name: TablerIconName;
@@ -119,6 +142,14 @@ declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     } | TablerIconName;
 }
 
+declare interface IPopoverProps {
+    children: default_2.ReactNode;
+    trigger: JSX.Element;
+    open?: boolean;
+    placement?: PopoverPlacement;
+    closeOnAction?: boolean;
+}
+
 declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarStyles> {
     progress: number;
 }
@@ -141,6 +172,10 @@ declare interface ModalProps {
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
+export declare const Popover: ({ children, trigger, open, placement, closeOnAction, }: IPopoverProps) => JSX_2.Element;
+
+declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+
 export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX_2.Element;
 
 declare const progressBarStyles: (props?: ({
@@ -157,7 +192,7 @@ declare const Text_2: ({ as, intent, className, weight, ...props }: ITextProps)
 export { Text_2 as Text }
 
 declare const textStyles: (props?: ({
-    intent?: "label-md" | "display-sm" | "display-lg" | "title-xs" | "title-sm" | "title-md" | "title-lg" | "title-xl" | "label-xs" | "label-sm" | "label-lg" | "label-xl" | "label-2xl" | "label-3xl" | "paragraph-xs" | "paragraph-sm" | "paragraph-md" | "paragraph-lg" | "overline-sm" | "overline-lg" | null | undefined;
+    intent?: "display-sm" | "display-lg" | "title-xs" | "title-sm" | "title-md" | "title-lg" | "title-xl" | "label-xs" | "label-sm" | "label-md" | "label-lg" | "label-xl" | "label-2xl" | "label-3xl" | "paragraph-xs" | "paragraph-sm" | "paragraph-md" | "paragraph-lg" | "overline-sm" | "overline-lg" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;