@kbach/react 0.5.14 → 0.5.16

package/dist/{chunk-JTAGJGBC.mjs → chunk-HTPCUYNH.mjs}

@@ -1,15 +1,17 @@
 import {
   EMPTY_BREAKPOINTS,
   InteractiveWrapper,
+  useConditionalWidth,
+  useGlobalDarkMode
+} from "./chunk-RMZIFMWE.mjs";
+import {
   flatten,
   getActiveBreakpoints,
   getConfig,
   getDefaultFontFamily,
   isWeb,
-  resolve,
-  useConditionalWidth,
-  useGlobalDarkMode
-} from "./chunk-NBGURNUD.mjs";
+  resolve
+} from "./chunk-SHQPNCQ7.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/chunk-RMZIFMWE.mjs

@@ -0,0 +1,224 @@
+import {
+  flatten,
+  getActiveBreakpoints,
+  getGlobalWidth,
+  isWeb,
+  subscribeGlobalWidth
+} from "./chunk-SHQPNCQ7.mjs";
+
+// src/core/darkModeStore.ts
+var KEY = "__kbach_dark_store__";
+function getStore() {
+  const g = globalThis;
+  if (!g[KEY]) {
+    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
+  }
+  return g[KEY];
+}
+function syncGlobalDarkMode(isDark) {
+  getStore().isDark = isDark;
+}
+function setGlobalDarkMode(isDark) {
+  const store = getStore();
+  store.isDark = isDark;
+  if (store.lastNotified === isDark) return;
+  store.lastNotified = isDark;
+  for (const sub of store.subscribers) sub();
+}
+function getGlobalDarkMode() {
+  return getStore().isDark;
+}
+function subscribeGlobalDarkMode(callback) {
+  const store = getStore();
+  store.subscribers.add(callback);
+  return () => store.subscribers.delete(callback);
+}
+
+// src/useGlobalDarkMode.ts
+import React from "react";
+var useSyncExternalStore = React.useSyncExternalStore ?? function useSyncExternalStoreFallback(subscribe, getSnapshot, _getServerSnapshot) {
+  const [, forceUpdate] = React.useReducer((n) => n + 1, 0);
+  React.useEffect(() => subscribe(forceUpdate), [subscribe]);
+  return getSnapshot();
+};
+function useGlobalDarkMode() {
+  return useSyncExternalStore(
+    subscribeGlobalDarkMode,
+    getGlobalDarkMode,
+    () => false
+    // SSR: default light
+  );
+}
+
+// src/InteractiveWrapper.tsx
+import React3, { forwardRef, useState, useCallback, useMemo } from "react";
+
+// src/useGlobalWidth.ts
+import React2 from "react";
+var useSyncExternalStore2 = React2.useSyncExternalStore ?? function useSyncExternalStoreFallback2(subscribe, getSnapshot, _getServerSnapshot) {
+  const [, forceUpdate] = React2.useReducer((n) => n + 1, 0);
+  React2.useEffect(() => subscribe(forceUpdate), [subscribe]);
+  return getSnapshot();
+};
+var NOOP_SUB = (_) => () => {
+};
+var ZERO_SNAP = () => 0;
+var EMPTY_BREAKPOINTS = /* @__PURE__ */ new Set();
+var _webListeners = null;
+var _webRaf = 0;
+function _webResizeHandler() {
+  cancelAnimationFrame(_webRaf);
+  _webRaf = requestAnimationFrame(() => {
+    if (_webListeners) for (const cb of _webListeners) cb();
+  });
+}
+function subscribeWebWidth(cb) {
+  if (typeof window === "undefined") return () => {
+  };
+  if (!_webListeners) {
+    _webListeners = /* @__PURE__ */ new Set();
+    window.addEventListener("resize", _webResizeHandler);
+  }
+  _webListeners.add(cb);
+  return () => {
+    _webListeners.delete(cb);
+    if (_webListeners.size === 0) {
+      window.removeEventListener("resize", _webResizeHandler);
+      cancelAnimationFrame(_webRaf);
+      _webListeners = null;
+    }
+  };
+}
+function getWebWidth() {
+  return typeof window !== "undefined" ? window.innerWidth : 0;
+}
+function useGlobalWidth() {
+  return useSyncExternalStore2(
+    isWeb ? subscribeWebWidth : subscribeGlobalWidth,
+    isWeb ? getWebWidth : getGlobalWidth,
+    ZERO_SNAP
+  );
+}
+function useConditionalWidth(active) {
+  return useSyncExternalStore2(
+    active ? isWeb ? subscribeWebWidth : subscribeGlobalWidth : NOOP_SUB,
+    active ? isWeb ? getWebWidth : getGlobalWidth : ZERO_SNAP,
+    ZERO_SNAP
+  );
+}
+
+// src/InteractiveWrapper.tsx
+function chain(original, extra) {
+  return (...args) => {
+    original?.(...args);
+    extra();
+  };
+}
+var RESPONSIVE_MODS = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "2xl"]);
+function hasResponsiveBuckets(resolved) {
+  for (const key of Object.keys(resolved)) {
+    if (key === "base") continue;
+    for (const mod of key.split(":")) {
+      if (RESPONSIVE_MODS.has(mod)) return true;
+    }
+  }
+  return false;
+}
+var InteractiveWrapper = forwardRef(
+  function InteractiveWrapper2({
+    Component,
+    resolvedStyle,
+    className,
+    style: styleProp,
+    onPressIn,
+    onPressOut,
+    onPointerDown,
+    onPointerUp,
+    onPointerLeave,
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onBlur,
+    ...rest
+  }, ref) {
+    const isDark = useGlobalDarkMode();
+    const needsWidth = hasResponsiveBuckets(resolvedStyle);
+    const width = useConditionalWidth(needsWidth);
+    const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
+    const [pressed, setPressed] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const handlePressIn = useCallback(chain(onPressIn, () => setPressed(true)), [onPressIn]);
+    const handlePressOut = useCallback(chain(onPressOut, () => setPressed(false)), [onPressOut]);
+    const handlePointerDown = useCallback(chain(onPointerDown, () => setPressed(true)), [onPointerDown]);
+    const handlePointerUp = useCallback(chain(onPointerUp, () => setPressed(false)), [onPointerUp]);
+    const handlePointerLeave = useCallback(chain(onPointerLeave, () => setPressed(false)), [onPointerLeave]);
+    const handleMouseEnter = useCallback(chain(onMouseEnter, () => setHovered(true)), [onMouseEnter]);
+    const handleMouseLeave = useCallback(chain(onMouseLeave, () => setHovered(false)), [onMouseLeave]);
+    const handleFocus = useCallback(chain(onFocus, () => setFocused(true)), [onFocus]);
+    const handleBlur = useCallback(chain(onBlur, () => setFocused(false)), [onBlur]);
+    const computedStyle = useMemo(
+      () => {
+        const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
+        delete s.__divideX;
+        delete s.__divideY;
+        delete s.__divideColor;
+        delete s.__divideStyle;
+        delete s.__keyframe;
+        if (typeof Component !== "string") {
+          if (s.display === "grid" || s.display === "inline-grid") delete s.display;
+          delete s.gridTemplateColumns;
+          delete s.gridTemplateRows;
+          delete s.gridColumn;
+          delete s.gridRow;
+          delete s.gridArea;
+          delete s.gridColumnStart;
+          delete s.gridColumnEnd;
+          delete s.gridRowStart;
+          delete s.gridRowEnd;
+          delete s.gridAutoFlow;
+          delete s.gridAutoColumns;
+          delete s.gridAutoRows;
+          delete s.placeItems;
+          delete s.placeContent;
+          delete s.justifyItems;
+          delete s.placeSelf;
+          delete s.justifySelf;
+          if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
+            delete s.position;
+          }
+        }
+        return s;
+      },
+      [resolvedStyle, isDark, pressed, hovered, focused, width]
+      // eslint-disable-line react-hooks/exhaustive-deps
+    );
+    const finalStyle = styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
+    const { children, ...restWithoutChildren } = rest;
+    const componentProps = {
+      ref,
+      ...restWithoutChildren,
+      style: finalStyle,
+      ...isWeb && className ? { className } : {},
+      // onPressIn / onPressOut are React Native-only.
+      // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
+      ...isWeb ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    };
+    return Array.isArray(children) ? React3.createElement(Component, componentProps, ...children) : React3.createElement(Component, componentProps, children);
+  }
+);
+InteractiveWrapper.displayName = "Kbach.InteractiveWrapper";
+
+export {
+  syncGlobalDarkMode,
+  setGlobalDarkMode,
+  EMPTY_BREAKPOINTS,
+  useGlobalWidth,
+  useConditionalWidth,
+  useGlobalDarkMode,
+  InteractiveWrapper
+};

