@activecollab/components 2.0.89 → 2.0.91

package/dist/esm/components/Icons/collection/Filter.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 FilterIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const FilterIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const FilterIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const FilterIcon = /*#__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: "M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z",
   fillRule: "evenodd"
 })));
 FilterIcon.displayName = "FilterIcon";
-var _default = exports.default = FilterIcon;
+export default FilterIcon;
 //# sourceMappingURL=Filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","names":["_react","_interopRequireDefault","require","FilterIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Filter.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component FilterIcon\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 *   <FilterIcon 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 FilterIcon = 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=\"FilterIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFilterIcon.displayName = \"FilterIcon\";\nexport default FilterIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,YAAY;EACxBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,uHAAuH;EACzHC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,UAAU,CAACiB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACvBL,UAAU"}
+{"version":3,"file":"Filter.js","names":["React","FilterIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Filter.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component FilterIcon\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 *   <FilterIcon 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 FilterIcon = 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=\"FilterIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFilterIcon.displayName = \"FilterIcon\";\nexport default FilterIcon;\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,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,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,YAAY;EACxBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,uHAAuH;EACzHC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,UAAU,CAACe,WAAW,GAAG,YAAY;AACrC,eAAef,UAAU"}

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

@@ -1,23 +1,16 @@
-"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 FolderIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+const FolderIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "var(--color-theme-600)",
   ref: svgRef
-}, props), /*#__PURE__*/_react.default.createElement("path", {
+}, props), /*#__PURE__*/React.createElement("path", {
   d: "M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z",
   fillRule: "evenodd"
 })));
 FolderIcon.displayName = "FolderIcon";
-var _default = exports.default = FolderIcon;
+export default FolderIcon;
 //# sourceMappingURL=Folder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Folder.js","names":["_react","_interopRequireDefault","require","FolderIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Folder.tsx"],"sourcesContent":["import React from \"react\";\nconst FolderIcon = 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      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,CAAC,EAAC,6FAA6F;EAC/FC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDf,UAAU,CAACgB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GACvBL,UAAU"}
