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

package/dist/index.web.mjs

@@ -0,0 +1,32 @@
+import {
+  ThemeProvider,
+  useGlobalDarkMode,
+  useTheme
+} from "./chunk-4KCCEMEN.mjs";
+import {
+  resolveStyle
+} from "./chunk-KSDFO34H.mjs";
+import {
+  defaultTheme,
+  getGlobalDarkMode,
+  getGlobalThemeMode,
+  getTheme,
+  setGlobalThemeMode,
+  setTheme,
+  subscribeGlobalDarkMode,
+  toggleGlobalDarkMode
+} from "./chunk-AEVOM2NB.mjs";
+export {
+  ThemeProvider,
+  defaultTheme,
+  getGlobalDarkMode,
+  getGlobalThemeMode,
+  getTheme,
+  resolveStyle,
+  setGlobalThemeMode,
+  setTheme,
+  subscribeGlobalDarkMode,
+  toggleGlobalDarkMode,
+  useGlobalDarkMode,
+  useTheme
+};

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

@@ -1,19 +1,10 @@
-import { ReactElement } from 'react';
+import * as react 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?: {
+declare const jsxDEV: (type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
     fileName: string;
     lineNumber: number;
     columnNumber: number;
-}, self?: unknown): ReactElement;
+}, self?: unknown) => react.ReactElement;
 
 export { jsxDEV };

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

@@ -1,19 +1,10 @@
-import { ReactElement } from 'react';
+import * as react 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?: {
+declare const jsxDEV: (type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
     fileName: string;
     lineNumber: number;
     columnNumber: number;
-}, self?: unknown): ReactElement;
+}, self?: unknown) => react.ReactElement;
 
 export { jsxDEV };

package/dist/jsx-dev-runtime.js

@@ -25,13 +25,56 @@ __export(jsx_dev_runtime_exports, {
 });
 module.exports = __toCommonJS(jsx_dev_runtime_exports);
 
-// src/jsx-runtime.tsx
+// src/jsxRuntimeCore.ts
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_react_native3 = require("react-native");
+var import_react_native = require("react-native");
+function makeElement(isStaticChildren, type, props, key) {
+  return (isStaticChildren ? import_jsx_runtime.jsxs : import_jsx_runtime.jsx)(type, props, key);
+}
+function resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, pressed) {
+  const resolved = resolveStyle2(classStrRaw, pressed);
+  if (userStyle === void 0) {
+    return resolved;
+  }
+  if (typeof userStyle === "function") {
+    return [resolved, userStyle({ pressed })];
+  }
+  return [resolved, userStyle];
+}
+function processElement(resolveStyle2, type, rawProps, key, isStaticChildren) {
+  if (type === null || typeof type === "symbol" || !rawProps) {
+    return makeElement(isStaticChildren, type, rawProps ?? {}, key);
+  }
+  const { className: classStrRaw, style: userStyle, ...rest } = rawProps;
+  if (typeof classStrRaw !== "string") {
+    return makeElement(isStaticChildren, type, rawProps, key);
+  }
+  const finalStyle = type === import_react_native.Pressable ? (state) => resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, state.pressed) : resolvedStyleFor(resolveStyle2, classStrRaw, userStyle, false);
+  return makeElement(isStaticChildren, type, { ...rest, style: finalStyle }, key);
+}
+function createJsxFunctions(resolveStyle2) {
+  function jsx2(type, props, key) {
+    return processElement(resolveStyle2, type, props, key, false);
+  }
+  function jsxs2(type, props, key) {
+    return processElement(resolveStyle2, type, props, key, true);
+  }
+  return { jsx: jsx2, jsxs: jsxs2 };
+}
+function createJsxDEV(jsx2, jsxs2) {
+  return function jsxDEV2(type, props, key, isStaticChildren, source, self) {
+    const element = (isStaticChildren ? jsxs2 : jsx2)(type, props, key);
+    if (source && element && typeof element === "object" && Object.isExtensible(element)) {
+      element._source = source;
+      element._self = self;
+    }
+    return element;
+  };
+}
 
 // src/nativeBridge.ts
-var import_react_native2 = require("react-native");
+var import_react_native3 = require("react-native");
 
 // src/generatedPalette.ts
 var PALETTE = {
@@ -324,7 +367,13 @@ var defaultTheme = {
     "6": 24,
     "8": 32
   },
-  screens: {},
+  screens: {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    "2xl": 1536
+  },
   darkMode: "attribute"
 };
 var activeThemeJson = JSON.stringify(defaultTheme);
