@dynatrace/strato-icons 1.4.0 → 1.5.0

package/esm/__icons/CheckmarkSmallIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CheckmarkSmallIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CheckmarkSmallIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M15.2175 7.28249L8.5 14L4.96447 10.4645L6.02513 9.40381L8.5 11.8787L14.1569 6.22182L15.2175 7.28249Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "CheckmarkSmallIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M15.2175 7.28249L8.5 14L4.96447 10.4645L6.02513 9.40381L8.5 11.8787L14.1569 6.22182L15.2175 7.28249Z" }) });
 });
 CheckmarkSmallIcon.displayName = "CheckmarkSmallIcon";
 export {

package/esm/__icons/CheckmarkSmallIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CheckmarkSmallIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CheckmarkSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CheckmarkSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M15.2175 7.28249L8.5 14L4.96447 10.4645L6.02513 9.40381L8.5 11.8787L14.1569 6.22182L15.2175 7.28249Z\" />\n    </SvgIcon>\n  );\n});\n(\n  CheckmarkSmallIcon as typeof CheckmarkSmallIcon & { displayName: string }\n).displayName = 'CheckmarkSmallIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAKpC,MAAM,qBAAqC,2BAGhD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,sBAAqB,KAAK,cAAe,GAAG,SACjE,oCAAC,UAAK,GAAE,wGAAuG,CACjH;AAEJ,CAAC;AAEC,mBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CheckmarkSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CheckmarkSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M15.2175 7.28249L8.5 14L4.96447 10.4645L6.02513 9.40381L8.5 11.8787L14.1569 6.22182L15.2175 7.28249Z\" />\n    </SvgIcon>\n  );\n});\n(\n  CheckmarkSmallIcon as typeof CheckmarkSmallIcon & { displayName: string }\n).displayName = 'CheckmarkSmallIcon';\n"],
+  "mappings": "AAeM;AAbN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAKpC,MAAM,qBAAqC,2BAGhD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,sBAAqB,KAAK,cAAe,GAAG,OACjE,8BAAC,UAAK,GAAE,wGAAuG,GACjH;AAEJ,CAAC;AAEC,mBACA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronDownIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronDownIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronDownIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M3.63604 7.63604L10 14L16.364 7.63604L15.3068 6.57885L10 11.8787L4.6967 6.57538L3.63604 7.63604Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronDownIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M3.63604 7.63604L10 14L16.364 7.63604L15.3068 6.57885L10 11.8787L4.6967 6.57538L3.63604 7.63604Z" }) });
 });
 ChevronDownIcon.displayName = "ChevronDownIcon";
 export {

package/esm/__icons/ChevronDownIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronDownIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates an expandable/expanded component such as a dropdown or tree navigation\n */\n/**\n * @public\n */\nexport const ChevronDownIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronDownIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M3.63604 7.63604L10 14L16.364 7.63604L15.3068 6.57885L10 11.8787L4.6967 6.57538L3.63604 7.63604Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronDownIcon as typeof ChevronDownIcon & { displayName: string }\n).displayName = 'ChevronDownIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,kBAAkC,2BAG7C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,mBAAkB,KAAK,cAAe,GAAG,SAC9D,oCAAC,UAAK,GAAE,oGAAmG,CAC7G;AAEJ,CAAC;AAEC,gBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates an expandable/expanded component such as a dropdown or tree navigation\n * @public\n */\nexport const ChevronDownIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronDownIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M3.63604 7.63604L10 14L16.364 7.63604L15.3068 6.57885L10 11.8787L4.6967 6.57538L3.63604 7.63604Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronDownIcon as typeof ChevronDownIcon & { displayName: string }\n).displayName = 'ChevronDownIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,kBAAkC,2BAG7C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,mBAAkB,KAAK,cAAe,GAAG,OAC9D,8BAAC,UAAK,GAAE,oGAAmG,GAC7G;AAEJ,CAAC;AAEC,gBACA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronDownSmallIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronDownSmallIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronDownSmallIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M5.75736 8.48526L10 12.7279L14.2426 8.48526L13.182 7.4246L10 10.6066L6.81802 7.4246L5.75736 8.48526Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronDownSmallIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M5.75736 8.48526L10 12.7279L14.2426 8.48526L13.182 7.4246L10 10.6066L6.81802 7.4246L5.75736 8.48526Z" }) });
 });
 ChevronDownSmallIcon.displayName = "ChevronDownSmallIcon";
 export {

package/esm/__icons/ChevronDownSmallIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronDownSmallIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates an expandable/expanded component such as a dropdown or tree navigation\n */\n/**\n * @public\n */\nexport const ChevronDownSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronDownSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M5.75736 8.48526L10 12.7279L14.2426 8.48526L13.182 7.4246L10 10.6066L6.81802 7.4246L5.75736 8.48526Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronDownSmallIcon as typeof ChevronDownSmallIcon & { displayName: string }\n).displayName = 'ChevronDownSmallIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,uBAAuC,2BAGlD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,wBAAuB,KAAK,cAAe,GAAG,SACnE,oCAAC,UAAK,GAAE,wGAAuG,CACjH;AAEJ,CAAC;AAEC,qBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates an expandable/expanded component such as a dropdown or tree navigation\n * @public\n */\nexport const ChevronDownSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronDownSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M5.75736 8.48526L10 12.7279L14.2426 8.48526L13.182 7.4246L10 10.6066L6.81802 7.4246L5.75736 8.48526Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronDownSmallIcon as typeof ChevronDownSmallIcon & { displayName: string }\n).displayName = 'ChevronDownSmallIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,uBAAuC,2BAGlD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,wBAAuB,KAAK,cAAe,GAAG,OACnE,8BAAC,UAAK,GAAE,wGAAuG,GACjH;AAEJ,CAAC;AAEC,qBACA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronLeftDoubleIcon.js

@@ -1,15 +1,18 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronLeftDoubleIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     SvgIcon,
     {
       "data-iconname": "ChevronLeftDoubleIcon",
       ref: forwardedRef,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement("path", { d: "M9.36396 3.63605L3 10L9.36396 16.364L10.4212 15.3068L5.12132 10L10.4246 4.69671L9.36396 3.63605Z" }),
-    /* @__PURE__ */ React.createElement("path", { d: "M14.364 3.63605L8 10L14.364 16.364L15.4212 15.3068L10.1213 10L15.4246 4.69671L14.364 3.63605Z" })
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M9.36396 3.63605L3 10L9.36396 16.364L10.4212 15.3068L5.12132 10L10.4246 4.69671L9.36396 3.63605Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M14.364 3.63605L8 10L14.364 16.364L15.4212 15.3068L10.1213 10L15.4246 4.69671L14.364 3.63605Z" })
+      ]
+    }
   );
 });
 ChevronLeftDoubleIcon.displayName = "ChevronLeftDoubleIcon";

