@gusarov-studio/rubik-ui 3.9.1 → 3.10.0

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+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 {
+    position?: Placement;
+    width?: WidthValue;
+    withArrow?: boolean;
+    initialOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+interface TooltipProps extends TooltipPropsBase {
+    children: React.ReactNode;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export { Tooltip, type TooltipPropsBase, type TooltipProps };

package/dist/Tooltip/TooltipContent.d.ts

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

package/dist/Tooltip/TooltipContext.d.ts

@@ -0,0 +1,54 @@
+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>;
+    withArrow: boolean;
+    arrowRef: import("react").MutableRefObject<SVGSVGElement | null>;
+    centered: boolean;
+    width: (number | "0" | "auto" | import("../types/CSSUnit").CSSUnit | `calc(${string})`) | undefined;
+    open: boolean;
+    setOpen: (newOpen: boolean) => void;
+};
+export { TooltipContext, type ContextType, useTooltipContext };

package/dist/Tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface TooltipTriggerProps extends React.HTMLProps<HTMLElement> {
+    children: React.ReactNode;
+    asChild?: boolean;
+}
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export { TooltipTrigger };

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

@@ -0,0 +1,52 @@
+import type { TooltipPropsBase } from "../Tooltip";
+declare function useTooltip(props?: TooltipPropsBase): {
+    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>;
+    withArrow: boolean;
+    arrowRef: import("react").MutableRefObject<SVGSVGElement | null>;
+    centered: boolean;
+    width: (number | "0" | "auto" | import("../../types/CSSUnit").CSSUnit | `calc(${string})`) | undefined;
+    open: boolean;
+    setOpen: (newOpen: boolean) => void;
+};
+export { useTooltip };

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Tooltip";
+export * from "./TooltipTrigger";
+export * from "./TooltipContent";
+export * from "./TooltipContext";

package/dist/index.d.ts

@@ -16,4 +16,5 @@ export * from "./Tabs";
 export * from "./Text";
 export * from "./Textarea";
 export * from "./ThemesProvider";
+export * from "./Tooltip";
 export * from "./utils";