react-jupiter 5.12.0 → 6.0.0-beta.1

package/dist/components/typography/utils.js

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.getSizeOfHeading = exports.getMarginOfHeading = void 0;const getSizeOfHeading = (theme, size, level) => {
+  switch (size) {
+    case theme.sizes.small:
+      if (level === 1) return theme.h1SizeSmall;
+      if (level === 2) return theme.h2SizeSmall;
+      if (level === 3) return theme.h3SizeSmall;
+      if (level === 4) return theme.h4SizeSmall;
+      if (level === 5) return theme.h5SizeSmall;
+      return theme.h6SizeMedium;
+    case theme.sizes.medium:
+      if (level === 1) return theme.h1SizeMedium;
+      if (level === 2) return theme.h2SizeMedium;
+      if (level === 3) return theme.h3SizeMedium;
+      if (level === 4) return theme.h4SizeMedium;
+      if (level === 5) return theme.h5SizeMedium;
+      return theme.h6SizeMedium;
+    case theme.sizes.large:
+    default:
+      if (level === 1) return theme.h1SizeLarge;
+      if (level === 2) return theme.h2SizeLarge;
+      if (level === 3) return theme.h3SizeLarge;
+      if (level === 4) return theme.h4SizeLarge;
+      if (level === 5) return theme.h5SizeLarge;
+      return theme.h6SizeLarge;
+  }
+};exports.getSizeOfHeading = getSizeOfHeading;
+
+const getMarginOfHeading = (theme, size, level) => {
+  switch (size) {
+    case theme.sizes.small:
+      if (level === 1) return `${theme.h1SizeSmallMarginTop}px 0 ${theme.h1SizeSmallMarginBottom}px`;
+      if (level === 2) return `${theme.h2SizeSmallMarginTop}px 0 ${theme.h2SizeSmallMarginBottom}px`;
+      if (level === 3) return `${theme.h3SizeSmallMarginTop}px 0 ${theme.h3SizeSmallMarginBottom}px`;
+      if (level === 4) return `${theme.h4SizeSmallMarginTop}px 0 ${theme.h4SizeSmallMarginBottom}px`;
+      if (level === 5) return `${theme.h5SizeSmallMarginTop}px 0 ${theme.h5SizeSmallMarginBottom}px`;
+      return `${theme.h6SizeSmallMarginTop}px 0 ${theme.h6SizeSmallMarginBottom}px`;
+    case theme.sizes.medium:
+      if (level === 1) return `${theme.h1SizeMediumMarginTop}px 0 ${theme.h1SizeMediumMarginBottom}px`;
+      if (level === 2) return `${theme.h2SizeMediumMarginTop}px 0 ${theme.h2SizeMediumMarginBottom}px`;
+      if (level === 3) return `${theme.h3SizeMediumMarginTop}px 0 ${theme.h3SizeMediumMarginBottom}px`;
+      if (level === 4) return `${theme.h4SizeMediumMarginTop}px 0 ${theme.h4SizeMediumMarginBottom}px`;
+      if (level === 5) return `${theme.h5SizeMediumMarginTop}px 0 ${theme.h5SizeMediumMarginBottom}px`;
+      return `${theme.h6SizeMediumMarginTop}px 0 ${theme.h6SizeMediumMarginBottom}px`;
+    case theme.sizes.large:
+    default:
+      if (level === 1) return `${theme.h1SizeLargeMarginTop}px 0 ${theme.h1SizeLargeMarginBottom}px`;
+      if (level === 2) return `${theme.h2SizeLargeMarginTop}px 0 ${theme.h2SizeLargeMarginBottom}px`;
+      if (level === 3) return `${theme.h3SizeLargeMarginTop}px 0 ${theme.h3SizeLargeMarginBottom}px`;
+      if (level === 4) return `${theme.h4SizeLargeMarginTop}px 0 ${theme.h4SizeLargeMarginBottom}px`;
+      if (level === 5) return `${theme.h5SizeLargeMarginTop}px 0 ${theme.h5SizeLargeMarginBottom}px`;
+      return `${theme.h6SizeLargeMarginTop}px 0 ${theme.h6SizeLargeMarginBottom}px`;
+  }
+};exports.getMarginOfHeading = getMarginOfHeading;

package/dist/components/typography/utils.test.js

