@activecollab/components 2.0.90 → 2.0.91

package/dist/esm/components/Icons/collection/InsertLink.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 InsertLinkIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const InsertLinkIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const InsertLinkIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const InsertLinkIcon = /*#__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: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z",
   fillRule: "evenodd"
 })));
 InsertLinkIcon.displayName = "InsertLinkIcon";
-var _default = exports.default = InsertLinkIcon;
+export default InsertLinkIcon;
 //# sourceMappingURL=InsertLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InsertLink.js","names":["_react","_interopRequireDefault","require","InsertLinkIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/InsertLink.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InsertLinkIcon\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 *   <InsertLinkIcon 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 InsertLinkIcon = 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=\"InsertLinkIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nInsertLinkIcon.displayName = \"InsertLinkIcon\";\nexport default InsertLinkIcon;\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,2NAA2N;EAC7NC,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":"InsertLink.js","names":["React","InsertLinkIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/InsertLink.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InsertLinkIcon\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 *   <InsertLinkIcon 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 InsertLinkIcon = 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=\"InsertLinkIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nInsertLinkIcon.displayName = \"InsertLinkIcon\";\nexport default InsertLinkIcon;\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,2NAA2N;EAC7NC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,cAAc,CAACe,WAAW,GAAG,gBAAgB;AAC7C,eAAef,cAAc"}

package/dist/esm/components/Icons/collection/Integrations.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 IntegrationsIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const IntegrationsIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const IntegrationsIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,14 +29,14 @@ const IntegrationsIcon = /*#__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 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   stroke: "#F4F5F7",
   strokeWidth: 0.1,
   opacity: 0.01,
   d: "M.05.05h23.9v23.9H.05z"
 })));
 IntegrationsIcon.displayName = "IntegrationsIcon";
-var _default = exports.default = IntegrationsIcon;
+export default IntegrationsIcon;
 //# sourceMappingURL=Integrations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Integrations.js","names":["_react","_interopRequireDefault","require","IntegrationsIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","opacity","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Integrations.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component IntegrationsIcon\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 *   <IntegrationsIcon 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 IntegrationsIcon = 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=\"IntegrationsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M10 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nIntegrationsIcon.displayName = \"IntegrationsIcon\";\nexport default IntegrationsIcon;\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;EAAMS,CAAC,EAAC;AAAwH,CAAE,CAAC,eACnIlB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEU,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,GAAI;EACjBC,OAAO,EAAE,IAAK;EACdH,CAAC,EAAC;AAAwB,CAC3B,CACE,CAET,CAAC;AACDf,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GACnCL,gBAAgB"}
+{"version":3,"file":"Integrations.js","names":["React","IntegrationsIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Integrations.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component IntegrationsIcon\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 *   <IntegrationsIcon 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 IntegrationsIcon = 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=\"IntegrationsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M10 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nIntegrationsIcon.displayName = \"IntegrationsIcon\";\nexport default IntegrationsIcon;\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;EAAMS,CAAC,EAAC;AAAwH,CAAE,CAAC,eACnId,KAAA,CAAAK,aAAA;EACEU,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,GAAI;EACjBC,OAAO,EAAE,IAAK;EACdH,CAAC,EAAC;AAAwB,CAC3B,CACE,CAET,CAAC;AACDb,gBAAgB,CAACiB,WAAW,GAAG,kBAAkB;AACjD,eAAejB,gBAAgB"}

package/dist/esm/components/Icons/collection/Invoices.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 InvoicesIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const InvoicesIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const InvoicesIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,14 +29,14 @@ const InvoicesIcon = /*#__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: "M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z"
-}), /*#__PURE__*/_react.default.createElement("path", {
+}), /*#__PURE__*/React.createElement("path", {
   stroke: "#F4F5F7",
   strokeWidth: 0.1,
   opacity: 0.01,
   d: "M.05.05h23.9v23.9H.05z"
 })));
 InvoicesIcon.displayName = "InvoicesIcon";
-var _default = exports.default = InvoicesIcon;
+export default InvoicesIcon;
 //# sourceMappingURL=Invoices.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Invoices.js","names":["_react","_interopRequireDefault","require","InvoicesIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","opacity","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Invoices.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InvoicesIcon\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 *   <InvoicesIcon 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 InvoicesIcon = 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=\"InvoicesIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nInvoicesIcon.displayName = \"InvoicesIcon\";\nexport default InvoicesIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;EACEG,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,cAAc;EAC1BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAEV;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAMS,CAAC,EAAC;AAA6uC,CAAE,CAAC,eACxvClB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEU,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,GAAI;EACjBC,OAAO,EAAE,IAAK;EACdH,CAAC,EAAC;AAAwB,CAC3B,CACE,CAET,CAAC;AACDf,YAAY,CAACmB,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAC3BL,YAAY"}
