@deepnoid/ui 0.0.103 → 0.0.105

package/dist/{chunk-DSBSLSJW.mjs → chunk-KCBBBRSF.mjs}

@@ -20,7 +20,17 @@ var useTooltip = ({ placement, offset, targetRect }) => {
         right: targetRect.right + scrollX,
         bottom: targetRect.bottom + scrollY
       };
-      const { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      let { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      if (tooltipY < 0) {
+        tooltipY = adjustedTargetRect.bottom + offset;
+      } else if (tooltipY + height > window.innerHeight) {
+        tooltipY = adjustedTargetRect.top - height - offset;
+      }
+      if (tooltipX < 0) {
+        tooltipX = adjustedTargetRect.left;
+      } else if (tooltipX + width > window.innerWidth) {
+        tooltipX = adjustedTargetRect.right - width;
+      }
       setTooltipPosition({ x: tooltipX, y: tooltipY });
     }
   }, [placement, offset, targetRect]);

package/dist/{chunk-FY5YCQL5.mjs → chunk-U74WK5VI.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useTooltip
-} from "./chunk-DSBSLSJW.mjs";
+} from "./chunk-KCBBBRSF.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -15,11 +15,12 @@ import { createPortal } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Tooltip = forwardRef((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
+  const { placement = "bottom", offset = 5, delay = 100, classNames, ...tooltipProps } = props;
   const slots = useMemo(() => tooltip({ ...variantProps }), [variantProps]);
   const [targetRect, setTargetRect] = useState(null);
-  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, targetRect });
+  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, delay, targetRect });
   const childrenRef = useRef(null);
