@ultraviolet/icons 5.0.0-beta.10 → 5.0.0-beta.11

package/README.md

@@ -13,9 +13,8 @@ $ pnpm add @ultraviolet/icons @ultraviolet/themes
 You can then add `ThemeProvider` to your applications and use the provided theme from `@ultraviolet/themes` or use your own.
 
 ```tsx
-import { ThemeProvider } from '@emotion/react'
 import { SdkGoProductIcon } from '@ultraviolet/icons/product'
-import { theme } from '@ultraviolet/themes'
+import { theme, ThemeProvider } from '@ultraviolet/themes'
 
 const App = () => (
   <ThemeProvider theme={theme}>
@@ -27,22 +26,6 @@ const App = () => (
 > **Note**:
 > To generate your own theme easily you can check the [theme generator](https://storybook.ultraviolet.scaleway.com/?path=/docs/tools-theme-generator--docs).
 
-N.B. To allow typescript theme typings with `@emotion/styled` components,
-you'll have to define the `@emotion/react` module `Theme` interface in your project.
-
-Example, in a `emotion.d.ts` file:
-
-```ts
-import '@emotion/react'
-import type { consoleLightTheme } from '@ultraviolet/themes'
-
-type UltravioletUITheme = typeof consoleLightTheme
-
-declare module '@emotion/react' {
-  export interface Theme extends UltravioletUITheme {}
-}
-```
-
 ## Documentation
 
 Checkout our [documentation website](https://storybook.ultraviolet.scaleway.com/).

package/dist/components/Flags/Icon.d.ts

@@ -4,6 +4,7 @@ export type IconProps = {
     size?: keyof typeof SIZES;
     className?: string;
     children: ReactNode;
+    disabled?: boolean;
 };
 /**
  * Logo component is used to render a set of flags. Their style cannot be changed

package/dist/components/Flags/__generated__/FranceFlag.js

@@ -1,18 +1,25 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const FranceFlag = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  /* @__PURE__ */ jsx(Icon, { ...props, children: props.disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
+      /* @__PURE__ */ jsx("path", { d: "M24 12C24 6.84045 20.7435 2.44193 16.1739 0.746416V23.2537C20.7435 21.5581 24 17.1596 24 12V12Z", fill: "#454545" }),
+      /* @__PURE__ */ jsx("path", { d: "M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746416C3.25655 2.44193 0 6.84045 0 12Z", fill: "#444444" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_15_2253", children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
       /* @__PURE__ */ jsx("path", { d: "M24.0001 12C24.0001 6.84045 20.7436 2.44193 16.174 0.746416V23.2537C20.7436 21.5581 24.0001 17.1596 24.0001 12Z", fill: "#D80027" }),
       /* @__PURE__ */ jsx("path", { d: "M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746416C3.25655 2.44193 0 6.84045 0 12Z", fill: "#0052B4" })
     ] }),
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
-  ] })
+  ] }) })
 );
 export {
   FranceFlag

package/dist/components/Flags/__generated__/ItalyFlag.js

@@ -1,18 +1,25 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const ItalyFlag = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  /* @__PURE__ */ jsx(Icon, { ...props, children: props.disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
+      /* @__PURE__ */ jsx("path", { d: "M24 12C24 6.84045 20.7435 2.44193 16.1739 0.746414V23.2537C20.7435 21.5581 24 17.1596 24 12V12Z", fill: "#5D5D5D" }),
+      /* @__PURE__ */ jsx("path", { d: "M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746414C3.25655 2.44193 0 6.84045 0 12Z", fill: "#5E5E5E" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3023_231", children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
       /* @__PURE__ */ jsx("path", { d: "M24.0001 12C24.0001 6.84045 20.7436 2.44193 16.174 0.746414V23.2537C20.7436 21.5581 24.0001 17.1596 24.0001 12V12Z", fill: "#CE2B37" }),
       /* @__PURE__ */ jsx("path", { d: "M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746414C3.25655 2.44193 0 6.84045 0 12Z", fill: "#009246" })
     ] }),
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
-  ] })
+  ] }) })
 );
 export {
   ItalyFlag

package/dist/components/Flags/__generated__/NetherlandsFlag.js

@@ -1,18 +1,25 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const NetherlandsFlag = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  /* @__PURE__ */ jsx(Icon, { ...props, children: props.disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
+      /* @__PURE__ */ jsx("path", { d: "M12.0001 0C6.84055 0 2.44204 3.2565 0.746521 7.82611H23.2538C21.5582 3.2565 17.1597 0 12.0001 0V0Z", fill: "#343434" }),
+      /* @__PURE__ */ jsx("path", { d: "M12.0001 24C17.1597 24 21.5582 20.7435 23.2537 16.1739H0.746521C2.44204 20.7435 6.84055 24 12.0001 24Z", fill: "#444444" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_15_2245", children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
       /* @__PURE__ */ jsx("path", { d: "M12.0001 0C6.84055 0 2.44204 3.2565 0.746521 7.82611H23.2538C21.5582 3.2565 17.1597 0 12.0001 0Z", fill: "#A2001D" }),
       /* @__PURE__ */ jsx("path", { d: "M12.0001 24C17.1597 24 21.5582 20.7435 23.2537 16.1739H0.746521C2.44204 20.7435 6.84055 24 12.0001 24Z", fill: "#0052B4" })
     ] }),
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
-  ] })
+  ] }) })
 );
 export {
   NetherlandsFlag

package/dist/components/Flags/__generated__/PolandFlag.js

@@ -1,17 +1,23 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const PolandFlag = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  /* @__PURE__ */ jsx(Icon, { ...props, children: props.disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
+      /* @__PURE__ */ jsx("path", { d: "M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12", fill: "#454545" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_15_2239", children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#F0F0F0" }),
       /* @__PURE__ */ jsx("path", { d: "M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12", fill: "#D80027" })
     ] }),
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
-  ] })
+  ] }) })
 );
 export {
   PolandFlag

package/dist/components/Flags/__generated__/SwedenFlag.js

@@ -1,11 +1,21 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
 import { Icon } from "../Icon.js";
 const SwedenFlag = ({
   ...props
 }) => (
   // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  /* @__PURE__ */ jsx(Icon, { ...props, children: props.disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("mask", { id: "mask0_3023_247", maskUnits: "userSpaceOnUse", x: "0", y: "0", children: /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#005293" }) }),
+      /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#414141" }),
+        /* @__PURE__ */ jsx("path", { d: "M7 -1.25H12V25.75H7V-1.25Z", fill: "#C4C4C4" }),
+        /* @__PURE__ */ jsx("path", { d: "M-1 9.75H27V14.75H-1V9.75Z", fill: "#C4C4C4" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3023_247", children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("path", { d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z", fill: "#005293" }),
       /* @__PURE__ */ jsxs("g", { mask: "url(#mask0_3023_239)", children: [
@@ -15,7 +25,7 @@ const SwedenFlag = ({
       ] })
     ] }),
     /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { children: /* @__PURE__ */ jsx("rect", { fill: "white" }) }) })
-  ] })
+  ] }) })
 );
 export {
   SwedenFlag

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/icons",
-  "version": "5.0.0-beta.10",
+  "version": "5.0.0-beta.11",
   "description": "Ultraviolet Icons",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -108,15 +108,11 @@
     }
   ],
   "peerDependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
-    "@babel/core": "7.28.4",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
+    "@babel/core": "7.28.5",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "react": "19.2.0",
@@ -127,7 +123,7 @@
     "@vanilla-extract/css": "1.17.4",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/recipes": "0.5.7",
-    "@ultraviolet/themes": "3.0.0-beta.3"
+    "@ultraviolet/themes": "3.0.0-beta.4"
   },
   "scripts": {
     "type:generate": "tsc --declaration -p tsconfig.build.json",

package/dist/components/CategoryIcon/Icon.cjs

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const style_css = require("./style.css.cjs");
-const Icon = ({
-  variant = "primary",
-  disabled,
-  children,
-  className,
-  style
-}) => {
-  const computedVariant = `${variant}${disabled ? "Disabled" : ""}`;
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `${className ? `${className} ` : ""}${style_css.categoryIcon[computedVariant]}`, height: "20", style, viewBox: "0 0 20 20", width: "20", children });
-};
-exports.Icon = Icon;

package/dist/components/CategoryIcon/__generated__/AiCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const AiCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "AI", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M17.784 11.897c.021-.066.034-.136.05-.204a2.82 2.82 0 0 0-.958-2.862 3.04 3.04 0 0 0-.44-3.427 2.73 2.73 0 0 0-1.74-.926 4.03 4.03 0 0 0-2.512-2.275 2.74 2.74 0 0 0-2.094.013 2.35 2.35 0 0 0-.992 2.401l.002.103-.01 9.861c0 .01.005.017.005.026a3.184 3.184 0 0 0 2.663 3.367q.217.024.435.024a2.97 2.97 0 0 0 2.742-1.619 2.55 2.55 0 0 0 1.496-1.501c.183-.459.223-.962.113-1.444a2.73 2.73 0 0 0 1.24-1.537m-3.052 2.328a.69.69 0 0 1-.583.48.94.94 0 0 0-.762.668 1.203 1.203 0 0 1-1.44.792c-.514-.054-1.033-.613-1.033-1.578l-.004-.017.003-2.594a1.26 1.26 0 0 1 .177-.716.835.835 0 0 1 .819-.485.911.911 0 0 0-.092-1.818c-.307.01-.61.068-.9.17l.004-4.423-.003-.126q-.024-.376.019-.752c.23-.024.462.01.674.102a1.95 1.95 0 0 1 1.195.927c-.49.346-.87.828-1.092 1.385a.91.91 0 0 0 1.675.713q.288-.675.724-.694a1.09 1.09 0 0 1 .925.311 1.276 1.276 0 0 1-.124 1.896.915.915 0 0 0 .327 1.468c.36.152.648.435.806.792q.039.173.046.35c-.007.151-.047.3-.118.435a1 1 0 0 1-.14.152 1.11 1.11 0 0 1-.944.281.91.91 0 0 0-.47 1.758q.153.028.31.039a.57.57 0 0 1 .001.483Z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "m10.922 14.581-.01-9.844.002-.117a2.35 2.35 0 0 0-.991-2.406A2.75 2.75 0 0 0 7.829 2.2a4.04 4.04 0 0 0-2.511 2.277 2.75 2.75 0 0 0-1.74.927 3.04 3.04 0 0 0-.44 3.426 2.88 2.88 0 0 0-.998 1.809 2.55 2.55 0 0 0 .786 2.418q.248.226.542.39a2.43 2.43 0 0 0 .114 1.43 2.55 2.55 0 0 0 1.496 1.502A2.97 2.97 0 0 0 7.82 18q.21 0 .435-.024a3.185 3.185 0 0 0 2.663-3.368c0-.01.005-.017.005-.026Zm-2.856 1.584c-1.095.105-1.378-.579-1.436-.779a.91.91 0 0 0-.766-.681.69.69 0 0 1-.584-.482.58.58 0 0 1-.017-.428q.156-.01.31-.039a.909.909 0 0 0 .227-1.675.9.9 0 0 0-.699-.083c-.21.037-.426.01-.62-.077a1 1 0 0 1-.11-.06l-.028-.02a.96.96 0 0 1-.407-.985c.005-.029.003-.047.01-.077v-.002a1.48 1.48 0 0 1 .819-.84.91.91 0 0 0 .335-1.472 1.277 1.277 0 0 1-.125-1.896 1.08 1.08 0 0 1 .925-.31q.436.02.724.693a.91.91 0 1 0 1.675-.712 3.1 3.1 0 0 0-1.092-1.386 2.05 2.05 0 0 1 1.27-.953 1.6 1.6 0 0 1 .574-.102c.052.257.066.52.043.781l-.002.14.007 6.592a2.2 2.2 0 0 0-.88-.199.91.91 0 1 0 0 1.82c.358 0 .88.645.88 1.653 0 .966-.52 1.525-1.033 1.579", fill: "#4F0599" })
-  ] }) })
-);
-exports.AiCategoryIcon = AiCategoryIcon;

package/dist/components/CategoryIcon/__generated__/BaremetalCategoryIcon.cjs

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const BaremetalCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Baremetal", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M11.167 11.167H8.834v3.5H5.167a1 1 0 0 0-1 1V16a1 1 0 0 0 1 1h9.666a1 1 0 0 0 1-1v-.333a1 1 0 0 0-1-1h-3.666z", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#4F0599", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M13 5H7a2 2 0 0 0-2 2v1.333a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2M7 3a4 4 0 0 0-4 4v1.333a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z", fillRule: "evenodd" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "M8.833 7.5a1 1 0 0 1 1-1H12.5a1 1 0 0 1 1 1v.333a1 1 0 0 1-1 1H9.833a1 1 0 0 1-1-1z" })
-    ] })
-  ] }) })
-);
-exports.BaremetalCategoryIcon = BaremetalCategoryIcon;

package/dist/components/CategoryIcon/__generated__/BillingCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const BillingCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Billing", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Icon", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M6.25 7A.75.75 0 0 1 7 6.25h5a.75.75 0 0 1 0 1.5H7A.75.75 0 0 1 6.25 7m0 3A.75.75 0 0 1 7 9.25h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M7 12.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M5 2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5.732L12.812 2zm0 2h7.05L15 6.629V16H5zm7.5 10.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5", fill: "#4F0599", fillRule: "evenodd" })
-  ] }) }) })
-);
-exports.BillingCategoryIcon = BillingCategoryIcon;

package/dist/components/CategoryIcon/__generated__/BusinessDetailsCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const BusinessDetailsCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, { ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M9.99989 8C10.8283 8 11.4999 8.67157 11.4999 9.5C11.4999 10.3284 10.8283 11 9.99989 11C9.17151 10.9999 8.49989 10.3284 8.49989 9.5C8.49989 8.67161 9.17151 8.00006 9.99989 8ZM10.9999 1.5C12.2789 1.5 13.1505 1.99002 13.6151 2.79102C14.017 3.48376 13.9999 4.24471 13.9999 4.5V5.5H11.9999V4.5C11.9999 4.20306 11.9828 3.96409 11.8847 3.79492C11.8491 3.73361 11.7983 3.67494 11.6991 3.62402C11.5909 3.56862 11.3806 3.5 10.9999 3.5H8.99989C8.61912 3.50001 8.40886 3.56862 8.30067 3.62402C8.2015 3.67494 8.15069 3.73361 8.11513 3.79492C8.01706 3.96409 7.99989 4.20308 7.99989 4.5V5.5H5.99989V4.5C5.99989 4.24471 5.98284 3.48375 6.38466 2.79102C6.84931 1.99002 7.72095 1.50003 8.99989 1.5H10.9999Z", fill: "#A060F6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "M16 8.16699C16 7.74883 15.7185 7.45923 15.4189 7.41309C14.5678 7.28197 13.7065 7.18148 12.8369 7.1123C11.901 7.03785 10.9549 7 10 7C9.04512 7 8.09904 7.03785 7.16309 7.1123C6.29354 7.18149 5.43218 7.28197 4.58105 7.41309C4.28151 7.45923 4 7.74883 4 8.16699V10.1846C4 10.3517 4.02766 10.5541 4.08203 10.7295C4.14173 10.922 4.20068 10.9775 4.18848 10.9668L4.27734 11.0312C4.30858 11.0495 4.3415 11.0644 4.37598 11.0762C6.12588 11.6752 7.99788 12 9.94531 12C11.8927 12 13.7648 11.6751 15.5146 11.0762C15.5837 11.0525 15.6463 11.0158 15.7021 10.9668C15.73 10.9423 15.814 10.8399 15.8926 10.6475C15.9681 10.4623 16 10.2888 16 10.1846V8.16699ZM15.3867 13.2148C13.6577 13.7256 11.832 14 9.94531 14C8.0767 14 6.26795 13.7308 4.55371 13.2295L4.58301 14.9014C4.5831 14.9069 4.58301 14.9124 4.58301 14.918C4.58301 15.3417 4.87172 15.6314 5.1748 15.6729C6.753 15.8886 8.36361 16 10 16C11.6364 16 13.247 15.8886 14.8252 15.6729C15.0904 15.6366 15.344 15.4102 15.4033 15.0703L15.417 14.918L15.3867 13.2148ZM18 10.1846C18 10.6008 17.8957 11.0331 17.7441 11.4043C17.653 11.6275 17.5284 11.8652 17.3682 12.085L17.417 14.9014C17.4171 14.9069 17.417 14.9124 17.417 14.918C17.417 16.2469 16.481 17.4648 15.0967 17.6543C13.429 17.8823 11.7273 18 10 18C8.27266 18 6.57104 17.8823 4.90332 17.6543C3.5244 17.4656 2.59128 16.2565 2.58398 14.9336L2.58301 14.9346L2.53613 12.0889C2.36066 11.8339 2.24564 11.5601 2.17188 11.3223C2.05372 10.9413 2 10.5379 2 10.1846V8.16699C2 6.85402 2.913 5.64659 4.27637 5.43652C5.17576 5.29797 6.08542 5.19222 7.00391 5.11914C7.99271 5.04047 8.99197 5 10 5C11.008 5 12.0073 5.04047 12.9961 5.11914C13.9146 5.19222 14.8242 5.29797 15.7236 5.43652C17.087 5.64659 18 6.85402 18 8.16699V10.1846Z", fill: "#521094" })
-  ] })
-);
-exports.BusinessDetailsCategoryIcon = BusinessDetailsCategoryIcon;

package/dist/components/CategoryIcon/__generated__/ComputeCategoryIcon.cjs

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const ComputeCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Compute", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M11 16a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm-4 0a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm8-4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m13-4a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1M2 8a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1m9-5a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zM7 3a1 1 0 0 1 2 0v1a1 1 0 0 1-2 0z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M14 6H6v8h8zM6 4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M8 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z", fill: "#A365F6" })
-  ] }) })
-);
-exports.ComputeCategoryIcon = ComputeCategoryIcon;

package/dist/components/CategoryIcon/__generated__/ContainersCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const ContainersCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Containers", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M3 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12 0H5v10h10z", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M8 7a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1", fill: "#A365F6", fillRule: "evenodd" })
-  ] }) })
-);
-exports.ContainersCategoryIcon = ContainersCategoryIcon;

package/dist/components/CategoryIcon/__generated__/CostAndImpactManagementCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const CostAndImpactManagementCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "sentiment=primary, disabled=false", clipRule: "evenodd", fillRule: "evenodd", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "M14.995 2.502c1.101-.006 2.028.894 1.987 2.034-.049 1.308-.21 3.036-.715 4.674-.502 1.625-1.382 3.291-2.96 4.297q-.082.052-.196.133a7.1 7.1 0 0 1-2.018 1.027c-1.209.386-2.922.601-5.526.38a1.87 1.87 0 0 1-1.42-.835c-1.168-1.809-2.178-5.656.863-9.206C6.085 3.75 7.9 3.17 9.636 2.87c1.786-.308 3.748-.36 5.359-.369Zm-.014 2c-1.592.01-3.402.064-5.004.34-1.661.287-2.857.775-3.448 1.465-2.266 2.646-1.562 5.428-.746 6.75 2.401.2 3.822-.014 4.702-.295.692-.221 1.062-.476 1.43-.73q.154-.106.317-.212c1.009-.643 1.689-1.79 2.123-3.2.427-1.383.58-2.896.626-4.118", fill: "#521094" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M10.848 7.697a1 1 0 0 1-.318 1.379c-1.355.848-4.159 3.576-4.331 7.468a1 1 0 1 1-1.998-.088c.212-4.78 3.584-8.022 5.269-9.076a1 1 0 0 1 1.378.317", fill: "#A060F6" })
-  ] }) })
-);
-exports.CostAndImpactManagementCategoryIcon = CostAndImpactManagementCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DataAndAnalyticsCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DataAndAnalyticsCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Managed-Services", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Group 42", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "M12 5.5 14.5 3 17 5.5 14.5 8zm0 9 2.5-2.5 2.5 2.5-2.5 2.5zm-9 0L5.5 12 8 14.5 5.5 17zm0-9L5.5 3 8 5.5 5.5 8z", fill: "#4F0599" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "m7 10 3-3 3 3-3 3z", fill: "#A365F6" })
-  ] }) }) })
-);
-exports.DataAndAnalyticsCategoryIcon = DataAndAnalyticsCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DatabaseCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DatabaseCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Database", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "DB", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M10.024 12.797c-2.89 0-6-.841-6-2.69h1.444c.084.32 1.612 1.187 4.556 1.187s4.473-.867 4.557-1.196l1.443.01c0 1.848-3.11 2.69-6 2.69Z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "m16.497 5.532.003-.028C16.5 3.44 13.13 2.5 10 2.5s-6.5.94-6.5 3.004c0 .02.005.037.006.057v8.952h.003c.018 2.052 3.373 2.987 6.493 2.987 3.114 0 6.461-.932 6.49-2.977h.005zM10 4.5c2.576 0 4.085.65 4.444 1.004-.359.353-1.868 1.003-4.444 1.003s-4.085-.65-4.444-1.003C5.915 5.15 7.425 4.5 10 4.5m.002 11c-2.797 0-4.335-.768-4.489-1.003h-.002V7.75c1.242.512 2.895.757 4.489.757 1.595 0 3.25-.246 4.492-.758v6.679c-.207.328-1.734 1.072-4.49 1.072", fill: "#4F0599" })
-  ] }) }) })
-);
-exports.DatabaseCategoryIcon = DatabaseCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DatacenterCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DatacenterCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Datacenter", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Datacenters-icon", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M15 9V7H5v2zm0 4v-2H5v2z", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M5 3h10a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m9 12V5H6v10z", fill: "#4F0599", fillRule: "evenodd" })
-  ] }) }) })
-);
-exports.DatacenterCategoryIcon = DatacenterCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DedicatedServerCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DedicatedServerCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Dedicated-Server", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M10.25 14a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.75-.75m0-7.7a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.75-.75", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M3 13.5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM3 5.8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1z", fill: "#4F0599", fillRule: "evenodd" })
-  ] }) })
-);
-exports.DedicatedServerCategoryIcon = DedicatedServerCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DevToolsCategoryIcon.cjs

@@ -1,21 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DevToolsCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "DevTools", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#A365F6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M16.828 13.101a2.25 2.25 0 1 1-2.177-3.363c.339-.035.512.338.342.633l-.554.96a.5.5 0 0 0 .183.684l.353.204a.5.5 0 0 0 .683-.183l.555-.96c.17-.295.58-.332.72-.021a2.25 2.25 0 0 1-.105 2.046" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M13.549 12.781a.5.5 0 0 1 .683-.183l.433.25a.5.5 0 0 1 .183.683l-1.5 2.598a.5.5 0 0 1-.683.183l-.433-.25a.5.5 0 0 1-.183-.683z" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#4F0599", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M2.5 6a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v2.5a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1H10a1 1 0 1 1 0 2H5.5a3 3 0 0 1-3-3z", fillRule: "evenodd" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M2.75 7a.75.75 0 0 1 .75-.75H16a.75.75 0 0 1 0 1.5H3.5A.75.75 0 0 1 2.75 7m3.68 2.012a.75.75 0 0 1 1.058-.081l2.435 2.087a.75.75 0 0 1-.025 1.159L7.463 14.09a.75.75 0 0 1-.926-1.18l1.716-1.348-1.741-1.492a.75.75 0 0 1-.081-1.058Z", fillRule: "evenodd" })
-    ] })
-  ] }) })
-);
-exports.DevToolsCategoryIcon = DevToolsCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DocumentationCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DocumentationCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Documentation", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Icon", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M10 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-1 1a1 1 0 0 0 0 2v3a1 1 0 1 0 2 0v-5z", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M10 4.5a5.5 5.5 0 0 0-4.582 8.544 1 1 0 0 1 .146.764L5.29 15.08l1.27-.363a1 1 0 0 1 .763.088A5.5 5.5 0 1 0 10 4.5M2.5 10a7.5 7.5 0 1 1 4.228 6.75l-2.489.712a1 1 0 0 1-1.253-1.171l.538-2.507A7.47 7.47 0 0 1 2.5 10", fill: "#4F0599", fillRule: "evenodd" })
-  ] }) }) })
-);
-exports.DocumentationCategoryIcon = DocumentationCategoryIcon;

package/dist/components/CategoryIcon/__generated__/DomainsAndWebHostingCategoryIcon.cjs

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const DomainsAndWebHostingCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "IoT", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M9.892 18a1.42 1.42 0 0 1-1.41-1.452 1.426 1.426 0 0 1 1.44-1.413 1.43 1.43 0 0 1 1.4 1.452A1.42 1.42 0 0 1 9.902 18zm-4.34-1.335a1.44 1.44 0 0 1-.405-1.99 1.41 1.41 0 0 1 1.97-.41 1.44 1.44 0 0 1 .407 1.99c-.27.42-.725.644-1.19.644-.27 0-.54-.078-.782-.234m9.818-2.623a1.453 1.453 0 0 1-.676-1.911 1.42 1.42 0 0 1 1.904-.683 1.44 1.44 0 0 1 .667 1.91 1.417 1.417 0 0 1-1.895.684m-3.072 2.272a1.443 1.443 0 0 1 .444-1.98h.01a1.41 1.41 0 0 1 1.952.459c.415.673.212 1.56-.455 1.979a1.41 1.41 0 0 1-1.951-.458m-9.673-3.14c-.319-.732 0-1.58.725-1.891.714-.322 1.554 0 1.874.722a1.45 1.45 0 0 1-.725 1.9 1.5 1.5 0 0 1-.58.117 1.4 1.4 0 0 1-1.294-.848m12.533-3.968v-.06a1.42 1.42 0 0 1 1.208-1.618 1.43 1.43 0 0 1 1.605 1.219v.029c.009.02.009.049.018.069a1.447 1.447 0 0 1-1.236 1.608c-.068 0-.127.01-.184.01a1.44 1.44 0 0 1-1.411-1.257M3.214 10.278A1.445 1.445 0 0 1 2.016 8.64c.126-.78.85-1.317 1.623-1.2a1.426 1.426 0 0 1 1.188 1.639 1.42 1.42 0 0 1-1.4 1.209c-.068 0-.146 0-.213-.01M13.95 6.446v.01a1.45 1.45 0 0 1 .155-2.03 1.406 1.406 0 0 1 2 .158 1.436 1.436 0 0 1-.154 2.018 1.395 1.395 0 0 1-2.001-.156m-9.886.078a1.444 1.444 0 0 1-.125-2.028 1.41 1.41 0 0 1 2.009-.126c.59.526.648 1.432.126 2.028-.28.32-.675.477-1.062.477-.338 0-.677-.116-.948-.351", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M13.781 9.876c0 2.112-1.697 3.825-3.792 3.825s-3.79-1.713-3.79-3.825S7.895 6.05 9.989 6.05s3.792 1.713 3.792 3.826", fill: "#A365F6", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M11.486 4.828v.009a1.446 1.446 0 0 1-.948-1.794 1.406 1.406 0 0 1 1.769-.955 1.435 1.435 0 0 1-.405 2.808c-.135 0-.281-.02-.416-.068M6.8 3.823a1.43 1.43 0 0 1 .976-1.765 1.415 1.415 0 0 1 1.757.985 1.436 1.436 0 0 1-.985 1.775 1.3 1.3 0 0 1-.387.049c-.618 0-1.187-.41-1.362-1.044Z", fill: "#4F0599", fillRule: "evenodd" })
-  ] }) })
-);
-exports.DomainsAndWebHostingCategoryIcon = DomainsAndWebHostingCategoryIcon;

package/dist/components/CategoryIcon/__generated__/IntegrationServicesCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const IntegrationServicesCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Application-Integration", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Icon", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M6.707 18.707a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L6.414 15H16a1 1 0 1 1 0 2H6.414l.293.293a1 1 0 0 1 0 1.414m6.586-17.414a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L13.586 5H4a1 1 0 1 1 0-2h9.586l-.293-.293a1 1 0 0 1 0-1.414", fill: "#521094", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M4 7.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 4 7.25m3 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8A.75.75 0 0 1 7 7.25m4 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75m5 0a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75", fill: "#A060F6", fillRule: "evenodd" })
-  ] }) }) })
-);
-exports.IntegrationServicesCategoryIcon = IntegrationServicesCategoryIcon;

package/dist/components/CategoryIcon/__generated__/InteractiveDemosCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const InteractiveDemosCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, { ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", d: "M9.70141 6.5C9.70141 6.22386 9.47755 6 9.20141 6C8.92527 6.00001 8.70141 6.22387 8.70141 6.5V14.1855C8.70141 14.5428 8.51079 14.8731 8.20141 15.0518C7.89206 15.2303 7.51078 15.2303 7.20141 15.0518L6.00024 14.3584C5.76093 14.2202 5.4556 14.3021 5.31762 14.541C5.17961 14.7801 5.26136 15.0855 5.50024 15.2236L8.46215 16.9336C8.49333 16.9516 8.52649 16.966 8.56176 16.9766L8.67309 16.9971C8.68646 16.9981 8.69607 16.9997 8.70239 17H12.7014C13.806 17 14.7014 16.1046 14.7014 15V11H10.7014C10.1491 11 9.70141 10.5523 9.70141 10V6.5ZM11.7014 9H14.7014C15.806 9 16.7014 9.89543 16.7014 11V15C16.7014 17.2091 14.9106 19 12.7014 19H8.7063C8.63396 18.9999 8.56959 18.9955 8.52563 18.9922C8.48884 18.9894 8.45239 18.9843 8.41626 18.9775C8.09471 18.9396 7.76859 18.8429 7.46215 18.666L4.50024 16.9561C3.30481 16.2656 2.89505 14.7366 3.5852 13.541C4.21946 12.4425 5.56048 12.0099 6.70141 12.4814V6.5C6.70141 5.11928 7.82072 4.00001 9.20141 4C10.5821 4 11.7014 5.11929 11.7014 6.5V9Z", fill: "#521094" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M9.25024 1C12.2878 1 14.7502 3.46243 14.7502 6.5C14.7502 7.0201 14.6771 7.52309 14.5422 8H12.7502V6.5C12.7502 4.567 11.1832 3 9.25024 3H9.20142C7.26845 3.00002 5.70142 4.56699 5.70142 6.5V10.7002C4.50856 9.69131 3.75024 8.18464 3.75024 6.5C3.75024 3.46243 6.21268 1 9.25024 1Z", fill: "#A060F6" })
-  ] })
-);
-exports.InteractiveDemosCategoryIcon = InteractiveDemosCategoryIcon;

package/dist/components/CategoryIcon/__generated__/KeyManagerCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const KeyManagerCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsxs(Icon.Icon, { ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M9.62809 2.07223C9.86758 1.9759 10.1351 1.97592 10.3745 2.07229L16.3733 4.48608C16.752 4.63844 17 5.00564 17 5.41379L17 5.46725C17.0003 8.03369 17.0012 14.7305 10.4361 17.9005C10.1614 18.0331 9.84132 18.0332 9.56666 17.9006C2.99874 14.7313 2.99966 8.03647 3.00001 5.46889C3.00001 5.45031 3.00001 5.43194 3.00001 5.41379C3.00001 5.00559 3.24813 4.63836 3.62685 4.48603L9.62809 2.07223ZM5.00351 6.08803C5.03971 8.80104 5.44733 13.4171 10.0011 15.8773C14.5517 13.417 14.9601 8.80084 14.9965 6.08791L10.0012 4.07789L5.00351 6.08803Z", fill: "#521094", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", clipRule: "evenodd", d: "M10.1079 7.66923C10.2141 7.27274 10.6446 7.00848 11.0995 7.13039C11.5545 7.25229 11.7952 7.69639 11.6889 8.09288C11.5827 8.48936 11.1522 8.75362 10.6973 8.63172C10.2423 8.50982 10.0016 8.06571 10.1079 7.66923ZM11.4878 5.6815C10.2693 5.35501 8.98932 6.04812 8.65897 7.281C8.39706 8.25847 8.82175 9.24058 9.61621 9.76825L9.47869 10.2815L9.0171 10.1578C8.617 10.0506 8.20575 10.288 8.09855 10.6881C7.99134 11.0882 8.22878 11.4995 8.62888 11.6067L9.09046 11.7304L8.98462 12.1254L8.52304 12.0017C8.12294 11.8945 7.71168 12.1319 7.60448 12.532C7.49727 12.9321 7.73471 13.3434 8.13481 13.4506L9.32084 13.7684C9.72094 13.8756 10.1322 13.6381 10.2394 13.238L11.0651 10.1565C12.017 10.0968 12.8759 9.45863 13.1378 8.48111C13.4682 7.24823 12.7062 6.00798 11.4878 5.6815Z", fill: "#A060F6", fillRule: "evenodd" })
-  ] })
-);
-exports.KeyManagerCategoryIcon = KeyManagerCategoryIcon;

package/dist/components/CategoryIcon/__generated__/LabsCategoryIcon.cjs

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const LabsCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "Labs", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "M8.011 6c-.559.064-.99.528-1.011 1.09v3.69c0 .248.098.465.26.627s.375.26.623.26c.485 0 .883-.4.883-.886V8.438c0-.367.302-.67.669-.67h1.151a.86.86 0 0 0 .623-.259.9.9 0 0 0 .26-.635c0-.486-.418-.874-.904-.874zm3.947 8.419c.559-.065.99-.529 1.01-1.09v-3.69a.87.87 0 0 0-.259-.627.87.87 0 0 0-.623-.26c-.486 0-.883.4-.883.886v2.343a.673.673 0 0 1-.669.669H9.383a.86.86 0 0 0-.624.26.9.9 0 0 0-.26.635.904.904 0 0 0 .905.874z", fill: "#A365F6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M17 17.5a1 1 0 0 1-1 1H4a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1M4 7.5a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1m12 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M10 3.5a5 5 0 0 0-5 5H3a7 7 0 0 1 14 0h-2a5 5 0 0 0-5-5", fill: "#4F0599", fillRule: "evenodd" })
-  ] }) })
-);
-exports.LabsCategoryIcon = LabsCategoryIcon;

package/dist/components/CategoryIcon/__generated__/ManagementAndGovernanceCategoryIcon.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("../Icon.cjs");
-const ManagementAndGovernanceCategoryIcon = ({
-  ...props
-}) => (
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "Tools-Services", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "tool_icon", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fill", clipRule: "evenodd", d: "M9 2h2l.62 2.32 1.25.51 2.05-1.22 1.47 1.56-1.23 2 .52 1.25L18 9v2l-2.36.62-.52 1.25 1.23 2.05-1.47 1.47-2.05-1.23-1.25.52L11 18H9l-.62-2.32-1.25-.52-2.05 1.23-1.47-1.47 1.23-2.09-.52-1.25L2 11V9l2.32-.62.51-1.25-1.22-2.05 1.52-1.46 2 1.22 1.25-.52zm1.85 4.16L10 5.81l-.89.31-1.25.52L7 7l-.32.9-.52 1.25-.35.85.35.85.48 1.29L7 13l.9.31 1.25.53.85.35.89-.31 1.25-.53L13 13l.35-.94.53-1.25.35-.85-.35-.85-.53-1.25L13 7l-.9-.32z", fill: "#4F0599", fillRule: "evenodd" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { className: "fillStrong", d: "m10 8 .39.16.62.26.4.17.17.39.26.63.16.39-.16.39-.26.62-.17.4-.4.17-.62.26L10 12l-.39-.16-.63-.26-.39-.17-.17-.4-.26-.62L8 10l.16-.39.26-.63.17-.39.39-.17.63-.26z", fill: "#A365F6" })
-  ] }) }) })
-);
-exports.ManagementAndGovernanceCategoryIcon = ManagementAndGovernanceCategoryIcon;