+{"version":3,"file":"Folder.js","names":["React","FolderIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Folder.tsx"],"sourcesContent":["import React from \"react\";\nconst FolderIcon = 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      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,MAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,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;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAER;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACEQ,CAAC,EAAC,6FAA6F;EAC/FC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDb,UAAU,CAACc,WAAW,GAAG,YAAY;AACrC,eAAed,UAAU"}

package/dist/esm/components/Icons/collection/FolderMove.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 FolderMoveIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const FolderMoveIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const FolderMoveIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const FolderMoveIcon = /*#__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 4l2 2h8a2 2 0 011.995 1.851L22 8v10c0 1.06-.81 1.919-1.85 1.995L20 20H4a2 2 0 01-1.994-1.85L2 18V6a2 2 0 011.851-1.995L4 4h6zm10 4H4v10h16V8zm-10 2l4 3-4 3v-2H6v-2h4v-2z",
   fillRule: "evenodd"
 })));
 FolderMoveIcon.displayName = "FolderMoveIcon";
-var _default = exports.default = FolderMoveIcon;
+export default FolderMoveIcon;
 //# sourceMappingURL=FolderMove.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FolderMove.js","names":["_react","_interopRequireDefault","require","FolderMoveIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/FolderMove.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component FolderMoveIcon\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 *   <FolderMoveIcon 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 FolderMoveIcon = 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=\"FolderMoveIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 4l2 2h8a2 2 0 011.995 1.851L22 8v10c0 1.06-.81 1.919-1.85 1.995L20 20H4a2 2 0 01-1.994-1.85L2 18V6a2 2 0 011.851-1.995L4 4h6zm10 4H4v10h16V8zm-10 2l4 3-4 3v-2H6v-2h4v-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFolderMoveIcon.displayName = \"FolderMoveIcon\";\nexport default FolderMoveIcon;\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,+KAA+K;EACjLC,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":"FolderMove.js","names":["React","FolderMoveIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/FolderMove.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component FolderMoveIcon\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 *   <FolderMoveIcon 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 FolderMoveIcon = 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=\"FolderMoveIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 4l2 2h8a2 2 0 011.995 1.851L22 8v10c0 1.06-.81 1.919-1.85 1.995L20 20H4a2 2 0 01-1.994-1.85L2 18V6a2 2 0 011.851-1.995L4 4h6zm10 4H4v10h16V8zm-10 2l4 3-4 3v-2H6v-2h4v-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFolderMoveIcon.displayName = \"FolderMoveIcon\";\nexport default FolderMoveIcon;\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,+KAA+K;EACjLC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;AAC7C,eAAef,cAAc"}

package/dist/esm/components/Icons/collection/FolderOutline.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 FolderOutlineIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const FolderOutlineIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const FolderOutlineIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const FolderOutlineIcon = /*#__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: "M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z",
   fillRule: "evenodd"
 })));
 FolderOutlineIcon.displayName = "FolderOutlineIcon";
-var _default = exports.default = FolderOutlineIcon;
+export default FolderOutlineIcon;
 //# sourceMappingURL=FolderOutline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FolderOutline.js","names":["_react","_interopRequireDefault","require","FolderOutlineIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/FolderOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component FolderOutlineIcon\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 *   <FolderOutlineIcon 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 FolderOutlineIcon = 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=\"FolderOutlineIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFolderOutlineIcon.displayName = \"FolderOutlineIcon\";\nexport default FolderOutlineIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,gBAAGC,cAAK,CAACC,UAAU,CACxC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,mBAAmB;EAC/BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,6FAA6F;EAC/FC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,iBAAiB,CAACiB,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACrCL,iBAAiB"}
+{"version":3,"file":"FolderOutline.js","names":["React","FolderOutlineIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/FolderOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component FolderOutlineIcon\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 *   <FolderOutlineIcon 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 FolderOutlineIcon = 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=\"FolderOutlineIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nFolderOutlineIcon.displayName = \"FolderOutlineIcon\";\nexport default FolderOutlineIcon;\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;EACES,CAAC,EAAC,6FAA6F;EAC/FC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,iBAAiB,CAACe,WAAW,GAAG,mBAAmB;AACnD,eAAef,iBAAiB"}

package/dist/esm/components/Icons/collection/Gift.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 GiftIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const GiftIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const GiftIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,11 +29,11 @@ const GiftIcon = /*#__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: "M22 12v8a2 2 0 01-2 2H4a2 2 0 01-2-2v-8a1 1 0 01-1-1V8a2 2 0 012-2h3.17A3 3 0 019 2c1 0 1.88.5 2.43 1.24v-.01L12 4l.57-.77v.01C13.12 2.5 14 2 15 2a3 3 0 012.83 4H21a2 2 0 012 2v3a1 1 0 01-1 1zM4 20h7v-8H4v8zm16 0v-8h-7v8h7zM9 4a1 1 0 100 2 1 1 0 000-2zm6 0a1 1 0 100 2 1 1 0 000-2zM3 8v2h8V8H3zm10 0v2h8V8h-8z"
 })));
 GiftIcon.displayName = "GiftIcon";
-var _default = exports.default = GiftIcon;
+export default GiftIcon;
 //# sourceMappingURL=Gift.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gift.js","names":["_react","_interopRequireDefault","require","GiftIcon","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/Gift.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component GiftIcon\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 *   <GiftIcon 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 GiftIcon = 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=\"GiftIcon\"\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=\"M22 12v8a2 2 0 01-2 2H4a2 2 0 01-2-2v-8a1 1 0 01-1-1V8a2 2 0 012-2h3.17A3 3 0 019 2c1 0 1.88.5 2.43 1.24v-.01L12 4l.57-.77v.01C13.12 2.5 14 2 15 2a3 3 0 012.83 4H21a2 2 0 012 2v3a1 1 0 01-1 1zM4 20h7v-8H4v8zm16 0v-8h-7v8h7zM9 4a1 1 0 100 2 1 1 0 000-2zm6 0a1 1 0 100 2 1 1 0 000-2zM3 8v2h8V8H3zm10 0v2h8V8h-8z\"\n      />\n    </svg>\n  )\n);\nGiftIcon.displayName = \"GiftIcon\";\nexport default GiftIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAC/B,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,UAAU;EACtBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAuT,CAC1T,CACE,CAET,CAAC;AACDjB,QAAQ,CAACkB,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACnBL,QAAQ"}
+{"version":3,"file":"Gift.js","names":["React","GiftIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Gift.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component GiftIcon\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 *   <GiftIcon 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 GiftIcon = 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=\"GiftIcon\"\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=\"M22 12v8a2 2 0 01-2 2H4a2 2 0 01-2-2v-8a1 1 0 01-1-1V8a2 2 0 012-2h3.17A3 3 0 019 2c1 0 1.88.5 2.43 1.24v-.01L12 4l.57-.77v.01C13.12 2.5 14 2 15 2a3 3 0 012.83 4H21a2 2 0 012 2v3a1 1 0 01-1 1zM4 20h7v-8H4v8zm16 0v-8h-7v8h7zM9 4a1 1 0 100 2 1 1 0 000-2zm6 0a1 1 0 100 2 1 1 0 000-2zM3 8v2h8V8H3zm10 0v2h8V8h-8z\"\n      />\n    </svg>\n  )\n);\nGiftIcon.displayName = \"GiftIcon\";\nexport default GiftIcon;\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,QAAQ,gBAAGD,KAAK,CAACE,UAAU,CAC/B,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,UAAU;EACtBC,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;AAAuT,CAC1T,CACE,CAET,CAAC;AACDf,QAAQ,CAACgB,WAAW,GAAG,UAAU;AACjC,eAAehB,QAAQ"}

package/dist/esm/components/Icons/collection/Hashtag.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 HashtagIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const HashtagIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const HashtagIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,11 +29,11 @@ const HashtagIcon = /*#__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: "M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z"
 })));
 HashtagIcon.displayName = "HashtagIcon";
-var _default = exports.default = HashtagIcon;
+export default HashtagIcon;
 //# sourceMappingURL=Hashtag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Hashtag.js","names":["_react","_interopRequireDefault","require","HashtagIcon","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/Hashtag.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component HashtagIcon\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 *   <HashtagIcon 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 HashtagIcon = 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=\"HashtagIcon\"\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=\"M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z\"\n      />\n    </svg>\n  )\n);\nHashtagIcon.displayName = \"HashtagIcon\";\nexport default HashtagIcon;\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;AAAoO,CACvO,CACE,CAET,CAAC;AACDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACzBL,WAAW"}
+{"version":3,"file":"Hashtag.js","names":["React","HashtagIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Hashtag.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component HashtagIcon\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 *   <HashtagIcon 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 HashtagIcon = 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=\"HashtagIcon\"\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=\"M5.33 21l.719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4H5.33zM9.5 9l-1.073 6H14.5l1.073-6H9.5z\"\n      />\n    </svg>\n  )\n);\nHashtagIcon.displayName = \"HashtagIcon\";\nexport default HashtagIcon;\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,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,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAoO,CACvO,CACE,CAET,CAAC;AACDf,WAAW,CAACgB,WAAW,GAAG,aAAa;AACvC,eAAehB,WAAW"}

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

@@ -1,32 +1,25 @@
-"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 HeartLargeIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+const HeartLargeIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__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.default.createElement("g", {
+}, props), /*#__PURE__*/React.createElement("g", {
   fillRule: "evenodd"
-}, /*#__PURE__*/_react.default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M45.5 0C54.613 0 62 7.387 62 16.5c0 3.537-1.113 6.814-3.008 9.5H59L31 62 3 26a16.473 16.473 0 01-3-9.5C0 7.387 7.387 0 16.5 0 22.759 0 28.204 3.485 31 8.62 33.796 3.485 39.241 0 45.5 0z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "M16.5 6c1.61 0 3.134.362 4.498 1.01-7.61.258-13.73 6.379-13.99 13.987A10.466 10.466 0 016 16.5C6 10.701 10.701 6 16.5 6z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "M45.5 0C54.613 0 62 7.387 62 16.5c0 3.537-1.113 6.814-3.008 9.5H59L31 62 3 26l-.034-.05-.05-.084-.025-.06c-.01-.041.006-.058.048-.05l.064.022a.797.797 0 01.041.019l.162.093.218.145.38.276.48.369.742.592 1.098.903 1.818 1.53 2.528 2.169 1.625 1.408 3.723 3.254 6.272 5.535 5.794 5.15 2.886 2.574 20.665-26.57A14.082 14.082 0 0054 15.106C54 7.42 47.855 1.17 40.21 1.003L39.83 1c1.768-.647 3.678-1 5.671-1z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   d: "M45.5 1.5c4.142 0 7.892 1.679 10.607 4.393A14.953 14.953 0 0160.5 16.5a14.93 14.93 0 01-2.714 8.608h0L31 59.557 4.207 25.109A14.978 14.978 0 011.5 16.5c0-4.142 1.679-7.892 4.393-10.607A14.953 14.953 0 0116.5 1.5c2.795 0 5.413.764 7.653 2.096A15.05 15.05 0 0131 12.634a15.04 15.04 0 016.846-9.038A14.927 14.927 0 0145.5 1.5h0z",
   stroke: "#000",
   strokeWidth: 3
 }))));
 HeartLargeIcon.displayName = "HeartLargeIcon";
