@activecollab/components 1.0.414 → 2.0.0

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

@@ -1,31 +1,36 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
-var ApplauseLargeIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 62,
-    height: 62,
-    viewBox: "0 0 62 62",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "var(--color-theme-600)",
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("g", {
-    fillRule: "evenodd",
-    strokeWidth: 3
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z",
-    stroke: "#000"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M27.521 25.76L12.017 12.29s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L20.39 33.989 9.372 25.253s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L21.08 6.362s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L27.521 25.76z",
-    stroke: "#000"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z",
-    stroke: "#000"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#29ABE2",
-    strokeLinecap: "round",
-    d: "M46 1.5V5M52.702 7.048l4.596-4.596M39.298 7.048l-4.596-4.596"
-  })));
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+const ApplauseLargeIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 62,
+  height: 62,
+  viewBox: "0 0 62 62",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "var(--color-theme-600)",
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("g", {
+  fillRule: "evenodd",
+  strokeWidth: 3
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z",
+  stroke: "#000"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M27.521 25.76L12.017 12.29s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L20.39 33.989 9.372 25.253s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L21.08 6.362s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L27.521 25.76z",
+  stroke: "#000"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z",
+  stroke: "#000"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  stroke: "#29ABE2",
+  strokeLinecap: "round",
+  d: "M46 1.5V5M52.702 7.048l4.596-4.596M39.298 7.048l-4.596-4.596"
+}))));
 ApplauseLargeIcon.displayName = "ApplauseLargeIcon";
-export default ApplauseLargeIcon;
+var _default = exports.default = ApplauseLargeIcon;
 //# sourceMappingURL=ApplauseLarge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplauseLarge.js","names":["React","ApplauseLargeIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ApplauseLarge.tsx"],"sourcesContent":["import React from \"react\";\nconst ApplauseLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\" strokeWidth={3}>\n        <path\n          d=\"M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z\"\n          stroke=\"#000\"\n        />\n        <path\n          d=\"M27.521 25.76L12.017 12.29s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L20.39 33.989 9.372 25.253s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L21.08 6.362s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L27.521 25.76z\"\n          stroke=\"#000\"\n        />\n        <path\n          d=\"M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z\"\n          stroke=\"#000\"\n        />\n        <path\n          stroke=\"#29ABE2\"\n          strokeLinecap=\"round\"\n          d=\"M46 1.5V5M52.702 7.048l4.596-4.596M39.298 7.048l-4.596-4.596\"\n        />\n      </g>\n    </svg>\n  )\n);\nApplauseLargeIcon.displayName = \"ApplauseLargeIcon\";\nexport default ApplauseLargeIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,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,IAAI,EAAC,wBAAwB;IAC7B,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAG,QAAQ,EAAC,SAAS;IAAC,WAAW,EAAE;EAAE,gBACnC;IACE,CAAC,EAAC,mYAAmY;IACrY,MAAM,EAAC;EAAM,EACb,eACF;IACE,CAAC,EAAC,iYAAiY;IACnY,MAAM,EAAC;EAAM,EACb,eACF;IACE,CAAC,EAAC,mYAAmY;IACrY,MAAM,EAAC;EAAM,EACb,eACF;IACE,MAAM,EAAC,SAAS;IAChB,aAAa,EAAC,OAAO;IACrB,CAAC,EAAC;EAA8D,EAChE,CACA,CACA;AAAA,CACP,CACF;AACDF,iBAAiB,CAACI,WAAW,GAAG,mBAAmB;AACnD,eAAeJ,iBAAiB"}