package/esm/__icons/ChevronLeftDoubleIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronLeftDoubleIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Use to expand or collapse elements. Use CloseSidebarIcon or OpenSidebarIcon for sidebar\n */\n/**\n * @public\n */\nexport const ChevronLeftDoubleIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon\n      data-iconname=\"ChevronLeftDoubleIcon\"\n      ref={forwardedRef}\n      {...props}\n    >\n      <path d=\"M9.36396 3.63605L3 10L9.36396 16.364L10.4212 15.3068L5.12132 10L10.4246 4.69671L9.36396 3.63605Z\" />\n      <path d=\"M14.364 3.63605L8 10L14.364 16.364L15.4212 15.3068L10.1213 10L15.4246 4.69671L14.364 3.63605Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronLeftDoubleIcon as typeof ChevronLeftDoubleIcon & {\n    displayName: string;\n  }\n).displayName = 'ChevronLeftDoubleIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,wBAAwC,2BAGnD,CAAC,OAAqB,iBAA8B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA;AAAA,IAEJ,oCAAC,UAAK,GAAE,oGAAmG;AAAA,IAC3G,oCAAC,UAAK,GAAE,iGAAgG;AAAA,EAC1G;AAEJ,CAAC;AAEC,sBAGA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Use to expand or collapse elements. Use CloseSidebarIcon or OpenSidebarIcon for sidebar\n * @public\n */\nexport const ChevronLeftDoubleIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon\n      data-iconname=\"ChevronLeftDoubleIcon\"\n      ref={forwardedRef}\n      {...props}\n    >\n      <path d=\"M9.36396 3.63605L3 10L9.36396 16.364L10.4212 15.3068L5.12132 10L10.4246 4.69671L9.36396 3.63605Z\" />\n      <path d=\"M14.364 3.63605L8 10L14.364 16.364L15.4212 15.3068L10.1213 10L15.4246 4.69671L14.364 3.63605Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronLeftDoubleIcon as typeof ChevronLeftDoubleIcon & {\n    displayName: string;\n  }\n).displayName = 'ChevronLeftDoubleIcon';\n"],
+  "mappings": "AAeI,SAKE,KALF;AAbJ,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,wBAAwC,2BAGnD,CAAC,OAAqB,iBAA8B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,GAAE,oGAAmG;AAAA,QAC3G,oBAAC,UAAK,GAAE,iGAAgG;AAAA;AAAA;AAAA,EAC1G;AAEJ,CAAC;AAEC,sBAGA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronLeftIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronLeftIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronLeftIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12.364 3.63604L6 10L12.364 16.364L13.4212 15.3068L8.12132 10L13.4246 4.6967L12.364 3.63604Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronLeftIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M12.364 3.63604L6 10L12.364 16.364L13.4212 15.3068L8.12132 10L13.4246 4.6967L12.364 3.63604Z" }) });
 });
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 export {

package/esm/__icons/ChevronLeftIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronLeftIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to a previous step or view overflow items to the left. Do not use in trees to show something is closed\n */\n/**\n * @public\n */\nexport const ChevronLeftIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronLeftIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M12.364 3.63604L6 10L12.364 16.364L13.4212 15.3068L8.12132 10L13.4246 4.6967L12.364 3.63604Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronLeftIcon as typeof ChevronLeftIcon & { displayName: string }\n).displayName = 'ChevronLeftIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,kBAAkC,2BAG7C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,mBAAkB,KAAK,cAAe,GAAG,SAC9D,oCAAC,UAAK,GAAE,gGAA+F,CACzG;AAEJ,CAAC;AAEC,gBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to a previous step or view overflow items to the left. Do not use in trees to show something is closed\n * @public\n */\nexport const ChevronLeftIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronLeftIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M12.364 3.63604L6 10L12.364 16.364L13.4212 15.3068L8.12132 10L13.4246 4.6967L12.364 3.63604Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronLeftIcon as typeof ChevronLeftIcon & { displayName: string }\n).displayName = 'ChevronLeftIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,kBAAkC,2BAG7C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,mBAAkB,KAAK,cAAe,GAAG,OAC9D,8BAAC,UAAK,GAAE,gGAA+F,GACzG;AAEJ,CAAC;AAEC,gBACA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronLeftSmallIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronLeftSmallIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronLeftSmallIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M11.2426 5.75541L7 9.99805L11.2426 14.2407L12.3033 13.18L9.12132 9.99805L12.3033 6.81607L11.2426 5.75541Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronLeftSmallIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M11.2426 5.75541L7 9.99805L11.2426 14.2407L12.3033 13.18L9.12132 9.99805L12.3033 6.81607L11.2426 5.75541Z" }) });
 });
 ChevronLeftSmallIcon.displayName = "ChevronLeftSmallIcon";
 export {

package/esm/__icons/ChevronLeftSmallIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronLeftSmallIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to a previous step or view overflow items to the left. Do not use in trees to show something is closed\n */\n/**\n * @public\n */\nexport const ChevronLeftSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronLeftSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M11.2426 5.75541L7 9.99805L11.2426 14.2407L12.3033 13.18L9.12132 9.99805L12.3033 6.81607L11.2426 5.75541Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronLeftSmallIcon as typeof ChevronLeftSmallIcon & { displayName: string }\n).displayName = 'ChevronLeftSmallIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,uBAAuC,2BAGlD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,wBAAuB,KAAK,cAAe,GAAG,SACnE,oCAAC,UAAK,GAAE,6GAA4G,CACtH;AAEJ,CAAC;AAEC,qBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to a previous step or view overflow items to the left. Do not use in trees to show something is closed\n * @public\n */\nexport const ChevronLeftSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronLeftSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M11.2426 5.75541L7 9.99805L11.2426 14.2407L12.3033 13.18L9.12132 9.99805L12.3033 6.81607L11.2426 5.75541Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronLeftSmallIcon as typeof ChevronLeftSmallIcon & { displayName: string }\n).displayName = 'ChevronLeftSmallIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,uBAAuC,2BAGlD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,wBAAuB,KAAK,cAAe,GAAG,OACnE,8BAAC,UAAK,GAAE,6GAA4G,GACtH;AAEJ,CAAC;AAEC,qBACA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronRightDoubleIcon.js

