@pfct/purple 1.3.4-rc.0

package/README.md

@@ -0,0 +1,31 @@
+> # PurpleUI-WEB
+
+### Framework & Library
+
+- react
+- typescript
+- emotion
+- storybook
+
+### Local Machine
+
+You can also run app in your local machine.
+
+```
+$ yarn
+$ yarn storybook
+```
+
+Storybook server can be accessed on [http://localhost:6006](http://localhost:6006)
+
+### 아이콘 컴포넌트 생성하는 법
+
+1. 피그마에서 svg 를 다운받습니다.
+2. 파일명을 원하는 형식으로 변경합니다. (ex. Cancel_m.svg => CancelM.tsx 로 바뀝니다.)
+3. 아래 커맨드를 실행하면, 추가된 svg 파일만 변환됩니다.
+
+```
+$ yarn generated-icon:main 
+```
+
+

package/dist/Icon/export.generated.d.ts

@@ -0,0 +1,33 @@
+export { AlarmFill as AlarmFillIcon } from './generated/AlarmFill';
+export { AlarmLine as AlarmLineIcon } from './generated/AlarmLine';
+export { CancelCircle as CancelCircleIcon } from './generated/CancelCircle';
+export { CancelM as CancelMIcon } from './generated/CancelM';
+export { CancelS as CancelSIcon } from './generated/CancelS';
+export { CheckM as CheckMIcon } from './generated/CheckM';
+export { CheckS as CheckSIcon } from './generated/CheckS';
+export { ChevronDownM as ChevronDownMIcon } from './generated/ChevronDownM';
+export { ChevronDownS as ChevronDownSIcon } from './generated/ChevronDownS';
+export { ChevronLeftM as ChevronLeftMIcon } from './generated/ChevronLeftM';
+export { ChevronLeftS as ChevronLeftSIcon } from './generated/ChevronLeftS';
+export { ChevronRightM as ChevronRightMIcon } from './generated/ChevronRightM';
+export { ChevronRightS as ChevronRightSIcon } from './generated/ChevronRightS';
+export { ChevronUpM as ChevronUpMIcon } from './generated/ChevronUpM';
+export { ChevronUpS as ChevronUpSIcon } from './generated/ChevronUpS';
+export { EyeFill as EyeFillIcon } from './generated/EyeFill';
+export { EyeLine as EyeLineIcon } from './generated/EyeLine';
+export { EyeSlashFill as EyeSlashFillIcon } from './generated/EyeSlashFill';
+export { EyeSlashLine as EyeSlashLineIcon } from './generated/EyeSlashLine';
+export { Information as InformationIcon } from './generated/Information';
+export { InformationFill as InformationFillIcon } from './generated/InformationFill';
+export { Menu as MenuIcon } from './generated/Menu';
+export { More as MoreIcon } from './generated/More';
+export { PersonFill as PersonFillIcon } from './generated/PersonFill';
+export { PlusM as PlusMIcon } from './generated/PlusM';
+export { PlusS as PlusSIcon } from './generated/PlusS';
+export { Question as QuestionIcon } from './generated/Question';
+export { Re as ReIcon } from './generated/Re';
+export { Search as SearchIcon } from './generated/Search';
+export { SettingLine as SettingLineIcon } from './generated/SettingLine';
+export { Trash as TrashIcon } from './generated/Trash';
+export { DoubleChevronLeftS as DoubleChevronLeftSIcon } from './generated/DoubleChevronLeftS';
+export { DoubleChevronRightS as DoubleChevronRightSIcon } from './generated/DoubleChevronRightS';

package/dist/Icon/export.generated.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoubleChevronRightSIcon = exports.DoubleChevronLeftSIcon = exports.TrashIcon = exports.SettingLineIcon = exports.SearchIcon = exports.ReIcon = exports.QuestionIcon = exports.PlusSIcon = exports.PlusMIcon = exports.PersonFillIcon = exports.MoreIcon = exports.MenuIcon = exports.InformationFillIcon = exports.InformationIcon = exports.EyeSlashLineIcon = exports.EyeSlashFillIcon = exports.EyeLineIcon = exports.EyeFillIcon = exports.ChevronUpSIcon = exports.ChevronUpMIcon = exports.ChevronRightSIcon = exports.ChevronRightMIcon = exports.ChevronLeftSIcon = exports.ChevronLeftMIcon = exports.ChevronDownSIcon = exports.ChevronDownMIcon = exports.CheckSIcon = exports.CheckMIcon = exports.CancelSIcon = exports.CancelMIcon = exports.CancelCircleIcon = exports.AlarmLineIcon = exports.AlarmFillIcon = void 0;
+var AlarmFill_1 = require("./generated/AlarmFill");
+Object.defineProperty(exports, "AlarmFillIcon", { enumerable: true, get: function () { return AlarmFill_1.AlarmFill; } });
+var AlarmLine_1 = require("./generated/AlarmLine");
+Object.defineProperty(exports, "AlarmLineIcon", { enumerable: true, get: function () { return AlarmLine_1.AlarmLine; } });
+var CancelCircle_1 = require("./generated/CancelCircle");
+Object.defineProperty(exports, "CancelCircleIcon", { enumerable: true, get: function () { return CancelCircle_1.CancelCircle; } });
+var CancelM_1 = require("./generated/CancelM");
+Object.defineProperty(exports, "CancelMIcon", { enumerable: true, get: function () { return CancelM_1.CancelM; } });
+var CancelS_1 = require("./generated/CancelS");
+Object.defineProperty(exports, "CancelSIcon", { enumerable: true, get: function () { return CancelS_1.CancelS; } });
+var CheckM_1 = require("./generated/CheckM");
+Object.defineProperty(exports, "CheckMIcon", { enumerable: true, get: function () { return CheckM_1.CheckM; } });
+var CheckS_1 = require("./generated/CheckS");
+Object.defineProperty(exports, "CheckSIcon", { enumerable: true, get: function () { return CheckS_1.CheckS; } });
+var ChevronDownM_1 = require("./generated/ChevronDownM");
+Object.defineProperty(exports, "ChevronDownMIcon", { enumerable: true, get: function () { return ChevronDownM_1.ChevronDownM; } });
+var ChevronDownS_1 = require("./generated/ChevronDownS");
+Object.defineProperty(exports, "ChevronDownSIcon", { enumerable: true, get: function () { return ChevronDownS_1.ChevronDownS; } });
+var ChevronLeftM_1 = require("./generated/ChevronLeftM");
+Object.defineProperty(exports, "ChevronLeftMIcon", { enumerable: true, get: function () { return ChevronLeftM_1.ChevronLeftM; } });
+var ChevronLeftS_1 = require("./generated/ChevronLeftS");
+Object.defineProperty(exports, "ChevronLeftSIcon", { enumerable: true, get: function () { return ChevronLeftS_1.ChevronLeftS; } });
+var ChevronRightM_1 = require("./generated/ChevronRightM");
+Object.defineProperty(exports, "ChevronRightMIcon", { enumerable: true, get: function () { return ChevronRightM_1.ChevronRightM; } });
+var ChevronRightS_1 = require("./generated/ChevronRightS");
+Object.defineProperty(exports, "ChevronRightSIcon", { enumerable: true, get: function () { return ChevronRightS_1.ChevronRightS; } });
+var ChevronUpM_1 = require("./generated/ChevronUpM");
+Object.defineProperty(exports, "ChevronUpMIcon", { enumerable: true, get: function () { return ChevronUpM_1.ChevronUpM; } });
+var ChevronUpS_1 = require("./generated/ChevronUpS");
+Object.defineProperty(exports, "ChevronUpSIcon", { enumerable: true, get: function () { return ChevronUpS_1.ChevronUpS; } });
+var EyeFill_1 = require("./generated/EyeFill");
+Object.defineProperty(exports, "EyeFillIcon", { enumerable: true, get: function () { return EyeFill_1.EyeFill; } });
+var EyeLine_1 = require("./generated/EyeLine");
+Object.defineProperty(exports, "EyeLineIcon", { enumerable: true, get: function () { return EyeLine_1.EyeLine; } });
+var EyeSlashFill_1 = require("./generated/EyeSlashFill");
+Object.defineProperty(exports, "EyeSlashFillIcon", { enumerable: true, get: function () { return EyeSlashFill_1.EyeSlashFill; } });
+var EyeSlashLine_1 = require("./generated/EyeSlashLine");
+Object.defineProperty(exports, "EyeSlashLineIcon", { enumerable: true, get: function () { return EyeSlashLine_1.EyeSlashLine; } });
+var Information_1 = require("./generated/Information");
+Object.defineProperty(exports, "InformationIcon", { enumerable: true, get: function () { return Information_1.Information; } });
+var InformationFill_1 = require("./generated/InformationFill");
+Object.defineProperty(exports, "InformationFillIcon", { enumerable: true, get: function () { return InformationFill_1.InformationFill; } });
+var Menu_1 = require("./generated/Menu");
+Object.defineProperty(exports, "MenuIcon", { enumerable: true, get: function () { return Menu_1.Menu; } });
+var More_1 = require("./generated/More");
+Object.defineProperty(exports, "MoreIcon", { enumerable: true, get: function () { return More_1.More; } });
+var PersonFill_1 = require("./generated/PersonFill");
+Object.defineProperty(exports, "PersonFillIcon", { enumerable: true, get: function () { return PersonFill_1.PersonFill; } });
+var PlusM_1 = require("./generated/PlusM");
+Object.defineProperty(exports, "PlusMIcon", { enumerable: true, get: function () { return PlusM_1.PlusM; } });
+var PlusS_1 = require("./generated/PlusS");
+Object.defineProperty(exports, "PlusSIcon", { enumerable: true, get: function () { return PlusS_1.PlusS; } });
+var Question_1 = require("./generated/Question");
+Object.defineProperty(exports, "QuestionIcon", { enumerable: true, get: function () { return Question_1.Question; } });
+var Re_1 = require("./generated/Re");
+Object.defineProperty(exports, "ReIcon", { enumerable: true, get: function () { return Re_1.Re; } });
+var Search_1 = require("./generated/Search");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return Search_1.Search; } });
+var SettingLine_1 = require("./generated/SettingLine");
+Object.defineProperty(exports, "SettingLineIcon", { enumerable: true, get: function () { return SettingLine_1.SettingLine; } });
+var Trash_1 = require("./generated/Trash");
+Object.defineProperty(exports, "TrashIcon", { enumerable: true, get: function () { return Trash_1.Trash; } });
+var DoubleChevronLeftS_1 = require("./generated/DoubleChevronLeftS");
+Object.defineProperty(exports, "DoubleChevronLeftSIcon", { enumerable: true, get: function () { return DoubleChevronLeftS_1.DoubleChevronLeftS; } });
+var DoubleChevronRightS_1 = require("./generated/DoubleChevronRightS");
+Object.defineProperty(exports, "DoubleChevronRightSIcon", { enumerable: true, get: function () { return DoubleChevronRightS_1.DoubleChevronRightS; } });

