react-jupiter 5.12.0 → 6.0.0-beta.2

package/src/stories/Page.jsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <article className="font-sans">
+    <section className="w-full max-w-screen-xl mx-auto py-12 px-6">
+      <h2 className="text-2xl font-bold mb-4">Pages in Storybook</h2>
+      <p className="text-gray-700 mb-4">
+        We recommend building UIs with a{' '}
+        <a
+          href="https://componentdriven.org"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-600 hover:underline"
+        >
+          <strong>component-driven</strong>
+        </a>{' '}
+        process starting with atomic components and ending with pages.
+      </p>
+      <p className="text-gray-700 mb-4">
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul className="list-disc pl-6 mb-4 text-gray-700">
+        <li>Use a higher-level connected component. Storybook helps you compose such data from the
+        "args" of child component stories</li>
+        <li>Assemble data in the page component from your services. You can mock these services out
+        using Storybook.</li>
+      </ul>
+      <p className="text-gray-700 mb-4">
+        Get a guided tutorial on component-driven development at{' '}
+        <a
+          href="https://storybook.js.org/tutorials/"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-600 hover:underline"
+        >
+          Storybook tutorials
+        </a>
+        . Read more in the{' '}
+        <a
+          href="https://storybook.js.org/docs"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-600 hover:underline"
+        >
+          docs
+        </a>
+        .
+      </p>
+    </section>
+  </article>
+);
+
+Page.propTypes = {
+  user: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+  }),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Page.defaultProps = {
+  user: null,
+}; 

package/src/storybook.css

