@activecollab/components 1.0.415 → 2.0.0

package/dist/esm/components/Icons/collection/SearchLarge.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component SearchLargeIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var SearchLargeIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 32,
-    height: 32,
-    viewBox: "0 0 32 32",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "SearchLargeIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z"
-  }));
-});
+const SearchLargeIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 32,
+  height: 32,
+  viewBox: "0 0 32 32",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "SearchLargeIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z"
+})));
 SearchLargeIcon.displayName = "SearchLargeIcon";
-export default SearchLargeIcon;
+var _default = exports.default = SearchLargeIcon;
 //# sourceMappingURL=SearchLarge.js.map

package/dist/esm/components/Icons/collection/SearchLarge.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchLarge.js","names":["React","SearchLargeIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SearchLarge.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SearchLargeIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SearchLargeIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SearchLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={32}\n      height={32}\n      viewBox=\"0 0 32 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SearchLargeIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z\"\n      />\n    </svg>\n  )\n);\nSearchLargeIcon.displayName = \"SearchLargeIcon\";\nexport default SearchLargeIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,eAAe,gBAAGD,KAAK,CAACE,UAAU,CACtC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,iBAAiB;IAC7B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAwS,EAC1S,CACE;AAAA,CACP,CACF;AACDF,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAC/C,eAAeJ,eAAe"}
+{"version":3,"file":"SearchLarge.js","names":["_react","_interopRequireDefault","require","SearchLargeIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/SearchLarge.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SearchLargeIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SearchLargeIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SearchLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={32}\n      height={32}\n      viewBox=\"0 0 32 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SearchLargeIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14 4c5.523 0 10 4.477 10 10 0 2.31-.783 4.436-2.098 6.129.088.04.17.09.248.15l.126.111 5.334 5.334a1.333 1.333 0 01-1.76 1.996l-.126-.11-5.334-5.334a1.332 1.332 0 01-.263-.373A9.953 9.953 0 0114 24C8.477 24 4 19.523 4 14S8.477 4 14 4zm0 2.667a7.333 7.333 0 100 14.666 7.333 7.333 0 000-14.666z\"\n      />\n    </svg>\n  )\n);\nSearchLargeIcon.displayName = \"SearchLargeIcon\";\nexport default SearchLargeIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,iBAAiB;EAC7BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAwS,CAC3S,CACE,CAET,CAAC;AACDjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACjCL,eAAe"}

package/dist/esm/components/Icons/collection/SendBlank.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component SendBlankIcon
  * @description
@@ -20,20 +26,18 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var SendBlankIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 24,
-    height: 24,
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "SendBlankIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z",
-    fillRule: "evenodd"
-  }));
-});
+const SendBlankIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 24,
+  height: 24,
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "SendBlankIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z",
+  fillRule: "evenodd"
+})));
 SendBlankIcon.displayName = "SendBlankIcon";
-export default SendBlankIcon;
+var _default = exports.default = SendBlankIcon;
 //# sourceMappingURL=SendBlank.js.map

package/dist/esm/components/Icons/collection/SendBlank.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendBlank.js","names":["React","SendBlankIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SendBlank.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SendBlankIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SendBlankIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SendBlankIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SendBlankIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSendBlankIcon.displayName = \"SendBlankIcon\";\nexport default SendBlankIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,gBAAGD,KAAK,CAACE,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,qNAAqN;IACvN,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,aAAa,CAACI,WAAW,GAAG,eAAe;AAC3C,eAAeJ,aAAa"}
+{"version":3,"file":"SendBlank.js","names":["_react","_interopRequireDefault","require","SendBlankIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/SendBlank.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SendBlankIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SendBlankIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SendBlankIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SendBlankIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSendBlankIcon.displayName = \"SendBlankIcon\";\nexport default SendBlankIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,KAAK,EAAC,4BAA4B;EAClC,eAAY,eAAe;EAC3BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,CAAC,EAAC,qNAAqN;EACvNC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDf,aAAa,CAACgB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAC7BL,aAAa"}

package/dist/esm/components/Icons/collection/SendFilled.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component SendFilledIcon
  * @description
@@ -20,20 +26,18 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var SendFilledIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 24,
-    height: 24,
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "SendFilledIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z",
-    fillRule: "evenodd"
-  }));
-});
+const SendFilledIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 24,
+  height: 24,
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "SendFilledIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z",
+  fillRule: "evenodd"
+})));
 SendFilledIcon.displayName = "SendFilledIcon";
