@mlw-packages/react-components 1.5.3 → 1.5.4

package/dist/index.js

@@ -1205,7 +1205,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.CaretRight, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.CaretRightIcon, {})
     }
   );
 }
@@ -1222,7 +1222,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.DotsThree, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react.DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -1275,8 +1275,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretLeft, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretRight, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.CaretRightIcon, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -1499,7 +1499,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -1527,7 +1527,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowRight, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react3.ArrowRightIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -1558,7 +1558,7 @@ var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbo
         exit: { scale: 0, opacity: 0, rotate: 90 },
         transition: { type: "spring", stiffness: 500, damping: 30 },
         className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react4.Check, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react4.CheckIcon, { className: "h-4 w-4", weight: "bold" })
       }
     ) })
   }
@@ -1590,7 +1590,7 @@ var CollapsibleTriggerBase = React7.forwardRef(({ className, children, leftIcon,
           leftIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children })
         ] }),
-        showCaret && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react5.CaretUpDown, { className: "h-4 w-4" }) })
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react5.CaretUpDownIcon, { className: "h-4 w-4" }) })
       ]
     }
   );
@@ -1656,7 +1656,7 @@ var DialogContentBase = React8.forwardRef(({ className, children, testid: dataTe
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -1741,7 +1741,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
   ) }) }) });
 };
 var CommandInputBase = React9.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_cmdk.Command.Input,
     {
@@ -1845,7 +1845,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CaretRight, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CaretRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -1940,7 +1940,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1965,7 +1965,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.Circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -2160,7 +2160,7 @@ var DropDownMenuSubTriggerBase = React10.forwardRef(({ className, inset, childre
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CaretRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CaretRightIcon, { className: "ml-auto" })
     ]
   }
 ));
@@ -2233,7 +2233,7 @@ var DropDownMenuCheckboxItemBase = React10.forwardRef(({ className, children, ch
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -2249,7 +2249,7 @@ var DropDownMenuRadioItemBase = React10.forwardRef(({ className, children, ...pr
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -2433,7 +2433,7 @@ function ComboboxBase({
                 "data-testid": testIds.trigger ?? "combobox-trigger",
                 children: [
                   renderSelected,
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react10.CaretDown, { size: 16, className: "mt-0.5" })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react10.CaretDownIcon, { size: 16, className: "mt-0.5" })
                 ]
               }
             )
@@ -2475,7 +2475,7 @@ function ComboboxBase({
                           children: [
                             item.label,
                             /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                              import_react10.Check,
+                              import_react10.CheckIcon,
                               {
                                 className: cn(
                                   "ml-auto",
@@ -2614,7 +2614,7 @@ function MultiCombobox({
                     handleSelection(item.value);
                   },
                   className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react14.X, { size: 14 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react14.XIcon, { size: 14 })
                 }
               )
             ]
@@ -2773,7 +2773,7 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react17.Minus, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react17.MinusIcon, {}) });
 }
 
 // src/components/ui/NavigationMenuBase.tsx
@@ -2976,7 +2976,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ArrowRightIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -3015,7 +3015,7 @@ var ProgressPanelsBase = ({
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon, {}) })
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon2, {}) })
       ] }, idx);
     }) })
   ] });
@@ -3127,7 +3127,7 @@ var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...prop
           animate: { rotate: open ? 180 : 0 },
           transition: { duration: 0.3 },
           className: "flex items-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDown, { className: "h-4 w-4 opacity-50" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4 opacity-50" })
         }
       )
     ]
@@ -3143,7 +3143,7 @@ var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretUpIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -3156,7 +3156,7 @@ var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -3217,7 +3217,7 @@ var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref)
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CheckIcon, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
@@ -3316,7 +3316,7 @@ var SheetContentBase = React20.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react20.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react20.XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -3604,7 +3604,7 @@ var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react21.SidebarSimple, {})
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react21.SidebarSimpleIcon, {})
       ]
     }
   ) });
@@ -4405,8 +4405,8 @@ function ModeToggleBase({
         className: "relative overflow-hidden border-transparent",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Moon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Toggle theme" })
         ]
@@ -4419,7 +4419,7 @@ function ModeToggleBase({
         className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
         children: [
           themeLabels[theme],
-          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Check, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CheckIcon, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4530,8 +4530,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretLeft, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretRight, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretRightIcon, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -4829,7 +4829,7 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.Clock, { className: "ml-2 h-4 w-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.ClockIcon, { className: "ml-2 h-4 w-4" }) })
   ] });
 }
 
@@ -4878,7 +4878,7 @@ function DateTimePicker({
           ),
           children: [
             date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-zinc-400", children: "Pick a date" }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.Calendar, { className: "ml-auto text-gray-500", size: 24 })
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.CalendarIcon, { className: "ml-auto text-gray-500", size: 24 })
           ]
         }
       ) }),
