ab-ui-library 1.0.1

package/components/SVGIcons/IconCaretDown.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretDown = function IconCaretDown(_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("path", {
+    d: "M5.25483 10.0731C4.54762 9.2649 5.1216 8 6.19555 8H17.9918C19.0657 8 19.6397 9.2649 18.9325 10.0731L13.4107 16.3838C12.7135 17.1806 11.4739 17.1806 10.7767 16.3838L5.25483 10.0731ZM6.74649 9.5L11.9055 15.396C12.0051 15.5099 12.1822 15.5099 12.2818 15.396L17.4408 9.5H6.74649Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretDown, IconCaretDown as default };

package/components/SVGIcons/IconCaretDownFilled.d.ts

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

package/components/SVGIcons/IconCaretDownFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretDownFilled = function IconCaretDownFilled(_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("path", {
+    d: "M6.19555 8C5.1216 8 4.54762 9.2649 5.25483 10.0731L10.7767 16.3838C11.4739 17.1806 12.7135 17.1806 13.4107 16.3838L18.9325 10.0731C19.6397 9.2649 19.0657 8 17.9918 8H6.19555Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretDownFilled, IconCaretDownFilled as default };

package/components/SVGIcons/IconCaretDownRight.d.ts

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

package/components/SVGIcons/IconCaretDownRight.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretDownRight = function IconCaretDownRight(_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("path", {
+    d: "M16.5937 7.81065L7.9044 16.5H16.3437C16.4818 16.5 16.5937 16.3881 16.5937 16.25V7.81065ZM15.9599 6.32321C16.7473 5.53575 18.0937 6.09347 18.0937 7.2071V16.25C18.0937 17.2165 17.3102 18 16.3437 18H7.30085C6.18721 18 5.62951 16.6536 6.41696 15.8661L15.9599 6.32321Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretDownRight, IconCaretDownRight as default };

package/components/SVGIcons/IconCaretDownRightFilled.d.ts

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

package/components/SVGIcons/IconCaretDownRightFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretDownRightFilled = function IconCaretDownRightFilled(_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("path", {
+    d: "M18.0937 7.2071C18.0937 6.09347 16.7473 5.53575 15.9599 6.32321L6.41696 15.8661C5.62951 16.6536 6.18721 18 7.30085 18H16.3437C17.3102 18 18.0937 17.2165 18.0937 16.25V7.2071Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretDownRightFilled, IconCaretDownRightFilled as default };

package/components/SVGIcons/IconCaretLeft.d.ts

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

package/components/SVGIcons/IconCaretLeft.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretLeft = function IconCaretLeft(_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("path", {
+    d: "M13.0206 18.839C13.8288 19.5462 15.0937 18.9722 15.0937 17.8983L15.0937 6.10204C15.0937 5.02809 13.8288 4.45412 13.0206 5.16132L6.70992 10.6831C5.9131 11.3804 5.9131 12.6199 6.70992 13.3172L13.0206 18.839ZM13.5937 17.3473L7.69768 12.1883C7.58385 12.0887 7.58385 11.9116 7.69768 11.812L13.5937 6.65298L13.5937 17.3473Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretLeft, IconCaretLeft as default };

package/components/SVGIcons/IconCaretLeftFilled.d.ts

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

package/components/SVGIcons/IconCaretLeftFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretLeftFilled = function IconCaretLeftFilled(_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("path", {
+    d: "M15.0937 17.8983C15.0937 18.9722 13.8288 19.5462 13.0206 18.839L6.70992 13.3172C5.9131 12.6199 5.9131 11.3804 6.70992 10.6831L13.0206 5.16132C13.8288 4.45412 15.0937 5.02809 15.0937 6.10204L15.0937 17.8983Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretLeftFilled, IconCaretLeftFilled as default };

package/components/SVGIcons/IconCaretRight.d.ts

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

package/components/SVGIcons/IconCaretRight.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretRight = function IconCaretRight(_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("path", {
+    d: "M11.1669 18.839C10.3586 19.5462 9.09375 18.9722 9.09375 17.8983L9.09375 6.10204C9.09375 5.02809 10.3587 4.45412 11.1669 5.16132L17.4775 10.6831C18.2744 11.3804 18.2744 12.6199 17.4775 13.3172L11.1669 18.839ZM10.5938 17.3473L16.4898 12.1883C16.6036 12.0887 16.6036 11.9116 16.4898 11.812L10.5938 6.65298L10.5938 17.3473Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretRight, IconCaretRight as default };

package/components/SVGIcons/IconCaretRightFilled.d.ts

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

package/components/SVGIcons/IconCaretRightFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretRightFilled = function IconCaretRightFilled(_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("path", {
+    d: "M9.09375 17.8983C9.09375 18.9722 10.3586 19.5462 11.1669 18.839L17.4775 13.3172C18.2744 12.6199 18.2744 11.3804 17.4775 10.6831L11.1669 5.16132C10.3587 4.45412 9.09375 5.02809 9.09375 6.10204V17.8983Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretRightFilled, IconCaretRightFilled as default };

package/components/SVGIcons/IconCaretUp.d.ts

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

package/components/SVGIcons/IconCaretUp.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretUp = function IconCaretUp(_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("path", {
+    d: "M5.25483 14.9083C4.54762 15.7165 5.1216 16.9814 6.19555 16.9814H17.9918C19.0657 16.9814 19.6397 15.7165 18.9325 14.9083L13.4107 8.59765C12.7135 7.80083 11.4739 7.80083 10.7767 8.59765L5.25483 14.9083ZM6.74649 15.4814L11.9055 9.58541C12.0051 9.47158 12.1822 9.47158 12.2818 9.58541L17.4408 15.4814H6.74649Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretUp, IconCaretUp as default };

package/components/SVGIcons/IconCaretUpFilled.d.ts

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

package/components/SVGIcons/IconCaretUpFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconCaretUpFilled = function IconCaretUpFilled(_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("path", {
+    d: "M6.19555 16.9814C5.1216 16.9814 4.54762 15.7165 5.25483 14.9083L10.7767 8.59765C11.4739 7.80083 12.7135 7.80083 13.4107 8.59765L18.9325 14.9083C19.6397 15.7165 19.0657 16.9814 17.9918 16.9814H6.19555Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCaretUpFilled, IconCaretUpFilled as default };

package/components/SVGIcons/IconChat.d.ts

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

package/components/SVGIcons/IconChat.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconChat = function IconChat(_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("path", {
+    d: "M12.4219 2C17.9447 2 22.4219 6.47715 22.4219 12C22.4219 17.5228 17.9447 22 12.4219 22C10.8036 22 9.2397 21.6146 7.83473 20.888L4.00892 21.9553C3.344 22.141 2.65446 21.7525 2.46878 21.0876C2.40734 20.8676 2.40737 20.6349 2.46882 20.4151L3.53649 16.5922C2.80824 15.186 2.42188 13.6203 2.42188 12C2.42188 6.47715 6.89903 2 12.4219 2ZM12.4219 3.5C7.72745 3.5 3.92188 7.30558 3.92188 12C3.92188 13.4696 4.29465 14.8834 4.99491 16.1375L5.14555 16.4072L4.03283 20.3914L8.01943 19.2792L8.28896 19.4295C9.54193 20.1281 10.9541 20.5 12.4219 20.5C17.1163 20.5 20.9219 16.6944 20.9219 12C20.9219 7.30558 17.1163 3.5 12.4219 3.5ZM9.17188 13H13.6701C14.0844 13 14.4201 13.3358 14.4201 13.75C14.4201 14.1297 14.138 14.4435 13.7719 14.4932L13.6701 14.5H9.17188C8.75766 14.5 8.42188 14.1642 8.42188 13.75C8.42188 13.3703 8.70403 13.0565 9.0701 13.0068L9.17188 13H13.6701H9.17188ZM9.17188 9.5H15.6764C16.0906 9.5 16.4264 9.83579 16.4264 10.25C16.4264 10.6297 16.1442 10.9435 15.7781 10.9932L15.6764 11H9.17188C8.75766 11 8.42188 10.6642 8.42188 10.25C8.42188 9.8703 8.70403 9.55651 9.0701 9.50685L9.17188 9.5H15.6764H9.17188Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconChat, IconChat as default };

package/components/SVGIcons/IconChatFilled.d.ts

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

package/components/SVGIcons/IconChatFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconChatFilled = function IconChatFilled(_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("path", {
+    d: "M12.4219 2C17.9447 2 22.4219 6.47715 22.4219 12C22.4219 17.5228 17.9447 22 12.4219 22C10.7814 22 9.19704 21.6039 7.77765 20.8583L3.48726 21.9753C3.03297 22.0937 2.56878 21.8213 2.45045 21.367C2.41386 21.2266 2.41386 21.0791 2.45042 20.9386L3.56677 16.6502C2.81907 15.2294 2.42188 13.6428 2.42188 12C2.42188 6.47715 6.89903 2 12.4219 2ZM13.6736 13H9.17188L9.0701 13.0068C8.70403 13.0565 8.42188 13.3703 8.42188 13.75C8.42188 14.1297 8.70403 14.4435 9.0701 14.4932L9.17188 14.5H13.6736L13.7753 14.4932C14.1414 14.4435 14.4236 14.1297 14.4236 13.75C14.4236 13.3703 14.1414 13.0565 13.7753 13.0068L13.6736 13ZM15.6719 9.5H9.17188L9.0701 9.50685C8.70403 9.55651 8.42188 9.8703 8.42188 10.25C8.42188 10.6297 8.70403 10.9435 9.0701 10.9932L9.17188 11H15.6719L15.7736 10.9932C16.1397 10.9435 16.4219 10.6297 16.4219 10.25C16.4219 9.8703 16.1397 9.55651 15.7736 9.50685L15.6719 9.5Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconChatFilled, IconChatFilled as default };

package/components/SVGIcons/IconChatMultiple.d.ts

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

package/components/SVGIcons/IconChatMultiple.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconChatMultiple = function IconChatMultiple(_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("path", {
+    d: "M10.1553 3C6.01319 3 2.65533 6.35786 2.65533 10.5C2.65533 11.6329 2.907 12.7088 3.35798 13.6734C3.10395 14.6714 2.82013 15.7842 2.63374 16.5147C2.40072 17.428 3.22315 18.2588 4.13749 18.039C4.88771 17.8587 6.04074 17.5819 7.06822 17.337C8.01053 17.7631 9.05616 18 10.1553 18C14.2975 18 17.6553 14.6421 17.6553 10.5C17.6553 6.35786 14.2975 3 10.1553 3ZM4.15533 10.5C4.15533 7.18629 6.84162 4.5 10.1553 4.5C13.469 4.5 16.1553 7.18629 16.1553 10.5C16.1553 13.8137 13.469 16.5 10.1553 16.5C9.19459 16.5 8.28862 16.2748 7.48536 15.8749L7.24195 15.7537L6.97743 15.8167C6.0547 16.0363 4.98864 16.2919 4.18967 16.4838C4.38842 15.7047 4.65159 14.6724 4.87976 13.7757L4.94994 13.4998L4.81943 13.2468C4.3952 12.4246 4.15533 11.4914 4.15533 10.5ZM15.1554 21.0001C13.186 21.0001 11.3939 20.241 10.0557 18.9995C10.0889 18.9999 10.1221 19.0001 10.1554 19.0001C10.8733 19.0001 11.5705 18.911 12.2365 18.7434C13.1004 19.2254 14.0958 19.5001 15.1554 19.5001C16.1161 19.5001 17.0221 19.2748 17.8253 18.8749L18.0687 18.7537L18.3332 18.8167C19.2548 19.0361 20.2983 19.2625 21.0724 19.4262C20.8975 18.6757 20.6587 17.6711 20.4309 16.7757L20.3607 16.4999L20.4913 16.2469C20.9155 15.4247 21.1553 14.4915 21.1553 13.5001C21.1553 11.3853 20.0613 9.52617 18.4084 8.45761C18.23 7.73435 17.959 7.04756 17.6087 6.41052C20.546 7.42684 22.6553 10.2171 22.6553 13.5001C22.6553 14.6332 22.4036 15.7094 21.9524 16.6741C22.2054 17.6821 22.4616 18.774 22.6241 19.4773C22.8286 20.3623 22.0492 21.1633 21.1567 20.9768C20.4296 20.8248 19.2871 20.581 18.2433 20.3367C17.3008 20.763 16.2548 21.0001 15.1554 21.0001Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconChatMultiple, IconChatMultiple as default };

package/components/SVGIcons/IconChatMultipleFilled.d.ts

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

package/components/SVGIcons/IconChatMultipleFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-ecd92d7f.js';
+
+var IconChatMultipleFilled = function IconChatMultipleFilled(_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("path", {
+    d: "M10.0938 3C5.95161 3 2.59375 6.35786 2.59375 10.5C2.59375 11.6335 2.84568 12.71 3.29711 13.6749C2.99499 14.9 2.73329 16.2085 2.61549 16.8173C2.48219 17.5063 3.08109 18.1099 3.76869 17.9875C4.392 17.8765 5.7469 17.6267 7.00518 17.3363C7.94787 17.7628 8.99402 18 10.0938 18C14.2359 18 17.5937 14.6421 17.5937 10.5C17.5937 6.35786 14.2359 3 10.0938 3ZM10.0557 18.9996C11.3939 20.2411 13.186 21.0002 15.1554 21.0002C16.2548 21.0002 17.3008 20.7631 18.2433 20.3368C19.2871 20.5811 20.4296 20.8249 21.1567 20.9769C22.0492 21.1634 22.8286 20.3624 22.6241 19.4775C22.4616 18.7741 22.2054 17.6822 21.9524 16.6742C22.4036 15.7095 22.6553 14.6333 22.6553 13.5002C22.6553 10.2172 20.546 7.42696 17.6087 6.41064C17.959 7.04768 18.23 7.73448 18.4084 8.45773C20.0613 9.52629 21.1553 11.3855 21.1553 13.5002C21.1553 14.4916 20.9155 15.4248 20.4913 16.247L20.3607 16.5L20.4309 16.7758C20.6587 17.6713 20.8975 18.6758 21.0724 19.4264C20.2983 19.2627 19.2548 19.0362 18.3332 18.8168L18.0687 18.7539L17.8253 18.875C17.0221 19.2749 16.1161 19.5002 15.1554 19.5002C14.0958 19.5002 13.1004 19.2255 12.2365 18.7436C11.5705 18.9112 10.8733 19.0002 10.1554 19.0002C10.1221 19.0002 10.0889 19 10.0557 18.9996Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconChatMultipleFilled, IconChatMultipleFilled as default };

package/components/SVGIcons/IconCheckboxArrowRight.d.ts

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

package/components/SVGIcons/IconCheckboxArrowRight.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 IconCheckboxArrowRight = function IconCheckboxArrowRight(_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: "M5.92188 2C4.12695 2 2.67188 3.45507 2.67188 5.25V16.75C2.67188 18.5449 4.12695 20 5.92187 20H12.17C11.9723 19.5258 11.8291 19.0232 11.7483 18.5H5.92187C4.95538 18.5 4.17188 17.7165 4.17188 16.75V5.25C4.17188 4.2835 4.95538 3.5 5.92188 3.5H17.4219C18.3884 3.5 19.1719 4.2835 19.1719 5.25V11.0764C19.6951 11.1572 20.1977 11.3004 20.6719 11.4982V5.25C20.6719 3.45507 19.2168 2 17.4219 2H5.92188ZM16.9519 8.28064C17.245 7.98791 17.2452 7.51304 16.9525 7.21998C16.6598 6.92691 16.1849 6.92664 15.8919 7.21936L9.66845 13.4356L7.45271 11.2197C7.15983 10.9268 6.68495 10.9268 6.39205 11.2196C6.09915 11.5125 6.09913 11.9874 6.39202 12.2803L9.13778 15.0262C9.43055 15.319 9.9052 15.3192 10.1982 15.0266L16.9519 8.28064ZM18.1719 12C21.2094 12 23.6719 14.4624 23.6719 17.5C23.6719 20.5376 21.2094 23 18.1719 23C15.1343 23 12.6719 20.5376 12.6719 17.5C12.6719 14.4624 15.1343 12 18.1719 12ZM15.1719 17C14.8957 17 14.6719 17.2239 14.6719 17.5C14.6719 17.7761 14.8957 18 15.1719 18H19.9648L18.3183 19.6464C18.1231 19.8417 18.1231 20.1583 18.3183 20.3536C18.5136 20.5488 18.8302 20.5488 19.0254 20.3536L21.5254 17.8536C21.7207 17.6583 21.7207 17.3417 21.5254 17.1464L19.0254 14.6464C18.8302 14.4512 18.5136 14.4512 18.3183 14.6464C18.1231 14.8417 18.1231 15.1583 18.3183 15.3536L19.9648 17H15.1719Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconCheckboxArrowRight, IconCheckboxArrowRight as default };

package/components/SVGIcons/IconCheckboxArrowRightFilled.d.ts

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

package/components/SVGIcons/IconCheckboxArrowRightFilled.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 IconCheckboxArrowRightFilled = function IconCheckboxArrowRightFilled(_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: "M5.92188 2C4.12695 2 2.67188 3.45508 2.67188 5.25V16.75C2.67188 18.5449 4.12695 20 5.92188 20H12.17C11.8491 19.2304 11.6719 18.3859 11.6719 17.5C11.6719 13.9101 14.582 11 18.1719 11C19.0578 11 19.9023 11.1772 20.6719 11.4982V5.25C20.6719 3.45507 19.2168 2 17.4219 2H5.92188ZM16.9519 8.28064L10.1982 15.0266C9.9052 15.3192 9.43055 15.319 9.13778 15.0262L6.39202 12.2803C6.09913 11.9874 6.09915 11.5125 6.39205 11.2196C6.68495 10.9268 7.15983 10.9268 7.45271 11.2197L9.66845 13.4356L15.8919 7.21936C16.1849 6.92664 16.6598 6.92691 16.9525 7.21998C17.2452 7.51304 17.245 7.98791 16.9519 8.28064ZM18.1719 12C21.2094 12 23.6719 14.4624 23.6719 17.5C23.6719 20.5376 21.2094 23 18.1719 23C15.1343 23 12.6719 20.5376 12.6719 17.5C12.6719 14.4624 15.1343 12 18.1719 12ZM15.1719 17C14.8957 17 14.6719 17.2239 14.6719 17.5C14.6719 17.7761 14.8957 18 15.1719 18H19.9648L18.3183 19.6464C18.1231 19.8417 18.1231 20.1583 18.3183 20.3536C18.5136 20.5488 18.8302 20.5488 19.0254 20.3536L21.5254 17.8536C21.7207 17.6583 21.7207 17.3417 21.5254 17.1464L19.0254 14.6464C18.8302 14.4512 18.5136 14.4512 18.3183 14.6464C18.1231 14.8417 18.1231 15.1583 18.3183 15.3536L19.9648 17H15.1719Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconCheckboxArrowRightFilled, IconCheckboxArrowRightFilled as default };

package/components/SVGIcons/IconCheckmark.d.ts

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