@lattix/react-native 0.1.0

package/dist/action-context.d.ts

@@ -0,0 +1,11 @@
+import type { LattixAction } from "@lattix/core";
+/**
+ * Handler invoked when a semantic action fires (e.g. button onPress).
+ * Receives the normalized action object so consumers can dispatch, navigate, etc.
+ */
+export type LattixActionHandler = (action: LattixAction) => void;
+/** React context carrying the action handler for the current renderer subtree. */
+export declare const LattixActionContext: import("react").Context<LattixActionHandler | undefined>;
+/** Read the current action handler from context. Returns a no-op if none is provided. */
+export declare const useLattixAction: () => LattixActionHandler;
+//# sourceMappingURL=action-context.d.ts.map

package/dist/action-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-context.d.ts","sourceRoot":"","sources":["../src/action-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;AAEjE,kFAAkF;AAClF,eAAO,MAAM,mBAAmB,0DAE/B,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,eAAe,QAAO,mBAGlC,CAAC"}

package/dist/action-context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+/** React context carrying the action handler for the current renderer subtree. */
+export const LattixActionContext = createContext(undefined);
+/** Read the current action handler from context. Returns a no-op if none is provided. */
+export const useLattixAction = () => {
+    const handler = useContext(LattixActionContext);
+    return handler ?? noop;
+};
+const noop = () => { };
+//# sourceMappingURL=action-context.js.map

package/dist/action-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-context.js","sourceRoot":"","sources":["../src/action-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASlD,kFAAkF;AAClF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC9C,SAAS,CACV,CAAC;AAEF,yFAAyF;AACzF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAwB,EAAE;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,OAAO,OAAO,IAAI,IAAI,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,IAAI,GAAwB,GAAG,EAAE,GAAE,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { LattixNativeRenderer, type LattixNativeRendererProps } from "./renderer-native.js";
+export { RenderNodeNative, setRNComponents, type LattixNodeProps } from "./render-node-native.js";
+export { LattixActionContext, useLattixAction, type LattixActionHandler, } from "./action-context.js";
+export { LattixRegistryContext, useTokenRegistry, } from "./registry-context.js";
+export { resolveStyleToNative, type ResolveNativeStyleOptions } from "./resolve-style-native.js";
+export type { RNViewStyle, RNTextStyle, RNImageStyle, RNStyle, } from "./rn-types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAClG,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACjG,YAAY,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,OAAO,GACR,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { LattixNativeRenderer } from "./renderer-native.js";
+export { RenderNodeNative, setRNComponents } from "./render-node-native.js";
+export { LattixActionContext, useLattixAction, } from "./action-context.js";
+export { LattixRegistryContext, useTokenRegistry, } from "./registry-context.js";
+export { resolveStyleToNative } from "./resolve-style-native.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAkC,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAwB,MAAM,yBAAyB,CAAC;AAClG,OAAO,EACL,mBAAmB,EACnB,eAAe,GAEhB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAkC,MAAM,2BAA2B,CAAC"}

package/dist/registry-context.d.ts

@@ -0,0 +1,6 @@
+import { type TokenRegistry } from "@lattix/tokens";
+/** React context carrying the token registry for style resolution. */
+export declare const LattixRegistryContext: import("react").Context<Readonly<Record<string, import("@lattix/core").LattixStyleValue>>>;
+/** Read the current token registry from context. */
+export declare const useTokenRegistry: () => TokenRegistry;
+//# sourceMappingURL=registry-context.d.ts.map

package/dist/registry-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-context.d.ts","sourceRoot":"","sources":["../src/registry-context.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE1E,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,4FAEjC,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,QAAO,aACD,CAAC"}

package/dist/registry-context.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from "react";
+import { defaultTokenRegistry } from "@lattix/tokens";
+/** React context carrying the token registry for style resolution. */
+export const LattixRegistryContext = createContext(defaultTokenRegistry);
+/** Read the current token registry from context. */
+export const useTokenRegistry = () => useContext(LattixRegistryContext);
+//# sourceMappingURL=registry-context.js.map