@@ -1,15 +1,18 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronRightDoubleIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     SvgIcon,
     {
       "data-iconname": "ChevronRightDoubleIcon",
       ref: forwardedRef,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement("path", { d: "M10.6353 16.3645L16.9992 10.0006L10.6353 3.63662L9.5781 4.69381L14.8779 10.0006L9.57463 15.3039L10.6353 16.3645Z" }),
-    /* @__PURE__ */ React.createElement("path", { d: "M5.63665 16.3633L12.0006 9.99931L5.63665 3.63535L4.57946 4.69254L9.87929 9.99931L4.57599 15.3026L5.63665 16.3633Z" })
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M10.6353 16.3645L16.9992 10.0006L10.6353 3.63662L9.5781 4.69381L14.8779 10.0006L9.57463 15.3039L10.6353 16.3645Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M5.63665 16.3633L12.0006 9.99931L5.63665 3.63535L4.57946 4.69254L9.87929 9.99931L4.57599 15.3026L5.63665 16.3633Z" })
+      ]
+    }
   );
 });
 ChevronRightDoubleIcon.displayName = "ChevronRightDoubleIcon";

package/esm/__icons/ChevronRightDoubleIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronRightDoubleIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Use to expand or collapse elements. Use CloseSidebarIcon or OpenSidebarIcon for sidebar\n */\n/**\n * @public\n */\nexport const ChevronRightDoubleIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon\n      data-iconname=\"ChevronRightDoubleIcon\"\n      ref={forwardedRef}\n      {...props}\n    >\n      <path d=\"M10.6353 16.3645L16.9992 10.0006L10.6353 3.63662L9.5781 4.69381L14.8779 10.0006L9.57463 15.3039L10.6353 16.3645Z\" />\n      <path d=\"M5.63665 16.3633L12.0006 9.99931L5.63665 3.63535L4.57946 4.69254L9.87929 9.99931L4.57599 15.3026L5.63665 16.3633Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronRightDoubleIcon as typeof ChevronRightDoubleIcon & {\n    displayName: string;\n  }\n).displayName = 'ChevronRightDoubleIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,yBAAyC,2BAGpD,CAAC,OAAqB,iBAA8B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA;AAAA,IAEJ,oCAAC,UAAK,GAAE,oHAAmH;AAAA,IAC3H,oCAAC,UAAK,GAAE,qHAAoH;AAAA,EAC9H;AAEJ,CAAC;AAEC,uBAGA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Use to expand or collapse elements. Use CloseSidebarIcon or OpenSidebarIcon for sidebar\n * @public\n */\nexport const ChevronRightDoubleIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon\n      data-iconname=\"ChevronRightDoubleIcon\"\n      ref={forwardedRef}\n      {...props}\n    >\n      <path d=\"M10.6353 16.3645L16.9992 10.0006L10.6353 3.63662L9.5781 4.69381L14.8779 10.0006L9.57463 15.3039L10.6353 16.3645Z\" />\n      <path d=\"M5.63665 16.3633L12.0006 9.99931L5.63665 3.63535L4.57946 4.69254L9.87929 9.99931L4.57599 15.3026L5.63665 16.3633Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronRightDoubleIcon as typeof ChevronRightDoubleIcon & {\n    displayName: string;\n  }\n).displayName = 'ChevronRightDoubleIcon';\n"],
+  "mappings": "AAeI,SAKE,KALF;AAbJ,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,yBAAyC,2BAGpD,CAAC,OAAqB,iBAA8B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,GAAE,oHAAmH;AAAA,QAC3H,oBAAC,UAAK,GAAE,qHAAoH;AAAA;AAAA;AAAA,EAC9H;AAEJ,CAAC;AAEC,uBAGA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronRightIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronRightIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronRightIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.63604 16.364L14 10L7.63604 3.63604L6.57885 4.69323L11.8787 10L6.57538 15.3033L7.63604 16.364Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronRightIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M7.63604 16.364L14 10L7.63604 3.63604L6.57885 4.69323L11.8787 10L6.57538 15.3033L7.63604 16.364Z" }) });
 });
 ChevronRightIcon.displayName = "ChevronRightIcon";
 export {

package/esm/__icons/ChevronRightIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronRightIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to the next step, view overflow items to the right, expand the tree\n */\n/**\n * @public\n */\nexport const ChevronRightIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronRightIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M7.63604 16.364L14 10L7.63604 3.63604L6.57885 4.69323L11.8787 10L6.57538 15.3033L7.63604 16.364Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronRightIcon as typeof ChevronRightIcon & { displayName: string }\n).displayName = 'ChevronRightIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,mBAAmC,2BAG9C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,oBAAmB,KAAK,cAAe,GAAG,SAC/D,oCAAC,UAAK,GAAE,oGAAmG,CAC7G;AAEJ,CAAC;AAEC,iBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to the next step, view overflow items to the right, expand the tree\n * @public\n */\nexport const ChevronRightIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronRightIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M7.63604 16.364L14 10L7.63604 3.63604L6.57885 4.69323L11.8787 10L6.57538 15.3033L7.63604 16.364Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronRightIcon as typeof ChevronRightIcon & { displayName: string }\n).displayName = 'ChevronRightIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,mBAAmC,2BAG9C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,oBAAmB,KAAK,cAAe,GAAG,OAC/D,8BAAC,UAAK,GAAE,oGAAmG,GAC7G;AAEJ,CAAC;AAEC,iBACA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronRightSmallIcon.js

@@ -1,14 +1,15 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronRightSmallIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SvgIcon,
     {
       "data-iconname": "ChevronRightSmallIcon",
       ref: forwardedRef,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement("path", { d: "M8.75736 5.75736L13 10L8.75736 14.2426L7.6967 13.182L10.8787 10L7.6967 6.81802L8.75736 5.75736Z" })
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M8.75736 5.75736L13 10L8.75736 14.2426L7.6967 13.182L10.8787 10L7.6967 6.81802L8.75736 5.75736Z" })
+    }
   );
 });
 ChevronRightSmallIcon.displayName = "ChevronRightSmallIcon";

package/esm/__icons/ChevronRightSmallIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronRightSmallIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to the next step, view overflow items to the right, expand the tree\n */\n/**\n * @public\n */\nexport const ChevronRightSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon\n      data-iconname=\"ChevronRightSmallIcon\"\n      ref={forwardedRef}\n      {...props}\n    >\n      <path d=\"M8.75736 5.75736L13 10L8.75736 14.2426L7.6967 13.182L10.8787 10L7.6967 6.81802L8.75736 5.75736Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronRightSmallIcon as typeof ChevronRightSmallIcon & {\n    displayName: string;\n  }\n).displayName = 'ChevronRightSmallIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,wBAAwC,2BAGnD,CAAC,OAAqB,iBAA8B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA;AAAA,IAEJ,oCAAC,UAAK,GAAE,mGAAkG;AAAA,EAC5G;AAEJ,CAAC;AAEC,sBAGA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to navigate to the next step, view overflow items to the right, expand the tree\n * @public\n */\nexport const ChevronRightSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon\n      data-iconname=\"ChevronRightSmallIcon\"\n      ref={forwardedRef}\n      {...props}\n    >\n      <path d=\"M8.75736 5.75736L13 10L8.75736 14.2426L7.6967 13.182L10.8787 10L7.6967 6.81802L8.75736 5.75736Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronRightSmallIcon as typeof ChevronRightSmallIcon & {\n    displayName: string;\n  }\n).displayName = 'ChevronRightSmallIcon';\n"],
+  "mappings": "AAoBM;AAlBN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,wBAAwC,2BAGnD,CAAC,OAAqB,iBAA8B;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,8BAAC,UAAK,GAAE,mGAAkG;AAAA;AAAA,EAC5G;AAEJ,CAAC;AAEC,sBAGA,cAAc;",
   "names": []
 }

package/esm/__icons/ChevronUpIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronUpIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronUpIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M16.364 12.364L10 6L3.63604 12.364L4.69323 13.4212L10 8.12132L15.3033 13.4246L16.364 12.364Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronUpIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M16.364 12.364L10 6L3.63604 12.364L4.69323 13.4212L10 8.12132L15.3033 13.4246L16.364 12.364Z" }) });
 });
 ChevronUpIcon.displayName = "ChevronUpIcon";
 export {

package/esm/__icons/ChevronUpIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronUpIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to collapse a dropdown\n */\n/**\n * @public\n */\nexport const ChevronUpIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronUpIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M16.364 12.364L10 6L3.63604 12.364L4.69323 13.4212L10 8.12132L15.3033 13.4246L16.364 12.364Z\" />\n    </SvgIcon>\n  );\n});\n(ChevronUpIcon as typeof ChevronUpIcon & { displayName: string }).displayName =\n  'ChevronUpIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,gBAAgC,2BAG3C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,iBAAgB,KAAK,cAAe,GAAG,SAC5D,oCAAC,UAAK,GAAE,gGAA+F,CACzG;AAEJ,CAAC;AACA,cAAiE,cAChE;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to collapse a dropdown\n * @public\n */\nexport const ChevronUpIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronUpIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M16.364 12.364L10 6L3.63604 12.364L4.69323 13.4212L10 8.12132L15.3033 13.4246L16.364 12.364Z\" />\n    </SvgIcon>\n  );\n});\n(ChevronUpIcon as typeof ChevronUpIcon & { displayName: string }).displayName =\n  'ChevronUpIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,gBAAgC,2BAG3C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,iBAAgB,KAAK,cAAe,GAAG,OAC5D,8BAAC,UAAK,GAAE,gGAA+F,GACzG;AAEJ,CAAC;AACA,cAAiE,cAChE;",
   "names": []
 }

package/esm/__icons/ChevronUpSmallIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ChevronUpSmallIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ChevronUpSmallIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.2426 11.2426L10 7L5.75736 11.2426L6.81802 12.3033L10 9.12132L13.182 12.3033L14.2426 11.2426Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "ChevronUpSmallIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M14.2426 11.2426L10 7L5.75736 11.2426L6.81802 12.3033L10 9.12132L13.182 12.3033L14.2426 11.2426Z" }) });
 });
 ChevronUpSmallIcon.displayName = "ChevronUpSmallIcon";
 export {

package/esm/__icons/ChevronUpSmallIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ChevronUpSmallIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to collapse a dropdown\n */\n/**\n * @public\n */\nexport const ChevronUpSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronUpSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M14.2426 11.2426L10 7L5.75736 11.2426L6.81802 12.3033L10 9.12132L13.182 12.3033L14.2426 11.2426Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronUpSmallIcon as typeof ChevronUpSmallIcon & { displayName: string }\n).displayName = 'ChevronUpSmallIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,qBAAqC,2BAGhD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,sBAAqB,KAAK,cAAe,GAAG,SACjE,oCAAC,UAAK,GAAE,oGAAmG,CAC7G;AAEJ,CAAC;AAEC,mBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Indicates the ability to collapse a dropdown\n * @public\n */\nexport const ChevronUpSmallIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ChevronUpSmallIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M14.2426 11.2426L10 7L5.75736 11.2426L6.81802 12.3033L10 9.12132L13.182 12.3033L14.2426 11.2426Z\" />\n    </SvgIcon>\n  );\n});\n(\n  ChevronUpSmallIcon as typeof ChevronUpSmallIcon & { displayName: string }\n).displayName = 'ChevronUpSmallIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,qBAAqC,2BAGhD,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,sBAAqB,KAAK,cAAe,GAAG,OACjE,8BAAC,UAAK,GAAE,oGAAmG,GAC7G;AAEJ,CAAC;AAEC,mBACA,cAAc;",
   "names": []
 }

package/esm/__icons/CircleFilledIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CircleFilledIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CircleFilledIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "CircleFilledIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z" }) });
 });
 CircleFilledIcon.displayName = "CircleFilledIcon";
 export {

package/esm/__icons/CircleFilledIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CircleFilledIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Usage only for within charts\n */\n/**\n * @public\n */\nexport const CircleFilledIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CircleFilledIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z\" />\n    </SvgIcon>\n  );\n});\n(\n  CircleFilledIcon as typeof CircleFilledIcon & { displayName: string }\n).displayName = 'CircleFilledIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,mBAAmC,2BAG9C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,oBAAmB,KAAK,cAAe,GAAG,SAC/D,oCAAC,UAAK,GAAE,4JAA2J,CACrK;AAEJ,CAAC;AAEC,iBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Usage only for within charts\n * @public\n */\nexport const CircleFilledIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CircleFilledIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M17.25 10C17.25 14.0041 14.0041 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 5.99594 5.99594 2.75 10 2.75C14.0041 2.75 17.25 5.99594 17.25 10Z\" />\n    </SvgIcon>\n  );\n});\n(\n  CircleFilledIcon as typeof CircleFilledIcon & { displayName: string }\n).displayName = 'CircleFilledIcon';\n"],
+  "mappings": "AAgBM;AAdN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,mBAAmC,2BAG9C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,oBAAmB,KAAK,cAAe,GAAG,OAC/D,8BAAC,UAAK,GAAE,4JAA2J,GACrK;AAEJ,CAAC;AAEC,iBACA,cAAc;",
   "names": []
 }