+  const delayTimeout = useRef(null);
   const getBaseProps = useCallback(
     () => ({
       className: slots.base({ class: classNames == null ? void 0 : classNames.base })
@@ -32,26 +33,31 @@ var Tooltip = forwardRef((originalProps, ref) => {
     }),
     [slots, classNames == null ? void 0 : classNames.content]
   );
+  const handleMouseEnter = useCallback(() => {
+    if (delayTimeout.current) clearTimeout(delayTimeout.current);
+    if (childrenRef.current) {
+      const rect = childrenRef.current.getBoundingClientRect();
+      setTargetRect({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+      });
+    }
+  }, []);
+  const handleMouseLeave = useCallback(() => {
+    delayTimeout.current = window.setTimeout(() => setTargetRect(null), delay);
+  }, [delay]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
         ref: ref || childrenRef,
         ...getBaseProps(),
-        onPointerLeave: () => setTargetRect(null),
-        onPointerEnter: () => {
-          if (childrenRef.current) {
-            const rect = childrenRef.current.getBoundingClientRect();
-            setTargetRect({
-              width: rect.width,
-              height: rect.height,
-              left: rect.left,
-              top: rect.top,
-              right: rect.right,
-              bottom: rect.bottom
-            });
-          }
-        },
+        onPointerLeave: handleMouseLeave,
+        onPointerEnter: handleMouseEnter,
         children: props.children
       }
     ),
@@ -61,6 +67,10 @@ var Tooltip = forwardRef((originalProps, ref) => {
         {
           ref: tooltipRef,
           ...getContentProps(),
+          onPointerEnter: () => {
+            if (delayTimeout.current) clearTimeout(delayTimeout.current);
+          },
+          onPointerLeave: handleMouseLeave,
           style: {
             visibility: tooltipPosition.x !== 0 ? "visible" : "hidden",
             transform: `translate3d(${tooltipPosition.x}px, ${tooltipPosition.y}px, 0)`

package/dist/components/dateTimePicker/dateTimePicker.mjs

@@ -2,14 +2,14 @@
 import {
   dateTimePickerStyle,
   dateTimePicker_default
-} from "../../chunk-TSMVRGDO.mjs";
-import "../../chunk-FWJ2ZKH6.mjs";
+} from "../../chunk-466PGIGU.mjs";
 import "../../chunk-FDKT4IBP.mjs";
-import "../../chunk-P732YGHO.mjs";
 import "../../chunk-BCN5F2MN.mjs";
 import "../../chunk-7MVEAQ7Z.mjs";
 import "../../chunk-EYY4CRRR.mjs";
 import "../../chunk-V77MALL4.mjs";
+import "../../chunk-FWJ2ZKH6.mjs";
+import "../../chunk-P732YGHO.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/dateTimePicker/index.mjs

@@ -2,14 +2,14 @@
 import "../../chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "../../chunk-TSMVRGDO.mjs";
-import "../../chunk-FWJ2ZKH6.mjs";
+} from "../../chunk-466PGIGU.mjs";
 import "../../chunk-FDKT4IBP.mjs";
-import "../../chunk-P732YGHO.mjs";
 import "../../chunk-BCN5F2MN.mjs";
 import "../../chunk-7MVEAQ7Z.mjs";
 import "../../chunk-EYY4CRRR.mjs";
 import "../../chunk-V77MALL4.mjs";
+import "../../chunk-FWJ2ZKH6.mjs";
+import "../../chunk-P732YGHO.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/tooltip/index.d.mts

@@ -3,4 +3,4 @@ import 'tailwind-variants';
 import 'tailwind-variants/dist/config';
 import 'react';
 import '../../utils/types.mjs';
-import '../../tooltip-utils-CrCabndd.mjs';
+import '../../tooltip-utils-DR0UEfBN.mjs';

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

@@ -3,4 +3,4 @@ import 'tailwind-variants';
 import 'tailwind-variants/dist/config';
 import 'react';
 import '../../utils/types.js';
-import '../../tooltip-utils-CrCabndd.js';
+import '../../tooltip-utils-DR0UEfBN.js';

package/dist/components/tooltip/index.js

@@ -143,7 +143,17 @@ var useTooltip = ({ placement, offset, targetRect }) => {
         right: targetRect.right + scrollX,
         bottom: targetRect.bottom + scrollY
       };
-      const { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      let { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      if (tooltipY < 0) {
+        tooltipY = adjustedTargetRect.bottom + offset;
+      } else if (tooltipY + height > window.innerHeight) {
+        tooltipY = adjustedTargetRect.top - height - offset;
+      }
+      if (tooltipX < 0) {
+        tooltipX = adjustedTargetRect.left;
+      } else if (tooltipX + width > window.innerWidth) {
+        tooltipX = adjustedTargetRect.right - width;
+      }
       setTooltipPosition({ x: tooltipX, y: tooltipY });
     }
   }, [placement, offset, targetRect]);
@@ -154,11 +164,12 @@ var useTooltip = ({ placement, offset, targetRect }) => {
 var import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
+  const { placement = "bottom", offset = 5, delay = 100, classNames, ...tooltipProps } = props;
   const slots = (0, import_react2.useMemo)(() => tooltip({ ...variantProps }), [variantProps]);
   const [targetRect, setTargetRect] = (0, import_react2.useState)(null);
-  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, targetRect });
+  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, delay, targetRect });
   const childrenRef = (0, import_react2.useRef)(null);
+  const delayTimeout = (0, import_react2.useRef)(null);
   const getBaseProps = (0, import_react2.useCallback)(
     () => ({
       className: slots.base({ class: classNames == null ? void 0 : classNames.base })
@@ -171,26 +182,31 @@ var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
     }),
     [slots, classNames == null ? void 0 : classNames.content]
   );
+  const handleMouseEnter = (0, import_react2.useCallback)(() => {
+    if (delayTimeout.current) clearTimeout(delayTimeout.current);
+    if (childrenRef.current) {
+      const rect = childrenRef.current.getBoundingClientRect();
+      setTargetRect({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+      });
+    }
+  }, []);
+  const handleMouseLeave = (0, import_react2.useCallback)(() => {
+    delayTimeout.current = window.setTimeout(() => setTargetRect(null), delay);
+  }, [delay]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref: ref || childrenRef,
         ...getBaseProps(),
-        onPointerLeave: () => setTargetRect(null),
-        onPointerEnter: () => {
-          if (childrenRef.current) {
-            const rect = childrenRef.current.getBoundingClientRect();
-            setTargetRect({
-              width: rect.width,
-              height: rect.height,
-              left: rect.left,
-              top: rect.top,
-              right: rect.right,
-              bottom: rect.bottom
-            });
-          }
-        },
+        onPointerLeave: handleMouseLeave,
+        onPointerEnter: handleMouseEnter,
         children: props.children
       }
     ),