package/dist/Icon/generated/AlarmFill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const AlarmFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/AlarmFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlarmFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.AlarmFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M9.93 20a1 1 0 0 0 0 2h5.14a1 1 0 1 0 0-2H9.93ZM4.78 18.42h15.44a1 1 0 0 0 1-.74 1 1 0 0 0-.46-1.11s-1.46-1.08-1.46-5.86S16.82 3 12.51 3C8.2 3 5.72 5.81 5.72 10.71c0 4.74-1.42 5.83-1.41 5.83a1 1 0 0 0 .47 1.88Z" }))));

package/dist/Icon/generated/AlarmLine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const AlarmLine: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/AlarmLine.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlarmLine = void 0;
+const react_1 = __importDefault(require("react"));
+exports.AlarmLine = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M15.08 22a1 1 0 0 0 0-2H9.93a1 1 0 0 0 0 2h5.15ZM4.79 18.42h15.43a1 1 0 0 0 1-.73 1 1 0 0 0-.46-1.12s-1.46-1.08-1.46-5.86S16.83 3 12.51 3s-6.78 2.81-6.78 7.71c0 4.75-1.43 5.84-1.42 5.84a1 1 0 0 0 .48 1.87Zm2.93-7.71C7.72 6.87 9.28 5 12.5 5s4.79 1.87 4.79 5.71a13.8 13.8 0 0 0 1 5.71H6.75a13.8 13.8 0 0 0 .97-5.71Z" }))));