package/dist/registry-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-context.js","sourceRoot":"","sources":["../src/registry-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAsB,MAAM,gBAAgB,CAAC;AAE1E,sEAAsE;AACtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAChD,oBAAoB,CACrB,CAAC;AAEF,oDAAoD;AACpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAkB,EAAE,CAClD,UAAU,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/render-node-native.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { LattixNode } from "@lattix/core";
+import type { RNViewProps, RNTextProps, RNImageProps, RNTextInputProps, RNPressableProps, RNScrollViewProps } from "./rn-types.js";
+/** Props passed to every node renderer. */
+export interface LattixNodeProps {
+    readonly node: LattixNode;
+}
+/**
+ * Lazy accessor for react-native components.
+ * At runtime `react-native` must be available as a peer dependency.
+ * During unit tests the module is replaced with mocks.
+ */
+declare let _rn: {
+    View: React.ComponentType<RNViewProps>;
+    Text: React.ComponentType<RNTextProps>;
+    Image: React.ComponentType<RNImageProps>;
+    TextInput: React.ComponentType<RNTextInputProps>;
+    Pressable: React.ComponentType<RNPressableProps>;
+    ScrollView: React.ComponentType<RNScrollViewProps>;
+} | undefined;
+/**
+ * Inject mock RN components for testing (avoids real react-native dependency).
+ * Call with `undefined` to reset.
+ */
+export declare const setRNComponents: (components: typeof _rn) => void;
+/**
+ * Render a single semantic node by dispatching to the appropriate kind renderer.
+ * Unknown kinds render a diagnostic View with a testID.
+ */
+export declare const RenderNodeNative: React.FC<LattixNodeProps>;
+export {};
+//# sourceMappingURL=render-node-native.d.ts.map

package/dist/render-node-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-node-native.d.ts","sourceRoot":"","sources":["../src/render-node-native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,cAAc,CAAC;AAM7D,OAAO,KAAK,EAIV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,2CAA2C;AAC3C,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;CAC3B;AAED;;;;GAIG;AACH,QAAA,IAAI,GAAG,EAAE;IACP,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACpD,GAAG,SAAS,CAAC;AAYd;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,OAAO,GAAG,KAAG,IAExD,CAAC;AAoOF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWtD,CAAC"}

