@kbach/react 0.5.37 → 0.5.40

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
-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';
+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-D-24rbXu.mjs';
+export { d as PluginAPI } from './types-D-24rbXu.mjs';
 
 declare const defaultColors: ThemeColors;
 declare const defaultTheme: ThemeConfig;
@@ -9,10 +9,8 @@ declare const defaultTheme: ThemeConfig;
 declare function parseClass(className: string): ParsedClass | null;
 /**
  * Split a class string into tokens. Whitespace at bracket depth > 0 is STRIPPED
- * (not just skipped as a delimiter) so that arbitrary values like rgb(41, 172, 15)
- * become valid CSS class name tokens: bg-[rgb(41,172,15)].
- * Spaces inside brackets are illegal in HTML class attributes and would cause the
- * browser to split the class into multiple broken tokens.
+ * (not just skipped) so that arbitrary values like rgb(41, 172, 15) become valid
+ * CSS class name tokens: bg-[rgb(41,172,15)].
  */
 declare function splitClassTokens(classString: string): string[];
 /**
@@ -26,25 +24,17 @@ declare function parseClasses(classString: string): ParsedClass[];
 /**
  * Resolve a class string to a ResolvedStyle object.
  *
- * The result groups styles by modifier key:
- *   - 'base'        → always-applied styles
- *   - 'dark'        → dark-mode styles
- *   - 'hover'       → hover styles
- *   - 'dark:hover'  → combined dark + hover
- *   - etc.
- *
- * Results are cached — repeated calls with the same string are O(1).
+ * Results are cached per (theme, classString, darkMode) — repeated calls with
+ * the same arguments are O(1).  Different theme objects each get their own
+ * cache so concurrent ThemeProviders with different configs are always correct.
  */
 declare function resolve(classString: string, theme: ThemeConfig, darkMode?: 'attribute' | 'class' | 'media'): ResolvedStyle;
 /**
- * Flatten a ResolvedStyle into a single StyleValue for the given runtime state.
+ * Flatten a ResolvedStyle into a single StyleValue for the current runtime state.
  * Used by useStyles() and styled().
  *
- * @param resolved      Output of resolve()
- * @param isDark        Whether dark mode is currently active
- * @param state         Interaction state flags
- * @param breakpoints   Active breakpoint names (sm, md, lg, xl, 2xl). On web,
- *                      pass an empty Set — CSS @media rules handle responsive.
+ * The sort step is memoized per resolved object reference (#6) — when resolve()
+ * returns a cached object, getSortedEntries() is O(1) on all subsequent calls.
  */
 declare function flatten(resolved: ResolvedStyle, isDark: boolean, state?: {
     hover?: boolean;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
-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';
+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-D-24rbXu.js';
+export { d as PluginAPI } from './types-D-24rbXu.js';
 
 declare const defaultColors: ThemeColors;
 declare const defaultTheme: ThemeConfig;
@@ -9,10 +9,8 @@ declare const defaultTheme: ThemeConfig;
 declare function parseClass(className: string): ParsedClass | null;
 /**
  * Split a class string into tokens. Whitespace at bracket depth > 0 is STRIPPED
- * (not just skipped as a delimiter) so that arbitrary values like rgb(41, 172, 15)
- * become valid CSS class name tokens: bg-[rgb(41,172,15)].
- * Spaces inside brackets are illegal in HTML class attributes and would cause the
- * browser to split the class into multiple broken tokens.
+ * (not just skipped) so that arbitrary values like rgb(41, 172, 15) become valid
+ * CSS class name tokens: bg-[rgb(41,172,15)].
  */
 declare function splitClassTokens(classString: string): string[];
 /**
@@ -26,25 +24,17 @@ declare function parseClasses(classString: string): ParsedClass[];
 /**
  * Resolve a class string to a ResolvedStyle object.
  *
- * The result groups styles by modifier key:
- *   - 'base'        → always-applied styles
- *   - 'dark'        → dark-mode styles
- *   - 'hover'       → hover styles
- *   - 'dark:hover'  → combined dark + hover
- *   - etc.
- *
- * Results are cached — repeated calls with the same string are O(1).
+ * Results are cached per (theme, classString, darkMode) — repeated calls with
+ * the same arguments are O(1).  Different theme objects each get their own
+ * cache so concurrent ThemeProviders with different configs are always correct.
  */
 declare function resolve(classString: string, theme: ThemeConfig, darkMode?: 'attribute' | 'class' | 'media'): ResolvedStyle;
 /**
- * Flatten a ResolvedStyle into a single StyleValue for the given runtime state.
+ * Flatten a ResolvedStyle into a single StyleValue for the current runtime state.
  * Used by useStyles() and styled().
  *
- * @param resolved      Output of resolve()
- * @param isDark        Whether dark mode is currently active
- * @param state         Interaction state flags
- * @param breakpoints   Active breakpoint names (sm, md, lg, xl, 2xl). On web,
- *                      pass an empty Set — CSS @media rules handle responsive.
+ * The sort step is memoized per resolved object reference (#6) — when resolve()
+ * returns a cached object, getSortedEntries() is O(1) on all subsequent calls.
  */
 declare function flatten(resolved: ResolvedStyle, isDark: boolean, state?: {
     hover?: boolean;