@kbach/react-native 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/chunk-OJQAJLYT.mjs

@@ -0,0 +1,14 @@
+import {
+  resolveStyle
+} from "./chunk-FG5E4NLJ.mjs";
+import {
+  createJsxFunctions
+} from "./chunk-DLIXI5OW.mjs";
+
+// src/jsx-runtime.tsx
+var { jsx, jsxs } = createJsxFunctions(resolveStyle);
+
+export {
+  jsx,
+  jsxs
+};

package/dist/chunk-ZUE6SCTE.mjs

@@ -0,0 +1,14 @@
+import {
+  resolveStyle
+} from "./chunk-KSDFO34H.mjs";
+import {
+  createJsxFunctions
+} from "./chunk-DLIXI5OW.mjs";
+
+// src/jsx-runtime.web.tsx
+var { jsx, jsxs } = createJsxFunctions(resolveStyle);
+
+export {
+  jsx,
+  jsxs
+};

package/dist/index.mjs

@@ -1,69 +1,21 @@
+import {
+  ThemeProvider,
+  useGlobalDarkMode,
+  useTheme
+} from "./chunk-4KCCEMEN.mjs";
+import {
+  resolveStyle
+} from "./chunk-FG5E4NLJ.mjs";
 import {
   defaultTheme,
   getGlobalDarkMode,
   getGlobalThemeMode,
   getTheme,
-  resolveStyle,
-  seedDefaultMode,
   setGlobalThemeMode,
   setTheme,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-7KUNKZBM.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-AEVOM2NB.mjs";
 export {
   ThemeProvider,
   defaultTheme,

package/dist/index.web.d.mts

@@ -0,0 +1,7 @@
+import { StyleObject } from './index.mjs';
+export { ThemeConfig, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, defaultTheme, getGlobalDarkMode, getGlobalThemeMode, getTheme, setGlobalThemeMode, setTheme, subscribeGlobalDarkMode, toggleGlobalDarkMode, useGlobalDarkMode, useTheme } from './index.mjs';
+import 'react';
+
+declare function resolveStyle(classString: string, pressed?: boolean): StyleObject;
+
+export { StyleObject, resolveStyle };

package/dist/index.web.d.ts

@@ -0,0 +1,7 @@
+import { StyleObject } from './index.js';
+export { ThemeConfig, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, defaultTheme, getGlobalDarkMode, getGlobalThemeMode, getTheme, setGlobalThemeMode, setTheme, subscribeGlobalDarkMode, toggleGlobalDarkMode, useGlobalDarkMode, useTheme } from './index.js';
+import 'react';
+
+declare function resolveStyle(classString: string, pressed?: boolean): StyleObject;
+
+export { StyleObject, resolveStyle };