@dmsi/wedgekit-react 0.0.842 → 0.0.844

package/dist/components/DateRangeInput.js

@@ -1,21 +1,21 @@
 import {
   CalendarRange
-} from "../chunk-5BDLTYAC.js";
+} from "../chunk-UIF3AIAT.js";
 import "../chunk-WJJB7IJZ.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-Q4YDNW7N.js";
-import "../chunk-GQDUOL5Y.js";
-import "../chunk-YCDDBSVU.js";
-import "../chunk-3X3Y4TMS.js";
-import "../chunk-BQNPOGD5.js";
-import "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
-import "../chunk-2IKT6IHB.js";
+import "../chunk-Y75MQKNY.js";
 import "../chunk-B4AE3DCA.js";
 import "../chunk-FP3Y5JJN.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-6EYMKEJ6.js";
+import "../chunk-Y5GD2FJA.js";
+import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
+import "../chunk-YCDDBSVU.js";
+import "../chunk-3X3Y4TMS.js";
+import "../chunk-BQNPOGD5.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-FZ2TEKOE.js";
@@ -23,7 +23,7 @@ import "../chunk-FESS4LWU.js";
 import "../chunk-KBIEWFQS.js";
 import "../chunk-NSZTJ5R4.js";
 import "../chunk-LB7UT6F3.js";
-import "../chunk-AS57Y2D3.js";
+import "../chunk-ZL6NXIGS.js";
 import "../chunk-WWZG3S33.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-UUKHQUSF.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.cjs

