ab-ui-library 1.0.1

package/components/SVGIcons/IconArrowExportLeftToRight.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowExportLeftToRight = function IconArrowExportLeftToRight(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=LTR, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M2.7525 4.5C3.1322 4.5 3.44594 4.78227 3.49554 5.14836L3.50237 5.25014L3.5 18.2542C3.49992 18.6684 3.16408 19.0041 2.74986 19.0041C2.37017 19.0041 2.05642 18.7218 2.00683 18.3557L2 18.2539L2.00237 5.24986C2.00244 4.83565 2.33829 4.5 2.7525 4.5ZM15.6471 6.30373L15.7197 6.21961C15.986 5.95338 16.4027 5.92921 16.6963 6.1471L16.7804 6.21972L21.777 11.2174C22.0431 11.4835 22.0674 11.8999 21.8498 12.1935L21.7773 12.2776L16.7807 17.2811C16.488 17.5742 16.0131 17.5745 15.72 17.2818C15.4536 17.0157 15.4291 16.5991 15.6467 16.3053L15.7193 16.2211L19.43 12.504L5.75295 12.5049C5.37326 12.5049 5.05946 12.2228 5.0098 11.8567L5.00295 11.7549C5.00295 11.3752 5.28511 11.0615 5.65118 11.0118L5.75295 11.0049L19.443 11.004L15.7196 7.28028C15.4534 7.01398 15.4292 6.59732 15.6471 6.30373L15.7197 6.21961L15.6471 6.30373Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowExportLeftToRight, IconArrowExportLeftToRight as default };

package/components/SVGIcons/IconArrowExportLeftToRightFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowExportLeftToRightFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowExportLeftToRightFilled;

package/components/SVGIcons/IconArrowExportLeftToRightFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowExportLeftToRightFilled = function IconArrowExportLeftToRightFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=LTR, Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M2.75 4.50391C3.1297 4.50391 3.44349 4.78606 3.49315 5.15214L3.5 5.25391V18.7525C3.5 19.1667 3.16421 19.5025 2.75 19.5025C2.3703 19.5025 2.05651 19.2204 2.00685 18.8543L2 18.7525V5.25391C2 4.83969 2.33579 4.50391 2.75 4.50391ZM15.2098 6.38704L15.293 6.29284C15.6535 5.9324 16.2207 5.90473 16.613 6.20979L16.7072 6.29299L21.7038 11.2906C22.064 11.651 22.0919 12.2178 21.7873 12.6101L21.7042 12.7043L16.7076 17.7077C16.3173 18.0985 15.6842 18.099 15.2934 17.7087C14.9326 17.3485 14.9045 16.7813 15.2093 16.3888L15.2924 16.2945L18.581 12.9999L6 13C5.48716 13 5.06449 12.614 5.00673 12.1166L5 12C5 11.4872 5.38604 11.0645 5.88338 11.0068L6 11L18.584 10.9999L15.2928 7.70706C14.9324 7.34654 14.9047 6.7793 15.2098 6.38704L15.293 6.29284L15.2098 6.38704Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowExportLeftToRightFilled, IconArrowExportLeftToRightFilled as default };

package/components/SVGIcons/IconArrowExportRightToLeft.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowExportRightToLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowExportRightToLeft;

package/components/SVGIcons/IconArrowExportRightToLeft.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowExportRightToLeft = function IconArrowExportRightToLeft(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=RTL, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M21.2446 4.5C20.8649 4.5 20.5511 4.78227 20.5015 5.14836L20.4947 5.25014L20.4971 18.2542C20.4971 18.6684 20.833 19.0041 21.2472 19.0041C21.6269 19.0041 21.9406 18.7218 21.9902 18.3557L21.9971 18.2539L21.9947 5.24986C21.9946 4.83565 21.6588 4.5 21.2446 4.5ZM8.34997 6.30373L8.27735 6.21961C8.01105 5.95338 7.59439 5.92921 7.3008 6.1471L7.21669 6.21972L2.22007 11.2174C1.95398 11.4835 1.92968 11.8999 2.14724 12.1935L2.21976 12.2776L7.21638 17.2811C7.50907 17.5742 7.98394 17.5745 8.27704 17.2818C8.54349 17.0157 8.56798 16.5991 8.35032 16.3053L8.27776 16.2211L4.56707 12.504L18.2441 12.5049C18.6238 12.5049 18.9376 12.2228 18.9873 11.8567L18.9941 11.7549C18.9941 11.3752 18.712 11.0615 18.3459 11.0118L18.2441 11.0049L4.55407 11.004L8.27746 7.28028C8.54369 7.01398 8.56786 6.59732 8.34997 6.30373L8.27735 6.21961L8.34997 6.30373Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowExportRightToLeft, IconArrowExportRightToLeft as default };

