@kbach/react 0.5.15 → 0.5.17

package/dist/index.d.ts

@@ -1,74 +1,7 @@
 import * as React from 'react';
 import React__default, { ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
-
-type ThemeMode = 'light' | 'dark' | 'system';
-interface StyleValue {
-    [key: string]: string | number | undefined | null | StyleValue | unknown[];
-}
-interface ParsedClass {
-    /** The original class string, e.g. "dark:hover:bg-[#fff]" */
-    original: string;
-    /** Up to 3 modifier prefixes, e.g. ['dark', 'hover'] */
-    modifiers: string[];
-    /** Whether a leading `-` was present for negative values */
-    negative: boolean;
-    /** Whether a leading `!` was present — applies !important to all CSS declarations */
-    important: boolean;
-    /** The utility name, e.g. 'bg', 'p', 'text' */
-    utility: string;
-    /** The resolved value, e.g. 'white', '#fff', '4' */
-    value: string;
-    /** Whether the value was specified with bracket notation [value] */
-    isArbitrary: boolean;
-}
-interface ResolvedStyle {
-    /** Base styles applied unconditionally */
-    base?: StyleValue;
-    /** Styles keyed by modifier or modifier combo, e.g. 'dark', 'hover', 'dark:hover' */
-    [modifierKey: string]: StyleValue | undefined;
-}
-type ColorShades = Record<string, string>;
-type ThemeColors = Record<string, string | ColorShades>;
-type ThemeSpacing = Record<string, number | string>;
-interface ThemeConfig {
-    colors: ThemeColors;
-    spacing: ThemeSpacing;
-    fontSize: Record<string, number | string>;
-    fontFamily: Record<string, string | string[]>;
-    fontWeight: Record<string, string | number>;
-    borderRadius: Record<string, number | string>;
-    borderWidth: Record<string, number>;
-    opacity: Record<string, number>;
-    lineHeight: Record<string, number | string>;
-    letterSpacing: Record<string, number | string>;
-    zIndex: Record<string, number | string>;
-    flex: Record<string, number>;
-    shadow: Record<string, StyleValue>;
-    screens: Record<string, string | number>;
-    [key: string]: unknown;
-}
-type DarkMode = 'attribute' | 'class' | 'media';
-interface PluginAPI {
-    addUtility(name: string, styles: StyleValue): void;
-    addVariant(name: string, selector: string): void;
-    theme(path: string, defaultValue?: unknown): unknown;
-    e(className: string): string;
-}
-interface FrameworkConfig {
-    darkMode?: DarkMode;
-    theme?: Partial<ThemeConfig>;
-    /** Additive theme extension — accepts either `extend.theme.X` or `extend.X` directly. */
-    extend?: {
-        theme?: Partial<ThemeConfig>;
-    } & Partial<ThemeConfig>;
-    plugins?: Array<(api: PluginAPI) => void>;
-    content?: string[];
-}
-interface ResolvedConfig {
-    darkMode: DarkMode;
-    theme: ThemeConfig;
-    plugins: Array<(api: PluginAPI) => void>;
-}
+import { T as ThemeColors, a as ThemeConfig, P as ParsedClass, R as ResolvedStyle, S as StyleValue, F as FrameworkConfig, b as ResolvedConfig, c as ThemeMode } from './types-CV5vXnSH.js';
+export { d as PluginAPI } from './types-CV5vXnSH.js';
 
 declare const defaultColors: ThemeColors;
 declare const defaultTheme: ThemeConfig;
@@ -368,4 +301,4 @@ declare function kb(classString: string, isDark?: boolean): StyleValue | string;
  */
 declare function cx(...classes: Array<string | false | null | undefined>): string;
 
-export { type ColorScale, type ColorsAPI, type FrameworkConfig, type InteractionState, InteractiveWrapper, type InteractiveWrapperProps, type ParsedClass, type PluginAPI, type ResolvedConfig, type ResolvedStyle, type StyleValue, type StyledProps, type ThemeConfig, ThemeContext, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, type ToggleVariant, buildConfig, cx, defaultColors, defaultTheme, flatten, getConfig, initConfig, kb, parseClass, parseClasses, resolve, styled, updateConfig, useBreakpoint, useColors, useGlobalDarkMode, useIsDark, useResolvedStyle, useResponsive, useStyles, useTheme, wrapColors };
+export { type ColorScale, type ColorsAPI, FrameworkConfig, type InteractionState, InteractiveWrapper, type InteractiveWrapperProps, ParsedClass, ResolvedConfig, ResolvedStyle, StyleValue, type StyledProps, ThemeConfig, ThemeContext, type ThemeContextValue, ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, type ToggleVariant, buildConfig, cx, defaultColors, defaultTheme, flatten, getConfig, initConfig, kb, parseClass, parseClasses, resolve, styled, updateConfig, useBreakpoint, useColors, useGlobalDarkMode, useIsDark, useResolvedStyle, useResponsive, useStyles, useTheme, wrapColors };

package/dist/index.js

@@ -3228,18 +3228,19 @@ function buildDivideDecls(styles) {
   if ("__divideStyle" in styles) parts.push(`border-style: ${String(styles.__divideStyle)}`);
   return parts.join("; ");
 }
-function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
+function buildClassCSSRules(cls, bucketKey, styles, darkMode, important, screens) {
+  const rules = [];
   if ("__keyframe" in styles && typeof styles.__keyframe === "string") {
-    injectRule(styles.__keyframe);
+    rules.push(styles.__keyframe);
   }
   const isDivide = "__divideX" in styles || "__divideY" in styles || "__divideColor" in styles || "__divideStyle" in styles;
   const escaped = escapeCSSSelector(cls);
   const childSuffix = isDivide ? " > * + *" : "";
   if (bucketKey === "base") {
     const baseCssDecls = isDivide ? buildDivideDecls(styles) : styleValueToCSS(styles, important);
-    if (!baseCssDecls) return;
-    injectRule(`.${escaped}${childSuffix} { ${baseCssDecls} }`);
-    return;
+    if (!baseCssDecls) return rules;
+    rules.push(`.${escaped}${childSuffix} { ${baseCssDecls} }`);
+    return rules;
   }
   const mods = bucketKey.split(":");
   const responsiveMods = mods.filter((m) => RESPONSIVE_MODS.has(m));
@@ -3269,7 +3270,7 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
   ]);
   const needsImportant = important || hasPrint || mediaMods.length > 0 || dirMods.length > 0 || ancestorMods.length > 0 || pseudoMods.some((m) => CSS_ONLY_PSEUDOS.has(m));
   const cssDecls = isDivide ? buildDivideDecls(styles) : styleValueToCSS(styles, needsImportant);
