rupoui 1.3.2 → 1.3.3

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -1,232 +1,246 @@
-export declare const tooltip: import('tailwind-variants').TVReturnType<{
+export declare const tooltip: import("tailwind-variants").TVReturnType<
+  {
     size: {
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
+      sm: {
+        content: string;
+      };
+      md: {
+        content: string;
+      };
+      lg: {
+        content: string;
+      };
     };
     color: {
-        default: {
-            content: string;
-            arrow: string;
-        };
-        foreground: {
-            content: string;
-            arrow: string;
-        };
-        primary: {
-            content: string;
-            arrow: string;
-        };
-        secondary: {
-            content: string;
-            arrow: string;
-        };
-        success: {
-            content: string;
-            arrow: string;
-        };
-        warning: {
-            content: string;
-            arrow: string;
-        };
-        danger: {
-            content: string;
-            arrow: string;
-        };
+      default: {
+        content: string;
+        arrow: string;
+      };
+      foreground: {
+        content: string;
+        arrow: string;
+      };
+      primary: {
+        content: string;
+        arrow: string;
+      };
+      secondary: {
+        content: string;
+        arrow: string;
+      };
+      success: {
+        content: string;
+        arrow: string;
+      };
+      warning: {
+        content: string;
+        arrow: string;
+      };
+      danger: {
+        content: string;
+        arrow: string;
+      };
     };
     radius: {
-        none: {
-            content: string;
-        };
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
-        xl: {
-            content: string;
-        };
-        full: {
-            content: string;
-        };
+      none: {
+        content: string;
+      };
+      sm: {
+        content: string;
+      };
+      md: {
+        content: string;
+      };
+      lg: {
+        content: string;
+      };
+      xl: {
+        content: string;
+      };
+      full: {
+        content: string;
+      };
     };
     shadow: {
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
+      sm: {
+        content: string;
+      };
+      md: {
+        content: string;
+      };
+      lg: {
+        content: string;
+      };
     };
-}, {
+  },
+  {
     base: string[];
     content: string[];
     arrow: string[];
-}, undefined, {
+  },
+  undefined,
+  {
     size: {
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
+      sm: {
+        content: string;
+      };
+      md: {
+        content: string;
+      };
+      lg: {
+        content: string;
+      };
     };
     color: {
-        default: {
-            content: string;
-            arrow: string;
-        };
-        foreground: {
-            content: string;
-            arrow: string;
-        };
-        primary: {
-            content: string;
-            arrow: string;
-        };
-        secondary: {
-            content: string;
-            arrow: string;
-        };
-        success: {
-            content: string;
-            arrow: string;
-        };
-        warning: {
-            content: string;
-            arrow: string;
-        };
-        danger: {
-            content: string;
-            arrow: string;
-        };
+      default: {
+        content: string;
+        arrow: string;
+      };
+      foreground: {
+        content: string;
+        arrow: string;
+      };
+      primary: {
+        content: string;
+        arrow: string;
+      };
+      secondary: {
+        content: string;
+        arrow: string;
+      };
+      success: {
+        content: string;
+        arrow: string;
+      };
+      warning: {
+        content: string;
+        arrow: string;
+      };
+      danger: {
+        content: string;
+        arrow: string;
+      };
     };
     radius: {
-        none: {
-            content: string;
-        };
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
-        xl: {
-            content: string;
-        };
-        full: {
-            content: string;
-        };
+      none: {
+        content: string;
+      };
+      sm: {
+        content: string;
+      };
+      md: {
+        content: string;
+      };
+      lg: {
+        content: string;
+      };
+      xl: {
+        content: string;
+      };
+      full: {
+        content: string;
+      };
     };
     shadow: {
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
+      sm: {
+        content: string;
+      };
+      md: {
+        content: string;
+      };
+      lg: {
+        content: string;
+      };
     };
-}, {
+  },
+  {
     base: string[];
     content: string[];
     arrow: string[];
-}, import('tailwind-variants').TVReturnType<{
-    size: {
+  },
+  import("tailwind-variants").TVReturnType<
+    {
+      size: {
         sm: {
-            content: string;
+          content: string;
         };
         md: {
-            content: string;
+          content: string;
         };
         lg: {
-            content: string;
+          content: string;
         };
-    };
-    color: {
+      };
+      color: {
         default: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
         foreground: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
         primary: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
         secondary: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
         success: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
         warning: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
         danger: {
-            content: string;
-            arrow: string;
+          content: string;
+          arrow: string;
         };
-    };
-    radius: {
+      };
+      radius: {
         none: {
-            content: string;
+          content: string;
         };
         sm: {
-            content: string;
+          content: string;
         };
         md: {
-            content: string;
+          content: string;
         };
         lg: {
-            content: string;
+          content: string;
         };
         xl: {
-            content: string;
+          content: string;
         };
         full: {
-            content: string;
+          content: string;
         };
-    };
-    shadow: {
+      };
+      shadow: {
         sm: {
-            content: string;
+          content: string;
         };
         md: {
-            content: string;
+          content: string;
         };
         lg: {
-            content: string;
-        };
-    };
-}, {
-    base: string[];
-    content: string[];
-    arrow: string[];
-}, undefined, unknown, unknown, undefined>>;
+          content: string;
+        };
+      };
+    },
+    {
+      base: string[];
+      content: string[];
+      arrow: string[];
+    },
+    undefined,
+    unknown,
+    unknown,
+    undefined
+  >
+>;

