@dmsi/wedgekit-react 0.0.858 → 0.0.861

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

@@ -5132,7 +5132,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx26.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -5208,19 +5208,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -5353,7 +5353,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx27.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",

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

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

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

@@ -1,7 +1,7 @@
 import {
   TableBody
-} from "../../../chunk-RESDUVMA.js";
-import "../../../chunk-WJJB7IJZ.js";
+} from "../../../chunk-A57PKP6Z.js";
+import "../../../chunk-57HL5K5I.js";
 import "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-C5DKGJ4E.js";
@@ -25,12 +25,12 @@ import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
 import "../../../chunk-LB7UT6F3.js";
 import "../../../chunk-ZL6NXIGS.js";
-import "../../../chunk-WWZG3S33.js";
+import "../../../chunk-IPQIZG7U.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-UUKHQUSF.js";
 import "../../../chunk-WVVEOCEH.js";
 import "../../../chunk-2EAVEFWY.js";
-import "../../../chunk-AG43RS4Q.js";
+import "../../../chunk-E7LGUC2B.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-UAMI54FE.js";
 import "../../../chunk-SJZNVG4N.js";

package/dist/components/DataGrid/index.cjs

@@ -4260,7 +4260,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx23.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -4336,19 +4336,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -4481,7 +4481,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx24.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",

package/dist/components/DataGrid/index.css

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

package/dist/components/DataGrid/index.js

@@ -2,8 +2,8 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-RESDUVMA.js";
-import "../../chunk-WJJB7IJZ.js";
+} from "../../chunk-A57PKP6Z.js";
+import "../../chunk-57HL5K5I.js";
 import "../../chunk-Q4YDNW7N.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-C5DKGJ4E.js";
@@ -27,12 +27,12 @@ import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-ZL6NXIGS.js";
-import "../../chunk-WWZG3S33.js";
+import "../../chunk-IPQIZG7U.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
 import "../../chunk-2EAVEFWY.js";
-import "../../chunk-AG43RS4Q.js";
+import "../../chunk-E7LGUC2B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";
 import "../../chunk-SJZNVG4N.js";

package/dist/components/DataGrid/utils.cjs

@@ -5412,7 +5412,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx27.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -5488,19 +5488,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -5633,7 +5633,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx28.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",

package/dist/components/DataGrid/utils.css

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

package/dist/components/DataGrid/utils.js

@@ -1,7 +1,7 @@
 import {
   getSortIcon
-} from "../../chunk-RESDUVMA.js";
-import "../../chunk-WJJB7IJZ.js";
+} from "../../chunk-A57PKP6Z.js";
+import "../../chunk-57HL5K5I.js";
 import "../../chunk-Q4YDNW7N.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-C5DKGJ4E.js";
@@ -25,12 +25,12 @@ import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-ZL6NXIGS.js";
-import "../../chunk-WWZG3S33.js";
+import "../../chunk-IPQIZG7U.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
 import "../../chunk-2EAVEFWY.js";
-import "../../chunk-AG43RS4Q.js";
+import "../../chunk-E7LGUC2B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";
 import "../../chunk-SJZNVG4N.js";

package/dist/components/DateInput.cjs

@@ -4660,7 +4660,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx27.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -4736,19 +4736,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -4881,7 +4881,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx28.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",

package/dist/components/DateInput.css

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

package/dist/components/DateInput.js

@@ -1,7 +1,7 @@
 import {
   DateInput
-} from "../chunk-RESDUVMA.js";
-import "../chunk-WJJB7IJZ.js";
+} from "../chunk-A57PKP6Z.js";
+import "../chunk-57HL5K5I.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-C5DKGJ4E.js";
@@ -25,12 +25,12 @@ import "../chunk-KBIEWFQS.js";
 import "../chunk-NSZTJ5R4.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-ZL6NXIGS.js";
-import "../chunk-WWZG3S33.js";
+import "../chunk-IPQIZG7U.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
 import "../chunk-2EAVEFWY.js";
-import "../chunk-AG43RS4Q.js";
+import "../chunk-E7LGUC2B.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-UAMI54FE.js";
 import "../chunk-SJZNVG4N.js";

package/dist/components/DateRangeInput.cjs

@@ -4998,7 +4998,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx27.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -5074,19 +5074,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -5219,7 +5219,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx28.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",

package/dist/components/DateRangeInput.css

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

package/dist/components/DateRangeInput.js

@@ -1,7 +1,7 @@
 import {
   CalendarRange
-} from "../chunk-RESDUVMA.js";
-import "../chunk-WJJB7IJZ.js";
+} from "../chunk-A57PKP6Z.js";
+import "../chunk-57HL5K5I.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-C5DKGJ4E.js";
@@ -25,12 +25,12 @@ import "../chunk-KBIEWFQS.js";
 import "../chunk-NSZTJ5R4.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-ZL6NXIGS.js";
-import "../chunk-WWZG3S33.js";
+import "../chunk-IPQIZG7U.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
 import "../chunk-2EAVEFWY.js";
-import "../chunk-AG43RS4Q.js";
+import "../chunk-E7LGUC2B.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-UAMI54FE.js";
 import "../chunk-SJZNVG4N.js";

package/dist/components/MobileDataGrid/ColumnList.css

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

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

@@ -5432,7 +5432,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx28.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -5508,19 +5508,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -5653,7 +5653,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx29.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",

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

@@ -804,18 +804,21 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-fit {
     height: fit-content;
   }
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-18 {
     max-height: calc(var(--spacing) * 18);
   }
+  .max-h-dvh {
+    max-height: 100dvh;
+  }
   .max-h-full {
     max-height: 100%;
   }

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

@@ -1,7 +1,7 @@
 import {
   ColumnSelector
-} from "../../../chunk-RESDUVMA.js";
-import "../../../chunk-WJJB7IJZ.js";
+} from "../../../chunk-A57PKP6Z.js";
+import "../../../chunk-57HL5K5I.js";
 import "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-C5DKGJ4E.js";
@@ -25,12 +25,12 @@ import "../../../chunk-KBIEWFQS.js";
 import "../../../chunk-NSZTJ5R4.js";
 import "../../../chunk-LB7UT6F3.js";
 import "../../../chunk-ZL6NXIGS.js";
-import "../../../chunk-WWZG3S33.js";
+import "../../../chunk-IPQIZG7U.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-UUKHQUSF.js";
 import "../../../chunk-WVVEOCEH.js";
 import "../../../chunk-2EAVEFWY.js";
-import "../../../chunk-AG43RS4Q.js";
+import "../../../chunk-E7LGUC2B.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-UAMI54FE.js";
 import "../../../chunk-SJZNVG4N.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -5666,7 +5666,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx28.default)(
-        "overflow-y-auto h-screen transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
+        "overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
         !show && " pointer-events-none",
         size === "small" && "p-4",
         size === "screen" ? "desktop:p-0" : "desktop:p-4",
@@ -5742,19 +5742,19 @@ var whenAllAnimationsFinish = (animations, callback) => {
 };
 var sizes = {
   small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+    sizeClass: "h-fit max-h-dvh desktop:max-w-120 rounded-sm"
   },
   medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-dvh desktop:w-full max-w-240"
   },
   screen: {
-    sizeClass: "w-screen h-screen max-w-screen !rounded-none"
+    sizeClass: "w-screen h-dvh max-w-screen !rounded-none"
   }
 };
 var Modal = ({
@@ -5887,7 +5887,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx29.default)(
-              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              "shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
               computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
               className,
               !(className == null ? void 0 : className.includes("bg-")) && "bg-white",