@gusarov-studio/rubik-ui 10.0.2 → 11.0.0

package/dist/Tooltip/Tooltip.d.ts

@@ -1,18 +1,10 @@
 import React from "react";
-import type { Placement } from "@floating-ui/react";
-import type { CSSUnit } from "../types/CSSUnit";
-type WidthValue = CSSUnit | "0" | `calc(${string})` | number | "auto";
-interface TooltipPropsBase {
-    size?: "24" | "32" | "36" | "44";
-    position?: Placement;
-    width?: WidthValue;
-    withArrow?: boolean;
-    initialOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-interface TooltipProps extends TooltipPropsBase {
-    children: React.ReactNode;
+import { type TooltipRootProps } from "./TooltipRoot";
+interface TooltipProps extends TooltipRootProps {
+    title: string;
+    className?: string;
+    asChild?: boolean;
+    zIndex?: number | `${number}`;
 }
 declare const Tooltip: React.FC<TooltipProps>;
-export { Tooltip, type TooltipPropsBase, type TooltipProps };
+export { Tooltip, type TooltipProps };

package/dist/Tooltip/TooltipContent.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
 import "./Tooltip.scss";
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { TooltipContent };
+type TooltipContentProps = React.HTMLProps<HTMLDivElement>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { TooltipContent, type TooltipContentProps };

package/dist/Tooltip/TooltipContext.d.ts

@@ -1,55 +1,7 @@
 import type { useTooltip } from "./hooks/useTooltip";
-type ContextType = ReturnType<typeof useTooltip> | null;
-declare const TooltipContext: import("react").Context<ContextType>;
-declare const useTooltipContext: () => {
-    placement: import("@floating-ui/utils").Placement;
-    strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: React.CSSProperties;
-    refs: {
-        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: React.MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    context: {
-        x: number;
-        y: number;
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string | undefined;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
-        active?: boolean;
-        selected?: boolean;
-    }) => Record<string, unknown>;
-    size: "24" | "32" | "36" | "44";
-    withArrow: boolean;
-    arrowRef: import("react").MutableRefObject<SVGSVGElement | null>;
-    centered: boolean;
-    width: (number | "auto" | "0" | import("../types/CSSUnit").CSSUnit | `calc(${string})`) | undefined;
-    open: boolean;
-    setOpen: (newOpen: boolean) => void;
+type TooltipContextType = ReturnType<typeof useTooltip> & {
+    zIndex?: number | `${number}`;
 };
-export { TooltipContext, type ContextType, useTooltipContext };
+declare const TooltipContext: import("react").Context<TooltipContextType | null>;
+declare const useTooltipContext: () => TooltipContextType;
+export { TooltipContext, type TooltipContextType, useTooltipContext };

package/dist/Tooltip/TooltipRoot.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { Placement } from "@floating-ui/react";
+import type { CSSUnit } from "../types/CSSUnit";
+type WidthValue = CSSUnit | "0" | `calc(${string})` | number | "auto";
+interface TooltipRootPropsBase {
+    size?: "24" | "32" | "36" | "44";
+    position?: Placement;
+    width?: WidthValue;
+    withArrow?: boolean;
+    initialOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    zIndex?: number | `${number}`;
+}
+interface TooltipRootProps extends TooltipRootPropsBase {
+    children: React.ReactNode;
+    zIndex?: number | `${number}`;
+}
+declare const TooltipRoot: React.FC<TooltipRootProps>;
+export { TooltipRoot, type TooltipRootPropsBase, type TooltipRootProps };

package/dist/Tooltip/TooltipTrigger.d.ts

@@ -4,4 +4,4 @@ interface TooltipTriggerProps extends React.HTMLProps<HTMLElement> {
     asChild?: boolean;
 }
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export { TooltipTrigger };
+export { TooltipTrigger, type TooltipTriggerProps };

package/dist/Tooltip/hooks/useTooltip.d.ts

@@ -1,5 +1,5 @@
-import type { TooltipPropsBase } from "../Tooltip";
-declare const useTooltip: ({ size, position, withArrow, width, initialOpen, open: controlledOpen, onOpenChange, }?: TooltipPropsBase) => {
+import type { TooltipRootPropsBase } from "../TooltipRoot";
+declare const useTooltip: ({ size, position, withArrow, width, initialOpen, open: controlledOpen, onOpenChange, zIndex, }?: TooltipRootPropsBase) => {
     placement: import("@floating-ui/utils").Placement;
     strategy: import("@floating-ui/utils").Strategy;
     middlewareData: import("@floating-ui/core").MiddlewareData;
@@ -49,5 +49,6 @@ declare const useTooltip: ({ size, position, withArrow, width, initialOpen, open
     width: (number | "auto" | "0" | import("../../types/CSSUnit").CSSUnit | `calc(${string})`) | undefined;
     open: boolean;
     setOpen: (newOpen: boolean) => void;
+    zIndex: number | `${number}` | undefined;
 };
 export { useTooltip };

package/dist/Tooltip/index.d.ts

@@ -1,4 +1,10 @@
-export * from "./Tooltip";
-export * from "./TooltipTrigger";
-export * from "./TooltipContent";
-export * from "./TooltipContext";
+import { Tooltip, type TooltipProps } from "./Tooltip";
+import { type TooltipRootProps } from "./TooltipRoot";
+import { type TooltipTriggerProps } from "./TooltipTrigger";
+import { type TooltipContentProps } from "./TooltipContent";
+declare const CustomTooltip: {
+    Root: import("react").FC<TooltipRootProps>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Tooltip, CustomTooltip, type TooltipProps, type TooltipRootProps, type TooltipTriggerProps, type TooltipContentProps, };