@dmsi/wedgekit-react 0.0.518 → 0.0.520

package/dist/{chunk-56RPZLV7.js → chunk-7COWXCPA.js}

@@ -1,3 +1,6 @@
+import {
+  Tooltip
+} from "./chunk-MDB26F6T.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -12,7 +15,7 @@ function DownloadIcon({
   isDownloading,
   testid
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ jsx(
     Button,
     {
       testid,
@@ -21,7 +24,7 @@ function DownloadIcon({
       leftIcon: /* @__PURE__ */ jsx(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }
-  );
+  ) });
 }
 
 export {

package/dist/components/CalendarRange.js

@@ -2,7 +2,7 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-TNNJTEEB.js";
+} from "../chunk-HBGSQ6EO.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
@@ -18,13 +18,13 @@ import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-UI7P5J5S.js";
-import "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-OWHPPZZA.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
+import "../chunk-MDB26F6T.js";
 import "../chunk-U6W5E3XW.js";
 import "../chunk-BMPL6LCR.js";
 import "../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,6 +1,6 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-TNNJTEEB.js";
+} from "../../../chunk-HBGSQ6EO.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-UI7P5J5S.js";
-import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-OWHPPZZA.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
+import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-U6W5E3XW.js";
 import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js

@@ -1,6 +1,6 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-TNNJTEEB.js";
+} from "../../../chunk-HBGSQ6EO.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-UI7P5J5S.js";
-import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-OWHPPZZA.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
+import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-U6W5E3XW.js";
 import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/PinnedColumns.js

@@ -1,6 +1,6 @@
 import {
   PinnedColumns
-} from "../../chunk-TNNJTEEB.js";
+} from "../../chunk-HBGSQ6EO.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-U6W5E3XW.js";
 import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/TableBody/LoadingCell.js

@@ -1,6 +1,6 @@
 import {
   LoadingCell
-} from "../../../chunk-TNNJTEEB.js";
+} from "../../../chunk-HBGSQ6EO.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-UI7P5J5S.js";
-import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-OWHPPZZA.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
+import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-U6W5E3XW.js";
 import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/TableBody/TableBodyRow.js

@@ -1,6 +1,6 @@
 import {
   TableBodyRow
-} from "../../../chunk-TNNJTEEB.js";
+} from "../../../chunk-HBGSQ6EO.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-UI7P5J5S.js";
-import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-OWHPPZZA.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
+import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-U6W5E3XW.js";
 import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/TableBody/index.js

@@ -1,6 +1,6 @@
 import {
   TableBody
-} from "../../../chunk-TNNJTEEB.js";
+} from "../../../chunk-HBGSQ6EO.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-UI7P5J5S.js";
-import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-OWHPPZZA.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
+import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-U6W5E3XW.js";
 import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/index.js

@@ -2,7 +2,7 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-TNNJTEEB.js";
+} from "../../chunk-HBGSQ6EO.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
@@ -18,13 +18,13 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-U6W5E3XW.js";
 import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";

package/dist/components/DataGrid/utils.js

@@ -1,6 +1,6 @@
 import {
   getSortIcon
-} from "../../chunk-TNNJTEEB.js";
+} from "../../chunk-HBGSQ6EO.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-U6W5E3XW.js";
 import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";

package/dist/components/DateInput.js

@@ -1,6 +1,6 @@
 import {
   DateInput
-} from "../chunk-TNNJTEEB.js";
+} from "../chunk-HBGSQ6EO.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-UI7P5J5S.js";
-import "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-OWHPPZZA.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
+import "../chunk-MDB26F6T.js";
 import "../chunk-U6W5E3XW.js";
 import "../chunk-BMPL6LCR.js";
 import "../chunk-4RJKB7LC.js";

package/dist/components/DateRangeInput.js

@@ -1,6 +1,6 @@
 import {
   CalendarRange
-} from "../chunk-TNNJTEEB.js";
+} from "../chunk-HBGSQ6EO.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-UI7P5J5S.js";
-import "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-OWHPPZZA.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
+import "../chunk-MDB26F6T.js";
 import "../chunk-U6W5E3XW.js";
 import "../chunk-BMPL6LCR.js";
 import "../chunk-4RJKB7LC.js";

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