package/components/SVGIcons/IconArrowExportRightToLeftFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowExportRightToLeftFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowExportRightToLeftFilled;

package/components/SVGIcons/IconArrowExportRightToLeftFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowExportRightToLeftFilled = function IconArrowExportRightToLeftFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=RTL, Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M21.2471 4.50391C20.8674 4.50391 20.5536 4.78606 20.5039 5.15214L20.4971 5.25391V18.7525C20.4971 19.1667 20.8329 19.5025 21.2471 19.5025C21.6268 19.5025 21.9406 19.2204 21.9902 18.8543L21.9971 18.7525V5.25391C21.9971 4.83969 21.6613 4.50391 21.2471 4.50391ZM8.7873 6.38704L8.7041 6.29284C8.34358 5.9324 7.77635 5.90473 7.38409 6.20979L7.28989 6.29299L2.29328 11.2906C1.93303 11.651 1.90516 12.2178 2.20979 12.6101L2.29287 12.7043L7.28948 17.7077C7.67974 18.0985 8.3129 18.099 8.70369 17.7087C9.06442 17.3485 9.09254 16.7813 8.78778 16.3888L8.70466 16.2945L5.41607 12.9999L17.9971 13C18.5099 13 18.9326 12.614 18.9903 12.1166L18.9971 12C18.9971 11.4872 18.611 11.0645 18.1137 11.0068L17.9971 11L5.41307 10.9999L8.70425 7.70706C9.0647 7.34654 9.09237 6.7793 8.7873 6.38704L8.7041 6.29284L8.7873 6.38704Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowExportRightToLeftFilled, IconArrowExportRightToLeftFilled as default };

package/components/SVGIcons/IconArrowExportUp.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowExportUp: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowExportUp;

package/components/SVGIcons/IconArrowExportUp.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowExportUp = function IconArrowExportUp(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=Up, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M12.2803 2.21967C11.9874 1.92678 11.5126 1.92678 11.2197 2.21967L6.21967 7.21967C5.92678 7.51256 5.92678 7.98744 6.21967 8.28033C6.51256 8.57322 6.98744 8.57322 7.28033 8.28033L11 4.56066V18.25C11 18.6642 11.3358 19 11.75 19C12.1642 19 12.5 18.6642 12.5 18.25V4.56066L16.2197 8.28033C16.5126 8.57322 16.9874 8.57322 17.2803 8.28033C17.5732 7.98744 17.5732 7.51256 17.2803 7.21967L12.2803 2.21967ZM5.25 20.5C4.83579 20.5 4.5 20.8358 4.5 21.25C4.5 21.6642 4.83579 22 5.25 22H18.25C18.6642 22 19 21.6642 19 21.25C19 20.8358 18.6642 20.5 18.25 20.5H5.25Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowExportUp, IconArrowExportUp as default };

package/components/SVGIcons/IconArrowExportUpFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowExportUpFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowExportUpFilled;

package/components/SVGIcons/IconArrowExportUpFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowExportUpFilled = function IconArrowExportUpFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=Up, Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M12.7071 2.29289C12.3166 1.90237 11.6834 1.90237 11.2929 2.29289L6.29289 7.29289C5.90237 7.68342 5.90237 8.31658 6.29289 8.70711C6.68342 9.09763 7.31658 9.09763 7.70711 8.70711L11 5.41421V18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18V5.41421L16.2929 8.70711C16.6834 9.09763 17.3166 9.09763 17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L12.7071 2.29289ZM5.25 20.5C4.83579 20.5 4.5 20.8358 4.5 21.25C4.5 21.6642 4.83579 22 5.25 22H18.75C19.1642 22 19.5 21.6642 19.5 21.25C19.5 20.8358 19.1642 20.5 18.75 20.5H5.25Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowExportUpFilled, IconArrowExportUpFilled as default };

package/components/SVGIcons/IconArrowImport.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowImport: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowImport;

