@dmsi/wedgekit-react 0.0.857 → 0.0.859

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

@@ -6,16 +6,16 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-WWZG3S33.js";
+} from "./chunk-IPQIZG7U.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-2GMSUKKI.js → chunk-A57PKP6Z.js}

@@ -1,13 +1,13 @@
 import {
   RowDetailModalProvider
-} from "./chunk-EU7ONAGD.js";
+} from "./chunk-57HL5K5I.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
 import {
   ColumnList,
   no_results_image_default
-} from "./chunk-GCXPSRAD.js";
+} from "./chunk-B4AE3DCA.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
@@ -42,15 +42,6 @@ import {
 import {
   Label
 } from "./chunk-HXGJVYGQ.js";
-import {
-  Heading3
-} from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
-import {
-  Button
-} from "./chunk-BMAZBFUU.js";
 import {
   Checkbox
 } from "./chunk-M7WHWZ2J.js";
@@ -69,12 +60,21 @@ import {
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";
-import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Heading3
+} from "./chunk-MXSJF6TW.js";
+import {
+  Button
+} from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-GCXPSRAD.js → chunk-B4AE3DCA.js}

@@ -1,15 +1,15 @@
 import {
   MobileDataGridCard
-} from "./chunk-ONIY5LKN.js";
+} from "./chunk-FP3Y5JJN.js";
 import {
   useGridContext
 } from "./chunk-5IFPG6TS.js";
-import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   componentGap,
   componentPadding

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/AccessCard.js

@@ -3,8 +3,8 @@ import {
 } from "../chunk-XJF4S3RB.js";
 import "../chunk-ZCJWOHFN.js";
 import "../chunk-PS6UJZVH.js";
-import "../chunk-WMPWWFUJ.js";
 import "../chunk-BYC6QID5.js";
+import "../chunk-WMPWWFUJ.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/Accordion.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Accordion
-} from "../chunk-3XNNZ43V.js";
-import "../chunk-MTGNBARV.js";
+} from "../chunk-QNIZDGFV.js";
 import "../chunk-F4VE3THQ.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-WMPWWFUJ.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

package/dist/components/Alert.js

@@ -1,10 +1,10 @@
 import {
   Alert
-} from "../chunk-QCTZTMHH.js";
+} from "../chunk-TURMALTW.js";
 import "../chunk-MXSJF6TW.js";
-import "../chunk-MTGNBARV.js";
 import "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-WMPWWFUJ.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";

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,11 +2,11 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-2GMSUKKI.js";
-import "../chunk-EU7ONAGD.js";
+} from "../chunk-A57PKP6Z.js";
+import "../chunk-57HL5K5I.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-PWYNEUJF.js";
+import "../chunk-C5DKGJ4E.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
@@ -14,31 +14,30 @@ import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-SZ47M32R.js";
-import "../chunk-GCXPSRAD.js";
-import "../chunk-ONIY5LKN.js";
+import "../chunk-B4AE3DCA.js";
+import "../chunk-FP3Y5JJN.js";
 import "../chunk-5IFPG6TS.js";
-import "../chunk-AJ5M6MVX.js";
 import "../chunk-6EYMKEJ6.js";
-import "../chunk-EWGHVZL5.js";
-import "../chunk-KBIEWFQS.js";
+import "../chunk-AJ5M6MVX.js";
 import "../chunk-AT4AWD6B.js";
+import "../chunk-EWGHVZL5.js";
 import "../chunk-FZ2TEKOE.js";
-import "../chunk-XMX5DKIE.js";
+import "../chunk-FESS4LWU.js";
+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-UAMI54FE.js";
+import "../chunk-E7LGUC2B.js";
 import "../chunk-QVWYTQKL.js";
+import "../chunk-UAMI54FE.js";
 import "../chunk-SJZNVG4N.js";
 import "../chunk-75USUR3I.js";
 import "../chunk-BWPNXY7T.js";
-import "../chunk-HG4SUTLG.js";
 import "../chunk-BH4UKMXV.js";
 import "../chunk-RFF2EFBX.js";
 import "../chunk-FXJ7C6RF.js";
@@ -47,14 +46,8 @@ import "../chunk-FHXCCVOG.js";
 import "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-3XNNZ43V.js";
-import "../chunk-QCTZTMHH.js";
-import "../chunk-MXSJF6TW.js";
-import "../chunk-MTGNBARV.js";
-import "../chunk-BMAZBFUU.js";
-import "../chunk-SBRRNFOP.js";
-import "../chunk-F4VE3THQ.js";
 import "../chunk-M7WHWZ2J.js";
