@activecollab/components 1.0.237 → 1.0.239

package/dist/cjs/components/Icons/collection/Marker.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MarkerIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MarkerIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MarkerIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"Marker.js","names":["MarkerIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Marker.tsx"],"sourcesContent":["import React from \"react\";\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;AAA0B;AAAA;AAC1B,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,2SAA2S;IAC7S,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,UAAU,CAACK,WAAW,GAAG,YAAY;AAAC,eACvBL,UAAU;AAAA"}
+{"version":3,"file":"Marker.js","names":["MarkerIcon","React","forwardRef","props","svgRef","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;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,2SAA2S;IAC7S,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,UAAU,CAACK,WAAW,GAAG,YAAY;AAAC,eACvBL,UAAU;AAAA"}

package/dist/cjs/components/Icons/collection/Message.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MessageIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MessageIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MessageIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["MessageIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Message.tsx"],"sourcesContent":["import React from \"react\";\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;AAA0B;AAAA;AAC1B,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,wHAAwH;IAC1H,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}
+{"version":3,"file":"Message.js","names":["MessageIcon","React","forwardRef","props","svgRef","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;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,wHAAwH;IAC1H,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}

package/dist/cjs/components/Icons/collection/MessageAdd.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MessageAddIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MessageAddIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MessageAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/MessageAdd.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageAdd.js","names":["MessageAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MessageAdd.tsx"],"sourcesContent":["import React from \"react\";\nconst MessageAddIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"MessageAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5zm7-1v3h3v2h-3v3h-2V8h-3V6h3V3h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageAddIcon.displayName = \"MessageAddIcon\";\nexport default MessageAddIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,6GAA6G;IAC/G,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}
+{"version":3,"file":"MessageAdd.js","names":["MessageAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MessageAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MessageAddIcon\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 *   <MessageAddIcon 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 MessageAddIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"MessageAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5zm7-1v3h3v2h-3v3h-2V8h-3V6h3V3h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageAddIcon.displayName = \"MessageAddIcon\";\nexport default MessageAddIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,6GAA6G;IAC/G,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}

package/dist/cjs/components/Icons/collection/MessageEmpty.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MessageEmptyIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MessageEmptyIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MessageEmptyIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/MessageEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageEmpty.js","names":["MessageEmptyIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MessageEmpty.tsx"],"sourcesContent":["import React from \"react\";\nconst MessageEmptyIcon = 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=\"MessageEmptyIcon\"\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 16H20V4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageEmptyIcon.displayName = \"MessageEmptyIcon\";\nexport default MessageEmptyIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,2FAA2F;IAC7F,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}
+{"version":3,"file":"MessageEmpty.js","names":["MessageEmptyIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MessageEmpty.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MessageEmptyIcon\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 *   <MessageEmptyIcon 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 MessageEmptyIcon = 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=\"MessageEmptyIcon\"\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 16H20V4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageEmptyIcon.displayName = \"MessageEmptyIcon\";\nexport default MessageEmptyIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,2FAA2F;IAC7F,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}

package/dist/cjs/components/Icons/collection/MessageSmall.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MessageSmallIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MessageSmallIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MessageSmallIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 12,

package/dist/cjs/components/Icons/collection/MessageSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSmall.js","names":["MessageSmallIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MessageSmall.tsx"],"sourcesContent":["import React from \"react\";\nconst MessageSmallIcon = 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=\"MessageSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2v8H3.998L1 12V2h11zm-1 1H2v7.13L3.695 9H11V3zM6 6v1H3V6h3zm4-2v1H3V4h7z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageSmallIcon.displayName = \"MessageSmallIcon\";\nexport default MessageSmallIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,8EAA8E;IAChF,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}
+{"version":3,"file":"MessageSmall.js","names":["MessageSmallIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MessageSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MessageSmallIcon\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 *   <MessageSmallIcon 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 MessageSmallIcon = 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=\"MessageSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2v8H3.998L1 12V2h11zm-1 1H2v7.13L3.695 9H11V3zM6 6v1H3V6h3zm4-2v1H3V4h7z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMessageSmallIcon.displayName = \"MessageSmallIcon\";\nexport default MessageSmallIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,8EAA8E;IAChF,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}

package/dist/cjs/components/Icons/collection/Minus.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MinusIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MinusIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MinusIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/Minus.js.map

@@ -1 +1 @@
-{"version":3,"file":"Minus.js","names":["MinusIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Minus.tsx"],"sourcesContent":["import React from \"react\";\nconst MinusIcon = 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=\"MinusIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <rect x={5} y={11} width={14} height={2} rx={1} fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nMinusIcon.displayName = \"MinusIcon\";\nexport default MinusIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAChC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,WAAW;IACvB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAE,CAAE;IAAC,CAAC,EAAE,EAAG;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,QAAQ,EAAC;EAAS,EAAG,CACjE;AAAA,CACP,CACF;AACDH,SAAS,CAACK,WAAW,GAAG,WAAW;AAAC,eACrBL,SAAS;AAAA"}
+{"version":3,"file":"Minus.js","names":["MinusIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Minus.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MinusIcon\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 *   <MinusIcon 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 MinusIcon = 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=\"MinusIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <rect x={5} y={11} width={14} height={2} rx={1} fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nMinusIcon.displayName = \"MinusIcon\";\nexport default MinusIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAChC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,WAAW;IACvB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAE,CAAE;IAAC,CAAC,EAAE,EAAG;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,QAAQ,EAAC;EAAS,EAAG,CACjE;AAAA,CACP,CACF;AACDH,SAAS,CAACK,WAAW,GAAG,WAAW;AAAC,eACrBL,SAAS;AAAA"}

package/dist/cjs/components/Icons/collection/MoveTrigger.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MoveTriggerIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MoveTriggerIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MoveTriggerIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 10,

package/dist/cjs/components/Icons/collection/MoveTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoveTrigger.js","names":["MoveTriggerIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MoveTrigger.tsx"],"sourcesContent":["import React from \"react\";\nconst MoveTriggerIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"MoveTriggerIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M0 0h10v1H0zm0 3h10v1H0zm0 3h10v1H0zm0 3h10v1H0z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMoveTriggerIcon.displayName = \"MoveTriggerIcon\";\nexport default MoveTriggerIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,iBAAiB;IAC7B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,kDAAkD;IACpD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAAC,eACjCL,eAAe;AAAA"}
+{"version":3,"file":"MoveTrigger.js","names":["MoveTriggerIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MoveTrigger.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MoveTriggerIcon\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 *   <MoveTriggerIcon 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 MoveTriggerIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"MoveTriggerIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M0 0h10v1H0zm0 3h10v1H0zm0 3h10v1H0zm0 3h10v1H0z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nMoveTriggerIcon.displayName = \"MoveTriggerIcon\";\nexport default MoveTriggerIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,iBAAiB;IAC7B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,kDAAkD;IACpD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAAC,eACjCL,eAAe;AAAA"}

package/dist/cjs/components/Icons/collection/MyWork.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component MyWorkIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <MyWorkIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var MyWorkIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/MyWork.js.map

@@ -1 +1 @@
-{"version":3,"file":"MyWork.js","names":["MyWorkIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MyWork.tsx"],"sourcesContent":["import React from \"react\";\nconst MyWorkIcon = 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=\"MyWorkIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M12 12a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zm-7 5c.4-1.647 1.356-2.88 2.53-3.265A14.25 14.25 0 0112 15c1.49 0 2.98.245 4.47.735C17.645 16.12 18.6 17.353 19 19h-2.085c-.274-.757-.696-1.243-1.068-1.365A12.252 12.252 0 0012 17c-1.275 0-2.555.21-3.847.635-.372.122-.794.608-1.068 1.365H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5zm0-2h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5a3 3 0 013-3z\" />\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);\nMyWorkIcon.displayName = \"MyWorkIcon\";\nexport default MyWorkIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC;EAAgb,EAAG,eAC3b;IACE,MAAM,EAAC,SAAS;IAChB,WAAW,EAAE,GAAI;IACjB,OAAO,EAAE,IAAK;IACd,CAAC,EAAC;EAAwB,EAC1B,CACE;AAAA,CACP,CACF;AACDH,UAAU,CAACK,WAAW,GAAG,YAAY;AAAC,eACvBL,UAAU;AAAA"}
+{"version":3,"file":"MyWork.js","names":["MyWorkIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/MyWork.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component MyWorkIcon\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 *   <MyWorkIcon 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 MyWorkIcon = 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=\"MyWorkIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M12 12a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zm-7 5c.4-1.647 1.356-2.88 2.53-3.265A14.25 14.25 0 0112 15c1.49 0 2.98.245 4.47.735C17.645 16.12 18.6 17.353 19 19h-2.085c-.274-.757-.696-1.243-1.068-1.365A12.252 12.252 0 0012 17c-1.275 0-2.555.21-3.847.635-.372.122-.794.608-1.068 1.365H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5zm0-2h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5a3 3 0 013-3z\" />\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);\nMyWorkIcon.displayName = \"MyWorkIcon\";\nexport default MyWorkIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,YAAY;IACxB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC;EAAgb,EAAG,eAC3b;IACE,MAAM,EAAC,SAAS;IAChB,WAAW,EAAE,GAAI;IACjB,OAAO,EAAE,IAAK;IACd,CAAC,EAAC;EAAwB,EAC1B,CACE;AAAA,CACP,CACF;AACDH,UAAU,CAACK,WAAW,GAAG,YAAY;AAAC,eACvBL,UAAU;AAAA"}

package/dist/cjs/components/Icons/collection/Note.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component NoteIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <NoteIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var NoteIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/Note.js.map

@@ -1 +1 @@
-{"version":3,"file":"Note.js","names":["NoteIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Note.tsx"],"sourcesContent":["import React from \"react\";\nconst NoteIcon = 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=\"NoteIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M19 5v9h-5v5H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2zm-7 10H7v-2h5v2zm5-4H7V7h10v2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nNoteIcon.displayName = \"NoteIcon\";\nexport default NoteIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAC/B,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,UAAU;IACtB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mHAAmH;IACrH,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,QAAQ,CAACK,WAAW,GAAG,UAAU;AAAC,eACnBL,QAAQ;AAAA"}
+{"version":3,"file":"Note.js","names":["NoteIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Note.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component NoteIcon\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 *   <NoteIcon 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 NoteIcon = 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=\"NoteIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M19 5v9h-5v5H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2zm-7 10H7v-2h5v2zm5-4H7V7h10v2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nNoteIcon.displayName = \"NoteIcon\";\nexport default NoteIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,gBAAGC,cAAK,CAACC,UAAU,CAC/B,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,UAAU;IACtB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mHAAmH;IACrH,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,QAAQ,CAACK,WAAW,GAAG,UAAU;AAAC,eACnBL,QAAQ;AAAA"}

package/dist/cjs/components/Icons/collection/NoteAdd.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component NoteAddIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <NoteAddIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var NoteAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/NoteAdd.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteAdd.js","names":["NoteAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/NoteAdd.tsx"],"sourcesContent":["import React from \"react\";\nconst NoteAddIcon = 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=\"NoteAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7 14v3h3v2H7v3H5v-3.001L2 19v-2l3-.001V14h2zM19 3c1.05 0 1.918.82 1.994 1.851L21 5v10l-6 6h-3v-2h2v-5h5V5H5v7H3V5c0-1.05.82-1.918 1.851-1.994L5 3h14zm-7 8v2H8v-2h4zm5-4v2H7V7h10z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nNoteAddIcon.displayName = \"NoteAddIcon\";\nexport default NoteAddIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,qLAAqL;IACvL,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}
+{"version":3,"file":"NoteAdd.js","names":["NoteAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/NoteAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component NoteAddIcon\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 *   <NoteAddIcon 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 NoteAddIcon = 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=\"NoteAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M7 14v3h3v2H7v3H5v-3.001L2 19v-2l3-.001V14h2zM19 3c1.05 0 1.918.82 1.994 1.851L21 5v10l-6 6h-3v-2h2v-5h5V5H5v7H3V5c0-1.05.82-1.918 1.851-1.994L5 3h14zm-7 8v2H8v-2h4zm5-4v2H7V7h10z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nNoteAddIcon.displayName = \"NoteAddIcon\";\nexport default NoteAddIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAClC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzB,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,qLAAqL;IACvL,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eACzBL,WAAW;AAAA"}

package/dist/cjs/components/Icons/collection/NotificationBell.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component NotificationBellIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <NotificationBellIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var NotificationBellIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/NotificationBell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBell.js","names":["NotificationBellIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/NotificationBell.tsx"],"sourcesContent":["import React from \"react\";\nconst NotificationBellIcon = 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=\"NotificationBellIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M21 19H3v-3.9l.7-.2C4.5 14.6 5 13.8 5 13v-2c0-2.7 1.6-5.2 4-6.3.2-1.6 1.5-2.7 3-2.7s2.8 1.1 3 2.7c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2V19zM5 17h14v-.5c-1.2-.7-2-2-2-3.5v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 6l-1 .5C8.1 7.3 7 9.1 7 11v2c0 1.4-.8 2.8-2 3.5v.5zm8 3h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1zm0 0h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1z\" />\n    </svg>\n  )\n);\nNotificationBellIcon.displayName = \"NotificationBellIcon\";\nexport default NotificationBellIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,oBAAoB,gBAAGC,cAAK,CAACC,UAAU,CAC3C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,sBAAsB;IAClC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC;EAAma,EAAG,CAC1a;AAAA,CACP,CACF;AACDH,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AAAC,eAC3CL,oBAAoB;AAAA"}
+{"version":3,"file":"NotificationBell.js","names":["NotificationBellIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/NotificationBell.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component NotificationBellIcon\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 *   <NotificationBellIcon 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 NotificationBellIcon = 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=\"NotificationBellIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M21 19H3v-3.9l.7-.2C4.5 14.6 5 13.8 5 13v-2c0-2.7 1.6-5.2 4-6.3.2-1.6 1.5-2.7 3-2.7s2.8 1.1 3 2.7c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2V19zM5 17h14v-.5c-1.2-.7-2-2-2-3.5v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 6l-1 .5C8.1 7.3 7 9.1 7 11v2c0 1.4-.8 2.8-2 3.5v.5zm8 3h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1zm0 0h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1z\" />\n    </svg>\n  )\n);\nNotificationBellIcon.displayName = \"NotificationBellIcon\";\nexport default NotificationBellIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,oBAAoB,gBAAGC,cAAK,CAACC,UAAU,CAC3C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,sBAAsB;IAClC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC;EAAma,EAAG,CAC1a;AAAA,CACP,CACF;AACDH,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AAAC,eAC3CL,oBAAoB;AAAA"}

package/dist/cjs/components/Icons/collection/OpenExpanded.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component OpenExpandedIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <OpenExpandedIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var OpenExpandedIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/OpenExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenExpanded.js","names":["OpenExpandedIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/OpenExpanded.tsx"],"sourcesContent":["import React from \"react\";\nconst OpenExpandedIcon = 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=\"OpenExpandedIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h5V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-5h-2v5z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nOpenExpandedIcon.displayName = \"OpenExpandedIcon\";\nexport default OpenExpandedIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,sHAAsH;IACxH,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}
+{"version":3,"file":"OpenExpanded.js","names":["OpenExpandedIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/OpenExpanded.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component OpenExpandedIcon\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 *   <OpenExpandedIcon 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 OpenExpandedIcon = 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=\"OpenExpandedIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h5V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-5h-2v5z\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n);\nOpenExpandedIcon.displayName = \"OpenExpandedIcon\";\nexport default OpenExpandedIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,sHAAsH;IACxH,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}

package/dist/cjs/components/Icons/collection/OpenSheet.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component OpenSheetIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <OpenSheetIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var OpenSheetIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/OpenSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenSheet.js","names":["OpenSheetIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/OpenSheet.tsx"],"sourcesContent":["import React from \"react\";\nconst OpenSheetIcon = 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=\"OpenSheetIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 5a1 1 0 00-1 1v6L8 9v2.25H5v1.5h3V15l3-3v6a1 1 0 001 1h6a1 1 0 001-1V6a1 1 0 00-1-1h-6zm5 2h-4v10h4V7z\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 4a2 2 0 012-2h16a2 2 0 012 2v16a2 2 0 01-2 2H4a2 2 0 01-2-2V4zm18 0H4v16h16V4z\"\n      />\n    </svg>\n  )\n);\nOpenSheetIcon.displayName = \"OpenSheetIcon\";\nexport default OpenSheetIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA4G,EAC9G,eACF;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAmF,EACrF,CACE;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}
+{"version":3,"file":"OpenSheet.js","names":["OpenSheetIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/OpenSheet.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component OpenSheetIcon\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 *   <OpenSheetIcon 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 OpenSheetIcon = 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=\"OpenSheetIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 5a1 1 0 00-1 1v6L8 9v2.25H5v1.5h3V15l3-3v6a1 1 0 001 1h6a1 1 0 001-1V6a1 1 0 00-1-1h-6zm5 2h-4v10h4V7z\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2 4a2 2 0 012-2h16a2 2 0 012 2v16a2 2 0 01-2 2H4a2 2 0 01-2-2V4zm18 0H4v16h16V4z\"\n      />\n    </svg>\n  )\n);\nOpenSheetIcon.displayName = \"OpenSheetIcon\";\nexport default OpenSheetIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAA4G,EAC9G,eACF;IACE,QAAQ,EAAC,SAAS;IAClB,QAAQ,EAAC,SAAS;IAClB,CAAC,EAAC;EAAmF,EACrF,CACE;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}

package/dist/cjs/components/Icons/collection/OrderFirst.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component OrderFirstIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <OrderFirstIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var OrderFirstIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

package/dist/cjs/components/Icons/collection/OrderFirst.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderFirst.js","names":["OrderFirstIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/OrderFirst.tsx"],"sourcesContent":["import React from \"react\";\nconst OrderFirstIcon = 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=\"OrderFirstIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nOrderFirstIcon.displayName = \"OrderFirstIcon\";\nexport default OrderFirstIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,yKAAyK;IAC3K,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}
+{"version":3,"file":"OrderFirst.js","names":["OrderFirstIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/OrderFirst.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component OrderFirstIcon\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 *   <OrderFirstIcon 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 OrderFirstIcon = 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=\"OrderFirstIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nOrderFirstIcon.displayName = \"OrderFirstIcon\";\nexport default OrderFirstIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CACrC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,yKAAyK;IAC3K,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}

package/dist/cjs/components/Icons/collection/PaidSmall.js

@@ -7,6 +7,25 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * @component PaidSmallIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ *
+ * @example
+ * return (
+ *   <PaidSmallIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PaidSmallIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 12,

package/dist/cjs/components/Icons/collection/PaidSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaidSmall.js","names":["PaidSmallIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PaidSmall.tsx"],"sourcesContent":["import React from \"react\";\nconst PaidSmallIcon = 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=\"PaidSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPaidSmallIcon.displayName = \"PaidSmallIcon\";\nexport default PaidSmallIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,4MAA4M;IAC9M,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}
+{"version":3,"file":"PaidSmall.js","names":["PaidSmallIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PaidSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PaidSmallIcon\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 *   <PaidSmallIcon 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 PaidSmallIcon = 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=\"PaidSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPaidSmallIcon.displayName = \"PaidSmallIcon\";\nexport default PaidSmallIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CACpC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,4MAA4M;IAC9M,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}