@clickhouse/click-ui 0.0.234-sc-deprecation.8 → 0.0.234-sc-deprecation.9

package/dist/config/vite.js

@@ -0,0 +1,76 @@
+/**
+ * Vite plugin for Click UI configuration
+ * Uses shared core for config discovery and CSS generation
+ */
+import { ClickUIConfigCore } from './core';
+export function clickUIConfig(options = {}) {
+    const core = new ClickUIConfigCore(options);
+    let resolvedRoot;
+    let loadedConfig = null;
+    let cssVariables = '';
+    return {
+        name: 'click-ui-config',
+        // Load config during Vite config resolution
+        async config(config) {
+            const root = config.root || process.cwd();
+            resolvedRoot = root;
+            try {
+                const result = await core.initialize(root);
+                loadedConfig = result.config;
+                cssVariables = result.cssVariables;
+                // Return Vite config modifications
+                const viteConfig = {
+                    define: core.createDefines(loadedConfig),
+                };
+                // Add alias if config file was found
+                if (result.configFile) {
+                    viteConfig.resolve = {
+                        alias: core.createAlias(result.configFile),
+                    };
+                }
+                return viteConfig;
+            }
+            catch (error) {
+                console.error('❌ Failed to initialize Click UI config:', error);
+                return {
+                    define: core.createDefines({}),
+                };
+            }
+        },
+        // Store resolved config for later use
+        configResolved(config) {
+            resolvedRoot = config.root;
+        },
+        // Emit CSS file with theme variables
+        generateBundle() {
+            if (cssVariables && cssVariables.length > 0) {
+                this.emitFile({
+                    type: 'asset',
+                    fileName: core.getCSSOutputFilename(),
+                    source: cssVariables,
+                });
+                if (core.isVerbose()) {
+                    console.log(`✅ Generated ${core.getCSSOutputFilename()}`);
+                }
+            }
+        },
+        // Watch config file for changes in dev mode
+        async handleHotUpdate({ file, server }) {
+            const configFile = core.findConfigFile(resolvedRoot);
+            if (configFile && file === configFile) {
+                console.log('🔄 Config file changed, reloading...');
+                core.clearCache();
+                // Re-initialize with new config
+                const result = await core.initialize(resolvedRoot);
+                loadedConfig = result.config;
+                cssVariables = result.cssVariables;
+                // Trigger full reload
+                server.ws.send({
+                    type: 'full-reload',
+                    path: '*',
+                });
+            }
+        },
+    };
+}
+//# sourceMappingURL=vite.js.map

package/dist/config/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sourceRoot":"","sources":["../../config/vite.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG3C,MAAM,UAAU,aAAa,CAAC,UAAyB,EAAE;IACvD,MAAM,IAAI,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC5C,IAAI,YAAoB,CAAC;IACzB,IAAI,YAAY,GAAQ,IAAI,CAAC;IAC7B,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,OAAO;QACL,IAAI,EAAE,iBAAiB;QAEvB,4CAA4C;QAC5C,KAAK,CAAC,MAAM,CAAC,MAAM;YACjB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;YAC1C,YAAY,GAAG,IAAI,CAAC;YAEpB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC3C,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;gBAC7B,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;gBAEnC,mCAAmC;gBACnC,MAAM,UAAU,GAAQ;oBACtB,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC;iBACzC,CAAC;gBAEF,qCAAqC;gBACrC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;oBACtB,UAAU,CAAC,OAAO,GAAG;wBACnB,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC;qBAC3C,CAAC;gBACJ,CAAC;gBAED,OAAO,UAAU,CAAC;YACpB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC;gBAChE,OAAO;oBACL,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;iBAC/B,CAAC;YACJ,CAAC;QACH,CAAC;QAED,sCAAsC;QACtC,cAAc,CAAC,MAAsB;YACnC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;QAC7B,CAAC;QAED,qCAAqC;QACrC,cAAc;YACZ,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5C,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,OAAO;oBACb,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EAAE;oBACrC,MAAM,EAAE,YAAY;iBACrB,CAAC,CAAC;gBAEH,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;oBACrB,OAAO,CAAC,GAAG,CAAC,eAAe,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;gBAC5D,CAAC;YACH,CAAC;QACH,CAAC;QAED,4CAA4C;QAC5C,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;YACpC,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAErD,IAAI,UAAU,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;gBACtC,OAAO,CAAC,GAAG,CAAC,sCAAsC,CAAC,CAAC;gBACpD,IAAI,CAAC,UAAU,EAAE,CAAC;gBAElB,gCAAgC;gBAChC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;gBACnD,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;gBAC7B,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;gBAEnC,sBAAsB;gBACtB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;oBACb,IAAI,EAAE,aAAa;oBACnB,IAAI,EAAE,GAAG;iBACV,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/config/webpack.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Webpack plugin for Click UI configuration
+ * Uses shared core for config discovery and CSS generation
+ */
+import type { WebpackPluginInstance } from 'webpack';
+import type { PluginOptions } from './types';
+export declare function clickUIConfig(options?: PluginOptions): WebpackPluginInstance;
+//# sourceMappingURL=webpack.d.ts.map