package/components/SVGIcons/IconArrowImport.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowImport = function IconArrowImport(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M21.2503 4.5C21.63 4.5 21.9438 4.78215 21.9934 5.14823L22.0003 5.25V18.2541C22.0003 18.6683 21.6645 19.0041 21.2503 19.0041C20.8706 19.0041 20.5568 18.7219 20.5071 18.3558L20.5003 18.2541V5.25C20.5003 4.83579 20.8361 4.5 21.2503 4.5ZM12.6474 6.30373L12.72 6.21961C12.9863 5.95338 13.403 5.92921 13.6966 6.1471L13.7807 6.21972L18.7773 11.2174C19.0434 11.4835 19.0677 11.8999 18.8501 12.1935L18.7776 12.2776L13.781 17.2811C13.4883 17.5742 13.0134 17.5745 12.7203 17.2818C12.4539 17.0157 12.4294 16.5991 12.647 16.3053L12.7196 16.2211L16.4305 12.504L2.75049 12.5049C2.37079 12.5049 2.057 12.2228 2.00733 11.8567L2.00049 11.7549C2.00049 11.3752 2.28264 11.0615 2.64872 11.0118L2.75049 11.0049L16.4435 11.004L12.7199 7.28028C12.4537 7.01398 12.4295 6.59732 12.6474 6.30373L12.72 6.21961L12.6474 6.30373Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowImport, IconArrowImport as default };

package/components/SVGIcons/IconArrowImportFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowImportFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowImportFilled;

package/components/SVGIcons/IconArrowImportFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowImportFilled = function IconArrowImportFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M21.25 4.5C21.6297 4.5 21.9435 4.78215 21.9932 5.14823L22 5.25V18.75C22 19.1642 21.6642 19.5 21.25 19.5C20.8703 19.5 20.5565 19.2178 20.5069 18.8518L20.5 18.75V5.25C20.5 4.83579 20.8358 4.5 21.25 4.5ZM12.2098 6.38702L12.293 6.29282C12.6535 5.93237 13.2207 5.9047 13.613 6.20977L13.7072 6.29297L18.7038 11.2906C19.064 11.6509 19.0919 12.2178 18.7873 12.6101L18.7042 12.7043L13.7076 17.7077C13.3173 18.0985 12.6842 18.0989 12.2934 17.7087C11.9327 17.3484 11.9045 16.7812 12.2093 16.3887L12.2924 16.2945L15.581 13H3C2.48716 13 2.06449 12.614 2.00673 12.1166L2 12C2 11.4872 2.38604 11.0645 2.88338 11.0067L3 11H15.584L12.2928 7.70703C11.9324 7.34651 11.9047 6.77928 12.2098 6.38702L12.293 6.29282L12.2098 6.38702Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowImportFilled, IconArrowImportFilled as default };

package/components/SVGIcons/IconArrowLeft.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowLeft;

package/components/SVGIcons/IconArrowLeft.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowLeft = function IconArrowLeft(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=Left, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M10.7327 19.791C11.0326 20.0766 11.5074 20.0651 11.7931 19.7652C12.0787 19.4652 12.0672 18.9905 11.7673 18.7048L5.51587 12.7502L20.25 12.7502C20.6642 12.7502 21 12.4144 21 12.0002C21 11.586 20.6642 11.2502 20.25 11.2502L5.51577 11.2502L11.7673 5.29551C12.0672 5.00982 12.0787 4.53509 11.7931 4.23516C11.5074 3.93523 11.0326 3.92369 10.7327 4.20938L3.31379 11.2761C3.14486 11.437 3.04491 11.6422 3.01393 11.8556C3.00479 11.9024 3 11.9507 3 12.0002C3 12.0498 3.00481 12.0982 3.01398 12.1451C3.04502 12.3583 3.14496 12.5634 3.31379 12.7243L10.7327 19.791Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowLeft, IconArrowLeft as default };

package/components/SVGIcons/IconArrowLeftFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowLeftFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowLeftFilled;

package/components/SVGIcons/IconArrowLeftFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowLeftFilled = function IconArrowLeftFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=Left, Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M10.2954 19.7162C10.6888 20.1038 11.322 20.0991 11.7096 19.7057C12.0972 19.3123 12.0925 18.6792 11.6991 18.2915L6.32876 13.0001H19.9999C20.5522 13.0001 20.9999 12.5524 20.9999 12.0001C20.9999 11.4479 20.5522 11.0001 19.9999 11.0001H6.33536L11.6991 5.71525C12.0925 5.32763 12.0972 4.69448 11.7096 4.30108C11.322 3.90767 10.6888 3.90298 10.2954 4.29061L3.37122 11.113C2.87431 11.6026 2.87431 12.4042 3.37122 12.8938L10.2954 19.7162Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowLeftFilled, IconArrowLeftFilled as default };