package/esm/__icons/CircleIcon.js

@@ -1,7 +1,8 @@
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CircleIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CircleIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 6.41015 6.41015 3.5 10 3.5C13.5899 3.5 16.5 6.41015 16.5 10C16.5 13.5899 13.5899 16.5 10 16.5ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z" }));
+  return /* @__PURE__ */ jsx(SvgIcon, { "data-iconname": "CircleIcon", ref: forwardedRef, ...props, children: /* @__PURE__ */ jsx("path", { d: "M10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 6.41015 6.41015 3.5 10 3.5C13.5899 3.5 16.5 6.41015 16.5 10C16.5 13.5899 13.5899 16.5 10 16.5ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z" }) });
 });
 CircleIcon.displayName = "CircleIcon";
 export {

package/esm/__icons/CircleIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CircleIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CircleIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CircleIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 6.41015 6.41015 3.5 10 3.5C13.5899 3.5 16.5 6.41015 16.5 10C16.5 13.5899 13.5899 16.5 10 16.5ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z\" />\n    </SvgIcon>\n  );\n});\n(CircleIcon as typeof CircleIcon & { displayName: string }).displayName =\n  'CircleIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAKpC,MAAM,aAA6B,2BAGxC,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,cAAa,KAAK,cAAe,GAAG,SACzD,oCAAC,UAAK,GAAE,gQAA+P,CACzQ;AAEJ,CAAC;AACA,WAA2D,cAC1D;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CircleIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CircleIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 6.41015 6.41015 3.5 10 3.5C13.5899 3.5 16.5 6.41015 16.5 10C16.5 13.5899 13.5899 16.5 10 16.5ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z\" />\n    </SvgIcon>\n  );\n});\n(CircleIcon as typeof CircleIcon & { displayName: string }).displayName =\n  'CircleIcon';\n"],
+  "mappings": "AAeM;AAbN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAKpC,MAAM,aAA6B,2BAGxC,CAAC,OAAqB,iBAA8B;AACpD,SACE,oBAAC,WAAQ,iBAAc,cAAa,KAAK,cAAe,GAAG,OACzD,8BAAC,UAAK,GAAE,gQAA+P,GACzQ;AAEJ,CAAC;AACA,WAA2D,cAC1D;",
   "names": []
 }

package/esm/__icons/ClockIcon.js

@@ -1,7 +1,11 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const ClockIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "ClockIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.50195 6.49805H10.002V9.99891H12.502V11.4989H8.50195L8.50195 6.49805Z" }), /* @__PURE__ */ React.createElement("path", { d: "M1.99609 10C1.99609 14.4183 5.57782 18 9.99609 18C11.888 18 13.6265 17.3433 14.9961 16.2454C16.825 14.7793 17.9961 12.5264 17.9961 10C17.9961 7.47362 16.825 5.22075 14.9961 3.75463C13.6265 2.65672 11.888 2 9.99609 2C5.57782 2 1.99609 5.58172 1.99609 10ZM9.99609 16.5C6.40624 16.5 3.49609 13.5899 3.49609 10C3.49609 6.41015 6.40624 3.5 9.99609 3.5C11.5347 3.5 12.9448 4.03272 14.0579 4.925C15.547 6.11868 16.4961 7.94799 16.4961 10C16.4961 12.052 15.547 13.8813 14.0579 15.075C12.9448 15.9673 11.5347 16.5 9.99609 16.5Z" }));
+  return /* @__PURE__ */ jsxs(SvgIcon, { "data-iconname": "ClockIcon", ref: forwardedRef, ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M8.50195 6.49805H10.002V9.99891H12.502V11.4989H8.50195L8.50195 6.49805Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M1.99609 10C1.99609 14.4183 5.57782 18 9.99609 18C11.888 18 13.6265 17.3433 14.9961 16.2454C16.825 14.7793 17.9961 12.5264 17.9961 10C17.9961 7.47362 16.825 5.22075 14.9961 3.75463C13.6265 2.65672 11.888 2 9.99609 2C5.57782 2 1.99609 5.58172 1.99609 10ZM9.99609 16.5C6.40624 16.5 3.49609 13.5899 3.49609 10C3.49609 6.41015 6.40624 3.5 9.99609 3.5C11.5347 3.5 12.9448 4.03272 14.0579 4.925C15.547 6.11868 16.4961 7.94799 16.4961 10C16.4961 12.052 15.547 13.8813 14.0579 15.075C12.9448 15.9673 11.5347 16.5 9.99609 16.5Z" })
+  ] });
 });
 ClockIcon.displayName = "ClockIcon";
 export {

package/esm/__icons/ClockIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/ClockIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const ClockIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ClockIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M8.50195 6.49805H10.002V9.99891H12.502V11.4989H8.50195L8.50195 6.49805Z\" />\n      <path d=\"M1.99609 10C1.99609 14.4183 5.57782 18 9.99609 18C11.888 18 13.6265 17.3433 14.9961 16.2454C16.825 14.7793 17.9961 12.5264 17.9961 10C17.9961 7.47362 16.825 5.22075 14.9961 3.75463C13.6265 2.65672 11.888 2 9.99609 2C5.57782 2 1.99609 5.58172 1.99609 10ZM9.99609 16.5C6.40624 16.5 3.49609 13.5899 3.49609 10C3.49609 6.41015 6.40624 3.5 9.99609 3.5C11.5347 3.5 12.9448 4.03272 14.0579 4.925C15.547 6.11868 16.4961 7.94799 16.4961 10C16.4961 12.052 15.547 13.8813 14.0579 15.075C12.9448 15.9673 11.5347 16.5 9.99609 16.5Z\" />\n    </SvgIcon>\n  );\n});\n(ClockIcon as typeof ClockIcon & { displayName: string }).displayName =\n  'ClockIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAKpC,MAAM,YAA4B,2BAGvC,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,aAAY,KAAK,cAAe,GAAG,SACxD,oCAAC,UAAK,GAAE,2EAA0E,GAClF,oCAAC,UAAK,GAAE,0gBAAygB,CACnhB;AAEJ,CAAC;AACA,UAAyD,cACxD;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const ClockIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"ClockIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M8.50195 6.49805H10.002V9.99891H12.502V11.4989H8.50195L8.50195 6.49805Z\" />\n      <path d=\"M1.99609 10C1.99609 14.4183 5.57782 18 9.99609 18C11.888 18 13.6265 17.3433 14.9961 16.2454C16.825 14.7793 17.9961 12.5264 17.9961 10C17.9961 7.47362 16.825 5.22075 14.9961 3.75463C13.6265 2.65672 11.888 2 9.99609 2C5.57782 2 1.99609 5.58172 1.99609 10ZM9.99609 16.5C6.40624 16.5 3.49609 13.5899 3.49609 10C3.49609 6.41015 6.40624 3.5 9.99609 3.5C11.5347 3.5 12.9448 4.03272 14.0579 4.925C15.547 6.11868 16.4961 7.94799 16.4961 10C16.4961 12.052 15.547 13.8813 14.0579 15.075C12.9448 15.9673 11.5347 16.5 9.99609 16.5Z\" />\n    </SvgIcon>\n  );\n});\n(ClockIcon as typeof ClockIcon & { displayName: string }).displayName =\n  'ClockIcon';\n"],
+  "mappings": "AAcI,SACE,KADF;AAZJ,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAKpC,MAAM,YAA4B,2BAGvC,CAAC,OAAqB,iBAA8B;AACpD,SACE,qBAAC,WAAQ,iBAAc,aAAY,KAAK,cAAe,GAAG,OACxD;AAAA,wBAAC,UAAK,GAAE,2EAA0E;AAAA,IAClF,oBAAC,UAAK,GAAE,0gBAAygB;AAAA,KACnhB;AAEJ,CAAC;AACA,UAAyD,cACxD;",
   "names": []
 }