-  if (!cssDecls) return;
+  if (!cssDecls) return rules;
   let rule;
   if (hasDark) {
     if (darkMode === "media") {
@@ -3290,20 +3291,18 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
   } else {
     rule = `${selector} { ${cssDecls} }`;
   }
-  if (hasPrint) {
-    rule = `@media print { ${rule} }`;
-  }
-  for (const m of mediaMods) {
-    rule = `@media ${MEDIA_MODS[m]} { ${rule} }`;
-  }
+  if (hasPrint) rule = `@media print { ${rule} }`;
+  for (const m of mediaMods) rule = `@media ${MEDIA_MODS[m]} { ${rule} }`;
   if (responsiveMods.length > 0) {
-    const screens = getGlobalScreens();
     const minWidth = Math.max(...responsiveMods.map((m) => screens[m] ?? 0));
-    if (minWidth > 0) {
-      rule = `@media (min-width: ${minWidth}px) { ${rule} }`;
-    }
+    if (minWidth > 0) rule = `@media (min-width: ${minWidth}px) { ${rule} }`;
   }
-  injectRule(rule);
+  rules.push(rule);
+  return rules;
+}
+function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
+  const cssRules = buildClassCSSRules(cls, bucketKey, styles, darkMode, important, getGlobalScreens());
+  for (const r of cssRules) injectRule(r);
 }
 var RN_ONLY_PROPS = /* @__PURE__ */ new Set([
   "shadowColor",

package/dist/index.mjs

@@ -1,6 +1,13 @@
 import {
   EMPTY_BREAKPOINTS,
   InteractiveWrapper,
+  setGlobalDarkMode,
+  syncGlobalDarkMode,
+  useConditionalWidth,
+  useGlobalDarkMode,
+  useGlobalWidth
+} from "./chunk-RMZIFMWE.mjs";
+import {
   __require,
   buildConfig,
   defaultColors,
@@ -14,16 +21,11 @@ import {
   parseClass,
   parseClasses,
   resolve,
-  setGlobalDarkMode,
   setGlobalWidth,
-  syncGlobalDarkMode,
   syncGlobalScreens,
   syncGlobalWidth,
-  updateConfig,
-  useConditionalWidth,
-  useGlobalDarkMode,
-  useGlobalWidth
-} from "./chunk-NBGURNUD.mjs";
+  updateConfig
+} from "./chunk-SHQPNCQ7.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -3120,18 +3120,19 @@ function buildDivideDecls(styles) {
   if ("__divideStyle" in styles) parts.push(`border-style: ${String(styles.__divideStyle)}`);
   return parts.join("; ");
 }
-function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
+function buildClassCSSRules(cls, bucketKey, styles, darkMode, important, screens) {
+  const rules = [];
   if ("__keyframe" in styles && typeof styles.__keyframe === "string") {
-    injectRule(styles.__keyframe);
+    rules.push(styles.__keyframe);
   }
   const isDivide = "__divideX" in styles || "__divideY" in styles || "__divideColor" in styles || "__divideStyle" in styles;
   const escaped = escapeCSSSelector(cls);
   const childSuffix = isDivide ? " > * + *" : "";
   if (bucketKey === "base") {
     const baseCssDecls = isDivide ? buildDivideDecls(styles) : styleValueToCSS(styles, important);
-    if (!baseCssDecls) return;
-    injectRule(`.${escaped}${childSuffix} { ${baseCssDecls} }`);
-    return;
+    if (!baseCssDecls) return rules;
+    rules.push(`.${escaped}${childSuffix} { ${baseCssDecls} }`);
+    return rules;
   }
   const mods = bucketKey.split(":");
   const responsiveMods = mods.filter((m) => RESPONSIVE_MODS.has(m));
@@ -3161,7 +3162,7 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
   ]);
   const needsImportant = important || hasPrint || mediaMods.length > 0 || dirMods.length > 0 || ancestorMods.length > 0 || pseudoMods.some((m) => CSS_ONLY_PSEUDOS.has(m));
   const cssDecls = isDivide ? buildDivideDecls(styles) : styleValueToCSS(styles, needsImportant);
