react-jupiter 6.0.0-beta.1 → 6.0.0-beta.2

package/dist/components/button/index.styles.js

@@ -25,37 +25,37 @@ const BaseButton = exports.BaseButton = _styledComponents.default.button`
 
   &[data-styletype="primary"] {
     border: none;
-    background: ${(_ref10) => {let { theme, mainColor } = _ref10;return (0, _theme.getColorFromName)(theme, mainColor);}};
+    background: ${(_ref0) => {let { theme, mainColor } = _ref0;return (0, _theme.getColorFromName)(theme, mainColor);}};
     
     &:hover { 
       transition: all 0.25s;
-      background: ${(_ref11) => {let { theme, mainColor, disabled } = _ref11;return !disabled ? (0, _theme.getHoverColorFromName)(theme, mainColor) : (0, _theme.getColorFromName)(theme, mainColor);}};
+      background: ${(_ref1) => {let { theme, mainColor, disabled } = _ref1;return !disabled ? (0, _theme.getHoverColorFromName)(theme, mainColor) : (0, _theme.getColorFromName)(theme, mainColor);}};
     }
     &:active {
       transition: all 0.25s;
-      background: ${(_ref12) => {let { theme, mainColor, disabled } = _ref12;return !disabled ? (0, _theme.getFocusColorFromName)(theme, mainColor) : (0, _theme.getColorFromName)(theme, mainColor);}};
+      background: ${(_ref10) => {let { theme, mainColor, disabled } = _ref10;return !disabled ? (0, _theme.getFocusColorFromName)(theme, mainColor) : (0, _theme.getColorFromName)(theme, mainColor);}};
     }
   }
   
   &[data-styletype="secondary"] {
-    border: 1px solid ${(_ref13) => {let { theme, mainColor } = _ref13;return (0, _theme.getColorFromName)(theme, mainColor);}};
+    border: 1px solid ${(_ref11) => {let { theme, mainColor } = _ref11;return (0, _theme.getColorFromName)(theme, mainColor);}};
     background: transparent;
 
     &:hover { 
-      border-color: ${(_ref14) => {let { theme, disabled, mainColor } = _ref14;return !disabled ? 'transparent' : (0, _theme.getColorFromName)(theme, mainColor);}};
+      border-color: ${(_ref12) => {let { theme, disabled, mainColor } = _ref12;return !disabled ? 'transparent' : (0, _theme.getColorFromName)(theme, mainColor);}};
       transition: all 0.25s;
-      background: ${(_ref15) => {let { theme, mainColor, disabled } = _ref15;return !disabled ? (0, _theme.getColorFromName)(theme, mainColor) : 'transparent';}};
+      background: ${(_ref13) => {let { theme, mainColor, disabled } = _ref13;return !disabled ? (0, _theme.getColorFromName)(theme, mainColor) : 'transparent';}};
       * {
         transition: all 0.25s;
-        color: ${(_ref16) => {let { theme, mainColor, disabled } = _ref16;return !disabled ? theme.colors.white : (0, _theme.getColorFromName)(theme, mainColor);}};
+        color: ${(_ref14) => {let { theme, mainColor, disabled } = _ref14;return !disabled ? theme.colors.white : (0, _theme.getColorFromName)(theme, mainColor);}};
       }
     }
     &:active {
-      border-color: ${(_ref17) => {let { theme, disabled, mainColor } = _ref17;return !disabled ? 'transparent' : (0, _theme.getColorFromName)(theme, mainColor);}};
-      background: ${(_ref18) => {let { theme, mainColor, disabled } = _ref18;return !disabled ? (0, _theme.getFocusColorFromName)(theme, mainColor) : 'transparent';}};
+      border-color: ${(_ref15) => {let { theme, disabled, mainColor } = _ref15;return !disabled ? 'transparent' : (0, _theme.getColorFromName)(theme, mainColor);}};
+      background: ${(_ref16) => {let { theme, mainColor, disabled } = _ref16;return !disabled ? (0, _theme.getFocusColorFromName)(theme, mainColor) : 'transparent';}};
       * {
         transition: all 0.25s;
-        color: ${(_ref19) => {let { theme, mainColor, disabled } = _ref19;return !disabled ? theme.colors.white : (0, _theme.getColorFromName)(theme, mainColor);}};
+        color: ${(_ref17) => {let { theme, mainColor, disabled } = _ref17;return !disabled ? theme.colors.white : (0, _theme.getColorFromName)(theme, mainColor);}};
       }
     }
   }
@@ -67,13 +67,13 @@ const BaseButton = exports.BaseButton = _styledComponents.default.button`
     &:hover { 
       * {
         transition: all 0.25s;
-        color: ${(_ref20) => {let { theme } = _ref20;return theme.colors.darkBlue400;}};
+        color: ${(_ref18) => {let { theme } = _ref18;return theme.colors.darkBlue400;}};
       }
     }
     &:active {
       * {
         transition: all 0.25s;
-        color: ${(_ref21) => {let { theme } = _ref21;return theme.colors.darkBlue800;}};
+        color: ${(_ref19) => {let { theme } = _ref19;return theme.colors.darkBlue800;}};
       }
     }
 
