hazo_ui 2.6.3 → 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

@@ -232,13 +232,36 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
+var variant_styles = {
+  default: {
+    backgroundColor: "var(--primary)",
+    color: "var(--primary-foreground)",
+    border: "1px solid var(--primary)"
+  },
+  destructive: {
+    backgroundColor: "var(--destructive)",
+    color: "white",
+    border: "1px solid var(--destructive)"
+  },
+  outline: {
+    backgroundColor: "var(--background)",
+    color: "var(--foreground)",
+    border: "1px solid var(--border)"
+  },
+  secondary: {
+    backgroundColor: "var(--secondary)",
+    color: "var(--secondary-foreground)"
+  }
+};
 var Button = React27__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({ className, variant, size, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
+    const fallback_styles = variant_styles[variant ?? "default"] ?? {};
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
+        style: { ...fallback_styles, ...style },
         ref,
         ...props
       }
@@ -6245,6 +6268,7 @@ function HazoUiDialog({
   footerContent,
   sizeWidth = "min(90vw, 600px)",
   sizeHeight = "min(80vh, 800px)",
+  fixedSize = false,
   openAnimation = "zoom",
   closeAnimation = "zoom",
   variant = "default",
@@ -6279,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;