@@ -200,6 +216,10 @@ var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
         {
           ref: tooltipRef,
           ...getContentProps(),
+          onPointerEnter: () => {
+            if (delayTimeout.current) clearTimeout(delayTimeout.current);
+          },
+          onPointerLeave: handleMouseLeave,
           style: {
             visibility: tooltipPosition.x !== 0 ? "visible" : "hidden",
             transform: `translate3d(${tooltipPosition.x}px, ${tooltipPosition.y}px, 0)`

package/dist/components/tooltip/index.mjs

@@ -2,8 +2,8 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-FY5YCQL5.mjs";
-import "../../chunk-DSBSLSJW.mjs";
+} from "../../chunk-U74WK5VI.mjs";
+import "../../chunk-KCBBBRSF.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";

package/dist/components/tooltip/tooltip-utils.d.mts

@@ -1,2 +1,2 @@
-export { T as TooltipPlacement, g as getTooltipPosition } from '../../tooltip-utils-CrCabndd.mjs';
+export { T as TooltipPlacement, g as getTooltipPosition } from '../../tooltip-utils-DR0UEfBN.mjs';
 import 'react';

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

@@ -1,2 +1,2 @@
-export { T as TooltipPlacement, g as getTooltipPosition } from '../../tooltip-utils-CrCabndd.js';
+export { T as TooltipPlacement, g as getTooltipPosition } from '../../tooltip-utils-DR0UEfBN.js';
 import 'react';

package/dist/components/tooltip/tooltip.d.mts

@@ -4,12 +4,13 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
-import { T as TooltipPlacement } from '../../tooltip-utils-CrCabndd.mjs';
+import { T as TooltipPlacement } from '../../tooltip-utils-DR0UEfBN.mjs';
 
 interface Props {
     children?: ReactNode;
     content?: ReactNode | string;
     offset?: number;
+    delay?: number;
     placement?: TooltipPlacement;
     classNames?: SlotsToClasses<TooltipSlots>;
 }

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

@@ -4,12 +4,13 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
-import { T as TooltipPlacement } from '../../tooltip-utils-CrCabndd.js';
+import { T as TooltipPlacement } from '../../tooltip-utils-DR0UEfBN.js';
 
 interface Props {
     children?: ReactNode;
     content?: ReactNode | string;
     offset?: number;
+    delay?: number;
     placement?: TooltipPlacement;
     classNames?: SlotsToClasses<TooltipSlots>;
 }

package/dist/components/tooltip/tooltip.js

@@ -141,7 +141,17 @@ var useTooltip = ({ placement, offset, targetRect }) => {
         right: targetRect.right + scrollX,
         bottom: targetRect.bottom + scrollY
       };
-      const { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      let { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      if (tooltipY < 0) {
+        tooltipY = adjustedTargetRect.bottom + offset;
+      } else if (tooltipY + height > window.innerHeight) {
+        tooltipY = adjustedTargetRect.top - height - offset;
+      }
+      if (tooltipX < 0) {
+        tooltipX = adjustedTargetRect.left;
+      } else if (tooltipX + width > window.innerWidth) {
+        tooltipX = adjustedTargetRect.right - width;
+      }
       setTooltipPosition({ x: tooltipX, y: tooltipY });
     }
   }, [placement, offset, targetRect]);
