@activecollab/components 2.0.374 → 2.0.376

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

@@ -0,0 +1,72 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component LayerBackwardIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayerBackwardIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayerBackwardIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const LayerBackwardIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "LayerBackwardIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("mask", {
+    id: "layer-backward-cutout"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "24",
+    height: "24",
+    fill: "#fff"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 14.5 15.96 10.54 14.83 9.41 12.8 11.44V6.5H11.2V11.44L9.17 9.41 8.04 10.54Z",
+    fill: "#000",
+    stroke: "#000",
+    strokeWidth: 3,
+    strokeLinejoin: "round",
+    strokeLinecap: "round"
+  })), /*#__PURE__*/React.createElement("g", {
+    mask: "url(#layer-backward-cutout)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z"
+  })), /*#__PURE__*/React.createElement("path", {
+    d: "M12 14.5 15.96 10.54 14.83 9.41 12.8 11.44V6.5H11.2V11.44L9.17 9.41 8.04 10.54Z"
+  }));
+});
+LayerBackwardIcon.displayName = "LayerBackwardIcon";
+export default LayerBackwardIcon;
+//# sourceMappingURL=LayerBackward.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerBackward.js","names":["React","GradientDefs","LayerBackwardIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","id","x","y","d","stroke","strokeWidth","strokeLinejoin","strokeLinecap","mask","displayName"],"sources":["../../../../../src/components/Icons/collection/LayerBackward.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component LayerBackwardIcon\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 * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <LayerBackwardIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <LayerBackwardIcon 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 LayerBackwardIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"LayerBackwardIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <mask id=\"layer-backward-cutout\">\n        <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"#fff\" />\n        <path\n          d=\"M12 14.5 15.96 10.54 14.83 9.41 12.8 11.44V6.5H11.2V11.44L9.17 9.41 8.04 10.54Z\"\n          fill=\"#000\"\n          stroke=\"#000\"\n          strokeWidth={3}\n          strokeLinejoin=\"round\"\n          strokeLinecap=\"round\"\n        />\n      </mask>\n      <g mask=\"url(#layer-backward-cutout)\">\n        <path d=\"M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z\" />\n      </g>\n      <path d=\"M12 14.5 15.96 10.54 14.83 9.41 12.8 11.44V6.5H11.2V11.44L9.17 9.41 8.04 10.54Z\" />\n    </svg>\n  )\n);\nLayerBackwardIcon.displayName = \"LayerBackwardIcon\";\nexport default LayerBackwardIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,UAAU,CACxC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,mBAAmB;IAC/BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,EAAE,EAAC;EAAuB,gBAC9BlB,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACP,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACE,IAAI,EAAC;EAAM,CAAE,CAAC,eACvDhB,KAAA,CAAAU,aAAA;IACEW,CAAC,EAAC,iFAAiF;IACnFL,IAAI,EAAC,MAAM;IACXM,MAAM,EAAC,MAAM;IACbC,WAAW,EAAE,CAAE;IACfC,cAAc,EAAC,OAAO;IACtBC,aAAa,EAAC;EAAO,CACtB,CACG,CAAC,eACPzB,KAAA,CAAAU,aAAA;IAAGgB,IAAI,EAAC;EAA6B,gBACnC1B,KAAA,CAAAU,aAAA;IAAMW,CAAC,EAAC;EAA0iB,CAAE,CACnjB,CAAC,eACJrB,KAAA,CAAAU,aAAA;IAAMW,CAAC,EAAC;EAAiF,CAAE,CACxF,CAAC;AAAA,CAEV,CAAC;AACDnB,iBAAiB,CAACyB,WAAW,GAAG,mBAAmB;AACnD,eAAezB,iBAAiB","ignoreList":[]}

package/dist/esm/components/Icons/collection/LayerForward.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component LayerForwardIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayerForwardIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayerForwardIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const LayerForwardIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default LayerForwardIcon;
+//# sourceMappingURL=LayerForward.d.ts.map