-var _default = exports.default = HeartLargeIcon;
+export default HeartLargeIcon;
 //# sourceMappingURL=HeartLarge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeartLarge.js","names":["_react","_interopRequireDefault","require","HeartLargeIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","ref","fillRule","d","stroke","strokeWidth","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/HeartLarge.tsx"],"sourcesContent":["import React from \"react\";\nconst HeartLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\">\n        <path d=\"M45.5 0C54.613 0 62 7.387 62 16.5c0 3.537-1.113 6.814-3.008 9.5H59L31 62 3 26a16.473 16.473 0 01-3-9.5C0 7.387 7.387 0 16.5 0 22.759 0 28.204 3.485 31 8.62 33.796 3.485 39.241 0 45.5 0z\" />\n        <path d=\"M16.5 6c1.61 0 3.134.362 4.498 1.01-7.61.258-13.73 6.379-13.99 13.987A10.466 10.466 0 016 16.5C6 10.701 10.701 6 16.5 6z\" />\n        <path d=\"M45.5 0C54.613 0 62 7.387 62 16.5c0 3.537-1.113 6.814-3.008 9.5H59L31 62 3 26l-.034-.05-.05-.084-.025-.06c-.01-.041.006-.058.048-.05l.064.022a.797.797 0 01.041.019l.162.093.218.145.38.276.48.369.742.592 1.098.903 1.818 1.53 2.528 2.169 1.625 1.408 3.723 3.254 6.272 5.535 5.794 5.15 2.886 2.574 20.665-26.57A14.082 14.082 0 0054 15.106C54 7.42 47.855 1.17 40.21 1.003L39.83 1c1.768-.647 3.678-1 5.671-1z\" />\n        <path\n          d=\"M45.5 1.5c4.142 0 7.892 1.679 10.607 4.393A14.953 14.953 0 0160.5 16.5a14.93 14.93 0 01-2.714 8.608h0L31 59.557 4.207 25.109A14.978 14.978 0 011.5 16.5c0-4.142 1.679-7.892 4.393-10.607A14.953 14.953 0 0116.5 1.5c2.795 0 5.413.764 7.653 2.096A15.05 15.05 0 0131 12.634a15.04 15.04 0 016.846-9.038A14.927 14.927 0 0145.5 1.5h0z\"\n          stroke=\"#000\"\n          strokeWidth={3}\n        />\n      </g>\n    </svg>\n  )\n);\nHeartLargeIcon.displayName = \"HeartLargeIcon\";\nexport default HeartLargeIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,MAAMC,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAGQ,QAAQ,EAAC;AAAS,gBACnBjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC;AAA2L,CAAE,CAAC,eACtMlB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC;AAA0H,CAAE,CAAC,eACrIlB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC;AAAqZ,CAAE,CAAC,eAChalB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,uUAAuU;EACzUC,MAAM,EAAC,MAAM;EACbC,WAAW,EAAE;AAAE,CAChB,CACA,CACA,CAET,CAAC;AACDjB,cAAc,CAACkB,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAC/BL,cAAc"}