package/dist/Icon/generated/CancelCircle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const CancelCircle: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CancelCircle.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelCircle = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CancelCircle = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M12.5 20.833a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666Zm2.526-11.985a.796.796 0 1 1 1.126 1.126L13.626 12.5l2.526 2.526a.796.796 0 1 1-1.126 1.126L12.5 13.626l-2.526 2.526a.796.796 0 0 1-1.125-1.126l2.526-2.526-2.526-2.526a.796.796 0 1 1 1.125-1.126l2.526 2.526 2.526-2.526Z", clipRule: "evenodd" }))));

package/dist/Icon/generated/CancelM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const CancelM: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CancelM.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelM = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CancelM = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M7.7 6.29a1 1 0 1 0-1.41 1.42l4.79 4.79-4.83 4.79a1 1 0 1 0 1.41 1.42l4.8-4.8 4.79 4.8a1 1 0 0 0 1.41-1.42l-4.79-4.79 4.79-4.79a1.001 1.001 0 1 0-1.41-1.42l-4.79 4.8-4.76-4.8Z" }))));

package/dist/Icon/generated/CancelS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const CancelS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CancelS.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CancelS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M7.3 17.629a1.02 1.02 0 0 0 1.403 0l3.77-3.77 3.77 3.77c.186.18.436.28.696.278.259 0 .508-.1.696-.278a.998.998 0 0 0 0-1.404l-3.77-3.758 3.77-3.77a.986.986 0 0 0-.319-1.608.975.975 0 0 0-1.073.216l-3.77 3.77-3.77-3.782a.986.986 0 0 0-1.404 0 .974.974 0 0 0 0 1.392l3.759 3.77-3.759 3.759a.985.985 0 0 0 0 1.415Z" }))));