@@ -152,11 +162,12 @@ var useTooltip = ({ placement, offset, targetRect }) => {
 var import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
+  const { placement = "bottom", offset = 5, delay = 100, classNames, ...tooltipProps } = props;
   const slots = (0, import_react2.useMemo)(() => tooltip({ ...variantProps }), [variantProps]);
   const [targetRect, setTargetRect] = (0, import_react2.useState)(null);
-  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, targetRect });
+  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, delay, targetRect });
   const childrenRef = (0, import_react2.useRef)(null);
+  const delayTimeout = (0, import_react2.useRef)(null);
   const getBaseProps = (0, import_react2.useCallback)(
     () => ({
       className: slots.base({ class: classNames == null ? void 0 : classNames.base })
@@ -169,26 +180,31 @@ var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
     }),
     [slots, classNames == null ? void 0 : classNames.content]
   );
+  const handleMouseEnter = (0, import_react2.useCallback)(() => {
+    if (delayTimeout.current) clearTimeout(delayTimeout.current);
+    if (childrenRef.current) {
+      const rect = childrenRef.current.getBoundingClientRect();
+      setTargetRect({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+      });
+    }
+  }, []);
+  const handleMouseLeave = (0, import_react2.useCallback)(() => {
+    delayTimeout.current = window.setTimeout(() => setTargetRect(null), delay);
+  }, [delay]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref: ref || childrenRef,
         ...getBaseProps(),
-        onPointerLeave: () => setTargetRect(null),
-        onPointerEnter: () => {
-          if (childrenRef.current) {
-            const rect = childrenRef.current.getBoundingClientRect();
-            setTargetRect({
-              width: rect.width,
-              height: rect.height,
-              left: rect.left,
-              top: rect.top,
-              right: rect.right,
-              bottom: rect.bottom
-            });
-          }
-        },
+        onPointerLeave: handleMouseLeave,
+        onPointerEnter: handleMouseEnter,
         children: props.children
       }
     ),
@@ -198,6 +214,10 @@ var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
         {
           ref: tooltipRef,
           ...getContentProps(),
+          onPointerEnter: () => {
+            if (delayTimeout.current) clearTimeout(delayTimeout.current);
+          },
+          onPointerLeave: handleMouseLeave,
           style: {
             visibility: tooltipPosition.x !== 0 ? "visible" : "hidden",
             transform: `translate3d(${tooltipPosition.x}px, ${tooltipPosition.y}px, 0)`

package/dist/components/tooltip/tooltip.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-FY5YCQL5.mjs";
-import "../../chunk-DSBSLSJW.mjs";
+} from "../../chunk-U74WK5VI.mjs";
+import "../../chunk-KCBBBRSF.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";

package/dist/components/tooltip/tooltip.test.js

@@ -12988,7 +12988,17 @@ var useTooltip = ({ placement, offset, targetRect }) => {
         right: targetRect.right + scrollX,
         bottom: targetRect.bottom + scrollY
       };
-      const { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      let { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      if (tooltipY < 0) {
+        tooltipY = adjustedTargetRect.bottom + offset;
+      } else if (tooltipY + height > window.innerHeight) {
+        tooltipY = adjustedTargetRect.top - height - offset;
+      }
+      if (tooltipX < 0) {
+        tooltipX = adjustedTargetRect.left;
+      } else if (tooltipX + width > window.innerWidth) {
+        tooltipX = adjustedTargetRect.right - width;
+      }
       setTooltipPosition({ x: tooltipX, y: tooltipY });
     }
   }, [placement, offset, targetRect]);
@@ -12999,11 +13009,12 @@ var useTooltip = ({ placement, offset, targetRect }) => {
 var import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
+  const { placement = "bottom", offset = 5, delay = 100, classNames, ...tooltipProps } = props;
   const slots = (0, import_react2.useMemo)(() => tooltip({ ...variantProps }), [variantProps]);
   const [targetRect, setTargetRect] = (0, import_react2.useState)(null);
-  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, targetRect });
+  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, delay, targetRect });
   const childrenRef = (0, import_react2.useRef)(null);
