@kbach/react-native 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/index.mjs

@@ -1,80 +1,38 @@
 import {
-  defaultTheme,
+  ThemeProvider,
+  applyKbachConfig,
+  resolveKbachConfig,
+  useColors,
+  useTheme
+} from "./chunk-TDWBXJH5.mjs";
+import {
+  resolveStyle
+} from "./chunk-XHL653X2.mjs";
+import {
   getGlobalDarkMode,
   getGlobalThemeMode,
-  getTheme,
-  resolveStyle,
-  seedDefaultMode,
   setGlobalThemeMode,
-  setTheme,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-YHF3QLRL.mjs";
-
-// src/useGlobalDarkMode.ts
-import { useSyncExternalStore } from "react";
-function useGlobalDarkMode() {
-  return useSyncExternalStore(subscribeGlobalDarkMode, getGlobalDarkMode);
-}
-
-// src/ThemeProvider.tsx
-import { useEffect, useMemo, useRef, useSyncExternalStore as useSyncExternalStore2 } from "react";
-
-// src/ThemeContext.tsx
-import { createContext, useContext } from "react";
-var ThemeContext = createContext(null);
-function useTheme() {
-  const ctx = useContext(ThemeContext);
-  if (!ctx) {
-    throw new Error(
-      'useTheme() must be called within a <ThemeProvider>. For dark-mode state without a provider, use useGlobalDarkMode() (read) or toggleGlobalDarkMode()/setGlobalThemeMode() (write) from "@kbach/react-native" instead.'
-    );
-  }
-  return ctx;
-}
-
-// src/ThemeProvider.tsx
-import { jsx } from "react/jsx-runtime";
-var mountedProviderCount = 0;
-var warnedMultipleProviders = false;
-function ThemeProvider({ children, defaultMode = "system" }) {
-  useEffect(() => {
-    mountedProviderCount++;
-    if (mountedProviderCount > 1 && !warnedMultipleProviders) {
-      warnedMultipleProviders = true;
-      console.warn(
-        "[kbach] Multiple <ThemeProvider> instances are mounted at once. Dark-mode state is one global store (the same one useGlobalDarkMode()/toggleGlobalDarkMode() read and write), not scoped per-provider, so they will fight over the same state instead of each getting their own."
-      );
-    }
-    return () => {
-      mountedProviderCount--;
-    };
-  }, []);
-  const seeded = useRef(false);
-  useEffect(() => {
-    if (seeded.current) return;
-    seeded.current = true;
-    seedDefaultMode(defaultMode);
-  }, []);
-  const isDark = useSyncExternalStore2(subscribeGlobalDarkMode, getGlobalDarkMode);
-  const mode = useSyncExternalStore2(subscribeGlobalDarkMode, getGlobalThemeMode);
-  const value = useMemo(
-    () => ({ mode, isDark, setMode: setGlobalThemeMode, toggle: toggleGlobalDarkMode }),
-    [mode, isDark]
-  );
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
-}
+} from "./chunk-RBJXE32L.mjs";
+import {
+  defaultTheme,
+  getTheme,
+  setTheme
+} from "./chunk-HK6PDJJK.mjs";
 export {
   ThemeProvider,
+  applyKbachConfig,
   defaultTheme,
   getGlobalDarkMode,
   getGlobalThemeMode,
   getTheme,
+  resolveKbachConfig,
   resolveStyle,
   setGlobalThemeMode,
   setTheme,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode,
-  useGlobalDarkMode,
+  useColors,
   useTheme
 };

package/dist/index.web.d.mts

@@ -0,0 +1,15 @@
+export { C as ColorEntry, a as ColorScale, b as ColorsAPI, c as ContainerConfig, K as KbachConfig, T as ThemeConfig, d as ThemeMode, e as ThemeProvider, f as ThemeProviderProps, g as ThemeState, h as applyKbachConfig, i as defaultTheme, j as getGlobalDarkMode, k as getGlobalThemeMode, l as getTheme, r as resolveKbachConfig, s as setGlobalThemeMode, m as setTheme, n as subscribeGlobalDarkMode, t as toggleGlobalDarkMode, u as useColors, o as useTheme } from './useColors-C6jyCLuG.mjs';
+import 'react';
+
+/**
+ * Resolves `classString` to CSS via the WASM engine, injects every returned
+ * rule into a shared `<style data-kbach-rn>` tag (cascade-order-safe — see
+ * cssInjector.web.ts), and returns the class string to use as
+ * `dataSet={{ kb: <returned value> }}`. MUST use the returned value, not the
+ * original input — mode-aware color names (e.g. `bg-surface`) expand into a
+ * literal light/dark pair, and the generated rules target that expanded
+ * text, not the original.
+ */
+declare function resolveClassName(classString: string): string;
+
+export { resolveClassName };

package/dist/index.web.d.ts

@@ -0,0 +1,15 @@
+export { C as ColorEntry, a as ColorScale, b as ColorsAPI, c as ContainerConfig, K as KbachConfig, T as ThemeConfig, d as ThemeMode, e as ThemeProvider, f as ThemeProviderProps, g as ThemeState, h as applyKbachConfig, i as defaultTheme, j as getGlobalDarkMode, k as getGlobalThemeMode, l as getTheme, r as resolveKbachConfig, s as setGlobalThemeMode, m as setTheme, n as subscribeGlobalDarkMode, t as toggleGlobalDarkMode, u as useColors, o as useTheme } from './useColors-C6jyCLuG.js';
+import 'react';
+
+/**
+ * Resolves `classString` to CSS via the WASM engine, injects every returned
+ * rule into a shared `<style data-kbach-rn>` tag (cascade-order-safe — see
+ * cssInjector.web.ts), and returns the class string to use as
+ * `dataSet={{ kb: <returned value> }}`. MUST use the returned value, not the
+ * original input — mode-aware color names (e.g. `bg-surface`) expand into a
+ * literal light/dark pair, and the generated rules target that expanded
+ * text, not the original.
+ */
+declare function resolveClassName(classString: string): string;
+
+export { resolveClassName };