@@ -1,6 +1,6 @@
 import {
   ColumnSelector
-} from "../../../chunk-TNNJTEEB.js";
+} from "../../../chunk-HBGSQ6EO.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ELXVDRWS.js";
 import "../../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../../chunk-5YNEY3WO.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-UI7P5J5S.js";
-import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-OWHPPZZA.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
+import "../../../chunk-MDB26F6T.js";
 import "../../../chunk-U6W5E3XW.js";
 import "../../../chunk-BMPL6LCR.js";
 import "../../../chunk-4RJKB7LC.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-TNNJTEEB.js";
+} from "../../chunk-HBGSQ6EO.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-U6W5E3XW.js";
 import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";

package/dist/components/MobileDataGrid/index.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} from "../../chunk-TNNJTEEB.js";
+} from "../../chunk-HBGSQ6EO.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
@@ -16,13 +16,13 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-U6W5E3XW.js";
 import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";

package/dist/components/PDFViewer/DownloadIcon.cjs

@@ -379,23 +379,145 @@ function Icon(_a) {
   );
 }
 
-// src/components/PDFViewer/DownloadIcon.tsx
+// src/components/Tooltip.tsx
+var import_clsx4 = __toESM(require("clsx"), 1);
+var import_react = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var Tooltip = ({
+  id,
+  testid,
+  message,
+  position = "top",
+  children,
+  showOnTruncation = false,
+  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 updatePosition = () => {
+    if (!ref.current || !tooltipRef.current) return;
+    const rect = ref.current.getBoundingClientRect();
+    const tooltipRect = tooltipRef.current.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    switch (position) {
+      case "top":
+        top = rect.top - tooltipRect.height - offset;
+        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
+        break;
+      case "bottom":
+        top = rect.bottom + offset;
+        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
+        break;
+      case "left":
+        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
+        left = rect.left - tooltipRect.width - offset;
+        break;
+      case "right":
+        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
+        left = rect.right + offset;
+        break;
+    }
+    setTooltipPosition({ top, left });
+    requestAnimationFrame(() => {
+      setRemoveOpacity(true);
+    });
+  };
+  const handleMouseEnter = () => {
+    if (!showOnTruncation || checkForTextTruncation()) {
+      setIsVisible(true);
+    }
+  };
+  const handleMouseLeave = () => {
+    setIsVisible(false);
+    setRemoveOpacity(false);
+  };
+  (0, import_react.useEffect)(() => {
+    if (isVisible && tooltipRef.current) {
+      requestAnimationFrame(() => {
+        updatePosition();
+      });
+    }
+  }, [isVisible]);
+  (0, import_react.useEffect)(() => {
+    if (isVisible) {
+      window.addEventListener("resize", updatePosition);
+      return () => window.removeEventListener("resize", updatePosition);
+    }
+  }, [isVisible]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      id,
+      "data-testid": testid,
+      ref,
+      className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        children,
+        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "div",
+            {
+              id: id ? `${id}-message` : void 0,
+              "data-testid": testid ? `${testid}-message` : void 0,
+              ref: tooltipRef,
+              style: {
+                position: "fixed",
+                top: `${tooltipPosition.top}px`,
+                left: `${tooltipPosition.left}px`,
+                zIndex: 9999
+              },
+              className: (0, import_clsx4.default)(
+                typography.caption,
+                "bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
+                componentPadding,
+                !removeOpacity && "opacity-0"
+              ),
+              children: message
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+  function checkForTextTruncation() {
+    if (showOnTruncation && ref.current) {
+      const paragraph = ref.current.querySelector("p");
+      if (paragraph) {
+        const isTruncated = paragraph.scrollWidth > paragraph.clientWidth;
+        return isTruncated;
+      }
+    }
+    return false;
+  }
+};
+Tooltip.displayName = "Tooltip";
+
+// src/components/PDFViewer/DownloadIcon.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function DownloadIcon({
   onClick,
   isDownloading,
   testid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Button,
     {
       testid,
       iconOnly: true,
       variant: "tertiary",
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
+      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }
-  );
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/PDFViewer/DownloadIcon.js

@@ -1,6 +1,7 @@
 import {
   DownloadIcon
-} from "../../chunk-56RPZLV7.js";
+} from "../../chunk-7COWXCPA.js";
+import "../../chunk-MDB26F6T.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-45AHDOAU.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/PDFViewer/index.cjs

@@ -63,7 +63,7 @@ __export(PDFViewer_exports, {
   PDFViewer: () => PDFViewer
 });
 module.exports = __toCommonJS(PDFViewer_exports);
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/Modal.tsx
 var import_clsx9 = __toESM(require("clsx"), 1);
@@ -1271,28 +1271,150 @@ function PDFElement({
   );
 }
 
-// src/components/PDFViewer/DownloadIcon.tsx
+// src/components/Tooltip.tsx
+var import_clsx12 = __toESM(require("clsx"), 1);
+var import_react9 = require("react");
+var import_react_dom2 = require("react-dom");
 var import_jsx_runtime13 = require("react/jsx-runtime");
+var Tooltip = ({
+  id,
+  testid,
+  message,
+  position = "top",
+  children,
+  showOnTruncation = false,
+  offset = 8,
+  keepHidden = false
+}) => {
+  const ref = (0, import_react9.useRef)(null);
+  const tooltipRef = (0, import_react9.useRef)(null);
+  const [tooltipPosition, setTooltipPosition] = (0, import_react9.useState)({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = (0, import_react9.useState)(false);
+  const [removeOpacity, setRemoveOpacity] = (0, import_react9.useState)(false);
+  const updatePosition = () => {
+    if (!ref.current || !tooltipRef.current) return;
+    const rect = ref.current.getBoundingClientRect();
+    const tooltipRect = tooltipRef.current.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    switch (position) {
+      case "top":
+        top = rect.top - tooltipRect.height - offset;
+        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
+        break;
+      case "bottom":
+        top = rect.bottom + offset;
+        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
+        break;
+      case "left":
+        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
+        left = rect.left - tooltipRect.width - offset;
+        break;
+      case "right":
+        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
+        left = rect.right + offset;
+        break;
+    }
+    setTooltipPosition({ top, left });
+    requestAnimationFrame(() => {
+      setRemoveOpacity(true);
+    });
+  };
+  const handleMouseEnter = () => {
+    if (!showOnTruncation || checkForTextTruncation()) {
+      setIsVisible(true);
+    }
+  };
+  const handleMouseLeave = () => {
+    setIsVisible(false);
+    setRemoveOpacity(false);
+  };
+  (0, import_react9.useEffect)(() => {
+    if (isVisible && tooltipRef.current) {
+      requestAnimationFrame(() => {
+        updatePosition();
+      });
+    }
+  }, [isVisible]);
+  (0, import_react9.useEffect)(() => {
+    if (isVisible) {
+      window.addEventListener("resize", updatePosition);
+      return () => window.removeEventListener("resize", updatePosition);
+    }
+  }, [isVisible]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      id,
+      "data-testid": testid,
+      ref,
+      className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        children,
+        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "div",
+            {
+              id: id ? `${id}-message` : void 0,
+              "data-testid": testid ? `${testid}-message` : void 0,
+              ref: tooltipRef,
+              style: {
+                position: "fixed",
+                top: `${tooltipPosition.top}px`,
+                left: `${tooltipPosition.left}px`,
+                zIndex: 9999
+              },
+              className: (0, import_clsx12.default)(
+                typography.caption,
+                "bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
+                componentPadding,
+                !removeOpacity && "opacity-0"
+              ),
+              children: message
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+  function checkForTextTruncation() {
+    if (showOnTruncation && ref.current) {
+      const paragraph = ref.current.querySelector("p");
+      if (paragraph) {
+        const isTruncated = paragraph.scrollWidth > paragraph.clientWidth;
+        return isTruncated;
+      }
+    }
+    return false;
+  }
+};
+Tooltip.displayName = "Tooltip";
+
+// src/components/PDFViewer/DownloadIcon.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function DownloadIcon({
   onClick,
   isDownloading,
   testid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Tooltip, { message: "Download", position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Button,
     {
       testid,
       iconOnly: true,
       variant: "tertiary",
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
+      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }
-  );
+  ) });
 }
 
 // src/components/Paragraph.tsx
-var import_clsx12 = __toESM(require("clsx"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_clsx13 = __toESM(require("clsx"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Paragraph = (_a) => {
   var _b = _a, {
     className,
@@ -1318,13 +1440,13 @@ var Paragraph = (_a) => {
     "testid"
   ]);
   const Element = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     Element,
     __spreadProps(__spreadValues({
       id,
       "data-testid": testid
     }, props), {
-      className: (0, import_clsx12.default)(
+      className: (0, import_clsx13.default)(
         typography.paragraph,
         className,
         padded && componentPaddingXUsingComponentGap,
@@ -1344,7 +1466,7 @@ var Paragraph = (_a) => {
 Paragraph.displayName = "Paragraph";
 
 // src/components/PDFViewer/PDFNavigation.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function PdfNavigation({
   currentIndex,
   total,
@@ -1356,7 +1478,7 @@ function PdfNavigation({
   testid,
   fileName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     Stack,
     {
       horizontal: true,
@@ -1365,44 +1487,44 @@ function PdfNavigation({
       sizing: "layout-group",
       testid: testid ? `${testid}-pdf-navigation` : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Stack, { horizontal: true, items: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Stack, { horizontal: true, items: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             Button,
             {
               iconOnly: true,
               variant: "tertiary",
               onClick: onPrev,
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "chevron_backward" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron_backward" }),
               disabled: disablePrev,
               testid: testid ? `${testid}-pdf-file-previous-button` : void 0
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
             currentIndex + 1,
             " / ",
             total
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             Button,
             {
               iconOnly: true,
               variant: "tertiary",
               onClick: onNext,
-              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "chevron_forward" }),
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron_forward" }),
               disabled: disableNext,
               testid: testid ? `${testid}-pdf-file-next-button` : void 0
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
         ] }),
-        extraActions && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center gap-2", children: extraActions })
+        extraActions && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center gap-2", children: extraActions })
       ]
     }
   ) });
 }
 
 // src/components/PDFViewer/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function PDFViewer(props) {
   const {
     isOpen,
@@ -1416,9 +1538,9 @@ function PDFViewer(props) {
     withPagination = true,
     error
   } = props;
-  const [currentIndex, setCurrentIndex] = (0, import_react9.useState)(0);
-  const [isDownloading, setIsDownloading] = (0, import_react9.useState)(false);
-  const handleDownload = (0, import_react9.useCallback)(() => {
+  const [currentIndex, setCurrentIndex] = (0, import_react10.useState)(0);
+  const [isDownloading, setIsDownloading] = (0, import_react10.useState)(false);
+  const handleDownload = (0, import_react10.useCallback)(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
     const currentPdf = encodedPdfs[currentIndex];
@@ -1449,7 +1571,7 @@ function PDFViewer(props) {
     setIsDownloading(false);
     onClose();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Modal,
     {
       testid,
@@ -1458,7 +1580,7 @@ function PDFViewer(props) {
       onClose: handleClose,
       noWrapper: true,
       showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
-      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         PdfNavigation,
         {
           testid,
@@ -1474,7 +1596,7 @@ function PDFViewer(props) {
       ) : customActions,
       fixedHeightScrolling: true,
       headerIconAlign: "right",
-      headerIcon: !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      headerIcon: !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         DownloadIcon,
         {
           testid: testid ? `${testid}-download-icon` : void 0,
@@ -1485,7 +1607,7 @@ function PDFViewer(props) {
       title: isMobile ? title != null ? title : encodedPdfs[currentIndex].fileName : void 0,
       size: isMobile ? "screen" : "large",
       headerClassname: "bg-brand-400 desktop:bg-background-grouped-primary-normal p-mobile-layout-padding text-brand-text-action-primary-normal",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         PDFElement,
         {
           testid,

package/dist/components/PDFViewer/index.js

@@ -8,8 +8,9 @@ import {
 import "../../chunk-VJVY6NPF.js";
 import {
   DownloadIcon
-} from "../../chunk-56RPZLV7.js";
+} from "../../chunk-7COWXCPA.js";
 import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MDB26F6T.js";
 import {
   Modal
 } from "../../chunk-BMPL6LCR.js";

package/dist/components/Password.cjs

@@ -63,7 +63,7 @@ __export(Password_exports, {
   Password: () => Password
 });
 module.exports = __toCommonJS(Password_exports);
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/components/Input.tsx
 var import_react = require("react");
@@ -790,8 +790,130 @@ UOM.displayName = "UOM";
 Currency.displayName = "Currency";
 Percentage.displayName = "Percentage";
 
-// src/components/Password.tsx
+// src/components/Tooltip.tsx
+var import_clsx6 = __toESM(require("clsx"), 1);
+var import_react2 = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var Tooltip = ({
+  id,
+  testid,
+  message,
+  position = "top",
+  children,
+  showOnTruncation = false,
+  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 updatePosition = () => {
+    if (!ref.current || !tooltipRef.current) return;
+    const rect = ref.current.getBoundingClientRect();
+    const tooltipRect = tooltipRef.current.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    switch (position) {
+      case "top":
+        top = rect.top - tooltipRect.height - offset;
+        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
+        break;
+      case "bottom":
+        top = rect.bottom + offset;
+        left = rect.left + rect.width / 2 - tooltipRect.width / 2;
+        break;
+      case "left":
+        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
+        left = rect.left - tooltipRect.width - offset;
+        break;
+      case "right":
+        top = rect.top + rect.height / 2 - tooltipRect.height / 2;
+        left = rect.right + offset;
+        break;
+    }
+    setTooltipPosition({ top, left });
+    requestAnimationFrame(() => {
+      setRemoveOpacity(true);
+    });
+  };
+  const handleMouseEnter = () => {
+    if (!showOnTruncation || checkForTextTruncation()) {
+      setIsVisible(true);
+    }
+  };
+  const handleMouseLeave = () => {
+    setIsVisible(false);
+    setRemoveOpacity(false);
+  };
+  (0, import_react2.useEffect)(() => {
+    if (isVisible && tooltipRef.current) {
+      requestAnimationFrame(() => {
+        updatePosition();
+      });
+    }
+  }, [isVisible]);
+  (0, import_react2.useEffect)(() => {
+    if (isVisible) {
+      window.addEventListener("resize", updatePosition);
+      return () => window.removeEventListener("resize", updatePosition);
+    }
+  }, [isVisible]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      id,
+      "data-testid": testid,
+      ref,
+      className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        children,
+        !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "div",
+            {
+              id: id ? `${id}-message` : void 0,
+              "data-testid": testid ? `${testid}-message` : void 0,
+              ref: tooltipRef,
+              style: {
+                position: "fixed",
+                top: `${tooltipPosition.top}px`,
+                left: `${tooltipPosition.left}px`,
+                zIndex: 9999
+              },
+              className: (0, import_clsx6.default)(
+                typography.caption,
+                "bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
+                componentPadding,
+                !removeOpacity && "opacity-0"
+              ),
+              children: message
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+  function checkForTextTruncation() {
+    if (showOnTruncation && ref.current) {
+      const paragraph = ref.current.querySelector("p");
+      if (paragraph) {
+        const isTruncated = paragraph.scrollWidth > paragraph.clientWidth;
+        return isTruncated;
+      }
+    }
+    return false;
+  }
+};
+Tooltip.displayName = "Tooltip";
+
+// src/components/Password.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Password = (_a) => {
   var _b = _a, {
     id,
@@ -800,21 +922,21 @@ var Password = (_a) => {
     "id",
     "testid"
   ]);
-  const [show, setShow] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const [show, setShow] = (0, import_react3.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     InputBase,
     __spreadProps(__spreadValues({
       id,
       testid
     }, props), {
       type: show ? "text" : "password",
-      after: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WhichIcon, { id, testid, show, setShow })
+      after: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WhichIcon, { id, testid, show, setShow })
     })
   );
 };
 var WhichIcon = ({ id, testid, show, setShow }) => {
   if (show) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tooltip, { message: "Show", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Icon,
       {
         id: id ? `${id}-toggle-visibility` : void 0,
@@ -823,9 +945,9 @@ var WhichIcon = ({ id, testid, show, setShow }) => {
         className: "cursor-pointer",
         onClick: () => setShow(false)
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Tooltip, { message: "Hide", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Icon,
     {
       id: id ? `${id}-toggle-visibility` : void 0,
@@ -834,7 +956,7 @@ var WhichIcon = ({ id, testid, show, setShow }) => {
       className: "cursor-pointer",
       onClick: () => setShow(true)
     }
-  );
+  ) });
 };
 Password.displayName = "Password";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/Password.js

@@ -1,4 +1,7 @@
 "use client";
+import {
+  Tooltip
+} from "../chunk-MDB26F6T.js";
 import {
   InputBase
 } from "../chunk-PMNNRB6S.js";
@@ -40,7 +43,7 @@ var Password = (_a) => {
 };
 var WhichIcon = ({ id, testid, show, setShow }) => {
   if (show) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Tooltip, { message: "Show", children: /* @__PURE__ */ jsx(
       Icon,
       {
         id: id ? `${id}-toggle-visibility` : void 0,
@@ -49,9 +52,9 @@ var WhichIcon = ({ id, testid, show, setShow }) => {
         className: "cursor-pointer",
         onClick: () => setShow(false)
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Tooltip, { message: "Hide", children: /* @__PURE__ */ jsx(
     Icon,
     {
       id: id ? `${id}-toggle-visibility` : void 0,
@@ -60,7 +63,7 @@ var WhichIcon = ({ id, testid, show, setShow }) => {
       className: "cursor-pointer",
       onClick: () => setShow(true)
     }
-  );
+  ) });
 };
 Password.displayName = "Password";
 export {

package/dist/components/index.js

@@ -2,7 +2,7 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-TNNJTEEB.js";
+} from "../chunk-HBGSQ6EO.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
@@ -22,9 +22,6 @@ import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-UI7P5J5S.js";
-import {
-  Tooltip
-} from "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
@@ -39,6 +36,9 @@ import {
 import {
   Pagination
 } from "../chunk-LB7UT6F3.js";
+import {
+  Tooltip
+} from "../chunk-MDB26F6T.js";
 import {
   Select
 } from "../chunk-U6W5E3XW.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.518",
+  "version": "0.0.520",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/PDFViewer/DownloadIcon.tsx

@@ -1,5 +1,6 @@
 import { Button } from "../Button";
 import { Icon } from "../Icon";
+import { Tooltip } from "../Tooltip";
 
 export function DownloadIcon({
   onClick,
@@ -11,12 +12,14 @@ export function DownloadIcon({
   testid?: string;
 }) {
   return (
-    <Button
-      testid={testid}
-      iconOnly
-      variant="tertiary"
-      leftIcon={<Icon name={isDownloading ? "cached" : "download"} />}
-      onClick={onClick}
-    />
+    <Tooltip message="Download" position="bottom">
+      <Button
+        testid={testid}
+        iconOnly
+        variant="tertiary"
+        leftIcon={<Icon name={isDownloading ? "cached" : "download"} />}
+        onClick={onClick}
+      />
+    </Tooltip>
   );
 }

package/src/components/Password.tsx

@@ -3,6 +3,7 @@
 import { ComponentProps, useState } from "react";
 import { InputBase, InputBaseProps } from "./Input";
 import { Icon } from "./Icon";
+import { Tooltip } from "./Tooltip";
 
 export const Password = ({
   id,
@@ -33,24 +34,28 @@ type WhichIconProps = {
 const WhichIcon = ({ id, testid, show, setShow }: WhichIconProps) => {
   if (show) {
     return (
+      <Tooltip message="Show">
+        <Icon
+          id={id ? `${id}-toggle-visibility` : undefined}
+          testid={testid ? `${testid}-toggle-visibility` : undefined}
+          name="visibility_off"
+          className="cursor-pointer"
+          onClick={() => setShow(false)}
+        />
+      </Tooltip>
+    );
+  }
+
+  return (
+    <Tooltip message="Hide">
       <Icon
         id={id ? `${id}-toggle-visibility` : undefined}
         testid={testid ? `${testid}-toggle-visibility` : undefined}
-        name="visibility_off"
+        name="visibility"
         className="cursor-pointer"
-        onClick={() => setShow(false)}
+        onClick={() => setShow(true)}
       />
-    );
-  }
-
-  return (
-    <Icon
-      id={id ? `${id}-toggle-visibility` : undefined}
-      testid={testid ? `${testid}-toggle-visibility` : undefined}
-      name="visibility"
-      className="cursor-pointer"
-      onClick={() => setShow(true)}
-    />
+    </Tooltip>
   );
 };
 

package/dist/{chunk-TNNJTEEB.js → chunk-HBGSQ6EO.js}

@@ -10,12 +10,12 @@ import {
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
-import {
-  Tooltip
-} from "./chunk-MDB26F6T.js";
 import {
   Theme
 } from "./chunk-EWGHVZL5.js";
+import {
+  Tooltip
+} from "./chunk-MDB26F6T.js";
 import {
   Select
 } from "./chunk-U6W5E3XW.js";