-  if (!cssDecls) return;
+  if (!cssDecls) return rules;
   let rule;
   if (hasDark) {
     if (darkMode === "media") {
@@ -3182,20 +3183,18 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
   } else {
     rule = `${selector} { ${cssDecls} }`;
   }
-  if (hasPrint) {
-    rule = `@media print { ${rule} }`;
-  }
-  for (const m of mediaMods) {
-    rule = `@media ${MEDIA_MODS[m]} { ${rule} }`;
-  }
+  if (hasPrint) rule = `@media print { ${rule} }`;
+  for (const m of mediaMods) rule = `@media ${MEDIA_MODS[m]} { ${rule} }`;
   if (responsiveMods.length > 0) {
-    const screens = getGlobalScreens();
     const minWidth = Math.max(...responsiveMods.map((m) => screens[m] ?? 0));
-    if (minWidth > 0) {
-      rule = `@media (min-width: ${minWidth}px) { ${rule} }`;
-    }
+    if (minWidth > 0) rule = `@media (min-width: ${minWidth}px) { ${rule} }`;
   }
-  injectRule(rule);
+  rules.push(rule);
+  return rules;
+}
+function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
+  const cssRules = buildClassCSSRules(cls, bucketKey, styles, darkMode, important, getGlobalScreens());
+  for (const r of cssRules) injectRule(r);
 }
 var RN_ONLY_PROPS = /* @__PURE__ */ new Set([
   "shadowColor",

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-JTAGJGBC.mjs";
-import "./chunk-NBGURNUD.mjs";
+} from "./chunk-HTPCUYNH.mjs";
+import "./chunk-RMZIFMWE.mjs";
+import "./chunk-SHQPNCQ7.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -3119,18 +3119,19 @@ function buildDivideDecls(styles) {
   if ("__divideStyle" in styles) parts.push(`border-style: ${String(styles.__divideStyle)}`);
   return parts.join("; ");
 }