+  const delayTimeout = (0, import_react2.useRef)(null);
   const getBaseProps = (0, import_react2.useCallback)(
     () => ({
       className: slots.base({ class: classNames == null ? void 0 : classNames.base })
@@ -13016,26 +13027,31 @@ var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
     }),
     [slots, classNames == null ? void 0 : classNames.content]
   );
+  const handleMouseEnter = (0, import_react2.useCallback)(() => {
+    if (delayTimeout.current) clearTimeout(delayTimeout.current);
+    if (childrenRef.current) {
+      const rect = childrenRef.current.getBoundingClientRect();
+      setTargetRect({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+      });
+    }
+  }, []);
+  const handleMouseLeave = (0, import_react2.useCallback)(() => {
+    delayTimeout.current = window.setTimeout(() => setTargetRect(null), delay);
+  }, [delay]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref: ref || childrenRef,
         ...getBaseProps(),
-        onPointerLeave: () => setTargetRect(null),
-        onPointerEnter: () => {
-          if (childrenRef.current) {
-            const rect = childrenRef.current.getBoundingClientRect();
-            setTargetRect({
-              width: rect.width,
-              height: rect.height,
-              left: rect.left,
-              top: rect.top,
-              right: rect.right,
-              bottom: rect.bottom
-            });
-          }
-        },
+        onPointerLeave: handleMouseLeave,
+        onPointerEnter: handleMouseEnter,
         children: props.children
       }
     ),
@@ -13045,6 +13061,10 @@ var Tooltip = (0, import_react2.forwardRef)((originalProps, ref) => {
         {
           ref: tooltipRef,
           ...getContentProps(),
+          onPointerEnter: () => {
+            if (delayTimeout.current) clearTimeout(delayTimeout.current);
+          },
+          onPointerLeave: handleMouseLeave,
           style: {
             visibility: tooltipPosition.x !== 0 ? "visible" : "hidden",
             transform: `translate3d(${tooltipPosition.x}px, ${tooltipPosition.y}px, 0)`

package/dist/components/tooltip/tooltip.test.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-FY5YCQL5.mjs";
-import "../../chunk-DSBSLSJW.mjs";
+} from "../../chunk-U74WK5VI.mjs";
+import "../../chunk-KCBBBRSF.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-VUYUQGLF.mjs";
 import "../../chunk-NGQ3MK2J.mjs";

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

@@ -1,2 +1,2 @@
 import 'react';
-export { a as TargetRect, u as useTooltip } from '../../tooltip-utils-CrCabndd.mjs';
+export { a as TargetRect, u as useTooltip } from '../../tooltip-utils-DR0UEfBN.mjs';

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

@@ -1,2 +1,2 @@
 import 'react';
-export { a as TargetRect, u as useTooltip } from '../../tooltip-utils-CrCabndd.js';
+export { a as TargetRect, u as useTooltip } from '../../tooltip-utils-DR0UEfBN.js';

package/dist/components/tooltip/useTooltip.js

@@ -98,7 +98,17 @@ var useTooltip = ({ placement, offset, targetRect }) => {
         right: targetRect.right + scrollX,
         bottom: targetRect.bottom + scrollY
       };
-      const { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      let { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      if (tooltipY < 0) {
+        tooltipY = adjustedTargetRect.bottom + offset;
+      } else if (tooltipY + height > window.innerHeight) {
+        tooltipY = adjustedTargetRect.top - height - offset;
+      }
+      if (tooltipX < 0) {
+        tooltipX = adjustedTargetRect.left;
+      } else if (tooltipX + width > window.innerWidth) {
+        tooltipX = adjustedTargetRect.right - width;
+      }
       setTooltipPosition({ x: tooltipX, y: tooltipY });
     }
   }, [placement, offset, targetRect]);

package/dist/components/tooltip/useTooltip.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   useTooltip
-} from "../../chunk-DSBSLSJW.mjs";
+} from "../../chunk-KCBBBRSF.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-IZ6II3QA.mjs";
 export {

package/dist/index.d.mts

@@ -30,5 +30,5 @@ import 'react';
 import './utils/types.mjs';
 import 'react/jsx-runtime';
 import './components/icon/template.mjs';
-import './tooltip-utils-CrCabndd.mjs';
+import './tooltip-utils-DR0UEfBN.mjs';
 import './components/toast/toast-utils.mjs';

package/dist/index.d.ts

@@ -30,5 +30,5 @@ import 'react';
 import './utils/types.js';
 import 'react/jsx-runtime';
 import './components/icon/template.js';
-import './tooltip-utils-CrCabndd.js';
+import './tooltip-utils-DR0UEfBN.js';
 import './components/toast/toast-utils.js';

package/dist/index.js

@@ -7091,7 +7091,17 @@ var useTooltip = ({ placement, offset, targetRect }) => {
         right: targetRect.right + scrollX,
         bottom: targetRect.bottom + scrollY
       };
-      const { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      let { tooltipX, tooltipY } = getTooltipPosition(placement, adjustedTargetRect, width, height, offset);
+      if (tooltipY < 0) {
+        tooltipY = adjustedTargetRect.bottom + offset;
+      } else if (tooltipY + height > window.innerHeight) {
+        tooltipY = adjustedTargetRect.top - height - offset;
+      }
+      if (tooltipX < 0) {
+        tooltipX = adjustedTargetRect.left;
+      } else if (tooltipX + width > window.innerWidth) {
+        tooltipX = adjustedTargetRect.right - width;
+      }
       setTooltipPosition({ x: tooltipX, y: tooltipY });
     }
   }, [placement, offset, targetRect]);