+{"version":3,"file":"Invoices.js","names":["React","InvoicesIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Invoices.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component InvoicesIcon\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 *   <InvoicesIcon 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 InvoicesIcon = 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=\"InvoicesIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nInvoicesIcon.displayName = \"InvoicesIcon\";\nexport default InvoicesIcon;\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,YAAY,gBAAGD,KAAK,CAACE,UAAU,CACnC,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,cAAc;EAC1BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EAAMS,CAAC,EAAC;AAA6uC,CAAE,CAAC,eACxvCd,KAAA,CAAAK,aAAA;EACEU,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,GAAI;EACjBC,OAAO,EAAE,IAAK;EACdH,CAAC,EAAC;AAAwB,CAC3B,CACE,CAET,CAAC;AACDb,YAAY,CAACiB,WAAW,GAAG,cAAc;AACzC,eAAejB,YAAY"}

package/dist/esm/components/Icons/collection/Labels.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 LabelsIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const LabelsIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const LabelsIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const LabelsIcon = /*#__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: "M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z",
   fillRule: "evenodd"
 })));
 LabelsIcon.displayName = "LabelsIcon";
-var _default = exports.default = LabelsIcon;
+export default LabelsIcon;
 //# sourceMappingURL=Labels.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Labels.js","names":["_react","_interopRequireDefault","require","LabelsIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Labels.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LabelsIcon\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 *   <LabelsIcon 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 LabelsIcon = 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=\"LabelsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nLabelsIcon.displayName = \"LabelsIcon\";\nexport default LabelsIcon;\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":"Labels.js","names":["React","LabelsIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Labels.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LabelsIcon\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 *   <LabelsIcon 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 LabelsIcon = 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=\"LabelsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nLabelsIcon.displayName = \"LabelsIcon\";\nexport default LabelsIcon;\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/Letter.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 LetterIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const LetterIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const LetterIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,11 +29,11 @@ const LetterIcon = /*#__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: "M2 6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6zm2 9v3h16V8l-8 5-8-5v7zm0-9l8 5 8-5H4z"
 })));
 LetterIcon.displayName = "LetterIcon";
-var _default = exports.default = LetterIcon;
+export default LetterIcon;
 //# sourceMappingURL=Letter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Letter.js","names":["_react","_interopRequireDefault","require","LetterIcon","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/Letter.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LetterIcon\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 *   <LetterIcon 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 LetterIcon = 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=\"LetterIcon\"\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=\"M2 6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6zm2 9v3h16V8l-8 5-8-5v7zm0-9l8 5 8-5H4z\"\n      />\n    </svg>\n  )\n);\nLetterIcon.displayName = \"LetterIcon\";\nexport default LetterIcon;\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,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAyG,CAC5G,CACE,CAET,CAAC;AACDjB,UAAU,CAACkB,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACvBL,UAAU"}
+{"version":3,"file":"Letter.js","names":["React","LetterIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Letter.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LetterIcon\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 *   <LetterIcon 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 LetterIcon = 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=\"LetterIcon\"\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=\"M2 6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6zm2 9v3h16V8l-8 5-8-5v7zm0-9l8 5 8-5H4z\"\n      />\n    </svg>\n  )\n);\nLetterIcon.displayName = \"LetterIcon\";\nexport default LetterIcon;\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,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBC,CAAC,EAAC;AAAyG,CAC5G,CACE,CAET,CAAC;AACDf,UAAU,CAACgB,WAAW,GAAG,YAAY;AACrC,eAAehB,UAAU"}

package/dist/esm/components/Icons/collection/LetterArrowRight.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 LetterArrowRightIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const LetterArrowRightIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const LetterArrowRightIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,11 +29,11 @@ const LetterArrowRightIcon = /*#__PURE__*/_react.default.forwardRef((props, svgR
   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: "M2 17h4v-3l5 4.5L6 23v-3H2v-3zM4 4a2 2 0 00-2 2v9h2V8l8 5 8-5v10h-7v2h7a2 2 0 002-2V6a2 2 0 00-2-2H4zm8 7L4 6h16l-8 5z"
 })));
 LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
