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

package/dist/index.mjs

@@ -1,80 +0,0 @@
-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 });
-}
-export {
-  ThemeProvider,
-  defaultTheme,
-  getGlobalDarkMode,
-  getGlobalThemeMode,
-  getTheme,
-  resolveStyle,
-  setGlobalThemeMode,
-  setTheme,
-  subscribeGlobalDarkMode,
-  toggleGlobalDarkMode,
-  useGlobalDarkMode,
-  useTheme
-};

package/dist/jsx-dev-runtime.d.mts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-export { Fragment } from 'react';
-
-/**
- * @kbach/react-native/jsx-dev-runtime
- *
- * Development variant — Metro calls jsxDEV instead of jsx/jsxs in dev
- * builds. Same pattern as @kbach/react/jsx-dev-runtime (Phase 3): reuses
- * jsx/jsxs for the actual interception, then patches _source/_self onto
- * the result so React DevTools shows the original file/line.
- */
-
-declare function jsxDEV(type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
-    fileName: string;
-    lineNumber: number;
-    columnNumber: number;
-}, self?: unknown): ReactElement;
-
-export { jsxDEV };

package/dist/jsx-dev-runtime.mjs

@@ -1,20 +0,0 @@
-import {
-  Fragment,
-  jsx,
-  jsxs
-} from "./chunk-UP5ZN7CN.mjs";
-import "./chunk-7KUNKZBM.mjs";
-
-// src/jsx-dev-runtime.tsx
-function jsxDEV(type, props, key, isStaticChildren, source, self) {
-  const element = (isStaticChildren ? jsxs : jsx)(type, props, key);
-  if (source && element && typeof element === "object" && Object.isExtensible(element)) {
-    element._source = source;
-    element._self = self;
-  }
-  return element;
-}
-export {
-  Fragment,
-  jsxDEV
-};

package/dist/jsx-runtime.d.mts

@@ -1,30 +0,0 @@
-import { ReactElement } from 'react';
-export { Fragment, JSX } from 'react';
-
-/**
- * @kbach/react-native/jsx-runtime
- *
- * Drop-in replacement for react/jsx-runtime — same interception shape as
- * @kbach/react/jsx-runtime (Phase 3), but the resolved value becomes the
- * `style` prop instead of `className`: View/Text have no `className` prop
- * at all. Covers layout, color, spacing, border, typography, dark:,
- * active: (Pressable only), and sm:/md:/lg:/xl:/2xl: (gated against the
- * current window width, live) — see nativeBridge.ts / resolve_style.rs for
- * exactly what's resolved; every other modifier (hover:, group- and peer-
- * variants, has-[...], container queries, ...) parses but isn't applied —
- * there's no selector/pseudo-state/ancestor system on native to apply them
- * with.
- *
- * `active:` needs different handling from every other modifier: whether an
- * element is "pressed" isn't a value that can be read once and reused like
- * `dark:`'s color scheme — only RN's `Pressable` ever knows it, and only
- * via a style FUNCTION it calls on every press/release
- * (`style={({pressed}) => ...}`). So for `type === Pressable` specifically,
- * `style` is built as a function instead of a static value; every other
- * element type is completely unaffected by this — same code path as before.
- */
-
-declare function jsx(type: unknown, props: Record<string, unknown> | null, key?: string): ReactElement;
-declare function jsxs(type: unknown, props: Record<string, unknown> | null, key?: string): ReactElement;
-
-export { jsx, jsxs };