package/components/SVGIcons/IconArrowRepeatAll.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowRepeatAll: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowRepeatAll;

package/components/SVGIcons/IconArrowRepeatAll.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowRepeatAll = function IconArrowRepeatAll(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M14.6102 2.47047L14.5334 2.4031C14.2394 2.17855 13.818 2.20101 13.5495 2.47047L13.4824 2.54755C13.2587 2.84259 13.281 3.26552 13.5495 3.53498L15.521 5.5118H8.5L8.26687 5.51592C4.785 5.63911 2 8.51085 2 12.0354C2 13.7259 2.6407 15.2663 3.6917 16.4252L3.76407 16.4947C3.89496 16.6065 4.06463 16.674 4.25 16.674C4.66421 16.674 5 16.337 5 15.9213C5 15.7481 4.9417 15.5885 4.84373 15.4613L4.64439 15.2306C3.92953 14.3627 3.5 13.2494 3.5 12.0354C3.5 9.26396 5.73858 7.01725 8.5 7.01725H15.381L13.5495 8.85754L13.4824 8.93463C13.2587 9.22967 13.281 9.6526 13.5495 9.92206C13.8424 10.216 14.3173 10.216 14.6102 9.92206L17.7922 6.72852L17.8593 6.65144C18.083 6.3564 18.0606 5.93347 17.7922 5.66401L14.6102 2.47047ZM20.23 7.57108C20.0999 7.46224 19.9326 7.39677 19.75 7.39677C19.3358 7.39677 19 7.73378 19 8.14949C19 8.33618 19.0677 8.507 19.1791 8.63722C19.9992 9.53109 20.5 10.7246 20.5 12.0354C20.5 14.8069 18.2614 17.0536 15.5 17.0536H8.558L10.4634 15.1425L10.5365 15.0573C10.7339 14.7897 10.7319 14.4206 10.5305 14.155L10.4634 14.0779L10.3785 14.0045C10.1119 13.8065 9.74409 13.8085 9.47951 14.0106L9.40271 14.0779L6.22073 17.2715L6.14756 17.3566C5.95023 17.6242 5.95224 17.9934 6.15361 18.2589L6.22073 18.336L9.40271 21.5295L9.48683 21.6024C9.78044 21.8211 10.1971 21.7968 10.4634 21.5295C10.7319 21.2601 10.7542 20.8371 10.5305 20.5421L10.4634 20.465L8.564 18.559H15.5L15.7331 18.5549C19.215 18.4317 22 15.56 22 12.0354C22 10.342 21.3571 8.79923 20.3029 7.63965L20.23 7.57108Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowRepeatAll, IconArrowRepeatAll as default };

package/components/SVGIcons/IconArrowRepeatAllFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowRepeatAllFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowRepeatAllFilled;

package/components/SVGIcons/IconArrowRepeatAllFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowRepeatAllFilled = function IconArrowRepeatAllFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M14.7123 2.28927L14.6251 2.21162C14.2326 1.90101 13.6607 1.92689 13.2981 2.28927L13.2204 2.37643C12.9096 2.76867 12.9355 3.34012 13.2981 3.70249L14.597 4.99947L8.99921 4.99968L8.75859 5.00373C5.00445 5.13047 2 8.21161 2 11.994C2 13.4387 2.43833 14.7811 3.18863 15.8923C3.37024 16.1437 3.666 16.3073 4 16.3073C4.55228 16.3073 5 15.8599 5 15.308C5 15.0919 4.93132 14.8917 4.81525 14.7293L4.68008 14.5112C4.24775 13.772 4 12.9119 4 11.994C4 9.23493 6.23822 6.99828 8.99921 6.99828L14.595 6.99807L13.2981 8.29546L13.2204 8.38262C12.9096 8.77486 12.9355 9.34631 13.2981 9.70868C13.6886 10.0989 14.3218 10.0989 14.7123 9.70868L17.7175 6.70559L17.7952 6.61843C18.106 6.22619 18.0801 5.65474 17.7175 5.29237L14.7123 2.28927ZM20.7865 8.06061C20.6034 7.82799 20.3191 7.6786 20 7.6786C19.4477 7.6786 19 8.126 19 8.6779C19 8.88608 19.0637 9.07939 19.1717 9.2389C19.6952 10.0287 20 10.9757 20 11.994C20 14.753 17.7618 16.9897 15.0008 16.9897L9.415 16.9891L10.7087 15.6977L10.7923 15.603C11.0733 15.2413 11.0713 14.7312 10.7864 14.3716L10.7087 14.2845L10.6139 14.2009C10.252 13.9201 9.7415 13.9221 9.38169 14.2068L9.29447 14.2845L6.28926 17.2876L6.20562 17.3823C5.92465 17.7439 5.92663 18.2541 6.21156 18.6136L6.28926 18.7008L9.29447 21.7039L9.38867 21.787C9.78097 22.0918 10.3482 22.0641 10.7087 21.7039C11.0713 21.3415 11.0972 20.7701 10.7864 20.3778L10.7087 20.2907L9.405 18.9877L15.0008 18.9883L15.2414 18.9842C18.9956 18.8575 22 15.7764 22 11.994C22 10.534 21.5524 9.17858 20.7868 8.05715L20.7865 8.06061Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowRepeatAllFilled, IconArrowRepeatAllFilled as default };