+{"version":3,"file":"ApplauseLarge.js","names":["_react","_interopRequireDefault","require","ApplauseLargeIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","ref","fillRule","strokeWidth","d","stroke","strokeLinecap","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ApplauseLarge.tsx"],"sourcesContent":["import React from \"react\";\nconst ApplauseLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\" strokeWidth={3}>\n        <path\n          d=\"M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z\"\n          stroke=\"#000\"\n        />\n        <path\n          d=\"M27.521 25.76L12.017 12.29s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L20.39 33.989 9.372 25.253s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L21.08 6.362s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L27.521 25.76z\"\n          stroke=\"#000\"\n        />\n        <path\n          d=\"M36.521 33.36L21.017 19.89s-4.163-3.467-8.087.738c-.87.932-1.273 1.925-1.5 2.794-.534 2.04.323 4.195 1.976 5.504L29.39 41.589l-11.017-8.736s-2.865-2.262-5.867.757c-2.43 2.445-3.307 5.34 1.181 9.18l15.85 13.317s17.024 11.96 28.228-3.686c6.03-8.42.542-7.998 2-30.124 0 0-.04-5-5.416-5-5.375 0-4.584 12.5-4.584 12.5L30.08 13.962s-4.058-3.29-7.086 0c-3.74 4.062.4 7.85.4 7.85L36.521 33.36z\"\n          stroke=\"#000\"\n        />\n        <path\n          stroke=\"#29ABE2\"\n          strokeLinecap=\"round\"\n          d=\"M46 1.5V5M52.702 7.048l4.596-4.596M39.298 7.048l-4.596-4.596\"\n        />\n      </g>\n    </svg>\n  )\n);\nApplauseLargeIcon.displayName = \"ApplauseLargeIcon\";\nexport default ApplauseLargeIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;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;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAGQ,QAAQ,EAAC,SAAS;EAACC,WAAW,EAAE;AAAE,gBACnClB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEU,CAAC,EAAC,mYAAmY;EACrYC,MAAM,EAAC;AAAM,CACd,CAAC,eACFpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEU,CAAC,EAAC,iYAAiY;EACnYC,MAAM,EAAC;AAAM,CACd,CAAC,eACFpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEU,CAAC,EAAC,mYAAmY;EACrYC,MAAM,EAAC;AAAM,CACd,CAAC,eACFpB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEW,MAAM,EAAC,SAAS;EAChBC,aAAa,EAAC,OAAO;EACrBF,CAAC,EAAC;AAA8D,CACjE,CACA,CACA,CAET,CAAC;AACDhB,iBAAiB,CAACmB,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GACrCL,iBAAiB"}

package/dist/esm/components/Icons/collection/Archive.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 ArchiveIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ArchiveIcon = /*#__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": "ArchiveIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z"
-  }));
-});
+const ArchiveIcon = /*#__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": "ArchiveIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z"
+})));
 ArchiveIcon.displayName = "ArchiveIcon";
-export default ArchiveIcon;
+var _default = exports.default = ArchiveIcon;
 //# sourceMappingURL=Archive.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Archive.js","names":["React","ArchiveIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Archive.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArchiveIcon\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 *   <ArchiveIcon 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 ArchiveIcon = 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=\"ArchiveIcon\"\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=\"M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z\"\n      />\n    </svg>\n  )\n);\nArchiveIcon.displayName = \"ArchiveIcon\";\nexport default ArchiveIcon;\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,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,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;EAA8I,EAChJ,CACE;AAAA,CACP,CACF;AACDF,WAAW,CAACI,WAAW,GAAG,aAAa;AACvC,eAAeJ,WAAW"}
+{"version":3,"file":"Archive.js","names":["_react","_interopRequireDefault","require","ArchiveIcon","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/Archive.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArchiveIcon\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 *   <ArchiveIcon 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 ArchiveIcon = 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=\"ArchiveIcon\"\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=\"M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z\"\n      />\n    </svg>\n  )\n);\nArchiveIcon.displayName = \"ArchiveIcon\";\nexport default ArchiveIcon;\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,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,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,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAA8I,CACjJ,CACE,CAET,CAAC;AACDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACzBL,WAAW"}

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

@@ -1,18 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
-var ArrowBackIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 7,
-    height: 13,
-    viewBox: "0 0 7 13",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "var(--color-theme-600)",
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z",
-    fillRule: "nonzero"
-  }));
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+const ArrowBackIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: 7,
+  height: 13,
+  viewBox: "0 0 7 13",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "var(--color-theme-600)",
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z",
+  fillRule: "nonzero"
+})));
 ArrowBackIcon.displayName = "ArrowBackIcon";
-export default ArrowBackIcon;
+var _default = exports.default = ArrowBackIcon;
 //# sourceMappingURL=ArrowBack.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowBack.js","names":["React","ArrowBackIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowBack.tsx"],"sourcesContent":["import React from \"react\";\nconst ArrowBackIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={7}\n      height={13}\n      viewBox=\"0 0 7 13\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nArrowBackIcon.displayName = \"ArrowBackIcon\";\nexport default ArrowBackIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,IAAMC,aAAa,gBAAGD,KAAK,CAACE,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,CAAE;IACT,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,UAAU;IAClB,KAAK,EAAC,4BAA4B;IAClC,IAAI,EAAC,wBAAwB;IAC7B,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,+CAA+C;IACjD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,aAAa,CAACI,WAAW,GAAG,eAAe;AAC3C,eAAeJ,aAAa"}
+{"version":3,"file":"ArrowBack.js","names":["_react","_interopRequireDefault","require","ArrowBackIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowBack.tsx"],"sourcesContent":["import React from \"react\";\nconst ArrowBackIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={7}\n      height={13}\n      viewBox=\"0 0 7 13\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M1.839 6.425l4.586-4.586V.425l-6 6 6 6V11.01z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nArrowBackIcon.displayName = \"ArrowBackIcon\";\nexport default ArrowBackIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;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,CAAE;EACTC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,UAAU;EAClBC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,CAAC,EAAC,+CAA+C;EACjDC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDf,aAAa,CAACgB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAC7BL,aAAa"}

package/dist/esm/components/Icons/collection/ArrowBackMobile.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 ArrowBackMobileIcon
  * @description
@@ -20,22 +26,20 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ArrowBackMobileIcon = /*#__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": "ArrowBackMobileIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.293 4.222a1 1 0 011.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 01.078 1.327l-.078.087a1 1 0 01-1.327.078l-.087-.078-7.071-7.07a1 1 0 01-.078-1.328l.078-.087 7.07-7.071z"
-  }));
-});
+const ArrowBackMobileIcon = /*#__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": "ArrowBackMobileIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M14.293 4.222a1 1 0 011.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 01.078 1.327l-.078.087a1 1 0 01-1.327.078l-.087-.078-7.071-7.07a1 1 0 01-.078-1.328l.078-.087 7.07-7.071z"
+})));
 ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
-export default ArrowBackMobileIcon;
+var _default = exports.default = ArrowBackMobileIcon;
 //# sourceMappingURL=ArrowBackMobile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowBackMobile.js","names":["React","ArrowBackMobileIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowBackMobile.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowBackMobileIcon\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 *   <ArrowBackMobileIcon 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 ArrowBackMobileIcon = 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=\"ArrowBackMobileIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.293 4.222a1 1 0 011.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 01.078 1.327l-.078.087a1 1 0 01-1.327.078l-.087-.078-7.071-7.07a1 1 0 01-.078-1.328l.078-.087 7.07-7.071z\"\n      />\n    </svg>\n  )\n);\nArrowBackMobileIcon.displayName = \"ArrowBackMobileIcon\";\nexport default ArrowBackMobileIcon;\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,mBAAmB,gBAAGD,KAAK,CAACE,UAAU,CAC1C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjC,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,mBAAmB,CAACI,WAAW,GAAG,qBAAqB;AACvD,eAAeJ,mBAAmB"}
+{"version":3,"file":"ArrowBackMobile.js","names":["_react","_interopRequireDefault","require","ArrowBackMobileIcon","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/ArrowBackMobile.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowBackMobileIcon\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 *   <ArrowBackMobileIcon 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 ArrowBackMobileIcon = 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=\"ArrowBackMobileIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.293 4.222a1 1 0 011.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 01.078 1.327l-.078.087a1 1 0 01-1.327.078l-.087-.078-7.071-7.07a1 1 0 01-.078-1.328l.078-.087 7.07-7.071z\"\n      />\n    </svg>\n  )\n);\nArrowBackMobileIcon.displayName = \"ArrowBackMobileIcon\";\nexport default ArrowBackMobileIcon;\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,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,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,qBAAqB;EACjCC,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,mBAAmB,CAACkB,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACzCL,mBAAmB"}

package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.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 ArrowCollapseMultipleIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ArrowCollapseMultipleIcon = /*#__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": "ArrowCollapseMultipleIcon",
-    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.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 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 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",
-    fillRule: "evenodd"
-  }));
-});
+const ArrowCollapseMultipleIcon = /*#__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": "ArrowCollapseMultipleIcon",
+  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.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 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 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",
+  fillRule: "evenodd"
+})));
 ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
-export default ArrowCollapseMultipleIcon;
+var _default = exports.default = ArrowCollapseMultipleIcon;
 //# sourceMappingURL=ArrowCollapseMultiple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowCollapseMultiple.js","names":["React","ArrowCollapseMultipleIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowCollapseMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowCollapseMultipleIcon\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 *   <ArrowCollapseMultipleIcon 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 ArrowCollapseMultipleIcon = 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=\"ArrowCollapseMultipleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 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 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowCollapseMultipleIcon.displayName = \"ArrowCollapseMultipleIcon\";\nexport default ArrowCollapseMultipleIcon;\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,yBAAyB,gBAAGD,KAAK,CAACE,UAAU,CAChD,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,2BAA2B;IACvC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,oUAAoU;IACtU,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,yBAAyB,CAACI,WAAW,GAAG,2BAA2B;AACnE,eAAeJ,yBAAyB"}
+{"version":3,"file":"ArrowCollapseMultiple.js","names":["_react","_interopRequireDefault","require","ArrowCollapseMultipleIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowCollapseMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowCollapseMultipleIcon\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 *   <ArrowCollapseMultipleIcon 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 ArrowCollapseMultipleIcon = 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=\"ArrowCollapseMultipleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 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 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowCollapseMultipleIcon.displayName = \"ArrowCollapseMultipleIcon\";\nexport default ArrowCollapseMultipleIcon;\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,yBAAyB,gBAAGC,cAAK,CAACC,UAAU,CAChD,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,2BAA2B;EACvCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,oUAAoU;EACtUC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,yBAAyB,CAACiB,WAAW,GAAG,2BAA2B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACrDL,yBAAyB"}

package/dist/esm/components/Icons/collection/ArrowDown.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 ArrowDownIcon
  * @description
@@ -20,20 +26,18 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ArrowDownIcon = /*#__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": "ArrowDownIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z"
-  }));
-});
+const ArrowDownIcon = /*#__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": "ArrowDownIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z"
+})));
 ArrowDownIcon.displayName = "ArrowDownIcon";
-export default ArrowDownIcon;
+var _default = exports.default = ArrowDownIcon;
 //# sourceMappingURL=ArrowDown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowDown.js","names":["React","ArrowDownIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDown.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownIcon\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 *   <ArrowDownIcon 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 ArrowDownIcon = 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=\"ArrowDownIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z\"\n      />\n    </svg>\n  )\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\nexport default ArrowDownIcon;\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,EAAC,4BAA4B;IAClC,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA4I,EAC9I,CACE;AAAA,CACP,CACF;AACDF,aAAa,CAACI,WAAW,GAAG,eAAe;AAC3C,eAAeJ,aAAa"}
+{"version":3,"file":"ArrowDown.js","names":["_react","_interopRequireDefault","require","ArrowDownIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","xmlns","width","height","fill","focusable","ref","fillRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowDown.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownIcon\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 *   <ArrowDownIcon 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 ArrowDownIcon = 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=\"ArrowDownIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z\"\n      />\n    </svg>\n  )\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\nexport default ArrowDownIcon;\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,EAAC,4BAA4B;EAClCC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACX,eAAY,eAAe;EAC3BC,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;AAA4I,CAC/I,CACE,CAET,CAAC;AACDf,aAAa,CAACgB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAC7BL,aAAa"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownLong.js","names":["React","ArrowDownLongIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDownLong.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownLongIcon\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 *   <ArrowDownLongIcon 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 ArrowDownLongIcon = 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=\"ArrowDownLongIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M13 5v9h4l-5 5-5-5h4V5z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nArrowDownLongIcon.displayName = \"ArrowDownLongIcon\";\nexport default ArrowDownLongIcon;\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;IAAM,CAAC,EAAC,yBAAyB;IAAC,QAAQ,EAAC;EAAS,EAAG,CACnD;AAAA,CACP,CACF;AACDF,iBAAiB,CAACI,WAAW,GAAG,mBAAmB;AACnD,eAAeJ,iBAAiB"}
+{"version":3,"file":"ArrowDownLong.js","names":["_react","_interopRequireDefault","require","ArrowDownLongIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowDownLong.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownLongIcon\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 *   <ArrowDownLongIcon 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 ArrowDownLongIcon = 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=\"ArrowDownLongIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M13 5v9h4l-5 5-5-5h4V5z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nArrowDownLongIcon.displayName = \"ArrowDownLongIcon\";\nexport default ArrowDownLongIcon;\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;EAAMS,CAAC,EAAC,yBAAyB;EAACC,QAAQ,EAAC;AAAS,CAAE,CACnD,CAET,CAAC;AACDhB,iBAAiB,CAACiB,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACrCL,iBAAiB"}

package/dist/esm/components/Icons/collection/ArrowExpandeMultiple.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 ArrowExpandeMultipleIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ArrowExpandeMultipleIcon = /*#__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": "ArrowExpandeMultipleIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z",
-    fillRule: "evenodd"
-  }));
-});
+const ArrowExpandeMultipleIcon = /*#__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": "ArrowExpandeMultipleIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z",
+  fillRule: "evenodd"
+})));
 ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
-export default ArrowExpandeMultipleIcon;
+var _default = exports.default = ArrowExpandeMultipleIcon;
 //# sourceMappingURL=ArrowExpandeMultiple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowExpandeMultiple.js","names":["React","ArrowExpandeMultipleIcon","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowExpandeMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowExpandeMultipleIcon\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 *   <ArrowExpandeMultipleIcon 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 ArrowExpandeMultipleIcon = 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=\"ArrowExpandeMultipleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowExpandeMultipleIcon.displayName = \"ArrowExpandeMultipleIcon\";\nexport default ArrowExpandeMultipleIcon;\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,wBAAwB,gBAAGD,KAAK,CAACE,UAAU,CAC/C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,0BAA0B;IACtC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,qUAAqU;IACvU,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDF,wBAAwB,CAACI,WAAW,GAAG,0BAA0B;AACjE,eAAeJ,wBAAwB"}
+{"version":3,"file":"ArrowExpandeMultiple.js","names":["_react","_interopRequireDefault","require","ArrowExpandeMultipleIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowExpandeMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowExpandeMultipleIcon\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 *   <ArrowExpandeMultipleIcon 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 ArrowExpandeMultipleIcon = 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=\"ArrowExpandeMultipleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowExpandeMultipleIcon.displayName = \"ArrowExpandeMultipleIcon\";\nexport default ArrowExpandeMultipleIcon;\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,wBAAwB,gBAAGC,cAAK,CAACC,UAAU,CAC/C,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,0BAA0B;EACtCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,qUAAqU;EACvUC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,wBAAwB,CAACiB,WAAW,GAAG,0BAA0B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACnDL,wBAAwB"}

package/dist/esm/components/Icons/collection/ArrowLeft.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 ArrowLeftIcon
  * @description
@@ -20,21 +26,19 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-var ArrowLeftIcon = /*#__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": "ArrowLeftIcon",
-    fill: "var(--color-theme-600)",
-    focusable: false,
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
-    fillRule: "evenodd"
-  }));
-});
+const ArrowLeftIcon = /*#__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": "ArrowLeftIcon",
+  fill: "var(--color-theme-600)",
+  focusable: false,
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
+  fillRule: "evenodd"
+})));
 ArrowLeftIcon.displayName = "ArrowLeftIcon";
-export default ArrowLeftIcon;
+var _default = exports.default = ArrowLeftIcon;
 //# sourceMappingURL=ArrowLeft.js.map