@@ -333,17 +382,17 @@ function getThemeJson() {
 }
 
 // src/darkModeStore.ts
-var import_react_native = require("react-native");
+var import_react_native2 = require("react-native");
 var listeners = /* @__PURE__ */ new Set();
 function systemPrefersDark() {
-  return import_react_native.Appearance.getColorScheme() === "dark";
+  return import_react_native2.Appearance.getColorScheme() === "dark";
 }
 function resolveIsDark(m) {
   return m === "system" ? systemPrefersDark() : m === "dark";
 }
 var mode = "system";
 var isDark = resolveIsDark(mode);
-var subscription = import_react_native.Appearance.addChangeListener(({ colorScheme }) => {
+var subscription = import_react_native2.Appearance.addChangeListener(({ colorScheme }) => {
   if (mode !== "system") return;
   isDark = colorScheme === "dark";
   notify();
@@ -357,53 +406,18 @@ function getGlobalDarkMode() {
 
 // src/nativeBridge.ts
 function resolveStyle(classString, pressed = false) {
-  const KbachModule = import_react_native2.TurboModuleRegistry.getEnforcing("KbachModule");
+  const KbachModule = import_react_native3.TurboModuleRegistry.getEnforcing("KbachModule");
   const colorScheme = getGlobalDarkMode() ? "dark" : "light";
-  const json = KbachModule.resolveStyle(classString, getThemeJson(), colorScheme, pressed);
+  const width = import_react_native3.Dimensions.get("window").width;
+  const json = KbachModule.resolveStyle(classString, getThemeJson(), colorScheme, pressed, width);
   return JSON.parse(json);
 }
 
 // src/jsx-runtime.tsx
-function makeElement(isStaticChildren, type, props, key) {
-  return (isStaticChildren ? import_jsx_runtime.jsxs : import_jsx_runtime.jsx)(type, props, key);
-}
-function resolvedStyleFor(classStrRaw, userStyle, pressed) {
-  const resolved = resolveStyle(classStrRaw, pressed);
-  if (userStyle === void 0) {
-    return resolved;
-  }
-  if (typeof userStyle === "function") {
-    return [resolved, userStyle({ pressed })];
-  }
-  return [resolved, userStyle];
-}
-function processElement(type, rawProps, key, isStaticChildren) {
-  if (type === null || typeof type === "symbol" || !rawProps) {
-    return makeElement(isStaticChildren, type, rawProps ?? {}, key);
-  }
-  const { className: classStrRaw, style: userStyle, ...rest } = rawProps;
-  if (typeof classStrRaw !== "string") {
-    return makeElement(isStaticChildren, type, rawProps, key);
-  }
-  const finalStyle = type === import_react_native3.Pressable ? (state) => resolvedStyleFor(classStrRaw, userStyle, state.pressed) : resolvedStyleFor(classStrRaw, userStyle, false);
-  return makeElement(isStaticChildren, type, { ...rest, style: finalStyle }, key);
-}
-function jsx(type, props, key) {
-  return processElement(type, props, key, false);
-}
-function jsxs(type, props, key) {
-  return processElement(type, props, key, true);
-}
+var { jsx, jsxs } = createJsxFunctions(resolveStyle);
 
 // 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;
-}
+var jsxDEV = createJsxDEV(jsx, jsxs);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Fragment,

package/dist/jsx-dev-runtime.mjs

@@ -1,19 +1,16 @@
 import {
-  Fragment,
   jsx,
   jsxs
-} from "./chunk-SVMYVXY6.mjs";
-import "./chunk-YHF3QLRL.mjs";
+} from "./chunk-OJQAJLYT.mjs";
+import "./chunk-FG5E4NLJ.mjs";
+import {
+  Fragment,
+  createJsxDEV
+} from "./chunk-DLIXI5OW.mjs";
+import "./chunk-AEVOM2NB.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;
-}
+var jsxDEV = createJsxDEV(jsx, jsxs);
 export {
   Fragment,
   jsxDEV

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

@@ -0,0 +1,10 @@
+import * as react from 'react';
+export { Fragment } from 'react';
+
+declare const jsxDEV: (type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+}, self?: unknown) => react.ReactElement;
+
+export { jsxDEV };

package/dist/jsx-dev-runtime.web.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+export { Fragment } from 'react';
+
+declare const jsxDEV: (type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+}, self?: unknown) => react.ReactElement;
+
+export { jsxDEV };