@clasing/ui 0.1.61 → 0.1.62

package/dist/index.d.ts

@@ -4,8 +4,8 @@ import { Dispatch } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Matcher } from 'react-day-picker';
+import { Placement } from '@floating-ui/react';
 import { ReactNode } from 'react';
-import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { SetStateAction } from 'react';
 import * as TablerIcons from '@tabler/icons-react';
@@ -295,7 +295,7 @@ declare interface IInteractiveCardProps extends React.HTMLAttributes<HTMLDivElem
     tooltipText?: string;
     tooltipTitle?: string;
     tooltipIconName?: TablerIconName;
-    tooltipPlacement?: 'top' | 'bottom';
+    tooltipPlacement?: Placement;
 }
 
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
@@ -366,23 +366,27 @@ declare interface ITextProps extends React.HTMLAttributes<HTMLSpanElement>, Vari
     className?: string;
 }
 
-declare interface ITooltipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tooltipStyles> {
-    title?: string;
-    content: string;
+declare interface ITooltipProps {
+    children: React.ReactNode;
+    trigger?: React.ReactNode;
+    className?: string;
+    placement?: Placement;
+    iconName?: TablerIconName;
+    arrow?: boolean;
 }
 
-export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, overlay, closeOnClickOutside, closeButtonAriaLabel, }: ModalProps) => ReactPortal | null;
+export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, overlay, closeButtonAriaLabel, closeOnClickOutside, }: ModalProps) => JSX_2.Element | null;
 
 declare interface ModalProps {
     className?: string;
-    children: React.ReactNode;
+    children: default_2.ReactNode;
     isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsOpen: default_2.Dispatch<default_2.SetStateAction<boolean>>;
     canClose?: boolean;
     intent?: 'card' | 'sheet';
     overlay?: 'blur' | 'opacity';
-    closeOnClickOutside?: boolean;
     closeButtonAriaLabel?: string;
+    closeOnClickOutside?: boolean;
 }
 
 declare type Option_2 = {
@@ -399,7 +403,7 @@ declare interface OutsideClickHandlerProps {
 
 export declare const Popover: default_2.ForwardRefExoticComponent<IPopoverProps & default_2.RefAttributes<unknown>>;
 
-declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-right-corner' | 'top-left-corner' | 'bottom-right-corner' | 'bottom-left-corner';
+declare type PopoverPlacement = Placement;
 
 declare type PositionProps = 'top-right' | 'top-left' | 'top' | 'bottom-right' | 'bottom-left' | 'bottom';
 
@@ -457,17 +461,10 @@ declare const toastStyles: (props?: ({
     intent?: "error" | "warning" | "success" | "info" | "neutral" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Tooltip: ForwardRefExoticComponent<ITooltipProps & RefAttributes<HTMLSpanElement>>;
-
-declare const tooltipStyles: (props?: ({
-    shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-    intent?: "light" | "dark" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
-    placement?: "left" | "right" | "top" | "bottom" | null | undefined;
-    delay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
-    closeDelay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
-    rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
-} & ClassProp) | undefined) => string;
+export declare const Tooltip: {
+    ({ children, trigger, className, placement, iconName, arrow: isArrow, }: ITooltipProps): JSX_2.Element;
+    displayName: string;
+};
 
 export declare const useOutsideClick: ({ ref, handler }: OutsideClickHandlerProps) => void;