-export default SendFilledIcon;
+var _default = exports.default = SendFilledIcon;
 //# sourceMappingURL=SendFilled.js.map

package/dist/esm/components/Icons/collection/SendFilled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendFilled.js","names":["React","SendFilledIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SendFilled.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SendFilledIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SendFilledIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SendFilledIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SendFilledIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSendFilledIcon.displayName = \"SendFilledIcon\";\nexport default SendFilledIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,cAAc,gBAAGD,KAAK,CAACE,UAAU,CACrC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,qGAAqG;IACvG,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAC7C,eAAeJ,cAAc"}
+{"version":3,"file":"SendFilled.js","names":["_react","_interopRequireDefault","require","SendFilledIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/SendFilled.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SendFilledIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SendFilledIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SendFilledIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SendFilledIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSendFilledIcon.displayName = \"SendFilledIcon\";\nexport default SendFilledIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,KAAK,EAAC,4BAA4B;EAClC,eAAY,gBAAgB;EAC5BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,CAAC,EAAC,qGAAqG;EACvGC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDf,cAAc,CAACgB,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAC/BL,cAAc"}

package/dist/esm/components/Icons/collection/Settings.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component SettingsIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var SettingsIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "SettingsIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4.14 16H3a1 1 0 000 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3zM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 100 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-1.14c-.45-1.72-2-3-3.86-3zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z",
-    fillRule: "evenodd"
-  }));
-});
+const SettingsIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "SettingsIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M4.14 16H3a1 1 0 000 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3zM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 100 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-1.14c-.45-1.72-2-3-3.86-3zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z",
+  fillRule: "evenodd"
+})));
 SettingsIcon.displayName = "SettingsIcon";
-export default SettingsIcon;
+var _default = exports.default = SettingsIcon;
 //# sourceMappingURL=Settings.js.map

package/dist/esm/components/Icons/collection/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","names":["React","SettingsIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Settings.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SettingsIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SettingsIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SettingsIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SettingsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4.14 16H3a1 1 0 000 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3zM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 100 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-1.14c-.45-1.72-2-3-3.86-3zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSettingsIcon.displayName = \"SettingsIcon\";\nexport default SettingsIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,YAAY,gBAAGD,KAAK,CAACE,UAAU,CACnC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mXAAmX;IACrX,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,YAAY,CAACI,WAAW,GAAG,cAAc;AACzC,eAAeJ,YAAY"}
+{"version":3,"file":"Settings.js","names":["_react","_interopRequireDefault","require","SettingsIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Settings.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SettingsIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SettingsIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SettingsIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SettingsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4.14 16H3a1 1 0 000 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3zM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 100 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-1.14c-.45-1.72-2-3-3.86-3zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSettingsIcon.displayName = \"SettingsIcon\";\nexport default SettingsIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,cAAc;EAC1BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,mXAAmX;EACrXC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,YAAY,CAACiB,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC3BL,YAAY"}

package/dist/esm/components/Icons/collection/Shield.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component ShieldIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ShieldIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "ShieldIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.873 4.063c.084-.01.17-.01.254 0l5.92.741c.563.07.962.584.892 1.147l-1.18 9.442c-.033.272-.175.52-.392.687l-4.741 3.652a1.026 1.026 0 01-1.252 0L6.633 16.08a1.028 1.028 0 01-.393-.687L5.061 5.951a1.027 1.027 0 01.891-1.147l5.92-.74zm.509-2.04a3.076 3.076 0 00-.764 0l-5.92.742a3.082 3.082 0 00-2.674 3.441l1.179 9.442c.102.817.526 1.56 1.178 2.061l4.741 3.652a3.077 3.077 0 003.756 0l4.741-3.652a3.084 3.084 0 001.178-2.061l1.179-9.442a3.082 3.082 0 00-2.674-3.441l-5.92-.741zm3.825 8.684a1 1 0 10-1.414-1.414l-3.71 3.71-1.302-1.628a1 1 0 10-1.562 1.25l1.302 1.627a2 2 0 002.976.165l3.71-3.71z"
-  }));
-});
+const ShieldIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "ShieldIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M11.873 4.063c.084-.01.17-.01.254 0l5.92.741c.563.07.962.584.892 1.147l-1.18 9.442c-.033.272-.175.52-.392.687l-4.741 3.652a1.026 1.026 0 01-1.252 0L6.633 16.08a1.028 1.028 0 01-.393-.687L5.061 5.951a1.027 1.027 0 01.891-1.147l5.92-.74zm.509-2.04a3.076 3.076 0 00-.764 0l-5.92.742a3.082 3.082 0 00-2.674 3.441l1.179 9.442c.102.817.526 1.56 1.178 2.061l4.741 3.652a3.077 3.077 0 003.756 0l4.741-3.652a3.084 3.084 0 001.178-2.061l1.179-9.442a3.082 3.082 0 00-2.674-3.441l-5.92-.741zm3.825 8.684a1 1 0 10-1.414-1.414l-3.71 3.71-1.302-1.628a1 1 0 10-1.562 1.25l1.302 1.627a2 2 0 002.976.165l3.71-3.71z"
+})));
 ShieldIcon.displayName = "ShieldIcon";