@@ -85,20 +85,20 @@ const StyledIcon = exports.StyledIcon = (0, _styledComponents.default)(_icon.def
 `;
 
 const ExternalLink = exports.ExternalLink = _styledComponents.default.a`
-  color: ${(_ref22) => {let { theme, color } = _ref22;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref20) => {let { theme, color } = _ref20;return (0, _theme.getColorFromName)(theme, color);}};
   text-decoration: none;
   &:hover {
     text-decoration: none;
   }
   &:visited {
-    color: ${(_ref23) => {let { theme, color } = _ref23;return (0, _theme.getColorFromName)(theme, color);}};
+    color: ${(_ref21) => {let { theme, color } = _ref21;return (0, _theme.getColorFromName)(theme, color);}};
     text-decoration: none;
   }
 `;
 
 const InternalLink = exports.InternalLink = _styledComponents.default.div`
   a {
-    color: ${(_ref24) => {let { theme, color } = _ref24;return (0, _theme.getColorFromName)(theme, color);}};
+    color: ${(_ref22) => {let { theme, color } = _ref22;return (0, _theme.getColorFromName)(theme, color);}};
     text-decoration: none;
   }
 `;

package/dist/components/display/index.style.js

@@ -54,26 +54,26 @@ const DisplayStyle = exports.DisplayStyle = _styledComponents.default.div`
       }` :
   '';}}
   ${
-(_ref10) => {let { flexDirection } = _ref10;return flexDirection ?
+(_ref0) => {let { flexDirection } = _ref0;return flexDirection ?
   `flex-direction: ${flexDirection};` :
   '';}}
 
   ${
-(_ref11) => {let { flexDirectionMobile } = _ref11;return flexDirectionMobile ?
+(_ref1) => {let { flexDirectionMobile } = _ref1;return flexDirectionMobile ?
   `@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
         flex-direction: ${flexDirectionMobile};
       }` :
   '';}}
   ${
-(_ref12) => {let { wrap } = _ref12;return wrap ?
+(_ref10) => {let { wrap } = _ref10;return wrap ?
   'flex-wrap: wrap;' :
   '';}}
   ${
-(_ref13) => {let { flex } = _ref13;return flex ?
+(_ref11) => {let { flex } = _ref11;return flex ?
   `flex: ${flex};` :
   '';}}
   ${
-(_ref14) => {let { alignSelf } = _ref14;return alignSelf ?
+(_ref12) => {let { alignSelf } = _ref12;return alignSelf ?
   `align-self: ${alignSelf};` :
   '';}}
 `;

package/dist/components/form/dropdown/index.style.js

