@activecollab/components 1.0.414 → 2.0.0

package/dist/esm/components/Icons/collection/ClockAdd.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 ClockAddIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ClockAddIcon = /*#__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": "ClockAddIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z",
-    fillRule: "evenodd"
-  }));
-});
+const ClockAddIcon = /*#__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": "ClockAddIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z",
+  fillRule: "evenodd"
+})));
 ClockAddIcon.displayName = "ClockAddIcon";
-export default ClockAddIcon;
+var _default = exports.default = ClockAddIcon;
 //# sourceMappingURL=ClockAdd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClockAdd.js","names":["React","ClockAddIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockAddIcon\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 *   <ClockAddIcon 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 ClockAddIcon = 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=\"ClockAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockAddIcon.displayName = \"ClockAddIcon\";\nexport default ClockAddIcon;\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,+JAA+J;IACjK,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,YAAY,CAACI,WAAW,GAAG,cAAc;AACzC,eAAeJ,YAAY"}
+{"version":3,"file":"ClockAdd.js","names":["_react","_interopRequireDefault","require","ClockAddIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ClockAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockAddIcon\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 *   <ClockAddIcon 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 ClockAddIcon = 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=\"ClockAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockAddIcon.displayName = \"ClockAddIcon\";\nexport default ClockAddIcon;\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,+JAA+J;EACjKC,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/ClockSmall.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 ClockSmallIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ClockSmallIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 12,
-    height: 12,
-    viewBox: "0 0 12 12",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "ClockSmallIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z",
-    fillRule: "evenodd"
-  }));
-});
+const ClockSmallIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 12,
+  height: 12,
+  viewBox: "0 0 12 12",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "ClockSmallIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z",
+  fillRule: "evenodd"
+})));
 ClockSmallIcon.displayName = "ClockSmallIcon";
-export default ClockSmallIcon;
+var _default = exports.default = ClockSmallIcon;
 //# sourceMappingURL=ClockSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClockSmall.js","names":["React","ClockSmallIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockSmallIcon\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 *   <ClockSmallIcon 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 ClockSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ClockSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockSmallIcon.displayName = \"ClockSmallIcon\";\nexport default ClockSmallIcon;\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,iGAAiG;IACnG,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAC7C,eAAeJ,cAAc"}
+{"version":3,"file":"ClockSmall.js","names":["_react","_interopRequireDefault","require","ClockSmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ClockSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockSmallIcon\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 *   <ClockSmallIcon 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 ClockSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ClockSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockSmallIcon.displayName = \"ClockSmallIcon\";\nexport default ClockSmallIcon;\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,iGAAiG;EACnGC,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/ClockStopwatch.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 ClockStopwatchIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ClockStopwatchIcon = /*#__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": "ClockStopwatchIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z",
-    fillRule: "evenodd"
-  }));
-});
+const ClockStopwatchIcon = /*#__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": "ClockStopwatchIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z",
+  fillRule: "evenodd"
+})));
 ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
-export default ClockStopwatchIcon;
+var _default = exports.default = ClockStopwatchIcon;
 //# sourceMappingURL=ClockStopwatch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClockStopwatch.js","names":["React","ClockStopwatchIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatch.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockStopwatchIcon\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 *   <ClockStopwatchIcon 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 ClockStopwatchIcon = 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=\"ClockStopwatchIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockStopwatchIcon.displayName = \"ClockStopwatchIcon\";\nexport default ClockStopwatchIcon;\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,kBAAkB,gBAAGD,KAAK,CAACE,UAAU,CACzC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,oBAAoB;IAChC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,0LAA0L;IAC5L,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,kBAAkB,CAACI,WAAW,GAAG,oBAAoB;AACrD,eAAeJ,kBAAkB"}
+{"version":3,"file":"ClockStopwatch.js","names":["_react","_interopRequireDefault","require","ClockStopwatchIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatch.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockStopwatchIcon\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 *   <ClockStopwatchIcon 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 ClockStopwatchIcon = 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=\"ClockStopwatchIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockStopwatchIcon.displayName = \"ClockStopwatchIcon\";\nexport default ClockStopwatchIcon;\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,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CACzC,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,oBAAoB;EAChCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,0LAA0L;EAC5LC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACvCL,kBAAkB"}

package/dist/esm/components/Icons/collection/ClockStopwatchIndicator.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 ClockStopwatchIndicatorIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ClockStopwatchIndicatorIcon = /*#__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": "ClockStopwatchIndicatorIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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-16zm1 2v7h-2V6h2zM19.586.172l4.242 4.242-1.414 1.414-4.242-4.242L19.586.172z"
-  }));
-});
+const ClockStopwatchIndicatorIcon = /*#__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": "ClockStopwatchIndicatorIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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-16zm1 2v7h-2V6h2zM19.586.172l4.242 4.242-1.414 1.414-4.242-4.242L19.586.172z"
+})));
 ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
-export default ClockStopwatchIndicatorIcon;
+var _default = exports.default = ClockStopwatchIndicatorIcon;
 //# sourceMappingURL=ClockStopwatchIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClockStopwatchIndicator.js","names":["React","ClockStopwatchIndicatorIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatchIndicator.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockStopwatchIndicatorIcon\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 *   <ClockStopwatchIndicatorIcon 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 ClockStopwatchIndicatorIcon = 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=\"ClockStopwatchIndicatorIcon\"\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 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-16zm1 2v7h-2V6h2zM19.586.172l4.242 4.242-1.414 1.414-4.242-4.242L19.586.172z\"\n      />\n    </svg>\n  )\n);\nClockStopwatchIndicatorIcon.displayName = \"ClockStopwatchIndicatorIcon\";\nexport default ClockStopwatchIndicatorIcon;\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,2BAA2B,gBAAGD,KAAK,CAACE,UAAU,CAClD,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,6BAA6B;IACzC,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;EAAkL,EACpL,CACE;AAAA,CACP,CACF;AACDF,2BAA2B,CAACI,WAAW,GAAG,6BAA6B;AACvE,eAAeJ,2BAA2B"}
+{"version":3,"file":"ClockStopwatchIndicator.js","names":["_react","_interopRequireDefault","require","ClockStopwatchIndicatorIcon","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/ClockStopwatchIndicator.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockStopwatchIndicatorIcon\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 *   <ClockStopwatchIndicatorIcon 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 ClockStopwatchIndicatorIcon = 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=\"ClockStopwatchIndicatorIcon\"\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 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-16zm1 2v7h-2V6h2zM19.586.172l4.242 4.242-1.414 1.414-4.242-4.242L19.586.172z\"\n      />\n    </svg>\n  )\n);\nClockStopwatchIndicatorIcon.displayName = \"ClockStopwatchIndicatorIcon\";\nexport default ClockStopwatchIndicatorIcon;\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,2BAA2B,gBAAGC,cAAK,CAACC,UAAU,CAClD,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,6BAA6B;EACzCC,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;AAAkL,CACrL,CACE,CAET,CAAC;AACDjB,2BAA2B,CAACkB,WAAW,GAAG,6BAA6B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACzDL,2BAA2B"}

package/dist/esm/components/Icons/collection/ClockStopwatchSmall.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 ClockStopwatchSmallIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ClockStopwatchSmallIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 12,
-    height: 12,
-    viewBox: "0 0 12 12",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "ClockStopwatchSmallIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z",
-    fillRule: "evenodd"
-  }));
-});
+const ClockStopwatchSmallIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 12,
+  height: 12,
+  viewBox: "0 0 12 12",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "ClockStopwatchSmallIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z",
+  fillRule: "evenodd"
+})));
 ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
-export default ClockStopwatchSmallIcon;
+var _default = exports.default = ClockStopwatchSmallIcon;
 //# sourceMappingURL=ClockStopwatchSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClockStopwatchSmall.js","names":["React","ClockStopwatchSmallIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatchSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockStopwatchSmallIcon\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 *   <ClockStopwatchSmallIcon 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 ClockStopwatchSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ClockStopwatchSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockStopwatchSmallIcon.displayName = \"ClockStopwatchSmallIcon\";\nexport default ClockStopwatchSmallIcon;\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,uBAAuB,gBAAGD,KAAK,CAACE,UAAU,CAC9C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,yBAAyB;IACrC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,oJAAoJ;IACtJ,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,uBAAuB,CAACI,WAAW,GAAG,yBAAyB;AAC/D,eAAeJ,uBAAuB"}
+{"version":3,"file":"ClockStopwatchSmall.js","names":["_react","_interopRequireDefault","require","ClockStopwatchSmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatchSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ClockStopwatchSmallIcon\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 *   <ClockStopwatchSmallIcon 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 ClockStopwatchSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ClockStopwatchSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nClockStopwatchSmallIcon.displayName = \"ClockStopwatchSmallIcon\";\nexport default ClockStopwatchSmallIcon;\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,uBAAuB,gBAAGC,cAAK,CAACC,UAAU,CAC9C,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,yBAAyB;EACrCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,oJAAoJ;EACtJC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,uBAAuB,CAACiB,WAAW,GAAG,yBAAyB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACjDL,uBAAuB"}

package/dist/esm/components/Icons/collection/Close.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 CloseIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var CloseIcon = /*#__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": "CloseIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z"
-  }));
-});
+const CloseIcon = /*#__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": "CloseIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z"
+})));
 CloseIcon.displayName = "CloseIcon";
-export default CloseIcon;
+var _default = exports.default = CloseIcon;
 //# sourceMappingURL=Close.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Close.js","names":["React","CloseIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Close.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CloseIcon\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 *   <CloseIcon 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 CloseIcon = 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=\"CloseIcon\"\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=\"M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z\"\n      />\n    </svg>\n  )\n);\nCloseIcon.displayName = \"CloseIcon\";\nexport default CloseIcon;\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,SAAS,gBAAGD,KAAK,CAACE,UAAU,CAChC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,WAAW;IACvB,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;EAA6N,EAC/N,CACE;AAAA,CACP,CACF;AACDF,SAAS,CAACI,WAAW,GAAG,WAAW;AACnC,eAAeJ,SAAS"}
+{"version":3,"file":"Close.js","names":["_react","_interopRequireDefault","require","CloseIcon","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/Close.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CloseIcon\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 *   <CloseIcon 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 CloseIcon = 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=\"CloseIcon\"\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=\"M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z\"\n      />\n    </svg>\n  )\n);\nCloseIcon.displayName = \"CloseIcon\";\nexport default CloseIcon;\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,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAChC,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,WAAW;EACvBC,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;AAA6N,CAChO,CACE,CAET,CAAC;AACDjB,SAAS,CAACkB,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACrBL,SAAS"}

package/dist/esm/components/Icons/collection/CloseSmall.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 CloseSmallIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var CloseSmallIcon = /*#__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": "CloseSmallIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z",
-    fillRule: "evenodd"
-  }));
-});
+const CloseSmallIcon = /*#__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": "CloseSmallIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z",
+  fillRule: "evenodd"
+})));
 CloseSmallIcon.displayName = "CloseSmallIcon";
-export default CloseSmallIcon;
+var _default = exports.default = CloseSmallIcon;
 //# sourceMappingURL=CloseSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CloseSmall.js","names":["React","CloseSmallIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/CloseSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CloseSmallIcon\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 *   <CloseSmallIcon 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 CloseSmallIcon = 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=\"CloseSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nCloseSmallIcon.displayName = \"CloseSmallIcon\";\nexport default CloseSmallIcon;\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,iMAAiM;IACnM,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAC7C,eAAeJ,cAAc"}
+{"version":3,"file":"CloseSmall.js","names":["_react","_interopRequireDefault","require","CloseSmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/CloseSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CloseSmallIcon\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 *   <CloseSmallIcon 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 CloseSmallIcon = 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=\"CloseSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nCloseSmallIcon.displayName = \"CloseSmallIcon\";\nexport default CloseSmallIcon;\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,iMAAiM;EACnMC,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/CollapsIcon.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 CollapsIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var CollapsIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 6,
-    height: 9,
-    viewBox: "0 0 6 9",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "CollapsIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z",
-    fillRule: "evenodd"
-  }));
-});
+const CollapsIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 6,
+  height: 9,
+  viewBox: "0 0 6 9",
+  xmlns: "http://www.w3.org/2000/svg",
+  "data-testid": "CollapsIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z",
+  fillRule: "evenodd"
+})));
 CollapsIcon.displayName = "CollapsIcon";
-export default CollapsIcon;
+var _default = exports.default = CollapsIcon;
 //# sourceMappingURL=CollapsIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsIcon.js","names":["React","CollapsIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/CollapsIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CollapsIcon\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 *   <CollapsIcon 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 CollapsIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={6}\n      height={9}\n      viewBox=\"0 0 6 9\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"CollapsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nCollapsIcon.displayName = \"CollapsIcon\";\nexport default CollapsIcon;\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,WAAW,gBAAGD,KAAK,CAACE,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,CAAE;IACT,MAAM,EAAE,CAAE;IACV,OAAO,EAAC,SAAS;IACjB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,gGAAgG;IAClG,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,WAAW,CAACI,WAAW,GAAG,aAAa;AACvC,eAAeJ,WAAW"}
+{"version":3,"file":"CollapsIcon.js","names":["_react","_interopRequireDefault","require","CollapsIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/CollapsIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component CollapsIcon\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 *   <CollapsIcon 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 CollapsIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={6}\n      height={9}\n      viewBox=\"0 0 6 9\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"CollapsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nCollapsIcon.displayName = \"CollapsIcon\";\nexport default CollapsIcon;\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,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,CAAE;EACTC,MAAM,EAAE,CAAE;EACVC,OAAO,EAAC,SAAS;EACjBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,aAAa;EACzBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,gGAAgG;EAClGC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,WAAW,CAACiB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACzBL,WAAW"}

package/dist/esm/components/Icons/collection/CollapseAll.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 CollapseAllIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var CollapseAllIcon = /*#__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": "CollapseAllIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12 15l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM12 14a2 2 0 100-4 2 2 0 000 4z",
-    fillRule: "nonzero"
-  }));
-});
+const CollapseAllIcon = /*#__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": "CollapseAllIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M12 15l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM12 14a2 2 0 100-4 2 2 0 000 4z",
+  fillRule: "nonzero"
+})));
 CollapseAllIcon.displayName = "CollapseAllIcon";
-export default CollapseAllIcon;
+var _default = exports.default = CollapseAllIcon;
 //# sourceMappingURL=CollapseAll.js.map