-export default ShieldIcon;
+var _default = exports.default = ShieldIcon;
 //# sourceMappingURL=Shield.js.map

package/dist/esm/components/Icons/collection/Shield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shield.js","names":["React","ShieldIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Shield.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ShieldIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <ShieldIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ShieldIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ShieldIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.873 4.063c.084-.01.17-.01.254 0l5.92.741c.563.07.962.584.892 1.147l-1.18 9.442c-.033.272-.175.52-.392.687l-4.741 3.652a1.026 1.026 0 01-1.252 0L6.633 16.08a1.028 1.028 0 01-.393-.687L5.061 5.951a1.027 1.027 0 01.891-1.147l5.92-.74zm.509-2.04a3.076 3.076 0 00-.764 0l-5.92.742a3.082 3.082 0 00-2.674 3.441l1.179 9.442c.102.817.526 1.56 1.178 2.061l4.741 3.652a3.077 3.077 0 003.756 0l4.741-3.652a3.084 3.084 0 001.178-2.061l1.179-9.442a3.082 3.082 0 00-2.674-3.441l-5.92-.741zm3.825 8.684a1 1 0 10-1.414-1.414l-3.71 3.71-1.302-1.628a1 1 0 10-1.562 1.25l1.302 1.627a2 2 0 002.976.165l3.71-3.71z\"\n      />\n    </svg>\n  )\n);\nShieldIcon.displayName = \"ShieldIcon\";\nexport default ShieldIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAslB,EACxlB,CACE;AAAA,CACP,CACF;AACDF,UAAU,CAACI,WAAW,GAAG,YAAY;AACrC,eAAeJ,UAAU"}
+{"version":3,"file":"Shield.js","names":["_react","_interopRequireDefault","require","ShieldIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Shield.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ShieldIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <ShieldIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ShieldIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ShieldIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.873 4.063c.084-.01.17-.01.254 0l5.92.741c.563.07.962.584.892 1.147l-1.18 9.442c-.033.272-.175.52-.392.687l-4.741 3.652a1.026 1.026 0 01-1.252 0L6.633 16.08a1.028 1.028 0 01-.393-.687L5.061 5.951a1.027 1.027 0 01.891-1.147l5.92-.74zm.509-2.04a3.076 3.076 0 00-.764 0l-5.92.742a3.082 3.082 0 00-2.674 3.441l1.179 9.442c.102.817.526 1.56 1.178 2.061l4.741 3.652a3.077 3.077 0 003.756 0l4.741-3.652a3.084 3.084 0 001.178-2.061l1.179-9.442a3.082 3.082 0 00-2.674-3.441l-5.92-.741zm3.825 8.684a1 1 0 10-1.414-1.414l-3.71 3.71-1.302-1.628a1 1 0 10-1.562 1.25l1.302 1.627a2 2 0 002.976.165l3.71-3.71z\"\n      />\n    </svg>\n  )\n);\nShieldIcon.displayName = \"ShieldIcon\";\nexport default ShieldIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,YAAY;EACxBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAslB,CACzlB,CACE,CAET,CAAC;AACDjB,UAAU,CAACkB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACvBL,UAAU"}

package/dist/esm/components/Icons/collection/SmileLarge.js

@@ -1,45 +1,50 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
-var SmileLargeIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 62,
-    height: 62,
-    viewBox: "0 0 62 62",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "var(--color-theme-600)",
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("g", {
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: 31,
-    cy: 31,
-    r: 31
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M31 0c17.12 0 31 13.88 31 31 0 17.12-13.88 31-31 31C13.88 62 0 48.12 0 31c0-.516.013-1.029.038-1.539C.798 44.246 13.026 56 28 56c15.464 0 28-12.536 28-28C56 13.026 44.246.798 29.462.037 29.97.013 30.484 0 31 0z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M31 0c10.09 0 19.055 4.82 24.716 12.285A30.863 30.863 0 0037 6C19.88 6 6 19.88 6 37c0 7.03 2.34 13.514 6.284 18.715C4.821 50.055 0 41.09 0 31 0 13.88 13.88 0 31 0z"
-  }), /*#__PURE__*/React.createElement("circle", {
-    stroke: "#000",
-    strokeWidth: 3,
-    cx: 31,
-    cy: 31,
-    r: 29.5
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M52.494 32c-.266 10.263-8.668 18.5-18.994 18.5S14.772 42.263 14.506 32h37.988z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M50.887 33.5a17.45 17.45 0 01-5.178 10.537A17.443 17.443 0 0133.5 49a17.443 17.443 0 01-12.21-4.963 17.45 17.45 0 01-5.177-10.536h0z",
-    stroke: "#000",
-    strokeWidth: 3
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 26,
-    cy: 24,
-    r: 4
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 44,
-    cy: 24,
-    r: 4
-  })));
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+const SmileLargeIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 62,
+  height: 62,
+  viewBox: "0 0 62 62",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "var(--color-theme-600)",
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("g", {
+  fillRule: "evenodd"
+}, /*#__PURE__*/_react.default.createElement("circle", {
+  cx: 31,
+  cy: 31,
+  r: 31
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M31 0c17.12 0 31 13.88 31 31 0 17.12-13.88 31-31 31C13.88 62 0 48.12 0 31c0-.516.013-1.029.038-1.539C.798 44.246 13.026 56 28 56c15.464 0 28-12.536 28-28C56 13.026 44.246.798 29.462.037 29.97.013 30.484 0 31 0z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M31 0c10.09 0 19.055 4.82 24.716 12.285A30.863 30.863 0 0037 6C19.88 6 6 19.88 6 37c0 7.03 2.34 13.514 6.284 18.715C4.821 50.055 0 41.09 0 31 0 13.88 13.88 0 31 0z"
+}), /*#__PURE__*/_react.default.createElement("circle", {
+  stroke: "#000",
+  strokeWidth: 3,
+  cx: 31,
+  cy: 31,
+  r: 29.5
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M52.494 32c-.266 10.263-8.668 18.5-18.994 18.5S14.772 42.263 14.506 32h37.988z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M50.887 33.5a17.45 17.45 0 01-5.178 10.537A17.443 17.443 0 0133.5 49a17.443 17.443 0 01-12.21-4.963 17.45 17.45 0 01-5.177-10.536h0z",
+  stroke: "#000",
+  strokeWidth: 3
+}), /*#__PURE__*/_react.default.createElement("circle", {
+  cx: 26,
+  cy: 24,
+  r: 4
+}), /*#__PURE__*/_react.default.createElement("circle", {
+  cx: 44,
+  cy: 24,
+  r: 4
+}))));
 SmileLargeIcon.displayName = "SmileLargeIcon";
-export default SmileLargeIcon;
+var _default = exports.default = SmileLargeIcon;
 //# sourceMappingURL=SmileLarge.js.map

package/dist/esm/components/Icons/collection/SmileLarge.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmileLarge.js","names":["React","SmileLargeIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SmileLarge.tsx"],"sourcesContent":["import React from \"react\";\nconst SmileLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\">\n        <circle cx={31} cy={31} r={31} />\n        <path d=\"M31 0c17.12 0 31 13.88 31 31 0 17.12-13.88 31-31 31C13.88 62 0 48.12 0 31c0-.516.013-1.029.038-1.539C.798 44.246 13.026 56 28 56c15.464 0 28-12.536 28-28C56 13.026 44.246.798 29.462.037 29.97.013 30.484 0 31 0z\" />\n        <path d=\"M31 0c10.09 0 19.055 4.82 24.716 12.285A30.863 30.863 0 0037 6C19.88 6 6 19.88 6 37c0 7.03 2.34 13.514 6.284 18.715C4.821 50.055 0 41.09 0 31 0 13.88 13.88 0 31 0z\" />\n        <circle stroke=\"#000\" strokeWidth={3} cx={31} cy={31} r={29.5} />\n        <path d=\"M52.494 32c-.266 10.263-8.668 18.5-18.994 18.5S14.772 42.263 14.506 32h37.988z\" />\n        <path\n          d=\"M50.887 33.5a17.45 17.45 0 01-5.178 10.537A17.443 17.443 0 0133.5 49a17.443 17.443 0 01-12.21-4.963 17.45 17.45 0 01-5.177-10.536h0z\"\n          stroke=\"#000\"\n          strokeWidth={3}\n        />\n        <circle cx={26} cy={24} r={4} />\n        <circle cx={44} cy={24} r={4} />\n      </g>\n    </svg>\n  )\n);\nSmileLargeIcon.displayName = \"SmileLargeIcon\";\nexport default SmileLargeIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,IAAMC,cAAc,gBAAGD,KAAK,CAACE,UAAU,CACrC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,IAAI,EAAC,wBAAwB;IAC7B,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAG,QAAQ,EAAC;EAAS,gBACnB;IAAQ,EAAE,EAAE,EAAG;IAAC,EAAE,EAAE,EAAG;IAAC,CAAC,EAAE;EAAG,EAAG,eACjC;IAAM,CAAC,EAAC;EAAoN,EAAG,eAC/N;IAAM,CAAC,EAAC;EAAqK,EAAG,eAChL;IAAQ,MAAM,EAAC,MAAM;IAAC,WAAW,EAAE,CAAE;IAAC,EAAE,EAAE,EAAG;IAAC,EAAE,EAAE,EAAG;IAAC,CAAC,EAAE;EAAK,EAAG,eACjE;IAAM,CAAC,EAAC;EAAgF,EAAG,eAC3F;IACE,CAAC,EAAC,sIAAsI;IACxI,MAAM,EAAC,MAAM;IACb,WAAW,EAAE;EAAE,EACf,eACF;IAAQ,EAAE,EAAE,EAAG;IAAC,EAAE,EAAE,EAAG;IAAC,CAAC,EAAE;EAAE,EAAG,eAChC;IAAQ,EAAE,EAAE,EAAG;IAAC,EAAE,EAAE,EAAG;IAAC,CAAC,EAAE;EAAE,EAAG,CAC9B,CACA;AAAA,CACP,CACF;AACDF,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAC7C,eAAeJ,cAAc"}
+{"version":3,"file":"SmileLarge.js","names":["_react","_interopRequireDefault","require","SmileLargeIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","ref","fillRule","cx","cy","r","d","stroke","strokeWidth","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/SmileLarge.tsx"],"sourcesContent":["import React from \"react\";\nconst SmileLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\">\n        <circle cx={31} cy={31} r={31} />\n        <path d=\"M31 0c17.12 0 31 13.88 31 31 0 17.12-13.88 31-31 31C13.88 62 0 48.12 0 31c0-.516.013-1.029.038-1.539C.798 44.246 13.026 56 28 56c15.464 0 28-12.536 28-28C56 13.026 44.246.798 29.462.037 29.97.013 30.484 0 31 0z\" />\n        <path d=\"M31 0c10.09 0 19.055 4.82 24.716 12.285A30.863 30.863 0 0037 6C19.88 6 6 19.88 6 37c0 7.03 2.34 13.514 6.284 18.715C4.821 50.055 0 41.09 0 31 0 13.88 13.88 0 31 0z\" />\n        <circle stroke=\"#000\" strokeWidth={3} cx={31} cy={31} r={29.5} />\n        <path d=\"M52.494 32c-.266 10.263-8.668 18.5-18.994 18.5S14.772 42.263 14.506 32h37.988z\" />\n        <path\n          d=\"M50.887 33.5a17.45 17.45 0 01-5.178 10.537A17.443 17.443 0 0133.5 49a17.443 17.443 0 01-12.21-4.963 17.45 17.45 0 01-5.177-10.536h0z\"\n          stroke=\"#000\"\n          strokeWidth={3}\n        />\n        <circle cx={26} cy={24} r={4} />\n        <circle cx={44} cy={24} r={4} />\n      </g>\n    </svg>\n  )\n);\nSmileLargeIcon.displayName = \"SmileLargeIcon\";\nexport default SmileLargeIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,MAAMC,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAGQ,QAAQ,EAAC;AAAS,gBACnBjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAQS,EAAE,EAAE,EAAG;EAACC,EAAE,EAAE,EAAG;EAACC,CAAC,EAAE;AAAG,CAAE,CAAC,eACjCpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMY,CAAC,EAAC;AAAoN,CAAE,CAAC,eAC/NrB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMY,CAAC,EAAC;AAAqK,CAAE,CAAC,eAChLrB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAQa,MAAM,EAAC,MAAM;EAACC,WAAW,EAAE,CAAE;EAACL,EAAE,EAAE,EAAG;EAACC,EAAE,EAAE,EAAG;EAACC,CAAC,EAAE;AAAK,CAAE,CAAC,eACjEpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMY,CAAC,EAAC;AAAgF,CAAE,CAAC,eAC3FrB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEY,CAAC,EAAC,sIAAsI;EACxIC,MAAM,EAAC,MAAM;EACbC,WAAW,EAAE;AAAE,CAChB,CAAC,eACFvB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAQS,EAAE,EAAE,EAAG;EAACC,EAAE,EAAE,EAAG;EAACC,CAAC,EAAE;AAAE,CAAE,CAAC,eAChCpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAQS,EAAE,EAAE,EAAG;EAACC,EAAE,EAAE,EAAG;EAACC,CAAC,EAAE;AAAE,CAAE,CAC9B,CACA,CAET,CAAC;AACDjB,cAAc,CAACqB,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAC/BL,cAAc"}

package/dist/esm/components/Icons/collection/SortGeneral.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component SortGeneralIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var SortGeneralIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "SortGeneralIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z",
-    fillRule: "evenodd"
-  }));
-});
+const SortGeneralIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "SortGeneralIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z",
+  fillRule: "evenodd"
+})));
 SortGeneralIcon.displayName = "SortGeneralIcon";
