react-jupiter 5.12.0 → 6.0.0-beta.2

package/dist/docs/containers/product/index.js

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactRouterDom = require("react-router-dom");
+var _components = require("../../../components");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const { Heading } = _components.Typography;
+
+const Container = _styledComponents.default.div`
+  margin: 8px;
+`;
+
+const ProductPage = () => /*#__PURE__*/
+_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 1 }, "\u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A \u0647\u0627\u06CC product"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "product-properties"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+_react.default.createElement(Container, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "single property"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.ProductProperties, { list: [{ iconName: 'watch-later', text: 'watch text' }] })
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Container, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "multiple property"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.ProductProperties, {
+  list: [
+  { iconName: 'watch-later', text: 'متن زیبا' },
+  { iconName: 'alarm-off', text: 'متن دیگری' },
+  { iconName: 'aspect-ratio', text: 'و باز هم متن دیگری' }] }
+
+)
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Container, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "colorfull property"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.ProductProperties, {
+  list: [
+  { iconName: 'watch-later', text: 'متن زیبا' },
+  { iconName: 'alarm-off', text: 'متن دیگری' },
+  { iconName: 'aspect-ratio', text: 'و باز هم متن دیگری' }],
+
+  color: "default" }
+), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(_components.ProductProperties, {
+  list: [
+  { iconName: 'watch-later', text: 'متن زیبا' },
+  { iconName: 'alarm-off', text: 'متن دیگری' },
+  { iconName: 'aspect-ratio', text: 'و باز هم متن دیگری' }],
+
+  color: "darkBlue" }
+)
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Container, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "horizontal property"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.ProductProperties, {
+  isHorizontal: true,
+  list: [
+  { iconName: 'watch-later', text: 'متن زیبا' },
+  { iconName: 'alarm-off', text: 'متن دیگری' },
+  { iconName: 'aspect-ratio', text: 'و باز هم متن دیگری' }] }
+
+)
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+
+_react.default.createElement(Heading, { level: 2 }, "product-owner"
+
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+_react.default.createElement(Container, null, /*#__PURE__*/
+_react.default.createElement(Heading, { level: 3 }, "product-owner"
+
+), /*#__PURE__*/
+_react.default.createElement(_components.ProductOwner, {
+  name: "\u0627\u0646\u062C\u0645\u0646 \u0639\u0644\u0645\u06CC \u06A9\u0627\u0645\u067E\u06CC\u0648\u062A\u0631 \u062F\u0627\u0646\u0634\u06AF\u0627\u0647 \u0635\u0646\u0639\u062A\u06CC \u062E\u0648\u0627\u062C\u0647 \u0646\u0635\u06CC\u0631\u0627\u0644\u062F\u06CC\u0646 \u0637\u0648\u0633\u06CC \u0627\u0646\u062C\u0645\u0646 \u0639\u0644\u0645\u06CC \u06A9\u0627\u0645\u067E\u06CC\u0648\u062A\u0631 \u062F\u0627\u0646\u0634\u06AF\u0627\u0647 \u0635\u0646\u0639\u062A\u06CC \u062E\u0648\u0627\u062C\u0647 \u0646\u0635\u06CC\u0631\u0627\u0644\u062F\u06CC\u0646 \u0637\u0648\u0633\u06CC",
+
+  onClickFollowMe: () => {
+    window.console.log('Follow Me Button Clicked, and it will return true or false randomly');
+    return false;
+  },
+  onClickConnectUs: () => {window.console.log('Connect Us Button Clicked');},
+  renderDescriptionLink: (element) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, { to: "/tosomewherenew" }, element),
+  renderTitledAvatarLink: (element) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, { to: "/tosomewhere" }, element) }
+), /*#__PURE__*/
+_react.default.createElement("br", null), /*#__PURE__*/
+_react.default.createElement(_components.ProductOwner, {
+  name: "\u062F\u0648\u0645\u06CC",
+  onClickFollowMe: () => {
+    window.console.log('Follow Me Button Clicked, and it will return true or false randomly');
+    return new Promise(
+      (resolve) => {
+        setTimeout(() => resolve(!Math.floor(Math.random() * 2)), 3000);
+      }
+    );
+  },
+  onClickConnectUs: () => {window.console.log('Connect Us Button Clicked');} }
+), /*#__PURE__*/
+_react.default.createElement("br", null)
+), /*#__PURE__*/
+_react.default.createElement("br", null)
+
+);var _default = exports.default =
+
+
+ProductPage;