@@ -48,10 +48,10 @@ const StyledSelect = exports.StyledSelect = _styledComponents.default.select`
   cursor: ${(_ref9) => {let { disabled } = _ref9;return disabled ? 'not-allowed' : 'pointer';}};
 
   &:hover {
-    border-color: ${(_ref10) => {let { disabled, theme } = _ref10;return disabled ? 'transparent' : theme.borderColor.hover;}};
+    border-color: ${(_ref0) => {let { disabled, theme } = _ref0;return disabled ? 'transparent' : theme.borderColor.hover;}};
   }
 
   &:focus {
-    border-color: ${(_ref11) => {let { theme } = _ref11;return theme.borderColor.focus;}};
+    border-color: ${(_ref1) => {let { theme } = _ref1;return theme.borderColor.focus;}};
   }
 `;

package/dist/components/form-v7/dropdown/index.style.js

@@ -45,13 +45,13 @@ const StyledSelect = exports.StyledSelect = _styledComponents.default.select`
   background: ${(_ref7) => {let { disabled, theme } = _ref7;return disabled ? theme.disabled.background : 'white';}};
   ${(_ref8) => {let { disabled, theme } = _ref8;return disabled ? `color: ${theme.disabled.color};` : '';}}
   ${(_ref9) => {let { disabled, theme } = _ref9;return disabled ? `color: ${theme.disabled.color};` : '';}}
-  cursor: ${(_ref10) => {let { disabled } = _ref10;return disabled ? 'not-allowed' : 'pointer';}};
+  cursor: ${(_ref0) => {let { disabled } = _ref0;return disabled ? 'not-allowed' : 'pointer';}};
 
   &:hover {
-    border-color: ${(_ref11) => {let { disabled, theme } = _ref11;return disabled ? 'transparent' : theme.borderColor.hover;}};
+    border-color: ${(_ref1) => {let { disabled, theme } = _ref1;return disabled ? 'transparent' : theme.borderColor.hover;}};
   }
 
   &:focus {
-    border-color: ${(_ref12) => {let { theme } = _ref12;return theme.borderColor.focus;}};
+    border-color: ${(_ref10) => {let { theme } = _ref10;return theme.borderColor.focus;}};
   }
 `;

package/dist/components/grid/index.js

@@ -72,7 +72,7 @@ const GridUnit = _styledComponents.default.div`
   ${(_ref9) => {let { visible, theme } = _ref9;return getResponsiveVisibility(visible, theme);}}
 `;
 