package/components/SVGIcons/IconArrowReset.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowReset: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowReset;

package/components/SVGIcons/IconArrowReset.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowReset = function IconArrowReset(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M6.78033 2.71967C7.07322 3.01256 7.07322 3.48744 6.78033 3.78033L4.56066 6H13.25C17.5302 6 21 9.46979 21 13.75C21 18.0302 17.5302 21.5 13.25 21.5C8.96979 21.5 5.5 18.0302 5.5 13.75C5.5 13.3358 5.83579 13 6.25 13C6.66421 13 7 13.3358 7 13.75C7 17.2018 9.79822 20 13.25 20C16.7018 20 19.5 17.2018 19.5 13.75C19.5 10.2982 16.7018 7.5 13.25 7.5H4.56066L6.78033 9.71967C7.07322 10.0126 7.07322 10.4874 6.78033 10.7803C6.48744 11.0732 6.01256 11.0732 5.71967 10.7803L2.21967 7.28033C1.92678 6.98744 1.92678 6.51256 2.21967 6.21967L5.71967 2.71967C6.01256 2.42678 6.48744 2.42678 6.78033 2.71967Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowReset, IconArrowReset as default };

package/components/SVGIcons/IconArrowResetFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowResetFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowResetFilled;

package/components/SVGIcons/IconArrowResetFilled.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowResetFilled = function IconArrowResetFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M7.20711 2.54289C7.59763 2.93342 7.59763 3.56658 7.20711 3.95711L5.41421 5.75H13.25C17.6683 5.75 21.25 9.33172 21.25 13.75C21.25 18.1683 17.6683 21.75 13.25 21.75C8.83172 21.75 5.25 18.1683 5.25 13.75C5.25 13.1977 5.69772 12.75 6.25 12.75C6.80228 12.75 7.25 13.1977 7.25 13.75C7.25 17.0637 9.93629 19.75 13.25 19.75C16.5637 19.75 19.25 17.0637 19.25 13.75C19.25 10.4363 16.5637 7.75 13.25 7.75H5.41421L7.20711 9.54289C7.59763 9.93342 7.59763 10.5666 7.20711 10.9571C6.81658 11.3476 6.18342 11.3476 5.79289 10.9571L2.29289 7.45711C1.90237 7.06658 1.90237 6.43342 2.29289 6.04289L5.79289 2.54289C6.18342 2.15237 6.81658 2.15237 7.20711 2.54289Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowResetFilled, IconArrowResetFilled as default };

package/components/SVGIcons/IconArrowRight.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowRight: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowRight;

package/components/SVGIcons/IconArrowRight.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconArrowRight = function IconArrowRight(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Direction=Right, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M13.2673 4.20938C12.9674 3.92369 12.4926 3.93523 12.2069 4.23516C11.9213 4.53509 11.9328 5.00982 12.2327 5.29551L18.4841 11.2501H3.75C3.33579 11.2501 3 11.5859 3 12.0001C3 12.4143 3.33579 12.7501 3.75 12.7501H18.4842L12.2327 18.7048C11.9328 18.9905 11.9213 19.4652 12.2069 19.7652C12.4926 20.0651 12.9674 20.0766 13.2673 19.791L20.6862 12.7243C20.8551 12.5634 20.9551 12.3581 20.9861 12.1448C20.9952 12.098 21 12.0496 21 12.0001C21 11.9506 20.9952 11.9021 20.986 11.8552C20.955 11.642 20.855 11.4369 20.6862 11.2761L13.2673 4.20938Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowRight, IconArrowRight as default };

package/components/SVGIcons/IconArrowRightFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowRightFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowRightFilled;