@activecollab/components 2.0.90 → 2.0.92

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ArrowCollapseMultiple.js","names":["React","ArrowCollapseMultipleIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","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,MAAMC,yBAAyB,gBAAGD,KAAK,CAACE,UAAU,CAChD,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,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,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,oUAAoU;EACtUC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,yBAAyB,CAACe,WAAW,GAAG,2BAA2B;AACnE,eAAef,yBAAyB"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowDownIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowDownIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -34,10 +28,10 @@ const ArrowDownIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) =>
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, 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"
 })));
 ArrowDownIcon.displayName = "ArrowDownIcon";
-var _default = exports.default = ArrowDownIcon;
+export default ArrowDownIcon;
 //# sourceMappingURL=ArrowDown.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ArrowDown.js","names":["React","ArrowDownIcon","forwardRef","props","svgRef","createElement","_extends","xmlns","width","height","fill","focusable","ref","fillRule","d","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,MAAMC,aAAa,gBAAGD,KAAK,CAACE,UAAU,CACpC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACX,eAAY,eAAe;EAC3BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAER;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACEQ,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAA4I,CAC/I,CACE,CAET,CAAC;AACDb,aAAa,CAACc,WAAW,GAAG,eAAe;AAC3C,eAAed,aAAa"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowDownLongIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowDownLongIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const ArrowDownLongIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef)
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   d: "M13 5v9h4l-5 5-5-5h4V5z",
   fillRule: "evenodd"
 })));
 ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
-var _default = exports.default = ArrowDownLongIcon;
+export default ArrowDownLongIcon;
 //# sourceMappingURL=ArrowDownLong.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ArrowDownLong.js","names":["React","ArrowDownLongIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","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,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,UAAU,CACxC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,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,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EAAMS,CAAC,EAAC,yBAAyB;EAACC,QAAQ,EAAC;AAAS,CAAE,CACnD,CAET,CAAC;AACDd,iBAAiB,CAACe,WAAW,GAAG,mBAAmB;AACnD,eAAef,iBAAiB"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 ArrowDownSmallIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowDownSmallIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowDownSmallIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 16,
   height: 16,
   xmlns: "http://www.w3.org/2000/svg",
@@ -34,11 +28,11 @@ const ArrowDownSmallIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M10.248 6.843a.662.662 0 01.9 0 .578.578 0 010 .85L8 10.666 4.853 7.692a.578.578 0 010-.85.662.662 0 01.9 0L8 8.968l2.248-2.124z"
 })));
 ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
-var _default = exports.default = ArrowDownSmallIcon;
+export default ArrowDownSmallIcon;
 //# sourceMappingURL=ArrowDownSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownSmall.js","names":["_react","_interopRequireDefault","require","ArrowDownSmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowDownSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownSmallIcon\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 *   <ArrowDownSmallIcon 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 ArrowDownSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={16}\n      height={16}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ArrowDownSmallIcon\"\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=\"M10.248 6.843a.662.662 0 01.9 0 .578.578 0 010 .85L8 10.666 4.853 7.692a.578.578 0 010-.85.662.662 0 01.9 0L8 8.968l2.248-2.124z\"\n      />\n    </svg>\n  )\n);\nArrowDownSmallIcon.displayName = \"ArrowDownSmallIcon\";\nexport default ArrowDownSmallIcon;\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,KAAK,EAAC,4BAA4B;EAClC,eAAY,oBAAoB;EAChCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAkI,CACrI,CACE,CAET,CAAC;AACDhB,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACvCL,kBAAkB"}
+{"version":3,"file":"ArrowDownSmall.js","names":["React","ArrowDownSmallIcon","forwardRef","props","svgRef","createElement","_extends","width","height","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDownSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowDownSmallIcon\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 *   <ArrowDownSmallIcon 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 ArrowDownSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={16}\n      height={16}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ArrowDownSmallIcon\"\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=\"M10.248 6.843a.662.662 0 01.9 0 .578.578 0 010 .85L8 10.666 4.853 7.692a.578.578 0 010-.85.662.662 0 01.9 0L8 8.968l2.248-2.124z\"\n      />\n    </svg>\n  )\n);\nArrowDownSmallIcon.displayName = \"ArrowDownSmallIcon\";\nexport default ArrowDownSmallIcon;\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,MAAMC,kBAAkB,gBAAGD,KAAK,CAACE,UAAU,CACzC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,KAAK,EAAC,4BAA4B;EAClC,eAAY,oBAAoB;EAChCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAER;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACEQ,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAkI,CACrI,CACE,CAET,CAAC;AACDd,kBAAkB,CAACe,WAAW,GAAG,oBAAoB;AACrD,eAAef,kBAAkB"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowExpandeMultipleIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowExpandeMultipleIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const ArrowExpandeMultipleIcon = /*#__PURE__*/_react.default.forwardRef((props,
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, 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"
 })));
 ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
