@ultraviolet/ui 1.92.6 → 1.93.0

package/dist/theme/ThemeRegistry.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "@emotion/react/jsx-runtime";
+import createCache from "@emotion/cache";
+import { CacheProvider, ThemeProvider } from "@emotion/react";
+import { useServerInsertedHTML } from "next/navigation";
+import { useState } from "react";
+function ThemeRegistry({
+  children,
+  theme
+}) {
+  const [{
+    cache,
+    flush
+  }] = useState(() => {
+    const localCache = createCache({
+      key: "uv"
+    });
+    localCache.compat = true;
+    const prevInsert = localCache.insert;
+    let inserted = [];
+    localCache.insert = (...args) => {
+      const serialized = args[1];
+      if (localCache.inserted[serialized.name] === void 0) {
+        inserted.push(serialized.name);
+      }
+      return prevInsert(...args);
+    };
+    const localFlush = () => {
+      const prevInserted = inserted;
+      inserted = [];
+      return prevInserted;
+    };
+    return {
+      cache: localCache,
+      flush: localFlush
+    };
+  });
+  useServerInsertedHTML(() => {
+    const names = flush();
+    if (names.length === 0) {
+      return null;
+    }
+    let styles = "";
+    for (const name of names) {
+      styles += cache.inserted[name];
+    }
+    return /* @__PURE__ */ jsx("style", { "data-emotion": `${cache.key} ${names.join(" ")}`, dangerouslySetInnerHTML: {
+      __html: styles
+    } }, cache.key);
+  });
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children }) });
+}
+export {
+  ThemeRegistry as default
+};

package/dist/theme/index.d.ts

@@ -1,4 +1,5 @@
 import { consoleDarkTheme, consoleLightTheme } from '@ultraviolet/themes';
+import ThemeRegistry from './ThemeRegistry';
 export type ScreenSize = keyof typeof consoleLightTheme.screens;
 /**
  * @deprecated use UltravioletUITheme instead
@@ -851,5 +852,5 @@ type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
 declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
 export type { SCWUITheme, UltravioletUITheme, Color, ExtendedColor };
-export { colors, shadows, space, radii, screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, };
+export { colors, shadows, space, radii, screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeRegistry, };
 export default consoleLightTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.92.6",
+  "version": "1.93.0",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -70,6 +70,7 @@
     "@utils/test": "0.0.1"
   },
   "dependencies": {
+    "@emotion/cache": "11.14.0",
     "@emotion/serialize": "1.3.3",
     "@nivo/bar": "0.88.0",
     "@nivo/core": "0.88.0",
@@ -79,12 +80,13 @@
     "@scaleway/random-name": "5.1.1",
     "@scaleway/use-media": "3.0.3",
     "deepmerge": "4.3.1",
+    "next": "15.3.0",
     "react-select": "5.10.0",
     "react-toastify": "11.0.5",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
-    "@ultraviolet/themes": "1.17.0",
-    "@ultraviolet/icons": "3.12.5"
+    "@ultraviolet/icons": "3.13.0",
+    "@ultraviolet/themes": "1.17.0"
   },
   "scripts": {
     "type:generate": "tsc --declaration -p tsconfig.build.json",