package/dist/docs/containers/typography/index.js

@@ -0,0 +1,138 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _components = require("../../../components");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+const {
+  Heading, Text, Paragraph, Link
+} = _components.Typography;
+
+const TypographyPage = () => /*#__PURE__*/
+_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+_react.default.createElement("div", null, /*#__PURE__*/
+_react.default.createElement("div", null, "Button"), /*#__PURE__*/
+_react.default.createElement(Heading, null, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 1 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "md", level: 1 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "sm", level: 1 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "lg", level: 2 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "md", level: 2 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "sm", level: 2 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "lg", level: 3 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "md", level: 3 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "sm", level: 3 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { level: 4 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "md", level: 4 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "sm", level: 4 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "lg", level: 5 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "md", level: 5 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "sm", level: 5 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement("hr", null), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "lg", level: 6 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "md", level: 6 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement(Heading, { size: "sm", level: 6 }, "\u0633\u0644\u0627\u0645"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { size: 16, strong: true }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647 \u0627\u0633\u062A\u0631\u0627\u0646\u06AF"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { size: 11, bold: true }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647 \u0628\u0648\u0644\u062F"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { emphasized: true, color: "white" }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { color: "red", underline: true }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { color: "green" }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { color: "light" }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { color: "blue" }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { underline: true }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { marked: true }, "\u0622\u0646\u062C\u0627\u06CC\u06CC"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { lineThrough: true, underline: true }, "\u062A\u06A9\u0633\u062A \u0645\u06CC\u06A9\u0633"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { label: true }, "\u0622\u0646\u062C\u0627\u06CC\u06CC"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { strong: true, emphasized: true }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Link, { href: (element) => /*#__PURE__*/_react.default.createElement("a", { href: "/" }, element), linkContent: "\u0644\u06CC\u0646\u06A9 \u0645\u062B\u0644\u0627\u064B \u062F\u0627\u062E\u0644\u06CC" }), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Link, { href: "http://yahoo.com" }, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647 \u0644\u06CC\u0646\u06A9 \u062E\u0627\u0631\u062C\u06CC"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, null, "\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"), /*#__PURE__*/
+_react.default.createElement("div", null), /*#__PURE__*/
+_react.default.createElement(Text, { subScript: true }, "\u0646\u0648\u06CC\u0633\u0646\u062F\u0647")
+), /*#__PURE__*/
+_react.default.createElement(Paragraph, null, "\u0637\u0631\u0627\u062D\u0627\u0646 \u0645\u0639\u0645\u0648\u0644\u0627\u064B \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u06CC\u060C \u0627\u0628\u062A\u062F\u0627 \u0627\u0632 \u0645\u062A\u0646\u200C\u0647\u0627\u06CC \u0622\u0632\u0645\u0627\u06CC\u0634\u06CC \u0648 \u0628\u06CC\u200C\u0645\u0639\u0646\u06CC \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0635\u0631\u0641\u0627\u064B \u0628\u0647 \u0645\u0634\u062A\u0631\u06CC \u06CC\u0627 \u0635\u0627\u062D\u0628 \u06A9\u0627\u0631 \u062E\u0648\u062F \u0646\u0634\u0627\u0646 \u062F\u0647\u0646\u062F \u06A9\u0647 \u0635\u0641\u062D\u0647 \u0637\u0631\u0627\u062D\u06CC \u06CC\u0627 \u0635\u0641\u062D\u0647 \u0628\u0646\u062F\u06CC \u0634\u062F\u0647 \u0628\u0639\u062F \u0627\u0632 \u0627\u06CC\u0646\u06A9\u0647 \u0645\u062A\u0646 \u062F\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F \u0686\u06AF\u0648\u0646\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06CC\u200C\u0631\u0633\u062F \u0648 \u0642\u0644\u0645\u200C\u0647\u0627 \u0648 \u0627\u0646\u062F\u0627\u0632\u0647\u200C\u0628\u0646\u062F\u06CC\u200C\u0647\u0627 \u0686\u06AF\u0648\u0646\u0647 \u062F\u0631 \u0646\u0638\u0631 \u06AF\u0631\u0641\u062A\u0647 \u0634\u062F\u0647\u200C\u0627\u0633\u062A. \u0627\u0632", /*#__PURE__*/
+
+
+
+
+
+_react.default.createElement(Text, { marked: true }, "\u0622\u0646\u062C\u0627\u06CC\u06CC"), "\u06A9\u0647 \u0637\u0631\u0627\u062D\u0627\u0646 \u0639\u0645\u0648\u0645\u0627\u064B", /*#__PURE__*/
+
+_react.default.createElement(Text, { subScript: true }, "\u0646\u0648\u06CC\u0633\u0646\u062F\u0647"), "\u0645\u062A\u0646 \u0646\u06CC\u0633\u062A\u0646\u062F \u0648 \u0648\u0638\u06CC\u0641\u0647 \u0631\u0639\u0627\u06CC\u062A \u062D\u0642 \u062A\u06A9\u062B\u06CC\u0631 \u0645\u062A\u0648\u0646 \u0631\u0627 \u0646\u062F\u0627\u0631\u0646\u062F \u0648 \u062F\u0631 \u0647\u0645\u0627\u0646 \u062D\u0627\u0644 \u06A9\u0627\u0631 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0646\u0648\u0639\u06CC \u0648\u0627\u0628\u0633\u062A\u0647 \u0628\u0647 \u0645\u062A\u0646 \u0645\u06CC\u200C\u0628\u0627\u0634\u062F \u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0645\u062D\u062A\u0648\u06CC\u0627\u062A \u0633\u0627\u062E\u062A\u06AF\u06CC\u060C \u0635\u0641\u062D\u0647 \u06AF\u0631\u0627\u0641\u06CC\u06A9\u06CC \u062E\u0648\u062F \u0631\u0627 \u0635\u0641\u062D\u0647\u200C\u0622\u0631\u0627\u06CC\u06CC \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0645\u0631\u062D\u0644\u0647 \u0637\u0631\u0627\u062D\u06CC \u0648 \u0635\u0641\u062D\u0647\u200C\u0628\u0646\u062F\u06CC \u0631\u0627 \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0628\u0631\u0646\u062F."
+
+
+
+
+
+), /*#__PURE__*/
+_react.default.createElement(Paragraph, { size: 24 }, "\u0637\u0631\u0627\u062D\u0627\u0646 \u0645\u0639\u0645\u0648\u0644\u0627\u064B \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u06CC\u060C \u0627\u0628\u062A\u062F\u0627 \u0627\u0632 \u0645\u062A\u0646\u200C\u0647\u0627\u06CC \u0622\u0632\u0645\u0627\u06CC\u0634\u06CC \u0648 \u0628\u06CC\u200C\u0645\u0639\u0646\u06CC \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0635\u0631\u0641\u0627\u064B \u0628\u0647 \u0645\u0634\u062A\u0631\u06CC \u06CC\u0627 \u0635\u0627\u062D\u0628 \u06A9\u0627\u0631 \u062E\u0648\u062F \u0646\u0634\u0627\u0646 \u062F\u0647\u0646\u062F \u06A9\u0647 \u0635\u0641\u062D\u0647 \u0637\u0631\u0627\u062D\u06CC \u06CC\u0627 \u0635\u0641\u062D\u0647 \u0628\u0646\u062F\u06CC \u0634\u062F\u0647 \u0628\u0639\u062F \u0627\u0632 \u0627\u06CC\u0646\u06A9\u0647 \u0645\u062A\u0646 \u062F\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F \u0686\u06AF\u0648\u0646\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06CC\u200C\u0631\u0633\u062F \u0648 \u0642\u0644\u0645\u200C\u0647\u0627 \u0648 \u0627\u0646\u062F\u0627\u0632\u0647\u200C\u0628\u0646\u062F\u06CC\u200C\u0647\u0627 \u0686\u06AF\u0648\u0646\u0647 \u062F\u0631 \u0646\u0638\u0631 \u06AF\u0631\u0641\u062A\u0647 \u0634\u062F\u0647\u200C\u0627\u0633\u062A. \u0627\u0632", /*#__PURE__*/
+
+
+
+
+
+_react.default.createElement(Text, { supScript: true }, " \u0646\u0648\u06CC\u0633\u0646\u062F\u0647 "), "\u06A9\u0647 \u0637\u0631\u0627\u062D\u0627\u0646 \u0639\u0645\u0648\u0645\u0627\u064B \u0646\u0648\u06CC\u0633\u0646\u062F\u0647 \u0645\u062A\u0646 \u0646\u06CC\u0633\u062A\u0646\u062F \u0648 \u0648\u0638\u06CC\u0641\u0647 \u0631\u0639\u0627\u06CC\u062A \u062D\u0642 \u062A\u06A9\u062B\u06CC\u0631 \u0645\u062A\u0648\u0646 \u0631\u0627 \u0646\u062F\u0627\u0631\u0646\u062F \u0648 \u062F\u0631 \u0647\u0645\u0627\u0646 \u062D\u0627\u0644 \u06A9\u0627\u0631 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0646\u0648\u0639\u06CC \u0648\u0627\u0628\u0633\u062A\u0647 \u0628\u0647 \u0645\u062A\u0646 \u0645\u06CC\u200C\u0628\u0627\u0634\u062F \u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0645\u062D\u062A\u0648\u06CC\u0627\u062A \u0633\u0627\u062E\u062A\u06AF\u06CC\u060C \u0635\u0641\u062D\u0647 \u06AF\u0631\u0627\u0641\u06CC\u06A9\u06CC \u062E\u0648\u062F \u0631\u0627 \u0635\u0641\u062D\u0647\u200C\u0622\u0631\u0627\u06CC\u06CC \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0645\u0631\u062D\u0644\u0647 \u0637\u0631\u0627\u062D\u06CC \u0648 \u0635\u0641\u062D\u0647\u200C\u0628\u0646\u062F\u06CC \u0631\u0627 \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0628\u0631\u0646\u062F."
+
+
+
+
+
+), /*#__PURE__*/
+_react.default.createElement(Paragraph, null, "\u0637\u0631\u0627\u062D\u0627\u0646 \u0645\u0639\u0645\u0648\u0644\u0627\u064B \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u06CC\u060C \u0627\u0628\u062A\u062F\u0627 \u0627\u0632 \u0645\u062A\u0646\u200C\u0647\u0627\u06CC \u0622\u0632\u0645\u0627\u06CC\u0634\u06CC \u0648 \u0628\u06CC\u200C\u0645\u0639\u0646\u06CC \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0635\u0631\u0641\u0627\u064B \u0628\u0647 \u0645\u0634\u062A\u0631\u06CC \u06CC\u0627 \u0635\u0627\u062D\u0628 \u06A9\u0627\u0631 \u062E\u0648\u062F \u0646\u0634\u0627\u0646 \u062F\u0647\u0646\u062F \u06A9\u0647 \u0635\u0641\u062D\u0647 \u0637\u0631\u0627\u062D\u06CC \u06CC\u0627 \u0635\u0641\u062D\u0647 \u0628\u0646\u062F\u06CC \u0634\u062F\u0647 \u0628\u0639\u062F \u0627\u0632 \u0627\u06CC\u0646\u06A9\u0647 \u0645\u062A\u0646 \u062F\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F \u0686\u06AF\u0648\u0646\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06CC\u200C\u0631\u0633\u062F \u0648 \u0642\u0644\u0645\u200C\u0647\u0627 \u0648 \u0627\u0646\u062F\u0627\u0632\u0647\u200C\u0628\u0646\u062F\u06CC\u200C\u0647\u0627 \u0686\u06AF\u0648\u0646\u0647 \u062F\u0631 \u0646\u0638\u0631 \u06AF\u0631\u0641\u062A\u0647 \u0634\u062F\u0647\u200C\u0627\u0633\u062A. \u0627\u0632 \u0622\u0646\u062C\u0627\u06CC\u06CC \u06A9\u0647 \u0637\u0631\u0627\u062D\u0627\u0646 \u0639\u0645\u0648\u0645\u0627\u064B \u0646\u0648\u06CC\u0633\u0646\u062F\u0647 \u0645\u062A\u0646 \u0646\u06CC\u0633\u062A\u0646\u062F \u0648 \u0648\u0638\u06CC\u0641\u0647 \u0631\u0639\u0627\u06CC\u062A \u062D\u0642 \u062A\u06A9\u062B\u06CC\u0631 \u0645\u062A\u0648\u0646 \u0631\u0627 \u0646\u062F\u0627\u0631\u0646\u062F \u0648 \u062F\u0631 \u0647\u0645\u0627\u0646 \u062D\u0627\u0644 \u06A9\u0627\u0631 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0646\u0648\u0639\u06CC \u0648\u0627\u0628\u0633\u062A\u0647 \u0628\u0647 \u0645\u062A\u0646 \u0645\u06CC\u200C\u0628\u0627\u0634\u062F \u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0645\u062D\u062A\u0648\u06CC\u0627\u062A \u0633\u0627\u062E\u062A\u06AF\u06CC\u060C \u0635\u0641\u062D\u0647 \u06AF\u0631\u0627\u0641\u06CC\u06A9\u06CC \u062E\u0648\u062F \u0631\u0627 \u0635\u0641\u062D\u0647\u200C\u0622\u0631\u0627\u06CC\u06CC \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0645\u0631\u062D\u0644\u0647 \u0637\u0631\u0627\u062D\u06CC \u0648 \u0635\u0641\u062D\u0647\u200C\u0628\u0646\u062F\u06CC \u0631\u0627 \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0628\u0631\u0646\u062F."
+
+
+
+
+
+
+
+
+
+), /*#__PURE__*/
+_react.default.createElement(Paragraph, null, "\u0637\u0631\u0627\u062D\u0627\u0646 \u0645\u0639\u0645\u0648\u0644\u0627\u064B \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u06CC\u060C \u0627\u0628\u062A\u062F\u0627 \u0627\u0632 \u0645\u062A\u0646\u200C\u0647\u0627\u06CC \u0622\u0632\u0645\u0627\u06CC\u0634\u06CC \u0648 \u0628\u06CC\u200C\u0645\u0639\u0646\u06CC \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0635\u0631\u0641\u0627\u064B \u0628\u0647 \u0645\u0634\u062A\u0631\u06CC \u06CC\u0627 \u0635\u0627\u062D\u0628 \u06A9\u0627\u0631 \u062E\u0648\u062F \u0646\u0634\u0627\u0646 \u062F\u0647\u0646\u062F \u06A9\u0647 \u0635\u0641\u062D\u0647 \u0637\u0631\u0627\u062D\u06CC \u06CC\u0627 \u0635\u0641\u062D\u0647 \u0628\u0646\u062F\u06CC \u0634\u062F\u0647 \u0628\u0639\u062F \u0627\u0632 \u0627\u06CC\u0646\u06A9\u0647 \u0645\u062A\u0646 \u062F\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F \u0686\u06AF\u0648\u0646\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06CC\u200C\u0631\u0633\u062F \u0648 \u0642\u0644\u0645\u200C\u0647\u0627 \u0648 \u0627\u0646\u062F\u0627\u0632\u0647\u200C\u0628\u0646\u062F\u06CC\u200C\u0647\u0627 \u0686\u06AF\u0648\u0646\u0647 \u062F\u0631 \u0646\u0638\u0631 \u06AF\u0631\u0641\u062A\u0647 \u0634\u062F\u0647\u200C\u0627\u0633\u062A. \u0627\u0632 \u0622\u0646\u062C\u0627\u06CC\u06CC \u06A9\u0647 \u0637\u0631\u0627\u062D\u0627\u0646 \u0639\u0645\u0648\u0645\u0627\u064B \u0646\u0648\u06CC\u0633\u0646\u062F\u0647 \u0645\u062A\u0646 \u0646\u06CC\u0633\u062A\u0646\u062F \u0648 \u0648\u0638\u06CC\u0641\u0647 \u0631\u0639\u0627\u06CC\u062A \u062D\u0642 \u062A\u06A9\u062B\u06CC\u0631 \u0645\u062A\u0648\u0646 \u0631\u0627 \u0646\u062F\u0627\u0631\u0646\u062F \u0648 \u062F\u0631 \u0647\u0645\u0627\u0646 \u062D\u0627\u0644 \u06A9\u0627\u0631 \u0622\u0646\u0647\u0627 \u0628\u0647 \u0646\u0648\u0639\u06CC \u0648\u0627\u0628\u0633\u062A\u0647 \u0628\u0647 \u0645\u062A\u0646 \u0645\u06CC\u200C\u0628\u0627\u0634\u062F \u0622\u0646\u0647\u0627 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0645\u062D\u062A\u0648\u06CC\u0627\u062A \u0633\u0627\u062E\u062A\u06AF\u06CC\u060C \u0635\u0641\u062D\u0647 \u06AF\u0631\u0627\u0641\u06CC\u06A9\u06CC \u062E\u0648\u062F \u0631\u0627 \u0635\u0641\u062D\u0647\u200C\u0622\u0631\u0627\u06CC\u06CC \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u062A\u0627 \u0645\u0631\u062D\u0644\u0647 \u0637\u0631\u0627\u062D\u06CC \u0648 \u0635\u0641\u062D\u0647\u200C\u0628\u0646\u062F\u06CC \u0631\u0627 \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0628\u0631\u0646\u062F."
+
+
+
+
+
+
+
+
+)
+);var _default = exports.default =
+
+
+TypographyPage;

package/dist/docs/globalStyle.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.ContentContainer = void 0;var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _iransharp_bold_web = _interopRequireDefault(require("./assets/fonts/iransharp_bold_web.woff"));
+var _iransharp_bold_web2 = _interopRequireDefault(require("./assets/fonts/iransharp_bold_web.woff2"));
+var _iransharp_regular_web = _interopRequireDefault(require("./assets/fonts/iransharp_regular_web.woff"));
+var _iransharp_regular_web2 = _interopRequireDefault(require("./assets/fonts/iransharp_regular_web.woff2"));
+var _icomoon = _interopRequireDefault(require("./assets/fonts/icomoon.woff"));
+var _filesImgs = _interopRequireDefault(require("./assets/fonts/filesImgs.woff"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}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;}
+
+const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
+  @font-face {
+    font-family: 'IranSharp';
+    font-style: normal;
+    font-weight: bold;
+    src:
+      url(${_iransharp_bold_web2.default}) format("woff2"),
+      url(${_iransharp_bold_web.default}) format("woff");
+  }
+  @font-face {
+    font-family: 'IranSharp';
+    font-style: normal;
+    font-weight: 300;
+    src:
+      url(${_iransharp_regular_web2.default}) format("woff2"),
+      url(${_iransharp_regular_web.default}) format("woff");
+  }
+  @font-face {
+    font-family: 'Jupiterico';
+    font-style: normal;
+    font-weight: normal;
+    font-display: swap;
+    src: url(${_icomoon.default}) format("woff");
+  }
+
+  @font-face {
+    font-family: 'JupiterfilesImgs';
+    font-style: normal;
+    font-weight: normal;
+    font-display: swap;
+    src: url(${_filesImgs.default}) format("woff");
+  }
+
+  body {
+    box-sizing: border-box;
+    direction: rtl;
+    font-size: 13px;
+    height: 100%;
+  }
+
+`;var _default = exports.default =
+
+GlobalStyle;
+
+const ContentContainer = exports.ContentContainer = _styledComponents.default.section`
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  margin-right: 180px;
+`;

package/dist/index.css

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

package/dist/index.js

@@ -0,0 +1,18 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactRouterDom = require("react-router-dom");
+require("./index.css");
+var _App = _interopRequireDefault(require("./App"));
+var serviceWorker = _interopRequireWildcard(require("./serviceWorker"));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 };}
+
+_reactDom.default.render(/*#__PURE__*/
+  _react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/
+  _react.default.createElement(_App.default, null)
+  ),
+  document.getElementById('root')
+);
+
+// If you want your app to work offline and load faster, you can change
+// unregister() to register() below. Note this comes with some pitfalls.
+// Learn more about service workers: https://bit.ly/CRA-PWA
+serviceWorker.unregister();

package/dist/playground/index.js

@@ -0,0 +1,144 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+require("../playground.css");
+var _button = require("../components/button");
+var _text = require("../components/typography/text");
+var _heading = require("../components/typography/heading");
+var _link = require("../components/typography/link");
+var _avatar = require("../components/avatar");
+var _accordion = require("../components/accordion");
+var _table = require("../components/table");
+var _titledAvatar = require("../components/titled-avatar");
+var _showDate = require("../components/show-date");
+var _productMenu = require("../components/product-menu");
+var _productProperties = require("../components/product-properties");
+var _progressBar = require("../components/progress-bar");
+var _numericSummeryReport = require("../components/numeric-summery-report");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const PlaygroundContainer = _styledComponents.default.div`
+  padding: 2rem;
+  max-width: 1200px;
+  margin: 0 auto;
+`;
+
+const Section = _styledComponents.default.section`
+  margin-bottom: 3rem;
+  padding: 2rem;
+  border: 1px solid #eee;
+  border-radius: 8px;
+  background-color: white;
+`;
+
+const SectionTitle = (0, _styledComponents.default)(_heading.Heading)`
+  margin-bottom: 1.5rem;
+  color: #333;
+`;
+
+const Playground = () => {
+  return (/*#__PURE__*/
+    _react.default.createElement(PlaygroundContainer, null, /*#__PURE__*/
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Typography"), /*#__PURE__*/
+    _react.default.createElement(_heading.Heading, { level: 1 }, "Heading 1"), /*#__PURE__*/
+    _react.default.createElement(_heading.Heading, { level: 2 }, "Heading 2"), /*#__PURE__*/
+    _react.default.createElement(_heading.Heading, { level: 3 }, "Heading 3"), /*#__PURE__*/
+    _react.default.createElement(_text.Text, null, "Regular text"), /*#__PURE__*/
+    _react.default.createElement(_text.Text, { color: "blue" }, "Blue text"), /*#__PURE__*/
+    _react.default.createElement(_text.Text, { color: "red" }, "Red text"), /*#__PURE__*/
+    _react.default.createElement(_link.Link, { href: "https://example.com" }, "Example Link")
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Buttons"), /*#__PURE__*/
+    _react.default.createElement(_button.Button, null, "Default Button"), /*#__PURE__*/
+    _react.default.createElement(_button.Button, { styleType: "secondary" }, "Secondary Button"), /*#__PURE__*/
+    _react.default.createElement(_button.Button, { styleType: "tertiary" }, "Tertiary Button")
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Avatars"), /*#__PURE__*/
+    _react.default.createElement(_avatar.Avatar, { src: "https://via.placeholder.com/150", size: "sm" }), /*#__PURE__*/
+    _react.default.createElement(_avatar.Avatar, { src: "https://via.placeholder.com/150", size: "md" }), /*#__PURE__*/
+    _react.default.createElement(_avatar.Avatar, { src: "https://via.placeholder.com/150", size: "lg" })
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Titled Avatar"), /*#__PURE__*/
+    _react.default.createElement(_titledAvatar.TitledAvatar, {
+      title: "John Doe",
+      avatar: "https://via.placeholder.com/40",
+      avatarSize: 40,
+      titleSize: 14 }
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Progress Bar"), /*#__PURE__*/
+    _react.default.createElement(_progressBar.ProgressBar, { progress: 50, color: "#2196F3", height: 8 })
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Numeric Summary Report"), /*#__PURE__*/
+    _react.default.createElement(_numericSummeryReport.NumericSummeryReport, {
+      title: "Total Users",
+      value: 1234,
+      textColor: "#000000" }
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Product Menu"), /*#__PURE__*/
+    _react.default.createElement(_productMenu.ProductMenu, {
+      items: [
+      { id: 1, label: 'Dashboard', icon: 'home' },
+      { id: 2, label: 'Profile', icon: 'user' },
+      { id: 3, label: 'Settings', icon: 'settings' }],
+
+      onItemClick: (id) => console.log('Clicked:', id) }
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Product Properties"), /*#__PURE__*/
+    _react.default.createElement(_productProperties.ProductProperties, {
+      properties: [
+      { id: 1, label: 'Category', value: 'Electronics', icon: 'category' },
+      { id: 2, label: 'Brand', value: 'Apple', icon: 'brand' },
+      { id: 3, label: 'Model', value: 'iPhone 13', icon: 'model' }],
+
+      isHorizontal: false,
+      color: "#000000",
+      iconColor: "#666666" }
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Show Date"), /*#__PURE__*/
+    _react.default.createElement(_showDate.ShowDate, {
+      date: new Date(),
+      format: "YYYY-MM-DD",
+      fontSize: 16,
+      color: "#000000" }
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(Section, null, /*#__PURE__*/
+    _react.default.createElement(SectionTitle, { level: 2 }, "Table"), /*#__PURE__*/
+    _react.default.createElement(_table.Table, {
+      columns: [
+      { id: 'name', label: 'Name' },
+      { id: 'age', label: 'Age' },
+      { id: 'city', label: 'City' }],
+
+      data: [
+      { id: 1, name: 'John Doe', age: 30, city: 'New York' },
+      { id: 2, name: 'Jane Smith', age: 25, city: 'Los Angeles' },
+      { id: 3, name: 'Bob Johnson', age: 35, city: 'Chicago' }] }
+
+    )
+    )
+    ));
+
+};var _default = exports.default =
+
+Playground;

package/dist/playground.css

@@ -0,0 +1,26 @@
+body {
+  direction: rtl;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  outline: none;
+  box-sizing: border-box;
+}
+
+ul, li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.App {
+  text-align: right;
+  min-height: 100vh;
+  background-color: #f5f5f5;
+}