@activecollab/components 2.0.221 → 2.0.223

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

@@ -1 +1 @@
-{"version":3,"file":"WarningTriangle.js","names":["React","WarningTriangleIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/WarningTriangle.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component WarningTriangleIcon\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 *   <WarningTriangleIcon 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 WarningTriangleIcon = 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=\"WarningTriangleIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M13.08 2.247c.381.185.694.465.902.805l8.742 14.964c.597.978.194 2.204-.9 2.738a2.472 2.472 0 01-1.082.246H3.258C2.01 21 1 20.097 1 18.982c0-.337.095-.67.276-.966l8.742-14.964c.597-.978 1.968-1.339 3.063-.805zM12 4L3 19h18L12 4zm0 7a3 3 0 110 6 3 3 0 010-6z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nWarningTriangleIcon.displayName = \"WarningTriangleIcon\";\nexport default WarningTriangleIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,UAAU,CAC1C,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,qBAAqB;EACjCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,kQAAkQ;EACpQC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,mBAAmB,CAACe,WAAW,GAAG,qBAAqB;AACvD,eAAef,mBAAmB"}
+{"version":3,"file":"WarningTriangle.js","names":["React","GradientDefs","WarningTriangleIcon","forwardRef","_ref","svgRef","gradient","props","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/WarningTriangle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component WarningTriangleIcon\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 * <WarningTriangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <WarningTriangleIcon 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 WarningTriangleIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\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=\"WarningTriangleIcon\"\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={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        d=\"M13.08 2.247c.381.185.694.465.902.805l8.742 14.964c.597.978.194 2.204-.9 2.738a2.472 2.472 0 01-1.082.246H3.258C2.01 21 1 20.097 1 18.982c0-.337.095-.67.276-.966l8.742-14.964c.597-.978 1.968-1.339 3.063-.805zM12 4L3 19h18L12 4zm0 7a3 3 0 110 6 3 3 0 010-6z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nWarningTriangleIcon.displayName = \"WarningTriangleIcon\";\nexport default WarningTriangleIcon;\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,mBAAmB,gBAAGF,KAAK,CAACG,UAAU,CAC1C,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;IACEC,QAAQ;IACR,GAAGC;EAGL,CAAC,GAAAH,IAAA;EAAA,oBAGDJ,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjCC,IAAI,EACFR,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEO,IAAI,GACXP,KAAK,CAACO,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEX;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAQ,aAAA,CAACP,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAQ,aAAA;IACES,CAAC,EAAC,kQAAkQ;IACpQC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDhB,mBAAmB,CAACiB,WAAW,GAAG,qBAAqB;AACvD,eAAejB,mBAAmB"}

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

@@ -7,6 +7,13 @@ import React from "react";
  * 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 (
+ * <WarningTriangleSmallIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
  *
  * @example
  * return (
@@ -18,6 +25,8 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-declare const WarningTriangleSmallIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const WarningTriangleSmallIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default WarningTriangleSmallIcon;
 //# sourceMappingURL=WarningTriangleSmall.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WarningTriangleSmall.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/WarningTriangleSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,kHAmB7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"WarningTriangleSmall.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/WarningTriangleSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,wBAAwB;;+CAkC7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
+import { GradientDefs } from "../../GradientDefs";
 
 /**
  * @component WarningTriangleSmallIcon
@@ -9,6 +10,13 @@ import React from "react";
  * 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 (
+ * <WarningTriangleSmallIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
  *
  * @example
  * return (
@@ -20,19 +28,27 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const WarningTriangleSmallIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
-  width: 12,
-  height: 12,
-  viewBox: "0 0 12 12",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-testid": "WarningTriangleSmallIcon",
-  fill: "var(--color-theme-600)",
-  focusable: false,
-  ref: svgRef
-}, props), /*#__PURE__*/React.createElement("path", {
-  d: "M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",
-  fillRule: "evenodd"
-})));
+const WarningTriangleSmallIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    gradient,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 12,
+    height: 12,
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "WarningTriangleSmallIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",
+    fillRule: "evenodd"
+  }));
+});
 WarningTriangleSmallIcon.displayName = "WarningTriangleSmallIcon";
 export default WarningTriangleSmallIcon;
 //# sourceMappingURL=WarningTriangleSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WarningTriangleSmall.js","names":["React","WarningTriangleSmallIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/WarningTriangleSmall.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component WarningTriangleSmallIcon\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 *   <WarningTriangleSmallIcon 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 WarningTriangleSmallIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"WarningTriangleSmallIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nWarningTriangleSmallIcon.displayName = \"WarningTriangleSmallIcon\";\nexport default WarningTriangleSmallIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,wBAAwB,gBAAGD,KAAK,CAACE,UAAU,CAC/C,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,0BAA0B;EACtCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,6PAA6P;EAC/PC,QAAQ,EAAC;AAAS,CACnB,CACE,CAET,CAAC;AACDd,wBAAwB,CAACe,WAAW,GAAG,0BAA0B;AACjE,eAAef,wBAAwB"}