package/esm/__icons/CloseSidebarIcon.js

@@ -1,7 +1,11 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CloseSidebarIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CloseSidebarIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M13.0804 12.8284L10.252 10L13.0804 7.17157L13.9992 8.094L12.0596 10.0336L13.9688 11.9428L13.0804 12.8284Z" }), /* @__PURE__ */ React.createElement("path", { d: "M4 3C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16V4C17 3.44772 16.5523 3 16 3H4ZM4.5 4.5H6.5V15.5H4.5V4.5ZM8 4.5H15.5V15.5H8V4.5Z" }));
+  return /* @__PURE__ */ jsxs(SvgIcon, { "data-iconname": "CloseSidebarIcon", ref: forwardedRef, ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M13.0804 12.8284L10.252 10L13.0804 7.17157L13.9992 8.094L12.0596 10.0336L13.9688 11.9428L13.0804 12.8284Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 3C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16V4C17 3.44772 16.5523 3 16 3H4ZM4.5 4.5H6.5V15.5H4.5V4.5ZM8 4.5H15.5V15.5H8V4.5Z" })
+  ] });
 });
 CloseSidebarIcon.displayName = "CloseSidebarIcon";
 export {

package/esm/__icons/CloseSidebarIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CloseSidebarIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Use to collapse the sidebar. Use ChevronLeftDoubleIcon for others\n */\n/**\n * @public\n */\nexport const CloseSidebarIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CloseSidebarIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M13.0804 12.8284L10.252 10L13.0804 7.17157L13.9992 8.094L12.0596 10.0336L13.9688 11.9428L13.0804 12.8284Z\" />\n      <path d=\"M4 3C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16V4C17 3.44772 16.5523 3 16 3H4ZM4.5 4.5H6.5V15.5H4.5V4.5ZM8 4.5H15.5V15.5H8V4.5Z\" />\n    </SvgIcon>\n  );\n});\n(\n  CloseSidebarIcon as typeof CloseSidebarIcon & { displayName: string }\n).displayName = 'CloseSidebarIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAQpC,MAAM,mBAAmC,2BAG9C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,oBAAmB,KAAK,cAAe,GAAG,SAC/D,oCAAC,UAAK,GAAE,6GAA4G,GACpH,oCAAC,UAAK,GAAE,4KAA2K,CACrL;AAEJ,CAAC;AAEC,iBACA,cAAc;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * Use to collapse the sidebar. Use ChevronLeftDoubleIcon for others\n * @public\n */\nexport const CloseSidebarIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CloseSidebarIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M13.0804 12.8284L10.252 10L13.0804 7.17157L13.9992 8.094L12.0596 10.0336L13.9688 11.9428L13.0804 12.8284Z\" />\n      <path d=\"M4 3C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16V4C17 3.44772 16.5523 3 16 3H4ZM4.5 4.5H6.5V15.5H4.5V4.5ZM8 4.5H15.5V15.5H8V4.5Z\" />\n    </SvgIcon>\n  );\n});\n(\n  CloseSidebarIcon as typeof CloseSidebarIcon & { displayName: string }\n).displayName = 'CloseSidebarIcon';\n"],
+  "mappings": "AAeI,SACE,KADF;AAbJ,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAMpC,MAAM,mBAAmC,2BAG9C,CAAC,OAAqB,iBAA8B;AACpD,SACE,qBAAC,WAAQ,iBAAc,oBAAmB,KAAK,cAAe,GAAG,OAC/D;AAAA,wBAAC,UAAK,GAAE,6GAA4G;AAAA,IACpH,oBAAC,UAAK,GAAE,4KAA2K;AAAA,KACrL;AAEJ,CAAC;AAEC,iBACA,cAAc;",
   "names": []
 }

package/esm/__icons/CodeIcon.js

@@ -1,8 +1,13 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CodeIcon = /* @__PURE__ */ forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CodeIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10.8646 3.44299L7.5 16L8.94889 16.3883L12.3135 3.83122L10.8646 3.44299Z" }), /* @__PURE__ */ React.createElement("path", { d: "M5.24264 5.75739L1 10L5.24264 14.2427L6.3033 13.182L3.12132 10L6.3033 6.81805L5.24264 5.75739Z" }), /* @__PURE__ */ React.createElement("path", { d: "M19 10L14.7574 5.75739L13.6967 6.81805L16.8787 10L13.6967 13.182L14.7574 14.2427L19 10Z" }));
+    return /* @__PURE__ */ jsxs(SvgIcon, { "data-iconname": "CodeIcon", ref: forwardedRef, ...props, children: [
+      /* @__PURE__ */ jsx("path", { d: "M10.8646 3.44299L7.5 16L8.94889 16.3883L12.3135 3.83122L10.8646 3.44299Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M5.24264 5.75739L1 10L5.24264 14.2427L6.3033 13.182L3.12132 10L6.3033 6.81805L5.24264 5.75739Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M19 10L14.7574 5.75739L13.6967 6.81805L16.8787 10L13.6967 13.182L14.7574 14.2427L19 10Z" })
+    ] });
   }
 );
 CodeIcon.displayName = "CodeIcon";