-var _default = exports.default = LetterArrowRightIcon;
+export default LetterArrowRightIcon;
 //# sourceMappingURL=LetterArrowRight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LetterArrowRight.js","names":["_react","_interopRequireDefault","require","LetterArrowRightIcon","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/LetterArrowRight.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LetterArrowRightIcon\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 *   <LetterArrowRightIcon 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 LetterArrowRightIcon = 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=\"LetterArrowRightIcon\"\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=\"M2 17h4v-3l5 4.5L6 23v-3H2v-3zM4 4a2 2 0 00-2 2v9h2V8l8 5 8-5v10h-7v2h7a2 2 0 002-2V6a2 2 0 00-2-2H4zm8 7L4 6h16l-8 5z\"\n      />\n    </svg>\n  )\n);\nLetterArrowRightIcon.displayName = \"LetterArrowRightIcon\";\nexport default LetterArrowRightIcon;\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,oBAAoB,gBAAGC,cAAK,CAACC,UAAU,CAC3C,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,sBAAsB;EAClCC,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;AAAwH,CAC3H,CACE,CAET,CAAC;AACDjB,oBAAoB,CAACkB,WAAW,GAAG,sBAAsB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAC3CL,oBAAoB"}
+{"version":3,"file":"LetterArrowRight.js","names":["React","LetterArrowRightIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/LetterArrowRight.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LetterArrowRightIcon\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 *   <LetterArrowRightIcon 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 LetterArrowRightIcon = 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=\"LetterArrowRightIcon\"\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=\"M2 17h4v-3l5 4.5L6 23v-3H2v-3zM4 4a2 2 0 00-2 2v9h2V8l8 5 8-5v10h-7v2h7a2 2 0 002-2V6a2 2 0 00-2-2H4zm8 7L4 6h16l-8 5z\"\n      />\n    </svg>\n  )\n);\nLetterArrowRightIcon.displayName = \"LetterArrowRightIcon\";\nexport default LetterArrowRightIcon;\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,oBAAoB,gBAAGD,KAAK,CAACE,UAAU,CAC3C,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,sBAAsB;EAClCC,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;AAAwH,CAC3H,CACE,CAET,CAAC;AACDf,oBAAoB,CAACgB,WAAW,GAAG,sBAAsB;AACzD,eAAehB,oBAAoB"}

package/dist/esm/components/Icons/collection/Lock.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 LockIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const LockIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const LockIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const LockIcon = /*#__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 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z",
   fillRule: "evenodd"
 })));
 LockIcon.displayName = "LockIcon";
-var _default = exports.default = LockIcon;
+export default LockIcon;
 //# sourceMappingURL=Lock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Lock.js","names":["_react","_interopRequireDefault","require","LockIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Lock.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LockIcon\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 *   <LockIcon 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 LockIcon = 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=\"LockIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nLockIcon.displayName = \"LockIcon\";\nexport default LockIcon;\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,8LAA8L;EAChMC,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":"Lock.js","names":["React","LockIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Lock.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LockIcon\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 *   <LockIcon 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 LockIcon = 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=\"LockIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nLockIcon.displayName = \"LockIcon\";\nexport default LockIcon;\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,8LAA8L;EAChMC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,QAAQ,CAACe,WAAW,GAAG,UAAU;AACjC,eAAef,QAAQ"}

package/dist/esm/components/Icons/collection/LockSmall.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 LockSmallIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const LockSmallIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const LockSmallIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 12,
   height: 12,
   viewBox: "0 0 12 12",
@@ -35,10 +29,10 @@ const LockSmallIcon = /*#__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 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z",
   fillRule: "evenodd"
 })));
 LockSmallIcon.displayName = "LockSmallIcon";
-var _default = exports.default = LockSmallIcon;
+export default LockSmallIcon;
 //# sourceMappingURL=LockSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LockSmall.js","names":["_react","_interopRequireDefault","require","LockSmallIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/LockSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LockSmallIcon\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 *   <LockSmallIcon 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 LockSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"LockSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nLockSmallIcon.displayName = \"LockSmallIcon\";\nexport default LockSmallIcon;\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,0LAA0L;EAC5LC,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":"LockSmall.js","names":["React","LockSmallIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/LockSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component LockSmallIcon\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 *   <LockSmallIcon 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 LockSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"LockSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nLockSmallIcon.displayName = \"LockSmallIcon\";\nexport default LockSmallIcon;\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,0LAA0L;EAC5LC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,aAAa,CAACe,WAAW,GAAG,eAAe;AAC3C,eAAef,aAAa"}

package/dist/esm/components/Icons/collection/Marker.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 MarkerIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const MarkerIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const MarkerIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const MarkerIcon = /*#__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 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z",
   fillRule: "evenodd"
 })));
 MarkerIcon.displayName = "MarkerIcon";
-var _default = exports.default = MarkerIcon;
+export default MarkerIcon;
 //# sourceMappingURL=Marker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Marker.js","names":["_react","_interopRequireDefault","require","MarkerIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Marker.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MarkerIcon\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 *   <MarkerIcon 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 MarkerIcon = 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=\"MarkerIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMarkerIcon.displayName = \"MarkerIcon\";\nexport default MarkerIcon;\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,2SAA2S;EAC7SC,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":"Marker.js","names":["React","MarkerIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Marker.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MarkerIcon\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 *   <MarkerIcon 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 MarkerIcon = 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=\"MarkerIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMarkerIcon.displayName = \"MarkerIcon\";\nexport default MarkerIcon;\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,2SAA2S;EAC7SC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,UAAU,CAACe,WAAW,GAAG,YAAY;AACrC,eAAef,UAAU"}

package/dist/esm/components/Icons/collection/MenuNavIcon.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 MenuNavIcon = /*#__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 MenuNavIcon = /*#__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: "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"
 })));
 MenuNavIcon.displayName = "MenuNavIcon";
-var _default = exports.default = MenuNavIcon;
+export default MenuNavIcon;
 //# sourceMappingURL=MenuNavIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuNavIcon.js","names":["_react","_interopRequireDefault","require","MenuNavIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/MenuNavIcon.tsx"],"sourcesContent":["import React from \"react\";\nconst MenuNavIcon = 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=\"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);\nMenuNavIcon.displayName = \"MenuNavIcon\";\nexport default MenuNavIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;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;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETN,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EACEQ,CAAC,EAAC,0GAA0G;EAC5GC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDf,WAAW,CAACgB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GACzBL,WAAW"}
+{"version":3,"file":"MenuNavIcon.js","names":["React","MenuNavIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/MenuNavIcon.tsx"],"sourcesContent":["import React from \"react\";\nconst MenuNavIcon = 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=\"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);\nMenuNavIcon.displayName = \"MenuNavIcon\";\nexport default MenuNavIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,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;EAClCC,IAAI,EAAC,wBAAwB;EAC7BC,GAAG,EAAER;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACEQ,CAAC,EAAC,0GAA0G;EAC5GC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDb,WAAW,CAACc,WAAW,GAAG,aAAa;AACvC,eAAed,WAAW"}

package/dist/esm/components/Icons/collection/Message.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 MessageIcon
  * @description
@@ -26,7 +20,7 @@ var _react = _interopRequireDefault(require("react"));
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const MessageIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+const MessageIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
   width: 24,
   height: 24,
   viewBox: "0 0 24 24",
@@ -35,10 +29,10 @@ const MessageIcon = /*#__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: "M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z",
   fillRule: "evenodd"
 })));
 MessageIcon.displayName = "MessageIcon";
-var _default = exports.default = MessageIcon;
+export default MessageIcon;
 //# sourceMappingURL=Message.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["_react","_interopRequireDefault","require","MessageIcon","React","forwardRef","props","svgRef","default","createElement","_extends2","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/Message.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MessageIcon\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 *   <MessageIcon 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 MessageIcon = 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=\"MessageIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageIcon.displayName = \"MessageIcon\";\nexport default MessageIcon;\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,CAAC,EAAC,wHAAwH;EAC1HC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDhB,WAAW,CAACiB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GACzBL,WAAW"}
+{"version":3,"file":"Message.js","names":["React","MessageIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Message.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MessageIcon\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 *   <MessageIcon 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 MessageIcon = 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=\"MessageIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageIcon.displayName = \"MessageIcon\";\nexport default MessageIcon;\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,CAAC,EAAC,wHAAwH;EAC1HC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,WAAW,CAACe,WAAW,GAAG,aAAa;AACvC,eAAef,WAAW"}