package/dist/Icon/generated/CheckM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const CheckM: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CheckM.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckM = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CheckM = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M5.8 11.29a1 1 0 0 0 0 1.41l4.33 4.34a1 1 0 0 0 .71.3.999.999 0 0 0 .71-.3l7.66-7.67a1 1 0 0 0-1.41-1.41l-7 7-3.63-3.63a1 1 0 0 0-1.37-.04Z" }))));

package/dist/Icon/generated/CheckS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const CheckS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CheckS.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CheckS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M11.78 15.72a.84.84 0 0 0 .6-.25l5.37-5.37a.85.85 0 0 0-.605-1.449.86.86 0 0 0-.605.249l-4.76 4.77-2.43-2.44a.86.86 0 0 0-1.21 0 .85.85 0 0 0 0 1.2l3 3a.86.86 0 0 0 .64.29Z" }))));

package/dist/Icon/generated/ChevronDownM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronDownM: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronDownM.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronDownM = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronDownM = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M19.51 9.48a1 1 0 0 0-1.41 0l-5.6 5.61-5.6-5.61a1.004 1.004 0 1 0-1.42 1.42l6.31 6.31a1.001 1.001 0 0 0 1.41 0l6.31-6.31a1 1 0 0 0 0-1.42Z" }))));

package/dist/Icon/generated/ChevronDownS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronDownS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronDownS.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronDownS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronDownS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.5 16.4a.86.86 0 0 0 .6-.25l4.41-4.42a.83.83 0 0 0 0-1.2.85.85 0 0 0-1.2 0l-3.81 3.82-3.82-3.82a.85.85 0 0 0-1.2 1.2l4.42 4.42a.84.84 0 0 0 .6.25Z" }))));

package/dist/Icon/generated/ChevronLeftM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronLeftM: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronLeftM.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronLeftM = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronLeftM = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M7.5 12.5a1 1 0 0 0 .29.71l6.31 6.31a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42l-5.61-5.6 5.61-5.6a1.004 1.004 0 1 0-1.42-1.42l-6.31 6.31a1 1 0 0 0-.29.71Z" }))));

package/dist/Icon/generated/ChevronLeftS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronLeftS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronLeftS.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronLeftS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronLeftS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M14.46 7.48a.85.85 0 0 0-1.2 0l-4.4 4.41a.86.86 0 0 0 0 1.21l4.41 4.41a.85.85 0 0 0 .926.187.82.82 0 0 0 .274-.187.832.832 0 0 0 0-1.2l-3.81-3.81 3.81-3.82a.83.83 0 0 0-.01-1.2Z" }))));

