@activecollab/components 1.0.414 → 2.0.0

package/dist/esm/components/Icons/collection/PersonPlus.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 PersonPlusIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var PersonPlusIcon = /*#__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": "PersonPlusIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
-    fillRule: "evenodd"
-  }));
-});
+const PersonPlusIcon = /*#__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": "PersonPlusIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
+  fillRule: "evenodd"
+})));
 PersonPlusIcon.displayName = "PersonPlusIcon";
-export default PersonPlusIcon;
+var _default = exports.default = PersonPlusIcon;
 //# sourceMappingURL=PersonPlus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PersonPlus.js","names":["React","PersonPlusIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonPlus.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PersonPlusIcon\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 *   <PersonPlusIcon 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 PersonPlusIcon = 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=\"PersonPlusIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonPlusIcon.displayName = \"PersonPlusIcon\";\nexport default PersonPlusIcon;\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,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,ooBAAooB;IACtoB,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAC7C,eAAeJ,cAAc"}
+{"version":3,"file":"PersonPlus.js","names":["_react","_interopRequireDefault","require","PersonPlusIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/PersonPlus.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PersonPlusIcon\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 *   <PersonPlusIcon 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 PersonPlusIcon = 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=\"PersonPlusIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonPlusIcon.displayName = \"PersonPlusIcon\";\nexport default PersonPlusIcon;\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,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,gBAAgB;EAC5BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,ooBAAooB;EACtoBC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,cAAc,CAACiB,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC/BL,cAAc"}

package/dist/esm/components/Icons/collection/Pin.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 PinIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var PinIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    "data-testid": "PinIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M2.585 5.739c-.78.78-.78 2.044 0 2.824l5.367 5.367.77 3.585a.993.993 0 00.705.756 1 1 0 00.98-.256l3.098-3.098 4.79 4.79a.998.998 0 101.412-1.412l-4.79-4.79 3.098-3.098a.99.99 0 00.291-.638.991.991 0 00-.253-.736.994.994 0 00-.545-.312l-3.578-.769-5.367-5.367a1.997 1.997 0 00-2.824 0L2.585 5.739zm12.723 4.552l-1.797-.386a1.997 1.997 0 01-.993-.54L7.151 3.996 3.997 7.151l5.367 5.367c.272.272.46.617.54.993l.387 1.796 5.016-5.016z",
-    clipRule: "evenodd"
-  }));
-});
+const PinIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  "data-testid": "PinIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M2.585 5.739c-.78.78-.78 2.044 0 2.824l5.367 5.367.77 3.585a.993.993 0 00.705.756 1 1 0 00.98-.256l3.098-3.098 4.79 4.79a.998.998 0 101.412-1.412l-4.79-4.79 3.098-3.098a.99.99 0 00.291-.638.991.991 0 00-.253-.736.994.994 0 00-.545-.312l-3.578-.769-5.367-5.367a1.997 1.997 0 00-2.824 0L2.585 5.739zm12.723 4.552l-1.797-.386a1.997 1.997 0 01-.993-.54L7.151 3.996 3.997 7.151l5.367 5.367c.272.272.46.617.54.993l.387 1.796 5.016-5.016z",
+  clipRule: "evenodd"
+})));
 PinIcon.displayName = "PinIcon";
-export default PinIcon;
+var _default = exports.default = PinIcon;
 //# sourceMappingURL=Pin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pin.js","names":["React","PinIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Pin.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PinIcon\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 *   <PinIcon 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 PinIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"PinIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M2.585 5.739c-.78.78-.78 2.044 0 2.824l5.367 5.367.77 3.585a.993.993 0 00.705.756 1 1 0 00.98-.256l3.098-3.098 4.79 4.79a.998.998 0 101.412-1.412l-4.79-4.79 3.098-3.098a.99.99 0 00.291-.638.991.991 0 00-.253-.736.994.994 0 00-.545-.312l-3.578-.769-5.367-5.367a1.997 1.997 0 00-2.824 0L2.585 5.739zm12.723 4.552l-1.797-.386a1.997 1.997 0 01-.993-.54L7.151 3.996 3.997 7.151l5.367 5.367c.272.272.46.617.54.993l.387 1.796 5.016-5.016z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPinIcon.displayName = \"PinIcon\";\nexport default PinIcon;\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,OAAO,gBAAGD,KAAK,CAACE,UAAU,CAC9B,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAC,4BAA4B;IAClC,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,eAAY,SAAS;IACrB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC,ibAAib;IACnb,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,OAAO,CAACI,WAAW,GAAG,SAAS;AAC/B,eAAeJ,OAAO"}
+{"version":3,"file":"Pin.js","names":["_react","_interopRequireDefault","require","PinIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","xmlns","width","height","fill","focusable","ref","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Pin.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PinIcon\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 *   <PinIcon 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 PinIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"PinIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M2.585 5.739c-.78.78-.78 2.044 0 2.824l5.367 5.367.77 3.585a.993.993 0 00.705.756 1 1 0 00.98-.256l3.098-3.098 4.79 4.79a.998.998 0 101.412-1.412l-4.79-4.79 3.098-3.098a.99.99 0 00.291-.638.991.991 0 00-.253-.736.994.994 0 00-.545-.312l-3.578-.769-5.367-5.367a1.997 1.997 0 00-2.824 0L2.585 5.739zm12.723 4.552l-1.797-.386a1.997 1.997 0 01-.993-.54L7.151 3.996 3.997 7.151l5.367 5.367c.272.272.46.617.54.993l.387 1.796 5.016-5.016z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPinIcon.displayName = \"PinIcon\";\nexport default PinIcon;\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,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAC9B,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACX,eAAY,SAAS;EACrBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC,ibAAib;EACnbC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,OAAO,CAACiB,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACjBL,OAAO"}

package/dist/esm/components/Icons/collection/PlayCircleOutline.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 PlayCircleOutlineIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var PlayCircleOutlineIcon = /*#__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": "PlayCircleOutlineIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
-    fillRule: "evenodd"
-  }));
-});
+const PlayCircleOutlineIcon = /*#__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": "PlayCircleOutlineIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
+  fillRule: "evenodd"
+})));
 PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
-export default PlayCircleOutlineIcon;
+var _default = exports.default = PlayCircleOutlineIcon;
 //# sourceMappingURL=PlayCircleOutline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlayCircleOutline.js","names":["React","PlayCircleOutlineIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlayCircleOutlineIcon\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 *   <PlayCircleOutlineIcon 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 PlayCircleOutlineIcon = 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=\"PlayCircleOutlineIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\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,qBAAqB,gBAAGD,KAAK,CAACE,UAAU,CAC5C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,uBAAuB;IACnC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,8HAA8H;IAChI,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,qBAAqB,CAACI,WAAW,GAAG,uBAAuB;AAC3D,eAAeJ,qBAAqB"}
+{"version":3,"file":"PlayCircleOutline.js","names":["_react","_interopRequireDefault","require","PlayCircleOutlineIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlayCircleOutlineIcon\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 *   <PlayCircleOutlineIcon 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 PlayCircleOutlineIcon = 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=\"PlayCircleOutlineIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\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,qBAAqB,gBAAGC,cAAK,CAACC,UAAU,CAC5C,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,uBAAuB;EACnCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,8HAA8H;EAChIC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,qBAAqB,CAACiB,WAAW,GAAG,uBAAuB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC7CL,qBAAqB"}

package/dist/esm/components/Icons/collection/PlayIcon.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 PlayIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var PlayIcon = /*#__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": "PlayIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z",
-    fillRule: "evenodd"
-  }));
-});
+const PlayIcon = /*#__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": "PlayIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z",
+  fillRule: "evenodd"
+})));
 PlayIcon.displayName = "PlayIcon";
-export default PlayIcon;
+var _default = exports.default = PlayIcon;
 //# sourceMappingURL=PlayIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlayIcon.js","names":["React","PlayIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlayIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlayIcon\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 *   <PlayIcon 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 PlayIcon = 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=\"PlayIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayIcon.displayName = \"PlayIcon\";\nexport default PlayIcon;\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;IACE,CAAC,EAAC,kDAAkD;IACpD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,QAAQ,CAACI,WAAW,GAAG,UAAU;AACjC,eAAeJ,QAAQ"}
+{"version":3,"file":"PlayIcon.js","names":["_react","_interopRequireDefault","require","PlayIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/PlayIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlayIcon\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 *   <PlayIcon 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 PlayIcon = 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=\"PlayIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayIcon.displayName = \"PlayIcon\";\nexport default PlayIcon;\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;EACES,CAAC,EAAC,kDAAkD;EACpDC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,QAAQ,CAACiB,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACnBL,QAAQ"}

package/dist/esm/components/Icons/collection/PlaySmall.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 PlaySmallIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var PlaySmallIcon = /*#__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": "PlaySmallIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M9 17V7l8 5z",
-    fillRule: "evenodd"
-  }));
-});
+const PlaySmallIcon = /*#__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": "PlaySmallIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M9 17V7l8 5z",
+  fillRule: "evenodd"
+})));
 PlaySmallIcon.displayName = "PlaySmallIcon";
-export default PlaySmallIcon;
+var _default = exports.default = PlaySmallIcon;
 //# sourceMappingURL=PlaySmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlaySmall.js","names":["React","PlaySmallIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlaySmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlaySmallIcon\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 *   <PlaySmallIcon 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 PlaySmallIcon = 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=\"PlaySmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M9 17V7l8 5z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nPlaySmallIcon.displayName = \"PlaySmallIcon\";\nexport default PlaySmallIcon;\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,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC,cAAc;IAAC,QAAQ,EAAC;EAAS,EAAG,CACxC;AAAA,CACP,CACF;AACDF,aAAa,CAACI,WAAW,GAAG,eAAe;AAC3C,eAAeJ,aAAa"}
+{"version":3,"file":"PlaySmall.js","names":["_react","_interopRequireDefault","require","PlaySmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/PlaySmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlaySmallIcon\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 *   <PlaySmallIcon 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 PlaySmallIcon = 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=\"PlaySmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M9 17V7l8 5z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nPlaySmallIcon.displayName = \"PlaySmallIcon\";\nexport default PlaySmallIcon;\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,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,eAAe;EAC3BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC,cAAc;EAACC,QAAQ,EAAC;AAAS,CAAE,CACxC,CAET,CAAC;AACDhB,aAAa,CAACiB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC7BL,aAAa"}

package/dist/esm/components/Icons/collection/PriorityLow.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 PriorityLowIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var PriorityLowIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    "data-testid": "PriorityLowIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 17.25c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm0-13.5c.748 0 1.363.57 1.432 1.3l.006.169L13 14.75h-2l-.438-9.501a1.439 1.439 0 011.24-1.485l.168-.014H12z"
-  }));
-});
+const PriorityLowIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  "data-testid": "PriorityLowIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M12 17.25c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm0-13.5c.748 0 1.363.57 1.432 1.3l.006.169L13 14.75h-2l-.438-9.501a1.439 1.439 0 011.24-1.485l.168-.014H12z"
+})));
 PriorityLowIcon.displayName = "PriorityLowIcon";
-export default PriorityLowIcon;
+var _default = exports.default = PriorityLowIcon;
 //# sourceMappingURL=PriorityLow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PriorityLow.js","names":["React","PriorityLowIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PriorityLow.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PriorityLowIcon\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 *   <PriorityLowIcon 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 PriorityLowIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"PriorityLowIcon\"\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=\"M12 17.25c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm0-13.5c.748 0 1.363.57 1.432 1.3l.006.169L13 14.75h-2l-.438-9.501a1.439 1.439 0 011.24-1.485l.168-.014H12z\"\n      />\n    </svg>\n  )\n);\nPriorityLowIcon.displayName = \"PriorityLowIcon\";\nexport default PriorityLowIcon;\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,EAAC,4BAA4B;IAClC,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,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;EAA4L,EAC9L,CACE;AAAA,CACP,CACF;AACDF,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAC/C,eAAeJ,eAAe"}
+{"version":3,"file":"PriorityLow.js","names":["_react","_interopRequireDefault","require","PriorityLowIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","xmlns","width","height","fill","focusable","ref","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/PriorityLow.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PriorityLowIcon\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 *   <PriorityLowIcon 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 PriorityLowIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"PriorityLowIcon\"\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=\"M12 17.25c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm0-13.5c.748 0 1.363.57 1.432 1.3l.006.169L13 14.75h-2l-.438-9.501a1.439 1.439 0 011.24-1.485l.168-.014H12z\"\n      />\n    </svg>\n  )\n);\nPriorityLowIcon.displayName = \"PriorityLowIcon\";\nexport default PriorityLowIcon;\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,EAAC,4BAA4B;EAClCC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACX,eAAY,iBAAiB;EAC7BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAA4L,CAC/L,CACE,CAET,CAAC;AACDhB,eAAe,CAACiB,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACjCL,eAAe"}

package/dist/esm/components/Icons/collection/ProjectAdd.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 ProjectAddIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ProjectAddIcon = /*#__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": "ProjectAddIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z",
-    fillRule: "evenodd"
-  }));
-});
+const ProjectAddIcon = /*#__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": "ProjectAddIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z",
+  fillRule: "evenodd"
+})));
 ProjectAddIcon.displayName = "ProjectAddIcon";
-export default ProjectAddIcon;
+var _default = exports.default = ProjectAddIcon;
 //# sourceMappingURL=ProjectAdd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectAdd.js","names":["React","ProjectAddIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectAddIcon\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 *   <ProjectAddIcon 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 ProjectAddIcon = 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=\"ProjectAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectAddIcon.displayName = \"ProjectAddIcon\";\nexport default ProjectAddIcon;\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,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,iRAAiR;IACnR,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAC7C,eAAeJ,cAAc"}
+{"version":3,"file":"ProjectAdd.js","names":["_react","_interopRequireDefault","require","ProjectAddIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ProjectAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectAddIcon\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 *   <ProjectAddIcon 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 ProjectAddIcon = 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=\"ProjectAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectAddIcon.displayName = \"ProjectAddIcon\";\nexport default ProjectAddIcon;\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,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,gBAAgB;EAC5BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,iRAAiR;EACnRC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,cAAc,CAACiB,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC/BL,cAAc"}

package/dist/esm/components/Icons/collection/ProjectSearch.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 ProjectSearchIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ProjectSearchIcon = /*#__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": "ProjectSearchIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17 13a4 4 0 013.446 6.032L22 21l-1 1-1.968-1.554A3.999 3.999 0 1117 13zm-8 0a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2h5zm0 2H4v5h5v-5zm8 0a2 2 0 100 4 2 2 0 000-4zM9 2a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5zM9 4H4v5h5V4zm11 0h-5v5h5V4z"
-  }));
-});
+const ProjectSearchIcon = /*#__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": "ProjectSearchIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M17 13a4 4 0 013.446 6.032L22 21l-1 1-1.968-1.554A3.999 3.999 0 1117 13zm-8 0a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2h5zm0 2H4v5h5v-5zm8 0a2 2 0 100 4 2 2 0 000-4zM9 2a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5zM9 4H4v5h5V4zm11 0h-5v5h5V4z"
+})));
 ProjectSearchIcon.displayName = "ProjectSearchIcon";
-export default ProjectSearchIcon;
+var _default = exports.default = ProjectSearchIcon;
 //# sourceMappingURL=ProjectSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectSearch.js","names":["React","ProjectSearchIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectSearch.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectSearchIcon\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 *   <ProjectSearchIcon 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 ProjectSearchIcon = 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=\"ProjectSearchIcon\"\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=\"M17 13a4 4 0 013.446 6.032L22 21l-1 1-1.968-1.554A3.999 3.999 0 1117 13zm-8 0a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2h5zm0 2H4v5h5v-5zm8 0a2 2 0 100 4 2 2 0 000-4zM9 2a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5zM9 4H4v5h5V4zm11 0h-5v5h5V4z\"\n      />\n    </svg>\n  )\n);\nProjectSearchIcon.displayName = \"ProjectSearchIcon\";\nexport default ProjectSearchIcon;\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,iBAAiB,gBAAGD,KAAK,CAACE,UAAU,CACxC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,mBAAmB;IAC/B,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;EAAkV,EACpV,CACE;AAAA,CACP,CACF;AACDF,iBAAiB,CAACI,WAAW,GAAG,mBAAmB;AACnD,eAAeJ,iBAAiB"}
+{"version":3,"file":"ProjectSearch.js","names":["_react","_interopRequireDefault","require","ProjectSearchIcon","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/ProjectSearch.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectSearchIcon\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 *   <ProjectSearchIcon 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 ProjectSearchIcon = 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=\"ProjectSearchIcon\"\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=\"M17 13a4 4 0 013.446 6.032L22 21l-1 1-1.968-1.554A3.999 3.999 0 1117 13zm-8 0a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2h5zm0 2H4v5h5v-5zm8 0a2 2 0 100 4 2 2 0 000-4zM9 2a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h5zm11 0a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5zM9 4H4v5h5V4zm11 0h-5v5h5V4z\"\n      />\n    </svg>\n  )\n);\nProjectSearchIcon.displayName = \"ProjectSearchIcon\";\nexport default ProjectSearchIcon;\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,iBAAiB,gBAAGC,cAAK,CAACC,UAAU,CACxC,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,mBAAmB;EAC/BC,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;AAAkV,CACrV,CACE,CAET,CAAC;AACDjB,iBAAiB,CAACkB,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACrCL,iBAAiB"}