@tecsinapse/cortex-react 1.7.5-beta.2 → 1.7.5-beta.3

package/dist/cjs/components/Menubar/Categories.js

@@ -13,7 +13,7 @@ var useDimensions = require('../../hooks/useDimensions.js');
 
 const Categories = ({ children }) => {
   const { width } = useDimensions.useDimensions();
-  return /* @__PURE__ */ React.createElement(Masonry, { columns: width < 640 ? 2 : 4 }, children);
+  return /* @__PURE__ */ React.createElement(Masonry, { columns: width <= 640 ? 2 : 4 }, children);
 };
 
 module.exports = Categories;

package/dist/cjs/components/Menubar/Left.js

@@ -5,7 +5,16 @@ var menubar = require('../../styles/menubar.js');
 
 const { left } = menubar.menubar();
 const Left = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: left(), "data-testid": "header-left-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: left({ className }),
+      "data-testid": "header-left-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 module.exports = Left;

package/dist/cjs/components/Menubar/Right.js

@@ -2,20 +2,19 @@
 
 var React = require('react');
 var menubar = require('../../styles/menubar.js');
-require('@internationalized/date');
-require('react-aria');
-require('react-stately');
-require('@floating-ui/react');
-require('currency.js');
-require('react-dropzone');
-require('uuid');
-var useDimensions = require('../../hooks/useDimensions.js');
 
 const { right } = menubar.menubar();
 const Right = ({ children, ...rest }) => {
-  const { width } = useDimensions.useDimensions();
-  if (width <= 640) return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  return /* @__PURE__ */ React.createElement("div", { className: right(), "data-testid": "header-right-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: right({ className }),
+      "data-testid": "header-right-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 module.exports = Right;

package/dist/cjs/styles/menubar.js

@@ -4,9 +4,9 @@ var tailwindVariants = require('tailwind-variants');
 
 const menubar = tailwindVariants.tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-sidebar",
+    header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-sidebar sm:justify-start",
     left: "flex items-center w-fit",
-    right: "flex items-center gap-x-deca",
+    right: "flex items-center gap-x-deca hidden sm:flex",
     dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {

package/dist/esm/components/Menubar/Categories.js

@@ -11,7 +11,7 @@ import { useDimensions } from '../../hooks/useDimensions.js';
 
 const Categories = ({ children }) => {
   const { width } = useDimensions();
-  return /* @__PURE__ */ React__default.createElement(Masonry, { columns: width < 640 ? 2 : 4 }, children);
+  return /* @__PURE__ */ React__default.createElement(Masonry, { columns: width <= 640 ? 2 : 4 }, children);
 };
 
 export { Categories as default };

package/dist/esm/components/Menubar/Left.js

@@ -3,7 +3,16 @@ import { menubar } from '../../styles/menubar.js';
 
 const { left } = menubar();
 const Left = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: left(), "data-testid": "header-left-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: left({ className }),
+      "data-testid": "header-left-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 export { Left as default };

package/dist/esm/components/Menubar/Right.js

@@ -1,19 +1,18 @@
 import React__default from 'react';
 import { menubar } from '../../styles/menubar.js';
-import '@internationalized/date';
-import 'react-aria';
-import 'react-stately';
-import '@floating-ui/react';
-import 'currency.js';
-import 'react-dropzone';
-import 'uuid';
-import { useDimensions } from '../../hooks/useDimensions.js';
 
 const { right } = menubar();
 const Right = ({ children, ...rest }) => {
-  const { width } = useDimensions();
-  if (width <= 640) return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
-  return /* @__PURE__ */ React__default.createElement("div", { className: right(), "data-testid": "header-right-menubar", ...rest }, children);
+  const { className } = rest;
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: right({ className }),
+      "data-testid": "header-right-menubar",
+      ...rest
+    },
+    children
+  );
 };
 
 export { Right as default };

package/dist/esm/styles/menubar.js

@@ -2,9 +2,9 @@ import { tv } from 'tailwind-variants';
 
 const menubar = tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-sidebar",
+    header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-sidebar sm:justify-start",
     left: "flex items-center w-fit",
-    right: "flex items-center gap-x-deca",
+    right: "flex items-center gap-x-deca hidden sm:flex",
     dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.7.5-beta.2",
+  "version": "1.7.5-beta.3",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "6ca32b795d79e08dd5c5588d10af6bd35f88f1db"
+  "gitHead": "b20b1886637aa2a56369b5eedfe484642e562b38"
 }