package/dist/Icon/generated/ChevronRightM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronRightM: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronRightM.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronRightM = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronRightM = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M9.49 19.52a1 1 0 0 0 1.41 0l6.31-6.31a1.002 1.002 0 0 0 0-1.42L10.9 5.48A1 1 0 1 0 9.49 6.9l5.6 5.6-5.6 5.6a1 1 0 0 0 0 1.42Z" }))));

package/dist/Icon/generated/ChevronRightS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronRightS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronRightS.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronRightS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronRightS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M10.54 17.51a.85.85 0 0 0 1.2 0l4.42-4.41a.85.85 0 0 0 0-1.2l-4.42-4.42a.85.85 0 1 0-1.2 1.2l3.81 3.82-3.81 3.81a.85.85 0 0 0 0 1.2Z" }))));

package/dist/Icon/generated/ChevronUpM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronUpM: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronUpM.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronUpM = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronUpM = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M5.47 15.52a1 1 0 0 0 1.41 0l5.6-5.61 5.61 5.61a1 1 0 1 0 1.41-1.42l-6.31-6.31a1 1 0 0 0-1.41 0l-6.31 6.34a1 1 0 0 0 0 1.39Z" }))));

package/dist/Icon/generated/ChevronUpS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const ChevronUpS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronUpS.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronUpS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronUpS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "m8.69 14.46 3.81-3.82 3.82 3.82a.87.87 0 0 0 .6.25.85.85 0 0 0 .6-1.45l-4.41-4.42a.86.86 0 0 0-1.21 0l-4.41 4.42a.85.85 0 1 0 1.2 1.2Z" }))));

package/dist/Icon/generated/DoubleChevronLeftS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const DoubleChevronLeftS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/DoubleChevronLeftS.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoubleChevronLeftS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.DoubleChevronLeftS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M17.964 7.4823C17.8047 7.32353 17.5889 7.23438 17.364 7.23438C17.1391 7.23438 16.9234 7.32353 16.764 7.4823L12.364 11.8923C12.2046 12.0533 12.1152 12.2707 12.1152 12.4973C12.1152 12.7239 12.2046 12.9413 12.364 13.1023L16.774 17.5123C16.933 17.6718 17.1488 17.7617 17.374 17.7623C17.4858 17.7637 17.5966 17.7423 17.6998 17.6993C17.803 17.6563 17.8963 17.5927 17.974 17.5123C18.0551 17.4348 18.1196 17.3417 18.1637 17.2386C18.2078 17.1354 18.2305 17.0245 18.2305 16.9123C18.2305 16.8002 18.2078 16.6892 18.1637 16.586C18.1196 16.4829 18.0551 16.3898 17.974 16.3123L14.164 12.5023L17.974 8.6823C18.0544 8.60413 18.1182 8.51047 18.1614 8.40698C18.2047 8.30349 18.2265 8.19232 18.2255 8.08017C18.2246 7.96802 18.201 7.85721 18.156 7.75446C18.1111 7.6517 18.0457 7.55911 17.964 7.4823Z" }),
+    react_1.default.createElement("path", { fill: fillColor, d: "M11.8488 7.4823C11.6894 7.32353 11.4737 7.23438 11.2488 7.23438C11.0239 7.23438 10.8081 7.32353 10.6488 7.4823L6.24878 11.8923C6.08939 12.0533 6 12.2707 6 12.4973C6 12.7239 6.08939 12.9413 6.24878 13.1023L10.6588 17.5123C10.8177 17.6718 11.0336 17.7617 11.2588 17.7623C11.3706 17.7637 11.4814 17.7423 11.5846 17.6993C11.6878 17.6563 11.7811 17.5927 11.8588 17.5123C11.9398 17.4348 12.0044 17.3417 12.0485 17.2386C12.0925 17.1354 12.1153 17.0245 12.1153 16.9123C12.1153 16.8002 12.0925 16.6892 12.0485 16.586C12.0044 16.4829 11.9398 16.3898 11.8588 16.3123L8.04877 12.5023L11.8588 8.6823C11.9392 8.60413 12.003 8.51047 12.0462 8.40698C12.0894 8.30349 12.1112 8.19232 12.1103 8.08017C12.1094 7.96802 12.0857 7.85721 12.0408 7.75446C11.9958 7.6517 11.9305 7.55911 11.8488 7.4823Z" }))));

