@activecollab/components 1.0.237 → 1.0.238

package/dist/cjs/components/Icons/collection/PersonCircle.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 PersonCircleIcon
+ * @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 (
+ *   <PersonCircleIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PersonCircleIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"PersonCircle.js","names":["PersonCircleIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonCircle.tsx"],"sourcesContent":["import React from \"react\";\nconst PersonCircleIcon = 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=\"PersonCircleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.01 10.01 0 017.864 8.151L21.8 10l.046.244.056.352.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm0-14a8 8 0 00-8 8l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048l.236-.265.193-.236.125-.163.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046a8.054 8.054 0 00-.409-.033l.359.028-.213-.019-.214-.012L12 4zm0 3a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonCircleIcon.displayName = \"PersonCircleIcon\";\nexport default PersonCircleIcon;\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,6tEAA6tE;IAC/tE,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}
+{"version":3,"file":"PersonCircle.js","names":["PersonCircleIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonCircle.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PersonCircleIcon\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 *   <PersonCircleIcon 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 PersonCircleIcon = 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=\"PersonCircleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.01 10.01 0 017.864 8.151L21.8 10l.046.244.056.352.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm0-14a8 8 0 00-8 8l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048l.236-.265.193-.236.125-.163.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046a8.054 8.054 0 00-.409-.033l.359.028-.213-.019-.214-.012L12 4zm0 3a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonCircleIcon.displayName = \"PersonCircleIcon\";\nexport default PersonCircleIcon;\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,6tEAA6tE;IAC/tE,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAAC,eACnCL,gBAAgB;AAAA"}

package/dist/cjs/components/Icons/collection/PersonCircleOff.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 PersonCircleOffIcon
+ * @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 (
+ *   <PersonCircleOffIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PersonCircleOffIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"PersonCircleOff.js","names":["PersonCircleOffIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonCircleOff.tsx"],"sourcesContent":["import React from \"react\";\nconst PersonCircleOffIcon = 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=\"PersonCircleOffIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.013 10.013 0 017.753 7.587l.062.3.042.233.044.276.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm-8-6l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.05 0 2.102.088 3.152.263L13.57 14.68a4 4 0 01-5.25-5.25L5.814 6.927A7.967 7.967 0 004 12zm8-8a7.966 7.966 0 00-4.935 1.703l11.231 11.231.118-.152.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046-.477-.036L12 4zm-.117 8.997l-1.879-1.881L10 11a2 2 0 001.883 1.997zM12 7a4 4 0 013.92 4.804L11.194 7.08c.26-.053.53-.081.805-.081z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonCircleOffIcon.displayName = \"PersonCircleOffIcon\";\nexport default PersonCircleOffIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,0xEAA0xE;IAC5xE,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,mBAAmB,CAACK,WAAW,GAAG,qBAAqB;AAAC,eACzCL,mBAAmB;AAAA"}
+{"version":3,"file":"PersonCircleOff.js","names":["PersonCircleOffIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonCircleOff.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PersonCircleOffIcon\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 *   <PersonCircleOffIcon 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 PersonCircleOffIcon = 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=\"PersonCircleOffIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.013 10.013 0 017.753 7.587l.062.3.042.233.044.276.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm-8-6l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.05 0 2.102.088 3.152.263L13.57 14.68a4 4 0 01-5.25-5.25L5.814 6.927A7.967 7.967 0 004 12zm8-8a7.966 7.966 0 00-4.935 1.703l11.231 11.231.118-.152.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046-.477-.036L12 4zm-.117 8.997l-1.879-1.881L10 11a2 2 0 001.883 1.997zM12 7a4 4 0 013.92 4.804L11.194 7.08c.26-.053.53-.081.805-.081z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonCircleOffIcon.displayName = \"PersonCircleOffIcon\";\nexport default PersonCircleOffIcon;\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,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,0xEAA0xE;IAC5xE,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,mBAAmB,CAACK,WAAW,GAAG,qBAAqB;AAAC,eACzCL,mBAAmB;AAAA"}

package/dist/cjs/components/Icons/collection/PersonPlus.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 PersonPlusIcon
+ * @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 (
+ *   <PersonPlusIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PersonPlusIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"PersonPlus.js","names":["PersonPlusIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonPlus.tsx"],"sourcesContent":["import React from \"react\";\nconst PersonPlusIcon = 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=\"PersonPlusIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonPlusIcon.displayName = \"PersonPlusIcon\";\nexport default PersonPlusIcon;\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,ooBAAooB;IACtoB,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}
+{"version":3,"file":"PersonPlus.js","names":["PersonPlusIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PersonPlus.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PersonPlusIcon\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 *   <PersonPlusIcon 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 PersonPlusIcon = 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=\"PersonPlusIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPersonPlusIcon.displayName = \"PersonPlusIcon\";\nexport default PersonPlusIcon;\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,ooBAAooB;IACtoB,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/PlayCircleOutline.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 PlayCircleOutlineIcon
+ * @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 (
+ *   <PlayCircleOutlineIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PlayCircleOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"PlayCircleOutline.js","names":["PlayCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"sourcesContent":["import React from \"react\";\nconst PlayCircleOutlineIcon = 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=\"PlayCircleOutlineIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,qBAAqB,gBAAGC,cAAK,CAACC,UAAU,CAC5C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,uBAAuB;IACnC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,8HAA8H;IAChI,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,qBAAqB,CAACK,WAAW,GAAG,uBAAuB;AAAC,eAC7CL,qBAAqB;AAAA"}
+{"version":3,"file":"PlayCircleOutline.js","names":["PlayCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlayCircleOutlineIcon\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 *   <PlayCircleOutlineIcon 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 PlayCircleOutlineIcon = 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=\"PlayCircleOutlineIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\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,qBAAqB,gBAAGC,cAAK,CAACC,UAAU,CAC5C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,uBAAuB;IACnC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,8HAA8H;IAChI,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,qBAAqB,CAACK,WAAW,GAAG,uBAAuB;AAAC,eAC7CL,qBAAqB;AAAA"}

package/dist/cjs/components/Icons/collection/PlayIcon.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 PlayIcon
+ * @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 (
+ *   <PlayIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PlayIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"PlayIcon.js","names":["PlayIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlayIcon.tsx"],"sourcesContent":["import React from \"react\";\nconst PlayIcon = 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=\"PlayIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayIcon.displayName = \"PlayIcon\";\nexport default PlayIcon;\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,kDAAkD;IACpD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,QAAQ,CAACK,WAAW,GAAG,UAAU;AAAC,eACnBL,QAAQ;AAAA"}
+{"version":3,"file":"PlayIcon.js","names":["PlayIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlayIcon.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlayIcon\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 *   <PlayIcon 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 PlayIcon = 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=\"PlayIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayIcon.displayName = \"PlayIcon\";\nexport default PlayIcon;\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,kDAAkD;IACpD,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,QAAQ,CAACK,WAAW,GAAG,UAAU;AAAC,eACnBL,QAAQ;AAAA"}

package/dist/cjs/components/Icons/collection/PlaySmall.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 PlaySmallIcon
+ * @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 (
+ *   <PlaySmallIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var PlaySmallIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"PlaySmall.js","names":["PlaySmallIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlaySmall.tsx"],"sourcesContent":["import React from \"react\";\nconst PlaySmallIcon = 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=\"PlaySmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M9 17V7l8 5z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nPlaySmallIcon.displayName = \"PlaySmallIcon\";\nexport default PlaySmallIcon;\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;IAAM,CAAC,EAAC,cAAc;IAAC,QAAQ,EAAC;EAAS,EAAG,CACxC;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}
+{"version":3,"file":"PlaySmall.js","names":["PlaySmallIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/PlaySmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component PlaySmallIcon\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 *   <PlaySmallIcon 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 PlaySmallIcon = 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=\"PlaySmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M9 17V7l8 5z\" fillRule=\"evenodd\" />\n    </svg>\n  )\n);\nPlaySmallIcon.displayName = \"PlaySmallIcon\";\nexport default PlaySmallIcon;\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;IAAM,CAAC,EAAC,cAAc;IAAC,QAAQ,EAAC;EAAS,EAAG,CACxC;AAAA,CACP,CACF;AACDH,aAAa,CAACK,WAAW,GAAG,eAAe;AAAC,eAC7BL,aAAa;AAAA"}

package/dist/cjs/components/Icons/collection/ProjectAdd.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 ProjectAddIcon
+ * @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 (
+ *   <ProjectAddIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var ProjectAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectAdd.js","names":["ProjectAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectAdd.tsx"],"sourcesContent":["import React from \"react\";\nconst ProjectAddIcon = 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=\"ProjectAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectAddIcon.displayName = \"ProjectAddIcon\";\nexport default ProjectAddIcon;\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,iRAAiR;IACnR,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}
+{"version":3,"file":"ProjectAdd.js","names":["ProjectAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectAddIcon\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 *   <ProjectAddIcon 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 ProjectAddIcon = 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=\"ProjectAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectAddIcon.displayName = \"ProjectAddIcon\";\nexport default ProjectAddIcon;\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,iRAAiR;IACnR,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/ProjectTemplate.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 ProjectTemplateIcon
+ * @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 (
+ *   <ProjectTemplateIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var ProjectTemplateIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTemplate.js","names":["ProjectTemplateIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectTemplate.tsx"],"sourcesContent":["import React from \"react\";\nconst ProjectTemplateIcon = 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=\"ProjectTemplateIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zm-8.464 6.121l2.535 2.536L16 10.75V16h-5.249l1.906-1.929-2.536-2.535 1.415-1.415zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm0 2H3v5h5V3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectTemplateIcon.displayName = \"ProjectTemplateIcon\";\nexport default ProjectTemplateIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mOAAmO;IACrO,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,mBAAmB,CAACK,WAAW,GAAG,qBAAqB;AAAC,eACzCL,mBAAmB;AAAA"}
+{"version":3,"file":"ProjectTemplate.js","names":["ProjectTemplateIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectTemplate.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectTemplateIcon\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 *   <ProjectTemplateIcon 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 ProjectTemplateIcon = 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=\"ProjectTemplateIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zm-8.464 6.121l2.535 2.536L16 10.75V16h-5.249l1.906-1.929-2.536-2.535 1.415-1.415zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm0 2H3v5h5V3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectTemplateIcon.displayName = \"ProjectTemplateIcon\";\nexport default ProjectTemplateIcon;\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,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mOAAmO;IACrO,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,mBAAmB,CAACK,WAAW,GAAG,qBAAqB;AAAC,eACzCL,mBAAmB;AAAA"}

package/dist/cjs/components/Icons/collection/ProjectTemplateAdd.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 ProjectTemplateAddIcon
+ * @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 (
+ *   <ProjectTemplateAddIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var ProjectTemplateAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTemplateAdd.js","names":["ProjectTemplateAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectTemplateAdd.tsx"],"sourcesContent":["import React from \"react\";\nconst ProjectTemplateAddIcon = 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=\"ProjectTemplateAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm0-7a2 2 0 012 2v3h-2v-3H10v10h3v2h-3a2 2 0 01-2-2V10a2 2 0 012-2h10zM7 5h10a2 2 0 011.995 1.85L19 7H7v12a2 2 0 01-2-2V7a2 2 0 012-2zm7-3a2 2 0 011.995 1.85L16 4H4v12a2 2 0 01-2-2V4a2 2 0 012-2h10z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectTemplateAddIcon.displayName = \"ProjectTemplateAddIcon\";\nexport default ProjectTemplateAddIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,sBAAsB,gBAAGC,cAAK,CAACC,UAAU,CAC7C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,wBAAwB;IACpC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,4OAA4O;IAC9O,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,sBAAsB,CAACK,WAAW,GAAG,wBAAwB;AAAC,eAC/CL,sBAAsB;AAAA"}
+{"version":3,"file":"ProjectTemplateAdd.js","names":["ProjectTemplateAddIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectTemplateAdd.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectTemplateAddIcon\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 *   <ProjectTemplateAddIcon 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 ProjectTemplateAddIcon = 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=\"ProjectTemplateAddIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm0-7a2 2 0 012 2v3h-2v-3H10v10h3v2h-3a2 2 0 01-2-2V10a2 2 0 012-2h10zM7 5h10a2 2 0 011.995 1.85L19 7H7v12a2 2 0 01-2-2V7a2 2 0 012-2zm7-3a2 2 0 011.995 1.85L16 4H4v12a2 2 0 01-2-2V4a2 2 0 012-2h10z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectTemplateAddIcon.displayName = \"ProjectTemplateAddIcon\";\nexport default ProjectTemplateAddIcon;\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,sBAAsB,gBAAGC,cAAK,CAACC,UAAU,CAC7C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,wBAAwB;IACpC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,4OAA4O;IAC9O,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,sBAAsB,CAACK,WAAW,GAAG,wBAAwB;AAAC,eAC/CL,sBAAsB;AAAA"}

package/dist/cjs/components/Icons/collection/ProjectTemplateConvert.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 ProjectTemplateConvertIcon
+ * @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 (
+ *   <ProjectTemplateConvertIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var ProjectTemplateConvertIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTemplateConvert.js","names":["ProjectTemplateConvertIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectTemplateConvert.tsx"],"sourcesContent":["import React from \"react\";\nconst ProjectTemplateConvertIcon = 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=\"ProjectTemplateConvertIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm8.37 10.121l-1.906 1.93L17 15.585 15.586 17l-2.536-2.536-1.929 1.907v-5.25h5.25zM8 3v5H3V3h5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectTemplateConvertIcon.displayName = \"ProjectTemplateConvertIcon\";\nexport default ProjectTemplateConvertIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,UAAU,CACjD,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,4BAA4B;IACxC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mOAAmO;IACrO,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,0BAA0B,CAACK,WAAW,GAAG,4BAA4B;AAAC,eACvDL,0BAA0B;AAAA"}
+{"version":3,"file":"ProjectTemplateConvert.js","names":["ProjectTemplateConvertIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/ProjectTemplateConvert.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectTemplateConvertIcon\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 *   <ProjectTemplateConvertIcon 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 ProjectTemplateConvertIcon = 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=\"ProjectTemplateConvertIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm8.37 10.121l-1.906 1.93L17 15.585 15.586 17l-2.536-2.536-1.929 1.907v-5.25h5.25zM8 3v5H3V3h5z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nProjectTemplateConvertIcon.displayName = \"ProjectTemplateConvertIcon\";\nexport default ProjectTemplateConvertIcon;\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,0BAA0B,gBAAGC,cAAK,CAACC,UAAU,CACjD,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,4BAA4B;IACxC,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,mOAAmO;IACrO,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,0BAA0B,CAACK,WAAW,GAAG,4BAA4B;AAAC,eACvDL,0BAA0B;AAAA"}

package/dist/cjs/components/Icons/collection/Projects.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 ProjectsIcon
+ * @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 (
+ *   <ProjectsIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var ProjectsIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"Projects.js","names":["ProjectsIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Projects.tsx"],"sourcesContent":["import React from \"react\";\nconst ProjectsIcon = 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=\"ProjectsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2z\" />\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);\nProjectsIcon.displayName = \"ProjectsIcon\";\nexport default ProjectsIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC;EAA6T,EAAG,eACxU;IACE,MAAM,EAAC,SAAS;IAChB,WAAW,EAAE,GAAI;IACjB,OAAO,EAAE,IAAK;IACd,CAAC,EAAC;EAAwB,EAC1B,CACE;AAAA,CACP,CACF;AACDH,YAAY,CAACK,WAAW,GAAG,cAAc;AAAC,eAC3BL,YAAY;AAAA"}
+{"version":3,"file":"Projects.js","names":["ProjectsIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Projects.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ProjectsIcon\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 *   <ProjectsIcon 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 ProjectsIcon = 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=\"ProjectsIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path d=\"M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2z\" />\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);\nProjectsIcon.displayName = \"ProjectsIcon\";\nexport default ProjectsIcon;\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,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IAAM,CAAC,EAAC;EAA6T,EAAG,eACxU;IACE,MAAM,EAAC,SAAS;IAChB,WAAW,EAAE,GAAI;IACjB,OAAO,EAAE,IAAK;IACd,CAAC,EAAC;EAAwB,EAC1B,CACE;AAAA,CACP,CACF;AACDH,YAAY,CAACK,WAAW,GAAG,cAAc;AAAC,eAC3BL,YAAY;AAAA"}

package/dist/cjs/components/Icons/collection/RadioBlank.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 RadioBlankIcon
+ * @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 (
+ *   <RadioBlankIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var RadioBlankIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"RadioBlank.js","names":["RadioBlankIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/RadioBlank.tsx"],"sourcesContent":["import React from \"react\";\nconst RadioBlankIcon = 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=\"RadioBlankIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nRadioBlankIcon.displayName = \"RadioBlankIcon\";\nexport default RadioBlankIcon;\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,yGAAyG;IAC3G,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAC/BL,cAAc;AAAA"}
+{"version":3,"file":"RadioBlank.js","names":["RadioBlankIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/RadioBlank.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component RadioBlankIcon\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 *   <RadioBlankIcon 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 RadioBlankIcon = 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=\"RadioBlankIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nRadioBlankIcon.displayName = \"RadioBlankIcon\";\nexport default RadioBlankIcon;\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,yGAAyG;IAC3G,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/RadioButton.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 RadioButtonIcon
+ * @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 (
+ *   <RadioButtonIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var RadioButtonIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 16,

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["RadioButtonIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\nconst RadioButtonIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"RadioButtonIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\">\n        <circle stroke=\"#5D2BFF\" cx={8} cy={8} r={7.5} />\n        <circle cx={8} cy={8} r={5} />\n      </g>\n    </svg>\n  )\n);\nRadioButtonIcon.displayName = \"RadioButtonIcon\";\nexport default RadioButtonIcon;\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;IAAG,QAAQ,EAAC;EAAS,gBACnB;IAAQ,MAAM,EAAC,SAAS;IAAC,EAAE,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,CAAC,EAAE;EAAI,EAAG,eACjD;IAAQ,EAAE,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,CAAC,EAAE;EAAE,EAAG,CAC5B,CACA;AAAA,CACP,CACF;AACDH,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAAC,eACjCL,eAAe;AAAA"}
+{"version":3,"file":"RadioButton.js","names":["RadioButtonIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component RadioButtonIcon\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 *   <RadioButtonIcon 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 RadioButtonIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"RadioButtonIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"evenodd\">\n        <circle stroke=\"#5D2BFF\" cx={8} cy={8} r={7.5} />\n        <circle cx={8} cy={8} r={5} />\n      </g>\n    </svg>\n  )\n);\nRadioButtonIcon.displayName = \"RadioButtonIcon\";\nexport default RadioButtonIcon;\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;IAAG,QAAQ,EAAC;EAAS,gBACnB;IAAQ,MAAM,EAAC,SAAS;IAAC,EAAE,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,CAAC,EAAE;EAAI,EAAG,eACjD;IAAQ,EAAE,EAAE,CAAE;IAAC,EAAE,EAAE,CAAE;IAAC,CAAC,EAAE;EAAE,EAAG,CAC5B,CACA;AAAA,CACP,CACF;AACDH,eAAe,CAACK,WAAW,GAAG,iBAAiB;AAAC,eACjCL,eAAe;AAAA"}

package/dist/cjs/components/Icons/collection/Rearange.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 RearangeIcon
+ * @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 (
+ *   <RearangeIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var RearangeIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 24,

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

@@ -1 +1 @@
-{"version":3,"file":"Rearange.js","names":["RearangeIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Rearange.tsx"],"sourcesContent":["import React from \"react\";\nconst RearangeIcon = 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=\"RearangeIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M9 16a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm-6-6a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zM9 4a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nRearangeIcon.displayName = \"RearangeIcon\";\nexport default RearangeIcon;\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAC1B,IAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,kLAAkL;IACpL,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,YAAY,CAACK,WAAW,GAAG,cAAc;AAAC,eAC3BL,YAAY;AAAA"}
+{"version":3,"file":"Rearange.js","names":["RearangeIcon","React","forwardRef","props","svgRef","displayName"],"sources":["../../../../../src/components/Icons/collection/Rearange.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component RearangeIcon\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 *   <RearangeIcon 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 RearangeIcon = 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=\"RearangeIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M9 16a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm-6-6a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zM9 4a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nRearangeIcon.displayName = \"RearangeIcon\";\nexport default RearangeIcon;\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,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtE;IACE,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,OAAO,EAAC,WAAW;IACnB,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1B,IAAI,EAAC,wBAAwB;IAC7B,SAAS,EAAE,KAAM;IACjB,GAAG,EAAEA;EAAO,GACRD,KAAK,gBAET;IACE,CAAC,EAAC,kLAAkL;IACpL,QAAQ,EAAC;EAAS,EAClB,CACE;AAAA,CACP,CACF;AACDH,YAAY,CAACK,WAAW,GAAG,cAAc;AAAC,eAC3BL,YAAY;AAAA"}

package/dist/cjs/components/Icons/collection/RearrangeSmall.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 RearrangeSmallIcon
+ * @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 (
+ *   <RearrangeSmallIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
 var RearrangeSmallIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
     width: 12,