@@ -0,0 +1,188 @@
+"use strict";var _utils = require("./utils");
+var _theme = _interopRequireDefault(require("./theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+describe('Utils of typography', () => {
+  describe('Get size of heading', () => {
+    it('should return 30px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'lg', 1);
+      expect(fontSize).toBe(30);
+    });
+
+    it('should return 24px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'md', 1);
+      expect(fontSize).toBe(24);
+    });
+
+    it('should return 18px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'sm', 1);
+      expect(fontSize).toBe(18);
+    });
+
+    it('should return 24px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'lg', 2);
+      expect(fontSize).toBe(24);
+    });
+
+    it('should return 20px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'md', 2);
+      expect(fontSize).toBe(20);
+    });
+
+    it('should return 16px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'sm', 2);
+      expect(fontSize).toBe(16);
+    });
+
+    it('should return 20px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'lg', 3);
+      expect(fontSize).toBe(20);
+    });
+
+    it('should return 18px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'md', 3);
+      expect(fontSize).toBe(18);
+    });
+
+    it('should return 14px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'sm', 3);
+      expect(fontSize).toBe(14);
+    });
+
+    it('should return 16px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'lg', 4);
+      expect(fontSize).toBe(16);
+    });
+
+    it('should return 14px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'md', 4);
+      expect(fontSize).toBe(14);
+    });
+
+    it('should return 12px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'sm', 4);
+      expect(fontSize).toBe(12);
+    });
+
+    it('should return 14px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'lg', 5);
+      expect(fontSize).toBe(14);
+    });
+
+    it('should return 12px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'md', 5);
+      expect(fontSize).toBe(12);
+    });
+
+    it('should return 10px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'sm', 5);
+      expect(fontSize).toBe(10);
+    });
+
+    it('should return 12px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'lg', 6);
+      expect(fontSize).toBe(12);
+    });
+
+    it('should return 10px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'md', 6);
+      expect(fontSize).toBe(10);
+    });
+
+    it('should return 10px', () => {
+      const fontSize = (0, _utils.getSizeOfHeading)(_theme.default, 'sm', 6);
+      expect(fontSize).toBe(10);
+    });
+  });
+
+  describe('Get margin of heading', () => {
+    it('should return 24px 0 18px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'lg', 1);
+      expect(margin).toBe('24px 0 18px');
+    });
+
+    it('should return 18px 0 12px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'md', 1);
+      expect(margin).toBe('18px 0 12px');
+    });
+
+    it('should return 12px 0 8px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'sm', 1);
+      expect(margin).toBe('12px 0 8px');
+    });
+
+    it('should return 18px 0 14px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'lg', 2);
+      expect(margin).toBe('18px 0 14px');
+    });
+
+    it('should return 14px 0 10px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'md', 2);
+      expect(margin).toBe('14px 0 10px');
+    });
+
+    it('should return 10px 0 8px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'sm', 2);
+      expect(margin).toBe('10px 0 8px');
+    });
+
+    it('should return 16px 0 12px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'lg', 3);
+      expect(margin).toBe('16px 0 12px');
+    });
+
+    it('should return 14px 0 10px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'md', 3);
+      expect(margin).toBe('14px 0 10px');
+    });
+
+    it('should return 12px 0 8px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'sm', 3);
+      expect(margin).toBe('12px 0 8px');
+    });
+
+    it('should return 16px 0 12px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'lg', 4);
+      expect(margin).toBe('16px 0 12px');
+    });
+
+    it('should return 14px 0 10px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'md', 4);
+      expect(margin).toBe('14px 0 10px');
+    });
+
+    it('should return 10px 0 8px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'sm', 4);
+      expect(margin).toBe('10px 0 8px');
+    });
+
+    it('should return 14px 0 12px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'lg', 5);
+      expect(margin).toBe('14px 0 12px');
+    });
+
+    it('should return 12px 0 10px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'md', 5);
+      expect(margin).toBe('12px 0 10px');
+    });
+
+    it('should return 10px 0 8px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'sm', 5);
+      expect(margin).toBe('10px 0 8px');
+    });
+
+    it('should return 12px 0 12px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'lg', 6);
+      expect(margin).toBe('12px 0 12px');
+    });
+
+    it('should return 10px 0 10px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'md', 6);
+      expect(margin).toBe('10px 0 10px');
+    });
+
+    it('should return 10px 0 10px', () => {
+      const margin = (0, _utils.getMarginOfHeading)(_theme.default, 'sm', 6);
+      expect(margin).toBe('10px 0 10px');
+    });
+  });
+});