-var _default = exports.default = ArrowExpandeMultipleIcon;
+export default ArrowExpandeMultipleIcon;
 //# sourceMappingURL=ArrowExpandeMultiple.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ArrowExpandeMultiple.js","names":["React","ArrowExpandeMultipleIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","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,MAAMC,wBAAwB,gBAAGD,KAAK,CAACE,UAAU,CAC/C,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,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,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,qUAAqU;EACvUC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,wBAAwB,CAACe,WAAW,GAAG,0BAA0B;AACjE,eAAef,wBAAwB"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowLeftIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowLeftIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const ArrowLeftIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) =>
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, 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"
 })));
 ArrowLeftIcon.displayName = "ArrowLeftIcon";
-var _default = exports.default = ArrowLeftIcon;
+export default ArrowLeftIcon;
 //# sourceMappingURL=ArrowLeft.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeft.js","names":["_react","_interopRequireDefault","require","ArrowLeftIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowLeft.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowLeftIcon\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 *   <ArrowLeftIcon 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 ArrowLeftIcon = 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=\"ArrowLeftIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        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\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\nexport default ArrowLeftIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,eAAe;EAC3BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,0GAA0G;EAC5GC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,aAAa,CAACiB,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC7BL,aAAa"}
+{"version":3,"file":"ArrowLeft.js","names":["React","ArrowLeftIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowLeft.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowLeftIcon\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 *   <ArrowLeftIcon 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 ArrowLeftIcon = 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=\"ArrowLeftIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        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\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\nexport default ArrowLeftIcon;\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,MAAMC,aAAa,gBAAGD,KAAK,CAACE,UAAU,CACpC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,eAAe;EAC3BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,0GAA0G;EAC5GC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,aAAa,CAACe,WAAW,GAAG,eAAe;AAC3C,eAAef,aAAa"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 ArrowLeftBoxIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowLeftBoxIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowLeftBoxIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const ArrowLeftBoxIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef)
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   d: "M8.92 15.59L6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 1.42-1.41zM8 3v2h11v14H8v2h11a2 2 0 002-2V5c0-1.11-.89-2-2-2H8z",
   fillRule: "evenodd"
 })));
 ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
-var _default = exports.default = ArrowLeftBoxIcon;
+export default ArrowLeftBoxIcon;
 //# sourceMappingURL=ArrowLeftBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftBox.js","names":["_react","_interopRequireDefault","require","ArrowLeftBoxIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowLeftBox.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowLeftBoxIcon\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 *   <ArrowLeftBoxIcon 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 ArrowLeftBoxIcon = 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=\"ArrowLeftBoxIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M8.92 15.59L6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 1.42-1.41zM8 3v2h11v14H8v2h11a2 2 0 002-2V5c0-1.11-.89-2-2-2H8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowLeftBoxIcon.displayName = \"ArrowLeftBoxIcon\";\nexport default ArrowLeftBoxIcon;\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,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,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,kBAAkB;EAC9BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,yHAAyH;EAC3HC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,gBAAgB,CAACiB,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACnCL,gBAAgB"}
+{"version":3,"file":"ArrowLeftBox.js","names":["React","ArrowLeftBoxIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowLeftBox.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowLeftBoxIcon\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 *   <ArrowLeftBoxIcon 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 ArrowLeftBoxIcon = 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=\"ArrowLeftBoxIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M8.92 15.59L6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 1.42-1.41zM8 3v2h11v14H8v2h11a2 2 0 002-2V5c0-1.11-.89-2-2-2H8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowLeftBoxIcon.displayName = \"ArrowLeftBoxIcon\";\nexport default ArrowLeftBoxIcon;\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,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,UAAU,CACvC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,kBAAkB;EAC9BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,yHAAyH;EAC3HC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,gBAAgB,CAACe,WAAW,GAAG,kBAAkB;AACjD,eAAef,gBAAgB"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 ArrowRefreshIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowRefreshIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowRefreshIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,11 +29,11 @@ const ArrowRefreshIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef)
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 100-18z"
 })));
 ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