package/dist/render-node-native.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { normalizeAction } from "@lattix/core";
+import { resolveMotionToNative } from "@lattix/motion";
+import { useLattixAction } from "./action-context.js";
+import { useTokenRegistry } from "./registry-context.js";
+import { resolveStyleToNative } from "./resolve-style-native.js";
+/**
+ * Lazy accessor for react-native components.
+ * At runtime `react-native` must be available as a peer dependency.
+ * During unit tests the module is replaced with mocks.
+ */
+let _rn;
+const getRN = () => {
+    if (!_rn) {
+        throw new Error("React Native components not available. " +
+            "Call setRNComponents() or ensure react-native is loaded before rendering.");
+    }
+    return _rn;
+};
+/**
+ * Inject mock RN components for testing (avoids real react-native dependency).
+ * Call with `undefined` to reset.
+ */
+export const setRNComponents = (components) => {
+    _rn = components;
+};
+/** Resolve node styles and initial motion state for RN-compatible renderers. */
+const useNodeStyle = (node) => {
+    const registry = useTokenRegistry();
+    const style = resolveStyleToNative(node.normalizedStyle, { registry }, node.style);
+    const motion = resolveMotionToNative(node.animation);
+    return { ...style, ...motion.initialStyle };
+};
+/** Recursively render children of a container node. */
+const RenderChildren = ({ children, }) => {
+    if (!children || children.length === 0) {
+        return null;
+    }
+    return (_jsx(_Fragment, { children: children.map((child, i) => (_jsx(RenderNodeNative, { node: child }, child.id ?? `${child.kind}-${i}`))) }));
+};
+/** Resolve an action prop (string id or LattixAction) into a press handler. */
+const useActionHandler = (actionProp) => {
+    const dispatch = useLattixAction();
+    if (actionProp === undefined || actionProp === null) {
+        return undefined;
+    }
+    return () => {
+        const action = typeof actionProp === "string"
+            ? normalizeAction(actionProp)
+            : actionProp;
+        dispatch(action);
+    };
+};
+const ScreenRenderer = ({ node }) => {
+    const { ScrollView } = getRN();
+    const style = useNodeStyle(node);
+    return (_jsx(ScrollView, { testID: `lattix-screen-${node.id ?? "root"}`, contentContainerStyle: { flexGrow: 1, ...style }, children: _jsx(RenderChildren, { children: node.children }) }));
+};
+const StackRenderer = ({ node }) => {
+    const { View } = getRN();
+    const style = useNodeStyle(node);
+    return (_jsx(View, { testID: "lattix-stack", style: { flexDirection: "column", ...style }, children: _jsx(RenderChildren, { children: node.children }) }));
+};
+const RowRenderer = ({ node }) => {
+    const { View } = getRN();
+    const style = useNodeStyle(node);
+    return (_jsx(View, { testID: "lattix-row", style: { flexDirection: "row", ...style }, children: _jsx(RenderChildren, { children: node.children }) }));
+};
+const BoxRenderer = ({ node }) => {
+    const { View } = getRN();
+    const style = useNodeStyle(node);
+    return (_jsx(View, { testID: "lattix-box", style: style, children: _jsx(RenderChildren, { children: node.children }) }));
+};
+const TextRenderer = ({ node }) => {
+    const { Text } = getRN();
+    const style = useNodeStyle(node);
+    const content = node.props.content;
+    return (_jsx(Text, { testID: "lattix-text", style: style, children: content ?? "" }));
+};
+const ImageRenderer = ({ node }) => {
+    const { Image } = getRN();
+    const style = useNodeStyle(node);
+    const source = node.props.source;
+    const alt = node.props.alt ?? "";
+    return (_jsx(Image, { testID: "lattix-image", source: { uri: source ?? "" }, accessibilityLabel: alt, style: style }));
+};
+const ButtonRenderer = ({ node }) => {
+    const { Pressable, Text } = getRN();
+    const style = useNodeStyle(node);
+    const label = node.props.label;
+    const onPress = useActionHandler(node.props.onPress);
+    return (_jsx(Pressable, { testID: "lattix-button", accessibilityRole: "button", onPress: onPress, style: style, children: node.children && node.children.length > 0 ? (_jsx(RenderChildren, { children: node.children })) : (_jsx(Text, { children: label ?? "" })) }));
+};
+const InputRenderer = ({ node }) => {
+    const { TextInput } = getRN();
+    const dispatch = useLattixAction();
+    const style = useNodeStyle(node);
+    const placeholder = node.props.placeholder;
+    const handleChangeText = (text) => {
+        const onChangeProp = node.props.onChange;
+        if (onChangeProp !== undefined && onChangeProp !== null) {
+            const action = typeof onChangeProp === "string"
+                ? normalizeAction(onChangeProp)
+                : onChangeProp;
+            dispatch({ ...action, payload: { ...action.payload, value: text } });
+        }
+    };
+    return (_jsx(TextInput, { testID: "lattix-input", placeholder: placeholder, onChangeText: handleChangeText, style: style }));
+};
+const BadgeRenderer = ({ node }) => {
+    const { View, Text } = getRN();
+    const style = useNodeStyle(node);
+    const label = node.props.label;
+    return (_jsx(View, { testID: "lattix-badge", style: style, children: _jsx(Text, { children: label ?? "" }) }));
+};
+const DividerRenderer = ({ node }) => {
+    const { View } = getRN();
+    const style = useNodeStyle(node);
+    return (_jsx(View, { testID: "lattix-divider", style: { height: 1, backgroundColor: "#e5e7eb", ...style } }));
+};
+const SpacerRenderer = ({ node }) => {
+    const { View } = getRN();
+    const style = useNodeStyle(node);
+    return _jsx(View, { testID: "lattix-spacer", style: { flex: 1, ...style } });
+};
+const ListRenderer = ({ node }) => {
+    const { View } = getRN();
+    const style = useNodeStyle(node);
+    return (_jsx(View, { testID: "lattix-list", accessibilityRole: "list", style: { flexDirection: "column", ...style }, children: node.children?.map((child, i) => (_jsx(View, { children: _jsx(RenderNodeNative, { node: child }) }, child.id ?? `${child.kind}-${i}`))) }));
+};
+/** Built-in node kind → renderer mapping. */
+const NODE_RENDERERS = {
+    screen: ScreenRenderer,
+    stack: StackRenderer,
+    row: RowRenderer,
+    box: BoxRenderer,
+    text: TextRenderer,
+    image: ImageRenderer,
+    button: ButtonRenderer,
+    input: InputRenderer,
+    badge: BadgeRenderer,
+    divider: DividerRenderer,
+    spacer: SpacerRenderer,
+    list: ListRenderer,
+};
+/**
+ * Render a single semantic node by dispatching to the appropriate kind renderer.
+ * Unknown kinds render a diagnostic View with a testID.
+ */
+export const RenderNodeNative = ({ node }) => {
+    const Renderer = NODE_RENDERERS[node.kind];
+    if (Renderer) {
+        return _jsx(Renderer, { node: node });
+    }
+    const { View, Text } = getRN();
+    return (_jsx(View, { testID: `lattix-unknown-${node.kind}`, children: _jsx(Text, { children: `[unsupported node kind: ${node.kind}]` }) }));
+};
+//# sourceMappingURL=render-node-native.js.map

