sodtrack-web-ui 0.2.0 → 0.2.1

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { VariantProps } from 'cva';
+import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
 import { TooltipContentProps, TooltipProps } from '@radix-ui/react-tooltip';
 
 type ButtonProps = {
@@ -139,8 +140,9 @@ declare const iconButton: (props?: ({
 })) | undefined) => string;
 declare const IconButton: FC<IconButtonProps>;
 
+declare const TooltipProvider: React.FC<_radix_ui_react_tooltip.TooltipProviderProps>;
 declare const Tooltip: FC<TooltipContentProps & Pick<TooltipProps, "open"> & Pick<TooltipProps, "defaultOpen"> & Pick<TooltipProps, "onOpenChange"> & {
     size?: "small" | "medium";
 }>;
 
-export { Alert, Button, type ButtonProps, IconButton, Tooltip };
+export { Alert, Button, type ButtonProps, IconButton, Tooltip, TooltipProvider };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { VariantProps } from 'cva';
+import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
 import { TooltipContentProps, TooltipProps } from '@radix-ui/react-tooltip';
 
 type ButtonProps = {
@@ -139,8 +140,9 @@ declare const iconButton: (props?: ({
 })) | undefined) => string;
 declare const IconButton: FC<IconButtonProps>;
 
+declare const TooltipProvider: React.FC<_radix_ui_react_tooltip.TooltipProviderProps>;
 declare const Tooltip: FC<TooltipContentProps & Pick<TooltipProps, "open"> & Pick<TooltipProps, "defaultOpen"> & Pick<TooltipProps, "onOpenChange"> & {
     size?: "small" | "medium";
 }>;
 
-export { Alert, Button, type ButtonProps, IconButton, Tooltip };
+export { Alert, Button, type ButtonProps, IconButton, Tooltip, TooltipProvider };

package/dist/index.js

@@ -33,7 +33,8 @@ __export(src_exports, {
   Alert: () => Alert,
   Button: () => Button,
   IconButton: () => IconButton,
-  Tooltip: () => Tooltip
+  Tooltip: () => Tooltip,
+  TooltipProvider: () => TooltipProvider
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -5678,8 +5679,42 @@ var [$a093c7e1ec25a057$var$createTooltipContext, $a093c7e1ec25a057$export$1c540a
 ]);
 var $a093c7e1ec25a057$var$usePopperScope = $cf1ac5d9fe0e8206$export$722aac194ae923();
 var $a093c7e1ec25a057$var$PROVIDER_NAME = "TooltipProvider";
+var $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION = 700;
 var $a093c7e1ec25a057$var$TOOLTIP_OPEN = "tooltip.open";
 var [$a093c7e1ec25a057$var$TooltipProviderContextProvider, $a093c7e1ec25a057$var$useTooltipProviderContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PROVIDER_NAME);
+var $a093c7e1ec25a057$export$f78649fb9ca566b8 = (props) => {
+  const { __scopeTooltip, delayDuration = $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION, skipDelayDuration = 300, disableHoverableContent = false, children } = props;
+  const [isOpenDelayed, setIsOpenDelayed] = (0, import_react21.useState)(true);
+  const isPointerInTransitRef = (0, import_react21.useRef)(false);
+  const skipDelayTimerRef = (0, import_react21.useRef)(0);
+  (0, import_react21.useEffect)(() => {
+    const skipDelayTimer = skipDelayTimerRef.current;
+    return () => window.clearTimeout(skipDelayTimer);
+  }, []);
+  return /* @__PURE__ */ (0, import_react21.createElement)($a093c7e1ec25a057$var$TooltipProviderContextProvider, {
+    scope: __scopeTooltip,
+    isOpenDelayed,
+    delayDuration,
+    onOpen: (0, import_react21.useCallback)(() => {
+      window.clearTimeout(skipDelayTimerRef.current);
+      setIsOpenDelayed(false);
+    }, []),
+    onClose: (0, import_react21.useCallback)(() => {
+      window.clearTimeout(skipDelayTimerRef.current);
+      skipDelayTimerRef.current = window.setTimeout(
+        () => setIsOpenDelayed(true),
+        skipDelayDuration
+      );
+    }, [
+      skipDelayDuration
+    ]),
+    isPointerInTransitRef,
+    onPointerInTransitChange: (0, import_react21.useCallback)((inTransit) => {
+      isPointerInTransitRef.current = inTransit;
+    }, []),
+    disableHoverableContent
+  }, children);
+};
 var $a093c7e1ec25a057$var$TOOLTIP_NAME = "Tooltip";
 var [$a093c7e1ec25a057$var$TooltipContextProvider, $a093c7e1ec25a057$var$useTooltipContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME);
 var $a093c7e1ec25a057$export$28c660c63b792dea = (props) => {
@@ -6145,6 +6180,7 @@ function $a093c7e1ec25a057$var$getHullPresorted(points) {
 var $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
 
 // src/components/tooltip.tsx
+var TooltipProvider = $a093c7e1ec25a057$export$f78649fb9ca566b8;
 var Tooltip = ({
   children,
   content,
@@ -6177,7 +6213,8 @@ var Tooltip = ({
   Alert,
   Button,
   IconButton,
-  Tooltip
+  Tooltip,
+  TooltipProvider
 });
 /*! Bundled license information: