@agimon-ai/po-style-system-tooling 0.2.14-alpha.19 → 0.2.14-alpha.20

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_stdio = require("./stdio-DZTgEb3-.cjs");
+const require_stdio = require("./stdio-7W52L7gp.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, F as TailwindCSSClassesService, P as DEFAULT_STYLE_SYSTEM_CONFIG, a as STYLE_SYSTEM_CLI_NAME, i as createServer$1, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, w as getAppDesignSystemConfig, y as getBundlerServiceFromConfig, z as log } from "./stdio-BSPlpcZN.mjs";
+import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, F as TailwindCSSClassesService, P as DEFAULT_STYLE_SYSTEM_CONFIG, a as STYLE_SYSTEM_CLI_NAME, i as createServer$1, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, w as getAppDesignSystemConfig, y as getBundlerServiceFromConfig, z as log } from "./stdio-Cs3GzGK4.mjs";
 import { promises } from "node:fs";
 import path, { join } from "node:path";
 import { z } from "zod";

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_stdio = require("./stdio-DZTgEb3-.cjs");
+const require_stdio = require("./stdio-7W52L7gp.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, C as launchBrowserWithFallback, D as resetStyleSystemConfigCache, E as hasStyleSystemProjectConfig, F as TailwindCSSClassesService, I as BaseCSSClassesService, L as TemplatesManagerService, M as StoriesIndexService, N as CSSClassesServiceFactory, O as resolveAppDesignSystemConfig, P as DEFAULT_STYLE_SYSTEM_CONFIG, R as isContained, S as BaseBundlerService, T as getSharedComponentTags, _ as createDefaultBundlerService, b as ViteReactNativeBundlerService, c as createStyleSystemModule, d as GetComponentVisualTool, f as GetCSSClassesTool, g as ThemeService, h as ComponentRendererService, i as createServer, j as MAX_STYLE_SYSTEM_VIEWPORT_DIMENSION, k as StyleSystemConfigLoader, l as ListAppComponentsTool, m as GetUiComponentService, n as extractCustomTokenNames, p as ListThemesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListSharedComponentsTool, v as getBundlerService, w as getAppDesignSystemConfig, x as ViteReactBundlerService, y as getBundlerServiceFromConfig } from "./stdio-BSPlpcZN.mjs";
+import { A as resolveStyleSystemThemePath, B as STYLE_SYSTEM_TYPES, C as launchBrowserWithFallback, D as resetStyleSystemConfigCache, E as hasStyleSystemProjectConfig, F as TailwindCSSClassesService, I as BaseCSSClassesService, L as TemplatesManagerService, M as StoriesIndexService, N as CSSClassesServiceFactory, O as resolveAppDesignSystemConfig, P as DEFAULT_STYLE_SYSTEM_CONFIG, R as isContained, S as BaseBundlerService, T as getSharedComponentTags, _ as createDefaultBundlerService, b as ViteReactNativeBundlerService, c as createStyleSystemModule, d as GetComponentVisualTool, f as GetCSSClassesTool, g as ThemeService, h as ComponentRendererService, i as createServer, j as MAX_STYLE_SYSTEM_VIEWPORT_DIMENSION, k as StyleSystemConfigLoader, l as ListAppComponentsTool, m as GetUiComponentService, n as extractCustomTokenNames, p as ListThemesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListSharedComponentsTool, v as getBundlerService, w as getAppDesignSystemConfig, x as ViteReactBundlerService, y as getBundlerServiceFromConfig } from "./stdio-Cs3GzGK4.mjs";
 import { promises } from "node:fs";
 import path from "node:path";
 import { createHash, randomUUID } from "node:crypto";

package/dist/{stdio-DZTgEb3-.cjs → stdio-7W52L7gp.cjs}

@@ -39,8 +39,6 @@ let storybook_internal_csf_tools = require("storybook/internal/csf-tools");
 let glob = require("glob");
 let zod = require("zod");
 let playwright = require("playwright");
-let sharp = require("sharp");
-sharp = __toESM(sharp, 1);
 let node_module = require("node:module");
 let _tailwindcss_vite = require("@tailwindcss/vite");
 _tailwindcss_vite = __toESM(_tailwindcss_vite, 1);
@@ -1702,7 +1700,27 @@ async function takeScreenshot(options) {
 			path: output,
 			fullPage
 		});
