hazo_ui 2.6.4 → 2.6.6

package/dist/index.d.cts

@@ -660,6 +660,7 @@ interface HazoUiDialogProps {
     footerContent?: React.ReactNode;
     sizeWidth?: string;
     sizeHeight?: string;
+    fixedSize?: boolean;
     openAnimation?: AnimationPreset | string;
     closeAnimation?: AnimationPreset | string;
     variant?: DialogVariant;
@@ -690,7 +691,7 @@ interface HazoUiDialogProps {
  *
  * A flexible dialog component with standardized layout and customizable behavior
  */
-declare function HazoUiDialog({ open, onOpenChange, children, onConfirm, onCancel, title, description, actionButtonText, actionButtonVariant, cancelButtonText, showCancelButton, actionButtonLoading, actionButtonDisabled, actionButtonIcon, footerContent, sizeWidth, sizeHeight, openAnimation, closeAnimation, variant, splitHeader, headerBackgroundColor, descriptionBackgroundColor, headerTextColor, bodyBackgroundColor, footerBackgroundColor, borderColor, accentColor, headerBar, headerBarColor, className, contentClassName, overlayClassName, headerClassName, footerClassName, showCloseButton, }: HazoUiDialogProps): react_jsx_runtime.JSX.Element;
+declare function HazoUiDialog({ open, onOpenChange, children, onConfirm, onCancel, title, description, actionButtonText, actionButtonVariant, cancelButtonText, showCancelButton, actionButtonLoading, actionButtonDisabled, actionButtonIcon, footerContent, sizeWidth, sizeHeight, fixedSize, openAnimation, closeAnimation, variant, splitHeader, headerBackgroundColor, descriptionBackgroundColor, headerTextColor, bodyBackgroundColor, footerBackgroundColor, borderColor, accentColor, headerBar, headerBarColor, className, contentClassName, overlayClassName, headerClassName, footerClassName, showCloseButton, }: HazoUiDialogProps): react_jsx_runtime.JSX.Element;
 
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -660,6 +660,7 @@ interface HazoUiDialogProps {
     footerContent?: React.ReactNode;
     sizeWidth?: string;
     sizeHeight?: string;
+    fixedSize?: boolean;
     openAnimation?: AnimationPreset | string;
     closeAnimation?: AnimationPreset | string;
     variant?: DialogVariant;
@@ -690,7 +691,7 @@ interface HazoUiDialogProps {
  *
  * A flexible dialog component with standardized layout and customizable behavior
  */
-declare function HazoUiDialog({ open, onOpenChange, children, onConfirm, onCancel, title, description, actionButtonText, actionButtonVariant, cancelButtonText, showCancelButton, actionButtonLoading, actionButtonDisabled, actionButtonIcon, footerContent, sizeWidth, sizeHeight, openAnimation, closeAnimation, variant, splitHeader, headerBackgroundColor, descriptionBackgroundColor, headerTextColor, bodyBackgroundColor, footerBackgroundColor, borderColor, accentColor, headerBar, headerBarColor, className, contentClassName, overlayClassName, headerClassName, footerClassName, showCloseButton, }: HazoUiDialogProps): react_jsx_runtime.JSX.Element;
+declare function HazoUiDialog({ open, onOpenChange, children, onConfirm, onCancel, title, description, actionButtonText, actionButtonVariant, cancelButtonText, showCancelButton, actionButtonLoading, actionButtonDisabled, actionButtonIcon, footerContent, sizeWidth, sizeHeight, fixedSize, openAnimation, closeAnimation, variant, splitHeader, headerBackgroundColor, descriptionBackgroundColor, headerTextColor, bodyBackgroundColor, footerBackgroundColor, borderColor, accentColor, headerBar, headerBarColor, className, contentClassName, overlayClassName, headerClassName, footerClassName, showCloseButton, }: HazoUiDialogProps): react_jsx_runtime.JSX.Element;
 
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.js

@@ -282,6 +282,7 @@ var DialogTitle = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ref,
     className: cn(
       "text-lg font-semibold leading-none tracking-tight",
+      "break-words [overflow-wrap:anywhere]",
       className
     ),
     ...props
@@ -6209,6 +6210,7 @@ function HazoUiDialog({
   footerContent,
   sizeWidth = "min(90vw, 600px)",
   sizeHeight = "min(80vh, 800px)",
+  fixedSize = false,
   openAnimation = "zoom",
   closeAnimation = "zoom",
   variant = "default",
@@ -6243,7 +6245,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;
@@ -6333,7 +6335,7 @@ function HazoUiDialog({
                   /* @__PURE__ */ 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 }
@@ -6364,6 +6366,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,