@kbach/react 0.5.33 → 0.5.35

package/README.md

@@ -40,12 +40,18 @@ npm install @kbach/react
 // vite.config.ts
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { kbach } from '@kbach/react/vite';
 
 export default defineConfig({
-  plugins: [react({ jsxImportSource: '@kbach/react' })],
+  plugins: [
+    react({ jsxImportSource: '@kbach/react' }),
+    kbach(), // generates app.css on every HMR event
+  ],
 });
 ```
 
+The `kbach()` Vite plugin scans your source files and writes generated CSS between `/* kbach:start */` / `/* kbach:end */` markers in your main CSS file (`src/index.css`, `app/app.css`, etc.). It rescans fresh on every HMR event so removed classes are immediately evicted.
+
 **Babel**
 
 ```js
@@ -430,3 +436,9 @@ const Heading = styled(Text, 'font-sans-bold text-2xl');
 <Body>Regular text</Body>
 <Heading>Title</Heading>
 ```
+
+## Full reference
+
+See [kbach-react.md](./kbach-react.md) for the complete utility reference, all modifiers, configuration options, and common patterns.
+
+For React Native / Expo, see the [`@kbach/native`](https://www.npmjs.com/package/@kbach/native) package.

package/dist/{chunk-VZD4672I.mjs → chunk-65BTN2UR.mjs}

@@ -3,7 +3,7 @@ import {
   InteractiveWrapper,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-X6FH5QTD.mjs";
+} from "./chunk-VRYE5CAE.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -11,7 +11,7 @@ import {
   getDefaultFontFamily,
   isWeb,
   resolve
-} from "./chunk-SOBLKZGE.mjs";
+} from "./chunk-YU55J6F6.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/{chunk-X6FH5QTD.mjs → chunk-VRYE5CAE.mjs}

@@ -4,7 +4,7 @@ import {
   getGlobalWidth,
   isWeb,
   subscribeGlobalWidth
-} from "./chunk-SOBLKZGE.mjs";
+} from "./chunk-YU55J6F6.mjs";
 
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";