package/esm/__icons/CodeIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CodeIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CodeIcon = /* @__PURE__ */ forwardRef<SVGSVGElement, SvgIconProps>(\n  (props: SvgIconProps, forwardedRef): JSX.Element => {\n    return (\n      <SvgIcon data-iconname=\"CodeIcon\" ref={forwardedRef} {...props}>\n        <path d=\"M10.8646 3.44299L7.5 16L8.94889 16.3883L12.3135 3.83122L10.8646 3.44299Z\" />\n        <path d=\"M5.24264 5.75739L1 10L5.24264 14.2427L6.3033 13.182L3.12132 10L6.3033 6.81805L5.24264 5.75739Z\" />\n        <path d=\"M19 10L14.7574 5.75739L13.6967 6.81805L16.8787 10L13.6967 13.182L14.7574 14.2427L19 10Z\" />\n      </SvgIcon>\n    );\n  },\n);\n(CodeIcon as typeof CodeIcon & { displayName: string }).displayName =\n  'CodeIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAKpC,MAAM,WAA2B;AAAA,EACtC,CAAC,OAAqB,iBAA8B;AAClD,WACE,oCAAC,WAAQ,iBAAc,YAAW,KAAK,cAAe,GAAG,SACvD,oCAAC,UAAK,GAAE,4EAA2E,GACnF,oCAAC,UAAK,GAAE,kGAAiG,GACzG,oCAAC,UAAK,GAAE,2FAA0F,CACpG;AAAA,EAEJ;AACF;AACC,SAAuD,cACtD;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CodeIcon = /* @__PURE__ */ forwardRef<SVGSVGElement, SvgIconProps>(\n  (props: SvgIconProps, forwardedRef): JSX.Element => {\n    return (\n      <SvgIcon data-iconname=\"CodeIcon\" ref={forwardedRef} {...props}>\n        <path d=\"M10.8646 3.44299L7.5 16L8.94889 16.3883L12.3135 3.83122L10.8646 3.44299Z\" />\n        <path d=\"M5.24264 5.75739L1 10L5.24264 14.2427L6.3033 13.182L3.12132 10L6.3033 6.81805L5.24264 5.75739Z\" />\n        <path d=\"M19 10L14.7574 5.75739L13.6967 6.81805L16.8787 10L13.6967 13.182L14.7574 14.2427L19 10Z\" />\n      </SvgIcon>\n    );\n  },\n);\n(CodeIcon as typeof CodeIcon & { displayName: string }).displayName =\n  'CodeIcon';\n"],
+  "mappings": "AAYM,SACE,KADF;AAVN,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAKpC,MAAM,WAA2B;AAAA,EACtC,CAAC,OAAqB,iBAA8B;AAClD,WACE,qBAAC,WAAQ,iBAAc,YAAW,KAAK,cAAe,GAAG,OACvD;AAAA,0BAAC,UAAK,GAAE,4EAA2E;AAAA,MACnF,oBAAC,UAAK,GAAE,kGAAiG;AAAA,MACzG,oBAAC,UAAK,GAAE,2FAA0F;AAAA,OACpG;AAAA,EAEJ;AACF;AACC,SAAuD,cACtD;",
   "names": []
 }

package/esm/__icons/CodeOffIcon.js

@@ -1,7 +1,13 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CodeOffIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CodeOffIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.5604 9.68219L14.8787 10.0004L11.6967 13.1824L12.7574 14.2431L17 10.0004L15.6211 8.62153L14.5604 9.68219Z" }), /* @__PURE__ */ React.createElement("path", { d: "M13.4998 6.50021L12.7574 5.7578L11.6967 6.81846L12.4391 7.56087L13.4998 6.50021Z" }), /* @__PURE__ */ React.createElement("path", { d: "M7.56043 12.4396L5.12132 10.0004L8.3033 6.81846L7.24264 5.7578L3 10.0004L6.49977 13.5002L7.56043 12.4396Z" }), /* @__PURE__ */ React.createElement("path", { d: "M4.75 15.25L16.0637 3.93628L17.1244 4.99694L5.81066 16.3106L4.75 15.25Z" }));
+  return /* @__PURE__ */ jsxs(SvgIcon, { "data-iconname": "CodeOffIcon", ref: forwardedRef, ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M14.5604 9.68219L14.8787 10.0004L11.6967 13.1824L12.7574 14.2431L17 10.0004L15.6211 8.62153L14.5604 9.68219Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M13.4998 6.50021L12.7574 5.7578L11.6967 6.81846L12.4391 7.56087L13.4998 6.50021Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M7.56043 12.4396L5.12132 10.0004L8.3033 6.81846L7.24264 5.7578L3 10.0004L6.49977 13.5002L7.56043 12.4396Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.75 15.25L16.0637 3.93628L17.1244 4.99694L5.81066 16.3106L4.75 15.25Z" })
+  ] });
 });
 CodeOffIcon.displayName = "CodeOffIcon";
 export {

package/esm/__icons/CodeOffIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CodeOffIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CodeOffIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CodeOffIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M14.5604 9.68219L14.8787 10.0004L11.6967 13.1824L12.7574 14.2431L17 10.0004L15.6211 8.62153L14.5604 9.68219Z\" />\n      <path d=\"M13.4998 6.50021L12.7574 5.7578L11.6967 6.81846L12.4391 7.56087L13.4998 6.50021Z\" />\n      <path d=\"M7.56043 12.4396L5.12132 10.0004L8.3033 6.81846L7.24264 5.7578L3 10.0004L6.49977 13.5002L7.56043 12.4396Z\" />\n      <path d=\"M4.75 15.25L16.0637 3.93628L17.1244 4.99694L5.81066 16.3106L4.75 15.25Z\" />\n    </SvgIcon>\n  );\n});\n(CodeOffIcon as typeof CodeOffIcon & { displayName: string }).displayName =\n  'CodeOffIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAKpC,MAAM,cAA8B,2BAGzC,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,eAAc,KAAK,cAAe,GAAG,SAC1D,oCAAC,UAAK,GAAE,gHAA+G,GACvH,oCAAC,UAAK,GAAE,oFAAmF,GAC3F,oCAAC,UAAK,GAAE,6GAA4G,GACpH,oCAAC,UAAK,GAAE,2EAA0E,CACpF;AAEJ,CAAC;AACA,YAA6D,cAC5D;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CodeOffIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CodeOffIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M14.5604 9.68219L14.8787 10.0004L11.6967 13.1824L12.7574 14.2431L17 10.0004L15.6211 8.62153L14.5604 9.68219Z\" />\n      <path d=\"M13.4998 6.50021L12.7574 5.7578L11.6967 6.81846L12.4391 7.56087L13.4998 6.50021Z\" />\n      <path d=\"M7.56043 12.4396L5.12132 10.0004L8.3033 6.81846L7.24264 5.7578L3 10.0004L6.49977 13.5002L7.56043 12.4396Z\" />\n      <path d=\"M4.75 15.25L16.0637 3.93628L17.1244 4.99694L5.81066 16.3106L4.75 15.25Z\" />\n    </SvgIcon>\n  );\n});\n(CodeOffIcon as typeof CodeOffIcon & { displayName: string }).displayName =\n  'CodeOffIcon';\n"],
+  "mappings": "AAcI,SACE,KADF;AAZJ,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAKpC,MAAM,cAA8B,2BAGzC,CAAC,OAAqB,iBAA8B;AACpD,SACE,qBAAC,WAAQ,iBAAc,eAAc,KAAK,cAAe,GAAG,OAC1D;AAAA,wBAAC,UAAK,GAAE,gHAA+G;AAAA,IACvH,oBAAC,UAAK,GAAE,oFAAmF;AAAA,IAC3F,oBAAC,UAAK,GAAE,6GAA4G;AAAA,IACpH,oBAAC,UAAK,GAAE,2EAA0E;AAAA,KACpF;AAEJ,CAAC;AACA,YAA6D,cAC5D;",
   "names": []
 }