+{"version":3,"file":"HeartLarge.js","names":["React","HeartLargeIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","ref","fillRule","d","stroke","strokeWidth","displayName"],"sources":["../../../../../src/components/Icons/collection/HeartLarge.tsx"],"sourcesContent":["import React from \"react\";\nconst HeartLargeIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={62}\n      height={62}\n      viewBox=\"0 0 62 62\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\">\n        <path d=\"M45.5 0C54.613 0 62 7.387 62 16.5c0 3.537-1.113 6.814-3.008 9.5H59L31 62 3 26a16.473 16.473 0 01-3-9.5C0 7.387 7.387 0 16.5 0 22.759 0 28.204 3.485 31 8.62 33.796 3.485 39.241 0 45.5 0z\" />\n        <path d=\"M16.5 6c1.61 0 3.134.362 4.498 1.01-7.61.258-13.73 6.379-13.99 13.987A10.466 10.466 0 016 16.5C6 10.701 10.701 6 16.5 6z\" />\n        <path d=\"M45.5 0C54.613 0 62 7.387 62 16.5c0 3.537-1.113 6.814-3.008 9.5H59L31 62 3 26l-.034-.05-.05-.084-.025-.06c-.01-.041.006-.058.048-.05l.064.022a.797.797 0 01.041.019l.162.093.218.145.38.276.48.369.742.592 1.098.903 1.818 1.53 2.528 2.169 1.625 1.408 3.723 3.254 6.272 5.535 5.794 5.15 2.886 2.574 20.665-26.57A14.082 14.082 0 0054 15.106C54 7.42 47.855 1.17 40.21 1.003L39.83 1c1.768-.647 3.678-1 5.671-1z\" />\n        <path\n          d=\"M45.5 1.5c4.142 0 7.892 1.679 10.607 4.393A14.953 14.953 0 0160.5 16.5a14.93 14.93 0 01-2.714 8.608h0L31 59.557 4.207 25.109A14.978 14.978 0 011.5 16.5c0-4.142 1.679-7.892 4.393-10.607A14.953 14.953 0 0116.5 1.5c2.795 0 5.413.764 7.653 2.096A15.05 15.05 0 0131 12.634a15.04 15.04 0 016.846-9.038A14.927 14.927 0 0145.5 1.5h0z\"\n          stroke=\"#000\"\n          strokeWidth={3}\n        />\n      </g>\n    </svg>\n  )\n);\nHeartLargeIcon.displayName = \"HeartLargeIcon\";\nexport default HeartLargeIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,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;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAER;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EAAGQ,QAAQ,EAAC;AAAS,gBACnBb,KAAA,CAAAK,aAAA;EAAMS,CAAC,EAAC;AAA2L,CAAE,CAAC,eACtMd,KAAA,CAAAK,aAAA;EAAMS,CAAC,EAAC;AAA0H,CAAE,CAAC,eACrId,KAAA,CAAAK,aAAA;EAAMS,CAAC,EAAC;AAAqZ,CAAE,CAAC,eAChad,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,uUAAuU;EACzUC,MAAM,EAAC,MAAM;EACbC,WAAW,EAAE;AAAE,CAChB,CACA,CACA,CAET,CAAC;AACDf,cAAc,CAACgB,WAAW,GAAG,gBAAgB;AAC7C,eAAehB,cAAc"}

package/dist/esm/components/Icons/collection/Help.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 HelpIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const HelpIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const HelpIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const HelpIcon = /*#__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 4a8 8 0 100 16 8 8 0 000-16zm0-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-1 13h2v2h-2v-2zm2-5a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865c.572-.311.724-.653.724-1.135z",
   fillRule: "evenodd"
 })));
 HelpIcon.displayName = "HelpIcon";
-var _default = exports.default = HelpIcon;
+export default HelpIcon;
 //# sourceMappingURL=Help.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Help.js","names":["_react","_interopRequireDefault","require","HelpIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Help.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component HelpIcon\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 *   <HelpIcon 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 HelpIcon = 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=\"HelpIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 4a8 8 0 100 16 8 8 0 000-16zm0-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-1 13h2v2h-2v-2zm2-5a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865c.572-.311.724-.653.724-1.135z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nHelpIcon.displayName = \"HelpIcon\";\nexport default HelpIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAC/B,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,UAAU;EACtBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,uNAAuN;EACzNC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,QAAQ,CAACiB,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACnBL,QAAQ"}
+{"version":3,"file":"Help.js","names":["React","HelpIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Help.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component HelpIcon\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 *   <HelpIcon 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 HelpIcon = 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=\"HelpIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 4a8 8 0 100 16 8 8 0 000-16zm0-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-1 13h2v2h-2v-2zm2-5a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865c.572-.311.724-.653.724-1.135z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nHelpIcon.displayName = \"HelpIcon\";\nexport default HelpIcon;\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,QAAQ,gBAAGD,KAAK,CAACE,UAAU,CAC/B,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,UAAU;EACtBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,uNAAuN;EACzNC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,QAAQ,CAACe,WAAW,GAAG,UAAU;AACjC,eAAef,QAAQ"}

package/dist/esm/components/Icons/collection/Image.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 ImageIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ImageIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const ImageIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,11 +29,11 @@ const ImageIcon = /*#__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: "M20 4a2 2 0 011.994 1.85L22 6v12a2 2 0 01-1.85 1.994L20 20H4a2 2 0 01-1.995-1.85L2 18V6a2 2 0 011.85-1.995L4 4h16zm0 2H4v12h16V6zm-5.5 4l4.5 6H5l3.5-4.5 2.5 3 3.5-4.5zm-8-3a1.5 1.5 0 110 3 1.5 1.5 0 010-3z"
 })));
 ImageIcon.displayName = "ImageIcon";
-var _default = exports.default = ImageIcon;
+export default ImageIcon;
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","ImageIcon","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/Image.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ImageIcon\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 *   <ImageIcon 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 ImageIcon = 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=\"ImageIcon\"\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=\"M20 4a2 2 0 011.994 1.85L22 6v12a2 2 0 01-1.85 1.994L20 20H4a2 2 0 01-1.995-1.85L2 18V6a2 2 0 011.85-1.995L4 4h16zm0 2H4v12h16V6zm-5.5 4l4.5 6H5l3.5-4.5 2.5 3 3.5-4.5zm-8-3a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\"\n      />\n    </svg>\n  )\n);\nImageIcon.displayName = \"ImageIcon\";\nexport default ImageIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAChC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,WAAW;EACvBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAA+M,CAClN,CACE,CAET,CAAC;AACDjB,SAAS,CAACkB,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACrBL,SAAS"}
+{"version":3,"file":"Image.js","names":["React","ImageIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Image.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ImageIcon\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 *   <ImageIcon 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 ImageIcon = 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=\"ImageIcon\"\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=\"M20 4a2 2 0 011.994 1.85L22 6v12a2 2 0 01-1.85 1.994L20 20H4a2 2 0 01-1.995-1.85L2 18V6a2 2 0 011.85-1.995L4 4h16zm0 2H4v12h16V6zm-5.5 4l4.5 6H5l3.5-4.5 2.5 3 3.5-4.5zm-8-3a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\"\n      />\n    </svg>\n  )\n);\nImageIcon.displayName = \"ImageIcon\";\nexport default ImageIcon;\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,SAAS,gBAAGD,KAAK,CAACE,UAAU,CAChC,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,WAAW;EACvBC,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;AAA+M,CAClN,CACE,CAET,CAAC;AACDf,SAAS,CAACgB,WAAW,GAAG,WAAW;AACnC,eAAehB,SAAS"}

package/dist/esm/components/Icons/collection/Info.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 InfoIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const InfoIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const InfoIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const InfoIcon = /*#__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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z",
   fillRule: "evenodd"
 })));
 InfoIcon.displayName = "InfoIcon";
-var _default = exports.default = InfoIcon;
+export default InfoIcon;
 //# sourceMappingURL=Info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Info.js","names":["_react","_interopRequireDefault","require","InfoIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Info.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InfoIcon\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 *   <InfoIcon 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 InfoIcon = 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=\"InfoIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nInfoIcon.displayName = \"InfoIcon\";\nexport default InfoIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAC/B,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,UAAU;EACtBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACES,CAAC,EAAC,uIAAuI;EACzIC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,QAAQ,CAACiB,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACnBL,QAAQ"}
+{"version":3,"file":"Info.js","names":["React","InfoIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Info.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InfoIcon\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 *   <InfoIcon 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 InfoIcon = 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=\"InfoIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nInfoIcon.displayName = \"InfoIcon\";\nexport default InfoIcon;\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,QAAQ,gBAAGD,KAAK,CAACE,UAAU,CAC/B,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,UAAU;EACtBC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,uIAAuI;EACzIC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,QAAQ,CAACe,WAAW,GAAG,UAAU;AACjC,eAAef,QAAQ"}

package/dist/esm/components/Icons/collection/InfoSmall.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 InfoSmallIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const InfoSmallIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const InfoSmallIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 15,
   height: 15,
   viewBox: "0 0 15 15",
@@ -35,10 +29,10 @@ const InfoSmallIcon = /*#__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: "M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z",
   fillRule: "nonzero"
 })));
 InfoSmallIcon.displayName = "InfoSmallIcon";
-var _default = exports.default = InfoSmallIcon;
+export default InfoSmallIcon;
 //# sourceMappingURL=InfoSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoSmall.js","names":["_react","_interopRequireDefault","require","InfoSmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/InfoSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InfoSmallIcon\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 *   <InfoSmallIcon 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 InfoSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={15}\n      height={15}\n      viewBox=\"0 0 15 15\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"InfoSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nInfoSmallIcon.displayName = \"InfoSmallIcon\";\nexport default InfoSmallIcon;\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,6GAA6G;EAC/GC,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":"InfoSmall.js","names":["React","InfoSmallIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/InfoSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InfoSmallIcon\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 *   <InfoSmallIcon 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 InfoSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={15}\n      height={15}\n      viewBox=\"0 0 15 15\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"InfoSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nInfoSmallIcon.displayName = \"InfoSmallIcon\";\nexport default InfoSmallIcon;\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,6GAA6G;EAC/GC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,aAAa,CAACe,WAAW,GAAG,eAAe;AAC3C,eAAef,aAAa"}