@mlw-packages/react-components 1.10.22 → 1.10.23

package/dist/index.css

@@ -1203,6 +1203,9 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[85vh\] {
+  max-height: 85vh;
+}
 .max-h-\[95vh\] {
   max-height: 95vh;
 }
@@ -1499,6 +1502,9 @@ body {
 .min-w-\[1\.5rem\] {
   min-width: 1.5rem;
 }
+.min-w-\[100px\] {
+  min-width: 100px;
+}
 .min-w-\[10rem\] {
   min-width: 10rem;
 }
@@ -1514,6 +1520,9 @@ body {
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[20px\] {
+  min-width: 20px;
+}
 .min-w-\[250px\] {
   min-width: 250px;
 }
@@ -3704,6 +3713,9 @@ body {
 .pb-4 {
   padding-bottom: 1rem;
 }
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
 .pb-7 {
   padding-bottom: 1.75rem;
 }
@@ -3776,6 +3788,9 @@ body {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -5543,6 +5558,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-slate-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-teal-200\/80:hover {
   background-color: rgb(153 246 228 / 0.8);
 }
@@ -5614,6 +5633,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(248 250 252 / var(--tw-text-opacity, 1));
 }
+.hover\:text-slate-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
+}
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));

package/dist/index.d.mts

@@ -225,11 +225,12 @@ declare const ModalTriggerBase: React$1.ForwardRefExoticComponent<DialogPrimitiv
 declare const ModalPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const ModalCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ModalOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
-type ModalSize = "sm" | "md" | "lg" | "full";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 declare const ModalContentBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & {
     size?: ModalSize;
     centered?: boolean;
     backdropBlur?: boolean;
+    noPadding?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalHeaderBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalFooterBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -225,11 +225,12 @@ declare const ModalTriggerBase: React$1.ForwardRefExoticComponent<DialogPrimitiv
 declare const ModalPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const ModalCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ModalOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
-type ModalSize = "sm" | "md" | "lg" | "full";
+type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
 declare const ModalContentBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & TestIdProps$1 & {
     size?: ModalSize;
     centered?: boolean;
     backdropBlur?: boolean;
+    noPadding?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalHeaderBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalFooterBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & TestIdProps$1 & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -1664,9 +1664,16 @@ var ModalContentBase = React32__namespace.forwardRef(
     size = "md",
     centered = true,
     backdropBlur = true,
+    noPadding = false,
     ...props
   }, ref) => {
-    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
+    const sizeClass = {
+      sm: "max-w-md",
+      md: "max-w-2xl",
+      lg: "max-w-4xl",
+      xl: "max-w-6xl",
+      full: "w-full max-w-[calc(100%-2rem)]"
+    }[size];
     const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
     return /* @__PURE__ */ jsxRuntime.jsxs(ModalPortalBase, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1699,8 +1706,9 @@ var ModalContentBase = React32__namespace.forwardRef(
         {
           ref,
           className: cn(
-            "fixed z-50 grid w-[calc(100%-2rem)] gap-3 sm:gap-4 border bg-background p-4 sm:p-6 shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
+            "fixed z-50 grid w-[calc(100%-2rem)] border bg-background shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
             "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out border-border",
+            !noPadding && "p-4 sm:p-6 gap-3 sm:gap-4",
             positionClass,
             sizeClass,
             className
@@ -21411,7 +21419,7 @@ function CarouselBase({
       setDownloadSuccess(true);
       setTimeout(() => setDownloadSuccess(false), 2e3);
     } catch (error) {
-      alert(
+      sonner.toast.error(
         "Erro ao baixar imagem. Verifique a URL ou permiss\xF5es do servidor."
       );
       console.error("Error downloading image:", error);

package/dist/index.mjs

@@ -1622,9 +1622,16 @@ var ModalContentBase = React32.forwardRef(
     size = "md",
     centered = true,
     backdropBlur = true,
+    noPadding = false,
     ...props
   }, ref) => {
-    const sizeClass = size === "sm" ? "max-w-md" : size === "lg" ? "max-w-4xl" : size === "full" ? "w-full max-w-[calc(100%-2rem)]" : "max-w-2xl";
+    const sizeClass = {
+      sm: "max-w-md",
+      md: "max-w-2xl",
+      lg: "max-w-4xl",
+      xl: "max-w-6xl",
+      full: "w-full max-w-[calc(100%-2rem)]"
+    }[size];
     const positionClass = centered ? "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]" : "left-[50%] top-20 translate-x-[-50%] translate-y-0 sm:translate-y-0";
     return /* @__PURE__ */ jsxs(ModalPortalBase, { children: [
       /* @__PURE__ */ jsx(
@@ -1657,8 +1664,9 @@ var ModalContentBase = React32.forwardRef(
         {
           ref,
           className: cn(
-            "fixed z-50 grid w-[calc(100%-2rem)] gap-3 sm:gap-4 border bg-background p-4 sm:p-6 shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
+            "fixed z-50 grid w-[calc(100%-2rem)] border bg-background shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
             "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out border-border",
+            !noPadding && "p-4 sm:p-6 gap-3 sm:gap-4",
             positionClass,
             sizeClass,
             className
@@ -21369,7 +21377,7 @@ function CarouselBase({
       setDownloadSuccess(true);
       setTimeout(() => setDownloadSuccess(false), 2e3);
     } catch (error) {
-      alert(
+      toast$1.error(
         "Erro ao baixar imagem. Verifique a URL ou permiss\xF5es do servidor."
       );
       console.error("Error downloading image:", error);

package/package.json

@@ -5,7 +5,7 @@
     "access": "public",
     "type": "module"
   },
-  "version": "1.10.22",
+  "version": "1.10.23",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",