@@ -0,0 +1,58 @@
+/* Storybook styles */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  margin: 0;
+  padding: 0;
+}
+
+* {
+  box-sizing: border-box;
+  outline: none;
+}
+
+.App {
+  text-align: right;
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}
+
+/* Component styles */
+.component-container {
+  padding: 20px;
+  margin: 20px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.component-title {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  color: #333;
+}
+
+.component-description {
+  font-size: 16px;
+  color: #666;
+  margin-bottom: 20px;
+}
+
+/* Storybook specific styles */
+.sb-show-main {
+  padding: 20px;
+}
+
+.sb-main .sb-unstyled {
+  padding: 20px;
+}
+
+.sb-main .sb-unstyled .sb-show-main {
+  padding: 20px;
+}
+
+.sb-main .sb-unstyled .sb-show-main .sb-show-padding {
+  padding: 20px;
+} 

package/src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities; 

package/src/test-utils.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from 'styled-components';
+import defaultTheme from './themes';
+
+const AllTheProviders = ({ children }) => {
+  return (
+    <ThemeProvider theme={defaultTheme}>
+      {children}
+    </ThemeProvider>
+  );
+};
+
+const customRender = (ui, options) =>
+  render(ui, { wrapper: AllTheProviders, ...options });
+
+// re-export everything
+export * from '@testing-library/react';
+
+// override render method
+export { customRender as render }; 

package/storybook.log

@@ -0,0 +1,113 @@
+npm WARN ERESOLVE overriding peer dependency
+npm WARN While resolving: react-inspector@5.1.1
+npm WARN Found: react@18.2.0
+npm WARN node_modules/react
+npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
+npm WARN   node_modules/@mdx-js/react
+npm WARN     @mdx-js/react@"^2.1.5" from the root project
+npm WARN   41 more (@storybook/addon-actions, ...)
+npm WARN 
+npm WARN Could not resolve dependency:
+npm WARN peer react@"^16.8.4 || ^17.0.0" from react-inspector@5.1.1
+npm WARN node_modules/@storybook/addon-actions/node_modules/react-inspector
+npm WARN   react-inspector@"^5.1.0" from @storybook/addon-actions@6.5.16
+npm WARN   node_modules/@storybook/addon-actions
+npm WARN 
+npm WARN Conflicting peer dependency: react@17.0.2
+npm WARN node_modules/react
+npm WARN   peer react@"^16.8.4 || ^17.0.0" from react-inspector@5.1.1
+npm WARN   node_modules/@storybook/addon-actions/node_modules/react-inspector
+npm WARN     react-inspector@"^5.1.0" from @storybook/addon-actions@6.5.16
+npm WARN     node_modules/@storybook/addon-actions
+npm WARN ERESOLVE overriding peer dependency
+npm WARN While resolving: @mdx-js/react@1.6.22
+npm WARN Found: react@18.2.0
+npm WARN node_modules/react
+npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
+npm WARN   node_modules/@mdx-js/react
+npm WARN     @mdx-js/react@"^2.1.5" from the root project
+npm WARN   41 more (@storybook/addon-actions, ...)
+npm WARN 
+npm WARN Could not resolve dependency:
+npm WARN peer react@"^16.13.1 || ^17.0.0" from @mdx-js/react@1.6.22
+npm WARN node_modules/@storybook/addon-docs/node_modules/@mdx-js/react
+npm WARN   @mdx-js/react@"^1.6.22" from @storybook/addon-docs@6.5.16
+npm WARN   node_modules/@storybook/addon-docs
+npm WARN 
+npm WARN Conflicting peer dependency: react@17.0.2
+npm WARN node_modules/react
+npm WARN   peer react@"^16.13.1 || ^17.0.0" from @mdx-js/react@1.6.22
+npm WARN   node_modules/@storybook/addon-docs/node_modules/@mdx-js/react
+npm WARN     @mdx-js/react@"^1.6.22" from @storybook/addon-docs@6.5.16
+npm WARN     node_modules/@storybook/addon-docs
+npm WARN ERESOLVE overriding peer dependency
+npm WARN While resolving: react-test-renderer@17.0.2
+npm WARN Found: react@18.2.0
+npm WARN node_modules/react
+npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
+npm WARN   node_modules/@mdx-js/react
+npm WARN     @mdx-js/react@"^2.1.5" from the root project
+npm WARN   41 more (@storybook/addon-actions, ...)
+npm WARN 
+npm WARN Could not resolve dependency:
+npm WARN peer react@"17.0.2" from react-test-renderer@17.0.2
+npm WARN node_modules/@storybook/addon-storyshots/node_modules/react-test-renderer
+npm WARN   react-test-renderer@"^16.8.0 || ^17.0.0" from @storybook/addon-storyshots@6.5.16
+npm WARN   node_modules/@storybook/addon-storyshots
+npm WARN 
+npm WARN Conflicting peer dependency: react@17.0.2
+npm WARN node_modules/react
+npm WARN   peer react@"17.0.2" from react-test-renderer@17.0.2
+npm WARN   node_modules/@storybook/addon-storyshots/node_modules/react-test-renderer
+npm WARN     react-test-renderer@"^16.8.0 || ^17.0.0" from @storybook/addon-storyshots@6.5.16
+npm WARN     node_modules/@storybook/addon-storyshots
+npm WARN ERESOLVE overriding peer dependency
+npm WARN While resolving: react-element-to-jsx-string@14.3.4
+npm WARN Found: react@18.2.0
+npm WARN node_modules/react
+npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
+npm WARN   node_modules/@mdx-js/react
+npm WARN     @mdx-js/react@"^2.1.5" from the root project
+npm WARN   41 more (@storybook/addon-actions, ...)
+npm WARN 
+npm WARN Could not resolve dependency:
+npm WARN peer react@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
+npm WARN node_modules/@storybook/react/node_modules/react-element-to-jsx-string
+npm WARN   react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
+npm WARN   node_modules/@storybook/react
+npm WARN 
+npm WARN Conflicting peer dependency: react@17.0.2
+npm WARN node_modules/react
+npm WARN   peer react@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
+npm WARN   node_modules/@storybook/react/node_modules/react-element-to-jsx-string
+npm WARN     react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
+npm WARN     node_modules/@storybook/react
+npm WARN ERESOLVE overriding peer dependency
+npm WARN While resolving: react-element-to-jsx-string@14.3.4
+npm WARN Found: react-dom@18.2.0
+npm WARN node_modules/react-dom
+npm WARN   peerOptional react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0" from @storybook/addon-actions@6.5.16
+npm WARN   node_modules/@storybook/addon-actions
+npm WARN     @storybook/addon-actions@"6.5.16" from @storybook/addon-essentials@6.5.16
+npm WARN     node_modules/@storybook/addon-essentials
+npm WARN   31 more (@storybook/addon-backgrounds, ...)
+npm WARN 
+npm WARN Could not resolve dependency:
+npm WARN peer react-dom@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
+npm WARN node_modules/@storybook/react/node_modules/react-element-to-jsx-string
+npm WARN   react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
+npm WARN   node_modules/@storybook/react
+npm WARN 
+npm WARN Conflicting peer dependency: react-dom@17.0.2
+npm WARN node_modules/react-dom
+npm WARN   peer react-dom@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
+npm WARN   node_modules/@storybook/react/node_modules/react-element-to-jsx-string
+npm WARN     react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
+npm WARN     node_modules/@storybook/react
+npm ERR! code ETARGET
+npm ERR! notarget No matching version found for @storybook/addon-mdx-gfm@^6.5.16.
+npm ERR! notarget In most cases you or one of your dependencies are requesting
+npm ERR! notarget a package version that doesn't exist.
+
+npm ERR! A complete log of this run can be found in:
+npm ERR!     /Users/mehran-ev/.npm/_logs/2025-03-10T11_01_07_286Z-debug-0.log

package/tailwind.config.js

@@ -0,0 +1,26 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+    "./.storybook/**/*.{js,jsx,ts,tsx}",
+    "./stories/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        main: '#132A3E',
+        secondary: '#0095DB',
+        // You can add more custom colors here
+      },
+      // You can also extend spacing, fonts, etc.
+      // spacing: {
+      //   'custom-space': 'your-value',
+      // }
+    },
+  },
+  plugins: [],
+  corePlugins: {
+    preflight: true,
+  },
+}
+

