@dmsi/wedgekit-react 0.0.858 → 0.0.859

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";
@@ -15,8 +15,8 @@ import "../../../chunk-SZ47M32R.js";
 import "../../../chunk-B4AE3DCA.js";
 import "../../../chunk-FP3Y5JJN.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-6EYMKEJ6.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-AT4AWD6B.js";
 import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-FZ2TEKOE.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/MobileDataGridCard/index.js

@@ -2,8 +2,8 @@ import {
   MobileDataGridCard
 } from "../../../chunk-FP3Y5JJN.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-6EYMKEJ6.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M7WHWZ2J.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-MMZTPVYB.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",

package/dist/components/MobileDataGrid/MobileDataGridHeader.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/MobileDataGridHeader.js

@@ -1,7 +1,7 @@
 import {
   MobileDataGridHeader
-} 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";
@@ -15,8 +15,8 @@ import "../../chunk-SZ47M32R.js";
 import "../../chunk-B4AE3DCA.js";
 import "../../chunk-FP3Y5JJN.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-6EYMKEJ6.js";
+import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-FZ2TEKOE.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/RowDetailModalProvider/ModalContent.js

@@ -2,8 +2,8 @@ import {
   ModalContent
 } from "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-6EYMKEJ6.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-MMZTPVYB.js";
 import "../../../chunk-5UH6QUFB.js";

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

@@ -642,7 +642,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx8.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",
@@ -822,19 +822,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 = ({
@@ -967,7 +967,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx9.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/RowDetailModalProvider/index.js

@@ -1,16 +1,16 @@
 import {
   RowDetailModalProvider
-} from "../../../chunk-WJJB7IJZ.js";
+} from "../../../chunk-57HL5K5I.js";
 import "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-6EYMKEJ6.js";
-import "../../../chunk-WWZG3S33.js";
+import "../../../chunk-AJ5M6MVX.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-BXEE6VGQ.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-MMZTPVYB.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -6366,7 +6366,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx39.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",
@@ -6442,19 +6442,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 = ({
@@ -6587,7 +6587,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx40.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/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/index.js

@@ -1,7 +1,7 @@
 import {
   MobileDataGrid
-} 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";
@@ -15,8 +15,8 @@ import "../../chunk-SZ47M32R.js";
 import "../../chunk-B4AE3DCA.js";
 import "../../chunk-FP3Y5JJN.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-6EYMKEJ6.js";
+import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-FZ2TEKOE.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/Modal.cjs

@@ -643,7 +643,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx8.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",
@@ -775,19 +775,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 = ({
@@ -920,7 +920,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx9.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/Modal.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   Modal
-} from "../chunk-WWZG3S33.js";
+} from "../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-BXEE6VGQ.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-MMZTPVYB.js";

package/dist/components/ModalScrim.cjs

@@ -50,7 +50,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx.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",

package/dist/components/ModalScrim.js

@@ -1,6 +1,6 @@
 import {
   ModalScrim
-} from "../chunk-AG43RS4Q.js";
+} from "../chunk-E7LGUC2B.js";
 import "../chunk-ORMEWXMH.js";
 export {
   ModalScrim

package/dist/components/PDFViewer/index.cjs

@@ -646,7 +646,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: (0, import_clsx8.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",
@@ -778,19 +778,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 = ({
@@ -923,7 +923,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: (0, import_clsx9.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/PDFViewer/index.js

@@ -15,12 +15,12 @@ import {
 import "../../chunk-ZL6NXIGS.js";
 import {
   Modal
-} from "../../chunk-WWZG3S33.js";
+} from "../../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-BXEE6VGQ.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-MMZTPVYB.js";

package/dist/components/index.cjs

@@ -6153,7 +6153,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",
@@ -6229,19 +6229,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 = ({
@@ -6374,7 +6374,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/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/index.js

@@ -2,8 +2,8 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} 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 {
@@ -25,8 +25,8 @@ import "../chunk-FP3Y5JJN.js";
 import {
   useGridContext
 } from "../chunk-5IFPG6TS.js";
-import "../chunk-AJ5M6MVX.js";
 import "../chunk-6EYMKEJ6.js";
+import "../chunk-AJ5M6MVX.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
@@ -47,12 +47,12 @@ import {
 import {
   Tooltip
 } from "../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 {
   ListGroup