package/dist/components/utils/date.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.isDateObject = exports.convertToJalaali = void 0;var _momentJalaali = _interopRequireDefault(require("moment-jalaali"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+_momentJalaali.default.loadPersian({ dialect: 'persian-modern' });
+
+const isDateObject = (date) => typeof date.getMonth === 'function';exports.isDateObject = isDateObject;
+
+const convertToJalaali = (date, format) => (0, _momentJalaali.default)(date).format(format);exports.convertToJalaali = convertToJalaali;

package/dist/components/utils/date.test.js

@@ -0,0 +1,15 @@
+"use strict";var _date = require("./date");
+
+describe('Date utils', () => {
+  describe('isDateObject method', () => {
+    it('should return true for a date object', () => {
+      const dateObject = new Date();
+      expect((0, _date.isDateObject)(dateObject)).toBe(true);
+    });
+
+    it('should return true for a date object', () => {
+      const dateObject = 'Mon, 18 Dec 1995 17:28:35 GMT';
+      expect((0, _date.isDateObject)(dateObject)).toBe(false);
+    });
+  });
+});

package/dist/components/utils/detectMobile.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.isAndroid = isAndroid;exports.isMobile = isMobile;function isMobile() {
+  return !!(
+  navigator.userAgent.match(/Android/i) ||
+  navigator.userAgent.match(/webOS/i) ||
+  navigator.userAgent.match(/iPhone/i) ||
+  navigator.userAgent.match(/iPad/i) ||
+  navigator.userAgent.match(/iPod/i) ||
+  navigator.userAgent.match(/BlackBerry/i) ||
+  navigator.userAgent.match(/Windows Phone/i));
+
+}
+
+function isAndroid() {
+  return !!navigator.userAgent.match(/Android/i);
+}

package/dist/components/utils/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;Object.defineProperty(exports, "mediaQuery", { enumerable: true, get: function () {return _mediaQuery.default;} });var _mediaQuery = _interopRequireDefault(require("./media-query"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+
+
+{
+  mediaQuery: _mediaQuery.default
+};

package/dist/components/utils/media-query.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledMediaQuery = require("styled-media-query");
+var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const mediaQuery = (0, _styledMediaQuery.generateMedia)({
+  xl: `${_themes.default.breakpoints.xl}px`,
+  lg: `${_themes.default.breakpoints.lg}px`,
+  md: `${_themes.default.breakpoints.md}px`,
+  sm: `${_themes.default.breakpoints.sm}px`,
+  xs: `${_themes.default.breakpoints.xs}px`
+});var _default = exports.default =
+
+mediaQuery;

package/dist/components/utils/numbers.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.toPersianNumber = exports.fixNumbers = exports.englishNumberToPersianInString = void 0;
+
+// doc of Intl: https://mzl.la/2TJQm88
+const toPersianNumber = function (number) {let option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};return (
+    new Intl.NumberFormat('fa-IR', option).format(number));};exports.toPersianNumber = toPersianNumber;
+
+
+const englishNumberToPersianInString = (input) => {
+  const persianNumbers = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
+  return input.replace(/[0-9]/g, (index) => persianNumbers[+index]);
+};exports.englishNumberToPersianInString = englishNumberToPersianInString;
+
+const persianNumbers = [/۰/g, /۱/g, /۲/g, /۳/g, /۴/g, /۵/g, /۶/g, /۷/g, /۸/g, /۹/g];
+const arabicNumbers = [/٠/g, /١/g, /٢/g, /٣/g, /٤/g, /٥/g, /٦/g, /٧/g, /٨/g, /٩/g];
+
+const fixNumbers = (e) => {
+  let result = e.target.value;
+  if (typeof result === 'string') {
+    for (let i = 0; i < 10; i++) {
+      result = result.replace(persianNumbers[i], i).replace(arabicNumbers[i], i);
+    }
+  }
+  e.target.value = result;
+  return result;
+};exports.fixNumbers = fixNumbers;

package/dist/components/utils/test.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;const findByTestAtrr = (component, attr) => {
+  const wrapper = component.find(`[data-test='${attr}']`);
+  return wrapper;
+};var _default = exports.default =
+
+findByTestAtrr;

package/dist/components/utils/theme.js

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.getHoverColorFromName = exports.getFocusColorFromName = exports.getColorFromName = void 0;var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const getColorFromName = function () {let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _themes.default;let color = arguments.length > 1 ? arguments[1] : undefined;
+  switch (color) {
+    case 'red':
+      return theme.colors.red600;
+    case 'green':
+      return theme.colors.green600;
+    case 'blue':
+      return theme.colors.blue600;
+    case 'yellow':
+      return theme.colors.yellow600;
+    case 'darkBlue':
+      return theme.colors.darkBlue600;
+    case 'gray':
+      return theme.colors.gray800;
+    case 'white':
+      return theme.colors.white;
+    case 'light':
+      return theme.colors.riverBed;
+    case 'black':
+      return theme.colors.black;
+    default:
+    case 'default':
+      return theme.defaultColor;
+  }
+};exports.getColorFromName = getColorFromName;
+
+const getHoverColorFromName = (theme, color) => {
+  switch (color) {
+    case 'red':
+      return theme.colors.red400;
+    case 'green':
+      return theme.colors.green400;
+    case 'blue':
+      return theme.colors.blue400;
+    case 'yellow':
+      return theme.colors.yellow400;
+    case 'darkBlue':
+      return theme.colors.darkBlue400;
+    case 'black':
+      return theme.colors.gray600;
+    default:
+    case 'default':
+      return theme.defaultColor;
+  }
+};exports.getHoverColorFromName = getHoverColorFromName;
+
+const getFocusColorFromName = (theme, color) => {
+  switch (color) {
+    case 'red':
+      return theme.colors.red800;
+    case 'green':
+      return theme.colors.green800;
+    case 'blue':
+      return theme.colors.blue800;
+    case 'yellow':
+      return theme.colors.yellow800;
+    case 'darkBlue':
+      return theme.colors.darkBlue800;
+    case 'gray':
+      return theme.colors.gray800;
+    default:
+    case 'default':
+      return theme.defaultColor;
+  }
+};exports.getFocusColorFromName = getFocusColorFromName;

package/dist/docs/App.css

@@ -0,0 +1,33 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 20s linear;
+  height: 40vmin;
+  pointer-events: none;
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/docs/App.js

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _globalStyle = _interopRequireWildcard(require("./globalStyle"));
+var _header = _interopRequireDefault(require("./components/header"));
+var _sideNavigation = _interopRequireDefault(require("./components/side-navigation"));
+var _home = _interopRequireDefault(require("./containers/home"));
+var _button = _interopRequireDefault(require("./containers/button"));
+var _avatar = _interopRequireDefault(require("./containers/avatar"));
+var _icon = _interopRequireDefault(require("./containers/icon"));
+var _typography = _interopRequireDefault(require("./containers/typography"));
+var _icons = _interopRequireDefault(require("./containers/icons"));
+var _card = _interopRequireDefault(require("./containers/card"));
+var _cover = _interopRequireDefault(require("./containers/cover"));
+var _product = _interopRequireDefault(require("./containers/product"));
+var _form = _interopRequireDefault(require("./containers/form"));function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Container = _styledComponents.default.main`
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+`;
+
+const Content = _styledComponents.default.main`
+  position: relative;
+`;
+
+function App() {
+  return (/*#__PURE__*/
+    _react.default.createElement(Container, null, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null), /*#__PURE__*/
+    _react.default.createElement(_header.default, null), /*#__PURE__*/
+    _react.default.createElement(Content, null, /*#__PURE__*/
+    _react.default.createElement(_sideNavigation.default, null), /*#__PURE__*/
+    _react.default.createElement(_globalStyle.ContentContainer, null, /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { exact: true, path: "/", component: _home.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/typography", component: _typography.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/avatar", component: _avatar.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/icon", component: _icon.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/button", component: _button.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/icons", component: _icons.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/card", component: _card.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/cover", component: _cover.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/product", component: _product.default }), /*#__PURE__*/
+    _react.default.createElement(_reactRouterDom.Route, { path: "/components/form", component: _form.default })
+    )
+    )
+    ));
+
+}var _default = exports.default =
+
+App;

package/dist/docs/assets/ads-label.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="33" height="13.92" viewBox="0 0 33 13.92">
+    <defs>
+        <style>
+            .cls-1{fill:#1e94d2}
+        </style>
+    </defs>
+    <g id="Ads_Label-02" data-name="Ads Label-02" transform="translate(-1 -.54)">
+        <path id="Path_2689" d="M31.69 14.46H3.31A2.32 2.32 0 0 1 1 12.15v-9.3A2.32 2.32 0 0 1 3.31.54h28.38A2.32 2.32 0 0 1 34 2.85v9.29a2.32 2.32 0 0 1-2.31 2.32zM3.31 1.54A1.31 1.31 0 0 0 2 2.85v9.29a1.31 1.31 0 0 0 1.31 1.31h28.38a1.31 1.31 0 0 0 1.31-1.3v-9.3a1.31 1.31 0 0 0-1.31-1.31z" class="cls-1" data-name="Path 2689"/>
+        <path id="Path_2690" d="M10 3.34h2.2l2.62 8.41h-1.58l-.64-2.14h-3l-.66 2.14H7.43zm.5 3.18L10 8.35h2.28l-.58-1.8q-.52-1.84-.58-2.18-.17.63-.62 2.15z" class="cls-1" data-name="Path 2690"/>
+        <path id="Path_2691" d="M19.5 5.17V2.65H21v9.1h-1.17l-.25-.6a1.76 1.76 0 0 1-.7.52 2.38 2.38 0 0 1-1 .2 2.27 2.27 0 0 1-1.37-.39 2.35 2.35 0 0 1-.81-1.07 4.56 4.56 0 0 1-.27-1.67 5.26 5.26 0 0 1 .24-1.67 3.09 3.09 0 0 1 .66-1.16 2.63 2.63 0 0 1 1-.65A3.16 3.16 0 0 1 18.41 5a4.69 4.69 0 0 1 1.09.17zm-1.24 5.5a1.38 1.38 0 0 0 1.27-.76V6.47a1.49 1.49 0 0 0-.43-.14 2.48 2.48 0 0 0-.51-.06 1.45 1.45 0 0 0-1.32.59 3.21 3.21 0 0 0-.38 1.73 3.54 3.54 0 0 0 .16 1.13 1.51 1.51 0 0 0 .46.7 1.15 1.15 0 0 0 .76.25z" class="cls-1" data-name="Path 2691"/>
+        <path id="Path_2692" d="M25.72 9.93a.6.6 0 0 0-.19-.43 2.54 2.54 0 0 0-.83-.44l-.84-.32a2.74 2.74 0 0 1-.46-.24 2.37 2.37 0 0 1-.4-.34 1.83 1.83 0 0 1-.33-.48 1.65 1.65 0 0 1-.15-.74 2 2 0 0 1 .11-.62 1.74 1.74 0 0 1 .37-.63 2.35 2.35 0 0 1 .76-.52 2.76 2.76 0 0 1 1.16-.22 3.53 3.53 0 0 1 1.33.23 2.36 2.36 0 0 1 .92.62l-.95 1a1.9 1.9 0 0 0-.58-.43 1.68 1.68 0 0 0-.75-.17 1 1 0 0 0-.67.2.62.62 0 0 0-.24.5.64.64 0 0 0 .19.43 3.09 3.09 0 0 0 1.06.53 5.49 5.49 0 0 1 1.24.58A1.93 1.93 0 0 1 27 9a1.66 1.66 0 0 1 .2.84 1.78 1.78 0 0 1-.32 1 2.19 2.19 0 0 1-.88.74 3.08 3.08 0 0 1-1.35.27 4.8 4.8 0 0 1-1-.11 3.28 3.28 0 0 1-.95-.35 3.13 3.13 0 0 1-.68-.49l.89-1a2.67 2.67 0 0 0 .76.55 2.21 2.21 0 0 0 1 .24 1.14 1.14 0 0 0 .74-.21.66.66 0 0 0 .31-.55z" class="cls-1" data-name="Path 2692"/>
+    </g>
+</svg>

package/dist/docs/assets/logo.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
+    <g fill="#61DAFB">
+        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
+        <circle cx="420.9" cy="296.5" r="45.7"/>
+        <path d="M520.5 78.1z"/>
+    </g>
+</svg>

package/dist/docs/components/header/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index.styles"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Header = () => /*#__PURE__*/
+_react.default.createElement(_index.default, null, /*#__PURE__*/
+_react.default.createElement("span", null, "\u0647\u062F\u0631 \u062F\u0627\u06A9\u06CC\u0648\u0645\u0646\u062A\u200C\u0647\u0627\u06CC \u062F\u06CC\u0632\u0627\u06CC\u0646 \u0633\u06CC\u0633\u062A\u0645")
+);var _default = exports.default =
+
+
+Header;

package/dist/docs/components/header/index.styles.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Container = _styledComponents.default.header`
+  display: flex;
+  height: 70px;
+  background: #ddd;
+  justify-content: center;
+`;var _default = exports.default =
+
+Container;