@ttoss/components 2.0.18 → 2.0.20

package/dist/Menu/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { BoxProps } from '@ttoss/ui';
 import { IconifyIcon } from '@ttoss/react-icons';
+import { BoxProps } from '@ttoss/ui';
+import * as React from 'react';
 
 type MenuProps = {
     onClose: () => void;

package/dist/esm/Menu/index.js

@@ -1,60 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import "../chunk-ESDEGKXL.js";
 
-// src/components/Menu/Menu.tsx
-import { Box as Box2, Flex, Image, Text, useResponsiveValue } from "@ttoss/ui";
-
-// src/components/Drawer/Drawer.tsx
-import { Box } from "@ttoss/ui";
-import { css as createClassName } from "@emotion/css";
-import DrawerUi from "react-modern-drawer";
-import { jsx } from "react/jsx-runtime";
-var reactModernDrawerClassName = createClassName(`
-.EZDrawer .EZDrawer__checkbox {
-    display: none;
-}
-.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
-    display: block;
-    opacity: 1;
-}
-.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
-    visibility: visible;
-    transform: translate3d(0, 0, 0) !important;
-}
-.EZDrawer .EZDrawer__overlay {
-    display: none;
-    height: 100vh;
-    left: 0;
-    position: fixed;
-    top: 0;
-    width: 100%;
-}
-.EZDrawer .EZDrawer__container {
-    position: fixed;
-    visibility: hidden;
-    background: white;
-    transition: all;
-    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
-}`);
-var Drawer = ({
-  children,
-  sx,
-  ...props
-}) => {
-  return /* @__PURE__ */jsx(DrawerUi, {
-    ...props,
-    className: reactModernDrawerClassName,
-    children: /* @__PURE__ */jsx(Box, {
-      sx: {
-        width: "100%",
-        height: "100%",
-        ...sx
-      },
-      children
-    })
-  });
-};
-
 // ../react-icons/src/Icon.tsx
 import * as React2 from "react";
 
@@ -2303,9 +2249,9 @@ var Icon = React.forwardRef((props, ref) => {
 });
 
 // ../react-icons/src/Icon.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var Icon2 = React2.forwardRef((props, ref) => {
-  return /* @__PURE__ */jsx2(Icon, {
+  return /* @__PURE__ */jsx(Icon, {
     ref,
     "data-testid": "iconify-icon",
     ...props
@@ -2313,6 +2259,60 @@ var Icon2 = React2.forwardRef((props, ref) => {
 });
 Icon2.displayName = "Icon";
 
+// src/components/Menu/Menu.tsx
+import { Box as Box2, Flex, Image, Text, useResponsiveValue } from "@ttoss/ui";
+
+// src/components/Drawer/Drawer.tsx
+import { Box } from "@ttoss/ui";
+import { css as createClassName } from "@emotion/css";
+import DrawerUi from "react-modern-drawer";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var reactModernDrawerClassName = createClassName(`
+.EZDrawer .EZDrawer__checkbox {
+    display: none;
+}
+.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
+    display: block;
+    opacity: 1;
+}
+.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
+    visibility: visible;
+    transform: translate3d(0, 0, 0) !important;
+}
+.EZDrawer .EZDrawer__overlay {
+    display: none;
+    height: 100vh;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+.EZDrawer .EZDrawer__container {
+    position: fixed;
+    visibility: hidden;
+    background: white;
+    transition: all;
+    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
+}`);
+var Drawer = ({
+  children,
+  sx,
+  ...props
+}) => {
+  return /* @__PURE__ */jsx2(DrawerUi, {
+    ...props,
+    className: reactModernDrawerClassName,
+    children: /* @__PURE__ */jsx2(Box, {
+      sx: {
+        width: "100%",
+        height: "100%",
+        ...sx
+      },
+      children
+    })
+  });
+};
+
 // src/components/Menu/Menu.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Menu = ({
@@ -2347,12 +2347,12 @@ var Menu = ({
           height: "100%",
           backgroundColor: "background",
           width: "100%",
-          maxWidth: "md",
+          maxWidth: "2",
           right: 0,
-          boxShadow: "lg",
-          paddingX: "xl",
-          paddingTop: "lg",
-          paddingBottom: "2xl",
+          boxShadow: "4",
+          paddingX: "5",
+          paddingTop: "4",
+          paddingBottom: "6",
           ...sx
         },
         children: [/* @__PURE__ */jsxs(Flex, {
@@ -2383,7 +2383,7 @@ var Menu = ({
           })]
         }), /* @__PURE__ */jsx3(Box2, {
           sx: {
-            paddingTop: "3xl"
+            paddingTop: "6"
           },
           as: "nav",
           children

package/dist/esm/Modal/index.js

@@ -15,7 +15,7 @@ var Modal = props => {
     theme
   } = useTheme();
   const space = theme.space;
-  const padding = useResponsiveValue([space?.["lg"], space?.["xl"], space?.["xl"]]) || 0;
+  const padding = useResponsiveValue([space?.["4"], space?.["5"], space?.["5"]]) || 0;
   const style = {
     overlay: transformStyleObject({
       position: "fixed",

package/dist/esm/Toast/index.js

@@ -3,7 +3,7 @@ import "../chunk-ESDEGKXL.js";
 
 // src/components/Toast/Toast.tsx
 import { Box } from "@ttoss/ui";
-import { ToastContainer as ReactToastifyToastContainer, toast } from "react-toastify";
+import { toast, ToastContainer as ReactToastifyToastContainer } from "react-toastify";
 import { jsx } from "react/jsx-runtime";
 var ToastContainer = props => {
   return /* @__PURE__ */jsx(Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "description": "React components for ttoss ecosystem.",
   "license": "MIT",
   "author": "ttoss",
@@ -75,7 +75,7 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "@ttoss/react-hooks": "^2.0.9",
-    "@ttoss/ui": "^5.1.0"
+    "@ttoss/ui": "^5.1.2"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
@@ -84,11 +84,11 @@
     "react": "^19.0.0",
     "tsup": "^8.3.5",
     "tsx": "^4.19.2",
-    "@ttoss/config": "^1.35.2",
     "@ttoss/react-icons": "^0.4.9",
+    "@ttoss/config": "^1.35.2",
     "@ttoss/test-utils": "^2.1.22",
-    "@ttoss/react-hooks": "^2.0.9",
-    "@ttoss/ui": "^5.1.0"
+    "@ttoss/ui": "^5.1.2",
+    "@ttoss/react-hooks": "^2.0.9"
   },
   "keywords": [
     "React",