package/dist/render-node-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-node-native.js","sourceRoot":"","sources":["../src/render-node-native.tsx"],"names":[],"mappings":"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"}

package/dist/renderer-native.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import type { LattixTree } from "@lattix/core";
+import type { TokenRegistry } from "@lattix/tokens";
+import { type LattixActionHandler } from "./action-context.js";
+/** Props for the top-level Lattix React Native renderer. */
+export interface LattixNativeRendererProps {
+    /** The validated semantic tree to render. */
+    readonly tree: LattixTree;
+    /** Handler invoked when a semantic action fires (e.g. button onPress). */
+    readonly onAction?: LattixActionHandler;
+    /** Custom token registry for style resolution. Defaults to `defaultTokenRegistry`. */
+    readonly registry?: TokenRegistry;
+}
+/**
+ * Top-level React Native component that renders a Lattix semantic tree.
+ *
+ * Wraps the tree in action and registry context providers so that all
+ * descendant node renderers can resolve tokens and dispatch actions.
+ *
+ * ```tsx
+ * import { LattixNativeRenderer } from "@lattix/react-native";
+ * import { Screen } from "@lattix/dsl";
+ *
+ * const tree = Screen("Home", s => s.text("Hello")).toTree();
+ *
+ * function App() {
+ *   return (
+ *     <LattixNativeRenderer
+ *       tree={tree}
+ *       onAction={(action) => console.log("action:", action)}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const LattixNativeRenderer: React.FC<LattixNativeRendererProps>;
+//# sourceMappingURL=renderer-native.d.ts.map

package/dist/renderer-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-native.d.ts","sourceRoot":"","sources":["../src/renderer-native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAI7B,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,0EAA0E;IAC1E,QAAQ,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IACxC,sFAAsF;IACtF,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}

package/dist/renderer-native.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LattixActionContext, } from "./action-context.js";
+import { LattixRegistryContext } from "./registry-context.js";
+import { RenderNodeNative } from "./render-node-native.js";
+/**
+ * Top-level React Native component that renders a Lattix semantic tree.
+ *
+ * Wraps the tree in action and registry context providers so that all
+ * descendant node renderers can resolve tokens and dispatch actions.
+ *
+ * ```tsx
+ * import { LattixNativeRenderer } from "@lattix/react-native";
+ * import { Screen } from "@lattix/dsl";
+ *
+ * const tree = Screen("Home", s => s.text("Hello")).toTree();
+ *
+ * function App() {
+ *   return (
+ *     <LattixNativeRenderer
+ *       tree={tree}
+ *       onAction={(action) => console.log("action:", action)}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export const LattixNativeRenderer = ({ tree, onAction, registry, }) => {
+    const content = _jsx(RenderNodeNative, { node: tree.root });
+    const withAction = onAction ? (_jsx(LattixActionContext.Provider, { value: onAction, children: content })) : (content);
+    if (registry) {
+        return (_jsx(LattixRegistryContext.Provider, { value: registry, children: withAction }));
+    }
+    return withAction;
+};
+//# sourceMappingURL=renderer-native.js.map

package/dist/renderer-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-native.js","sourceRoot":"","sources":["../src/renderer-native.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,mBAAmB,GAEpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAY3D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;IAEtD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC5B,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAC1C,OAAO,GACqB,CAChC,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAC5C,UAAU,GACoB,CAClC,CAAC;IACJ,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}

package/dist/resolve-style-native.d.ts

@@ -0,0 +1,14 @@
+import type { NormalizedLattixStyle, LattixStyle } from "@lattix/core";
+import { type TokenRegistry } from "@lattix/tokens";
+import type { RNStyle } from "./rn-types.js";
+export interface ResolveNativeStyleOptions {
+    readonly registry?: TokenRegistry;
+}
+/**
+ * Resolve semantic styles into a React Native StyleSheet-compatible object.
+ *
+ * Uses `normalizedStyle` when available, falling back to `rawStyle` for
+ * properties not normalized at build time.
+ */
+export declare const resolveStyleToNative: (normalizedStyle: NormalizedLattixStyle | undefined, options?: ResolveNativeStyleOptions, rawStyle?: LattixStyle) => RNStyle;
+//# sourceMappingURL=resolve-style-native.d.ts.map