+{"version":3,"file":"WarningTriangleSmall.js","names":["React","GradientDefs","WarningTriangleSmallIcon","forwardRef","_ref","svgRef","gradient","props","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/WarningTriangleSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component WarningTriangleSmallIcon\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 * <WarningTriangleSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <WarningTriangleSmallIcon 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 WarningTriangleSmallIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={12}\n      height={12}\n      viewBox=\"0 0 12 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"WarningTriangleSmallIcon\"\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={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        d=\"M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nWarningTriangleSmallIcon.displayName = \"WarningTriangleSmallIcon\";\nexport default WarningTriangleSmallIcon;\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,wBAAwB,gBAAGF,KAAK,CAACG,UAAU,CAC/C,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;IACEC,QAAQ;IACR,GAAGC;EAGL,CAAC,GAAAH,IAAA;EAAA,oBAGDJ,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,0BAA0B;IACtCC,IAAI,EACFR,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEO,IAAI,GACXP,KAAK,CAACO,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEX;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAQ,aAAA,CAACP,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAQ,aAAA;IACES,CAAC,EAAC,6PAA6P;IAC/PC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDhB,wBAAwB,CAACiB,WAAW,GAAG,0BAA0B;AACjE,eAAejB,wBAAwB"}

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

@@ -7,6 +7,13 @@ import React from "react";
  * 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 (
+ * <WorkloadIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
  *
  * @example
  * return (
@@ -18,6 +25,8 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-declare const WorkloadIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const WorkloadIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default WorkloadIcon;
 //# sourceMappingURL=Workload.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Workload.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Workload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,YAAY,kHAsBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Workload.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/Workload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,YAAY;;+CAqCjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
+import { GradientDefs } from "../../GradientDefs";
 
 /**
  * @component WorkloadIcon
@@ -9,6 +10,13 @@ import React from "react";
  * 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 (
+ * <WorkloadIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
  *
  * @example
  * return (
@@ -20,23 +28,31 @@ import React from "react";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const WorkloadIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  "data-testid": "WorkloadIcon",
-  fill: "var(--color-theme-600)",
-  focusable: false,
-  ref: svgRef
-}, props), /*#__PURE__*/React.createElement("path", {
-  stroke: "#F4F5F7",
-  strokeWidth: 0.1,
-  opacity: 0.01,
-  d: "M.05.05h23.9v23.9H.05z"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M22 12a.834.834 0 00-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 000-1.435l-9.167-5.417a.833.833 0 00-.848 0L2.409 7.533a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l9.167 5.416a.829.829 0 00.848 0l9.167-5.416a.834.834 0 000-1.435l-1.96-1.158 1.96-1.157A.834.834 0 0022 12zM12 3.801l7.528 4.45L12 12.698 4.471 8.25 12 3.801zm-.424 10.583a.829.829 0 00.848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907 5.569 3.291zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.829.829 0 00.848 0l5.57-3.29 1.533.907z"
-})));
+const WorkloadIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
+  let {
+    gradient,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "WorkloadIcon",
+    fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#F4F5F7",
+    strokeWidth: 0.1,
+    opacity: 0.01,
+    d: "M.05.05h23.9v23.9H.05z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22 12a.834.834 0 00-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 000-1.435l-9.167-5.417a.833.833 0 00-.848 0L2.409 7.533a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l9.167 5.416a.829.829 0 00.848 0l9.167-5.416a.834.834 0 000-1.435l-1.96-1.158 1.96-1.157A.834.834 0 0022 12zM12 3.801l7.528 4.45L12 12.698 4.471 8.25 12 3.801zm-.424 10.583a.829.829 0 00.848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907 5.569 3.291zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.829.829 0 00.848 0l5.57-3.29 1.533.907z"
+  }));
+});
 WorkloadIcon.displayName = "WorkloadIcon";
 export default WorkloadIcon;
 //# sourceMappingURL=Workload.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Workload.js","names":["React","WorkloadIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","stroke","strokeWidth","opacity","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Workload.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component WorkloadIcon\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 *   <WorkloadIcon 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 WorkloadIcon = 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=\"WorkloadIcon\"\n      fill=\"var(--color-theme-600)\"\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n      <path d=\"M22 12a.834.834 0 00-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 000-1.435l-9.167-5.417a.833.833 0 00-.848 0L2.409 7.533a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l9.167 5.416a.829.829 0 00.848 0l9.167-5.416a.834.834 0 000-1.435l-1.96-1.158 1.96-1.157A.834.834 0 0022 12zM12 3.801l7.528 4.45L12 12.698 4.471 8.25 12 3.801zm-.424 10.583a.829.829 0 00.848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907 5.569 3.291zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.829.829 0 00.848 0l5.57-3.29 1.533.907z\" />\n    </svg>\n  )\n);\nWorkloadIcon.displayName = \"WorkloadIcon\";\nexport default WorkloadIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGD,KAAK,CAACE,UAAU,CACnC,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,cAAc;EAC1BC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,GAAI;EACjBC,OAAO,EAAE,IAAK;EACdC,CAAC,EAAC;AAAwB,CAC3B,CAAC,eACFjB,KAAA,CAAAK,aAAA;EAAMY,CAAC,EAAC;AAAkkB,CAAE,CACzkB,CAET,CAAC;AACDhB,YAAY,CAACiB,WAAW,GAAG,cAAc;AACzC,eAAejB,YAAY"}
