@dmsi/wedgekit-react 0.0.858 → 0.0.859

package/dist/{chunk-WJJB7IJZ.js → chunk-57HL5K5I.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-WWZG3S33.js";
+} from "./chunk-IPQIZG7U.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";

package/dist/{chunk-RESDUVMA.js → chunk-A57PKP6Z.js}

@@ -1,6 +1,6 @@
 import {
   RowDetailModalProvider
-} from "./chunk-WJJB7IJZ.js";
+} from "./chunk-57HL5K5I.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";

package/dist/{chunk-AG43RS4Q.js → chunk-E7LGUC2B.js}

@@ -16,7 +16,7 @@ var ModalScrim = ({
       id,
       "data-testid": testid,
       className: clsx(
-        "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/{chunk-WWZG3S33.js → chunk-IPQIZG7U.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-2EAVEFWY.js";
 import {
   ModalScrim
-} from "./chunk-AG43RS4Q.js";
+} from "./chunk-E7LGUC2B.js";
 import {
   useMatchesMobile
 } from "./chunk-BXEE6VGQ.js";
@@ -71,19 +71,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 = ({
@@ -216,7 +216,7 @@ var Modal = ({
             "data-testid": testid,
             ref: modalRef,
             className: clsx(
-              "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/CalendarRange.cjs

@@ -4970,7 +4970,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",
@@ -5046,19 +5046,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 = ({
@@ -5191,7 +5191,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/CalendarRange.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/CalendarRange.js

@@ -2,8 +2,8 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} 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";
@@ -17,8 +17,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";
@@ -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/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs

@@ -5401,7 +5401,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",
@@ -5477,19 +5477,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 = ({
@@ -5622,7 +5622,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/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.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/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,7 +1,7 @@
 import {
   ColumnSelectorMenuOption
-} 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/DataGrid/ColumnSelectorHeaderCell/index.cjs

@@ -5323,7 +5323,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",
@@ -5399,19 +5399,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 = ({
@@ -5544,7 +5544,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/DataGrid/ColumnSelectorHeaderCell/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/ColumnSelectorHeaderCell/index.js

@@ -1,7 +1,7 @@
 import {
   ColumnSelectorHeaderCell
-} 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/DataGrid/PinnedColumns.cjs

@@ -5168,7 +5168,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",
@@ -5244,19 +5244,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 = ({
@@ -5389,7 +5389,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/PinnedColumns.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/PinnedColumns.js

@@ -1,7 +1,7 @@
 import {
   PinnedColumns
-} 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/DataGrid/TableBody/LoadingCell.cjs

@@ -5393,7 +5393,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",
@@ -5469,19 +5469,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 = ({
@@ -5614,7 +5614,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/DataGrid/TableBody/LoadingCell.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/LoadingCell.js

@@ -1,7 +1,7 @@
 import {
   LoadingCell
-} 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/DataGrid/TableBody/TableBodyRow.cjs

@@ -5320,7 +5320,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",
@@ -5396,19 +5396,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 = ({
@@ -5541,7 +5541,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",