+import "../chunk-CJPGHBV5.js";
 import "../chunk-BXEE6VGQ.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-MMZTPVYB.js";
@@ -62,9 +55,16 @@ import "../chunk-5UH6QUFB.js";
 import "../chunk-XJF4S3RB.js";
 import "../chunk-ZCJWOHFN.js";
 import "../chunk-PS6UJZVH.js";
-import "../chunk-WMPWWFUJ.js";
 import "../chunk-XR733AKC.js";
 import "../chunk-BYC6QID5.js";
+import "../chunk-QNIZDGFV.js";
+import "../chunk-F4VE3THQ.js";
+import "../chunk-TURMALTW.js";
+import "../chunk-MXSJF6TW.js";
+import "../chunk-BMAZBFUU.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-MTGNBARV.js";
+import "../chunk-WMPWWFUJ.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/CompactImagesPreview.js

@@ -1,11 +1,11 @@
 import {
   CompactImagesPreview
-} from "../chunk-HG4SUTLG.js";
-import "../chunk-MTGNBARV.js";
+} from "../chunk-CJPGHBV5.js";
 import "../chunk-BXEE6VGQ.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-MMZTPVYB.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

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,10 +1,10 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-2GMSUKKI.js";
-import "../../../chunk-EU7ONAGD.js";
+} from "../../../chunk-A57PKP6Z.js";
+import "../../../chunk-57HL5K5I.js";
 import "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-PWYNEUJF.js";
+import "../../../chunk-C5DKGJ4E.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
@@ -12,31 +12,30 @@ import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-SZ47M32R.js";
-import "../../../chunk-GCXPSRAD.js";
-import "../../../chunk-ONIY5LKN.js";
+import "../../../chunk-B4AE3DCA.js";
+import "../../../chunk-FP3Y5JJN.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-6EYMKEJ6.js";
-import "../../../chunk-EWGHVZL5.js";
-import "../../../chunk-KBIEWFQS.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-AT4AWD6B.js";
+import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-FZ2TEKOE.js";
-import "../../../chunk-XMX5DKIE.js";
+import "../../../chunk-FESS4LWU.js";
+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-UAMI54FE.js";
+import "../../../chunk-E7LGUC2B.js";
 import "../../../chunk-QVWYTQKL.js";
+import "../../../chunk-UAMI54FE.js";
 import "../../../chunk-SJZNVG4N.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-BWPNXY7T.js";
-import "../../../chunk-HG4SUTLG.js";
 import "../../../chunk-BH4UKMXV.js";
 import "../../../chunk-RFF2EFBX.js";
 import "../../../chunk-FXJ7C6RF.js";
@@ -45,14 +44,8 @@ import "../../../chunk-FHXCCVOG.js";
 import "../../../chunk-7T5RGDCN.js";
 import "../../../chunk-HXGJVYGQ.js";
 import "../../../chunk-WVUIIBRR.js";
-import "../../../chunk-3XNNZ43V.js";
-import "../../../chunk-QCTZTMHH.js";
-import "../../../chunk-MXSJF6TW.js";
-import "../../../chunk-MTGNBARV.js";
-import "../../../chunk-BMAZBFUU.js";
-import "../../../chunk-SBRRNFOP.js";
-import "../../../chunk-F4VE3THQ.js";
 import "../../../chunk-M7WHWZ2J.js";
+import "../../../chunk-CJPGHBV5.js";
 import "../../../chunk-BXEE6VGQ.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-MMZTPVYB.js";
@@ -60,9 +53,16 @@ import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-XJF4S3RB.js";
 import "../../../chunk-ZCJWOHFN.js";
 import "../../../chunk-PS6UJZVH.js";
-import "../../../chunk-WMPWWFUJ.js";
 import "../../../chunk-XR733AKC.js";
 import "../../../chunk-BYC6QID5.js";
+import "../../../chunk-QNIZDGFV.js";
+import "../../../chunk-F4VE3THQ.js";
+import "../../../chunk-TURMALTW.js";
+import "../../../chunk-MXSJF6TW.js";
+import "../../../chunk-BMAZBFUU.js";
+import "../../../chunk-SBRRNFOP.js";
+import "../../../chunk-MTGNBARV.js";
+import "../../../chunk-WMPWWFUJ.js";
 import "../../../chunk-NKUETCDA.js";
 import "../../../chunk-7KWFEH56.js";
 import "../../../chunk-ORMEWXMH.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%;
   }