package/dist/esm/components/Icons/collection/LayerForward.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerForward.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/LayerForward.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,gBAAgB;eAML,MAAM;+CAuCtB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,72 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component LayerForwardIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayerForwardIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayerForwardIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const LayerForwardIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "LayerForwardIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("mask", {
+    id: "layer-forward-cutout"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "24",
+    height: "24",
+    fill: "#fff"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 2 15.96 5.96 14.83 7.09 12.8 5.06V10H11.2V5.06L9.17 7.09 8.04 5.96Z",
+    fill: "#000",
+    stroke: "#000",
+    strokeWidth: 3,
+    strokeLinejoin: "round",
+    strokeLinecap: "round"
+  })), /*#__PURE__*/React.createElement("g", {
+    mask: "url(#layer-forward-cutout)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z"
+  })), /*#__PURE__*/React.createElement("path", {
+    d: "M12 2 15.96 5.96 14.83 7.09 12.8 5.06V10H11.2V5.06L9.17 7.09 8.04 5.96Z"
+  }));
+});
+LayerForwardIcon.displayName = "LayerForwardIcon";
+export default LayerForwardIcon;
+//# sourceMappingURL=LayerForward.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerForward.js","names":["React","GradientDefs","LayerForwardIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","id","x","y","d","stroke","strokeWidth","strokeLinejoin","strokeLinecap","mask","displayName"],"sources":["../../../../../src/components/Icons/collection/LayerForward.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component LayerForwardIcon\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 * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <LayerForwardIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <LayerForwardIcon 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 LayerForwardIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"LayerForwardIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <mask id=\"layer-forward-cutout\">\n        <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"#fff\" />\n        <path\n          d=\"M12 2 15.96 5.96 14.83 7.09 12.8 5.06V10H11.2V5.06L9.17 7.09 8.04 5.96Z\"\n          fill=\"#000\"\n          stroke=\"#000\"\n          strokeWidth={3}\n          strokeLinejoin=\"round\"\n          strokeLinecap=\"round\"\n        />\n      </mask>\n      <g mask=\"url(#layer-forward-cutout)\">\n        <path d=\"M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z\" />\n      </g>\n      <path d=\"M12 2 15.96 5.96 14.83 7.09 12.8 5.06V10H11.2V5.06L9.17 7.09 8.04 5.96Z\" />\n    </svg>\n  )\n);\nLayerForwardIcon.displayName = \"LayerForwardIcon\";\nexport default LayerForwardIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,EAAE,EAAC;EAAsB,gBAC7BlB,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACP,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACE,IAAI,EAAC;EAAM,CAAE,CAAC,eACvDhB,KAAA,CAAAU,aAAA;IACEW,CAAC,EAAC,yEAAyE;IAC3EL,IAAI,EAAC,MAAM;IACXM,MAAM,EAAC,MAAM;IACbC,WAAW,EAAE,CAAE;IACfC,cAAc,EAAC,OAAO;IACtBC,aAAa,EAAC;EAAO,CACtB,CACG,CAAC,eACPzB,KAAA,CAAAU,aAAA;IAAGgB,IAAI,EAAC;EAA4B,gBAClC1B,KAAA,CAAAU,aAAA;IAAMW,CAAC,EAAC;EAA0iB,CAAE,CACnjB,CAAC,eACJrB,KAAA,CAAAU,aAAA;IAAMW,CAAC,EAAC;EAAyE,CAAE,CAChF,CAAC;AAAA,CAEV,CAAC;AACDnB,gBAAgB,CAACyB,WAAW,GAAG,kBAAkB;AACjD,eAAezB,gBAAgB","ignoreList":[]}

package/dist/esm/components/Icons/collection/LayerFront.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component LayerFrontIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayerFrontIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayerFrontIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const LayerFrontIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default LayerFrontIcon;
+//# sourceMappingURL=LayerFront.d.ts.map

package/dist/esm/components/Icons/collection/LayerFront.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerFront.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/LayerFront.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CA0BtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component LayerFrontIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayerFrontIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayerFrontIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const LayerFrontIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "LayerFrontIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 3.801 19.528 8.251 12 12.698 4.471 8.25z"
+  }));
+});
+LayerFrontIcon.displayName = "LayerFrontIcon";
+export default LayerFrontIcon;
+//# sourceMappingURL=LayerFront.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerFront.js","names":["React","GradientDefs","LayerFrontIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","displayName"],"sources":["../../../../../src/components/Icons/collection/LayerFront.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component LayerFrontIcon\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 * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <LayerFrontIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <LayerFrontIcon 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 LayerFrontIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"LayerFrontIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z\" />\n      <path d=\"M12 3.801 19.528 8.251 12 12.698 4.471 8.25z\" />\n    </svg>\n  )\n);\nLayerFrontIcon.displayName = \"LayerFrontIcon\";\nexport default LayerFrontIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAA0iB,CAAE,CAAC,eACrjBlB,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAA8C,CAAE,CACrD,CAAC;AAAA,CAEV,CAAC;AACDhB,cAAc,CAACiB,WAAW,GAAG,gBAAgB;AAC7C,eAAejB,cAAc","ignoreList":[]}

package/dist/esm/components/Icons/collection/Layers.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component LayersIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayersIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayersIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const LayersIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default LayersIcon;
+//# sourceMappingURL=Layers.d.ts.map