package/dist/resolve-style-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style-native.d.ts","sourceRoot":"","sources":["../src/resolve-style-native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EAErB,WAAW,EAEZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AA0E7C,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;CACnC;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAC/B,iBAAiB,qBAAqB,GAAG,SAAS,EAClD,UAAS,yBAA8B,EACvC,WAAW,WAAW,KACrB,OAiCF,CAAC"}

package/dist/resolve-style-native.js

@@ -0,0 +1,101 @@
+import { isTokenReference } from "@lattix/core";
+import { resolveToken } from "@lattix/tokens";
+/** React Native style property names mapped from semantic style property names. */
+const RN_PROPERTY_MAP = {
+    color: "color",
+    background: "backgroundColor",
+    backgroundColor: "backgroundColor",
+    padding: "padding",
+    paddingTop: "paddingTop",
+    paddingBottom: "paddingBottom",
+    paddingLeft: "paddingLeft",
+    paddingRight: "paddingRight",
+    margin: "margin",
+    marginTop: "marginTop",
+    marginBottom: "marginBottom",
+    marginLeft: "marginLeft",
+    marginRight: "marginRight",
+    gap: "gap",
+    borderRadius: "borderRadius",
+    borderWidth: "borderWidth",
+    borderColor: "borderColor",
+    fontSize: "fontSize",
+    fontWeight: "fontWeight",
+    width: "width",
+    height: "height",
+    flex: "flex",
+    flexDirection: "flexDirection",
+    alignItems: "alignItems",
+    justifyContent: "justifyContent",
+    lineHeight: "lineHeight",
+    textAlign: "textAlign",
+};
+/** Convert a resolved value to a React Native-compatible value. */
+const toNativeValue = (value) => {
+    if (typeof value === "number") {
+        return value;
+    }
+    if (typeof value === "string") {
+        const num = Number(value);
+        if (!Number.isNaN(num) && /^\d+(\.\d+)?$/.test(value)) {
+            return num;
+        }
+    }
+    return String(value);
+};
+/** Resolve a single normalized style entry to a native value. */
+const resolveEntry = (entry, registry) => {
+    if (entry.kind === "literal") {
+        return toNativeValue(entry.value);
+    }
+    const resolved = resolveToken(entry.ref, registry);
+    if (resolved === undefined) {
+        return undefined;
+    }
+    return toNativeValue(resolved);
+};
+/** Resolve a raw style value using the registry. */
+const resolveRawValue = (value, registry) => {
+    if (typeof value === "string" && isTokenReference(value)) {
+        const resolved = resolveToken(value, registry);
+        return resolved !== undefined ? toNativeValue(resolved) : undefined;
+    }
+    return toNativeValue(value);
+};
+/**
+ * Resolve semantic styles into a React Native StyleSheet-compatible object.
+ *
+ * Uses `normalizedStyle` when available, falling back to `rawStyle` for
+ * properties not normalized at build time.
+ */
+export const resolveStyleToNative = (normalizedStyle, options = {}, rawStyle) => {
+    if (!normalizedStyle && !rawStyle) {
+        return {};
+    }
+    const style = {};
+    const seen = new Set();
+    if (normalizedStyle) {
+        for (const [prop, entry] of Object.entries(normalizedStyle)) {
+            seen.add(prop);
+            const rnKey = RN_PROPERTY_MAP[prop] ?? prop;
+            const value = resolveEntry(entry, options.registry);
+            if (value !== undefined) {
+                style[rnKey] = value;
+            }
+        }
+    }
+    if (rawStyle) {
+        for (const [prop, value] of Object.entries(rawStyle)) {
+            if (seen.has(prop)) {
+                continue;
+            }
+            const rnKey = RN_PROPERTY_MAP[prop] ?? prop;
+            const resolved = resolveRawValue(value, options.registry);
+            if (resolved !== undefined) {
+                style[rnKey] = resolved;
+            }
+        }
+    }
+    return style;
+};
+//# sourceMappingURL=resolve-style-native.js.map

package/dist/resolve-style-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style-native.js","sourceRoot":"","sources":["../src/resolve-style-native.ts"],"names":[],"mappings":"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"}