-function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
+function buildClassCSSRules(cls, bucketKey, styles, darkMode, important, screens) {
+  const rules = [];
   if ("__keyframe" in styles && typeof styles.__keyframe === "string") {
-    injectRule(styles.__keyframe);
+    rules.push(styles.__keyframe);
   }
   const isDivide = "__divideX" in styles || "__divideY" in styles || "__divideColor" in styles || "__divideStyle" in styles;
   const escaped = escapeCSSSelector(cls);
   const childSuffix = isDivide ? " > * + *" : "";
   if (bucketKey === "base") {
     const baseCssDecls = isDivide ? buildDivideDecls(styles) : styleValueToCSS(styles, important);
-    if (!baseCssDecls) return;
-    injectRule(`.${escaped}${childSuffix} { ${baseCssDecls} }`);
-    return;
+    if (!baseCssDecls) return rules;
+    rules.push(`.${escaped}${childSuffix} { ${baseCssDecls} }`);
+    return rules;
   }
   const mods = bucketKey.split(":");
   const responsiveMods = mods.filter((m) => RESPONSIVE_MODS.has(m));
@@ -3160,7 +3161,7 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
   ]);
   const needsImportant = important || hasPrint || mediaMods.length > 0 || dirMods.length > 0 || ancestorMods.length > 0 || pseudoMods.some((m) => CSS_ONLY_PSEUDOS.has(m));
   const cssDecls = isDivide ? buildDivideDecls(styles) : styleValueToCSS(styles, needsImportant);