package/dist/Icon/generated/DoubleChevronRightS.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const DoubleChevronRightS: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/DoubleChevronRightS.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoubleChevronRightS = void 0;
+const react_1 = __importDefault(require("react"));
+exports.DoubleChevronRightS = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M6.2854 17.5107C6.44472 17.6694 6.66045 17.7586 6.88538 17.7586C7.1103 17.7586 7.32603 17.6694 7.48535 17.5107L11.9054 13.1007C12.0642 12.9413 12.1533 12.7256 12.1533 12.5007C12.1533 12.2757 12.0642 12.06 11.9054 11.9007L7.48535 7.48067C7.4084 7.39409 7.31455 7.32414 7.2096 7.27513C7.10464 7.22613 6.99079 7.19909 6.875 7.19568C6.75922 7.19227 6.64404 7.21256 6.53638 7.25531C6.42872 7.29806 6.33093 7.36237 6.24902 7.44428C6.16712 7.52618 6.10281 7.62397 6.06006 7.73163C6.01731 7.83929 5.99696 7.95455 6.00037 8.07033C6.00378 8.18611 6.03083 8.29998 6.07983 8.40494C6.12884 8.5099 6.19882 8.60372 6.2854 8.68067L10.0953 12.5007L6.2854 16.3107C6.12663 16.47 6.03748 16.6858 6.03748 16.9107C6.03748 17.1356 6.12663 17.3513 6.2854 17.5107Z" }),
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.4387 17.5107C12.598 17.6694 12.8138 17.7586 13.0387 17.7586C13.2636 17.7586 13.4794 17.6694 13.6387 17.5107L18.0587 13.1007C18.2175 12.9413 18.3066 12.7256 18.3066 12.5007C18.3066 12.2757 18.2175 12.06 18.0587 11.9007L13.6387 7.48067C13.5617 7.39409 13.4679 7.32414 13.3629 7.27513C13.258 7.22613 13.1441 7.19909 13.0283 7.19568C12.9125 7.19227 12.7974 7.21256 12.6897 7.25531C12.582 7.29806 12.4843 7.36237 12.4023 7.44428C12.3204 7.52618 12.2561 7.62397 12.2134 7.73163C12.1706 7.83929 12.1503 7.95455 12.1537 8.07033C12.1571 8.18611 12.1841 8.29998 12.2332 8.40494C12.2822 8.5099 12.3521 8.60372 12.4387 8.68067L16.2487 12.5007L12.4387 16.3107C12.28 16.47 12.1908 16.6858 12.1908 16.9107C12.1908 17.1356 12.28 17.3513 12.4387 17.5107Z" }))));

package/dist/Icon/generated/EyeFill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const EyeFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/EyeFill.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EyeFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.EyeFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.47 10.45a2.05 2.05 0 0 0-2 2.05 2 2 0 0 0 2 2 2 2 0 0 0 2.05-2 2.05 2.05 0 0 0-2.05-2.05Z" }),
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.47 5.28c-7.58 0-10.21 6.77-10.24 6.84a1.05 1.05 0 0 0 0 .7c0 .07 2.66 6.83 10.24 6.83s10.21-6.76 10.24-6.83a1.05 1.05 0 0 0 0-.7c0-.04-2.63-6.84-10.24-6.84Zm0 11.23a4.05 4.05 0 0 1-4-4 4.06 4.06 0 0 1 4-4.05 4.06 4.06 0 0 1 4.05 4.05 4.05 4.05 0 0 1-4.05 4.03v-.03Z" }))));