package/update-stories.js

@@ -0,0 +1,41 @@
+const fs = require('fs');
+const path = require('path');
+
+function updateStoryFile(filePath) {
+  let content = fs.readFileSync(filePath, 'utf8');
+  
+  // Remove withInfo import and decorator
+  content = content.replace(/import { withInfo } from '@storybook\/addon-info';/g, '');
+  content = content.replace(/decorators: \[withInfo\],/g, '');
+  
+  // Update storiesOf to CSF format
+  content = content.replace(/storiesOf\(['"]([^'"]+)['"], module\)/g, (match, title) => {
+    return `export default {
+  title: '${title}',
+  component: ${title.split('/').pop()},
+  argTypes: {
+    // Add your argTypes here
+  }
+};`;
+  });
+  
+  fs.writeFileSync(filePath, content);
+}
+
+function processDirectory(dir) {
+  const files = fs.readdirSync(dir);
+  
+  files.forEach(file => {
+    const filePath = path.join(dir, file);
+    const stat = fs.statSync(filePath);
+    
+    if (stat.isDirectory()) {
+      processDirectory(filePath);
+    } else if (file.endsWith('.stories.js')) {
+      updateStoryFile(filePath);
+    }
+  });
+}
+
+const srcDir = path.join(__dirname, 'src');
+processDirectory(srcDir); 