@@ -7102,11 +7112,12 @@ var useTooltip = ({ placement, offset, targetRect }) => {
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var Tooltip = (0, import_react21.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
+  const { placement = "bottom", offset = 5, delay = 100, classNames, ...tooltipProps } = props;
   const slots = (0, import_react21.useMemo)(() => tooltip({ ...variantProps }), [variantProps]);
   const [targetRect, setTargetRect] = (0, import_react21.useState)(null);
-  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, targetRect });
+  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, delay, targetRect });
   const childrenRef = (0, import_react21.useRef)(null);
+  const delayTimeout = (0, import_react21.useRef)(null);
   const getBaseProps = (0, import_react21.useCallback)(
     () => ({
       className: slots.base({ class: classNames == null ? void 0 : classNames.base })
@@ -7119,26 +7130,31 @@ var Tooltip = (0, import_react21.forwardRef)((originalProps, ref) => {
     }),
     [slots, classNames == null ? void 0 : classNames.content]
   );
+  const handleMouseEnter = (0, import_react21.useCallback)(() => {
+    if (delayTimeout.current) clearTimeout(delayTimeout.current);
+    if (childrenRef.current) {
+      const rect = childrenRef.current.getBoundingClientRect();
+      setTargetRect({
+        width: rect.width,
+        height: rect.height,
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+      });
+    }
+  }, []);
+  const handleMouseLeave = (0, import_react21.useCallback)(() => {
+    delayTimeout.current = window.setTimeout(() => setTargetRect(null), delay);
+  }, [delay]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         ref: ref || childrenRef,
         ...getBaseProps(),
-        onPointerLeave: () => setTargetRect(null),
-        onPointerEnter: () => {
-          if (childrenRef.current) {
-            const rect = childrenRef.current.getBoundingClientRect();
-            setTargetRect({
-              width: rect.width,
-              height: rect.height,
-              left: rect.left,
-              top: rect.top,
-              right: rect.right,
-              bottom: rect.bottom
-            });
-          }
-        },
+        onPointerLeave: handleMouseLeave,
+        onPointerEnter: handleMouseEnter,
         children: props.children
       }
     ),
@@ -7148,6 +7164,10 @@ var Tooltip = (0, import_react21.forwardRef)((originalProps, ref) => {
         {
           ref: tooltipRef,
           ...getContentProps(),
+          onPointerEnter: () => {
+            if (delayTimeout.current) clearTimeout(delayTimeout.current);
+          },
+          onPointerLeave: handleMouseLeave,
           style: {
             visibility: tooltipPosition.x !== 0 ? "visible" : "hidden",
             transform: `translate3d(${tooltipPosition.x}px, ${tooltipPosition.y}px, 0)`

package/dist/index.mjs

@@ -2,17 +2,17 @@
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "./chunk-FY5YCQL5.mjs";
-import "./chunk-DSBSLSJW.mjs";
+} from "./chunk-U74WK5VI.mjs";
+import "./chunk-KCBBBRSF.mjs";
 import "./chunk-ODMRJXLJ.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-OJ2OEI5B.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-KRI5IALM.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-OJ2OEI5B.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -22,6 +22,10 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-PXUBPWKU.mjs";
+import "./chunk-MV2WCFK7.mjs";
+import {
+  slider_default
+} from "./chunk-A3RWT3JJ.mjs";
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
@@ -32,24 +36,20 @@ import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-S3O52LLG.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-QWFOYO3D.mjs";
-import "./chunk-MV2WCFK7.mjs";
-import {
-  slider_default
-} from "./chunk-A3RWT3JJ.mjs";
-import "./chunk-7VOQKIIK.mjs";
-import {
-  progress_default
-} from "./chunk-N2JULHST.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-2BCJZILI.mjs";
 import "./chunk-S3QS5B7F.mjs";
 import "./chunk-RZZWHI6O.mjs";
+import "./chunk-7VOQKIIK.mjs";
+import {
+  progress_default
+} from "./chunk-N2JULHST.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-QWFOYO3D.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
@@ -59,22 +59,17 @@ import {
   pagination_default
 } from "./chunk-UZL66GNP.mjs";
 import "./chunk-F3HENRVM.mjs";
+import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-ZNEEYSIK.mjs";
 import "./chunk-HAOK24MK.mjs";
-import "./chunk-QZ3LVYJW.mjs";
-import {
-  checkbox_default
-} from "./chunk-ANYPMQH4.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-TSMVRGDO.mjs";
-import "./chunk-FWJ2ZKH6.mjs";
+} from "./chunk-466PGIGU.mjs";
 import "./chunk-FDKT4IBP.mjs";
-import "./chunk-P732YGHO.mjs";
 import "./chunk-BCN5F2MN.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
@@ -83,6 +78,11 @@ import {
 import {
   listItem_default
 } from "./chunk-V77MALL4.mjs";
+import "./chunk-FWJ2ZKH6.mjs";
+import "./chunk-P732YGHO.mjs";
+import {
+  checkbox_default
+} from "./chunk-ANYPMQH4.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import "./chunk-VUYUQGLF.mjs";
 import {

package/dist/{tooltip-utils-CrCabndd.d.ts → tooltip-utils-DR0UEfBN.d.mts}

@@ -11,6 +11,7 @@ type TargetRect = {
 interface UseTooltipProps {
     placement: TooltipPlacement;
     offset: number;
+    delay: number;
     targetRect: TargetRect | null;
 }
 declare const useTooltip: ({ placement, offset, targetRect }: UseTooltipProps) => {

package/dist/{tooltip-utils-CrCabndd.d.mts → tooltip-utils-DR0UEfBN.d.ts}

@@ -11,6 +11,7 @@ type TargetRect = {
 interface UseTooltipProps {
     placement: TooltipPlacement;
     offset: number;
+    delay: number;
     targetRect: TargetRect | null;
 }
 declare const useTooltip: ({ placement, offset, targetRect }: UseTooltipProps) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.0.103",
+  "version": "0.0.105",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",

package/dist/{chunk-TSMVRGDO.mjs → chunk-466PGIGU.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  useDatePicker
-} from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
 } from "./chunk-FDKT4IBP.mjs";
 import {
   timePicker_default
 } from "./chunk-BCN5F2MN.mjs";
+import {
+  useDatePicker
+} from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
 } from "./chunk-LCI6RPWE.mjs";