@underverse-ui/underverse 0.2.7 → 0.2.9

package/dist/index.cjs

@@ -2278,7 +2278,9 @@ var Modal = ({
   closeOnEsc = true,
   size = "md",
   noPadding = false,
-  fullWidth = false
+  fullWidth = false,
+  width,
+  height
 }) => {
   const [isMounted, setIsMounted] = React9.useState(false);
   const [isVisible, setIsVisible] = React9.useState(false);
@@ -2330,6 +2332,7 @@ var Modal = ({
   if (!isMounted || !isOpen && !isVisible) {
     return null;
   }
+  const maxWidthClass = width ? "max-w-none" : fullWidth ? "max-w-full" : sizeStyles3[size];
   const modalContent = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: cn("fixed inset-0 z-[9999] flex items-center justify-center", overlayClassName), onClick: handleOverlayClick, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "div",
@@ -2344,9 +2347,9 @@ var Modal = ({
       "div",
       {
         className: cn(
-          "relative w-full rounded-lg  bg-card text-card-foreground shadow-xl",
+          "relative w-full rounded-lg bg-card text-card-foreground shadow-xl",
           "transition-all duration-200 ease-out",
-          fullWidth ? "max-w-full" : sizeStyles3[size],
+          maxWidthClass,
           fullWidth && "mx-0",
           className
         ),
@@ -2354,7 +2357,9 @@ var Modal = ({
           opacity: isOpen && !isAnimating ? 1 : 0,
           transform: isOpen && !isAnimating ? "scale(1)" : "scale(0.9)",
           // Thêm dòng này để tạo hiệu ứng nảy
-          transition: "all 300ms cubic-bezier(0.34, 1.76, 0.64, 1)"
+          transition: "all 300ms cubic-bezier(0.34, 1.76, 0.64, 1)",
+          width,
+          height
         },
         onClick: (e) => e.stopPropagation(),
         children: [