hazo_ui 2.6.4 → 2.6.5

package/README.md

@@ -1873,6 +1873,7 @@ interface HazoUiDialogProps {
   // Size Configuration
   sizeWidth?: string;                  // default: "min(90vw, 600px)"
   sizeHeight?: string;                 // default: "min(80vh, 800px)"
+  fixedSize?: boolean;                 // default: false - When true, sizeHeight becomes a fixed height instead of maxHeight
 
   // Animation Configuration
   openAnimation?: AnimationPreset | string;  // default: "zoom"
@@ -2361,6 +2362,13 @@ function ProgressDialog() {
   sizeHeight="min(90vh, 1000px)"
   {...props}
 />
+
+// Fixed Size - dialog maintains exact height regardless of content
+<HazoUiDialog
+  sizeHeight="500px"
+  fixedSize={true}
+  {...props}
+/>
 ```
 
 #### Animation Variants
@@ -2653,7 +2661,8 @@ function FormDialog() {
 | `actionButtonIcon` | `React.ReactNode` | - | Icon element rendered before action button text |
 | `footerContent` | `React.ReactNode` | - | Custom footer content that replaces default buttons |
 | `sizeWidth` | `string` | `"min(90vw, 600px)"` | Dialog width |
-| `sizeHeight` | `string` | `"min(80vh, 800px)"` | Dialog max height |
+| `sizeHeight` | `string` | `"min(80vh, 800px)"` | Dialog max height (or fixed height when `fixedSize` is true) |
+| `fixedSize` | `boolean` | `false` | When true, `sizeHeight` becomes a fixed height instead of max height |
 | `openAnimation` | `AnimationPreset \| string` | `"zoom"` | Open animation |
 | `closeAnimation` | `AnimationPreset \| string` | `"zoom"` | Close animation |
 | `headerBackgroundColor` | `string` | - | Header background color |

package/dist/index.cjs

@@ -6268,6 +6268,7 @@ function HazoUiDialog({
   footerContent,
   sizeWidth = "min(90vw, 600px)",
   sizeHeight = "min(80vh, 800px)",
+  fixedSize = false,
   openAnimation = "zoom",
   closeAnimation = "zoom",
   variant = "default",
@@ -6302,7 +6303,7 @@ function HazoUiDialog({
   const resolved_border_color = borderColor ?? variant_preset?.border_color;
   const contentStyles = {
     width: sizeWidth,
-    maxHeight: sizeHeight,
+    ...fixedSize ? { height: sizeHeight, minHeight: sizeHeight, maxHeight: sizeHeight } : { maxHeight: sizeHeight },
     ...resolved_border_color && { borderColor: resolved_border_color }
   };
   const finalHeaderBackgroundColor = headerBackgroundColor ?? variant_preset?.header_background_color ?? config.header_background_color;