-  if (!cssDecls) return;
+  if (!cssDecls) return rules;
   let rule;
   if (hasDark) {
     if (darkMode === "media") {
@@ -3181,20 +3182,18 @@ function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
   } else {
     rule = `${selector} { ${cssDecls} }`;
   }
-  if (hasPrint) {
-    rule = `@media print { ${rule} }`;
-  }
-  for (const m of mediaMods) {
-    rule = `@media ${MEDIA_MODS[m]} { ${rule} }`;
-  }
+  if (hasPrint) rule = `@media print { ${rule} }`;
+  for (const m of mediaMods) rule = `@media ${MEDIA_MODS[m]} { ${rule} }`;
   if (responsiveMods.length > 0) {
-    const screens = getGlobalScreens();
     const minWidth = Math.max(...responsiveMods.map((m) => screens[m] ?? 0));
-    if (minWidth > 0) {
-      rule = `@media (min-width: ${minWidth}px) { ${rule} }`;
-    }
+    if (minWidth > 0) rule = `@media (min-width: ${minWidth}px) { ${rule} }`;
   }
-  injectRule(rule);
+  rules.push(rule);
+  return rules;
+}
+function injectClassRule(cls, bucketKey, styles, darkMode, important = false) {
+  const cssRules = buildClassCSSRules(cls, bucketKey, styles, darkMode, important, getGlobalScreens());
+  for (const r of cssRules) injectRule(r);
 }
 var RN_ONLY_PROPS = /* @__PURE__ */ new Set([
   "shadowColor",

package/dist/jsx-runtime.mjs

@@ -2,8 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-JTAGJGBC.mjs";
-import "./chunk-NBGURNUD.mjs";
+} from "./chunk-HTPCUYNH.mjs";
+import "./chunk-RMZIFMWE.mjs";
+import "./chunk-SHQPNCQ7.mjs";
 export {
   Fragment,
   jsx,

package/dist/types-CV5vXnSH.d.mts

@@ -0,0 +1,70 @@
+type ThemeMode = 'light' | 'dark' | 'system';
+interface StyleValue {
+    [key: string]: string | number | undefined | null | StyleValue | unknown[];
+}
+interface ParsedClass {
+    /** The original class string, e.g. "dark:hover:bg-[#fff]" */
+    original: string;
+    /** Up to 3 modifier prefixes, e.g. ['dark', 'hover'] */
+    modifiers: string[];
+    /** Whether a leading `-` was present for negative values */
+    negative: boolean;
+    /** Whether a leading `!` was present — applies !important to all CSS declarations */
+    important: boolean;
+    /** The utility name, e.g. 'bg', 'p', 'text' */
+    utility: string;
+    /** The resolved value, e.g. 'white', '#fff', '4' */
+    value: string;
+    /** Whether the value was specified with bracket notation [value] */
+    isArbitrary: boolean;
+}
+interface ResolvedStyle {
+    /** Base styles applied unconditionally */
+    base?: StyleValue;
+    /** Styles keyed by modifier or modifier combo, e.g. 'dark', 'hover', 'dark:hover' */
+    [modifierKey: string]: StyleValue | undefined;
+}
+type ColorShades = Record<string, string>;
+type ThemeColors = Record<string, string | ColorShades>;
+type ThemeSpacing = Record<string, number | string>;
+interface ThemeConfig {
+    colors: ThemeColors;
+    spacing: ThemeSpacing;
+    fontSize: Record<string, number | string>;
+    fontFamily: Record<string, string | string[]>;
+    fontWeight: Record<string, string | number>;
+    borderRadius: Record<string, number | string>;
+    borderWidth: Record<string, number>;
+    opacity: Record<string, number>;
+    lineHeight: Record<string, number | string>;
+    letterSpacing: Record<string, number | string>;
+    zIndex: Record<string, number | string>;
+    flex: Record<string, number>;
+    shadow: Record<string, StyleValue>;
+    screens: Record<string, string | number>;
+    [key: string]: unknown;
+}
+type DarkMode = 'attribute' | 'class' | 'media';
+interface PluginAPI {
+    addUtility(name: string, styles: StyleValue): void;
+    addVariant(name: string, selector: string): void;
+    theme(path: string, defaultValue?: unknown): unknown;
+    e(className: string): string;
+}
+interface FrameworkConfig {
+    darkMode?: DarkMode;
+    theme?: Partial<ThemeConfig>;
+    /** Additive theme extension — accepts either `extend.theme.X` or `extend.X` directly. */
+    extend?: {
+        theme?: Partial<ThemeConfig>;
+    } & Partial<ThemeConfig>;
+    plugins?: Array<(api: PluginAPI) => void>;
+    content?: string[];
+}
+interface ResolvedConfig {
+    darkMode: DarkMode;
+    theme: ThemeConfig;
+    plugins: Array<(api: PluginAPI) => void>;
+}
+
+export type { FrameworkConfig as F, ParsedClass as P, ResolvedStyle as R, StyleValue as S, ThemeColors as T, ThemeConfig as a, ResolvedConfig as b, ThemeMode as c, PluginAPI as d };

package/dist/types-CV5vXnSH.d.ts

@@ -0,0 +1,70 @@
+type ThemeMode = 'light' | 'dark' | 'system';
+interface StyleValue {
+    [key: string]: string | number | undefined | null | StyleValue | unknown[];
+}
+interface ParsedClass {
+    /** The original class string, e.g. "dark:hover:bg-[#fff]" */
+    original: string;
+    /** Up to 3 modifier prefixes, e.g. ['dark', 'hover'] */
+    modifiers: string[];
+    /** Whether a leading `-` was present for negative values */
+    negative: boolean;
+    /** Whether a leading `!` was present — applies !important to all CSS declarations */
+    important: boolean;
+    /** The utility name, e.g. 'bg', 'p', 'text' */
+    utility: string;
+    /** The resolved value, e.g. 'white', '#fff', '4' */
+    value: string;
+    /** Whether the value was specified with bracket notation [value] */
+    isArbitrary: boolean;
+}
+interface ResolvedStyle {
+    /** Base styles applied unconditionally */
+    base?: StyleValue;
+    /** Styles keyed by modifier or modifier combo, e.g. 'dark', 'hover', 'dark:hover' */
+    [modifierKey: string]: StyleValue | undefined;
+}
+type ColorShades = Record<string, string>;
+type ThemeColors = Record<string, string | ColorShades>;
+type ThemeSpacing = Record<string, number | string>;
+interface ThemeConfig {
+    colors: ThemeColors;
+    spacing: ThemeSpacing;
+    fontSize: Record<string, number | string>;
+    fontFamily: Record<string, string | string[]>;
+    fontWeight: Record<string, string | number>;
+    borderRadius: Record<string, number | string>;
+    borderWidth: Record<string, number>;
+    opacity: Record<string, number>;
+    lineHeight: Record<string, number | string>;
+    letterSpacing: Record<string, number | string>;
+    zIndex: Record<string, number | string>;
+    flex: Record<string, number>;
+    shadow: Record<string, StyleValue>;
+    screens: Record<string, string | number>;
+    [key: string]: unknown;
+}
+type DarkMode = 'attribute' | 'class' | 'media';
+interface PluginAPI {
+    addUtility(name: string, styles: StyleValue): void;
+    addVariant(name: string, selector: string): void;
+    theme(path: string, defaultValue?: unknown): unknown;
+    e(className: string): string;
+}
+interface FrameworkConfig {
+    darkMode?: DarkMode;
+    theme?: Partial<ThemeConfig>;
+    /** Additive theme extension — accepts either `extend.theme.X` or `extend.X` directly. */
+    extend?: {
+        theme?: Partial<ThemeConfig>;
+    } & Partial<ThemeConfig>;
+    plugins?: Array<(api: PluginAPI) => void>;
+    content?: string[];
+}
+interface ResolvedConfig {
+    darkMode: DarkMode;
+    theme: ThemeConfig;
+    plugins: Array<(api: PluginAPI) => void>;
+}
+
+export type { FrameworkConfig as F, ParsedClass as P, ResolvedStyle as R, StyleValue as S, ThemeColors as T, ThemeConfig as a, ResolvedConfig as b, ThemeMode as c, PluginAPI as d };

package/dist/vite-plugin-client.d.mts

@@ -0,0 +1,8 @@
+// TypeScript declarations for the Kbach Vite plugin virtual module.
+// Add this to your tsconfig "types" array or via a triple-slash reference:
+//   /// <reference types="@kbach/react/vite/client" />
+
+declare module 'virtual:kbach/styles.css' {
+  const css: string;
+  export default css;
+}

package/dist/vite-plugin-client.d.ts

@@ -0,0 +1,8 @@
+// TypeScript declarations for the Kbach Vite plugin virtual module.
+// Add this to your tsconfig "types" array or via a triple-slash reference:
+//   /// <reference types="@kbach/react/vite/client" />
+
+declare module 'virtual:kbach/styles.css' {
+  const css: string;
+  export default css;
+}

package/dist/vite-plugin.d.mts

@@ -0,0 +1,21 @@
+import { Plugin } from 'vite';
+import { F as FrameworkConfig } from './types-CV5vXnSH.mjs';
+
+/**
+ * @kbach/react/vite
+ *
+ * Vite plugin — scans your source files for Kbach className/kb props and
+ * appends the generated CSS to any CSS file already imported in your project.
+ *
+ * Zero setup beyond adding the plugin to vite.config.ts:
+ *
+ *   import { kbach } from '@kbach/react/vite';
+ *   plugins: [kbach()]
+ *
+ * CSS is only generated for the classes you actually use (like Tailwind).
+ */
+
+declare const VIRTUAL_ID = "virtual:kbach/styles.css";
+declare function kbach(userConfig?: FrameworkConfig): Plugin;
+
+export { VIRTUAL_ID, kbach };

package/dist/vite-plugin.d.ts

@@ -0,0 +1,21 @@
+import { Plugin } from 'vite';
+import { F as FrameworkConfig } from './types-CV5vXnSH.js';
+
+/**
+ * @kbach/react/vite
+ *
+ * Vite plugin — scans your source files for Kbach className/kb props and
+ * appends the generated CSS to any CSS file already imported in your project.
+ *
+ * Zero setup beyond adding the plugin to vite.config.ts:
+ *
+ *   import { kbach } from '@kbach/react/vite';
+ *   plugins: [kbach()]
+ *
+ * CSS is only generated for the classes you actually use (like Tailwind).
+ */
+
+declare const VIRTUAL_ID = "virtual:kbach/styles.css";
+declare function kbach(userConfig?: FrameworkConfig): Plugin;
+
+export { VIRTUAL_ID, kbach };