@@ -5007,10 +5007,24 @@ var DestructiveDialog = ({
         className: cn("border border-destructive bg-background"),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react30.XCircle, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react30.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTitleBase, { id: titleId, className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogDescriptionBase, { id: descriptionId, className: "mt-2 text-sm text-muted-foreground", children: description })
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                AlertDialogTitleBase,
+                {
+                  id: titleId,
+                  className: "text-lg sm:text-xl font-semibold text-destructive",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                AlertDialogDescriptionBase,
+                {
+                  id: descriptionId,
+                  className: "mt-2 text-sm text-muted-foreground",
+                  children: description
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
@@ -5019,8 +5033,7 @@ var DestructiveDialog = ({
               {
                 onClick: onCancel,
                 className: cn(
-                  buttonVariantsBase({ variant: "outline", size: "sm" }),
-                  "px-4 py-2",
+                  buttonVariantsBase({ variant: "outline", size: "default" }),
                   "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
                 ),
                 children: "Cancelar"
@@ -5030,7 +5043,9 @@ var DestructiveDialog = ({
               AlertDialogActionBase,
               {
                 onClick: onConfirm,
-                className: cn(buttonVariantsBase({ variant: "destructive", size: "default" }), "px-5 py-2 shadow-lg"),
+                className: cn(
+                  buttonVariantsBase({ variant: "destructive", size: "default" })
+                ),
                 children: "Confirmar"
               }
             )

package/dist/index.mjs

@@ -918,7 +918,7 @@ function BadgeBase({
 
 // src/components/ui/BreadcrumbBase.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { CaretRight, DotsThree } from "@phosphor-icons/react";
+import { CaretRightIcon, DotsThreeIcon } from "@phosphor-icons/react";
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ jsx5("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -987,7 +987,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx5(CaretRight, {})
+      children: children ?? /* @__PURE__ */ jsx5(CaretRightIcon, {})
     }
   );
 }
@@ -1004,7 +1004,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx5(DotsThree, { className: "size-4" }),
+        /* @__PURE__ */ jsx5(DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -1012,7 +1012,7 @@ function BreadcrumbEllipsisBase({
 }
 
 // src/components/ui/CalendarBase.tsx
-import { CaretLeft, CaretRight as CaretRight2 } from "@phosphor-icons/react";
+import { CaretLeftIcon, CaretRightIcon as CaretRightIcon2 } from "@phosphor-icons/react";
 import { DayPicker } from "react-day-picker";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function CalendarBase({
@@ -1057,8 +1057,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ jsx6(CaretLeft, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ jsx6(CaretRight2, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ jsx6(CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ jsx6(CaretRightIcon2, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -1128,7 +1128,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/CarouselBase.tsx
 import * as React5 from "react";
 import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeft, ArrowRight } from "@phosphor-icons/react";
+import { ArrowLeftIcon, ArrowRightIcon } from "@phosphor-icons/react";
 import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var CarouselContext = React5.createContext(null);
 function useCarousel() {
@@ -1281,7 +1281,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx8(ArrowLeft, {}),
+        /* @__PURE__ */ jsx8(ArrowLeftIcon, {}),
         /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -1309,7 +1309,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx8(ArrowRight, {}),
+        /* @__PURE__ */ jsx8(ArrowRightIcon, {}),
         /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -1319,7 +1319,7 @@ function CarouselNextBase({
 // src/components/ui/CheckBoxBase.tsx
 import * as React6 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "@phosphor-icons/react";
+import { CheckIcon } from "@phosphor-icons/react";
 import { motion } from "framer-motion";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx9(
@@ -1340,7 +1340,7 @@ var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbo
         exit: { scale: 0, opacity: 0, rotate: 90 },
         transition: { type: "spring", stiffness: 500, damping: 30 },
         className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ jsx9(CheckIcon, { className: "h-4 w-4", weight: "bold" })
       }
     ) })
   }
@@ -1350,7 +1350,7 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/CollapsibleBase.tsx
 import * as React7 from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { CaretUpDown } from "@phosphor-icons/react";
+import { CaretUpDownIcon } from "@phosphor-icons/react";
 import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var CollapsibleBase = React7.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsx10(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
@@ -1372,7 +1372,7 @@ var CollapsibleTriggerBase = React7.forwardRef(({ className, children, leftIcon,
           leftIcon && /* @__PURE__ */ jsx10("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ jsx10("span", { children })
         ] }),
-        showCaret && /* @__PURE__ */ jsx10("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ jsx10(CaretUpDown, { className: "h-4 w-4" }) })
+        showCaret && /* @__PURE__ */ jsx10("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ jsx10(CaretUpDownIcon, { className: "h-4 w-4" }) })
       ]
     }
   );
@@ -1398,13 +1398,13 @@ CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.dis
 // src/components/ui/CommandBase.tsx
 import * as React9 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { MagnifyingGlass } from "@phosphor-icons/react";
+import { MagnifyingGlassIcon } from "@phosphor-icons/react";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 
 // src/components/ui/DialogBase.tsx
 import * as React8 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "@phosphor-icons/react";
+import { XIcon } from "@phosphor-icons/react";
 import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var DialogBase = DialogPrimitive.Root;
 var DialogTriggerBase = DialogPrimitive.Trigger;
@@ -1438,7 +1438,7 @@ var DialogContentBase = React8.forwardRef(({ className, children, testid: dataTe
       children: [
         children,
         /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ jsx11(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx11(XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -1523,7 +1523,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
   ) }) }) });
 };
 var CommandInputBase = React9.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx12(MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ jsx12(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ jsx12(
     CommandPrimitive.Input,
     {
@@ -1585,7 +1585,7 @@ CommandShortcutBase.displayName = "CommandShortcut";
 
 // src/components/ui/ContextMenuBase.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { CaretRight as CaretRight3, Check as Check2, Circle } from "@phosphor-icons/react";
+import { CaretRightIcon as CaretRightIcon3, CheckIcon as CheckIcon2, CircleIcon } from "@phosphor-icons/react";
 import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function ContextMenuBase(props) {
   return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
@@ -1627,7 +1627,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx13(CaretRight3, { className: "ml-auto" })
+        /* @__PURE__ */ jsx13(CaretRightIcon3, { className: "ml-auto" })
       ]
     }
   );
@@ -1722,7 +1722,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx13("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx13("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1747,7 +1747,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx13("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx13("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1921,7 +1921,7 @@ function DrawerDescriptionBase({
 // src/components/ui/DropDownMenuBase.tsx
 import * as React10 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check3, CaretRight as CaretRight4, Circle as Circle2 } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon3, CaretRightIcon as CaretRightIcon4, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
 import { motion as motion3, AnimatePresence as AnimatePresence2 } from "framer-motion";
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
@@ -1942,7 +1942,7 @@ var DropDownMenuSubTriggerBase = React10.forwardRef(({ className, inset, childre
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx15(CaretRight4, { className: "ml-auto" })
+      /* @__PURE__ */ jsx15(CaretRightIcon4, { className: "ml-auto" })
     ]
   }
 ));
@@ -2015,7 +2015,7 @@ var DropDownMenuCheckboxItemBase = React10.forwardRef(({ className, children, ch
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(CheckIcon3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -2031,7 +2031,7 @@ var DropDownMenuRadioItemBase = React10.forwardRef(({ className, children, ...pr
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(CircleIcon2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -2178,7 +2178,7 @@ var PopoverContentBase = React13.forwardRef(({ className, align = "center", side
 PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/selects/ComboboxBase.tsx
-import { CaretDown, Check as Check4 } from "@phosphor-icons/react";
+import { CaretDownIcon, CheckIcon as CheckIcon4 } from "@phosphor-icons/react";
 import { useState as useState2 } from "react";
 import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 function ComboboxBase({
@@ -2215,7 +2215,7 @@ function ComboboxBase({
                 "data-testid": testIds.trigger ?? "combobox-trigger",
                 children: [
                   renderSelected,
-                  /* @__PURE__ */ jsx19(CaretDown, { size: 16, className: "mt-0.5" })
+                  /* @__PURE__ */ jsx19(CaretDownIcon, { size: 16, className: "mt-0.5" })
                 ]
               }
             )
@@ -2257,7 +2257,7 @@ function ComboboxBase({
                           children: [
                             item.label,
                             /* @__PURE__ */ jsx19(
-                              Check4,
+                              CheckIcon4,
                               {
                                 className: cn(
                                   "ml-auto",
@@ -2334,7 +2334,7 @@ function Combobox({
 
 // src/components/selects/MultiCombobox.tsx
 import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
-import { X as X2 } from "@phosphor-icons/react";
+import { XIcon as XIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function MultiCombobox({
   items,
@@ -2396,7 +2396,7 @@ function MultiCombobox({
                     handleSelection(item.value);
                   },
                   className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
-                  children: /* @__PURE__ */ jsx21(X2, { size: 14 })
+                  children: /* @__PURE__ */ jsx21(XIcon2, { size: 14 })
                 }
               )
             ]
@@ -2458,7 +2458,7 @@ TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/FilterBase.tsx
 var import_colors = __toESM(require_colors2());
-import { FunnelSimple, Plus, Trash } from "@phosphor-icons/react";
+import { FunnelSimpleIcon, PlusIcon, TrashIcon } from "@phosphor-icons/react";
 import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 
 // src/components/ui/HoverCardBase.tsx
@@ -2500,7 +2500,7 @@ function HoverCardContentBase({
 // src/components/ui/Input-OTP-Base.tsx
 import * as React15 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
-import { Minus } from "@phosphor-icons/react";
+import { MinusIcon } from "@phosphor-icons/react";
 import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function InputOTPBase({
   className,
@@ -2555,12 +2555,12 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ jsx25("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx25(Minus, {}) });
+  return /* @__PURE__ */ jsx25("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx25(MinusIcon, {}) });
 }
 
 // src/components/ui/NavigationMenuBase.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { CaretDownIcon } from "@phosphor-icons/react";
+import { CaretDownIcon as CaretDownIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 function NavigationMenuBase({
   className,
@@ -2628,7 +2628,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ jsx26(
-          CaretDownIcon,
+          CaretDownIcon2,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2758,7 +2758,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon = () => /* @__PURE__ */ jsx27(
+var ArrowRightIcon2 = () => /* @__PURE__ */ jsx27(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -2797,7 +2797,7 @@ var ProgressPanelsBase = ({
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ jsx27("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx27(ArrowRightIcon, {}) })
+        !isLast && /* @__PURE__ */ jsx27("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx27(ArrowRightIcon2, {}) })
       ] }, idx);
     }) })
   ] });
@@ -2886,7 +2886,7 @@ ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/ui/SelectBase.tsx
 import * as React18 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check as Check5, CaretDown as CaretDown2, CaretUp } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon5, CaretDownIcon as CaretDownIcon3, CaretUpIcon } from "@phosphor-icons/react";
 import { motion as motion4, AnimatePresence as AnimatePresence3 } from "framer-motion";
 import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 var SelectBase = SelectPrimitive.Root;
@@ -2909,7 +2909,7 @@ var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...prop
           animate: { rotate: open ? 180 : 0 },
           transition: { duration: 0.3 },
           className: "flex items-center",
-          children: /* @__PURE__ */ jsx29(CaretDown2, { className: "h-4 w-4 opacity-50" })
+          children: /* @__PURE__ */ jsx29(CaretDownIcon3, { className: "h-4 w-4 opacity-50" })
         }
       )
     ]
@@ -2925,7 +2925,7 @@ var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx29(CaretUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx29(CaretUpIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -2938,7 +2938,7 @@ var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx29(CaretDown2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx29(CaretDownIcon3, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -2999,7 +2999,7 @@ var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref)
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx29("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(Check5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx29("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CheckIcon5, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { children })
     ]
   }
@@ -3054,7 +3054,7 @@ SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 import * as React20 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva3 } from "class-variance-authority";
-import { X as X3 } from "@phosphor-icons/react";
+import { XIcon as XIcon3 } from "@phosphor-icons/react";
 import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
@@ -3098,7 +3098,7 @@ var SheetContentBase = React20.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ jsxs20(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx31(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx31(XIcon3, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -3192,7 +3192,7 @@ function SkeletonBase({
 }
 
 // src/components/ui/SidebarBase.tsx
-import { SidebarSimple } from "@phosphor-icons/react";
+import { SidebarSimpleIcon } from "@phosphor-icons/react";
 import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -3386,7 +3386,7 @@ var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ jsx33(SidebarSimple, {})
+        /* @__PURE__ */ jsx33(SidebarSimpleIcon, {})
       ]
     }
   ) });
@@ -4103,7 +4103,7 @@ var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/mode-toggle.tsx
-import { Check as Check6, Moon, Sun } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon6, MoonIcon, SunIcon } from "@phosphor-icons/react";
 
 // src/components/theme-provider.tsx
 import { createContext as createContext3, useContext as useContext4, useEffect as useEffect5, useState as useState6 } from "react";
@@ -4193,8 +4193,8 @@ function ModeToggleBase({
         className: "relative overflow-hidden border-transparent",
         children: [
           /* @__PURE__ */ jsxs23(Fragment3, { children: [
-            /* @__PURE__ */ jsx41(Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ jsx41(Moon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+            /* @__PURE__ */ jsx41(SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ jsx41(MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
           /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Toggle theme" })
         ]
@@ -4207,7 +4207,7 @@ function ModeToggleBase({
         className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
         children: [
           themeLabels[theme],
-          currentTheme === theme && /* @__PURE__ */ jsx41(Check6, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ jsx41(CheckIcon6, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4221,7 +4221,7 @@ import { add, format } from "date-fns";
 // src/components/date-time-picker/calendar.tsx
 import * as React28 from "react";
 import { DayPicker as DayPicker2 } from "react-day-picker";
-import { CaretLeft as CaretLeft2, CaretRight as CaretRight5, X as X4, Calendar } from "@phosphor-icons/react";
+import { CaretLeftIcon as CaretLeftIcon2, CaretRightIcon as CaretRightIcon5, XIcon as XIcon4, CalendarIcon } from "@phosphor-icons/react";
 import { motion as motion6 } from "framer-motion";
 import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 var variants = {
@@ -4318,8 +4318,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ jsx42(CaretLeft2, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ jsx42(CaretRight5, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ jsx42(CaretLeftIcon2, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ jsx42(CaretRightIcon5, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -4337,7 +4337,7 @@ import { ptBR } from "date-fns/locale";
 import { useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/components/date-time-picker/TimePicker.tsx
-import { Clock } from "@phosphor-icons/react";
+import { ClockIcon } from "@phosphor-icons/react";
 import * as React30 from "react";
 
 // src/components/date-time-picker/TimePickerInput.tsx
@@ -4617,12 +4617,12 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx44("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ jsx44(Clock, { className: "ml-2 h-4 w-4" }) })
+    /* @__PURE__ */ jsx44("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ jsx44(ClockIcon, { className: "ml-2 h-4 w-4" }) })
   ] });
 }
 
 // src/components/date-time-picker/DateTimePicker.tsx
-import { Calendar as Calendar2 } from "@phosphor-icons/react";
+import { CalendarIcon as CalendarIcon2 } from "@phosphor-icons/react";
 import { Fragment as Fragment4, jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
 function DateTimePicker({
   label,
@@ -4666,7 +4666,7 @@ function DateTimePicker({
           ),
           children: [
             date ? format(date, "PPP - HH:mm", { locale: ptBR }) : /* @__PURE__ */ jsx45("span", { className: "text-zinc-400", children: "Pick a date" }),
-            /* @__PURE__ */ jsx45(Calendar2, { className: "ml-auto text-gray-500", size: 24 })
+            /* @__PURE__ */ jsx45(CalendarIcon2, { className: "ml-auto text-gray-500", size: 24 })
           ]
         }
       ) }),
@@ -4770,7 +4770,7 @@ function Select({
 
 // src/components/ui/DestructiveDialog.tsx
 import * as React31 from "react";
-import { XCircle } from "@phosphor-icons/react";
+import { XCircleIcon as XCircleIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 var DestructiveDialog = ({
   title,
@@ -4795,10 +4795,24 @@ var DestructiveDialog = ({
         className: cn("border border-destructive bg-background"),
         children: [
           /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ jsx47(XCircle, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ jsx47(XCircleIcon2, { className: "w-6 h-6 text-destructive" }) }),
             /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx47(AlertDialogTitleBase, { id: titleId, className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
-              /* @__PURE__ */ jsx47(AlertDialogDescriptionBase, { id: descriptionId, className: "mt-2 text-sm text-muted-foreground", children: description })
+              /* @__PURE__ */ jsx47(
+                AlertDialogTitleBase,
+                {
+                  id: titleId,
+                  className: "text-lg sm:text-xl font-semibold text-destructive",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx47(
+                AlertDialogDescriptionBase,
+                {
+                  id: descriptionId,
+                  className: "mt-2 text-sm text-muted-foreground",
+                  children: description
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs28(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
@@ -4807,8 +4821,7 @@ var DestructiveDialog = ({
               {
                 onClick: onCancel,
                 className: cn(
-                  buttonVariantsBase({ variant: "outline", size: "sm" }),
-                  "px-4 py-2",
+                  buttonVariantsBase({ variant: "outline", size: "default" }),
                   "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
                 ),
                 children: "Cancelar"
@@ -4818,7 +4831,9 @@ var DestructiveDialog = ({
               AlertDialogActionBase,
               {
                 onClick: onConfirm,
-                className: cn(buttonVariantsBase({ variant: "destructive", size: "default" }), "px-5 py-2 shadow-lg"),
+                className: cn(
+                  buttonVariantsBase({ variant: "destructive", size: "default" })
+                ),
                 children: "Confirmar"
               }
             )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlw-packages/react-components",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",