@versini/ui-dialog 10.0.0 → 10.0.1

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-dialog v10.0.0
+  @versini/ui-dialog v10.0.1
   © 2026 gizmette.com
 */
 
@@ -62,7 +62,7 @@ const getDialogClassName = ({ className, kind, borderMode, animation, maxWidth =
 				 * Panel styles
 				 * border-0 resets the native <dialog> border on mobile;
 				 * sm:border restores it on desktop.
-				 */ [`${DIALOG_CLASSNAME} border-0 sm:rounded-3xl sm:border m-auto! sm:h-fit backdrop:bg-surface-darkest/80`]: kind === (/* inlined export .TYPE_PANEL */"panel"),
+				 */ [`${DIALOG_CLASSNAME} border-0 sm:rounded-3xl sm:border sm:m-auto! sm:h-fit sm:backdrop:bg-surface-darkest/80`]: kind === (/* inlined export .TYPE_PANEL */"panel"),
             /**
 				 * Widths and max widths for Panel
 				 */ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === (/* inlined export .TYPE_PANEL */"panel") && maxWidth === (/* inlined export .SMALL */"small"),
@@ -70,13 +70,15 @@ const getDialogClassName = ({ className, kind, borderMode, animation, maxWidth =
             ["w-full sm:w-[95%] md:max-w-4xl"]: kind === (/* inlined export .TYPE_PANEL */"panel") && maxWidth === (/* inlined export .LARGE */"large"),
             /**
 				 * Heights and max heights for Panel
-				 * Mobile: full viewport height
+				 * Mobile: full viewport height; max-h-dvh overrides the native
+				 * <dialog> UA max-height (calc(100% - 38px)) so the dialog
+				 * covers the entire viewport on small screens.
 				 * Desktop: h-auto (overridden to fit-content by the injected
 				 * stylesheet in Dialog.tsx, required for native <dialog> with
 				 * position:fixed + inset:0 + margin:auto), clamped by max-height.
-				 */ "h-dvh sm:h-auto min-h-40 sm:max-h-[40dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .SMALL */"small"),
-            "h-dvh sm:h-auto min-h-40 sm:max-h-[60dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .MEDIUM */"medium"),
-            "h-dvh sm:h-auto min-h-40 sm:max-h-[95dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .LARGE */"large"),
+				 */ "h-dvh max-h-dvh sm:h-auto min-h-40 sm:max-h-[40dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .SMALL */"small"),
+            "h-dvh max-h-dvh sm:h-auto min-h-40 sm:max-h-[60dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .MEDIUM */"medium"),
+            "h-dvh max-h-dvh sm:h-auto min-h-40 sm:max-h-[95dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .LARGE */"large"),
             /**
 				 * Panel border colors
 				 */ "sm:border-border-dark": borderMode === "dark" && kind === (/* inlined export .TYPE_PANEL */"panel"),
@@ -99,7 +101,7 @@ const getDialogClassName = ({ className, kind, borderMode, animation, maxWidth =
             "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX,
             "border-border-medium": borderMode === "medium" && kind === TYPE_MESSAGEBOX
         }, className),
-        innerWrapper: "content flex flex-col rounded-[inherit] relative flex-1 min-h-0",
+        innerWrapper: "content flex flex-col rounded-[inherit] relative min-h-full",
         scrollableContent: clsx("flex-1 overflow-y-auto overflow-x-hidden", "pt-12", {
             "pb-14": hasFooter
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-dialog",
-	"version": "10.0.0",
+	"version": "10.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -54,5 +54,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "1f4834c250016896454f79b32f5134b170641d18"
+	"gitHead": "415a408e4e8316451f90aba6485e4a87cd3b0e65"
 }