+{"version":3,"file":"Workload.js","names":["React","GradientDefs","WorkloadIcon","forwardRef","_ref","svgRef","gradient","props","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","stroke","strokeWidth","opacity","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Workload.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component WorkloadIcon\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 * <WorkloadIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <WorkloadIcon 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 WorkloadIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\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=\"WorkloadIcon\"\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={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n      <path d=\"M22 12a.834.834 0 00-.41-.717l-1.959-1.158 1.96-1.157a.834.834 0 000-1.435l-9.167-5.417a.833.833 0 00-.848 0L2.409 7.533a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l1.96 1.157-1.96 1.158a.833.833 0 000 1.435l9.167 5.416a.829.829 0 00.848 0l9.167-5.416a.834.834 0 000-1.435l-1.96-1.158 1.96-1.157A.834.834 0 0022 12zM12 3.801l7.528 4.45L12 12.698 4.471 8.25 12 3.801zm-.424 10.583a.829.829 0 00.848 0l5.57-3.29 1.535.907L12 16.449 4.471 12l1.536-.907 5.569 3.291zm7.952 1.366L12 20.2l-7.529-4.45 1.536-.907 5.57 3.29a.829.829 0 00.848 0l5.57-3.29 1.533.907z\" />\n    </svg>\n  )\n);\nWorkloadIcon.displayName = \"WorkloadIcon\";\nexport default WorkloadIcon;\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,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;IACEC,QAAQ;IACR,GAAGC;EAGL,CAAC,GAAAH,IAAA;EAAA,oBAGDJ,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1BC,IAAI,EACFR,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEO,IAAI,GACXP,KAAK,CAACO,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEX;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAQ,aAAA,CAACP,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAQ,aAAA;IACES,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,GAAI;IACjBC,OAAO,EAAE,IAAK;IACdC,CAAC,EAAC;EAAwB,CAC3B,CAAC,eACFpB,KAAA,CAAAQ,aAAA;IAAMY,CAAC,EAAC;EAAkkB,CAAE,CACzkB,CAAC;AAAA,CAEV,CAAC;AACDlB,YAAY,CAACmB,WAAW,GAAG,cAAc;AACzC,eAAenB,YAAY"}

package/dist/esm/components/InfoBox/InfoBox.js

@@ -20,7 +20,7 @@ export const InfoBox = _ref => {
     note: colors.yellowWarning.color,
     default: colors.blueSky.color,
     neutral: colors.gray.color,
-    ai: colors.gray.color
+    ai: colors.aiGradient.color
   };
 
   // https://davidwalsh.name/hex-opacity

package/dist/esm/components/InfoBox/InfoBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n  StyledInfoBoxContainer,\n  StyledInfoBoxHeader,\n  StyledInfoBoxWrapper,\n  SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n  | \"success\"\n  | \"warning\"\n  | \"note\"\n  | \"default\"\n  | \"neutral\"\n  | \"ai\";\n\nexport interface InfoBoxProps {\n  type: InfoBoxType;\n  children?: ReactNode;\n  showIcon?: boolean;\n  title?: ReactNode | string;\n  icon?: ElementWithRef<SVGSVGElement>;\n  action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n  type = \"default\",\n  children,\n  showIcon,\n  icon,\n  title = null,\n  action = null,\n  ...rest\n}) => {\n  const statusColors: Record<InfoBoxType, string> = {\n    success: colors.greenSuccess.color,\n    warning: colors.redAlert.color,\n    note: colors.yellowWarning.color,\n    default: colors.blueSky.color,\n    neutral: colors.gray.color,\n    ai: colors.gray.color,\n  };\n\n  // https://davidwalsh.name/hex-opacity\n  const opacity = \"1A\";\n\n  return (\n    <StyledInfoBoxWrapper\n      $color={`${statusColors[type]}`}\n      $opacity={opacity}\n      $type={type}\n      {...rest}\n    >\n      <StyledInfoBoxContainer>\n        {showIcon && type !== \"ai\" && (\n          <span>\n            {icon && React.isValidElement(icon) ? (\n              React.cloneElement(icon, {\n                fill: statusColors[type],\n                width: 18,\n              })\n            ) : type === \"success\" ? (\n              <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n            ) : type === \"warning\" ? (\n              <CloseCircleIcon fill={statusColors[type]} width={18} />\n            ) : type === \"note\" || type === \"default\" ? (\n              <InfoIcon fill={statusColors[type]} width={18} />\n            ) : (\n              <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n            )}\n          </span>\n        )}\n        <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n          <SyledInfoBoxInnerHeader>\n            {typeof title === \"string\" && title ? (\n              <Body2 weight=\"bold\" lineHeight=\"loose\">\n                {title}\n              </Body2>\n            ) : (\n              title\n            )}\n            {action}\n          </SyledInfoBoxInnerHeader>\n          {children}\n        </StyledInfoBoxHeader>\n      </StyledInfoBoxContainer>\n    </StyledInfoBoxWrapper>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n  StyledInfoBoxContainer,\n  StyledInfoBoxHeader,\n  StyledInfoBoxWrapper,\n  SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n  | \"success\"\n  | \"warning\"\n  | \"note\"\n  | \"default\"\n  | \"neutral\"\n  | \"ai\";\n\nexport interface InfoBoxProps {\n  type: InfoBoxType;\n  children?: ReactNode;\n  showIcon?: boolean;\n  title?: ReactNode | string;\n  icon?: ElementWithRef<SVGSVGElement>;\n  action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n  type = \"default\",\n  children,\n  showIcon,\n  icon,\n  title = null,\n  action = null,\n  ...rest\n}) => {\n  const statusColors: Record<InfoBoxType, string> = {\n    success: colors.greenSuccess.color,\n    warning: colors.redAlert.color,\n    note: colors.yellowWarning.color,\n    default: colors.blueSky.color,\n    neutral: colors.gray.color,\n    ai: colors.aiGradient.color,\n  };\n\n  // https://davidwalsh.name/hex-opacity\n  const opacity = \"1A\";\n\n  return (\n    <StyledInfoBoxWrapper\n      $color={`${statusColors[type]}`}\n      $opacity={opacity}\n      $type={type}\n      {...rest}\n    >\n      <StyledInfoBoxContainer>\n        {showIcon && type !== \"ai\" && (\n          <span>\n            {icon && React.isValidElement(icon) ? (\n              React.cloneElement(icon, {\n                fill: statusColors[type],\n                width: 18,\n              })\n            ) : type === \"success\" ? (\n              <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n            ) : type === \"warning\" ? (\n              <CloseCircleIcon fill={statusColors[type]} width={18} />\n            ) : type === \"note\" || type === \"default\" ? (\n              <InfoIcon fill={statusColors[type]} width={18} />\n            ) : (\n              <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n            )}\n          </span>\n        )}\n        <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n          <SyledInfoBoxInnerHeader>\n            {typeof title === \"string\" && title ? (\n              <Body2 weight=\"bold\" lineHeight=\"loose\">\n                {title}\n              </Body2>\n            ) : (\n              title\n            )}\n            {action}\n          </SyledInfoBoxInnerHeader>\n          {children}\n        </StyledInfoBoxHeader>\n      </StyledInfoBoxContainer>\n    </StyledInfoBoxWrapper>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/MenuSelector/Styles.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const StyledMenuSelectorDots: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
-export declare const StyledMenuSelectorBack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledMenuSelectorDots: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledMenuSelectorBack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const StyledMenuSelector: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMenuSelectorInner: import("styled-components").StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/MenuSelector/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,sBAAsB,6MAElC,CAAC;AAIF,eAAO,MAAM,sBAAsB,6MAElC,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAK9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,sBAAsB;;0EAElC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;0EAElC,CAAC;AAIF,eAAO,MAAM,kBAAkB,oEAK9B,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC"}

package/dist/esm/components/SelectTrigger/Styles.d.ts

@@ -5,7 +5,9 @@ export declare const StyledSelectTrigger: import("styled-components").StyledComp
     $invalid?: boolean | undefined;
     $mode?: InputMode | undefined;
 }, never>;
