@deepnoid/ui 0.0.102 → 0.0.104

package/dist/{chunk-A5PEB7CC.mjs → chunk-R2E7UZZO.mjs}

@@ -98,7 +98,7 @@ var Table = forwardRef((originalProps, ref) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
+    rows.length > 0 && /* @__PURE__ */ jsx("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
   ] });
 });
 Table.displayName = "Table";

package/dist/{chunk-ON2OTH5K.mjs → chunk-TSMVRGDO.mjs}

@@ -53,7 +53,8 @@ var DatePicker = forwardRef((originalProps, ref) => {
     handleBlueInput,
     calculatePositionWithScroll
   } = useDatePicker({
-    initialDate: void 0
+    initialDate: typeof value === "string" ? new Date(value) : void 0,
+    initialTime: typeof value === "string" ? value : void 0
   });
   const position = targetRect ? calculatePositionWithScroll(targetRect) : null;
   const getBaseProps = useCallback(

package/dist/{chunk-FY5YCQL5.mjs → chunk-YZTGM3A3.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.js

@@ -4217,7 +4217,8 @@ var DatePicker = (0, import_react6.forwardRef)((originalProps, ref) => {
     handleBlueInput,
     calculatePositionWithScroll
   } = useDatePicker({
-    initialDate: void 0
+    initialDate: typeof value === "string" ? new Date(value) : void 0,
+    initialTime: typeof value === "string" ? value : void 0
   });
   const position = targetRect ? calculatePositionWithScroll(targetRect) : null;
   const getBaseProps = (0, import_react6.useCallback)(

package/dist/components/dateTimePicker/dateTimePicker.mjs

@@ -2,7 +2,7 @@
 import {
   dateTimePickerStyle,
   dateTimePicker_default
-} from "../../chunk-ON2OTH5K.mjs";
+} from "../../chunk-TSMVRGDO.mjs";
 import "../../chunk-FWJ2ZKH6.mjs";
 import "../../chunk-FDKT4IBP.mjs";
 import "../../chunk-P732YGHO.mjs";

package/dist/components/dateTimePicker/index.js

@@ -4218,7 +4218,8 @@ var DatePicker = (0, import_react6.forwardRef)((originalProps, ref) => {
     handleBlueInput,
     calculatePositionWithScroll
   } = useDatePicker({
-    initialDate: void 0
+    initialDate: typeof value === "string" ? new Date(value) : void 0,
+    initialTime: typeof value === "string" ? value : void 0
   });
   const position = targetRect ? calculatePositionWithScroll(targetRect) : null;
   const getBaseProps = (0, import_react6.useCallback)(

package/dist/components/dateTimePicker/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "../../chunk-ON2OTH5K.mjs";
+} from "../../chunk-TSMVRGDO.mjs";
 import "../../chunk-FWJ2ZKH6.mjs";
 import "../../chunk-FDKT4IBP.mjs";
 import "../../chunk-P732YGHO.mjs";

package/dist/components/table/index.js

@@ -4136,7 +4136,7 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
+    rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
   ] });
 });
 Table.displayName = "Table";

package/dist/components/table/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "../../chunk-A5PEB7CC.mjs";
+} from "../../chunk-R2E7UZZO.mjs";
 import "../../chunk-VWD26TIQ.mjs";
 import "../../chunk-PO3ADNA5.mjs";
 import "../../chunk-QZ3LVYJW.mjs";

package/dist/components/table/table.js

@@ -4134,7 +4134,7 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
+    rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
   ] });
 });
 Table.displayName = "Table";

package/dist/components/table/table.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   table_default
-} from "../../chunk-A5PEB7CC.mjs";
+} from "../../chunk-R2E7UZZO.mjs";
 import "../../chunk-VWD26TIQ.mjs";
 import "../../chunk-PO3ADNA5.mjs";
 import "../../chunk-QZ3LVYJW.mjs";

package/dist/components/table/table.test.js

@@ -16971,7 +16971,7 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
+    rows2.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
   ] });
 });
 Table.displayName = "Table";

package/dist/components/table/table.test.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   table_default
-} from "../../chunk-A5PEB7CC.mjs";
+} from "../../chunk-R2E7UZZO.mjs";
 import "../../chunk-VWD26TIQ.mjs";
 import "../../chunk-PO3ADNA5.mjs";
 import "../../chunk-QZ3LVYJW.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

@@ -154,11 +154,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 +172,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 +206,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,7 +2,7 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-FY5YCQL5.mjs";
+} from "../../chunk-YZTGM3A3.mjs";
 import "../../chunk-DSBSLSJW.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-E3G5QXSH.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