-var _default = exports.default = ArrowRefreshIcon;
+export default ArrowRefreshIcon;
 //# sourceMappingURL=ArrowRefresh.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowRefresh.js","names":["_react","_interopRequireDefault","require","ArrowRefreshIcon","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/ArrowRefresh.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowRefreshIcon\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 *   <ArrowRefreshIcon 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 ArrowRefreshIcon = 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=\"ArrowRefreshIcon\"\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 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 100-18z\"\n      />\n    </svg>\n  )\n);\nArrowRefreshIcon.displayName = \"ArrowRefreshIcon\";\nexport default ArrowRefreshIcon;\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,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,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,kBAAkB;EAC9BC,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;AAA0H,CAC7H,CACE,CAET,CAAC;AACDjB,gBAAgB,CAACkB,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACnCL,gBAAgB"}
+{"version":3,"file":"ArrowRefresh.js","names":["React","ArrowRefreshIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowRefresh.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowRefreshIcon\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 *   <ArrowRefreshIcon 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 ArrowRefreshIcon = 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=\"ArrowRefreshIcon\"\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 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 100-18z\"\n      />\n    </svg>\n  )\n);\nArrowRefreshIcon.displayName = \"ArrowRefreshIcon\";\nexport default ArrowRefreshIcon;\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,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,UAAU,CACvC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,kBAAkB;EAC9BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAA0H,CAC7H,CACE,CAET,CAAC;AACDf,gBAAgB,CAACgB,WAAW,GAAG,kBAAkB;AACjD,eAAehB,gBAAgB"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 ArrowRightIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowRightIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowRightIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const ArrowRightIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) =>
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   d: "M10.914 6.337l5.657 5.657-5.657 5.657A1 1 0 019.5 16.237l4.241-4.243L9.5 7.751a1 1 0 011.414-1.414z",
   fillRule: "evenodd"
 })));
 ArrowRightIcon.displayName = "ArrowRightIcon";
-var _default = exports.default = ArrowRightIcon;
+export default ArrowRightIcon;
 //# sourceMappingURL=ArrowRight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowRight.js","names":["_react","_interopRequireDefault","require","ArrowRightIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowRightIcon\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 *   <ArrowRightIcon 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 ArrowRightIcon = 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=\"ArrowRightIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10.914 6.337l5.657 5.657-5.657 5.657A1 1 0 019.5 16.237l4.241-4.243L9.5 7.751a1 1 0 011.414-1.414z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\nexport default ArrowRightIcon;\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,qGAAqG;EACvGC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,cAAc,CAACiB,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAC/BL,cAAc"}
+{"version":3,"file":"ArrowRight.js","names":["React","ArrowRightIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowRightIcon\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 *   <ArrowRightIcon 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 ArrowRightIcon = 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=\"ArrowRightIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10.914 6.337l5.657 5.657-5.657 5.657A1 1 0 019.5 16.237l4.241-4.243L9.5 7.751a1 1 0 011.414-1.414z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\nexport default ArrowRightIcon;\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,MAAMC,cAAc,gBAAGD,KAAK,CAACE,UAAU,CACrC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,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,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,qGAAqG;EACvGC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;AAC7C,eAAef,cAAc"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 ArrowUpIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowUpIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowUpIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -34,10 +28,10 @@ const ArrowUpIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M15.372 14.236a.993.993 0 001.349 0 .867.867 0 000-1.275L12 8.5l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.049l3.372 3.187z"
 })));
 ArrowUpIcon.displayName = "ArrowUpIcon";
-var _default = exports.default = ArrowUpIcon;
+export default ArrowUpIcon;
 //# sourceMappingURL=ArrowUp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowUp.js","names":["_react","_interopRequireDefault","require","ArrowUpIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","xmlns","width","height","fill","focusable","ref","fillRule","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowUp.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowUpIcon\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 *   <ArrowUpIcon 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 ArrowUpIcon = 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=\"ArrowUpIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M15.372 14.236a.993.993 0 001.349 0 .867.867 0 000-1.275L12 8.5l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.049l3.372 3.187z\"\n      />\n    </svg>\n  )\n);\nArrowUpIcon.displayName = \"ArrowUpIcon\";\nexport default ArrowUpIcon;\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,EAAC,4BAA4B;EAClCC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACX,eAAY,aAAa;EACzBC,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;AAA6I,CAChJ,CACE,CAET,CAAC;AACDf,WAAW,CAACgB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GACzBL,WAAW"}