-const Grid = (_ref10) => {let { children, ...props } = _ref10;return (/*#__PURE__*/
+const Grid = (_ref0) => {let { children, ...props } = _ref0;return (/*#__PURE__*/
     _react.default.createElement(GridContainer, props,
     children
     ));};

package/dist/components/product-menu/index.style.js

@@ -34,5 +34,5 @@ const ExtraMenuWrapper = exports.ExtraMenuWrapper = _styledComponents.default.ol
 `;
 
 const Nav = exports.Nav = _styledComponents.default.nav`
-  border-bottom: 1px solid ${(_ref10) => {let { theme } = _ref10;return theme.borderColor;}};
+  border-bottom: 1px solid ${(_ref0) => {let { theme } = _ref0;return theme.borderColor;}};
 `;

package/dist/components/typography/heading/index.styles.js

@@ -27,43 +27,43 @@ const H2 = exports.H2 = _styledComponents.default.h2`
 const H3 = exports.H3 = _styledComponents.default.h3`
   font-family: 'IranSharp';
   margin: ${(_ref9) => {let { theme, size } = _ref9;return (0, _utils.getMarginOfHeading)(theme, size, 3);}}
-  font-size: ${(_ref10) => {let { theme, size } = _ref10;return `${(0, _utils.getSizeOfHeading)(theme, size, 3)}px;`;}}
-  line-height: ${(_ref11) => {let { theme, size } = _ref11;return `
+  font-size: ${(_ref0) => {let { theme, size } = _ref0;return `${(0, _utils.getSizeOfHeading)(theme, size, 3)}px;`;}}
+  line-height: ${(_ref1) => {let { theme, size } = _ref1;return `
     ${(0, _utils.getSizeOfHeading)(theme, size, 3) * theme.lineHeightRatio}px;
   `;}}
-  color: ${(_ref12) => {let { theme, color } = _ref12;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref10) => {let { theme, color } = _ref10;return (0, _theme.getColorFromName)(theme, color);}};
   font-weight: bold;
 `;
 
 const H4 = exports.H4 = _styledComponents.default.h4`
   font-family: 'IranSharp';
-  margin: ${(_ref13) => {let { theme, size } = _ref13;return (0, _utils.getMarginOfHeading)(theme, size, 4);}}
-  font-size: ${(_ref14) => {let { theme, size } = _ref14;return `${(0, _utils.getSizeOfHeading)(theme, size, 4)}px;`;}}
-  line-height: ${(_ref15) => {let { theme, size } = _ref15;return `
+  margin: ${(_ref11) => {let { theme, size } = _ref11;return (0, _utils.getMarginOfHeading)(theme, size, 4);}}
+  font-size: ${(_ref12) => {let { theme, size } = _ref12;return `${(0, _utils.getSizeOfHeading)(theme, size, 4)}px;`;}}
+  line-height: ${(_ref13) => {let { theme, size } = _ref13;return `
     ${(0, _utils.getSizeOfHeading)(theme, size, 4) * theme.lineHeightRatio}px;
   `;}}
-  color: ${(_ref16) => {let { theme, color } = _ref16;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref14) => {let { theme, color } = _ref14;return (0, _theme.getColorFromName)(theme, color);}};
   font-weight: bold;
 `;
 
 const H5 = exports.H5 = _styledComponents.default.h5`
   font-family: 'IranSharp';
-  margin: ${(_ref17) => {let { theme, size } = _ref17;return (0, _utils.getMarginOfHeading)(theme, size, 5);}}
-  font-size: ${(_ref18) => {let { theme, size } = _ref18;return `${(0, _utils.getSizeOfHeading)(theme, size, 5)}px;`;}}
-  line-height: ${(_ref19) => {let { theme, size } = _ref19;return `
+  margin: ${(_ref15) => {let { theme, size } = _ref15;return (0, _utils.getMarginOfHeading)(theme, size, 5);}}
+  font-size: ${(_ref16) => {let { theme, size } = _ref16;return `${(0, _utils.getSizeOfHeading)(theme, size, 5)}px;`;}}
+  line-height: ${(_ref17) => {let { theme, size } = _ref17;return `
     ${(0, _utils.getSizeOfHeading)(theme, size, 5) * theme.lineHeightRatio}px;
   `;}}
-  color: ${(_ref20) => {let { theme, color } = _ref20;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref18) => {let { theme, color } = _ref18;return (0, _theme.getColorFromName)(theme, color);}};
   font-weight: bold;
 `;
 
 const H6 = exports.H6 = _styledComponents.default.h6`
   font-family: 'IranSharp';
-  margin: ${(_ref21) => {let { theme, size } = _ref21;return (0, _utils.getMarginOfHeading)(theme, size, 6);}}
-  font-size: ${(_ref22) => {let { theme, size } = _ref22;return `${(0, _utils.getSizeOfHeading)(theme, size, 6)}px;`;}}
-  line-height: ${(_ref23) => {let { theme, size } = _ref23;return `
+  margin: ${(_ref19) => {let { theme, size } = _ref19;return (0, _utils.getMarginOfHeading)(theme, size, 6);}}
+  font-size: ${(_ref20) => {let { theme, size } = _ref20;return `${(0, _utils.getSizeOfHeading)(theme, size, 6)}px;`;}}
+  line-height: ${(_ref21) => {let { theme, size } = _ref21;return `
     ${(0, _utils.getSizeOfHeading)(theme, size, 6) * theme.lineHeightRatio}px;
   `;}}
-  color: ${(_ref24) => {let { theme, color } = _ref24;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref22) => {let { theme, color } = _ref22;return (0, _theme.getColorFromName)(theme, color);}};
   font-weight: bold;
 `;

package/dist/components/typography/text/index.styles.js

@@ -20,11 +20,11 @@ const Strong = exports.Strong = _styledComponents.default.strong`
   font-size: ${(_ref8) => {let { size } = _ref8;return `${size}px`;}};
   font-weight: bold;
   ${(_ref9) => {let { underline } = _ref9;return underline ? 'text-decoration: underline;' : '';}}
-  ${(_ref10) => {let { lineThrough } = _ref10;return lineThrough ? 'text-decoration: line-through;' : '';}}
-  ${(_ref11) => {let { emphasized } = _ref11;return emphasized ? 'font-style: italic;' : '';}}
-  color: ${(_ref12) => {let { theme, color } = _ref12;return (0, _theme.getColorFromName)(theme, color);}};
-  ${(_ref13) => {let { theme, marked } = _ref13;return marked ? `background-color: ${theme.colors.blue200};` : '';}}
-  ${(_ref14) => {let { theme, isLabel } = _ref14;return isLabel ?
+  ${(_ref0) => {let { lineThrough } = _ref0;return lineThrough ? 'text-decoration: line-through;' : '';}}
+  ${(_ref1) => {let { emphasized } = _ref1;return emphasized ? 'font-style: italic;' : '';}}
+  color: ${(_ref10) => {let { theme, color } = _ref10;return (0, _theme.getColorFromName)(theme, color);}};
+  ${(_ref11) => {let { theme, marked } = _ref11;return marked ? `background-color: ${theme.colors.blue200};` : '';}}
+  ${(_ref12) => {let { theme, isLabel } = _ref12;return isLabel ?
   `background-color: ${theme.colors.gray400}; padding: 2px 8px; border-radius: 2px;` :
   '';}}
 `;
@@ -32,18 +32,18 @@ const Strong = exports.Strong = _styledComponents.default.strong`
 
 const String = exports.String = _styledComponents.default.span`
   font-family: 'IranSharp';
-  font-size: ${(_ref15) => {let { spanSize } = _ref15;return `${spanSize}px`;}};
-  ${(_ref16) => {let { underline } = _ref16;return underline ? 'text-decoration: underline;' : '';}}
-  ${(_ref17) => {let { lineThrough } = _ref17;return lineThrough ? 'text-decoration: line-through;' : '';}}
-  color: ${(_ref18) => {let { theme, spanColor } = _ref18;return (0, _theme.getColorFromName)(theme, spanColor);}};
-  font-weight: ${(_ref19) => {let { bold, fontWeight } = _ref19;return bold ? 'bold' : fontWeight;}};
-  ${(_ref20) => {let { theme, marked } = _ref20;return marked ? `background-color: ${theme.colors.blue200};` : '';}}
-  ${(_ref21) => {let { theme, isLabel } = _ref21;return isLabel ?
+  font-size: ${(_ref13) => {let { spanSize } = _ref13;return `${spanSize}px`;}};
+  ${(_ref14) => {let { underline } = _ref14;return underline ? 'text-decoration: underline;' : '';}}
+  ${(_ref15) => {let { lineThrough } = _ref15;return lineThrough ? 'text-decoration: line-through;' : '';}}
+  color: ${(_ref16) => {let { theme, spanColor } = _ref16;return (0, _theme.getColorFromName)(theme, spanColor);}};
+  font-weight: ${(_ref17) => {let { bold, fontWeight } = _ref17;return bold ? 'bold' : fontWeight;}};
+  ${(_ref18) => {let { theme, marked } = _ref18;return marked ? `background-color: ${theme.colors.blue200};` : '';}}
+  ${(_ref19) => {let { theme, isLabel } = _ref19;return isLabel ?
   `background-color: ${theme.colors.gray400}; padding: 2px 8px; border-radius: 2px;` :
   '';}}
   ${
-(_ref22) => {let { isDisplayBlock } = _ref22;return isDisplayBlock ? 'display: block;' : '';}}
-  ${(_ref23) => {let { isCutWithEllipsis } = _ref23;
+(_ref20) => {let { isDisplayBlock } = _ref20;return isDisplayBlock ? 'display: block;' : '';}}
+  ${(_ref21) => {let { isCutWithEllipsis } = _ref21;
   if (isCutWithEllipsis) {
     return `
           white-space: nowrap;
@@ -54,7 +54,7 @@ const String = exports.String = _styledComponents.default.span`
   }
   return '';
 }}
-  ${(_ref24) => {let { textAlign } = _ref24;return textAlign ?
+  ${(_ref22) => {let { textAlign } = _ref22;return textAlign ?
   `text-align: ${textAlign}` :
   '';}}
 `;
@@ -63,11 +63,11 @@ const String = exports.String = _styledComponents.default.span`
 const SubScript = exports.SubScript = _styledComponents.default.sub`
   font-family: 'IranSharp';
   font-size: 8px;
-  color: ${(_ref25) => {let { theme, color } = _ref25;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref23) => {let { theme, color } = _ref23;return (0, _theme.getColorFromName)(theme, color);}};
 `;
 
 const SupScript = exports.SupScript = _styledComponents.default.sup`
   font-family: 'IranSharp';
   font-size: 8px;
-  color: ${(_ref26) => {let { theme, color } = _ref26;return (0, _theme.getColorFromName)(theme, color);}};
+  color: ${(_ref24) => {let { theme, color } = _ref24;return (0, _theme.getColorFromName)(theme, color);}};
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-jupiter",
-  "version": "6.0.0-beta.1",
-  "main": "index.js",
+  "version": "6.0.0-beta.2",
+  "main": "dist/index.js",
   "license": "MIT",
   "keywords": [
     "evand",
@@ -11,9 +11,9 @@
     "styled-component"
   ],
   "contributors": [
-    "@mehranshiri",
     "@arashmanteghi",
-    "https://github.com/marzzy"
+    "https://github.com/marzzy",
+    "@mehranshiri"
   ],
   "publishConfig": {
     "access": "public"
@@ -25,23 +25,145 @@
   "bugs": {
     "url": "https://github.com/evandhq/react-jupiter/issues"
   },
-  "scripts": {
-  },
   "dependencies": {
+    "@heroicons/react": "^2.2.0",
+    "@mdx-js/react": "^2.1.5",
+    "babel-plugin-macros": "^2.8.0",
+    "babel-preset-react-app": "^9.1.2",
+    "marked": "^15.0.7",
     "moment-jalaali": "^0.9.4",
     "prop-types": "^15.8.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.38.0",
     "react-lazy-load-image-component": "^1.5.1",
     "react-modal": "3.16.1",
     "react-responsive": "^8.2.0",
     "react-router-dom": "^5.3.0",
+    "react-scripts": "^5.0.1",
     "styled-components": "^5.3.11",
-    "styled-media-query": "^2.1.2"
+    "styled-media-query": "^2.1.2",
+    "tailwind-merge": "^3.2.0",
+    "webpack-dev-middleware": "^7.4.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "build:lib": "babel src --out-dir dist --copy-files",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "./node_modules/.bin/eslint ./src",
+    "lint:fix": "./node_modules/.bin/eslint ./src --fix",
+    "version": "auto-changelog -p && git add CHANGELOG.md"
+  },
+  "husky": {
+    "hooks": {}
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.16.7",
+    "@babel/core": "^7.16.7",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/preset-flow": "^7.16.7",
+    "@storybook/addon-actions": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/builder-webpack5": "^8.6.4",
+    "@storybook/cli": "^8.6.4",
+    "@storybook/preset-create-react-app": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/test": "^8.6.12",
+    "@storybook/testing-library": "^0.2.2",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "auto-changelog": "^1.16.4",
+    "autoprefixer": "^10.4.21",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-jest": "^29.7.0",
+    "babel-minify": "^0.5.1",
+    "babel-plugin-styled-components": "^2.1.4",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-minify": "^0.5.1",
+    "babel-preset-react": "^6.24.1",
+    "css-loader": "^7.1.2",
+    "del-cli": "^2.0.0",
+    "eslint": "^8.57.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.4",
+    "file-loader": "^6.2.0",
+    "flow-bin": "^0.117.0",
+    "husky": "^3.1.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-styled-components": "^7.2.0",
+    "postcss": "^8.5.3",
+    "postcss-import": "^16.1.0",
+    "react-app-rewired": "^2.2.1",
+    "react-is": "^19.0.0",
+    "react-refresh": "^0.16.0",
+    "react-test-renderer": "^18.3.1",
+    "sass": "^1.85.1",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^4.9.5",
+    "webpack": "^5.98.0"
+  },
+  "eslintConfig": {
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off",
+          "no-trailing-spaces": "off",
+          "comma-dangle": [
+            "error",
+            "always-multiline"
+          ]
+        }
+      }
+    ]
   },
-  "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.js"
+    ],
+    "testEnvironment": "jsdom",
+    "moduleNameMapper": {
+      "\\.(css|less|scss|sass)$": "identity-obj-proxy",
+      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js"
+    },
+    "transform": {
+      "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
+    },
+    "moduleFileExtensions": [
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ],
+    "testPathIgnorePatterns": [
+      "/node_modules/"
+    ]
   }
 }
+

package/package.lib.json

@@ -1,7 +1,33 @@
 {
   "name": "react-jupiter",
-  "version": "6.0.0-beta.1",
-  "main": "index.js",
+  "version": "6.0.0-beta.2",
+  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./typography": "./dist/components/typography/index.js",
+    "./button": "./dist/components/button/index.js",
+    "./grid": "./dist/components/grid/index.js",
+    "./spacing": "./dist/components/spacing/index.js",
+    "./utils": "./dist/components/utils/index.js",
+    "./show-date": "./dist/components/show-date/index.js",
+    "./avatar": "./dist/components/avatar/index.js",
+    "./icon": "./dist/components/icon/index.js",
+    "./titled-avatar": "./dist/components/titled-avatar/index.js",
+    "./numeric-summery-report": "./dist/components/numeric-summery-report/index.js",
+    "./card": "./dist/components/card/index.js",
+    "./product-properties": "./dist/components/product-properties/index.js",
+    "./cover": "./dist/components/cover/index.js",
+    "./form": "./dist/components/form/index.js",
+    "./form-v7": "./dist/components/form-v7/index.js",
+    "./responsive": "./dist/components/responsive/index.js",
+    "./product-owner": "./dist/components/product-owner/index.js",
+    "./file-item": "./dist/components/file-item/index.js",
+    "./modal": "./dist/components/modal/index.js",
+    "./product-menu": "./dist/components/product-menu/index.js",
+    "./table": "./dist/components/table/index.js",
+    "./tabs": "./dist/components/tabs/index.js",
+    "./display": "./dist/components/display/index.js"
+  },
   "license": "MIT",
   "keywords": [
     "evand",
@@ -28,17 +54,19 @@
   "scripts": {
   },
   "dependencies": {
+    "@heroicons/react": "^2.2.0",
     "moment-jalaali": "^0.9.4",
     "prop-types": "^15.8.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.38.0",
     "react-lazy-load-image-component": "^1.5.1",
     "react-modal": "3.16.1",
     "react-responsive": "^8.2.0",
     "react-router-dom": "^5.3.0",
     "styled-components": "^5.3.11",
-    "styled-media-query": "^2.1.2"
+    "styled-media-query": "^2.1.2",
+    "tailwind-merge": "^3.2.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",