-export declare const StyledCaretIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {
+export declare const StyledCaretIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {
     $open: boolean;
 }, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/SelectTrigger/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGtD,eAAO,MAAM,mBAAmB;;;;SA6E/B,CAAC;AAIF,eAAO,MAAM,eAAe;WACnB,OAAO;SAWf,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectTrigger/Styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGtD,eAAO,MAAM,mBAAmB;;;;SA6E/B,CAAC;AAIF,eAAO,MAAM,eAAe;;;WACnB,OAAO;SAWf,CAAC"}

package/dist/esm/components/Sort/Styles.d.ts

@@ -5,9 +5,15 @@ export declare const StyledValueButton: import("styled-components").StyledCompon
 export declare const StyledIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../IconButton").IconButtonProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledSortIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
-export declare const StyledSortIconDown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
-export declare const StyledSortIconUp: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledSortIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledSortIconDown: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledSortIconUp: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const StyledList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & {
     children?: import("react").ReactNode;
 } & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {

package/dist/esm/components/Sort/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sort/Styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,uMAE7B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;sEAE5B,CAAC;AAIF,eAAO,MAAM,cAAc,6MAE1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,6MAE9B,CAAC;AAIF,eAAO,MAAM,gBAAgB,6MAE5B,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;;;;;;kBAEtB,CAAC;AAIF,UAAU,mBAAoB,SAAQ,aAAa;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc;;mIAwB1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,qEAE9B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Sort/Styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxD,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,uMAE7B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;sEAE5B,CAAC;AAIF,eAAO,MAAM,cAAc;;0EAE1B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;0EAE9B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;0EAE5B,CAAC;AAIF,eAAO,MAAM,UAAU;;;;;;;;;;kBAEtB,CAAC;AAIF,UAAU,mBAAoB,SAAQ,aAAa;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc;;mIAwB1B,CAAC;AAIF,eAAO,MAAM,kBAAkB,qEAE9B,CAAC"}

package/dist/esm/components/ToastMessage/Styles.d.ts

@@ -5,6 +5,8 @@ interface StyledToastMessageProps {
 }
 export declare const StyledToastMessage: import("styled-components").StyledComponent<"div", any, StyledToastMessageProps, never>;
 export declare const StyledToastMessageText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCloseSmallIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledCloseSmallIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    gradient?: string | undefined;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ToastMessage/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ToastMessage/Styles.ts"],"names":[],"mappings":";AAOA,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,yFAoD9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,oEAMlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,6MAQhC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ToastMessage/Styles.ts"],"names":[],"mappings":";AAOA,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,yFAoD9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,oEAMlC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;0EAQhC,CAAC"}

package/dist/esm/utils/colors.d.ts

@@ -101,5 +101,10 @@ export declare const colors: {
         name: string;
         color: string;
     };
+    aiGradient: {
+        name: string;
+        color: string;
+        lighter: string;
+    };
 };
 //# sourceMappingURL=colors.d.ts.map

package/dist/esm/utils/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGlB,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GlB,CAAC"}

package/dist/esm/utils/colors.js

@@ -100,6 +100,11 @@ export const colors = {
   yellowWarning: {
     name: "Yellow warning",
     color: "#FFCC6B"
+  },
+  aiGradient: {
+    name: "AI Gradient",
+    color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
+    lighter: "linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))"
   }
 };
 //# sourceMappingURL=colors.js.map

package/dist/esm/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n  yellow: {\n    name: \"Yellow\",\n    color: \"#FDF196\",\n    darker: \"#948D5D\",\n    lighter: \"#EBD429\",\n  },\n  orange: {\n    name: \"Orange\",\n    color: \"#FBBB75\",\n    darker: \"#916C43\",\n    lighter: \"#E99841\",\n  },\n  beige: {\n    name: \"Beige\",\n    color: \"#EAC2AD\",\n    darker: \"#877064\",\n    lighter: \"#B98A72\",\n  },\n  pink: {\n    name: \"Pink\",\n    color: \"#FBD6E7\",\n    darker: \"#917C86\",\n    lighter: \"#E4A1C0\",\n  },\n  coral: {\n    name: \"Coral\",\n    color: \"#FF9C9C\",\n    darker: \"#945A5A\",\n    lighter: \"#DB4545\",\n  },\n  purpleDirty: {\n    name: \"Purple dirty\",\n    color: \"#C49CB6\",\n    darker: \"#715A69\",\n    lighter: \"#B16E9A\",\n  },\n  purple: {\n    name: \"Purple\",\n    color: \"#BEACF9\",\n    darker: \"#6E6390\",\n    lighter: \"#9B86DF\",\n  },\n  blueAqua: {\n    name: \"Blue aqua\",\n    color: \"#BDF7FD\",\n    darker: \"#6D8F92\",\n    lighter: \"#7BDDE7\",\n  },\n  bluePale: {\n    name: \"Blue pale\",\n    color: \"#BEEAFF\",\n    darker: \"#6E8794\",\n    lighter: \"#92BFD4\",\n  },\n  blueSky: {\n    name: \"Blue sky\",\n    color: \"#A0CBFD\",\n    darker: \"#5C7592\",\n    lighter: \"#568CCB\",\n  },\n  turquoise: {\n    name: \"Turquoise\",\n    color: \"#B9E4E0\",\n    darker: \"#6B8482\",\n    lighter: \"#70BFB8\",\n  },\n  greenPale: {\n    name: \"Green pale\",\n    color: \"#C3E799\",\n    darker: \"#718658\",\n    lighter: \"#80C333\",\n  },\n  greenOliveDrab: {\n    name: \"Green olive drab\",\n    color: \"#98B57C\",\n    darker: \"#647157\",\n    lighter: \"#819F65\",\n  },\n  graySilver: {\n    name: \"Gray silver\",\n    color: \"#DDDDDD\",\n    darker: \"#808080\",\n    lighter: \"#ACACAC\",\n  },\n  gray: {\n    name: \"Gray\",\n    color: \"#CACACA\",\n    darker: \"#757575\",\n    lighter: \"#7D7D7D\",\n  },\n  greenSuccess: {\n    name: \"Green success\",\n    color: \"#64CD93\",\n  },\n  redAlert: {\n    name: \"Red alert\",\n    color: \"#ED6161\",\n  },\n  yellowWarning: {\n    name: \"Yellow warning\",\n    color: \"#FFCC6B\",\n  },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT;AACF,CAAC"}
+{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n  yellow: {\n    name: \"Yellow\",\n    color: \"#FDF196\",\n    darker: \"#948D5D\",\n    lighter: \"#EBD429\",\n  },\n  orange: {\n    name: \"Orange\",\n    color: \"#FBBB75\",\n    darker: \"#916C43\",\n    lighter: \"#E99841\",\n  },\n  beige: {\n    name: \"Beige\",\n    color: \"#EAC2AD\",\n    darker: \"#877064\",\n    lighter: \"#B98A72\",\n  },\n  pink: {\n    name: \"Pink\",\n    color: \"#FBD6E7\",\n    darker: \"#917C86\",\n    lighter: \"#E4A1C0\",\n  },\n  coral: {\n    name: \"Coral\",\n    color: \"#FF9C9C\",\n    darker: \"#945A5A\",\n    lighter: \"#DB4545\",\n  },\n  purpleDirty: {\n    name: \"Purple dirty\",\n    color: \"#C49CB6\",\n    darker: \"#715A69\",\n    lighter: \"#B16E9A\",\n  },\n  purple: {\n    name: \"Purple\",\n    color: \"#BEACF9\",\n    darker: \"#6E6390\",\n    lighter: \"#9B86DF\",\n  },\n  blueAqua: {\n    name: \"Blue aqua\",\n    color: \"#BDF7FD\",\n    darker: \"#6D8F92\",\n    lighter: \"#7BDDE7\",\n  },\n  bluePale: {\n    name: \"Blue pale\",\n    color: \"#BEEAFF\",\n    darker: \"#6E8794\",\n    lighter: \"#92BFD4\",\n  },\n  blueSky: {\n    name: \"Blue sky\",\n    color: \"#A0CBFD\",\n    darker: \"#5C7592\",\n    lighter: \"#568CCB\",\n  },\n  turquoise: {\n    name: \"Turquoise\",\n    color: \"#B9E4E0\",\n    darker: \"#6B8482\",\n    lighter: \"#70BFB8\",\n  },\n  greenPale: {\n    name: \"Green pale\",\n    color: \"#C3E799\",\n    darker: \"#718658\",\n    lighter: \"#80C333\",\n  },\n  greenOliveDrab: {\n    name: \"Green olive drab\",\n    color: \"#98B57C\",\n    darker: \"#647157\",\n    lighter: \"#819F65\",\n  },\n  graySilver: {\n    name: \"Gray silver\",\n    color: \"#DDDDDD\",\n    darker: \"#808080\",\n    lighter: \"#ACACAC\",\n  },\n  gray: {\n    name: \"Gray\",\n    color: \"#CACACA\",\n    darker: \"#757575\",\n    lighter: \"#7D7D7D\",\n  },\n  greenSuccess: {\n    name: \"Green success\",\n    color: \"#64CD93\",\n  },\n  redAlert: {\n    name: \"Red alert\",\n    color: \"#ED6161\",\n  },\n  yellowWarning: {\n    name: \"Yellow warning\",\n    color: \"#FFCC6B\",\n  },\n  aiGradient: {\n    name: \"AI Gradient\",\n    color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n    lighter:\n      \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n  },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;EACDoB,UAAU,EAAE;IACVrB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}