+{"version":3,"file":"ArrowUp.js","names":["React","ArrowUpIcon","forwardRef","props","svgRef","createElement","_extends","xmlns","width","height","fill","focusable","ref","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowUp.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowUpIcon\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 *   <ArrowUpIcon 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 ArrowUpIcon = 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=\"ArrowUpIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M15.372 14.236a.993.993 0 001.349 0 .867.867 0 000-1.275L12 8.5l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.049l3.372 3.187z\"\n      />\n    </svg>\n  )\n);\nArrowUpIcon.displayName = \"ArrowUpIcon\";\nexport default ArrowUpIcon;\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,MAAMC,WAAW,gBAAGD,KAAK,CAACE,UAAU,CAClC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACX,eAAY,aAAa;EACzBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAER;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACEQ,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAA6I,CAChJ,CACE,CAET,CAAC;AACDb,WAAW,CAACc,WAAW,GAAG,aAAa;AACvC,eAAed,WAAW"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 ArrowUpLongIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowUpLongIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ArrowUpLongIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const ArrowUpLongIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) =
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   d: "M13 19v-9h4l-5-5-5 5h4v9z",
   fillRule: "evenodd"
 })));
 ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
-var _default = exports.default = ArrowUpLongIcon;
+export default ArrowUpLongIcon;
 //# sourceMappingURL=ArrowUpLong.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowUpLong.js","names":["_react","_interopRequireDefault","require","ArrowUpLongIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ArrowUpLong.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowUpLongIcon\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 *   <ArrowUpLongIcon 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 ArrowUpLongIcon = 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=\"ArrowUpLongIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M13 19v-9h4l-5-5-5 5h4v9z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nArrowUpLongIcon.displayName = \"ArrowUpLongIcon\";\nexport default ArrowUpLongIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,iBAAiB;EAC7BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC,2BAA2B;EAACC,QAAQ,EAAC;AAAS,CAAE,CACrD,CAET,CAAC;AACDhB,eAAe,CAACiB,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACjCL,eAAe"}
+{"version":3,"file":"ArrowUpLong.js","names":["React","ArrowUpLongIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowUpLong.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ArrowUpLongIcon\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 *   <ArrowUpLongIcon 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 ArrowUpLongIcon = 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=\"ArrowUpLongIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M13 19v-9h4l-5-5-5 5h4v9z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nArrowUpLongIcon.displayName = \"ArrowUpLongIcon\";\nexport default ArrowUpLongIcon;\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,MAAMC,eAAe,gBAAGD,KAAK,CAACE,UAAU,CACtC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,iBAAiB;EAC7BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EAAMS,CAAC,EAAC,2BAA2B;EAACC,QAAQ,EAAC;AAAS,CAAE,CACrD,CAET,CAAC;AACDd,eAAe,CAACe,WAAW,GAAG,iBAAiB;AAC/C,eAAef,eAAe"}

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

@@ -1,12 +1,6 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
 
-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 AssignIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AssignIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const AssignIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const AssignIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#
   fill: "var(--color-theme-600)",
   focusable: false,
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   d: "M12 2c.685 0 1.354.069 2.001.2v2.052a8 8 0 00-7.86 13.195 3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048A7.97 7.97 0 0020 12c0-.69-.087-1.36-.252-2H21.8c.131.646.2 1.315.2 2a9.971 9.971 0 01-3.073 7.212l-.001.001-.056.053a10.057 10.057 0 01-1.61 1.24A9.953 9.953 0 0112 22a9.954 9.954 0 01-4.951-1.31l-.31-.184-.02-.013a10.02 10.02 0 01-1.634-1.27l-.012-.01A9.971 9.971 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385A7.958 7.958 0 0012 20a7.963 7.963 0 004.307-1.257 1.984 1.984 0 00-.832-.386A17.249 17.249 0 0012 18zm0-11a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zm8-7v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
   fillRule: "evenodd"
 })));
 AssignIcon.displayName = "AssignIcon";
-var _default = exports.default = AssignIcon;
+export default AssignIcon;
 //# sourceMappingURL=Assign.js.map