@grafana/components 0.0.42 → 0.0.44

package/README.md

@@ -1,6 +1,6 @@
 # Grafana Product Design Engineering Components
 
-## Usage
+## Installation
 
 Add `@grafana/components` to your project’s dependencies:
 
@@ -14,26 +14,45 @@ or
 $ yarn add @grafana/components
 ```
 
-For components that have elements based on Floating UI, you must ensure you wrap
-your application in a `<PortalProvider>` component at a sufficient root level,
-passing in the `defaultRoot` prop indicating the element floating elements
-should be portalled inside of:
+To ensure that the necessary providers are present, you should add the following
+to your `App.tsx` (or equivalent):
 
 ```tsx
-import { PortalProvider } from '@grafana/components';
+import { getAppEvents } from '@grafana/runtime';
+import { useTheme2 } from '@grafana/ui';
+import { PortalProvider, ColorMode } from '@grafana/components';
 
-const MyApp = () => {
+const App = () => {
   return (
-    <>
-      <PortalProvider defaultRoot={document.getElementById('grafana-portal-container')}>
-        ...
-      </PortalProvider>
-    </>
+    <PortalProvider defaultRoot="grafana-portal-container">
+      <ColorMode getAppEvents={getAppEvents} useTheme2={useTheme2}>
+        <YourApp />
+      </ColorMode>
+    </PortalProvider>
   );
 };
 ```
 
-### Icons
+The dependency on `useTheme2` is necessary (for now) to detect the active _color
+mode_ (light or dark); this dependency will go away in the longer term.
+
+Additionally, to ensure that the stylesheet imported by `ColorMode` is correctly
+included in the App bundle, you will need to update your project’s
+`webpack.config.ts` configuration for the `style-loader` loader module:
+
+```diff
+  {
+    test: /\.css$/,
+    use: ['style-loader', 'css-loader'],
++   sideEffects: true,
+  },
+```
+
+This is to ensure that including stylesheets with `@import
+'path/to/stylesheet.css';` works correctly and the stylesheets aren’t
+unintentionally ‘tree-shaken’ out.
+
+### Custom Icons
 
 The icons included with `@grafana/components` are based on [Lucide][lucide],
 which provides over 1,800 consistent icons. In addition, there are a smaller

package/dist/cjs/index.cjs

@@ -3793,154 +3793,161 @@ ClosedCaption.fill = "none";
 
 const CloudAlert = ({ title = "Cloud alert", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12v4m0 4h.01M17 18h.5a1 1 0 0 0 0-9h-1.79A7 7 0 1 0 7 17.708" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12v4m0 4h.01M17 18h1a4 4 0 1 0-.766-7.927 6.499 6.499 0 0 0-12.72-1.41A5 5 0 0 0 7 18" })
 ] });
 CloudAlert.fill = "none";
 
 const CloudBackup = ({ title = "Cloud backup", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15.251A4.5 4.5 0 0 0 17.5 8h-1.79A7 7 0 1 0 3 13.607" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11v4h4" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 19a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5 4.82 4.82 0 0 0-3.41 1.41L7 15" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 19a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5 4.82 4.82 0 0 0-3.41 1.41L7 15" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15.644a4 4 0 0 0-3.766-6.57 6.499 6.499 0 0 0-12.72-1.412A4.997 4.997 0 0 0 3 14.997" })
 ] });
 CloudBackup.fill = "none";
 
 const CloudCheck = ({ title = "Cloud check", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17 15-5.5 5.5L9 18" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 17.743A7 7 0 1 1 15.71 10h1.79a4.5 4.5 0 0 1 1.5 8.742" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 18.874a4.002 4.002 0 0 0-1.766-7.8 6.499 6.499 0 0 0-12.72-1.412A5 5 0 0 0 5 18.581" })
 ] });
 CloudCheck.fill = "none";
 
 const CloudCog = ({ title = "Cloud cog", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m10.852 19.772-.383.924m2.679-6.468.383-.923m-.383 6.467a3 3 0 1 0-2.296-5.544l-.383-.923" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13.53 20.696-.382-.924a3 3 0 1 1-2.296-5.544m3.92 1.624.923-.383m-.923 2.679.923.383" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.2 15.1a7 7 0 1 1 9.93-9.858A7 7 0 0 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.2m-10.772-.348-.923-.383m.923 2.679-.923.383" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m10.852 19.772-.383.924m2.679-6.468.383-.923m-.383 6.467a3 3 0 0 0-2.296-5.544l-.383-.923" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13.53 20.696-.382-.924a3 3 0 1 1-2.296-5.544m3.92 1.624.923-.383m-.923 2.679.923.383m-6.467-2.679-.923-.383m.923 2.679-.923.383" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 16.463a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A5 5 0 0 0 2.003 12c0 1.723.872 3.242 2.198 4.142" })
 ] });
 CloudCog.fill = "none";
 
 const CloudDatabase = ({ title = "Cloud database", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 15c2.21 0 4-.672 4-1.5S14.21 12 12 12s-4 .672-4 1.5S9.79 15 12 15" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 13.5v7c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44c.75-.28 1.172-.662 1.172-1.06v-7" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 17c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C15.578 17.78 16 17.399 16 17" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 17c0 .398.421.78 1.172 1.06.75.282 1.767.44 2.828.44s2.078-.158 2.828-.44C15.578 17.78 16 17.399 16 17m4-.537a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudDatabase.fill = "none";
 
 const CloudDownload = ({ title = "Cloud download", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8l-4-4m4 4 4-4" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.393 15.269A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.436 8.284" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.94 16.497a4 4 0 0 0-2.706-7.424 6.499 6.499 0 0 0-12.72-1.41 4.997 4.997 0 0 0-.124 8.599" })
 ] });
 CloudDownload.fill = "none";
 
 const CloudDrizzle = ({ title = "Cloud drizzle", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M8 19v1m0-6v1m8 4v1m0-6v1m-4 6v1m0-6v1" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 19v1m0-6v1m8 4v1m0-6v1m-4 6v1m0-6v1m8-.537a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudDrizzle.fill = "none";
 
 const CloudFog = ({ title = "Cloud fog", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M16 17H7m10 4H9" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 17H7m10 4H9m11-4.537a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudFog.fill = "none";
 
 const CloudHail = ({ title = "Cloud hail", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M16 14v2m-8-2v2m8 4h.01M8 20h.01M12 16v2m0 4h.01" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14v2m-8-2v2m8 4h.01M8 20h.01M12 16v2m0 4h.01M20 16.463a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudHail.fill = "none";
 
 const CloudInfo = ({ title = "Cloud info", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20v-4m0-4h.01M17 18h.5a4.5 4.5 0 1 0 0-9h-1.79A7 7 0 1 0 7 17.708" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20v-4m0-4h.01M17 18h1a4 4 0 1 0-.766-7.927 6.499 6.499 0 0 0-12.72-1.41A5 5 0 0 0 7 18" })
 ] });
 CloudInfo.fill = "none";
 
 const CloudLightning = ({ title = "Cloud lightning", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13 12-3 5h4l-3 5" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13 12-3 5h4l-3 5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 17a4 4 0 1 0-.766-7.927 6.499 6.499 0 0 0-12.72-1.41A5.001 5.001 0 0 0 6 16.9" })
 ] });
 CloudLightning.fill = "none";
 
 const CloudMoonRain = ({ title = "Cloud moon rain", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 20v2m7.376-7.488a6 6 0 0 0 3.461-4.127c.148-.625-.659-.97-1.248-.714a4 4 0 0 1-5.259-5.26c.255-.589-.09-1.395-.716-1.248a6 6 0 0 0-4.594 5.36M3 20a5 5 0 1 1 8.9-4H13a3 3 0 0 1 2 5.24M7 19v2" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 20v2m7.376-7.488a6 6 0 0 0 3.461-4.127c.148-.625-.659-.97-1.248-.714a4 4 0 0 1-5.259-5.26c.255-.589-.09-1.395-.716-1.248a6 6 0 0 0-4.594 5.36M7 19v2m8 .232A3 3 0 0 0 16.002 19a3 3 0 0 0-3.45-2.966 4.5 4.5 0 0 0-8.865-.528A3.5 3.5 0 0 0 3 20.946" })
 ] });
 CloudMoonRain.fill = "none";
 
 const CloudMoon = ({ title = "Cloud moon", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 16a3 3 0 0 1 0 6H7a5 5 0 1 1 4.9-6zm5.376-1.488a6 6 0 0 0 3.461-4.127c.148-.625-.659-.97-1.248-.714a4 4 0 0 1-5.259-5.26c.255-.589-.09-1.395-.716-1.248a6 6 0 0 0-4.594 5.36" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.376 14.512a6 6 0 0 0 3.461-4.127c.148-.625-.659-.97-1.248-.714a4 4 0 0 1-5.259-5.26c.255-.589-.09-1.395-.716-1.248a6 6 0 0 0-4.594 5.36" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.076 12a4.5 4.5 0 0 1 4.476 4.034q.22-.034.45-.034a3 3 0 0 1 0 6l-.001-.001h-7.5a3.5 3.5 0 0 1-1.814-6.493A4.5 4.5 0 0 1 8.077 12Z" })
 ] });
 CloudMoon.fill = "none";
 
 const CloudOff = ({ title = "Cloud off", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m2 2 20 20M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193m2.725-2.307A4.5 4.5 0 0 0 17.5 10h-1.79A7.01 7.01 0 0 0 10 5.07" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.654 16.625a4 4 0 0 0-4.42-5.552 6.5 6.5 0 0 0-7.262-6.027m8.926 13.852A4 4 0 0 1 18 19H7a5 5 0 0 1-2.485-9.338 6.5 6.5 0 0 1 2.03-3.117M2 2l20 20" })
 ] });
 CloudOff.fill = "none";
 
+const CloudProvider = ({ title = "Cloud provider", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
+  title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.75 4a7.5 7.5 0 0 1 7.347 6.002A5 5 0 0 1 18 20H7q-.023 0-.044-.003a5.998 5.998 0 0 1-3.28-10.992A7.5 7.5 0 0 1 10.75 4M6 11a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1m4-4a1 1 0 0 0-1 1v8a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1m4 3a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1m4 3a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1" })
+] });
+CloudProvider.fill = "solid";
+
 const CloudRainWind = ({ title = "Cloud rain wind", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M9.2 22l3-7M9 13l-3 7m11-7-3 7" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9.2 22 3-7M9 13l-3 7m11-7-3 7m6-3.537a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudRainWind.fill = "none";
 
 const CloudRain = ({ title = "Cloud rain", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M16 14v6m-8-6v6m4-4v6" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14v6m-8-6v6m4-4v6m8-5.537a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudRain.fill = "none";
 
 const CloudSnow = ({ title = "Cloud snow", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M8 15h.01M8 19h.01M12 17h.01M12 21h.01M16 15h.01M16 19h.01" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 15h.01M8 19h.01M12 17h.01M12 21h.01M16 15h.01M16 19h.01M20 16.463a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudSnow.fill = "none";
 
 const CloudSunRain = ({ title = "Cloud sun rain", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2m-7.07.93 1.41 1.41M20 12h2m-2.93-7.07-1.41 1.41m-1.713 6.31a4 4 0 0 0-5.925-4.128M3 20a5 5 0 1 1 8.9-4H13a3 3 0 0 1 2 5.24M11 20v2m-4-3v2" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2m-7.07.93 1.41 1.41M20 12h2m-2.93-7.07-1.41 1.41m-1.713 6.31a4 4 0 0 0-5.925-4.128M11 20v2m-4-3v2m8 .232A3 3 0 0 0 16.002 19a3 3 0 0 0-3.45-2.966 4.5 4.5 0 0 0-8.865-.528A3.5 3.5 0 0 0 3 20.946" })
 ] });
 CloudSunRain.fill = "none";
 
 const CloudSun = ({ title = "Cloud sun", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2m-7.07.93 1.41 1.41M20 12h2m-2.93-7.07-1.41 1.41m-1.713 6.31a4 4 0 0 0-5.925-4.128M13 22H7a5 5 0 1 1 4.9-6H13a3 3 0 0 1 0 6" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2m-7.07.93 1.41 1.41M20 12h2m-2.93-7.07-1.41 1.41m-1.713 6.31a4 4 0 0 0-5.925-4.128" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.076 12a4.5 4.5 0 0 1 4.476 4.034q.22-.034.45-.034a3 3 0 0 1 0 6l-.001-.001h-7.5a3.5 3.5 0 0 1-1.814-6.493A4.5 4.5 0 0 1 8.077 12Z" })
 ] });
 CloudSun.fill = "none";
 
 const CloudSync = ({ title = "Cloud sync", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17 18-1.535 1.605a5 5 0 0 1-8-1.5" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 22v-4h-4m7.996-2.749A4.5 4.5 0 0 0 17.495 8h-1.79a7 7 0 1 0-12.709 5.607" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10v4h4" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 14 1.535-1.605a5 5 0 0 1 8 1.5" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 22v-4h-4m-6-8v4h4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 14 1.535-1.605a5 5 0 0 1 8 1.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15.644a4 4 0 0 0-3.766-6.57 6.499 6.499 0 0 0-12.72-1.412A4.997 4.997 0 0 0 3 14.997" })
 ] });
 CloudSync.fill = "none";
 
 const CloudUpload = ({ title = "Cloud upload", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 17 4-4 4 4" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8m-4-4 4-4 4 4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 16.463a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 CloudUpload.fill = "none";
 
 const Cloud = ({ title = "Cloud", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.75 5a6.5 6.5 0 0 1 6.484 6.073q.373-.072.766-.073a4 4 0 0 1 0 8H7a5 5 0 0 1-2.485-9.338A6.5 6.5 0 0 1 10.75 5Z" })
 ] });
 Cloud.fill = "none";
 
 const Cloudy = ({ title = "Cloudy", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5 21H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 10a3 3 0 0 0-3-3h-2.207a5.502 5.502 0 0 0-10.702.5" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.75 7a6.5 6.5 0 0 1 6.484 6.073q.373-.072.766-.073a4 4 0 0 1 0 8H7a5 5 0 0 1-2.485-9.338A6.5 6.5 0 0 1 10.75 7Z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 10.002a3 3 0 0 0-3.45-2.966 4.5 4.5 0 0 0-8.865-.528" })
 ] });
 Cloudy.fill = "none";
 
@@ -4683,7 +4690,7 @@ Dot.fill = "none";
 const DownloadCloud = ({ title = "Download cloud", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8l-4-4m4 4 4-4" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.393 15.269A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.436 8.284" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.94 16.497a4 4 0 0 0-2.706-7.424 6.499 6.499 0 0 0-12.72-1.41 4.997 4.997 0 0 0-.124 8.599" })
 ] });
 DownloadCloud.fill = "none";
 
@@ -7458,8 +7465,8 @@ Laptop_2.fill = "none";
 
 const LaptopCloud = ({ title = "Laptop cloud", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 5a2 2 0 0 1 2 2v8.526c0 .311.073.619.212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V14.46m16.054 1.527H3.946" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 6a3 3 0 0 1 0 6H7a5 5 0 1 1 4.9-6z" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 5a2 2 0 0 1 2 2v8.526c0 .311.073.619.212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V15m16.054.987H3.946" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.076 2a4.5 4.5 0 0 1 4.476 4.034 3 3 0 1 1 .45 5.966l-.001-.001h-7.5a3.5 3.5 0 0 1-1.814-6.493A4.5 4.5 0 0 1 8.077 2Z" })
 ] });
 LaptopCloud.fill = "none";
 
@@ -8603,8 +8610,8 @@ MonitorCheck.fill = "none";
 
 const MonitorCloud = ({ title = "Monitor cloud", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 13a3 3 0 1 1 2.83-4H14a2 2 0 0 1 0 4zm1 4v4m-4 0h8" }),
-  /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17v4m-4 0h8m4-18H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.47 7a2.57 2.57 0 0 1 2.507 2.001L14 9a2 2 0 0 1 .204 3.99L14 13l-4.001-.001a2 2 0 0 1-1.087-3.678A2.57 2.57 0 0 1 11.471 7Z" })
 ] });
 MonitorCloud.fill = "none";
 
@@ -13143,8 +13150,8 @@ Unplug.fill = "none";
 
 const UploadCloud = ({ title = "Upload cloud", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", ...props, children: [
   title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 17 4-4 4 4" })
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13v8m-4-4 4-4 4 4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 16.463a4 4 0 0 0-2.766-7.39 6.499 6.499 0 0 0-12.72-1.41A4.997 4.997 0 0 0 4 15.997" })
 ] });
 UploadCloud.fill = "none";
 
@@ -14463,6 +14470,7 @@ const AllIcons = {
   CloudMoonRain,
   CloudMoon,
   CloudOff,
+  CloudProvider,
   CloudRainWind,
   CloudRain,
   CloudSnow,
@@ -18826,6 +18834,7 @@ const iconMetaData = {
   CloudMoonRain: ["weather", "partly", "night", "rainfall"],
   CloudMoon: ["weather", "night"],
   CloudOff: ["disconnect"],
+  CloudProvider: [],
   CloudRainWind: ["weather", "rainfall"],
   CloudRain: ["weather", "rainfall"],
   CloudSnow: ["weather", "blizzard"],
@@ -26985,6 +26994,7 @@ exports.CloudLightning = CloudLightning;
 exports.CloudMoon = CloudMoon;
 exports.CloudMoonRain = CloudMoonRain;
 exports.CloudOff = CloudOff;
+exports.CloudProvider = CloudProvider;
 exports.CloudRain = CloudRain;
 exports.CloudRainWind = CloudRainWind;
 exports.CloudSnow = CloudSnow;