@kbach/react 0.5.62 → 0.6.1

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export { r as registerWebElement } from './web-substitute-CfpYFnE7.js';
 declare const defaultColors: ThemeColors;
 declare const defaultTheme: ThemeConfig;
 
+declare function setResolveTarget(target: 'web' | 'native' | null): void;
+
 declare function parseClass(className: string): ParsedClass | null;
 /**
  * Split a class string into tokens. Whitespace at bracket depth > 0 is STRIPPED
@@ -48,6 +50,14 @@ declare function flatten(resolved: ResolvedStyle, isDark: boolean, state?: {
     visited?: boolean;
     placeholder?: boolean;
 }, breakpoints?: Set<string>): StyleValue;
+/**
+ * Clear CSS injection state so stale rules are re-injected when the theme changes.
+ *
+ * The per-theme style cache (WeakMap) does not need to be cleared manually:
+ * updateConfig() creates a new theme object, making the old cache entry
+ * automatically unreachable for GC.
+ */
+declare function clearCache(): void;
 
 /**
  * Load, merge, and cache the resolved config.
@@ -133,34 +143,6 @@ interface ThemeProviderProps {
 }
 declare function ThemeProvider({ children, defaultMode, colorScheme, windowWidth: windowWidthProp, config: configOverride, disablePersistence, }: ThemeProviderProps): React__default.JSX.Element;
 
-type ToggleVariant = 'button' | 'switch' | 'icon-button';
-interface ThemeToggleProps {
-    /** Visual variant. Default: 'button' */
-    variant?: ToggleVariant;
-    /** Override label text (button variant) */
-    label?: string;
-    /** Custom light-mode label */
-    lightLabel?: string;
-    /** Custom dark-mode label */
-    darkLabel?: string;
-    /** Show system mode option */
-    includeSystem?: boolean;
-    /** Custom styles applied to the root container */
-    style?: object;
-    /** Custom styles for the label text */
-    labelStyle?: object;
-}
-/**
- * Drop-in theme toggle. Works on web and React Native.
- *
- * ```tsx
- * <ThemeToggle />
- * <ThemeToggle variant="switch" />
- * <ThemeToggle variant="icon-button" lightLabel="☀️" darkLabel="🌙" />
- * ```
- */
-declare function ThemeToggle({ variant, label, lightLabel, darkLabel, includeSystem, style, labelStyle, }: ThemeToggleProps): React__default.JSX.Element;
-
 interface StyledProps {
     /** Additional utility classes applied on top of the base classes */
     kb?: string;
@@ -257,6 +239,7 @@ interface InteractiveWrapperProps {
     onPointerDown?: (...args: any[]) => void;
     onPointerUp?: (...args: any[]) => void;
     onPointerLeave?: (...args: any[]) => void;
+    onPointerCancel?: (...args: any[]) => void;
     onMouseEnter?: (...args: any[]) => void;
     onMouseLeave?: (...args: any[]) => void;
     onFocus?: (...args: any[]) => void;
@@ -306,4 +289,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, 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, disableRuntimeCSS, flatten, getConfig, initConfig, kb, normalizeClassString, parseClass, parseClasses, resolve, splitClassTokens, 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, buildConfig, clearCache, cx, defaultColors, defaultTheme, disableRuntimeCSS, flatten, getConfig, initConfig, kb, normalizeClassString, parseClass, parseClasses, resolve, setResolveTarget, splitClassTokens, styled, updateConfig, useBreakpoint, useColors, useGlobalDarkMode, useIsDark, useResolvedStyle, useResponsive, useStyles, useTheme, wrapColors };