@@ -152,11 +152,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 +170,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 +204,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,7 +1,7 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-FY5YCQL5.mjs";
+} from "../../chunk-YZTGM3A3.mjs";
 import "../../chunk-DSBSLSJW.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-E3G5QXSH.mjs";

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

@@ -12999,11 +12999,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 +13017,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 +13051,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,7 +1,7 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-FY5YCQL5.mjs";
+} from "../../chunk-YZTGM3A3.mjs";
 import "../../chunk-DSBSLSJW.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-VUYUQGLF.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/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

@@ -5550,7 +5550,7 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
+    rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
   ] });
 });
 Table.displayName = "Table";
@@ -7102,11 +7102,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 +7120,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 +7154,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)`
@@ -8446,7 +8456,8 @@ var DatePicker = (0, import_react33.forwardRef)((originalProps, ref) => {
     handleBlueInput,
     calculatePositionWithScroll
   } = useDatePicker({
-    initialDate: void 0
+    initialDate: typeof value === "string" ? new Date(value) : void 0,
+    initialTime: typeof value === "string" ? value : void 0
   });
   const position = targetRect ? calculatePositionWithScroll(targetRect) : null;
   const getBaseProps = (0, import_react33.useCallback)(

package/dist/index.mjs

@@ -2,17 +2,15 @@
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "./chunk-FY5YCQL5.mjs";
+} from "./chunk-YZTGM3A3.mjs";
 import "./chunk-DSBSLSJW.mjs";
 import "./chunk-ODMRJXLJ.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-OJ2OEI5B.mjs";
-import "./chunk-3MY6LO7N.mjs";
+import "./chunk-QCEKPS7U.mjs";
 import {
-  tabs_default
-} from "./chunk-KRI5IALM.mjs";
+  select_default
+} from "./chunk-JN7EGKJL.mjs";
+import "./chunk-RZZWHI6O.mjs";
+import "./chunk-S3QS5B7F.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -22,34 +20,36 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-PXUBPWKU.mjs";
-import "./chunk-2UUH2MBF.mjs";
+import "./chunk-3MY6LO7N.mjs";
 import {
-  table_default
-} from "./chunk-A5PEB7CC.mjs";
-import "./chunk-VWD26TIQ.mjs";
-import "./chunk-PO3ADNA5.mjs";
-import "./chunk-TPFN22HR.mjs";
+  tabs_default
+} from "./chunk-KRI5IALM.mjs";
+import "./chunk-RRAZM5D3.mjs";
 import {
-  radio_default
-} from "./chunk-QWFOYO3D.mjs";
+  textarea_default
+} from "./chunk-OJ2OEI5B.mjs";
+import "./chunk-MV2WCFK7.mjs";
+import {
+  slider_default
+} from "./chunk-A3RWT3JJ.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-S3O52LLG.mjs";
-import "./chunk-QCEKPS7U.mjs";
-import {
-  select_default
-} from "./chunk-JN7EGKJL.mjs";
-import "./chunk-RZZWHI6O.mjs";
-import "./chunk-S3QS5B7F.mjs";
-import "./chunk-MV2WCFK7.mjs";
+import "./chunk-2UUH2MBF.mjs";
 import {
-  slider_default
-} from "./chunk-A3RWT3JJ.mjs";
+  table_default
+} from "./chunk-R2E7UZZO.mjs";
+import "./chunk-VWD26TIQ.mjs";
+import "./chunk-PO3ADNA5.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
@@ -63,15 +63,15 @@ import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-ZNEEYSIK.mjs";
-import "./chunk-VUYUQGLF.mjs";
 import "./chunk-QZ3LVYJW.mjs";
+import "./chunk-HAOK24MK.mjs";
 import {
-  checkbox_default
-} from "./chunk-ANYPMQH4.mjs";
+  card_default
+} from "./chunk-2ALY3PH5.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-ON2OTH5K.mjs";
+} from "./chunk-TSMVRGDO.mjs";
 import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-FDKT4IBP.mjs";
 import "./chunk-P732YGHO.mjs";
@@ -84,16 +84,16 @@ import {
   listItem_default
 } from "./chunk-V77MALL4.mjs";
 import "./chunk-NMSDSEBD.mjs";
-import "./chunk-HAOK24MK.mjs";
-import {
-  card_default
-} from "./chunk-2ALY3PH5.mjs";
+import "./chunk-VUYUQGLF.mjs";
 import {
   button_group_default
 } from "./chunk-NGQ3MK2J.mjs";
 import {
   button_default
 } from "./chunk-UR64ZUAU.mjs";
+import {
+  checkbox_default
+} from "./chunk-ANYPMQH4.mjs";
 import "./chunk-27Y6K5NK.mjs";
 import {
   accordion_default

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.102",
+  "version": "0.0.104",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",