ab-ui-library 1.0.1

package/components/SVGIcons/IconArrowRightFilled.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 IconArrowRightFilled = function IconArrowRightFilled(_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=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M13.7045 4.28377C13.3111 3.89615 12.678 3.90084 12.2904 4.29424C11.9027 4.68765 11.9074 5.3208 12.3008 5.70842L17.6712 10.9998H4C3.44771 10.9998 3 11.4475 3 11.9998C3 12.5521 3.44772 12.9998 4 12.9998H17.6646L12.3008 18.2847C11.9074 18.6723 11.9027 19.3055 12.2904 19.6989C12.678 20.0923 13.3111 20.097 13.7045 19.7094L20.6287 12.887C21.1256 12.3974 21.1256 11.5958 20.6287 11.1062L13.7045 4.28377Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowRightFilled, IconArrowRightFilled as default };

package/components/SVGIcons/IconArrowSort.d.ts

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

package/components/SVGIcons/IconArrowSort.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 IconArrowSort = function IconArrowSort(_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: "M17.2509 4L17.1491 4.00685C16.783 4.05651 16.5009 4.3703 16.5009 4.75L16.5 17.442L13.2801 14.2244L13.196 14.1518C12.9023 13.9341 12.4856 13.9585 12.2194 14.2248C11.9267 14.5179 11.9269 14.9927 12.2199 15.2855L16.7237 19.7855L16.8078 19.8581C17.1015 20.0758 17.5182 20.0514 17.7843 19.7851L22.2806 15.2851L22.3531 15.2009C22.5709 14.9072 22.5465 14.4905 22.2801 14.2244L22.196 14.1518C21.9023 13.9341 21.4856 13.9585 21.2194 14.2248L18 17.446L18.0009 4.75L17.994 4.64823C17.9444 4.28215 17.6306 4 17.2509 4ZM6.21441 4.21969L1.71965 8.71474L1.64704 8.79886C1.42919 9.09248 1.45341 9.50914 1.71969 9.7754L1.80381 9.84802C2.09743 10.0659 2.51409 10.0416 2.78035 9.77537L5.997 6.55711L5.99766 19.2549L6.00451 19.3567C6.05417 19.7228 6.36797 20.0049 6.74766 20.0049L6.84943 19.9981C7.21551 19.9484 7.49766 19.6346 7.49766 19.2549L7.497 6.55911L10.7199 9.77596L10.8041 9.84849C11.0979 10.066 11.5145 10.0414 11.7805 9.77481C12.0731 9.4816 12.0726 9.00672 11.7794 8.71415L7.27451 4.21909L7.19038 4.14661C6.89676 3.9292 6.48047 3.95361 6.21441 4.21969Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconArrowSort, IconArrowSort as default };

package/components/SVGIcons/IconArrowSortFilled.d.ts

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

package/components/SVGIcons/IconArrowSortFilled.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 IconArrowSortFilled = function IconArrowSortFilled(_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.28829 4.29327L2.29252 8.29327L2.20938 8.38752C1.90456 8.77997 1.93259 9.34719 2.29327 9.70748L2.38752 9.79062C2.77997 10.0954 3.34719 10.0674 3.70748 9.70673L6.001 7.41L6.00101 19.0007L6.00774 19.1173C6.0655 19.6146 6.48817 20.0007 7.00101 20.0007L7.11763 19.9939C7.61497 19.9362 8.00101 19.5135 8.00101 19.0007L8.001 7.417L10.2944 9.70757L10.3886 9.7907C10.7811 10.0955 11.3483 10.0674 11.7086 9.70664C12.0988 9.31586 12.0984 8.6827 11.7077 8.29243L7.70242 4.29243L7.60816 4.20931C7.21571 3.90456 6.64855 3.93262 6.28829 4.29327ZM17 4.00317L16.8834 4.0099C16.386 4.06767 16 4.49034 16 5.00317L16 16.583L13.7068 14.2925L13.6125 14.2094C13.2201 13.9045 12.6529 13.9325 12.2926 14.2932C11.9022 14.6839 11.9025 15.3171 12.2932 15.7074L16.297 19.7074L16.3912 19.7905C16.7837 20.0954 17.3509 20.0674 17.7112 19.7067L21.7074 15.7067L21.7906 15.6125C22.0954 15.22 22.0674 14.6528 21.7068 14.2925L21.6125 14.2094C21.2201 13.9045 20.6529 13.9325 20.2926 14.2932L18 16.587L18 5.00317L17.9933 4.88655C17.9355 4.38921 17.5128 4.00317 17 4.00317Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconArrowSortFilled, IconArrowSortFilled as default };

package/components/SVGIcons/IconArrowSync.d.ts

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

package/components/SVGIcons/IconArrowSync.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 IconArrowSync = function IconArrowSync(_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.2506 5.18011C15.9994 5.50947 16.0627 5.9801 16.3921 6.23128C18.1804 7.59515 19.25 9.70821 19.25 12C19.25 15.736 16.4242 18.812 12.7933 19.2071L13.4697 18.5303C13.7626 18.2374 13.7626 17.7626 13.4697 17.4697C13.2034 17.2034 12.7867 17.1792 12.4931 17.3971L12.409 17.4697L10.409 19.4697C10.1427 19.7359 10.1185 20.1526 10.3364 20.4462L10.409 20.5303L12.409 22.5303C12.7019 22.8232 13.1768 22.8232 13.4697 22.5303C13.7359 22.2641 13.7601 21.8474 13.5423 21.5538L13.4697 21.4697L12.7194 20.7208C17.2154 20.355 20.75 16.5903 20.75 12C20.75 9.23526 19.4582 6.68321 17.3017 5.03856C16.9724 4.78738 16.5017 4.85075 16.2506 5.18011ZM10.5303 1.46967C10.2374 1.76256 10.2374 2.23744 10.5303 2.53033L11.2796 3.27923C6.78409 3.6456 3.25 7.41008 3.25 12C3.25 14.6445 4.43126 17.0974 6.43081 18.7491C6.75016 19.0129 7.22289 18.9679 7.48669 18.6485C7.75048 18.3292 7.70545 17.8564 7.3861 17.5926C5.72793 16.2229 4.75 14.1922 4.75 12C4.75 8.26436 7.57532 5.18861 11.2057 4.79301L10.5303 5.46967C10.2374 5.76256 10.2374 6.23744 10.5303 6.53033C10.8232 6.82322 11.2981 6.82322 11.591 6.53033L13.591 4.53033C13.8839 4.23744 13.8839 3.76256 13.591 3.46967L11.591 1.46967C11.2981 1.17678 10.8232 1.17678 10.5303 1.46967Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconArrowSync, IconArrowSync as default };

package/components/SVGIcons/IconArrowSyncFilled.d.ts

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

package/components/SVGIcons/IconArrowSyncFilled.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 IconArrowSyncFilled = function IconArrowSyncFilled(_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.0518 5.0285C15.7169 5.46765 15.8013 6.09515 16.2405 6.43007C17.9675 7.74714 19 9.78703 19 12C19 15.4973 16.4352 18.3956 13.084 18.9166L13.7929 18.2071C14.1834 17.8166 14.1834 17.1834 13.7929 16.7929C13.4024 16.4024 12.7692 16.4024 12.3787 16.7929L9.87868 19.2929C9.48816 19.6834 9.48816 20.3166 9.87868 20.7071L12.3787 23.2071C12.7692 23.5976 13.4024 23.5976 13.7929 23.2071C14.1834 22.8166 14.1834 22.1834 13.7929 21.7929L12.9497 20.9505C17.4739 20.476 21 16.6498 21 12C21 9.15644 19.6712 6.53122 17.4533 4.83978C17.0142 4.50486 16.3867 4.58936 16.0518 5.0285ZM14.1213 3.29289L11.6213 0.792893C11.2308 0.402369 10.5976 0.402369 10.2071 0.792893C9.84662 1.15338 9.81889 1.72061 10.1239 2.1129L10.2071 2.20711L11.0503 3.04951C6.52615 3.52399 3 7.35021 3 12C3 14.7198 4.21515 17.2432 6.2716 18.9419C6.6974 19.2936 7.32771 19.2335 7.67943 18.8077C8.03116 18.3819 7.97111 17.7516 7.54531 17.3999C5.94404 16.0772 5 14.1168 5 12C5 8.50269 7.56475 5.60441 10.916 5.08343L10.2071 5.79289C9.81658 6.18342 9.81658 6.81658 10.2071 7.20711C10.5676 7.56759 11.1348 7.59532 11.5271 7.2903L11.6213 7.20711L14.1213 4.70711C14.4818 4.34662 14.5095 3.77939 14.2045 3.3871L14.1213 3.29289Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconArrowSyncFilled, IconArrowSyncFilled as default };

package/components/SVGIcons/IconArrowUp.d.ts

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

package/components/SVGIcons/IconArrowUp.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 IconArrowUp = function IconArrowUp(_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: "M4.20938 10.7327C3.92369 11.0326 3.93523 11.5074 4.23516 11.7931C4.53509 12.0787 5.00982 12.0672 5.29551 11.7673L11.25 5.516V20.25C11.25 20.6642 11.5858 21 12 21C12.4142 21 12.75 20.6642 12.75 20.25V5.51565L18.7048 11.7673C18.9905 12.0672 19.4652 12.0787 19.7652 11.7931C20.0651 11.5074 20.0766 11.0326 19.791 10.7327L12.7243 3.31379C12.5632 3.14474 12.3578 3.04477 12.1443 3.01386C12.0976 3.00477 12.0494 3 12 3C11.9503 3 11.9017 3.00483 11.8547 3.01406C11.6417 3.04518 11.4368 3.14509 11.2761 3.31379L4.20938 10.7327Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowUp, IconArrowUp as default };

package/components/SVGIcons/IconArrowUpFilled.d.ts

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

package/components/SVGIcons/IconArrowUpFilled.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 IconArrowUpFilled = function IconArrowUpFilled(_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: "M4.28401 10.2954C3.89639 10.6888 3.90108 11.322 4.29449 11.7096C4.68789 12.0972 5.32104 12.0925 5.70866 11.6991L11 6.32882V19.9999C11 20.5522 11.4477 20.9999 12 20.9999C12.5523 20.9999 13 20.5522 13 19.9999V6.3353L18.2849 11.6991C18.6726 12.0925 19.3057 12.0972 19.6991 11.7096C20.0925 11.322 20.0972 10.6888 19.7096 10.2954L12.8872 3.37122C12.3976 2.87431 11.596 2.87431 11.1064 3.37122L4.28401 10.2954Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowUpFilled, IconArrowUpFilled as default };

package/components/SVGIcons/IconArrowUpLeft.d.ts

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

package/components/SVGIcons/IconArrowUpLeft.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 IconArrowUpLeft = function IconArrowUpLeft(_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 Left, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M13.2456 3C13.6598 3 13.9956 3.33579 13.9956 3.75C13.9956 4.16421 13.6598 4.5 13.2456 4.5H5.5765L20.7763 19.6998C21.0748 19.9983 21.0748 20.4824 20.7763 20.781C20.4777 21.0796 19.9936 21.0796 19.695 20.781L4.49561 5.58158V13.25C4.49561 13.6642 4.15982 14 3.74561 14C3.33139 14 2.99561 13.6642 2.99561 13.25V3.75C2.99561 3.33579 3.33139 3 3.74561 3H13.2456Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowUpLeft, IconArrowUpLeft as default };

package/components/SVGIcons/IconArrowUpLeftFilled.d.ts

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

package/components/SVGIcons/IconArrowUpLeftFilled.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 IconArrowUpLeftFilled = function IconArrowUpLeftFilled(_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 Left, Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M13 3C13.5523 3 14 3.44772 14 4C14 4.55228 13.5523 5 13 5H6.41435L20.7071 19.2928C21.0976 19.6833 21.0976 20.3164 20.7071 20.707C20.3166 21.0975 19.6834 21.0975 19.2929 20.707L5 6.41408V13C5 13.5523 4.55228 14 4 14C3.44772 14 3 13.5523 3 13V4C3 3.44772 3.44772 3 4 3H13Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowUpLeftFilled, IconArrowUpLeftFilled as default };

package/components/SVGIcons/IconArrowUpRight.d.ts

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

package/components/SVGIcons/IconArrowUpRight.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 IconArrowUpRight = function IconArrowUpRight(_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 Right, Size=24, Theme=Regular"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M10.7502 3C10.336 3 10.0002 3.33579 10.0002 3.75C10.0002 4.16421 10.336 4.5 10.7502 4.5H18.4193L3.21954 19.6998C2.92096 19.9983 2.92096 20.4824 3.21954 20.781C3.51811 21.0796 4.0022 21.0796 4.30077 20.781L19.5002 5.58158V13.25C19.5002 13.6642 19.836 14 20.2502 14C20.6644 14 21.0002 13.6642 21.0002 13.25V3.75C21.0002 3.33579 20.6644 3 20.2502 3H10.7502Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowUpRight, IconArrowUpRight as default };

package/components/SVGIcons/IconArrowUpRightFilled.d.ts

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

package/components/SVGIcons/IconArrowUpRightFilled.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 IconArrowUpRightFilled = function IconArrowUpRightFilled(_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 Right, Size=24, Theme=Filled"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Shape",
+    d: "M11 3C10.4477 3 10 3.44772 10 4C10 4.55228 10.4477 5 11 5H17.5857L3.29289 19.2928C2.90237 19.6833 2.90237 20.3164 3.29289 20.707C3.68342 21.0975 4.31658 21.0975 4.70711 20.707L19 6.41408V13C19 13.5523 19.4477 14 20 14C20.5523 14 21 13.5523 21 13V4C21 3.44772 20.5523 3 20 3H11Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconArrowUpRightFilled, IconArrowUpRightFilled as default };

package/components/SVGIcons/IconAttach.d.ts

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

package/components/SVGIcons/IconAttach.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 IconAttach = function IconAttach(_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: "M11.7712 3.74358C14.1127 1.4 17.9117 1.4 20.2548 3.74314C22.5379 6.02621 22.5964 9.69142 20.4304 12.0454L20.2423 12.2427L11.4422 21.0409L11.4057 21.0712C9.94443 22.3879 7.69043 22.3432 6.28306 20.9358C4.96404 19.6168 4.84193 17.5541 5.91671 16.0974C5.94005 16.0521 5.9683 16.0083 6.00152 15.9672L6.05507 15.9075L6.14198 15.8198L6.28306 15.6719L6.28598 15.6748L13.7217 8.22047C13.9876 7.95385 14.4043 7.92909 14.6982 8.14656L14.7824 8.21906C15.049 8.48497 15.0738 8.9016 14.8563 9.19551L14.7838 9.27972L7.18917 16.8928C6.47153 17.7684 6.52141 19.0627 7.33881 19.8801C8.16787 20.7091 9.48752 20.7486 10.3633 19.9985L19.196 11.1681C20.9515 9.41041 20.9515 6.56116 19.1941 4.8038C17.4917 3.10136 14.7646 3.04816 12.9981 4.6442L12.8302 4.8038L12.8176 4.81812L3.28131 14.3544C2.98841 14.6473 2.51354 14.6473 2.22065 14.3544C1.95438 14.0882 1.93017 13.6715 2.14803 13.3779L2.22065 13.2938L11.7695 3.74314L11.7712 3.74358Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconAttach, IconAttach as default };

package/components/SVGIcons/IconAttachFilled.d.ts

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

package/components/SVGIcons/IconAttachFilled.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 IconAttachFilled = function IconAttachFilled(_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: "M15.9999 2C19.3136 2 21.9999 4.68629 21.9999 8C21.9999 9.5373 21.4178 10.9843 20.396 12.0835L20.2061 12.2784L11.479 21.0053L11.4259 21.0548L11.3702 21.0997C10.7009 21.6759 9.84594 22 8.9429 22C6.88779 22 5.22179 20.334 5.22179 18.2789C5.22179 17.3775 5.54481 16.5248 6.11735 15.8574L6.26564 15.6945L6.28072 15.6826L13.5717 8.37879C13.9619 7.98793 14.5951 7.98737 14.986 8.37755C15.3768 8.76774 15.3774 9.4009 14.9872 9.79177L7.69618 17.0956L7.68524 17.1039C7.38894 17.4208 7.22179 17.8354 7.22179 18.2789C7.22179 19.2294 7.99236 20 8.9429 20C9.32185 20 9.67979 19.8781 9.97412 19.6571L10.0962 19.5564L10.097 19.558L18.7994 10.8571L18.958 10.6927C19.6231 9.96299 19.9999 9.0125 19.9999 8C19.9999 5.79086 18.2091 4 15.9999 4C14.9383 4 13.9453 4.4146 13.2048 5.13858L13.0501 5.29842L13.0316 5.31139L3.70629 14.6403C3.31585 15.0309 2.68269 15.031 2.29207 14.6406C1.90146 14.2501 1.90132 13.617 2.29176 13.2264L11.6007 3.91324L11.6473 3.87021C12.7712 2.68577 14.3316 2 15.9999 2Z",
+    fill: "#222222"
+  })));
+};
+
+export { IconAttachFilled, IconAttachFilled as default };

package/components/SVGIcons/IconBeach.d.ts

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

package/components/SVGIcons/IconBeach.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 IconBeach = function IconBeach(_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.35048 5.32144C11.2144 2.09296 15.3427 0.986807 18.5712 2.85077C21.7996 4.71473 22.9058 8.84296 21.0418 12.0714L20.7918 12.5045C20.5847 12.8632 20.126 12.9861 19.7673 12.779L15.2086 10.147L12.8357 14.2995C14.7406 14.525 16.4252 15.5093 17.6787 16.9141C17.1534 16.9994 16.6869 17.2909 16.3793 17.7161C15.2141 16.5078 13.6661 15.7503 12 15.7503C10.3339 15.7503 8.78594 16.5078 7.62074 17.7161C7.31271 17.2903 6.84569 16.9992 6.32132 16.914C7.56154 15.5241 9.22374 14.5459 11.1038 14.3069L13.9095 9.39697L9.375 6.77897C9.01628 6.57186 8.89337 6.11317 9.10048 5.75445L9.35048 5.32144ZM10.7796 5.85786L12.7456 6.99293C13.2797 6.17401 13.8198 5.49998 14.4891 4.89141C15.0146 4.41354 15.6067 3.98805 16.3152 3.56564C14.22 3.10815 11.9869 3.97619 10.7796 5.85786ZM16.5896 9.21228C17.1442 8.21522 17.4101 7.42287 17.5058 6.65729C17.5834 6.03611 17.5534 5.40152 17.4418 4.64661C16.6236 5.10695 16.0124 5.53366 15.4982 6.00122C14.9653 6.48581 14.5165 7.03232 14.0468 7.74416L16.5896 9.21228ZM17.8888 9.96236L19.8627 11.102C20.9059 9.08223 20.5111 6.66785 19.0063 5.08258C19.063 5.68104 19.0673 6.25857 18.9942 6.84334C18.868 7.85306 18.518 8.83567 17.8888 9.96236ZM6.71405 18.6587C6.61104 18.3382 6.30703 18.1256 5.97059 18.1388C5.63415 18.152 5.34774 18.3878 5.27018 18.7154C5.05935 19.606 4.66338 20.0789 4.22869 20.3495C3.76977 20.6351 3.1784 20.7502 2.5 20.7502C2.08579 20.7502 1.75 21.086 1.75 21.5002C1.75 21.9145 2.08579 22.2502 2.5 22.2502C3.3216 22.2502 4.23023 22.1154 5.02131 21.623C5.4339 21.3662 5.79237 21.026 6.08332 20.5943C7.63479 22.4601 10.4928 22.4507 12 20.5653C13.5336 22.4838 16.4661 22.4599 17.9973 20.4942C18.8448 21.6033 20.1675 22.2502 21.5 22.2502C21.9142 22.2502 22.25 21.9145 22.25 21.5002C22.25 21.086 21.9142 20.7502 21.5 20.7502C20.3169 20.7502 19.1155 19.9531 18.7163 18.666C18.6194 18.3535 18.331 18.1399 18.0038 18.1382C17.6766 18.1365 17.3861 18.3472 17.286 18.6587C16.502 21.0984 13.4764 21.0578 12.7115 18.7631C12.6094 18.4568 12.3228 18.2502 12 18.2502C11.6772 18.2502 11.3906 18.4568 11.2885 18.7631C10.5236 21.0578 7.49798 21.0984 6.71405 18.6587Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconBeach, IconBeach as default };

package/components/SVGIcons/IconBeachFilled.d.ts

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

package/components/SVGIcons/IconBeachFilled.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 IconBeachFilled = function IconBeachFilled(_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.5712 2.85077C15.3427 0.986807 11.2144 2.09296 9.35048 5.32144L9.10048 5.75445C8.89337 6.11317 9.01628 6.57186 9.375 6.77897L13.9095 9.39697L11.1038 14.3069C9.22371 14.5459 7.5615 15.5242 6.32127 16.9141C7.05178 17.0327 7.67099 17.5509 7.90411 18.2764C8.13947 19.0089 8.62847 19.232 9.02241 19.2364C9.42476 19.2409 9.88419 19.0232 10.1026 18.3679C10.3749 17.5512 11.1391 17.0003 12 17.0003C12.8609 17.0003 13.6251 17.5512 13.8974 18.3679C14.1158 19.0232 14.5752 19.2409 14.9776 19.2364C15.3715 19.232 15.8605 19.0089 16.0959 18.2764C16.3285 17.5526 16.9464 17.033 17.6788 16.9141C16.4253 15.5093 14.7407 14.525 12.8357 14.2995L15.2086 10.147L19.7673 12.779C20.126 12.9861 20.5847 12.8632 20.7918 12.5045L21.0418 12.0714C22.9058 8.84296 21.7996 4.71473 18.5712 2.85077ZM6.71405 18.6587C6.61104 18.3382 6.30703 18.1256 5.97059 18.1388C5.63415 18.152 5.34774 18.3878 5.27018 18.7154C5.05935 19.606 4.66338 20.0789 4.22869 20.3495C3.76977 20.6351 3.1784 20.7502 2.5 20.7502C2.08579 20.7502 1.75 21.086 1.75 21.5002C1.75 21.9145 2.08579 22.2502 2.5 22.2502C3.3216 22.2502 4.23023 22.1154 5.02131 21.623C5.4339 21.3662 5.79237 21.026 6.08332 20.5943C7.63479 22.4601 10.4928 22.4507 12 20.5653C13.5336 22.4838 16.4661 22.4599 17.9973 20.4942C18.8448 21.6033 20.1675 22.2502 21.5 22.2502C21.9142 22.2502 22.25 21.9145 22.25 21.5002C22.25 21.086 21.9142 20.7502 21.5 20.7502C20.3169 20.7502 19.1155 19.9531 18.7163 18.666C18.6194 18.3535 18.331 18.1399 18.0038 18.1382C17.6766 18.1365 17.3861 18.3472 17.286 18.6587C16.502 21.0984 13.4764 21.0578 12.7115 18.7631C12.6094 18.4568 12.3228 18.2502 12 18.2502C11.6772 18.2502 11.3906 18.4568 11.2885 18.7631C10.5236 21.0578 7.49798 21.0984 6.71405 18.6587Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconBeachFilled, IconBeachFilled as default };

package/components/SVGIcons/IconBed.d.ts

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

package/components/SVGIcons/IconBed.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 IconBed = function IconBed(_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.75 4H17.25C18.7125 4 19.9084 5.1417 19.995 6.58248L20 6.75L20.0006 10.1037C21.0968 10.414 21.9147 11.3872 21.9937 12.5628L22 12.75V20.25C22 20.6642 21.6642 21 21.25 21C20.8703 21 20.5565 20.7178 20.5068 20.3518L20.5 20.25V18H3.5V20.25C3.5 20.6297 3.21785 20.9435 2.85177 20.9932L2.75 21C2.3703 21 2.05651 20.7178 2.00685 20.3518L2 20.25V12.75C2 11.4911 2.84596 10.4297 4.00044 10.1034L4 6.75C4 5.28747 5.1417 4.0916 6.58248 4.00502L6.75 4ZM19.25 11.5H4.75C4.10279 11.5 3.57047 11.9919 3.50645 12.6222L3.5 12.75V16.5H20.5V12.75C20.5 12.1028 20.0081 11.5705 19.3778 11.5065L19.25 11.5ZM17.25 5.5H6.75C6.10279 5.5 5.57047 5.99187 5.50645 6.62219L5.5 6.75V10H7C7 9.44772 7.44772 9 8 9H10C10.5128 9 10.9355 9.38604 10.9933 9.88338L11 10H13C13 9.44772 13.4477 9 14 9H16C16.5128 9 16.9355 9.38604 16.9933 9.88338L17 10H18.5V6.75C18.5 6.10279 18.0081 5.57047 17.3778 5.50645L17.25 5.5Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconBed, IconBed as default };