react-jupiter 5.12.0 → 6.0.0-beta.2

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "plugins": [
+    "macros",
+    "@babel/plugin-proposal-class-properties"
+  ],
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-flow"
+  ],
+  "retainLines": true
+}

package/.env

@@ -0,0 +1,3 @@
+PORT=3001
+DISABLE_ESLINT_PLUGIN=true
+SKIP_PREFLIGHT_CHECK=true

package/.eslintignore

@@ -0,0 +1,2 @@
+src/serviceWorker.js
+src/components/assets/fontIcon/demo-files/demo.js

package/.eslintrc

@@ -0,0 +1,18 @@
+{
+  "extends": ["react-app"],
+  "rules": {
+    "no-trailing-spaces": "off",
+    "comma-dangle": ["error", "always-multiline"]
+  },
+  "overrides": [
+    {
+      "files": ["**/*.stories.*"],
+      "rules": {
+        "no-trailing-spaces": "off",
+        "comma-dangle": "off",
+        "no-unused-vars": "off",
+        "no-console": "off"
+      }
+    }
+  ]
+} 

package/.eslintrc.js

@@ -0,0 +1,47 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:import/typescript',
+  ],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: ['react', 'react-hooks', 'import'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+    'react/function-component-definition': 'off',
+    'react/require-default-props': 'off',
+    'react/jsx-filename-extension': 'off',
+    'import/no-unresolved': 'off',
+    'import/no-extraneous-dependencies': 'off',
+    'no-console': 'warn',
+    'comma-dangle': ['error', 'always-multiline'],
+    'no-trailing-spaces': 'error',
+    'object-curly-newline': 'off',
+    'react/jsx-one-expression-per-line': 'off',
+    'react/no-unescaped-entities': 'off',
+    'no-undef': 'warn',
+    'no-unused-vars': 'warn',
+    'import/no-named-as-default': 'off',
+    'import/no-duplicates': 'off',
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+}; 

package/.eslintrc.json

@@ -0,0 +1,16 @@
+{
+  "extends": [
+    "react-app",
+    "airbnb",
+    "plugin:jsx-a11y/recommended",
+    "plugin:react/recommended"
+  ],
+  "plugins": ["jsx-a11y"],
+  "rules": {
+    "react/prop-types": 0,
+    "react/jsx-filename-extension": [1, { "extensions": [".js"] }],
+    "react/jsx-props-no-spreading": "off", // 48
+    "no-shadow": "off", // 54
+    "import/no-extraneous-dependencies": ["error", {"devDependencies": true}]
+  }
+}

package/.storybook/main.js

@@ -0,0 +1,27 @@
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  staticDirs: ["../public"],
+  core: {
+    builder: '@storybook/builder-webpack5',
+    disableTelemetry: true,
+  },
+  features: {
+    storyStoreV7: true,
+  },
+};
+
+export default config;

package/.storybook/preview-head.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="../src/index.css" /> 