package/dist/config/webpack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.d.ts","sourceRoot":"","sources":["../../config/webpack.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAY,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,wBAAgB,aAAa,CAAC,OAAO,GAAE,aAAkB,GAAG,qBAAqB,CAuGhF"}

package/dist/config/webpack.js

@@ -0,0 +1,87 @@
+/**
+ * Webpack plugin for Click UI configuration
+ * Uses shared core for config discovery and CSS generation
+ */
+import { ClickUIConfigCore } from './core';
+import { Compilation, sources } from 'webpack';
+export function clickUIConfig(options = {}) {
+    const core = new ClickUIConfigCore(options);
+    let loadedConfig = null;
+    let cssVariables = '';
+    return {
+        apply(compiler) {
+            const pluginName = 'ClickUIConfigPlugin';
+            // Initialize config at the start of compilation
+            compiler.hooks.beforeCompile.tapAsync(pluginName, async (params, callback) => {
+                try {
+                    const root = compiler.context || process.cwd();
+                    const result = await core.initialize(root);
+                    loadedConfig = result.config;
+                    cssVariables = result.cssVariables;
+                    callback();
+                }
+                catch (error) {
+                    console.error('❌ Failed to initialize Click UI config:', error);
+                    callback();
+                }
+            });
+            // Add config as webpack DefinePlugin globals
+            compiler.hooks.compilation.tap(pluginName, (compilation) => {
+                const defines = core.createDefines(loadedConfig);
+                // Inject defines into compilation
+                Object.entries(defines).forEach(([key, value]) => {
+                    compilation.hooks.processAssets.tap({
+                        name: pluginName,
+                        stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
+                    }, () => {
+                        // Make defines available globally
+                        compilation.valueCacheVersions.set(key, value);
+                    });
+                });
+            });
+            // Emit CSS file as asset
+            compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
+                compilation.hooks.processAssets.tap({
+                    name: pluginName,
+                    stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
+                }, () => {
+                    if (cssVariables && cssVariables.length > 0) {
+                        const filename = core.getCSSOutputFilename();
+                        compilation.emitAsset(filename, new sources.RawSource(cssVariables));
+                        if (core.isVerbose()) {
+                            console.log(`✅ Generated ${filename}`);
+                        }
+                    }
+                });
+            });
+            // Add alias resolution for 'click-ui-config'
+            compiler.hooks.afterEnvironment.tap(pluginName, () => {
+                const root = compiler.context || process.cwd();
+                const configFile = core.findConfigFile(root);
+                if (configFile) {
+                    const alias = core.createAlias(configFile);
+                    // Merge with existing resolve.alias
+                    if (!compiler.options.resolve) {
+                        compiler.options.resolve = {};
+                    }
+                    if (!compiler.options.resolve.alias) {
+                        compiler.options.resolve.alias = {};
+                    }
+                    Object.assign(compiler.options.resolve.alias, alias);
+                    if (core.isVerbose()) {
+                        console.log('✅ Added webpack alias for click-ui-config');
+                    }
+                }
+            });
+            // Watch config file for changes
+            compiler.hooks.afterCompile.tap(pluginName, (compilation) => {
+                const root = compiler.context || process.cwd();
+                const configFile = core.findConfigFile(root);
+                if (configFile) {
+                    compilation.fileDependencies.add(configFile);
+                }
+            });
+        },
+    };
+}
+//# sourceMappingURL=webpack.js.map

package/dist/config/webpack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../../config/webpack.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,UAAU,aAAa,CAAC,UAAyB,EAAE;IACvD,MAAM,IAAI,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC5C,IAAI,YAAY,GAAQ,IAAI,CAAC;IAC7B,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,OAAO;QACL,KAAK,CAAC,QAAkB;YACtB,MAAM,UAAU,GAAG,qBAAqB,CAAC;YAEzC,gDAAgD;YAChD,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAC3E,IAAI,CAAC;oBACH,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;oBAC/C,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAE3C,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;oBAC7B,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;oBAEnC,QAAQ,EAAE,CAAC;gBACb,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC;oBAChE,QAAQ,EAAE,CAAC;gBACb,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,6CAA6C;YAC7C,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,EAAE;gBACzD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;gBAEjD,kCAAkC;gBAClC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;oBAC/C,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CACjC;wBACE,IAAI,EAAE,UAAU;wBAChB,KAAK,EAAE,WAAW,CAAC,8BAA8B;qBAClD,EACD,GAAG,EAAE;wBACH,kCAAkC;wBACjC,WAAmB,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;oBAC1D,CAAC,CACF,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,yBAAyB;YACzB,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,EAAE;gBAC7D,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CACjC;oBACE,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,WAAW,CAAC,+BAA+B;iBACnD,EACD,GAAG,EAAE;oBACH,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;wBAE7C,WAAW,CAAC,SAAS,CACnB,QAAQ,EACR,IAAI,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,CACpC,CAAC;wBAEF,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;4BACrB,OAAO,CAAC,GAAG,CAAC,eAAe,QAAQ,EAAE,CAAC,CAAC;wBACzC,CAAC;oBACH,CAAC;gBACH,CAAC,CACF,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,6CAA6C;YAC7C,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;gBACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;gBAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAE7C,IAAI,UAAU,EAAE,CAAC;oBACf,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;oBAE3C,oCAAoC;oBACpC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;wBAC9B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;oBAChC,CAAC;oBACD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;wBACpC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;oBACtC,CAAC;oBAED,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;oBAErD,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;wBACrB,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC,CAAC;oBAC3D,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,gCAAgC;YAChC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,EAAE;gBAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;gBAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAE7C,IAAI,UAAU,EAAE,CAAC;oBACf,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/theme/ClickUIProvider/ServerClickUIProvider.d.ts

@@ -1,15 +1,14 @@
 import { default as React } from 'react';
-import { BaseThemeName, ThemeConfig } from '../types';
+import { ThemeConfig, ThemeName } from '../types';
 import { TooltipProviderProps } from '@radix-ui/react-tooltip';
 import { ToastProviderProps } from '../../components/Toast/Toast';
 
 interface ServerClickUIProviderProps {
     children: React.ReactNode;
-    theme?: BaseThemeName;
+    theme?: ThemeName;
     config?: ThemeConfig;
-    enableSystemMode?: boolean;
     tooltipConfig?: Omit<TooltipProviderProps, "children">;
     toastConfig?: Omit<ToastProviderProps, "children">;
 }
