chaincss 2.1.36 → 2.1.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chaincss",
-  "version": "2.1.36",
+  "version": "2.1.38",
   "description": "ChainCSS - The first CSS-in-JS library with true auto-detection mixed mode. Zero runtime by default, dynamic when you need it.",
   "type": "module",
   "main": "./dist/index.js",

package/src/plugins/vite.ts

@@ -276,7 +276,15 @@ export default function chaincssPlugin(options: ChainCSSPluginOptions = {}): Plu
       
       if (id === resolvedCssId) {
         const css = updateCSS();
-        return css || '/* ChainCSS: No styles */';
+        // Return JS that injects the CSS into the DOM
+        if (css && css.trim()) {
+          return `const style = document.createElement('style');
+style.setAttribute('data-chaincss', 'build');
+style.textContent = ${JSON.stringify(css)};
+document.head.appendChild(style);
+export default {};`;
+        }
+        return 'export default {};';
       }
       
       return null;

package/src/runtime/index.ts

@@ -26,16 +26,15 @@ export {
   useComputedStyles
 } from './react.js';
 
-// Vue composables
-export {
-  useAtomicClasses,
-  ChainCSSGlobal as ChainCSSGlobalVue,
-  createStyledComponent as createStyledVueComponent,  // This is fine - it renames
-  createStyledComponents as createStyledVueComponents,
-  useComputedStyles as useComputedStylesVue,  // This renames useComputedStyles
-  provideStyleContext,
-  injectStyleContext
-} from './vue.js';
+// Vue composables — lazy stubs (only load vue.js when called)
+const _lazyVue = () => import('./vue.js');
+export const useAtomicClassesVue = (...args: any[]) => _lazyVue().then((m: any) => m.useAtomicClasses(...args as any[]));
+export const ChainCSSGlobalVue = (props: any) => { _lazyVue(); return null; };
+export const createStyledVueComponent = (...args: any[]) => (...a: any[]) => { _lazyVue(); return null; };
+export const createStyledVueComponents = (...args: any[]) => { _lazyVue(); return {}; };
+export const useComputedStylesVue = (...args: any[]) => { _lazyVue(); return {}; };
+export const provideStyleContext = (...args: any[]) => { _lazyVue(); };
+export const injectStyleContext = (...args: any[]) => { _lazyVue(); return {}; };
 
 // Svelte — loaded lazily
 let _svelteExports: any = null;