package/dist/esm/components/Icons/collection/Layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Layers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,UAAU;eAMC,MAAM;+CA+BtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,58 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component LayersIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <LayersIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <LayersIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const LayersIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "LayersIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#F4F5F7",
+    strokeWidth: 0.1,
+    d: "M.05.05h23.9v23.9H.05z",
+    opacity: 0.01
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z"
+  }));
+});
+LayersIcon.displayName = "LayersIcon";
+export default LayersIcon;
+//# sourceMappingURL=Layers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layers.js","names":["React","GradientDefs","LayersIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeWidth","d","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Layers.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component LayersIcon\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 * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <LayersIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <LayersIcon 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 LayersIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"LayersIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        d=\"M.05.05h23.9v23.9H.05z\"\n        opacity={0.01}\n      />\n      <path d=\"M22 12a.83.83 0 0 0-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 0 0 0-1.435l-9.167-5.417a.83.83 0 0 0-.848 0L2.409 7.533a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l1.96 1.157-1.96 1.158a.833.833 0 0 0 0 1.435l9.167 5.416a.83.83 0 0 0 .848 0l9.167-5.416a.834.834 0 0 0 0-1.435l-1.96-1.158 1.96-1.157A.83.83 0 0 0 22 12M12 3.801l7.528 4.45L12 12.698 4.471 8.25zm-.424 10.583a.83.83 0 0 0 .848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.83.83 0 0 0 .848 0l5.57-3.29z\" />\n    </svg>\n  )\n);\nLayersIcon.displayName = \"LayersIcon\";\nexport default LayersIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CACjC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,YAAY;IACxBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC,wBAAwB;IAC1BC,OAAO,EAAE;EAAK,CACf,CAAC,eACFrB,KAAA,CAAAU,aAAA;IAAMU,CAAC,EAAC;EAA0iB,CAAE,CACjjB,CAAC;AAAA,CAEV,CAAC;AACDlB,UAAU,CAACoB,WAAW,GAAG,YAAY;AACrC,eAAepB,UAAU","ignoreList":[]}

package/dist/esm/components/Icons/collection/SidebarLeft.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component SidebarLeftIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <SidebarLeftIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <SidebarLeftIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const SidebarLeftIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SidebarLeftIcon;
+//# sourceMappingURL=SidebarLeft.d.ts.map

package/dist/esm/components/Icons/collection/SidebarLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLeft.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/SidebarLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,eAAe;eAMJ,MAAM;+CAkCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component SidebarLeftIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <SidebarLeftIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <SidebarLeftIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const SidebarLeftIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "SidebarLeftIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 5a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm-5 2h4v10h-4z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm18 0H4v16h16z",
+    clipRule: "evenodd"
+  }));
+});
+SidebarLeftIcon.displayName = "SidebarLeftIcon";
+export default SidebarLeftIcon;
+//# sourceMappingURL=SidebarLeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLeft.js","names":["React","GradientDefs","SidebarLeftIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/SidebarLeft.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SidebarLeftIcon\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 * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <SidebarLeftIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <SidebarLeftIcon 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 SidebarLeftIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"SidebarLeftIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M12 5a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm-5 2h4v10h-4z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm18 0H4v16h16z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSidebarLeftIcon.displayName = \"SidebarLeftIcon\";\nexport default SidebarLeftIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGF,KAAK,CAACG,UAAU,CACtC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,iBAAiB;IAC7BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,sFAAsF;IACxFC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFpB,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,qFAAqF;IACvFC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,eAAe,CAACmB,WAAW,GAAG,iBAAiB;AAC/C,eAAenB,eAAe","ignoreList":[]}

package/dist/esm/components/Icons/collection/SidebarRight.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component SidebarRightIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <SidebarRightIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <SidebarRightIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const SidebarRightIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SidebarRightIcon;
+//# sourceMappingURL=SidebarRight.d.ts.map

package/dist/esm/components/Icons/collection/SidebarRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarRight.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/SidebarRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,gBAAgB;eAML,MAAM;+CAkCtB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component SidebarRightIcon
+ * @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.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <SidebarRightIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <SidebarRightIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+const SidebarRightIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "SidebarRightIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm5 2h-4v10h4z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm18 0H4v16h16z",
+    clipRule: "evenodd"
+  }));
+});
+SidebarRightIcon.displayName = "SidebarRightIcon";
+export default SidebarRightIcon;
+//# sourceMappingURL=SidebarRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarRight.js","names":["React","GradientDefs","SidebarRightIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/SidebarRight.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SidebarRightIcon\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 * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <SidebarRightIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <SidebarRightIcon 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 SidebarRightIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"SidebarRightIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M12 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm5 2h-4v10h4z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm18 0H4v16h16z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nSidebarRightIcon.displayName = \"SidebarRightIcon\";\nexport default SidebarRightIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,oFAAoF;IACtFC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFpB,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,qFAAqF;IACvFC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB;AACjD,eAAenB,gBAAgB","ignoreList":[]}