package/dist/rn-types.d.ts

@@ -0,0 +1,95 @@
+/**
+ * Minimal React Native type surface used by the renderer.
+ *
+ * At runtime the real `react-native` module is imported dynamically.
+ * These types exist so the package compiles without react-native installed
+ * as a direct dependency (it is a peerDependency).
+ */
+import type React from "react";
+/** Subset of RN ViewStyle used by the renderer. */
+export interface RNViewStyle {
+    readonly flex?: number;
+    readonly flexGrow?: number;
+    readonly flexShrink?: number;
+    readonly flexDirection?: "row" | "column";
+    readonly alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+    readonly justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    readonly gap?: number;
+    readonly padding?: number;
+    readonly paddingTop?: number;
+    readonly paddingBottom?: number;
+    readonly paddingLeft?: number;
+    readonly paddingRight?: number;
+    readonly margin?: number;
+    readonly marginTop?: number;
+    readonly marginBottom?: number;
+    readonly marginLeft?: number;
+    readonly marginRight?: number;
+    readonly backgroundColor?: string;
+    readonly borderRadius?: number;
+    readonly borderWidth?: number;
+    readonly borderColor?: string;
+    readonly width?: number | string;
+    readonly height?: number | string;
+    readonly minHeight?: number | string;
+    readonly overflow?: "visible" | "hidden" | "scroll";
+}
+/** Subset of RN TextStyle used by the renderer. */
+export interface RNTextStyle extends RNViewStyle {
+    readonly color?: string;
+    readonly fontSize?: number;
+    readonly fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+    readonly textAlign?: "auto" | "left" | "right" | "center" | "justify";
+    readonly lineHeight?: number;
+}
+/** Subset of RN ImageStyle used by the renderer. */
+export interface RNImageStyle extends RNViewStyle {
+    readonly resizeMode?: "cover" | "contain" | "stretch" | "center";
+}
+/** Union of all RN style types the renderer produces. */
+export type RNStyle = RNViewStyle | RNTextStyle | RNImageStyle;
+/** Props accepted by RN View component. */
+export interface RNViewProps {
+    readonly style?: RNViewStyle;
+    readonly testID?: string;
+    readonly accessibilityRole?: string;
+    readonly children?: React.ReactNode;
+}
+/** Props accepted by RN Text component. */
+export interface RNTextProps {
+    readonly style?: RNTextStyle;
+    readonly testID?: string;
+    readonly children?: React.ReactNode;
+}
+/** Props accepted by RN Image component. */
+export interface RNImageProps {
+    readonly style?: RNImageStyle;
+    readonly testID?: string;
+    readonly source: {
+        readonly uri: string;
+    } | number;
+    readonly accessibilityLabel?: string;
+}
+/** Props accepted by RN TextInput component. */
+export interface RNTextInputProps {
+    readonly style?: RNTextStyle;
+    readonly testID?: string;
+    readonly placeholder?: string;
+    readonly onChangeText?: (text: string) => void;
+}
+/** Props accepted by RN Pressable component. */
+export interface RNPressableProps {
+    readonly style?: RNViewStyle;
+    readonly testID?: string;
+    readonly onPress?: () => void;
+    readonly accessibilityRole?: string;
+    readonly children?: React.ReactNode;
+}
+/** Props accepted by RN ScrollView component. */
+export interface RNScrollViewProps {
+    readonly style?: RNViewStyle;
+    readonly contentContainerStyle?: RNViewStyle;
+    readonly testID?: string;
+    readonly children?: React.ReactNode;
+}
+//# sourceMappingURL=rn-types.d.ts.map

package/dist/rn-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rn-types.d.ts","sourceRoot":"","sources":["../src/rn-types.ts"],"names":[],"mappings":"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"}

package/dist/rn-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=rn-types.js.map

package/dist/rn-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rn-types.js","sourceRoot":"","sources":["../src/rn-types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@lattix/react-native",
+  "version": "0.1.0",
+  "description": "React Native renderer for Lattix semantic trees",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist *.tsbuildinfo",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@lattix/core": "0.1.0",
+    "@lattix/motion": "0.1.0",
+    "@lattix/tokens": "0.1.0"
+  },
+  "devDependencies": {
+    "@lattix/diagnostics": "0.1.0",
+    "@lattix/dsl": "0.1.0",
+    "@types/react": "^18.2.0",
+    "react": "^18.3.1",
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.71"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
+  }
+}