hazo_ui 2.6.4 → 2.6.6

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

@@ -341,6 +341,7 @@ var DialogTitle = React27__namespace.forwardRef(({ className, ...props }, ref) =
     ref,
     className: cn(
       "text-lg font-semibold leading-none tracking-tight",
+      "break-words [overflow-wrap:anywhere]",
       className
     ),
     ...props
@@ -6268,6 +6269,7 @@ function HazoUiDialog({
   footerContent,
   sizeWidth = "min(90vw, 600px)",
   sizeHeight = "min(80vh, 800px)",
+  fixedSize = false,
   openAnimation = "zoom",
   closeAnimation = "zoom",
   variant = "default",
@@ -6302,7 +6304,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;
@@ -6392,7 +6394,7 @@ function HazoUiDialog({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: "cls_dialog_header_title px-6 pt-6 pb-3",
+                      className: cn("cls_dialog_header_title px-6 pt-6 pb-3", showCloseButton && "pr-10"),
                       style: {
                         ...finalHeaderBackgroundColor && { backgroundColor: finalHeaderBackgroundColor },
                         ...finalHeaderTextColor && { color: finalHeaderTextColor }
@@ -6423,6 +6425,7 @@ function HazoUiDialog({
                   "cls_dialog_header shrink-0",
                   !headerBar && "p-6 pb-4",
                   has_merged_variant_header && "pb-3",
+                  showCloseButton && "pr-10",
                   headerClassName
                 ),
                 style: headerStyles,