@versini/ui-panel 6.0.0 → 6.0.1

package/dist/index.js

@@ -1,12 +1,12 @@
 /*!
-  @versini/ui-panel v6.0.0
+  @versini/ui-panel v6.0.1
   © 2025 gizmette.com
 */
 try {
   if (!window.__VERSINI_UI_PANEL__) {
     window.__VERSINI_UI_PANEL__ = {
-      version: "6.0.0",
-      buildTime: "12/09/2025 10:15 AM EST",
+      version: "6.0.1",
+      buildTime: "12/09/2025 11:52 AM EST",
       homepage: "https://github.com/aversini/ui-components",
       license: "MIT",
     };
@@ -48,7 +48,7 @@ const NONE = "none";
     if (!window.__VERSINI_UI_MODAL__) {
         window.__VERSINI_UI_MODAL__ = {
             version: "3.1.1",
-            buildTime: "12/09/2025 10:14 AM EST",
+            buildTime: "12/09/2025 11:52 AM EST",
             homepage: "https://github.com/aversini/ui-components",
             license: "MIT"
         };
@@ -221,7 +221,7 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
             "duration-200 ease-out": animation,
             /**
 				 * Panel styles
-				 */ [`${PANEL_CLASSNAME} min-h-full sm:min-h-[10rem] sm:rounded-3xl sm:border`]: kind === /* inlined export .TYPE_PANEL */ ("panel"),
+				 */ [`${PANEL_CLASSNAME} sm:rounded-3xl sm:border`]: kind === /* inlined export .TYPE_PANEL */ ("panel"),
             /**
 				 * Widths and max widths for Panel when no className is provided
 				 */ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .SMALL */ ("small"),
@@ -229,9 +229,10 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
             ["w-full sm:w-[95%] md:max-w-4xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .LARGE */ ("large"),
             /**
 				 * Heights and max heights for Panel
-				 */ "max-h-full sm:max-h-[40vh] h-[40vh]": kind === /* inlined export .TYPE_PANEL */ ("panel") && effectiveMaxHeight === /* inlined export .SMALL */ ("small"),
-            "max-h-full sm:max-h-[60vh] h-[60vh]": kind === /* inlined export .TYPE_PANEL */ ("panel") && effectiveMaxHeight === /* inlined export .MEDIUM */ ("medium"),
-            "max-h-full sm:max-h-[95vh] h-[95vh]": kind === /* inlined export .TYPE_PANEL */ ("panel") && effectiveMaxHeight === /* inlined export .LARGE */ ("large"),
+				 * Mobile: full height, Desktop: clamp between min and max to allow flexible sizing
+				 */ "min-h-[10rem] max-h-full sm:max-h-[40vh]": kind === /* inlined export .TYPE_PANEL */ ("panel") && effectiveMaxHeight === /* inlined export .SMALL */ ("small"),
+            "min-h-[10rem] max-h-full sm:max-h-[60vh]": kind === /* inlined export .TYPE_PANEL */ ("panel") && effectiveMaxHeight === /* inlined export .MEDIUM */ ("medium"),
+            "min-h-[10rem] max-h-full sm:max-h-[95vh]": 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"),
@@ -253,7 +254,7 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
             "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX,
             [`${className}`]: !!className
         }),
-        innerWrapper: "content flex flex-col rounded-[inherit] relative h-full",
+        innerWrapper: "content flex flex-col rounded-[inherit] relative min-h-full",
         scrollableContent: clsx("flex-1 overflow-y-auto overflow-x-hidden", "pt-12", {
             "pb-12": hasFooter
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "6.0.0",
+	"version": "6.0.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -49,5 +49,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "a8eb0abfb1651b119b24251fe9f0fcccd6a3064f"
+	"gitHead": "641051f666505bfd5df1febd10723924db798b9e"
 }