package/accordion/index.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_index=require("./index.styles"),_panel=_interopRequireDefault(require("./panel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-
-
-
-const Accordion=(a)=>{let{items:b}=a;return/*#__PURE__*/(
-_react.default.createElement(_index.PanelGroup,null,
-b.map((a,b)=>/*#__PURE__*/_react.default.createElement(_panel.default,{item:a,key:b}))
-))};
-
-
-Accordion.propTypes={
-items:_propTypes.default.arrayOf(_propTypes.default.shape({
-mode:_propTypes.default.oneOf(["white","light","dark"]),
-title:_propTypes.default.string.isRequired,
-key:_propTypes.default.string.isRequired,
-status:_propTypes.default.bool,
-collapse:_propTypes.default.bool.isRequired,
-meta:_propTypes.default.node,
-body:_propTypes.default.node.isRequired,
-bold:_propTypes.default.bool
-})).isRequired
-};var _default=exports.default=
-
-Accordion;

package/accordion/index.styles.js

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelGroup=exports.Panel=void 0;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
-
-PanelGroup=exports.PanelGroup=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    font-family: 'IranSharp';\n"]))),
-
-
-
-Panel=exports.Panel=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    background-color: #fff;\n    margin: 10px 0;\n    border: ",";\n    border-radius: 7px;\n    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n    padding: 10px;\n\n    &.white {\n        background: #ffffff;\n    }\n    &.light {\n        background: #caf0fc;\n    }\n    &.white, &.light {\n        & .panel-heading {\n            color: #000000;\n        }\n    }\n    &.dark {\n        background: rgb(80, 89, 117);\n        & .panel-heading {\n            color: #ffffff;\n        }\n    }\n\n    .collapse {\n        display: none;\n    }\n\n    .panel-heading {\n        padding: 10px 15px;\n        display: flex;\n        justify-content: space-between;\n        &:hover {\n            cursor: pointer;\n        }        \n    }\n    \n    .panel-title {\n        margin-top: 0;\n        margin-bottom: 0;\n        font-size: 16px;\n        color: inherit;\n    }\n"])),
-
-
-(a)=>a.status||a.bold?"2px solid rgb(80, 89, 117)":"1px solid #000000");

package/accordion/panel.js

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_detectMobile=require("../utils/detectMobile"),_index=require("./index.styles"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&Object.prototype.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}
-
-
-
-
-const Panel=(a)=>{let{item:b}=a;const
-c=(0,_react.useRef)(),
-
-d=()=>{
-const a=document.getElementById("icon-".concat(b.key));
-
-c.current.classList.contains("collapse")?(
-c.current.classList.remove("collapse"),
-a.classList.remove("new-icon-arrow-drop-down"),
-a.classList.add("new-icon-arrow-drop-up")):(
-
-c.current.classList.add("collapse"),
-a.classList.remove("new-icon-arrow-drop-up"),
-a.classList.add("new-icon-arrow-drop-down"))
-
-};
-
-return/*#__PURE__*/(
-_react.default.createElement(_index.Panel,{className:b.mode,status:b.status,bold:b.bold},/*#__PURE__*/
-_react.default.createElement("a",{className:"panel-heading",onClick:()=>d(b.key)},/*#__PURE__*/
-_react.default.createElement("h4",{className:"panel-title"},/*#__PURE__*/
-_react.default.createElement(_icon.default,{name:b.status?"check-circle":"error",size:"sm",color:b.status?"green":"gray"}),/*#__PURE__*/
-_react.default.createElement("span",null,b.title)
-),/*#__PURE__*/
-_react.default.createElement("div",null,
-!_detectMobile.isMobile&&b.meta,/*#__PURE__*/
-_react.default.createElement(_icon.default,{id:"icon-".concat(b.key),name:"arrow-drop-down",size:"sm",color:b.status?"white":"darkBlue"})
-)
-),/*#__PURE__*/
-_react.default.createElement("div",{id:b.key,ref:c,className:"panel-collapse ".concat(b.collapse&&"collapse")},/*#__PURE__*/
-_react.default.createElement("div",{className:"panel-body"},b.body)
-)
-))
-
-};var _default=exports.default=
-Panel;

package/avatar/index.js

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_index=_interopRequireDefault(require("./index.styles")),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}const
-
-
-
-
-
-
-defaultImageUrl="https://static.evand.net/assets/images/defaults/avatar.svg",
-
-Avatar=(a)=>{let{
-alt:c="\u0622\u0648\u0627\u062A\u0627\u0631",
-size:d="md",
-sizeMobile:e="md",
-src:f=defaultImageUrl,
-round:g=!1,
-...b
-}=a;return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_index.default,_extends({
-src:f,
-alt:c,
-size:d,
-sizeMobile:e,
-"data-test":"avatar",
-round:g,
-onError:(a)=>(a.target.onerror=null,a.target.src=defaultImageUrl)},
-b)
-)
-))};
-
-
-Avatar.propTypes={
-src:_propTypes.default.string,
-alt:_propTypes.default.string,
-round:_propTypes.default.bool,
-size:_propTypes.default.oneOf(["lg","md","sm","xs"]),
-sizeMobile:_propTypes.default.oneOf(["lg","md","sm"])
-};var _default=exports.default=
-
-Avatar;