package/dist/Icon/generated/EyeLine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const EyeLine: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/EyeLine.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EyeLine = void 0;
+const react_1 = __importDefault(require("react"));
+exports.EyeLine = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.49 19.69c7.58 0 10.21-6.77 10.24-6.84a.94.94 0 0 0 0-.7c0-.07-2.66-6.84-10.24-6.84S2.28 12.08 2.26 12.15a.94.94 0 0 0 0 .7c.02.07 2.66 6.84 10.23 6.84Zm0-12.38a9 9 0 0 1 8.21 5.19 9.08 9.08 0 0 1-16.41 0 9.06 9.06 0 0 1 8.2-5.19Z" }),
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.49 16.55a4.05 4.05 0 1 0 .1-8.098 4.05 4.05 0 0 0-.1 8.098Zm0-6.1a2.05 2.05 0 1 1 .099 4.098 2.05 2.05 0 0 1-.099-4.098Z" }))));

package/dist/Icon/generated/EyeSlashFill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const EyeSlashFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/EyeSlashFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EyeSlashFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.EyeSlashFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "m5.22 16.95.7-.7.7-.7 2-2a4.12 4.12 0 0 1-.16-1.06 4.06 4.06 0 0 1 4-4c.359.007.715.06 1.06.16l1.06-1.06.82-.81.8-.81a11.27 11.27 0 0 0-3.74-.62c-7.58 0-10.21 6.77-10.24 6.84a1.05 1.05 0 0 0 0 .7 12 12 0 0 0 3 4.06ZM19.78 8.05l-.7.7-.7.7-2 2c.1.345.153.701.16 1.06a4.06 4.06 0 0 1-4.05 4.05 4.12 4.12 0 0 1-1.06-.16l-1.06 1.06-.82.82-.8.8c1.203.416 2.467.626 3.74.62 7.58 0 10.21-6.77 10.24-6.84a1.05 1.05 0 0 0 0-.7 12.001 12.001 0 0 0-2.95-4.11ZM20.01 3.57l-2.77 2.78-.76.76-.76.76-1.17 1.16-1.5 1.51-2.51 2.51-1.51 1.5-1.56 1.64-.71.71-.71.71-2.43 2.42a1 1 0 0 0 .71 1.71 1.002 1.002 0 0 0 .71-.29l2.77-2.78.76-.76.76-.76 1.17-1.16 1.5-1.51 2.51-2.51 1.51-1.5 1.61-1.62.71-.71.71-.7 2.43-2.43a1 1 0 0 0-.71-1.71 1 1 0 0 0-.76.27Z" }))));

package/dist/Icon/generated/EyeSlashLine.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const EyeSlashLine: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/EyeSlashLine.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EyeSlashLine = void 0;
+const react_1 = __importDefault(require("react"));
+exports.EyeSlashLine = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "m6 17.59-2.42 2.42a1 1 0 1 0 1.41 1.42l2.77-2.78a10.909 10.909 0 0 0 4.74 1c7.58 0 10.21-6.77 10.24-6.84a1.05 1.05 0 0 0 0-.7A12 12 0 0 0 19 7.38l2.43-2.43a1 1 0 1 0-1.41-1.42l-2.78 2.78a10.88 10.88 0 0 0-4.74-1 11.18 11.18 0 0 0-10.23 6.84.94.94 0 0 0 0 .7A11.91 11.91 0 0 0 6 17.59Zm14.71-5.09a9 9 0 0 1-8.21 5.19 9.16 9.16 0 0 1-3.21-.56l1.16-1.16a4 4 0 0 0 2.05.58 4.059 4.059 0 0 0 4-4 4 4 0 0 0-.58-2l1.61-1.62a9.54 9.54 0 0 1 3.18 3.57Zm-10.25 0a2 2 0 0 1 2-2c.187.004.372.034.55.09l-2.47 2.47a2 2 0 0 1-.08-.56Zm4.09 0a2 2 0 0 1-2.6 2l2.52-2.51c.048.166.075.337.08.51Zm-2-5.19a9.26 9.26 0 0 1 3.22.56l-1.21 1.19a4 4 0 0 0-5.52 5.52L7.42 16.2a9.44 9.44 0 0 1-3.12-3.67 9 9 0 0 1 8.2-5.22h.05Z" }))));