-export default SortGeneralIcon;
+var _default = exports.default = SortGeneralIcon;
 //# sourceMappingURL=SortGeneral.js.map

package/dist/esm/components/Icons/collection/SortGeneral.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortGeneral.js","names":["React","SortGeneralIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SortGeneral.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SortGeneralIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SortGeneralIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SortGeneralIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SortGeneralIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSortGeneralIcon.displayName = \"SortGeneralIcon\";\nexport default SortGeneralIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,eAAe,gBAAGD,KAAK,CAACE,UAAU,CACtC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,iBAAiB;IAC7B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,oDAAoD;IACtD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAC/C,eAAeJ,eAAe"}
+{"version":3,"file":"SortGeneral.js","names":["_react","_interopRequireDefault","require","SortGeneralIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/SortGeneral.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SortGeneralIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SortGeneralIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SortGeneralIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SortGeneralIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSortGeneralIcon.displayName = \"SortGeneralIcon\";\nexport default SortGeneralIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,iBAAiB;EAC7BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,oDAAoD;EACtDC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,eAAe,CAACiB,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACjCL,eAAe"}

package/dist/esm/components/Icons/collection/SortIcon.js

@@ -1,6 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
 /**
  * @component SortIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var SortIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 10,
-    height: 10,
-    viewBox: "0 0 10 10",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "SortIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z",
-    fillRule: "evenodd"
-  }));
-});
+const SortIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 10,
+  height: 10,
+  viewBox: "0 0 10 10",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "SortIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z",
+  fillRule: "evenodd"
+})));
 SortIcon.displayName = "SortIcon";
-export default SortIcon;
+var _default = exports.default = SortIcon;
 //# sourceMappingURL=SortIcon.js.map

package/dist/esm/components/Icons/collection/SortIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortIcon.js","names":["React","SortIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/SortIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SortIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SortIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SortIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SortIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nSortIcon.displayName = \"SortIcon\";\nexport default SortIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,gBAAGD,KAAK,CAACE,UAAU,CAC/B,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,UAAU;IACtB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC,2CAA2C;IAAC,QAAQ,EAAC;EAAS,EAAG,CACrE;AAAA,CACP,CACF;AACDF,QAAQ,CAACI,WAAW,GAAG,UAAU;AACjC,eAAeJ,QAAQ"}
+{"version":3,"file":"SortIcon.js","names":["_react","_interopRequireDefault","require","SortIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/SortIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component SortIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n *\n * @example\n * return (\n *   <SortIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst SortIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"SortIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nSortIcon.displayName = \"SortIcon\";\nexport default SortIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAC/B,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,UAAU;EACtBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC,2CAA2C;EAACC,QAAQ,EAAC;AAAS,CAAE,CACrE,CAET,CAAC;AACDhB,QAAQ,CAACiB,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACnBL,QAAQ"}