-		const screenshotMetadata = await (0, sharp.default)(screenshotBuffer).metadata();
+		const screenshotMetadata = await page.evaluate(`(async () => {
+      const bytes = Uint8Array.from(atob(${JSON.stringify(screenshotBuffer.toString("base64"))}), (char) => char.charCodeAt(0));
+      const image = await createImageBitmap(new Blob([bytes]));
+      try {
+        const result = { width: image.width, height: image.height };
+        if (${generateThumbnail}) {
+          const width = ${JSON.stringify(thumbnailWidth)};
+          const quality = ${JSON.stringify(thumbnailQuality)};
+          if (!Number.isSafeInteger(width) || width <= 0 || !Number.isInteger(quality) || quality < 1 || quality > 100)
+            throw new Error('Invalid thumbnail width or quality.');
+          const canvas = document.createElement('canvas');
+          canvas.width = width;
+          canvas.height = Math.max(1, Math.round(image.height * width / image.width));
+          canvas.getContext('2d').drawImage(image, 0, 0, canvas.width, canvas.height);
+          result.thumbnail = canvas.toDataURL('image/jpeg', quality / 100).split(',')[1];
+        }
+        return result;
+      } finally {
+        image.close();
+      }
+    })()`);
 		const result = {
 			imagePath: output,
 			width: screenshotMetadata.width ?? width,
@@ -1711,7 +1729,7 @@ async function takeScreenshot(options) {
 		if (generateThumbnail) {
 			const ext = node_path.default.extname(output);
 			const thumbnailPath = output.replace(ext, `-thumb${ext}`);
-			await (0, sharp.default)(screenshotBuffer).resize(thumbnailWidth).jpeg({ quality: thumbnailQuality }).toFile(thumbnailPath.replace(ext, ".jpg"));
+			await (0, node_fs_promises.writeFile)(thumbnailPath.replace(ext, ".jpg"), Buffer.from(screenshotMetadata.thumbnail, "base64"));
 			result.thumbnailPath = thumbnailPath.replace(ext, ".jpg");
 		}
 		if (base64) result.base64 = screenshotBuffer.toString("base64");
@@ -2669,10 +2687,8 @@ mount();
 const __dirname$1 = (0, node_path.dirname)((0, node_url.fileURLToPath)(require("url").pathToFileURL(__filename).href));
 const REACT_NATIVE_PACKAGE = "react-native";
 const REACT_NATIVE_WEB_PACKAGE = "react-native-web";
-const REACT_NATIVE_INDEX_SUBPATH = "react-native/index.js";
 const REACT_NATIVE_UNISTYLES_PACKAGE = "react-native-unistyles";
 const REACT_NATIVE_UNISTYLES_BABEL_PLUGIN = "react-native-unistyles/plugin";
-const REACT_NATIVE_REANIMATED_PACKAGE = "react-native-reanimated";
 const REACT_NATIVE_REANIMATED_BABEL_PLUGIN = "react-native-reanimated/plugin";
 const BABEL_CORE_PACKAGE = "@babel/core";
 const BABEL_PLUGIN_SYNTAX_JSX = "@babel/plugin-syntax-jsx";
@@ -2686,8 +2702,7 @@ const APP_SOURCE_ALIAS = "@";
 const APP_SOURCE_DIR = "src";
 const VITE_PLUGIN_ENFORCE_PRE = "pre";
 const VITE_REACT_NATIVE_BUNDLER_ID = "vite-react-native";
-const REACT_NATIVE_REDIRECT_PLUGIN_NAME = "vite-redirect-react-native";
-const REACT_NATIVE_REANIMATED_REDIRECT_PLUGIN_NAME = "vite-redirect-react-native-reanimated";
+const REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME = "vite-react-native-optimize-deps";
 const EXPO_ICONS_REDIRECT_PLUGIN_NAME = "vite-redirect-expo-vector-icons";
 const NATIVE_BABEL_TRANSFORM_PLUGIN_NAME = "vite-react-native-babel";
 const EXPO_VECTOR_ICONS_RESOLVED_MODULE_PREFIX = `\0virtual:style-system-expo-vector-icons`;
@@ -2698,10 +2713,8 @@ const EXPO_VECTOR_ICONS_SHIM_FILE = "expo-vector-icons.ts";
 const EXPO_SYMBOLS_SHIM_FILE = "expo-symbols.ts";
 const REQUIRED_REACT_NATIVE_SHIM_FILES = [EXPO_VECTOR_ICONS_SHIM_FILE, EXPO_SYMBOLS_SHIM_FILE];
 const PACKAGE_JSON_SUBPATH = "package.json";
-const REACT_NATIVE_WEB_DIST_INDEX = "dist/index.js";
 const REACT_NATIVE_UNISTYLES_WEB_INDEX = "lib/module/index.js";
 const REACT_NATIVE_UNISTYLES_NATIVE_COMPONENTS = "lib/module/components/native";
-const REACT_NATIVE_REANIMATED_WEB_INDEX = "lib/module/index.js";
 const EXPO_VECTOR_ICONS_GLYPHMAP_DIR = "build/vendor/react-native-vector-icons/glyphmaps";
 const EXPO_VECTOR_ICONS_FONT_DIR = "build/vendor/react-native-vector-icons/Fonts";
 const GLYPHMAP_EXTENSION = ".json";
@@ -2987,13 +3000,11 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 		return VITE_REACT_NATIVE_BUNDLER_ID;
 	}
 	getAdditionalVitePlugins(appPath) {
-		const reactNativeWebEntry = appPath ? node_path.default.join(resolvePackageDirFrom(appPath, REACT_NATIVE_WEB_PACKAGE), REACT_NATIVE_WEB_DIST_INDEX) : null;
-		const reactNativeReanimatedEntry = appPath ? node_path.default.join(resolvePackageDirFrom(appPath, REACT_NATIVE_REANIMATED_PACKAGE), REACT_NATIVE_REANIMATED_WEB_INDEX) : null;
 		return [
 			{
-				name: REACT_NATIVE_REDIRECT_PLUGIN_NAME,
-				enforce: VITE_PLUGIN_ENFORCE_PRE,
-				config: () => ({ optimizeDeps: {
+				name: REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME,
+				config: (config) => ({ optimizeDeps: {
+					rolldownOptions: { resolve: { extensions: config.resolve?.extensions } },
 					exclude: [
 						"@react-native-segmented-control/segmented-control",
 						SAFE_AREA_CONTEXT_PACKAGE,
@@ -3002,19 +3013,7 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 						"react-native-gesture-handler"
 					],
 					include: ["react-native-gesture-handler > hoist-non-react-statics", "react-native-gesture-handler > invariant"]
-				} }),
-				resolveId(source) {
-					if (source === REACT_NATIVE_PACKAGE || source === REACT_NATIVE_INDEX_SUBPATH) return reactNativeWebEntry;
-					return null;
-				}
-			},
-			{
-				name: REACT_NATIVE_REANIMATED_REDIRECT_PLUGIN_NAME,
-				enforce: VITE_PLUGIN_ENFORCE_PRE,
-				resolveId(source) {
-					if (source === REACT_NATIVE_REANIMATED_PACKAGE) return reactNativeReanimatedEntry;
-					return null;
-				}
+				} })
 			},
 			createExpoTypeDeclarationStubPlugin(),
 			createSvgComponentPlugin(),
@@ -3086,13 +3085,9 @@ const styleSystemSafeAreaMetrics = {
 					replacement: node_path.default.join(appPath, APP_SOURCE_DIR)
 				},
 				{
-					find: REACT_NATIVE_PACKAGE,
+					find: /^react-native$/,
 					replacement: reactNativeWebDir
 				},
-				{
-					find: REACT_NATIVE_INDEX_SUBPATH,
-					replacement: node_path.default.join(reactNativeWebDir, REACT_NATIVE_WEB_DIST_INDEX)
-				},
 				{
 					find: /^react-native-unistyles\/components\/native\/(.+)$/,
 					replacement: node_path.default.join(reactNativeUnistylesDir, REACT_NATIVE_UNISTYLES_NATIVE_COMPONENTS, "$1.js")
@@ -4753,7 +4748,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.14-alpha.19";
+var version = "0.2.14-alpha.20";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";

package/dist/{stdio-BSPlpcZN.mjs → stdio-Cs3GzGK4.mjs}

@@ -6,6 +6,7 @@ import path, { dirname } from "node:path";
 import os, * as os$1 from "node:os";
 import pino from "pino";
 import * as fs from "node:fs/promises";
+import { writeFile } from "node:fs/promises";
 import * as yaml from "js-yaml";
 import postcss from "postcss";
 import { createHash, randomUUID } from "node:crypto";
@@ -13,7 +14,6 @@ import { loadCsf } from "storybook/internal/csf-tools";
 import { glob } from "glob";
 import { z } from "zod";
 import { chromium, firefox, webkit } from "playwright";
-import sharp from "sharp";
 import tailwindcss from "@tailwindcss/vite";
 import { viteSingleFile } from "vite-plugin-singlefile";
 import { fileURLToPath } from "node:url";
@@ -1675,7 +1675,27 @@ async function takeScreenshot(options) {
 			path: output,
 			fullPage
 		});
-		const screenshotMetadata = await sharp(screenshotBuffer).metadata();
+		const screenshotMetadata = await page.evaluate(`(async () => {
+      const bytes = Uint8Array.from(atob(${JSON.stringify(screenshotBuffer.toString("base64"))}), (char) => char.charCodeAt(0));
+      const image = await createImageBitmap(new Blob([bytes]));
+      try {
+        const result = { width: image.width, height: image.height };
+        if (${generateThumbnail}) {
+          const width = ${JSON.stringify(thumbnailWidth)};
+          const quality = ${JSON.stringify(thumbnailQuality)};
+          if (!Number.isSafeInteger(width) || width <= 0 || !Number.isInteger(quality) || quality < 1 || quality > 100)
+            throw new Error('Invalid thumbnail width or quality.');
+          const canvas = document.createElement('canvas');
+          canvas.width = width;
+          canvas.height = Math.max(1, Math.round(image.height * width / image.width));
+          canvas.getContext('2d').drawImage(image, 0, 0, canvas.width, canvas.height);
+          result.thumbnail = canvas.toDataURL('image/jpeg', quality / 100).split(',')[1];
+        }
+        return result;
+      } finally {
+        image.close();
+      }
+    })()`);
 		const result = {
 			imagePath: output,
 			width: screenshotMetadata.width ?? width,
@@ -1684,7 +1704,7 @@ async function takeScreenshot(options) {
 		if (generateThumbnail) {
 			const ext = path.extname(output);
 			const thumbnailPath = output.replace(ext, `-thumb${ext}`);
-			await sharp(screenshotBuffer).resize(thumbnailWidth).jpeg({ quality: thumbnailQuality }).toFile(thumbnailPath.replace(ext, ".jpg"));
+			await writeFile(thumbnailPath.replace(ext, ".jpg"), Buffer.from(screenshotMetadata.thumbnail, "base64"));
 			result.thumbnailPath = thumbnailPath.replace(ext, ".jpg");
 		}
 		if (base64) result.base64 = screenshotBuffer.toString("base64");
@@ -2642,10 +2662,8 @@ mount();
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const REACT_NATIVE_PACKAGE = "react-native";
 const REACT_NATIVE_WEB_PACKAGE = "react-native-web";
-const REACT_NATIVE_INDEX_SUBPATH = "react-native/index.js";
 const REACT_NATIVE_UNISTYLES_PACKAGE = "react-native-unistyles";
 const REACT_NATIVE_UNISTYLES_BABEL_PLUGIN = "react-native-unistyles/plugin";
-const REACT_NATIVE_REANIMATED_PACKAGE = "react-native-reanimated";
 const REACT_NATIVE_REANIMATED_BABEL_PLUGIN = "react-native-reanimated/plugin";
 const BABEL_CORE_PACKAGE = "@babel/core";
 const BABEL_PLUGIN_SYNTAX_JSX = "@babel/plugin-syntax-jsx";
@@ -2659,8 +2677,7 @@ const APP_SOURCE_ALIAS = "@";
 const APP_SOURCE_DIR = "src";
 const VITE_PLUGIN_ENFORCE_PRE = "pre";
 const VITE_REACT_NATIVE_BUNDLER_ID = "vite-react-native";
-const REACT_NATIVE_REDIRECT_PLUGIN_NAME = "vite-redirect-react-native";
-const REACT_NATIVE_REANIMATED_REDIRECT_PLUGIN_NAME = "vite-redirect-react-native-reanimated";
+const REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME = "vite-react-native-optimize-deps";
 const EXPO_ICONS_REDIRECT_PLUGIN_NAME = "vite-redirect-expo-vector-icons";
 const NATIVE_BABEL_TRANSFORM_PLUGIN_NAME = "vite-react-native-babel";
 const EXPO_VECTOR_ICONS_RESOLVED_MODULE_PREFIX = `\0virtual:style-system-expo-vector-icons`;
@@ -2671,10 +2688,8 @@ const EXPO_VECTOR_ICONS_SHIM_FILE = "expo-vector-icons.ts";
 const EXPO_SYMBOLS_SHIM_FILE = "expo-symbols.ts";
 const REQUIRED_REACT_NATIVE_SHIM_FILES = [EXPO_VECTOR_ICONS_SHIM_FILE, EXPO_SYMBOLS_SHIM_FILE];
 const PACKAGE_JSON_SUBPATH = "package.json";
-const REACT_NATIVE_WEB_DIST_INDEX = "dist/index.js";
 const REACT_NATIVE_UNISTYLES_WEB_INDEX = "lib/module/index.js";
 const REACT_NATIVE_UNISTYLES_NATIVE_COMPONENTS = "lib/module/components/native";
-const REACT_NATIVE_REANIMATED_WEB_INDEX = "lib/module/index.js";
 const EXPO_VECTOR_ICONS_GLYPHMAP_DIR = "build/vendor/react-native-vector-icons/glyphmaps";
 const EXPO_VECTOR_ICONS_FONT_DIR = "build/vendor/react-native-vector-icons/Fonts";
 const GLYPHMAP_EXTENSION = ".json";
@@ -2960,13 +2975,11 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 		return VITE_REACT_NATIVE_BUNDLER_ID;
 	}
 	getAdditionalVitePlugins(appPath) {
-		const reactNativeWebEntry = appPath ? path.join(resolvePackageDirFrom(appPath, REACT_NATIVE_WEB_PACKAGE), REACT_NATIVE_WEB_DIST_INDEX) : null;
-		const reactNativeReanimatedEntry = appPath ? path.join(resolvePackageDirFrom(appPath, REACT_NATIVE_REANIMATED_PACKAGE), REACT_NATIVE_REANIMATED_WEB_INDEX) : null;
 		return [
 			{
-				name: REACT_NATIVE_REDIRECT_PLUGIN_NAME,
-				enforce: VITE_PLUGIN_ENFORCE_PRE,
-				config: () => ({ optimizeDeps: {
+				name: REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME,
+				config: (config) => ({ optimizeDeps: {
+					rolldownOptions: { resolve: { extensions: config.resolve?.extensions } },
 					exclude: [
 						"@react-native-segmented-control/segmented-control",
 						SAFE_AREA_CONTEXT_PACKAGE,
@@ -2975,19 +2988,7 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 						"react-native-gesture-handler"
 					],
 					include: ["react-native-gesture-handler > hoist-non-react-statics", "react-native-gesture-handler > invariant"]
-				} }),
-				resolveId(source) {
-					if (source === REACT_NATIVE_PACKAGE || source === REACT_NATIVE_INDEX_SUBPATH) return reactNativeWebEntry;
-					return null;
-				}
-			},
-			{
-				name: REACT_NATIVE_REANIMATED_REDIRECT_PLUGIN_NAME,
-				enforce: VITE_PLUGIN_ENFORCE_PRE,
-				resolveId(source) {
-					if (source === REACT_NATIVE_REANIMATED_PACKAGE) return reactNativeReanimatedEntry;
-					return null;
-				}
+				} })
 			},
 			createExpoTypeDeclarationStubPlugin(),
 			createSvgComponentPlugin(),
@@ -3059,13 +3060,9 @@ const styleSystemSafeAreaMetrics = {
 					replacement: path.join(appPath, APP_SOURCE_DIR)
 				},
 				{
-					find: REACT_NATIVE_PACKAGE,
+					find: /^react-native$/,
 					replacement: reactNativeWebDir
 				},
-				{
-					find: REACT_NATIVE_INDEX_SUBPATH,
-					replacement: path.join(reactNativeWebDir, REACT_NATIVE_WEB_DIST_INDEX)
-				},
 				{
 					find: /^react-native-unistyles\/components\/native\/(.+)$/,
 					replacement: path.join(reactNativeUnistylesDir, REACT_NATIVE_UNISTYLES_NATIVE_COMPONENTS, "$1.js")
@@ -4726,7 +4723,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.14-alpha.19";
+var version = "0.2.14-alpha.20";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/po-style-system-tooling",
-  "version": "0.2.14-alpha.19",
+  "version": "0.2.14-alpha.20",
   "description": "MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities",
   "keywords": [
     "design-system",
@@ -40,8 +40,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@agimon-ai/foundation-exec": "0.27.13",
-    "@agimon-ai/foundation-validator": "0.27.13",
+    "@agimon-ai/foundation-exec": "0.27.14",
+    "@agimon-ai/foundation-validator": "0.27.14",
     "@modelcontextprotocol/node": "2.1.1",
     "@modelcontextprotocol/server": "2.3.1",
     "@tailwindcss/vite": "4.3.3",
@@ -50,16 +50,16 @@
     "commander": "15.0.0",
     "glob": "13.0.6",
     "inversify": "8.2.3",
-    "js-yaml": "5.4.3",
+    "js-yaml": "5.5.0",
     "pino": "10.4.0",
-    "playwright": "^1.64.0",
-    "postcss": "8.5.29",
+    "playwright": "^1.64.1",
+    "postcss": "8.5.30",
     "reflect-metadata": "0.2.2",
-    "sharp": "0.35.4",
-    "storybook": "10.6.1",
+    "sharp": "0.35.5",
+    "storybook": "10.6.2",
     "tailwindcss": "4.3.3",
     "vite": "8.3.4",
-    "vite-plugin-singlefile": "^2.3.3"
+    "vite-plugin-singlefile": "^2.3.4"
   },
   "devDependencies": {
     "@babel/parser": "8.0.7",
@@ -72,8 +72,8 @@
     "@types/react-dom": "19.3.0",
     "@vitest/coverage-v8": "4.1.10",
     "esbuild": "0.28.2",
-    "react": "19.3.0",
-    "react-dom": "19.3.0",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
     "react-native-web": "0.21.4",
     "tsdown": "0.23.1",
     "typescript": "6.0.3",