-export declare const ServerClickUIProvider: ({ children, theme, config, enableSystemMode, tooltipConfig, toastConfig, }: ServerClickUIProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ServerClickUIProvider: ({ children, theme, config, tooltipConfig, toastConfig, }: ServerClickUIProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/theme/index.d.ts

@@ -1,7 +1,7 @@
-export type { Theme, ThemeName, ThemeConfig, ThemeContextValue, BaseThemeName, ResolvedThemeName, DeepPartial, NestedJSONObject, ConfigThemeValues, } from './types';
+export type { Theme, ThemeName, ThemeConfig, ThemeContextValue, BaseThemeName, ResolvedThemeName, DeepPartial, TypedTheme, NestedJSONObject, ConfigThemeValues, } from './types';
 export { ClickUIProvider, ServerClickUIProvider } from './ClickUIProvider';
 export { useCUITheme, useCUITheme as useClickUITheme, } from './ClickUIProvider';
-export { getBaseTheme, loadCustomConfig, deepMerge, } from './utils';
+export { getBaseTheme, getThemeValue, loadCustomConfig, deepMerge, } from './utils';
 export { generateCSSVariables, injectThemeStyles } from './utils/css-generator';
 export { getThemeConfig } from './config';
 export type { ThemeName as ClickUIThemeName } from './types';

package/dist/theme/types.d.ts

@@ -10,13 +10,11 @@ export type ConfigThemeValues = Theme | NestedJSONObject;
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? T[P] extends (infer U)[] ? DeepPartial<U>[] : DeepPartial<T[P]> : T[P];
 };
-type FlexibleTheme = DeepPartial<Theme> & Record<string, string | number | NestedJSONObject>;
+type FlexibleTheme = NestedJSONObject;
+export type TypedTheme = DeepPartial<Theme>;
 export interface ThemeConfig {
     theme?: FlexibleTheme;
-    systemModeOverrides?: {
-        light?: FlexibleTheme;
-        dark?: FlexibleTheme;
-    };
+    dark?: FlexibleTheme;
     storageKey?: string;
     enableSystemMode?: boolean;
 }

package/dist/theme/utils.d.ts

@@ -4,5 +4,12 @@ import { Theme, BaseThemeName, ThemeConfig } from './types';
  * Get base theme by name (synchronous with fallback)
  */
 export declare const getBaseTheme: (themeName: BaseThemeName) => Theme;
+/**
+ * Helper to get a specific value from a theme by path
+ * @example
+ * getThemeValue(lightTheme, "click.button.primary.background.default")
+ * // Returns: "#007bff"
+ */
+export declare const getThemeValue: (theme: Theme | Record<string, any>, path: string) => unknown;
 export declare const loadCustomConfig: () => Promise<ThemeConfig | null>;
 export declare const deepMerge: (target: any, source: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.234-sc-deprecation.8",
+  "version": "0.0.234-sc-deprecation.9",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -31,6 +31,27 @@
     "./theme": {
       "types": "./dist/theme/index.d.ts"
     },
+    "./config": {
+      "types": "./dist/config/index.d.ts",
+      "import": "./dist/config/index.js",
+      "require": "./dist/config/index.js"
+    },
+    "./config/vite": {
+      "types": "./dist/config/vite.d.ts",
+      "import": "./dist/config/vite.js"
+    },
+    "./config/webpack": {
+      "types": "./dist/config/webpack.d.ts",
+      "import": "./dist/config/webpack.js"
+    },
+    "./config/rollup": {
+      "types": "./dist/config/rollup.d.ts",
+      "import": "./dist/config/rollup.js"
+    },
+    "./config/next": {
+      "types": "./dist/config/next.d.ts",
+      "import": "./dist/config/next.js"
+    },
     "./style.css": "./dist/style.css"
   },
   "main": "./dist/click-ui.umd.js",
@@ -47,8 +68,9 @@
   },
   "homepage": "https://clickhouse.com",
   "scripts": {
-    "build": "tsc && vite build && npm run build:bundled",
+    "build": "tsc && npm run build:config && vite build && npm run build:bundled",
     "build:bundled": "vite build -- bundled",
+    "build:config": "tsc --project tsconfig.config.json",
     "build-storybook": "storybook build",
     "build:watch": "watch 'npm run build' ./src",
     "chromatic": "npx chromatic",
@@ -100,11 +122,13 @@
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
     "@tokens-studio/sd-transforms": "^0.10.3",
+    "@types/node": "^20.0.0",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/react-window": "^1.8.8",
     "@types/sortablejs": "^1.15.2",
+    "@types/webpack": "^5.28.0",
     "@typescript-eslint/eslint-plugin": "^7.16.1",
     "@typescript-eslint/parser": "^7.16.1",
     "@vitejs/plugin-react": "^4.2.1",
@@ -115,7 +139,9 @@
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^9.0.18",
     "jsdom": "^24.0.0",
+    "next": "^15.5.5",
     "prettier": "^3.6.2",
+    "rollup": "^4.52.4",
     "sass-embedded": "^1.93.0",
     "storybook": "^9.0.18",
     "storybook-addon-pseudo-states": "^9.0.18",
@@ -124,7 +150,8 @@
     "vite": "^5.2.11",
     "vite-plugin-dts": "^3.9.1",
     "vitest": "^2.0.3",
-    "watch": "^1.0.2"
+    "watch": "^1.0.2",
+    "webpack": "^5.102.1"
   },
   "peerDependencies": {
     "dayjs": "^1.11.18",