package/dist/components/tooltip/tooltip.types.d.ts

@@ -1,75 +1,88 @@
-import { ReactNode } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { tooltip } from './tooltip.styles';
+import { ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
 
-export type Placement = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+import { tooltip } from "./tooltip.styles";
+
+export type Placement =
+  | "top"
+  | "bottom"
+  | "left"
+  | "right"
+  | "top-start"
+  | "top-end"
+  | "bottom-start"
+  | "bottom-end"
+  | "left-start"
+  | "left-end"
+  | "right-start"
+  | "right-end";
 export interface TooltipProps extends VariantProps<typeof tooltip> {
-    /**
-     * The content to be displayed in the tooltip.
-     */
-    content: ReactNode;
-    /**
-     * The element that triggers the tooltip.
-     */
-    children?: ReactNode;
-    /**
-     * The placement of the tooltip relative to the trigger.
-     * @default "top"
-     */
-    placement?: Placement;
-    /**
-     * The delay in milliseconds before the tooltip appears.
-     * @default 0
-     */
-    delay?: number;
-    /**
-     * The delay in milliseconds before the tooltip appears when closing.
-     * @default 500
-     */
-    closeDelay?: number;
-    /**
-     * Whether the tooltip is open (controlled).
-     */
-    isOpen?: boolean;
-    /**
-     * Whether the tooltip is open by default (uncontrolled).
-     */
-    defaultOpen?: boolean;
-    /**
-     * Handler that is called when the tooltip's open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Whether the tooltip is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * The offset distance in pixels between the trigger and the tooltip.
-     * @default 7
-     */
-    offset?: number;
-    /**
-     * Classname or List of classes to change the classNames of the element.
-     * if `className` is passed, it will be added to the base slot.
-     *
-     * @example
-     * ```ts
-     * <Tooltip classNames={{
-     *    base:"base-classes",
-     *    content: "content-classes",
-     *    arrow: "arrow-classes",
-     * }} />
-     * ```
-     */
-    classNames?: Partial<ReturnType<typeof tooltip>>;
-    className?: string;
-    /**
-     * Whether to show the arrow.
-     * @default true
-     */
-    showArrow?: boolean;
-    /**
-     * Container to mount the portal into. Defaults to document.body
-     */
-    portalContainer?: HTMLElement;
+  /**
+   * The content to be displayed in the tooltip.
+   */
+  content: ReactNode;
+  /**
+   * The element that triggers the tooltip.
+   */
+  children?: ReactNode;
+  /**
+   * The placement of the tooltip relative to the trigger.
+   * @default "top"
+   */
+  placement?: Placement;
+  /**
+   * The delay in milliseconds before the tooltip appears.
+   * @default 0
+   */
+  delay?: number;
+  /**
+   * The delay in milliseconds before the tooltip appears when closing.
+   * @default 500
+   */
+  closeDelay?: number;
+  /**
+   * Whether the tooltip is open (controlled).
+   */
+  isOpen?: boolean;
+  /**
+   * Whether the tooltip is open by default (uncontrolled).
+   */
+  defaultOpen?: boolean;
+  /**
+   * Handler that is called when the tooltip's open state changes.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Whether the tooltip is disabled.
+   */
+  isDisabled?: boolean;
+  /**
+   * The offset distance in pixels between the trigger and the tooltip.
+   * @default 7
+   */
+  offset?: number;
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   * if `className` is passed, it will be added to the base slot.
+   *
+   * @example
+   * ```ts
+   * <Tooltip classNames={{
+   *    base:"base-classes",
+   *    content: "content-classes",
+   *    arrow: "arrow-classes",
+   * }} />
+   * ```
+   */
+  classNames?: Partial<ReturnType<typeof tooltip>>;
+  className?: string;
+  /**
+   * Whether to show the arrow.
+   * @default true
+   */
+  showArrow?: boolean;
+  /**
+   * Container to mount the portal into. Defaults to document.body
+   */
+  portalContainer?: HTMLElement;
 }

package/dist/components/tooltip/useTooltip.d.ts

@@ -1,29 +1,29 @@
-import { TooltipProps } from './tooltip.types';
-import { Position } from './utils';
+import { TooltipProps } from "./tooltip.types";
+import { Position } from "./utils";
 
 export declare function useTooltip(props: TooltipProps): {
-    isOpen: boolean;
-    triggerRef: import('react').RefObject<HTMLElement>;
-    contentRef: import('react').RefObject<HTMLDivElement>;
-    getTriggerProps: () => {
-        ref: import('react').RefObject<HTMLElement>;
-        onMouseEnter: () => void;
-        onMouseLeave: () => void;
-        onFocus: () => void;
-        onBlur: () => void;
-        "aria-describedby": string | undefined;
+  isOpen: boolean;
+  triggerRef: import("react").RefObject<HTMLElement>;
+  contentRef: import("react").RefObject<HTMLDivElement>;
+  getTriggerProps: () => {
+    ref: import("react").RefObject<HTMLElement>;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    "aria-describedby": string | undefined;
+  };
+  getTooltipProps: () => {
+    ref: import("react").RefObject<HTMLDivElement>;
+    id: string;
+    role: string;
+    style: {
+      position: "fixed";
+      top: number;
+      left: number;
     };
-    getTooltipProps: () => {
-        ref: import('react').RefObject<HTMLDivElement>;
-        id: string;
-        role: string;
-        style: {
-            position: "fixed";
-            top: number;
-            left: number;
-        };
-        onMouseEnter: () => void;
-        onMouseLeave: () => void;
-    };
-    position: Position;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+  };
+  position: Position;
 };

package/dist/components/tooltip/utils.d.ts

@@ -1,22 +1,33 @@
-import { Placement } from './tooltip.types';
+import { Placement } from "./tooltip.types";
 
 export type Position = {
-    x: number;
-    y: number;
-    placement: Placement;
+  x: number;
+  y: number;
+  placement: Placement;
 };
 interface Rect {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    bottom: number;
-    right: number;
+  top: number;
+  left: number;
+  width: number;
+  height: number;
+  bottom: number;
+  right: number;
 }
 export declare function getScrollParent(node: HTMLElement | null): HTMLElement | Window;
-export declare function calculatePosition(triggerRect: Rect, contentRect: Rect, placement: Placement, offset: number): Position;
-export declare function getAutoPosition(triggerRect: Rect, contentRect: Rect, placement: Placement, offset: number, viewport: {
+export declare function calculatePosition(
+  triggerRect: Rect,
+  contentRect: Rect,
+  placement: Placement,
+  offset: number,
+): Position;
+export declare function getAutoPosition(
+  triggerRect: Rect,
+  contentRect: Rect,
+  placement: Placement,
+  offset: number,
+  viewport: {
     width: number;
     height: number;
-}): Position;
+  },
+): Position;
 export {};