package/dist/{chunk-NBGURNUD.mjs → chunk-SHQPNCQ7.mjs}

@@ -3098,18 +3098,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));
@@ -3139,7 +3140,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") {
@@ -3160,20 +3161,28 @@ 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} }`;
+  }
+  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);
+}
+function generateClassCSS(classString, theme, darkMode = "attribute", screens = {}) {
+  const rules = [];
+  for (const parsed of parseClasses(classString)) {
+    const styles = resolveUtility(parsed, theme);
+    if (!styles) continue;
+    const bucketKey = parsed.modifiers.length === 0 ? "base" : parsed.modifiers.join(":");
+    rules.push(...buildClassCSSRules(parsed.original, bucketKey, styles, darkMode, parsed.important, screens));
   }
-  injectRule(rule);
+  return rules.join("\n");
 }
 var RN_ONLY_PROPS = /* @__PURE__ */ new Set([
   "shadowColor",
@@ -3512,213 +3521,6 @@ var customVariants = new Proxy(
   }
 );
 
-// src/core/darkModeStore.ts
-var KEY = "__kbach_dark_store__";
-function getStore2() {
-  const g = globalThis;
-  if (!g[KEY]) {
-    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
-  }
-  return g[KEY];
-}
-function syncGlobalDarkMode(isDark) {
-  getStore2().isDark = isDark;
-}
-function setGlobalDarkMode(isDark) {
-  const store = getStore2();
-  store.isDark = isDark;
-  if (store.lastNotified === isDark) return;
-  store.lastNotified = isDark;
-  for (const sub of store.subscribers) sub();
-}
-function getGlobalDarkMode() {
-  return getStore2().isDark;
-}
-function subscribeGlobalDarkMode(callback) {
-  const store = getStore2();
-  store.subscribers.add(callback);
-  return () => store.subscribers.delete(callback);
-}
-
-// src/useGlobalDarkMode.ts
-import React from "react";
-var useSyncExternalStore = React.useSyncExternalStore ?? function useSyncExternalStoreFallback(subscribe, getSnapshot, _getServerSnapshot) {
-  const [, forceUpdate] = React.useReducer((n) => n + 1, 0);
-  React.useEffect(() => subscribe(forceUpdate), [subscribe]);
-  return getSnapshot();
-};
-function useGlobalDarkMode() {
-  return useSyncExternalStore(
-    subscribeGlobalDarkMode,
-    getGlobalDarkMode,
-    () => false
-    // SSR: default light
-  );
-}
-
-// src/InteractiveWrapper.tsx
-import React3, { forwardRef, useState, useCallback, useMemo } from "react";
-
-// src/useGlobalWidth.ts
-import React2 from "react";
-var useSyncExternalStore2 = React2.useSyncExternalStore ?? function useSyncExternalStoreFallback2(subscribe, getSnapshot, _getServerSnapshot) {
-  const [, forceUpdate] = React2.useReducer((n) => n + 1, 0);
-  React2.useEffect(() => subscribe(forceUpdate), [subscribe]);
-  return getSnapshot();
-};
-var NOOP_SUB = (_) => () => {
-};
-var ZERO_SNAP = () => 0;
-var EMPTY_BREAKPOINTS = /* @__PURE__ */ new Set();
-var _webListeners = null;
-var _webRaf = 0;
-function _webResizeHandler() {
-  cancelAnimationFrame(_webRaf);
-  _webRaf = requestAnimationFrame(() => {
-    if (_webListeners) for (const cb of _webListeners) cb();
-  });
-}
-function subscribeWebWidth(cb) {
-  if (typeof window === "undefined") return () => {
-  };
-  if (!_webListeners) {
-    _webListeners = /* @__PURE__ */ new Set();
-    window.addEventListener("resize", _webResizeHandler);
-  }
-  _webListeners.add(cb);
-  return () => {
-    _webListeners.delete(cb);
-    if (_webListeners.size === 0) {
-      window.removeEventListener("resize", _webResizeHandler);
-      cancelAnimationFrame(_webRaf);
-      _webListeners = null;
-    }
-  };
-}
-function getWebWidth() {
-  return typeof window !== "undefined" ? window.innerWidth : 0;
-}
-function useGlobalWidth() {
-  return useSyncExternalStore2(
-    isWeb ? subscribeWebWidth : subscribeGlobalWidth,
-    isWeb ? getWebWidth : getGlobalWidth,
-    ZERO_SNAP
-  );
-}
-function useConditionalWidth(active) {
-  return useSyncExternalStore2(
-    active ? isWeb ? subscribeWebWidth : subscribeGlobalWidth : NOOP_SUB,
-    active ? isWeb ? getWebWidth : getGlobalWidth : ZERO_SNAP,
-    ZERO_SNAP
-  );
-}
-
-// src/InteractiveWrapper.tsx
-function chain(original, extra) {
-  return (...args) => {
-    original?.(...args);
-    extra();
-  };
-}
-var RESPONSIVE_MODS2 = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "2xl"]);
-function hasResponsiveBuckets(resolved) {
-  for (const key of Object.keys(resolved)) {
-    if (key === "base") continue;
-    for (const mod of key.split(":")) {
-      if (RESPONSIVE_MODS2.has(mod)) return true;
-    }
-  }
-  return false;
-}
-var InteractiveWrapper = forwardRef(
-  function InteractiveWrapper2({
-    Component,
-    resolvedStyle,
-    className,
-    style: styleProp,
-    onPressIn,
-    onPressOut,
-    onPointerDown,
-    onPointerUp,
-    onPointerLeave,
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    ...rest
-  }, ref) {
-    const isDark = useGlobalDarkMode();
-    const needsWidth = hasResponsiveBuckets(resolvedStyle);
-    const width = useConditionalWidth(needsWidth);
-    const breakpoints = needsWidth ? getActiveBreakpoints(width) : EMPTY_BREAKPOINTS;
-    const [pressed, setPressed] = useState(false);
-    const [hovered, setHovered] = useState(false);
-    const [focused, setFocused] = useState(false);
-    const handlePressIn = useCallback(chain(onPressIn, () => setPressed(true)), [onPressIn]);
-    const handlePressOut = useCallback(chain(onPressOut, () => setPressed(false)), [onPressOut]);
-    const handlePointerDown = useCallback(chain(onPointerDown, () => setPressed(true)), [onPointerDown]);
-    const handlePointerUp = useCallback(chain(onPointerUp, () => setPressed(false)), [onPointerUp]);
-    const handlePointerLeave = useCallback(chain(onPointerLeave, () => setPressed(false)), [onPointerLeave]);
-    const handleMouseEnter = useCallback(chain(onMouseEnter, () => setHovered(true)), [onMouseEnter]);
-    const handleMouseLeave = useCallback(chain(onMouseLeave, () => setHovered(false)), [onMouseLeave]);
-    const handleFocus = useCallback(chain(onFocus, () => setFocused(true)), [onFocus]);
-    const handleBlur = useCallback(chain(onBlur, () => setFocused(false)), [onBlur]);
-    const computedStyle = useMemo(
-      () => {
-        const s = flatten(resolvedStyle, isDark, { pressed, hover: hovered, focus: focused }, breakpoints);
-        delete s.__divideX;
-        delete s.__divideY;
-        delete s.__divideColor;
-        delete s.__divideStyle;
-        delete s.__keyframe;
-        if (typeof Component !== "string") {
-          if (s.display === "grid" || s.display === "inline-grid") delete s.display;
-          delete s.gridTemplateColumns;
-          delete s.gridTemplateRows;
-          delete s.gridColumn;
-          delete s.gridRow;
-          delete s.gridArea;
-          delete s.gridColumnStart;
-          delete s.gridColumnEnd;
-          delete s.gridRowStart;
-          delete s.gridRowEnd;
-          delete s.gridAutoFlow;
-          delete s.gridAutoColumns;
-          delete s.gridAutoRows;
-          delete s.placeItems;
-          delete s.placeContent;
-          delete s.justifyItems;
-          delete s.placeSelf;
-          delete s.justifySelf;
-          if (s.position === "sticky" || s.position === "fixed" || s.position === "static") {
-            delete s.position;
-          }
-        }
-        return s;
-      },
-      [resolvedStyle, isDark, pressed, hovered, focused, width]
-      // eslint-disable-line react-hooks/exhaustive-deps
-    );
-    const finalStyle = styleProp ? Array.isArray(styleProp) ? Object.assign({}, computedStyle, ...styleProp) : { ...computedStyle, ...styleProp } : computedStyle;
-    const { children, ...restWithoutChildren } = rest;
-    const componentProps = {
-      ref,
-      ...restWithoutChildren,
-      style: finalStyle,
-      ...isWeb && className ? { className } : {},
-      // onPressIn / onPressOut are React Native-only.
-      // On web, onPointerDown/Up drive the pressed state instead (covers mouse + touch).
-      ...isWeb ? { onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerLeave: handlePointerLeave } : { onPressIn: handlePressIn, onPressOut: handlePressOut },
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    };
-    return Array.isArray(children) ? React3.createElement(Component, componentProps, ...children) : React3.createElement(Component, componentProps, children);
-  }
-);
-InteractiveWrapper.displayName = "Kbach.InteractiveWrapper";
-
 export {
   __require,
   defaultColors,
@@ -3729,20 +3531,16 @@ export {
   syncGlobalWidth,
   syncGlobalScreens,
   setGlobalWidth,
+  getGlobalWidth,
+  subscribeGlobalWidth,
   getActiveBreakpoints,
   getDefaultFontFamily,
+  generateClassCSS,
   resolve,
   flatten,
   getConfig,
   buildConfig,
   onConfigChange,
   updateConfig,
-  initConfig,
-  syncGlobalDarkMode,
-  setGlobalDarkMode,
-  EMPTY_BREAKPOINTS,
-  useGlobalWidth,
-  useConditionalWidth,
-  useGlobalDarkMode,
-  InteractiveWrapper
+  initConfig
 };

package/dist/index.d.mts

@@ -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.mjs';
+export { d as PluginAPI } from './types-CV5vXnSH.mjs';
 
 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 };