package/avatar/index.styles.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
-
-
-const Image=_styledComponents.default.img(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  width: ",";\n  height: ",";\n  @media only screen and (max-width: ","px) {\n    width: ",";\n    height: ",";\n  }\n  border-radius: ",";\n  display: block;\n  background-size: cover;\n"])),
-
-(a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
-(a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
-_themes.default.breakpoints.sm,
-(a)=>{let{theme:b,sizeMobile:c}=a;return"".concat(b.size[c],"px")},
-(a)=>{let{theme:b,sizeMobile:c}=a;return"".concat(b.size[c],"px")},
-
-(a)=>{let{theme:b,round:c}=a;return c?"50%":"".concat(b.borderRadius,"px")});var _default=exports.default=
-
-
-
-
-Image;

package/avatar/theme.js

@@ -1,13 +0,0 @@
-"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-const avatarTheme={
-borderRadius:_themes.default.borderRadius.low,
-size:{
-lg:128,
-md:64,
-sm:32,
-xs:24
-}
-};var _default=exports.default=
-
-avatarTheme;

package/button/index.js

@@ -1,116 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_typography=require("../typography"),_index=require("./index.styles"),_utils=_interopRequireDefault(require("./utils")),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const Button=(a)=>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{
-
-
-function b(){
-return/*#__PURE__*/(
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_index.BaseButton,_extends({
-"data-test":"button",
-type:e,
-wide:g,
-size:i,
-mainColor:j,
-disabled:h||n,
-"data-styletype":k,
-marginLeft:p,
-marginRight:q},
-d),
-
-
-f&&/*#__PURE__*/
-
-_react.default.createElement(_index.StyledIcon,{
-name:f,
-size:i,
-color:r}
-),
-
-
-"string"==typeof c?/*#__PURE__*/
-_react.default.createElement(_typography.Text,{
-size:_theme.default.size[i].font,
-color:r,
-fontWeight:600},
-
-n?"\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...":c
-):
-
-
-c
-
-)
-))
-
-}let{htmlType:e="submit",icon:f=null,wide:g=!1,disabled:h=!1,size:i="md",mainColor:j="darkBlue",styleType:k="primary",linkTo:l=null,linkTarget:m="_self",isLoading:n=!1,renderLink:o=null,marginLeft:p=0,marginRight:q=0,children:c,...d}=a;const r=(0,_utils.default)(k,j);return(
-
-(l||o)&&!h?
-o?/*#__PURE__*/
-
-_react.default.createElement(_index.InternalLink,null,
-o(/*#__PURE__*/_react.default.createElement(b,null))
-):/*#__PURE__*/
-
-
-
-
-_react.default.createElement(_index.ExternalLink,{href:l,target:m},/*#__PURE__*/
-_react.default.createElement(b,null)
-):/*#__PURE__*/
-
-
-
-
-_react.default.createElement(b,null))
-
-};var _default=exports.default=
-
-Button;