package/esm/__icons/CodeblockIcon.js

@@ -1,7 +1,12 @@
-import React, { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { SvgIcon } from "../lib/SvgIcon.js";
 const CodeblockIcon = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SvgIcon, { "data-iconname": "CodeblockIcon", ref: forwardedRef, ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6 3H3C2.44772 3 2 3.44772 2 4V16C2 16.5523 2.44772 17 3 17H15C15.5523 17 16 16.5523 16 16V12H14.5V15.5H3.5V4.5H6V3Z" }), /* @__PURE__ */ React.createElement("path", { d: "M10.3323 8.82873L7.50391 6.0003L10.3323 3.17188L11.3945 4.23407L9.62509 6.0035L11.3913 7.76974L10.3323 8.82873Z" }), /* @__PURE__ */ React.createElement("path", { d: "M18.8176 6.0003L15.9892 3.17188L14.9302 4.23087L16.6964 5.9971L14.927 7.76653L15.9892 8.82873L18.8176 6.0003Z" }));
+  return /* @__PURE__ */ jsxs(SvgIcon, { "data-iconname": "CodeblockIcon", ref: forwardedRef, ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 3H3C2.44772 3 2 3.44772 2 4V16C2 16.5523 2.44772 17 3 17H15C15.5523 17 16 16.5523 16 16V12H14.5V15.5H3.5V4.5H6V3Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M10.3323 8.82873L7.50391 6.0003L10.3323 3.17188L11.3945 4.23407L9.62509 6.0035L11.3913 7.76974L10.3323 8.82873Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M18.8176 6.0003L15.9892 3.17188L14.9302 4.23087L16.6964 5.9971L14.927 7.76653L15.9892 8.82873L18.8176 6.0003Z" })
+  ] });
 });
 CodeblockIcon.displayName = "CodeblockIcon";
 export {

package/esm/__icons/CodeblockIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/__icons/CodeblockIcon.tsx"],
-  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport React, { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CodeblockIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CodeblockIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M6 3H3C2.44772 3 2 3.44772 2 4V16C2 16.5523 2.44772 17 3 17H15C15.5523 17 16 16.5523 16 16V12H14.5V15.5H3.5V4.5H6V3Z\" />\n      <path d=\"M10.3323 8.82873L7.50391 6.0003L10.3323 3.17188L11.3945 4.23407L9.62509 6.0035L11.3913 7.76974L10.3323 8.82873Z\" />\n      <path d=\"M18.8176 6.0003L15.9892 3.17188L14.9302 4.23087L16.6964 5.9971L14.927 7.76653L15.9892 8.82873L18.8176 6.0003Z\" />\n    </SvgIcon>\n  );\n});\n(CodeblockIcon as typeof CodeblockIcon & { displayName: string }).displayName =\n  'CodeblockIcon';\n"],
-  "mappings": "AAEA,OAAO,SAAS,kBAA4B;AAE5C,SAAS,eAAkC;AAKpC,MAAM,gBAAgC,2BAG3C,CAAC,OAAqB,iBAA8B;AACpD,SACE,oCAAC,WAAQ,iBAAc,iBAAgB,KAAK,cAAe,GAAG,SAC5D,oCAAC,UAAK,GAAE,wHAAuH,GAC/H,oCAAC,UAAK,GAAE,mHAAkH,GAC1H,oCAAC,UAAK,GAAE,iHAAgH,CAC1H;AAEJ,CAAC;AACA,cAAiE,cAChE;",
+  "sourcesContent": ["// THIS FILE IS AUTO GENERATED - do not edit!\n\nimport { forwardRef, type JSX } from 'react';\n\nimport { SvgIcon, type SvgIconProps } from '../lib/SvgIcon.js';\n\n/**\n * @public\n */\nexport const CodeblockIcon = /* @__PURE__ */ forwardRef<\n  SVGSVGElement,\n  SvgIconProps\n>((props: SvgIconProps, forwardedRef): JSX.Element => {\n  return (\n    <SvgIcon data-iconname=\"CodeblockIcon\" ref={forwardedRef} {...props}>\n      <path d=\"M6 3H3C2.44772 3 2 3.44772 2 4V16C2 16.5523 2.44772 17 3 17H15C15.5523 17 16 16.5523 16 16V12H14.5V15.5H3.5V4.5H6V3Z\" />\n      <path d=\"M10.3323 8.82873L7.50391 6.0003L10.3323 3.17188L11.3945 4.23407L9.62509 6.0035L11.3913 7.76974L10.3323 8.82873Z\" />\n      <path d=\"M18.8176 6.0003L15.9892 3.17188L14.9302 4.23087L16.6964 5.9971L14.927 7.76653L15.9892 8.82873L18.8176 6.0003Z\" />\n    </SvgIcon>\n  );\n});\n(CodeblockIcon as typeof CodeblockIcon & { displayName: string }).displayName =\n  'CodeblockIcon';\n"],
+  "mappings": "AAcI,SACE,KADF;AAZJ,SAAS,kBAA4B;AAErC,SAAS,eAAkC;AAKpC,MAAM,gBAAgC,2BAG3C,CAAC,OAAqB,iBAA8B;AACpD,SACE,qBAAC,WAAQ,iBAAc,iBAAgB,KAAK,cAAe,GAAG,OAC5D;AAAA,wBAAC,UAAK,GAAE,wHAAuH;AAAA,IAC/H,oBAAC,UAAK,GAAE,mHAAkH;AAAA,IAC1H,oBAAC,UAAK,GAAE,iHAAgH;AAAA,KAC1H;AAEJ,CAAC;AACA,cAAiE,cAChE;",
   "names": []
 }