package/.storybook/preview.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import '../src/styles.css';
+
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+    docs: {
+      inlineStories: true,
+    },
+    interactions: {
+      argTypesRegex: "^on[A-Z].*",
+    },
+  },
+  decorators: [
+    (Story) => (
+      <div className="p-4">
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default preview; 

package/.storybook/style.css

@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Add any global styles below */
+body {
+  margin: 0;
+  padding: 0;
+} 

package/.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "typescript.validate.enable": false,
+  "javascript.validate.enable": false
+}

package/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub'; 

package/config-overrides.js

@@ -0,0 +1,34 @@
+const path = require('path');
+
+module.exports = function override(config) {
+  // Add styled-components support
+  config.module.rules.push({
+    test: /\.js$/,
+    include: path.resolve(__dirname, 'src'),
+    use: [
+      {
+        loader: 'babel-loader',
+        options: {
+          presets: ['@babel/preset-react'],
+          plugins: [
+            ['babel-plugin-styled-components', { displayName: true }],
+          ],
+        },
+      },
+    ],
+  });
+
+  // Add support for importing CSS files
+  config.module.rules.push({
+    test: /\.css$/,
+    use: ['style-loader', 'css-loader'],
+  });
+
+  // Add support for importing font files
+  config.module.rules.push({
+    test: /\.(woff|woff2|eot|ttf|otf)$/,
+    use: ['file-loader'],
+  });
+
+  return config;
+};

package/dist/App.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _playground = _interopRequireDefault(require("./playground"));
+require("./index.css");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+function App() {
+  return (/*#__PURE__*/
+    _react.default.createElement("div", { className: "App" }, /*#__PURE__*/
+    _react.default.createElement(_playground.default, null)
+    ));
+
+}var _default = exports.default =
+
+App;

package/dist/components/accordion/index.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _index = require("./index.styles");
+var _panel = _interopRequireDefault(require("./panel"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Accordion = (_ref) => {let { items } = _ref;return (/*#__PURE__*/
+    _react.default.createElement(_index.PanelGroup, null,
+    items.map((item, key) => /*#__PURE__*/_react.default.createElement(_panel.default, { item: item, key: key }))
+    ));};
+
+
+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/dist/components/accordion/index.stories.js

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithIcons = exports.WithCustomStyling = exports.SingleItemExpanded = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
+var _ = _interopRequireDefault(require("."));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const items = [
+{
+  title: 'عنوان اول',
+  mode: 'dark',
+  key: 'acc-1',
+  status: true,
+  collapse: false,
+  bold: false,
+  meta: /*#__PURE__*/_react.default.createElement("span", null, "\u06F3/\u06F0"),
+  body: /*#__PURE__*/_react.default.createElement("div", null, "\u0644\u0648\u0631\u0645 \u0627\u06CC\u067E\u0633\u0648\u0645 \u0645\u062A\u0646 \u0633\u0627\u062E\u062A\u06AF\u06CC \u0628\u0627 \u062A\u0648\u0644\u06CC\u062F \u0633\u0627\u062F\u06AF\u06CC \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062A \u0686\u0627\u067E\u060C \u0648 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0637\u0631\u0627\u062D\u0627\u0646 \u06AF\u0631\u0627\u0641\u06CC\u06A9 \u0627\u0633\u062A\u060C \u0686\u0627\u067E\u06AF\u0631\u0647\u0627 \u0648 \u0645\u062A\u0648\u0646 \u0628\u0644\u06A9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062C\u0644\u0647 \u062F\u0631 \u0633\u062A\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06A9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062A\u060C \u0648 \u0628\u0631\u0627\u06CC \u0634\u0631\u0627\u06CC\u0637 \u0641\u0639\u0644\u06CC \u062A\u06A9\u0646\u0648\u0644\u0648\u0698\u06CC \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632\u060C \u0648 \u06A9\u0627\u0631\u0628\u0631\u062F\u0647\u0627\u06CC \u0645\u062A\u0646\u0648\u0639 \u0628\u0627 \u0647\u062F\u0641 \u0628\u0647\u0628\u0648\u062F \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06CC \u06A9\u0627\u0631\u0628\u0631\u062F\u06CC \u0645\u06CC \u0628\u0627\u0634\u062F\u060C \u06A9\u062A\u0627\u0628\u0647\u0627\u06CC \u0632\u06CC\u0627\u062F\u06CC \u062F\u0631 \u0634\u0635\u062A \u0648 \u0633\u0647 \u062F\u0631\u0635\u062F \u06AF\u0630\u0634\u062A\u0647 \u062D\u0627\u0644 \u0648 \u0622\u06CC\u0646\u062F\u0647\u060C \u0634\u0646\u0627\u062E\u062A \u0641\u0631\u0627\u0648\u0627\u0646 \u062C\u0627\u0645\u0639\u0647 \u0648 \u0645\u062A\u062E\u0635\u0635\u0627\u0646 \u0631\u0627 \u0645\u06CC \u0637\u0644\u0628\u062F\u060C \u062A\u0627 \u0628\u0627 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0634\u0646\u0627\u062E\u062A \u0628\u06CC\u0634\u062A\u0631\u06CC \u0631\u0627 \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u0627\u0646 \u0631\u0627\u06CC\u0627\u0646\u0647 \u0627\u06CC \u0639\u0644\u06CC \u0627\u0644\u062E\u0635\u0648\u0635 \u0637\u0631\u0627\u062D\u0627\u0646 \u062E\u0644\u0627\u0642\u06CC\u060C \u0648 \u0641\u0631\u0647\u0646\u06AF \u067E\u06CC\u0634\u0631\u0648 \u062F\u0631 \u0632\u0628\u0627\u0646 \u0641\u0627\u0631\u0633\u06CC \u0627\u06CC\u062C\u0627\u062F \u06A9\u0631\u062F\u060C \u062F\u0631 \u0627\u06CC\u0646 \u0635\u0648\u0631\u062A \u0645\u06CC \u062A\u0648\u0627\u0646 \u0627\u0645\u06CC\u062F \u062F\u0627\u0634\u062A \u06A9\u0647 \u062A\u0645\u0627\u0645 \u0648 \u062F\u0634\u0648\u0627\u0631\u06CC \u0645\u0648\u062C\u0648\u062F \u062F\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06A9\u0627\u0631\u0647\u0627\u060C \u0648 \u0634\u0631\u0627\u06CC\u0637 \u0633\u062E\u062A \u062A\u0627\u06CC\u067E \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0631\u0633\u062F \u0648 \u0632\u0645\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0634\u0627\u0645\u0644 \u062D\u0631\u0648\u0641\u0686\u06CC\u0646\u06CC \u062F\u0633\u062A\u0627\u0648\u0631\u062F\u0647\u0627\u06CC \u0627\u0635\u0644\u06CC\u060C \u0648 \u062C\u0648\u0627\u0628\u06AF\u0648\u06CC \u0633\u0648\u0627\u0644\u0627\u062A \u067E\u06CC\u0648\u0633\u062A\u0647 \u0627\u0647\u0644 \u062F\u0646\u06CC\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0637\u0631\u0627\u062D\u06CC \u0627\u0633\u0627\u0633\u0627 \u0645\u0648\u0631\u062F \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F."
+
+  )
+},
+{
+  title: 'عنوان دوم',
+  mode: 'white',
+  key: 'acc-2',
+  status: false,
+  bold: true,
+  collapse: true,
+  meta: /*#__PURE__*/_react.default.createElement("span", null, "\u062D\u062F\u0627\u0642\u0644 \u0627\u0645\u062A\u06CC\u0627\u0632: \u06F5\u06F0"),
+  body: /*#__PURE__*/_react.default.createElement("div", null, "\u0644\u0648\u0631\u0645 \u0627\u06CC\u067E\u0633\u0648\u0645 \u0645\u062A\u0646 \u0633\u0627\u062E\u062A\u06AF\u06CC \u0628\u0627 \u062A\u0648\u0644\u06CC\u062F \u0633\u0627\u062F\u06AF\u06CC \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062A \u0686\u0627\u067E\u060C \u0648 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0637\u0631\u0627\u062D\u0627\u0646 \u06AF\u0631\u0627\u0641\u06CC\u06A9 \u0627\u0633\u062A\u060C \u0686\u0627\u067E\u06AF\u0631\u0647\u0627 \u0648 \u0645\u062A\u0648\u0646 \u0628\u0644\u06A9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062C\u0644\u0647 \u062F\u0631 \u0633\u062A\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06A9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062A\u060C \u0648 \u0628\u0631\u0627\u06CC \u0634\u0631\u0627\u06CC\u0637 \u0641\u0639\u0644\u06CC \u062A\u06A9\u0646\u0648\u0644\u0648\u0698\u06CC \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632\u060C \u0648 \u06A9\u0627\u0631\u0628\u0631\u062F\u0647\u0627\u06CC \u0645\u062A\u0646\u0648\u0639 \u0628\u0627 \u0647\u062F\u0641 \u0628\u0647\u0628\u0648\u062F \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06CC \u06A9\u0627\u0631\u0628\u0631\u062F\u06CC \u0645\u06CC \u0628\u0627\u0634\u062F\u060C \u06A9\u062A\u0627\u0628\u0647\u0627\u06CC \u0632\u06CC\u0627\u062F\u06CC \u062F\u0631 \u0634\u0635\u062A \u0648 \u0633\u0647 \u062F\u0631\u0635\u062F \u06AF\u0630\u0634\u062A\u0647 \u062D\u0627\u0644 \u0648 \u0622\u06CC\u0646\u062F\u0647\u060C \u0634\u0646\u0627\u062E\u062A \u0641\u0631\u0627\u0648\u0627\u0646 \u062C\u0627\u0645\u0639\u0647 \u0648 \u0645\u062A\u062E\u0635\u0635\u0627\u0646 \u0631\u0627 \u0645\u06CC \u0637\u0644\u0628\u062F\u060C \u062A\u0627 \u0628\u0627 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0634\u0646\u0627\u062E\u062A \u0628\u06CC\u0634\u062A\u0631\u06CC \u0631\u0627 \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u0627\u0646 \u0631\u0627\u06CC\u0627\u0646\u0647 \u0627\u06CC \u0639\u0644\u06CC \u0627\u0644\u062E\u0635\u0648\u0635 \u0637\u0631\u0627\u062D\u0627\u0646 \u062E\u0644\u0627\u0642\u06CC\u060C \u0648 \u0641\u0631\u0647\u0646\u06AF \u067E\u06CC\u0634\u0631\u0648 \u062F\u0631 \u0632\u0628\u0627\u0646 \u0641\u0627\u0631\u0633\u06CC \u0627\u06CC\u062C\u0627\u062F \u06A9\u0631\u062F\u060C \u062F\u0631 \u0627\u06CC\u0646 \u0635\u0648\u0631\u062A \u0645\u06CC \u062A\u0648\u0627\u0646 \u0627\u0645\u06CC\u062F \u062F\u0627\u0634\u062A \u06A9\u0647 \u062A\u0645\u0627\u0645 \u0648 \u062F\u0634\u0648\u0627\u0631\u06CC \u0645\u0648\u062C\u0648\u062F \u062F\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06A9\u0627\u0631\u0647\u0627\u060C \u0648 \u0634\u0631\u0627\u06CC\u0637 \u0633\u062E\u062A \u062A\u0627\u06CC\u067E \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0631\u0633\u062F \u0648 \u0632\u0645\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0634\u0627\u0645\u0644 \u062D\u0631\u0648\u0641\u0686\u06CC\u0646\u06CC \u062F\u0633\u062A\u0627\u0648\u0631\u062F\u0647\u0627\u06CC \u0627\u0635\u0644\u06CC\u060C \u0648 \u062C\u0648\u0627\u0628\u06AF\u0648\u06CC \u0633\u0648\u0627\u0644\u0627\u062A \u067E\u06CC\u0648\u0633\u062A\u0647 \u0627\u0647\u0644 \u062F\u0646\u06CC\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0637\u0631\u0627\u062D\u06CC \u0627\u0633\u0627\u0633\u0627 \u0645\u0648\u0631\u062F \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F."
+
+  )
+},
+{
+  title: 'عنوان سوم',
+  mode: 'white',
+  key: 'acc-3',
+  status: false,
+  collapse: true,
+  bold: false,
+  meta: /*#__PURE__*/_react.default.createElement("span", null, "\u062D\u062F\u0627\u0642\u0644 \u0627\u0645\u062A\u06CC\u0627\u0632: \u06F5\u06F0"),
+  body: /*#__PURE__*/_react.default.createElement("div", null, "\u0644\u0648\u0631\u0645 \u0627\u06CC\u067E\u0633\u0648\u0645 \u0645\u062A\u0646 \u0633\u0627\u062E\u062A\u06AF\u06CC \u0628\u0627 \u062A\u0648\u0644\u06CC\u062F \u0633\u0627\u062F\u06AF\u06CC \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062A \u0686\u0627\u067E\u060C \u0648 \u0628\u0627 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0627\u0632 \u0637\u0631\u0627\u062D\u0627\u0646 \u06AF\u0631\u0627\u0641\u06CC\u06A9 \u0627\u0633\u062A\u060C \u0686\u0627\u067E\u06AF\u0631\u0647\u0627 \u0648 \u0645\u062A\u0648\u0646 \u0628\u0644\u06A9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062C\u0644\u0647 \u062F\u0631 \u0633\u062A\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06A9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062A\u060C \u0648 \u0628\u0631\u0627\u06CC \u0634\u0631\u0627\u06CC\u0637 \u0641\u0639\u0644\u06CC \u062A\u06A9\u0646\u0648\u0644\u0648\u0698\u06CC \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632\u060C \u0648 \u06A9\u0627\u0631\u0628\u0631\u062F\u0647\u0627\u06CC \u0645\u062A\u0646\u0648\u0639 \u0628\u0627 \u0647\u062F\u0641 \u0628\u0647\u0628\u0648\u062F \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06CC \u06A9\u0627\u0631\u0628\u0631\u062F\u06CC \u0645\u06CC \u0628\u0627\u0634\u062F\u060C \u06A9\u062A\u0627\u0628\u0647\u0627\u06CC \u0632\u06CC\u0627\u062F\u06CC \u062F\u0631 \u0634\u0635\u062A \u0648 \u0633\u0647 \u062F\u0631\u0635\u062F \u06AF\u0630\u0634\u062A\u0647 \u062D\u0627\u0644 \u0648 \u0622\u06CC\u0646\u062F\u0647\u060C \u0634\u0646\u0627\u062E\u062A \u0641\u0631\u0627\u0648\u0627\u0646 \u062C\u0627\u0645\u0639\u0647 \u0648 \u0645\u062A\u062E\u0635\u0635\u0627\u0646 \u0631\u0627 \u0645\u06CC \u0637\u0644\u0628\u062F\u060C \u062A\u0627 \u0628\u0627 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0634\u0646\u0627\u062E\u062A \u0628\u06CC\u0634\u062A\u0631\u06CC \u0631\u0627 \u0628\u0631\u0627\u06CC \u0637\u0631\u0627\u062D\u0627\u0646 \u0631\u0627\u06CC\u0627\u0646\u0647 \u0627\u06CC \u0639\u0644\u06CC \u0627\u0644\u062E\u0635\u0648\u0635 \u0637\u0631\u0627\u062D\u0627\u0646 \u062E\u0644\u0627\u0642\u06CC\u060C \u0648 \u0641\u0631\u0647\u0646\u06AF \u067E\u06CC\u0634\u0631\u0648 \u062F\u0631 \u0632\u0628\u0627\u0646 \u0641\u0627\u0631\u0633\u06CC \u0627\u06CC\u062C\u0627\u062F \u06A9\u0631\u062F\u060C \u062F\u0631 \u0627\u06CC\u0646 \u0635\u0648\u0631\u062A \u0645\u06CC \u062A\u0648\u0627\u0646 \u0627\u0645\u06CC\u062F \u062F\u0627\u0634\u062A \u06A9\u0647 \u062A\u0645\u0627\u0645 \u0648 \u062F\u0634\u0648\u0627\u0631\u06CC \u0645\u0648\u062C\u0648\u062F \u062F\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06A9\u0627\u0631\u0647\u0627\u060C \u0648 \u0634\u0631\u0627\u06CC\u0637 \u0633\u062E\u062A \u062A\u0627\u06CC\u067E \u0628\u0647 \u067E\u0627\u06CC\u0627\u0646 \u0631\u0633\u062F \u0648 \u0632\u0645\u0627\u0646 \u0645\u0648\u0631\u062F \u0646\u06CC\u0627\u0632 \u0634\u0627\u0645\u0644 \u062D\u0631\u0648\u0641\u0686\u06CC\u0646\u06CC \u062F\u0633\u062A\u0627\u0648\u0631\u062F\u0647\u0627\u06CC \u0627\u0635\u0644\u06CC\u060C \u0648 \u062C\u0648\u0627\u0628\u06AF\u0648\u06CC \u0633\u0648\u0627\u0644\u0627\u062A \u067E\u06CC\u0648\u0633\u062A\u0647 \u0627\u0647\u0644 \u062F\u0646\u06CC\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0637\u0631\u0627\u062D\u06CC \u0627\u0633\u0627\u0633\u0627 \u0645\u0648\u0631\u062F \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0642\u0631\u0627\u0631 \u06AF\u06CC\u0631\u062F."
+
+  )
+}];var _default = exports.default =
+
+
+{
+  title: 'Components/Accordion',
+  component: _.default,
+  argTypes: {
+    items: {
+      control: 'object',
+      description: 'Array of accordion items'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  items
+};
+
+const WithCustomStyling = exports.WithCustomStyling = Template.bind({});
+WithCustomStyling.args = {
+  items: [
+  { title: 'Styled Item 1', content: 'Styled content 1' },
+  { title: 'Styled Item 2', content: 'Styled content 2' }],
+
+  style: { border: '1px solid blue', borderRadius: '8px' }
+};
+
+const SingleItemExpanded = exports.SingleItemExpanded = Template.bind({});
+SingleItemExpanded.args = {
+  items: [
+  { title: 'Expanded Item', content: 'This item starts expanded', expanded: true }]
+
+};
+
+const WithIcons = exports.WithIcons = Template.bind({});
+WithIcons.args = {
+  items: [
+  { title: 'Item with Icon', content: 'Content for item with icon', icon: 'info' }]
+
+};

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

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

package/dist/components/accordion/panel.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireWildcard(require("react"));
+var _detectMobile = require("../utils/detectMobile");
+var _index = require("./index.styles");
+var _icon = _interopRequireDefault(require("../icon"));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 Panel = (_ref) => {let { item } = _ref;
+  const panelRef = (0, _react.useRef)();
+
+  const handleClick = () => {
+    const icon = document.getElementById(`icon-${item.key}`);
+
+    if (panelRef.current.classList.contains('collapse')) {
+      panelRef.current.classList.remove('collapse');
+      icon.classList.remove('new-icon-arrow-drop-down');
+      icon.classList.add('new-icon-arrow-drop-up');
+    } else {
+      panelRef.current.classList.add('collapse');
+      icon.classList.remove('new-icon-arrow-drop-up');
+      icon.classList.add('new-icon-arrow-drop-down');
+    }
+  };
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_index.Panel, { className: item.mode, status: item.status, bold: item.bold }, /*#__PURE__*/
+    _react.default.createElement("a", { className: "panel-heading", onClick: () => handleClick(item.key) }, /*#__PURE__*/
+    _react.default.createElement("h4", { className: "panel-title" }, /*#__PURE__*/
+    _react.default.createElement(_icon.default, { name: item.status ? 'check-circle' : 'error', size: "sm", color: item.status ? 'green' : 'gray' }), /*#__PURE__*/
+    _react.default.createElement("span", null, item.title)
+    ), /*#__PURE__*/
+    _react.default.createElement("div", null,
+    !_detectMobile.isMobile && item.meta, /*#__PURE__*/
+    _react.default.createElement(_icon.default, { id: `icon-${item.key}`, name: "arrow-drop-down", size: "sm", color: item.status ? 'white' : 'darkBlue' })
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement("div", { id: item.key, ref: panelRef, className: `panel-collapse ${item.collapse && 'collapse'}` }, /*#__PURE__*/
+    _react.default.createElement("div", { className: "panel-body" }, item.body)
+    )
+    ));
+
+};var _default = exports.default =
+Panel;

package/dist/components/avatar/index.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../globalStyle"));
+var _index = _interopRequireDefault(require("./index.styles"));
+var _theme = _interopRequireDefault(require("./theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const defaultImageUrl = 'https://static.evand.net/assets/images/defaults/avatar.svg';
+
+const Avatar = (_ref) => {let {
+    alt = 'آواتار',
+    size = 'md',
+    sizeMobile = 'md',
+    src = defaultImageUrl,
+    round = false,
+    ...rest
+  } = _ref;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: src,
+      alt: alt,
+      size: size,
+      sizeMobile: sizeMobile,
+      "data-test": "avatar",
+      round: round,
+      onError: (e) => (e.target.onerror = null, e.target.src = defaultImageUrl) },
+    rest)
+    )
+    ));};
+
+
+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/dist/components/avatar/index.stories.js

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithTooltip = exports.Small = exports.Medium = exports.Large = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Components/Avatar',
+  component: _index.default,
+  argTypes: {
+    avatar: {
+      control: 'text',
+      description: 'URL of the avatar image'
+    },
+    size: {
+      control: 'text',
+      description: 'Size of the avatar'
+    },
+    showTooltip: {
+      control: 'boolean',
+      description: 'Whether to show a tooltip on hover'
+    },
+    tooltipText: {
+      control: 'text',
+      description: 'Text to display in the tooltip'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  avatar: 'https://via.placeholder.com/40',
+  size: "md"
+};
+
+const Small = exports.Small = Template.bind({});
+Small.args = {
+  avatar: 'https://via.placeholder.com/40',
+  size: "sm"
+};
+
+const Medium = exports.Medium = Template.bind({});
+Medium.args = {
+  avatar: 'https://via.placeholder.com/60',
+  size: "md"
+};
+
+const Large = exports.Large = Template.bind({});
+Large.args = {
+  avatar: 'https://via.placeholder.com/80',
+  size: "lg"
+};
+
+const WithTooltip = exports.WithTooltip = Template.bind({});
+WithTooltip.args = {
+  avatar: 'https://via.placeholder.com/40',
+  size: "md",
+  showTooltip: true,
+  tooltipText: 'User Avatar'
+};

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

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Image = _styledComponents.default.img`
+  font-family: 'IranSharp';
+  width: ${(_ref) => {let { theme, size } = _ref;return `${theme.size[size]}px`;}};
+  height: ${(_ref2) => {let { theme, size } = _ref2;return `${theme.size[size]}px`;}};
+  @media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+    width: ${(_ref3) => {let { theme, sizeMobile } = _ref3;return `${theme.size[sizeMobile]}px`;}};
+    height: ${(_ref4) => {let { theme, sizeMobile } = _ref4;return `${theme.size[sizeMobile]}px`;}};
+  }
+  border-radius: ${(_ref5) => {let { theme, round } = _ref5;return round ? '50%' : `${theme.borderRadius}px`;}};
+  display: block;
+  background-size: cover;
+`;var _default = exports.default =
+
+Image;

package/dist/components/avatar/index.test.js

@@ -0,0 +1,10 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _testUtils = require("../../test-utils");
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+describe('Avatar', () => {
+  it('renders avatar component', () => {
+    (0, _testUtils.render)(/*#__PURE__*/_react.default.createElement(_index.default, { "data-testid": "avatar" }));
+    expect(_testUtils.screen.getByTestId('avatar')).toBeInTheDocument();
+  });
+});

package/dist/components/avatar/theme.js

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