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

package/dist/jsx-dev-runtime.web.mjs

@@ -0,0 +1,29 @@
+import "./chunk-LOTFFRZP.mjs";
+import {
+  Fragment,
+  jsx,
+  jsxs
+} from "./chunk-UJYEYY6S.mjs";
+import "./chunk-DDNGWPS4.mjs";
+
+// src/jsxRuntimeCore.ts
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, useCallback, useRef, useState, useSyncExternalStore } from "react";
+import { Pressable, useWindowDimensions } from "react-native";
+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/jsx-dev-runtime.web.tsx
+var jsxDEV = createJsxDEV(jsx, jsxs);
+export {
+  Fragment,
+  jsxDEV
+};

package/dist/jsx-runtime.d.ts

@@ -1,30 +1,7 @@
-import { ReactElement } from 'react';
+import * as react 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;
+declare const jsx: (type: unknown, props: Record<string, unknown> | null, key?: string) => react.ReactElement;
+declare const jsxs: (type: unknown, props: Record<string, unknown> | null, key?: string) => react.ReactElement;
 
 export { jsx, jsxs };