package/dist/Icon/generated/Information.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const Information: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Information.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Information = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Information = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M4.15 12.5a8.35 8.35 0 1 0 8.35-8.35 8.36 8.36 0 0 0-8.35 8.35Zm15 0a6.65 6.65 0 1 1-6.65-6.65 6.66 6.66 0 0 1 6.65 6.65Z" }),
+    react_1.default.createElement("path", { fill: fillColor, d: "M11.31 9.22a1.19 1.19 0 1 0 2.381-.02 1.19 1.19 0 0 0-2.38.02ZM13.48 11.41h-1.96v5.57h1.96v-5.57Z" }))));

package/dist/Icon/generated/InformationFill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const InformationFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/InformationFill.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InformationFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.InformationFill = react_1.default.memo(({ size = 25, fillColor = '#B0BEC5', className, style }) => (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
+    react_1.default.createElement("g", { clipPath: "url(#clip0_565_15490)" },
+        react_1.default.createElement("rect", { x: "25.1826", y: "25", width: "25", height: "25", rx: "12.5", transform: "rotate(-180 25.1826 25)", fill: "white" }),
+        react_1.default.createElement("circle", { cx: "12.6826", cy: "12.5", r: "8.125", transform: "rotate(-180 12.6826 12.5)", fill: fillColor }),
+        react_1.default.createElement("path", { d: "M11.6739 8.82457C11.6755 9.02375 11.7361 9.21797 11.8479 9.38277C11.9598 9.54757 12.118 9.67558 12.3025 9.75064C12.487 9.82571 12.6896 9.84449 12.8848 9.80461C13.08 9.76472 13.2589 9.66797 13.3992 9.52653C13.5395 9.3851 13.6347 9.20531 13.6729 9.00983C13.7112 8.81435 13.6908 8.61191 13.6142 8.42804C13.5376 8.24417 13.4082 8.0871 13.2425 7.97661C13.0768 7.86611 12.882 7.80714 12.6828 7.80713C12.5496 7.80712 12.4177 7.83351 12.2948 7.88474C12.1718 7.93597 12.0602 8.01105 11.9664 8.10564C11.8726 8.20023 11.7984 8.31246 11.7482 8.43585C11.698 8.55925 11.6727 8.69136 11.6739 8.82457Z", fill: "white" }),
+        react_1.default.createElement("path", { d: "M13.5563 16.319L13.5563 11.8006C13.5563 11.3177 13.1648 10.9263 12.682 10.9263C12.1991 10.9263 11.8076 11.3177 11.8076 11.8006L11.8076 16.319C11.8076 16.8018 12.1991 17.1933 12.682 17.1933C13.1648 17.1933 13.5563 16.8018 13.5563 16.319Z", fill: "white" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_565_15490" },
+            react_1.default.createElement("rect", { width: "25", height: "25", fill: "white", transform: "translate(25.1826 25) rotate(-180)" }))))));

package/dist/Icon/generated/Menu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const Menu: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Menu.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Menu = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M5 7.91h15a1 1 0 1 0 0-2H5a1 1 0 0 0 0 2ZM5 13.5h15a1 1 0 1 0 0-2H5a1 1 0 0 0 0 2ZM5 19.06h15a1 1 0 1 0 0-2H5a1 1 0 1 0 0 2Z" }))));

package/dist/Icon/generated/More.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const More: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/More.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.More = void 0;
+const react_1 = __importDefault(require("react"));
+exports.More = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.49 14.37a1.87 1.87 0 1 0 0-3.74 1.87 1.87 0 0 0 0 3.74ZM19.2 14.37a1.87 1.87 0 1 0 0-3.74 1.87 1.87 0 0 0 0 3.74ZM5.79 14.37a1.87 1.87 0 1 0 0-3.74 1.87 1.87 0 0 0 0 3.74Z" }))));

package/dist/Icon/generated/PersonFill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const PersonFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/PersonFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PersonFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.PersonFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, d: "M12.054 11.364a4.682 4.682 0 1 0 0-9.364 4.682 4.682 0 0 0 0 9.364ZM3 19.347c0 3.09 4.241 3.09 9.055 3.09v-9.882C7.158 12.68 3 15.247 3 19.347ZM21.109 19.347c0 3.09-4.24 3.09-9.054 3.09v-9.882c4.896.124 9.054 2.692 9.054 6.792Z" }))));

package/dist/Icon/generated/PlusM.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../types';
+export declare const PlusM: React.NamedExoticComponent<IconProps>;