@@ -4359,6 +4359,7 @@ var Tooltip = ({
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
@@ -4370,7 +4371,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -1,21 +1,21 @@
 import {
   ColumnSelector
-} from "../../../chunk-5BDLTYAC.js";
+} from "../../../chunk-UIF3AIAT.js";
 import "../../../chunk-WJJB7IJZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-Q4YDNW7N.js";
-import "../../../chunk-GQDUOL5Y.js";
-import "../../../chunk-YCDDBSVU.js";
-import "../../../chunk-3X3Y4TMS.js";
-import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-Y75MQKNY.js";
 import "../../../chunk-B4AE3DCA.js";
 import "../../../chunk-FP3Y5JJN.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-6EYMKEJ6.js";
+import "../../../chunk-Y5GD2FJA.js";
+import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-YCDDBSVU.js";
+import "../../../chunk-3X3Y4TMS.js";
+import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-FZ2TEKOE.js";
@@ -23,7 +23,7 @@ import "../../../chunk-FESS4LWU.js";
 import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
 import "../../../chunk-LB7UT6F3.js";
-import "../../../chunk-AS57Y2D3.js";
+import "../../../chunk-ZL6NXIGS.js";
 import "../../../chunk-WWZG3S33.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-UUKHQUSF.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -4666,6 +4666,7 @@ var Tooltip = ({
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
@@ -4677,7 +4678,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "div",
             {

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,21 +1,21 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-5BDLTYAC.js";
+} from "../../chunk-UIF3AIAT.js";
 import "../../chunk-WJJB7IJZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-Q4YDNW7N.js";
-import "../../chunk-GQDUOL5Y.js";
-import "../../chunk-YCDDBSVU.js";
-import "../../chunk-3X3Y4TMS.js";
-import "../../chunk-BQNPOGD5.js";
-import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-Y75MQKNY.js";
 import "../../chunk-B4AE3DCA.js";
 import "../../chunk-FP3Y5JJN.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-6EYMKEJ6.js";
+import "../../chunk-Y5GD2FJA.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
+import "../../chunk-YCDDBSVU.js";
+import "../../chunk-3X3Y4TMS.js";
+import "../../chunk-BQNPOGD5.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-FZ2TEKOE.js";
@@ -23,7 +23,7 @@ import "../../chunk-FESS4LWU.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
-import "../../chunk-AS57Y2D3.js";
+import "../../chunk-ZL6NXIGS.js";
 import "../../chunk-WWZG3S33.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -4666,6 +4666,7 @@ var Tooltip = ({
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
@@ -4677,7 +4678,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "div",
             {

package/dist/components/MobileDataGrid/index.js

@@ -1,21 +1,21 @@
 import {
   MobileDataGrid
-} from "../../chunk-5BDLTYAC.js";
+} from "../../chunk-UIF3AIAT.js";
 import "../../chunk-WJJB7IJZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-Q4YDNW7N.js";
-import "../../chunk-GQDUOL5Y.js";
-import "../../chunk-YCDDBSVU.js";
-import "../../chunk-3X3Y4TMS.js";
-import "../../chunk-BQNPOGD5.js";
-import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-Y75MQKNY.js";
 import "../../chunk-B4AE3DCA.js";
 import "../../chunk-FP3Y5JJN.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-6EYMKEJ6.js";
+import "../../chunk-Y5GD2FJA.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
+import "../../chunk-YCDDBSVU.js";
+import "../../chunk-3X3Y4TMS.js";
+import "../../chunk-BQNPOGD5.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-FZ2TEKOE.js";
@@ -23,7 +23,7 @@ import "../../chunk-FESS4LWU.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
-import "../../chunk-AS57Y2D3.js";
+import "../../chunk-ZL6NXIGS.js";
 import "../../chunk-WWZG3S33.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";

package/dist/components/PDFViewer/DownloadIcon.cjs

@@ -422,8 +422,41 @@ function Icon(_a) {
 
 // src/components/Tooltip.tsx
 var import_clsx4 = __toESM(require("clsx"), 1);
-var import_react = require("react");
+var import_react6 = require("react");
 var import_react_dom = require("react-dom");
+
+// src/hooks/useKeydown.ts
+var import_react = require("react");
+
+// src/hooks/useInfiniteScroll.tsx
+var import_react2 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react3 = require("react");
+var useMatchesMedia = (query) => {
+  const [matches, setMatches] = (0, import_react3.useState)();
+  (0, import_react3.useLayoutEffect)(() => {
+    const mediaQueryList = window.matchMedia(query);
+    const listener = () => setMatches(mediaQueryList.matches);
+    listener();
+    mediaQueryList.addEventListener("change", listener);
+    return () => mediaQueryList.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+};
+var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
+
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.3`;
+
+// src/hooks/useTableLayout.ts
+var import_react4 = require("react");
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+
+// src/hooks/useEditCell.tsx
+var import_react5 = require("react");
+
+// src/components/Tooltip.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Tooltip = ({
   id,
@@ -435,11 +468,11 @@ var Tooltip = ({
   offset = 8,
   keepHidden = false
 }) => {
-  const ref = (0, import_react.useRef)(null);
-  const tooltipRef = (0, import_react.useRef)(null);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react.useState)({ top: 0, left: 0 });
-  const [isVisible, setIsVisible] = (0, import_react.useState)(false);
-  const [removeOpacity, setRemoveOpacity] = (0, import_react.useState)(false);
+  const ref = (0, import_react6.useRef)(null);
+  const tooltipRef = (0, import_react6.useRef)(null);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react6.useState)({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
+  const [removeOpacity, setRemoveOpacity] = (0, import_react6.useState)(false);
   const updatePosition = () => {
     if (!ref.current || !tooltipRef.current) return;
     const rect = ref.current.getBoundingClientRect();
@@ -478,19 +511,20 @@ var Tooltip = ({
     setIsVisible(false);
     setRemoveOpacity(false);
   };
-  (0, import_react.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (isVisible && tooltipRef.current) {
       requestAnimationFrame(() => {
         updatePosition();
       });
     }
   }, [isVisible]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (isVisible) {
       window.addEventListener("resize", updatePosition);
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
@@ -502,7 +536,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {

package/dist/components/PDFViewer/DownloadIcon.js

@@ -1,7 +1,11 @@
 import {
   DownloadIcon
-} from "../../chunk-6NDQCVAN.js";
-import "../../chunk-AS57Y2D3.js";
+} from "../../chunk-RTZO2OU7.js";
+import "../../chunk-ZL6NXIGS.js";
+import "../../chunk-BXEE6VGQ.js";
+import "../../chunk-VXWSAIB5.js";
+import "../../chunk-MMZTPVYB.js";
+import "../../chunk-5UH6QUFB.js";
 import "../../chunk-BMAZBFUU.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-NKUETCDA.js";

package/dist/components/PDFViewer/index.cjs

@@ -1380,6 +1380,7 @@ var Tooltip = ({
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
@@ -1391,7 +1392,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "div",
             {

package/dist/components/PDFViewer/index.js

@@ -1,15 +1,15 @@
 "use client";
+import {
+  PdfNavigation
+} from "../../chunk-7YW4Q7OQ.js";
 import {
   DownloadIcon
-} from "../../chunk-6NDQCVAN.js";
+} from "../../chunk-RTZO2OU7.js";
 import {
   PDFElement
 } from "../../chunk-EQ2RAI53.js";
-import {
-  PdfNavigation
-} from "../../chunk-7YW4Q7OQ.js";
 import "../../chunk-VJVY6NPF.js";
-import "../../chunk-AS57Y2D3.js";
+import "../../chunk-ZL6NXIGS.js";
 import {
   Modal
 } from "../../chunk-WWZG3S33.js";

package/dist/components/Password.cjs

@@ -63,7 +63,7 @@ __export(Password_exports, {
   Password: () => Password
 });
 module.exports = __toCommonJS(Password_exports);
-var import_react3 = require("react");
+var import_react8 = require("react");
 
 // src/components/Input.tsx
 var import_react = require("react");
@@ -834,8 +834,41 @@ Percentage.displayName = "Percentage";
 
 // src/components/Tooltip.tsx
 var import_clsx6 = __toESM(require("clsx"), 1);
-var import_react2 = require("react");
+var import_react7 = require("react");
 var import_react_dom = require("react-dom");
+
+// src/hooks/useKeydown.ts
+var import_react2 = require("react");
+
+// src/hooks/useInfiniteScroll.tsx
+var import_react3 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react4 = require("react");
+var useMatchesMedia = (query) => {
+  const [matches, setMatches] = (0, import_react4.useState)();
+  (0, import_react4.useLayoutEffect)(() => {
+    const mediaQueryList = window.matchMedia(query);
+    const listener = () => setMatches(mediaQueryList.matches);
+    listener();
+    mediaQueryList.addEventListener("change", listener);
+    return () => mediaQueryList.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+};
+var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
+
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.3`;
+
+// src/hooks/useTableLayout.ts
+var import_react5 = require("react");
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+
+// src/hooks/useEditCell.tsx
+var import_react6 = require("react");
+
+// src/components/Tooltip.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Tooltip = ({
   id,
@@ -847,11 +880,11 @@ var Tooltip = ({
   offset = 8,
   keepHidden = false
 }) => {
-  const ref = (0, import_react2.useRef)(null);
-  const tooltipRef = (0, import_react2.useRef)(null);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react2.useState)({ top: 0, left: 0 });
-  const [isVisible, setIsVisible] = (0, import_react2.useState)(false);
-  const [removeOpacity, setRemoveOpacity] = (0, import_react2.useState)(false);
+  const ref = (0, import_react7.useRef)(null);
+  const tooltipRef = (0, import_react7.useRef)(null);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react7.useState)({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = (0, import_react7.useState)(false);
+  const [removeOpacity, setRemoveOpacity] = (0, import_react7.useState)(false);
   const updatePosition = () => {
     if (!ref.current || !tooltipRef.current) return;
     const rect = ref.current.getBoundingClientRect();
@@ -890,19 +923,20 @@ var Tooltip = ({
     setIsVisible(false);
     setRemoveOpacity(false);
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (isVisible && tooltipRef.current) {
       requestAnimationFrame(() => {
         updatePosition();
       });
     }
   }, [isVisible]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (isVisible) {
       window.addEventListener("resize", updatePosition);
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
@@ -914,7 +948,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
@@ -964,7 +998,7 @@ var Password = (_a) => {
     "id",
     "testid"
   ]);
-  const [show, setShow] = (0, import_react3.useState)(false);
+  const [show, setShow] = (0, import_react8.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     InputBase,
     __spreadProps(__spreadValues({

package/dist/components/Password.js

@@ -1,11 +1,14 @@
 "use client";
 import {
   Tooltip
-} from "../chunk-AS57Y2D3.js";
+} from "../chunk-ZL6NXIGS.js";
 import {
   InputBase
 } from "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
+import "../chunk-BXEE6VGQ.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-MMZTPVYB.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";
 import {

package/dist/components/ProductImagePreview/index.js

@@ -1,11 +1,11 @@
 import {
   ProductImagePreview
-} from "../../chunk-GQDUOL5Y.js";
+} from "../../chunk-Y75MQKNY.js";
+import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";

package/dist/components/Stepper.cjs

@@ -1018,8 +1018,41 @@ var import_clsx8 = __toESM(require("clsx"), 1);
 
 // src/components/Tooltip.tsx
 var import_clsx7 = __toESM(require("clsx"), 1);
-var import_react2 = require("react");
+var import_react7 = require("react");
 var import_react_dom = require("react-dom");
+
+// src/hooks/useKeydown.ts
+var import_react2 = require("react");
+
+// src/hooks/useInfiniteScroll.tsx
+var import_react3 = require("react");
+
+// src/hooks/useMatchesMedia.ts
+var import_react4 = require("react");
+var useMatchesMedia = (query) => {
+  const [matches, setMatches] = (0, import_react4.useState)();
+  (0, import_react4.useLayoutEffect)(() => {
+    const mediaQueryList = window.matchMedia(query);
+    const listener = () => setMatches(mediaQueryList.matches);
+    listener();
+    mediaQueryList.addEventListener("change", listener);
+    return () => mediaQueryList.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+};
+var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
+
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1.3`;
+
+// src/hooks/useTableLayout.ts
+var import_react5 = require("react");
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
+
+// src/hooks/useEditCell.tsx
+var import_react6 = require("react");
+
+// src/components/Tooltip.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var Tooltip = ({
   id,
@@ -1031,11 +1064,11 @@ var Tooltip = ({
   offset = 8,
   keepHidden = false
 }) => {
-  const ref = (0, import_react2.useRef)(null);
-  const tooltipRef = (0, import_react2.useRef)(null);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react2.useState)({ top: 0, left: 0 });
-  const [isVisible, setIsVisible] = (0, import_react2.useState)(false);
-  const [removeOpacity, setRemoveOpacity] = (0, import_react2.useState)(false);
+  const ref = (0, import_react7.useRef)(null);
+  const tooltipRef = (0, import_react7.useRef)(null);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react7.useState)({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = (0, import_react7.useState)(false);
+  const [removeOpacity, setRemoveOpacity] = (0, import_react7.useState)(false);
   const updatePosition = () => {
     if (!ref.current || !tooltipRef.current) return;
     const rect = ref.current.getBoundingClientRect();
@@ -1074,19 +1107,20 @@ var Tooltip = ({
     setIsVisible(false);
     setRemoveOpacity(false);
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (isVisible && tooltipRef.current) {
       requestAnimationFrame(() => {
         updatePosition();
       });
     }
   }, [isVisible]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (isVisible) {
       window.addEventListener("resize", updatePosition);
       return () => window.removeEventListener("resize", updatePosition);
     }
   }, [isVisible]);
+  const isMobile = useMatchesMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
@@ -1098,7 +1132,7 @@ var Tooltip = ({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
+        !keepHidden && isVisible && !isMobile && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "div",
             {

package/dist/components/Stepper.js

@@ -1,11 +1,14 @@
 "use client";
 import {
   Tooltip
-} from "../chunk-AS57Y2D3.js";
+} from "../chunk-ZL6NXIGS.js";
 import {
   InputBase
 } from "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
+import "../chunk-BXEE6VGQ.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-MMZTPVYB.js";
 import "../chunk-5UH6QUFB.js";
 import {
   Button