@pushframe/sdk 0.1.2 → 0.1.3

package/dist/index.mjs

@@ -1,1526 +0,0 @@
-import React4, { createContext, forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useContext, useMemo } from 'react';
-import { ScrollView as ScrollView$1, Animated, View as View$1, Text as Text$1, StyleSheet, Dimensions, Modal as Modal$1, Pressable as Pressable$1, Image as Image$1, TextInput as TextInput$1, FlatList as FlatList$1, ActivityIndicator as ActivityIndicator$1, Switch as Switch$1, KeyboardAvoidingView as KeyboardAvoidingView$1, StatusBar as StatusBar$1 } from 'react-native';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var PushFrameContext = createContext(null);
-function usePushFrameContext() {
-  const ctx = useContext(PushFrameContext);
-  if (!ctx) {
-    throw new Error("[PushFrame] usePushFrameContext must be called inside <PushFrame.Provider>");
-  }
-  return ctx;
-}
-function Text({
-  if: _if,
-  actions: _actions,
-  value,
-  content,
-  ...rest
-}) {
-  const textContent = value !== void 0 ? value : content;
-  if (textContent !== void 0) {
-    return /* @__PURE__ */ jsx(Text$1, { ...rest, children: textContent });
-  }
-  return /* @__PURE__ */ jsx(Text$1, { ...rest });
-}
-function View({ if: _if, actions: _actions, ...rest }) {
-  return /* @__PURE__ */ jsx(View$1, { ...rest });
-}
-var ScrollView = forwardRef(function ScrollView2({ if: _if, actions: _actions, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(ScrollView$1, { ref, ...rest });
-});
-function Image({ if: _if, actions: _actions, src, source, ...rest }) {
-  const resolvedSource = src ? { uri: src } : source ?? { uri: "" };
-  return /* @__PURE__ */ jsx(Image$1, { source: resolvedSource, ...rest });
-}
-function Pressable({ if: _if, actions: _actions, ...rest }) {
-  return /* @__PURE__ */ jsx(Pressable$1, { ...rest });
-}
-function TextInput({
-  if: _if,
-  actions: _actions,
-  onChange,
-  onSubmit,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    TextInput$1,
-    {
-      onChangeText: onChange,
-      onSubmitEditing: onSubmit ? () => onSubmit() : void 0,
-      ...rest
-    }
-  );
-}
-function FlatList({
-  if: _if,
-  actions: _actions,
-  items,
-  direction,
-  numColumns,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    FlatList$1,
-    {
-      data: items,
-      horizontal: direction === "horizontal",
-      numColumns,
-      ...rest
-    }
-  );
-}
-function Modal({ if: _if, actions: _actions, ...rest }) {
-  return /* @__PURE__ */ jsx(Modal$1, { ...rest });
-}
-function ActivityIndicator({
-  if: _if,
-  actions: _actions,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(ActivityIndicator$1, { ...rest });
-}
-function Switch({ if: _if, actions: _actions, onChange, ...rest }) {
-  return /* @__PURE__ */ jsx(Switch$1, { onValueChange: onChange, ...rest });
-}
-function KeyboardAvoidingView({
-  if: _if,
-  actions: _actions,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(KeyboardAvoidingView$1, { ...rest });
-}
-var NativeSafeAreaView;
-try {
-  NativeSafeAreaView = __require("react-native-safe-area-context").SafeAreaView;
-} catch {
-  NativeSafeAreaView = __require("react-native").SafeAreaView;
-}
-function SafeAreaView({ if: _if, actions: _actions, ...rest }) {
-  return /* @__PURE__ */ jsx(NativeSafeAreaView, { ...rest });
-}
-function StatusBar({ if: _if, actions: _actions, ...rest }) {
-  return /* @__PURE__ */ jsx(StatusBar$1, { ...rest });
-}
-
-// src/registry/ComponentRegistry.ts
-var BUILT_IN_TYPES = /* @__PURE__ */ new Set([
-  "text",
-  "view",
-  "scrollview",
-  "image",
-  "pressable",
-  "textinput",
-  "flatlist",
-  "modal",
-  "activityindicator",
-  "switch",
-  "keyboardavoidingview",
-  "safeareaview",
-  "statusbar"
-]);
-var BUILT_IN_COMPONENTS = /* @__PURE__ */ new Map([
-  ["text", Text],
-  ["view", View],
-  ["scrollview", ScrollView],
-  ["image", Image],
-  ["pressable", Pressable],
-  ["textinput", TextInput],
-  ["flatlist", FlatList],
-  ["modal", Modal],
-  ["activityindicator", ActivityIndicator],
-  ["switch", Switch],
-  ["keyboardavoidingview", KeyboardAvoidingView],
-  ["safeareaview", SafeAreaView],
-  ["statusbar", StatusBar]
-]);
-var ComponentRegistry = class {
-  constructor(developerComponents) {
-    this.components = new Map(BUILT_IN_COMPONENTS);
-    if (developerComponents) {
-      for (const [type, component] of Object.entries(developerComponents)) {
-        if (BUILT_IN_TYPES.has(type)) {
-          console.warn(
-            `[PushFrame] ComponentRegistry: "${type}" is a built-in type and cannot be overridden. Registration skipped.`
-          );
-          continue;
-        }
-        this.components.set(type, component);
-      }
-    }
-  }
-  /**
-   * Resolve a type string to its React component.
-   * Returns null if no component is registered for the type.
-   */
-  resolve(type) {
-    return this.components.get(type) ?? null;
-  }
-  /**
-   * Returns all registered type strings (useful for debugging).
-   */
-  types() {
-    return Array.from(this.components.keys());
-  }
-};
-var TYPE_COLORS = {
-  success: "#22c55e",
-  error: "#ef4444",
-  info: "#3b82f6",
-  warning: "#f59e0b"
-};
-var ToastHost = forwardRef(function ToastHost2(_props, ref) {
-  const [toast, setToast] = useState(null);
-  const opacity = useRef(new Animated.Value(0)).current;
-  const idRef = useRef(0);
-  const hide = useCallback(() => {
-    Animated.timing(opacity, {
-      toValue: 0,
-      duration: 200,
-      useNativeDriver: true
-    }).start(() => {
-      setToast(null);
-    });
-  }, [opacity]);
-  useEffect(() => {
-    if (!toast) return;
-    Animated.timing(opacity, {
-      toValue: 1,
-      duration: 200,
-      useNativeDriver: true
-    }).start();
-    const timer = setTimeout(() => {
-      hide();
-    }, toast.duration);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [toast, opacity, hide]);
-  useImperativeHandle(
-    ref,
-    () => ({
-      show(payload) {
-        idRef.current += 1;
-        setToast({
-          id: idRef.current,
-          message: payload.message,
-          duration: payload.duration ?? 3e3,
-          type: payload.type ?? "info"
-        });
-        opacity.setValue(0);
-      }
-    }),
-    [opacity]
-  );
-  if (!toast) return null;
-  const backgroundColor = TYPE_COLORS[toast.type ?? "info"] ?? TYPE_COLORS.info;
-  return /* @__PURE__ */ jsx(View$1, { style: styles.container, pointerEvents: "none", children: /* @__PURE__ */ jsx(Animated.View, { style: [styles.toast, { backgroundColor, opacity }], children: /* @__PURE__ */ jsx(Text$1, { style: styles.message, children: toast.message }) }) });
-});
-var styles = StyleSheet.create({
-  container: {
-    position: "absolute",
-    bottom: 60,
-    left: 16,
-    right: 16,
-    alignItems: "center",
-    zIndex: 9999
-  },
-  toast: {
-    paddingVertical: 12,
-    paddingHorizontal: 20,
-    borderRadius: 8,
-    maxWidth: 400,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.2,
-    shadowRadius: 4,
-    elevation: 6
-  },
-  message: {
-    color: "#fff",
-    fontSize: 14,
-    fontWeight: "500",
-    textAlign: "center"
-  }
-});
-var SCREEN_HEIGHT = Dimensions.get("window").height;
-var BottomSheetHost = forwardRef(
-  function BottomSheetHost2({ renderContent }, ref) {
-    const [visible, setVisible] = useState(false);
-    const [payload, setPayload] = useState(null);
-    const translateY = useRef(new Animated.Value(SCREEN_HEIGHT)).current;
-    const animateIn = useCallback(() => {
-      Animated.spring(translateY, {
-        toValue: 0,
-        useNativeDriver: true,
-        bounciness: 4
-      }).start();
-    }, [translateY]);
-    const animateOut = useCallback(
-      (onDone) => {
-        Animated.timing(translateY, {
-          toValue: SCREEN_HEIGHT,
-          duration: 250,
-          useNativeDriver: true
-        }).start(() => {
-          onDone?.();
-        });
-      },
-      [translateY]
-    );
-    useEffect(() => {
-      if (visible) {
-        translateY.setValue(SCREEN_HEIGHT);
-        animateIn();
-      }
-    }, [visible, translateY, animateIn]);
-    const dismiss = useCallback(() => {
-      animateOut(() => {
-        setVisible(false);
-        setPayload(null);
-      });
-    }, [animateOut]);
-    useImperativeHandle(
-      ref,
-      () => ({
-        show(p) {
-          setPayload(p);
-          setVisible(true);
-        },
-        dismiss() {
-          dismiss();
-        }
-      }),
-      [dismiss]
-    );
-    if (!visible || !payload) return null;
-    return /* @__PURE__ */ jsxs(
-      Modal$1,
-      {
-        visible,
-        transparent: true,
-        animationType: "none",
-        onRequestClose: dismiss,
-        statusBarTranslucent: true,
-        children: [
-          /* @__PURE__ */ jsx(Pressable$1, { style: styles2.backdrop, onPress: dismiss }),
-          /* @__PURE__ */ jsxs(Animated.View, { style: [styles2.sheet, { transform: [{ translateY }] }], children: [
-            /* @__PURE__ */ jsx(View$1, { style: styles2.handle }),
-            /* @__PURE__ */ jsx(View$1, { style: styles2.content, children: renderContent(payload.schema, payload.context) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-var styles2 = StyleSheet.create({
-  backdrop: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: "rgba(0,0,0,0.5)"
-  },
-  sheet: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    backgroundColor: "#fff",
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-    paddingBottom: 34,
-    // safe-area approximation
-    minHeight: 200,
-    maxHeight: "80%",
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: -4 },
-    shadowOpacity: 0.15,
-    shadowRadius: 12,
-    elevation: 20
-  },
-  handle: {
-    alignSelf: "center",
-    width: 36,
-    height: 4,
-    borderRadius: 2,
-    backgroundColor: "#d1d5db",
-    marginTop: 12,
-    marginBottom: 8
-  },
-  content: {
-    flex: 1,
-    paddingHorizontal: 16,
-    paddingTop: 8
-  }
-});
-
-// src/renderer/bindingResolver.ts
-var FULL_BINDING_RE = /^\{\{(.+)\}\}$/;
-var INLINE_BINDING_RE = /\{\{([^}]+)\}\}/g;
-function evaluateExpression(expr, context) {
-  try {
-    const keys = Object.keys(context);
-    const values = keys.map((k) => context[k]);
-    const fn = new Function(...keys, `"use strict"; try { return (${expr}); } catch(e) { return undefined; }`);
-    return fn(...values);
-  } catch {
-    return void 0;
-  }
-}
-function resolveValue(value, context) {
-  if (typeof value !== "string") {
-    return value;
-  }
-  const fullMatch = FULL_BINDING_RE.exec(value);
-  if (fullMatch?.[1] !== void 0) {
-    return evaluateExpression(fullMatch[1].trim(), context);
-  }
-  if (INLINE_BINDING_RE.test(value)) {
-    INLINE_BINDING_RE.lastIndex = 0;
-    return value.replace(INLINE_BINDING_RE, (_, expr) => {
-      const resolved = evaluateExpression(expr.trim(), context);
-      return resolved !== void 0 && resolved !== null ? String(resolved) : "";
-    });
-  }
-  return value;
-}
-function resolveProps(props, context) {
-  if (!props) return {};
-  const resolved = {};
-  for (const [key, value] of Object.entries(props)) {
-    resolved[key] = resolveDeep(value, context);
-  }
-  return resolved;
-}
-function resolveDeep(value, context) {
-  if (Array.isArray(value)) {
-    return value.map((item) => resolveDeep(item, context));
-  }
-  if (typeof value === "object" && value !== null) {
-    const result = {};
-    for (const [k, v] of Object.entries(value)) {
-      result[k] = resolveDeep(v, context);
-    }
-    return result;
-  }
-  return resolveValue(value, context);
-}
-
-// src/renderer/conditionalEvaluator.ts
-function evaluateIf(ifExpr, context) {
-  if (ifExpr === void 0 || ifExpr === null) return true;
-  if (typeof ifExpr !== "string") return Boolean(ifExpr);
-  const resolved = resolveValue(ifExpr, context);
-  return Boolean(resolved);
-}
-function buildActionProps(actions, context, dispatchAction) {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const action of actions) {
-    const existing = grouped.get(action.trigger);
-    if (existing) {
-      existing.push(action);
-    } else {
-      grouped.set(action.trigger, [action]);
-    }
-  }
-  const result = {};
-  for (const [trigger, triggerActions] of grouped) {
-    result[trigger] = (..._args) => {
-      for (const action of triggerActions) {
-        const resolvedPayload = action.payload !== void 0 ? resolveDeep(action.payload, context) : void 0;
-        dispatchAction(action.action, resolvedPayload);
-      }
-    };
-  }
-  return result;
-}
-function renderFlatListNode(node, context, registry, dispatchAction, fallbackComponent) {
-  const resolvedProps = resolveProps(node.props, context);
-  const actionProps = node.actions ? buildActionProps(node.actions, context, dispatchAction) : {};
-  const {
-    data: resolvedData,
-    items: resolvedItems,
-    keyExtractor: keyExtractorExpr,
-    direction,
-    numColumns,
-    visible: _visible,
-    _propValues: _pv,
-    ...restProps
-  } = resolvedProps;
-  const items = Array.isArray(resolvedData) ? resolvedData : Array.isArray(resolvedItems) ? resolvedItems : [];
-  let keyExtractorFn;
-  if (typeof keyExtractorExpr === "string") {
-    const extractorExpr = keyExtractorExpr;
-    keyExtractorFn = (item, index) => {
-      const itemContext = { ...context, item, index };
-      const resolved = resolveValue(extractorExpr, itemContext);
-      return resolved !== void 0 && resolved !== null ? String(resolved) : String(index);
-    };
-  }
-  const renderItemFn = ({ item, index }) => {
-    const itemContext = { ...context, item, index };
-    return /* @__PURE__ */ jsx(
-      RecursiveRenderer,
-      {
-        node: node.itemTemplate,
-        context: itemContext,
-        registry,
-        dispatchAction,
-        fallbackComponent
-      },
-      keyExtractorFn ? keyExtractorFn(item, index) : index
-    );
-  };
-  const FlatListComponent = registry.resolve("flatlist");
-  if (!FlatListComponent) {
-    console.warn('[PushFrame] RecursiveRenderer: "flatlist" not found in registry.');
-    return fallbackComponent ? fallbackComponent : null;
-  }
-  return React4.createElement(FlatListComponent, {
-    ...restProps,
-    ...actionProps,
-    items,
-    direction,
-    numColumns,
-    keyExtractor: keyExtractorFn,
-    renderItem: renderItemFn
-  });
-}
-function RecursiveRenderer({
-  node,
-  context,
-  registry,
-  dispatchAction,
-  fallbackComponent
-}) {
-  if (!evaluateIf(node.if, context)) {
-    return null;
-  }
-  if (node.type === "flatlist") {
-    return renderFlatListNode(
-      node,
-      context,
-      registry,
-      dispatchAction,
-      fallbackComponent
-    );
-  }
-  const resolvedProps = resolveProps(node.props, context);
-  if (resolvedProps.visible !== void 0 && !resolvedProps.visible) {
-    return null;
-  }
-  const {
-    visible: _visible,
-    _propValues: propValuesRaw,
-    ...propsToForward
-  } = resolvedProps;
-  const propValues = propValuesRaw;
-  const childContext = propValues && Object.keys(propValues).length > 0 ? { ...context, ...propValues } : context;
-  const actionProps = node.actions ? buildActionProps(node.actions, context, dispatchAction) : {};
-  const Component = registry.resolve(node.type);
-  if (!Component) {
-    console.warn(
-      `[PushFrame] RecursiveRenderer: Unknown component type "${node.type}". Registered types: ${registry.types().join(", ")}`
-    );
-    return fallbackComponent ? fallbackComponent : null;
-  }
-  const children = node.children && node.children.length > 0 ? node.children.map((child, index) => /* @__PURE__ */ jsx(
-    RecursiveRenderer,
-    {
-      node: child,
-      context: childContext,
-      registry,
-      dispatchAction,
-      fallbackComponent
-    },
-    `${child.type}-${index}`
-  )) : void 0;
-  return React4.createElement(Component, {
-    ...propsToForward,
-    ...actionProps,
-    children
-  });
-}
-var DEFAULT_BASE_URL = "https://api.pushframe.io";
-function PushFrameProvider({
-  apiKey,
-  context = {},
-  baseUrl = DEFAULT_BASE_URL,
-  appVersion,
-  components,
-  loadingComponent,
-  fallbackComponent,
-  onAction,
-  onError,
-  children
-}) {
-  const registry = useMemo(
-    () => new ComponentRegistry(components),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  const toastRef = useRef(null);
-  const bottomSheetRef = useRef(null);
-  const showToast = useCallback((payload) => {
-    toastRef.current?.show(payload);
-  }, []);
-  const showBottomSheet = useCallback((payload) => {
-    bottomSheetRef.current?.show(payload);
-  }, []);
-  const dismissBottomSheet = useCallback(() => {
-    bottomSheetRef.current?.dismiss();
-  }, []);
-  const renderBottomSheetContent = useCallback(
-    (schema, sheetContext) => {
-      const mergedContext = sheetContext ? { ...context, ...sheetContext } : context;
-      const dispatchAction = (action, payload) => {
-        if (action === "dismiss-bottom-sheet") {
-          dismissBottomSheet();
-          return;
-        }
-        if (action === "show-toast") {
-          showToast(payload);
-          return;
-        }
-        onAction?.(action, payload);
-      };
-      return /* @__PURE__ */ jsx(
-        RecursiveRenderer,
-        {
-          node: schema,
-          context: mergedContext,
-          registry,
-          dispatchAction,
-          fallbackComponent
-        }
-      );
-    },
-    [context, registry, fallbackComponent, onAction, dismissBottomSheet, showToast]
-  );
-  const contextValue = useMemo(
-    () => ({
-      apiKey,
-      baseUrl,
-      appVersion,
-      globalContext: context,
-      registry,
-      loadingComponent,
-      fallbackComponent,
-      onAction,
-      onError,
-      showToast,
-      showBottomSheet,
-      dismissBottomSheet
-    }),
-    [
-      apiKey,
-      baseUrl,
-      appVersion,
-      context,
-      registry,
-      loadingComponent,
-      fallbackComponent,
-      onAction,
-      onError,
-      showToast,
-      showBottomSheet,
-      dismissBottomSheet
-    ]
-  );
-  return /* @__PURE__ */ jsxs(PushFrameContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx(ToastHost, { ref: toastRef }),
-    /* @__PURE__ */ jsx(BottomSheetHost, { ref: bottomSheetRef, renderContent: renderBottomSheetContent })
-  ] });
-}
-async function fetchSchema(baseUrl, apiKey, path) {
-  const url = new URL(path, baseUrl + "/").toString();
-  const headers = {
-    Accept: "application/json",
-    Authorization: `Bearer ${apiKey}`,
-    "x-project-key": apiKey
-  };
-  const res = await fetch(url, { headers });
-  if (!res.ok) {
-    throw new Error(`[PushFrame] HTTP ${res.status} fetching "${path}"`);
-  }
-  const envelope = await res.json();
-  return envelope.schema ?? envelope;
-}
-function PushFrameComponentInternal({
-  id,
-  resourceType,
-  context: slotContext,
-  isLoading: externalLoading,
-  loadingComponent: slotLoading,
-  fallbackComponent: slotFallback,
-  onAction: slotOnAction,
-  fullscreen
-}) {
-  const {
-    apiKey,
-    baseUrl,
-    appVersion,
-    globalContext,
-    registry,
-    loadingComponent: providerLoading,
-    fallbackComponent: providerFallback,
-    onAction: providerOnAction,
-    onError,
-    showToast,
-    showBottomSheet,
-    dismissBottomSheet
-  } = usePushFrameContext();
-  const [schema, setSchema] = useState(null);
-  const [fetchError, setFetchError] = useState(null);
-  const [isFetching, setIsFetching] = useState(true);
-  const fetchPath = `${resourceType}/${encodeURIComponent(id)}/${encodeURIComponent(appVersion ?? "null")}`;
-  const mergedContext = slotContext ? { ...globalContext, ...slotContext } : globalContext;
-  const loadingUI = slotLoading !== void 0 ? slotLoading : providerLoading;
-  const fallbackUI = slotFallback !== void 0 ? slotFallback : providerFallback;
-  useEffect(() => {
-    let cancelled = false;
-    setSchema(null);
-    setFetchError(null);
-    setIsFetching(true);
-    fetchSchema(baseUrl, apiKey, fetchPath).then((s) => {
-      if (!cancelled) {
-        setSchema(s);
-        setIsFetching(false);
-      }
-    }).catch((err) => {
-      if (!cancelled) {
-        const error = err instanceof Error ? err : new Error(String(err));
-        setFetchError(error);
-        setIsFetching(false);
-        onError?.(error);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [fetchPath, baseUrl, apiKey, onError]);
-  const dispatchAction = useCallback(
-    (action, payload) => {
-      if (action === "show-toast") {
-        showToast(payload);
-        return;
-      }
-      if (action === "show-bottom-sheet") {
-        showBottomSheet(payload);
-        return;
-      }
-      if (action === "dismiss-bottom-sheet") {
-        dismissBottomSheet();
-        return;
-      }
-      if (action === "scroll-to") {
-        return;
-      }
-      const stopped = slotOnAction?.(action, payload);
-      if (stopped) return;
-      providerOnAction?.(action, payload);
-    },
-    [showToast, showBottomSheet, dismissBottomSheet, slotOnAction, providerOnAction]
-  );
-  const isShowingLoader = externalLoading || isFetching;
-  if (isShowingLoader) {
-    return loadingUI ?? null;
-  }
-  if (fetchError || !schema) {
-    return fallbackUI ?? null;
-  }
-  const rendered = /* @__PURE__ */ jsx(
-    RecursiveRenderer,
-    {
-      node: schema,
-      context: mergedContext,
-      registry,
-      dispatchAction,
-      fallbackComponent: fallbackUI
-    }
-  );
-  if (fullscreen) {
-    return /* @__PURE__ */ jsx(Fragment, { children: rendered });
-  }
-  return rendered;
-}
-function PushFrameComponent(props) {
-  return /* @__PURE__ */ jsx(PushFrameComponentInternal, { ...props, resourceType: "components" });
-}
-function PushFrameScreen(props) {
-  return /* @__PURE__ */ jsx(View$1, { style: styles3.container, children: /* @__PURE__ */ jsx(PushFrameComponentInternal, { ...props, resourceType: "screens", fullscreen: true }) });
-}
-var styles3 = StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/transformer/index.ts
-var BRIDGE_KEYS = /* @__PURE__ */ new Set([
-  "_schemaId",
-  "_schemaType",
-  "_schemaActions",
-  "_schemaIf",
-  "_schemaRenderItem"
-]);
-var ALIGN_MAP = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  stretch: "stretch",
-  baseline: "baseline"
-};
-var DISTRIBUTE_MAP = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  "space-between": "space-between",
-  "space-around": "space-around",
-  "space-evenly": "space-evenly"
-};
-var FIT_TO_RESIZE_MODE = {
-  cover: "cover",
-  contain: "contain",
-  fill: "stretch",
-  // RN uses 'stretch', not 'fill'
-  center: "center"
-};
-var FONT_WEIGHT_MAP = {
-  regular: "400",
-  medium: "500",
-  semibold: "600",
-  bold: "700"
-};
-var TEXT_STYLE_PRESETS = {
-  "heading-1": { fontSize: 28, fontWeight: "700" },
-  "heading-2": { fontSize: 22, fontWeight: "700" },
-  "heading-3": { fontSize: 18, fontWeight: "600" },
-  "body": { fontSize: 16, fontWeight: "400" },
-  "body-sm": { fontSize: 14, fontWeight: "400" },
-  "caption": { fontSize: 12, fontWeight: "400" },
-  "label": { fontSize: 13, fontWeight: "500" },
-  "overline": { fontSize: 11, fontWeight: "500", textTransform: "uppercase", letterSpacing: 0.8 }
-};
-var INPUT_TYPE_MAP = {
-  text: { keyboardType: "default", secureTextEntry: false, autoCapitalize: "sentences", autoCorrect: true },
-  email: { keyboardType: "email-address", secureTextEntry: false, autoCapitalize: "none", autoCorrect: false },
-  password: { keyboardType: "default", secureTextEntry: true, autoCapitalize: "none", autoCorrect: false },
-  number: { keyboardType: "numeric", secureTextEntry: false, autoCapitalize: "none", autoCorrect: false },
-  decimal: { keyboardType: "decimal-pad", secureTextEntry: false, autoCapitalize: "none", autoCorrect: false },
-  phone: { keyboardType: "phone-pad", secureTextEntry: false, autoCapitalize: "none", autoCorrect: false },
-  url: { keyboardType: "url", secureTextEntry: false, autoCapitalize: "none", autoCorrect: false },
-  search: { keyboardType: "default", secureTextEntry: false, autoCapitalize: "none", autoCorrect: false }
-};
-function stripBridgeKeys(props) {
-  const out = {};
-  for (const k in props) {
-    if (!BRIDGE_KEYS.has(k)) out[k] = props[k];
-  }
-  return out;
-}
-function extractMeta(raw) {
-  return {
-    actions: raw._schemaActions,
-    condition: raw._schemaIf
-  };
-}
-function resolveSizeModeRN(value, axis, out, parentDirection) {
-  if (value === void 0) return;
-  if (value === "fill") {
-    const isMainAxis = parentDirection === "vertical" && axis === "height" || parentDirection === "horizontal" && axis === "width";
-    if (isMainAxis) {
-      out.flex = 1;
-    } else {
-      out.alignSelf = "stretch";
-    }
-  } else if (value === "hug") {
-    out.alignSelf = "flex-start";
-  } else {
-    out[axis] = value;
-  }
-}
-function resolvePaddingRN(padding) {
-  if (padding === void 0) return {};
-  if (typeof padding === "number") return { padding };
-  const { top, right, bottom, left } = padding;
-  if (top === bottom && left === right && top !== void 0 && left !== void 0) {
-    return { paddingVertical: top, paddingHorizontal: left };
-  }
-  return {
-    ...top !== void 0 ? { paddingTop: top } : {},
-    ...right !== void 0 ? { paddingRight: right } : {},
-    ...bottom !== void 0 ? { paddingBottom: bottom } : {},
-    ...left !== void 0 ? { paddingLeft: left } : {}
-  };
-}
-function resolveRadiusRN(radius) {
-  if (radius === void 0) return {};
-  if (typeof radius === "number") return { borderRadius: radius };
-  return {
-    ...radius.tl !== void 0 ? { borderTopLeftRadius: radius.tl } : {},
-    ...radius.tr !== void 0 ? { borderTopRightRadius: radius.tr } : {},
-    ...radius.br !== void 0 ? { borderBottomRightRadius: radius.br } : {},
-    ...radius.bl !== void 0 ? { borderBottomLeftRadius: radius.bl } : {}
-  };
-}
-function resolveBorderRN(border) {
-  if (!border) return {};
-  const out = {};
-  if (border.style) out.borderStyle = border.style;
-  if (border.color) out.borderColor = border.color;
-  if (border.widths) {
-    const w = border.widths;
-    if (w.top !== void 0) out.borderTopWidth = w.top;
-    if (w.right !== void 0) out.borderRightWidth = w.right;
-    if (w.bottom !== void 0) out.borderBottomWidth = w.bottom;
-    if (w.left !== void 0) out.borderLeftWidth = w.left;
-  } else if (border.width !== void 0) {
-    out.borderWidth = border.width;
-  }
-  return out;
-}
-function resolveShadowRN(shadow) {
-  if (!shadow) return {};
-  return {
-    shadowColor: shadow.color,
-    shadowOffset: { width: shadow.offsetX, height: shadow.offsetY },
-    shadowRadius: shadow.blur,
-    shadowOpacity: shadow.opacity,
-    elevation: Math.round(shadow.blur / 2)
-  };
-}
-function resolveTransformRN(props) {
-  const transforms = [];
-  if (props.rotate !== void 0 && props.rotate !== 0) transforms.push({ rotate: `${props.rotate}deg` });
-  if (props.scale !== void 0 && props.scale !== 1) transforms.push({ scale: props.scale });
-  if (props.translateX !== void 0 && props.translateX !== 0) transforms.push({ translateX: props.translateX });
-  if (props.translateY !== void 0 && props.translateY !== 0) transforms.push({ translateY: props.translateY });
-  return transforms.length ? { transform: transforms } : {};
-}
-function resolvePositionRN(props) {
-  const out = {};
-  if (props.position) out.position = props.position;
-  if (props.position === "absolute") {
-    if (props.top !== void 0) out.top = props.top;
-    if (props.right !== void 0) out.right = props.right;
-    if (props.bottom !== void 0) out.bottom = props.bottom;
-    if (props.left !== void 0) out.left = props.left;
-  }
-  if (props.zIndex !== void 0) out.zIndex = props.zIndex;
-  return out;
-}
-function resolveAccessibilityProps(props) {
-  const out = {};
-  if (props.accessible !== void 0) out.accessible = props.accessible;
-  if (props.accessibilityLabel) out.accessibilityLabel = props.accessibilityLabel;
-  if (props.accessibilityRole) out.accessibilityRole = props.accessibilityRole;
-  if (props.testID) out.testID = props.testID;
-  return out;
-}
-function buildFrameStyle(props, parentDirection) {
-  const style = {};
-  const frameType = props.type ?? "stack";
-  if (frameType === "grid") {
-    if (props.align) style.alignItems = ALIGN_MAP[props.align] ?? props.align;
-  } else {
-    style.flexDirection = props.direction === "horizontal" ? "row" : "column";
-    if (props.align) style.alignItems = ALIGN_MAP[props.align] ?? props.align;
-    if (props.distribute) style.justifyContent = DISTRIBUTE_MAP[props.distribute] ?? props.distribute;
-    if (props.gap !== void 0 && props.gap !== 0) style.gap = props.gap;
-    if (props.wrap === "yes") style.flexWrap = "wrap";
-  }
-  resolveSizeModeRN(props.width, "width", style, parentDirection);
-  resolveSizeModeRN(props.height, "height", style, parentDirection);
-  if (props.minWidth !== void 0) style.minWidth = props.minWidth;
-  if (props.maxWidth !== void 0) style.maxWidth = props.maxWidth;
-  if (props.minHeight !== void 0) style.minHeight = props.minHeight;
-  if (props.maxHeight !== void 0) style.maxHeight = props.maxHeight;
-  if (props.aspectRatio !== void 0) style.aspectRatio = props.aspectRatio;
-  Object.assign(style, resolvePaddingRN(props.padding));
-  if (props.fill && props.fill !== "transparent") style.backgroundColor = props.fill;
-  Object.assign(style, resolveRadiusRN(props.radius));
-  Object.assign(style, resolveBorderRN(props.border));
-  Object.assign(style, resolveShadowRN(props.shadow));
-  if (props.opacity !== void 0) style.opacity = props.opacity / 100;
-  if (props.overflow === true) style.overflow = "hidden";
-  Object.assign(style, resolvePositionRN(props));
-  Object.assign(style, resolveTransformRN(props));
-  return style;
-}
-function splitFrameStyle(style) {
-  const OUTER_KEYS = /* @__PURE__ */ new Set([
-    "flex",
-    "alignSelf",
-    "width",
-    "height",
-    "minWidth",
-    "maxWidth",
-    "minHeight",
-    "maxHeight",
-    "aspectRatio",
-    "position",
-    "top",
-    "right",
-    "bottom",
-    "left",
-    "zIndex",
-    "transform"
-  ]);
-  const outer = {};
-  const inner = {};
-  for (const [k, v] of Object.entries(style)) {
-    if (OUTER_KEYS.has(k)) outer[k] = v;
-    else inner[k] = v;
-  }
-  return { outer, inner };
-}
-function splitScrollStyle(style) {
-  const CONTENT_KEYS = /* @__PURE__ */ new Set([
-    "flexDirection",
-    "justifyContent",
-    "alignItems",
-    "flexWrap",
-    "gap",
-    "padding",
-    "paddingTop",
-    "paddingRight",
-    "paddingBottom",
-    "paddingLeft",
-    "paddingVertical",
-    "paddingHorizontal"
-  ]);
-  const containerStyle = {};
-  const contentStyle = {};
-  for (const [k, v] of Object.entries(style)) {
-    if (CONTENT_KEYS.has(k)) contentStyle[k] = v;
-    else containerStyle[k] = v;
-  }
-  return { containerStyle, contentStyle };
-}
-function safeAreaEdges(safeArea) {
-  if (!safeArea) return [];
-  return Object.entries(safeArea).filter(([, v]) => v === true).map(([edge]) => edge);
-}
-function transformScreen(id, raw, children) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const edges = safeAreaEdges(props.safeArea);
-  const hasSafeArea = edges.length > 0;
-  const vis = props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {};
-  const style = { flex: 1 };
-  if (props.backgroundColor) style.backgroundColor = props.backgroundColor;
-  let content;
-  if (props.scrollable) {
-    const paddingStyle = resolvePaddingRN(props.padding);
-    const scrollNode = {
-      id: `${id}__scroll`,
-      type: "scrollview",
-      props: {
-        style: { flex: 1 },
-        ...Object.keys(paddingStyle).length ? { contentContainerStyle: paddingStyle } : {},
-        showsVerticalScrollIndicator: false,
-        showsHorizontalScrollIndicator: false
-      },
-      children
-    };
-    content = [scrollNode];
-  } else {
-    Object.assign(style, resolvePaddingRN(props.padding));
-    content = children;
-  }
-  const statusBar = props.statusBarStyle && props.statusBarStyle !== "dark" ? { statusBarStyle: props.statusBarStyle } : {};
-  const node = {
-    id,
-    type: hasSafeArea ? "safeareaview" : "view",
-    props: {
-      style,
-      ...hasSafeArea ? { edges } : {},
-      ...statusBar,
-      ...vis
-    },
-    children: content
-  };
-  if (condition !== void 0) node.if = condition;
-  if (actions) node.actions = actions;
-  return node;
-}
-function transformFrame(id, raw, children, parentDirection) {
-  const { actions, condition } = extractMeta(raw);
-  const p = stripBridgeKeys(raw);
-  const isGrid = (p.type ?? "stack") === "grid";
-  const isScrollable = p.scrollable === true;
-  const isPressable = p.pressable === true;
-  const direction = p.direction === "horizontal" ? "horizontal" : "vertical";
-  const edges = safeAreaEdges(p.safeArea);
-  const hasSafeArea = edges.length > 0;
-  const access = resolveAccessibilityProps(p);
-  const vis = p.visible !== void 0 && p.visible !== true ? { visible: p.visible } : {};
-  const fullStyle = buildFrameStyle(p, parentDirection);
-  const { outer: sizingStyle, inner: appearanceStyle } = splitFrameStyle(fullStyle);
-  const { containerStyle: scrollOuter, contentStyle: scrollContent } = splitScrollStyle(fullStyle);
-  function finalize(node) {
-    if (condition !== void 0) node.if = condition;
-    if (actions && node.type === "pressable") node.actions = actions;
-    else if (actions && !isPressable) node.actions = actions;
-    return node;
-  }
-  if (isGrid) {
-    const gridStyle = { ...fullStyle, flexDirection: "row", flexWrap: "wrap" };
-    delete gridStyle.gap;
-    if (p.columnGap !== void 0) gridStyle.columnGap = p.columnGap;
-    if (p.rowGap !== void 0) gridStyle.rowGap = p.rowGap;
-    const gridView = {
-      id: hasSafeArea || isPressable ? `${id}__grid` : id,
-      type: "view",
-      props: {
-        ...Object.keys(gridStyle).length ? { style: gridStyle } : {},
-        numColumns: p.columns ?? 2,
-        ...access,
-        ...hasSafeArea || isPressable ? {} : vis
-      },
-      children
-    };
-    if (!hasSafeArea && !isPressable) return finalize(gridView);
-    let inner = gridView;
-    if (hasSafeArea) {
-      inner = {
-        id: isPressable ? `${id}__sav` : id,
-        type: "safeareaview",
-        props: { edges, ...isPressable ? {} : vis },
-        children: [gridView]
-      };
-    }
-    if (!isPressable) return finalize(inner);
-    return finalize({
-      id,
-      type: "pressable",
-      props: {
-        ...Object.keys(sizingStyle).length ? { style: sizingStyle } : {},
-        ...actions ? { actions } : {},
-        ...vis
-      },
-      children: [inner]
-    });
-  }
-  if (isScrollable) {
-    const scrollNode = {
-      id: hasSafeArea || isPressable ? `${id}__scroll` : id,
-      type: "scrollview",
-      props: {
-        ...Object.keys(scrollOuter).length ? { style: scrollOuter } : {},
-        ...Object.keys(scrollContent).length ? { contentContainerStyle: scrollContent } : {},
-        horizontal: direction === "horizontal",
-        showsHorizontalScrollIndicator: p.showScrollIndicator === true,
-        showsVerticalScrollIndicator: p.showScrollIndicator === true,
-        ...access,
-        ...hasSafeArea || isPressable ? {} : vis
-      },
-      children
-    };
-    if (!hasSafeArea && !isPressable) return finalize(scrollNode);
-    let inner = scrollNode;
-    if (hasSafeArea) {
-      inner = {
-        id: isPressable ? `${id}__sav` : id,
-        type: "safeareaview",
-        props: {
-          edges,
-          ...Object.keys(sizingStyle).length ? { style: sizingStyle } : {},
-          ...isPressable ? {} : vis
-        },
-        children: [scrollNode]
-      };
-    }
-    if (!isPressable) return finalize(inner);
-    return finalize({
-      id,
-      type: "pressable",
-      props: {
-        ...Object.keys(sizingStyle).length ? { style: sizingStyle } : {},
-        ...actions ? { actions } : {},
-        ...vis
-      },
-      children: [inner]
-    });
-  }
-  if (!isPressable && !hasSafeArea) {
-    return finalize({
-      id,
-      type: "view",
-      props: {
-        ...Object.keys(fullStyle).length ? { style: fullStyle } : {},
-        ...access,
-        ...vis
-      },
-      children
-    });
-  }
-  if (!isPressable && hasSafeArea) {
-    return finalize({
-      id,
-      type: "safeareaview",
-      props: {
-        edges,
-        ...Object.keys(fullStyle).length ? { style: fullStyle } : {},
-        ...access,
-        ...vis
-      },
-      children
-    });
-  }
-  const innerNode = hasSafeArea ? {
-    id: `${id}__sav`,
-    type: "safeareaview",
-    props: {
-      edges,
-      ...Object.keys(appearanceStyle).length ? { style: appearanceStyle } : {},
-      ...access
-    },
-    children
-  } : {
-    id: `${id}__content`,
-    type: "view",
-    props: {
-      ...Object.keys(appearanceStyle).length ? { style: appearanceStyle } : {},
-      ...access
-    },
-    children
-  };
-  return finalize({
-    id,
-    type: "pressable",
-    props: {
-      ...Object.keys(sizingStyle).length ? { style: sizingStyle } : {},
-      ...actions ? { actions } : {},
-      ...vis
-    },
-    children: [innerNode]
-  });
-}
-function transformText(id, raw, parentDirection) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const style = {};
-  if (props.textStyle) {
-    const preset = TEXT_STYLE_PRESETS[props.textStyle];
-    if (preset) {
-      style.fontSize = preset.fontSize;
-      style.fontWeight = preset.fontWeight;
-      if (preset.lineHeight !== void 0) style.lineHeight = preset.lineHeight;
-      if (preset.textTransform) style.textTransform = preset.textTransform;
-      if (preset.letterSpacing !== void 0) style.letterSpacing = preset.letterSpacing;
-    }
-  }
-  if (props.color) style.color = props.color;
-  if (props.fontSize !== void 0) style.fontSize = props.fontSize;
-  if (props.fontWeight) style.fontWeight = FONT_WEIGHT_MAP[props.fontWeight] ?? props.fontWeight;
-  if (props.fontFamily) style.fontFamily = props.fontFamily;
-  if (props.fontStyle) style.fontStyle = props.fontStyle;
-  if (props.lineHeight !== void 0) style.lineHeight = props.lineHeight;
-  if (props.letterSpacing !== void 0) style.letterSpacing = props.letterSpacing;
-  if (props.align) style.textAlign = props.align;
-  if (props.transform && props.transform !== "none") style.textTransform = props.transform;
-  if (props.decoration && props.decoration !== "none") style.textDecorationLine = props.decoration;
-  if (props.opacity !== void 0) style.opacity = props.opacity / 100;
-  Object.assign(style, resolvePositionRN(props));
-  resolveSizeModeRN(props.width, "width", style, parentDirection);
-  const textProps = {};
-  if (typeof props.truncate === "number" && props.truncate > 0) {
-    textProps.numberOfLines = props.truncate;
-    textProps.ellipsizeMode = "tail";
-  }
-  if (props.adjustFontSize === true) {
-    textProps.adjustsFontSizeToFit = true;
-    if (props.minFontSize !== void 0) textProps.minimumFontScale = props.minFontSize;
-  }
-  if (props.selectable !== void 0) textProps.selectable = props.selectable;
-  const node = {
-    id,
-    type: "text",
-    props: {
-      // SDK contract: text content lives in the `value` prop.
-      // The Craft editor stores text in `content`; map it to `value` here.
-      value: props.content ?? "",
-      ...Object.keys(style).length ? { style } : {},
-      ...textProps,
-      ...resolveAccessibilityProps(props),
-      ...props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {}
-    }
-  };
-  if (condition !== void 0) node.if = condition;
-  if (actions) node.actions = actions;
-  return node;
-}
-function transformImage(id, raw, children, parentDirection) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const style = {};
-  resolveSizeModeRN(props.width, "width", style, parentDirection);
-  resolveSizeModeRN(props.height, "height", style, parentDirection);
-  if (props.aspectRatio !== void 0) style.aspectRatio = props.aspectRatio;
-  Object.assign(style, resolveRadiusRN(props.radius));
-  if (props.opacity !== void 0) style.opacity = props.opacity / 100;
-  Object.assign(style, resolvePositionRN(props));
-  const imageProps = {};
-  if (props.src) imageProps.source = { uri: props.src };
-  if (props.placeholder) imageProps.defaultSource = { uri: props.placeholder };
-  if (props.fallback) imageProps.fallback = { uri: props.fallback };
-  imageProps.resizeMode = FIT_TO_RESIZE_MODE[props.fit ?? "cover"] ?? "cover";
-  if (props.background === true) imageProps.background = true;
-  if (props.decorative) {
-    imageProps.accessible = false;
-    imageProps.accessibilityElementsHidden = true;
-  } else if (props.alt) {
-    imageProps.accessible = true;
-    imageProps.accessibilityLabel = props.alt;
-  }
-  if (props.testID) imageProps.testID = props.testID;
-  const node = {
-    id,
-    type: "image",
-    props: {
-      ...Object.keys(style).length ? { style } : {},
-      ...imageProps,
-      ...props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {}
-    },
-    ...props.background === true && children.length ? { children } : {}
-  };
-  if (condition !== void 0) node.if = condition;
-  if (actions) node.actions = actions;
-  return node;
-}
-function transformInput(id, raw, parentDirection) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const style = {};
-  resolveSizeModeRN(props.width ?? "fill", "width", style, parentDirection);
-  Object.assign(style, resolvePaddingRN(props.padding));
-  if (props.opacity !== void 0) style.opacity = props.opacity / 100;
-  Object.assign(style, resolvePositionRN(props));
-  const inputTypeDefaults = INPUT_TYPE_MAP[props.inputType ?? "text"] ?? INPUT_TYPE_MAP.text;
-  const node = {
-    id,
-    type: "textinput",
-    props: {
-      ...Object.keys(style).length ? { style } : {},
-      ...props.label !== void 0 ? { label: props.label } : {},
-      ...props.placeholder !== void 0 ? { placeholder: props.placeholder } : {},
-      ...props.value !== void 0 ? { value: props.value } : {},
-      ...props.helperText !== void 0 ? { helperText: props.helperText } : {},
-      ...props.errorText !== void 0 ? { errorText: props.errorText } : {},
-      ...inputTypeDefaults,
-      ...props.autoCapitalize ? { autoCapitalize: props.autoCapitalize } : {},
-      returnKeyType: props.returnKey ?? "done",
-      multiline: props.multiline ?? false,
-      ...props.multiline && props.minLines ? { numberOfLines: props.minLines } : {},
-      ...props.multiline && props.maxLines ? { maxNumberOfLines: props.maxLines } : {},
-      variant: props.variant ?? "outline",
-      size: props.size ?? "md",
-      ...props.leadingIcon ? { leadingIcon: props.leadingIcon } : {},
-      ...props.trailingIcon ? { trailingIcon: props.trailingIcon } : {},
-      ...resolveAccessibilityProps(props),
-      ...props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {}
-    }
-  };
-  if (condition !== void 0) node.if = condition;
-  if (actions) node.actions = actions;
-  return node;
-}
-function transformList(id, raw, children, parentDirection) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const listType = props.type ?? "stack";
-  const direction = props.direction === "horizontal" ? "horizontal" : "vertical";
-  const edges = safeAreaEdges(props.safeArea);
-  const hasSafeArea = edges.length > 0;
-  const vis = props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {};
-  const fullStyle = buildFrameStyle(props, parentDirection);
-  const { containerStyle, contentStyle } = splitScrollStyle(fullStyle);
-  let itemTemplate;
-  if (children.length === 1) {
-    itemTemplate = children[0];
-  } else if (children.length > 1) {
-    itemTemplate = { id: `${id}__template`, type: "view", props: {}, children };
-  }
-  const flatlistNode = {
-    id: hasSafeArea ? `${id}__list` : id,
-    type: "flatlist",
-    props: {
-      ...Object.keys(containerStyle).length ? { style: containerStyle } : {},
-      ...Object.keys(contentStyle).length ? { contentContainerStyle: contentStyle } : {},
-      // `data` holds the binding expression for the list items array.
-      // RecursiveRenderer resolves it and passes items to the FlatList primitive.
-      data: props.data,
-      keyExtractor: props.keyExtractor ?? "id",
-      ...listType === "grid" ? { numColumns: props.columns ?? 2 } : {},
-      ...listType === "grid" && props.columnGap ? { columnGap: props.columnGap } : {},
-      ...listType === "grid" && props.rowGap ? { rowGap: props.rowGap } : {},
-      horizontal: direction === "horizontal",
-      showsHorizontalScrollIndicator: props.showScrollIndicator === true,
-      showsVerticalScrollIndicator: props.showScrollIndicator === true,
-      ...resolveAccessibilityProps(props),
-      ...hasSafeArea ? {} : vis
-    },
-    ...itemTemplate ? { itemTemplate } : {}
-  };
-  if (!hasSafeArea) {
-    if (condition !== void 0) flatlistNode.if = condition;
-    if (actions) flatlistNode.actions = actions;
-    return flatlistNode;
-  }
-  const { outer: sizingStyle } = splitFrameStyle(fullStyle);
-  const savNode = {
-    id,
-    type: "safeareaview",
-    props: {
-      edges,
-      ...Object.keys(sizingStyle).length ? { style: sizingStyle } : {},
-      ...vis
-    },
-    children: [flatlistNode]
-  };
-  if (condition !== void 0) savNode.if = condition;
-  if (actions) savNode.actions = actions;
-  return savNode;
-}
-function transformIcon(id, raw) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const style = {};
-  if (props.opacity !== void 0) style.opacity = props.opacity / 100;
-  Object.assign(style, resolvePositionRN(props));
-  const node = {
-    id,
-    type: "icon",
-    props: {
-      name: props.name,
-      set: props.set ?? "default",
-      size: props.size ?? 24,
-      ...props.color ? { color: props.color } : {},
-      ...Object.keys(style).length ? { style } : {},
-      ...resolveAccessibilityProps(props),
-      ...props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {}
-    }
-  };
-  if (condition !== void 0) node.if = condition;
-  if (actions) node.actions = actions;
-  return node;
-}
-function buildNodeFromSchema(nodeId, schema, customComponents, visited, parentId) {
-  if (visited.has(nodeId)) {
-    throw new Error(`Circular reference detected at node ${nodeId}`);
-  }
-  visited.add(nodeId);
-  const node = schema[nodeId];
-  if (!node) throw new Error(`Node not found: ${nodeId}`);
-  const resolvedName = node.type?.resolvedName;
-  if (!resolvedName) throw new Error(`Invalid node type at ${nodeId}`);
-  const raw = node.props ?? {};
-  const parentDirection = parentId ? schema[parentId]?.props?.["direction"] === "horizontal" ? "horizontal" : "vertical" : "vertical";
-  const outputId = nodeId === "ROOT" ? "root" : nodeId;
-  const childNodes = (node.nodes ?? []).map(
-    (childId) => buildNodeFromSchema(childId, schema, customComponents, visited, nodeId)
-  );
-  switch (resolvedName) {
-    case "PF.Screen":
-      return transformScreen(outputId, raw, childNodes);
-    case "PF.Frame":
-      return transformFrame(outputId, raw, childNodes, parentDirection);
-    case "PF.Text":
-      return transformText(outputId, raw, parentDirection);
-    case "PF.Image":
-      return transformImage(outputId, raw, childNodes, parentDirection);
-    case "PF.Input":
-      return transformInput(outputId, raw, parentDirection);
-    case "PF.List":
-      return transformList(outputId, raw, childNodes, parentDirection);
-    case "PF.Icon":
-      return transformIcon(outputId, raw);
-    case "Component":
-      return resolveCustomComponent(outputId, raw, parentDirection, customComponents);
-    default:
-      return { id: outputId, type: "view", props: {}, children: childNodes };
-  }
-}
-function resolveCustomComponent(id, raw, parentDirection, customComponents) {
-  const { actions, condition } = extractMeta(raw);
-  const props = stripBridgeKeys(raw);
-  const { componentId, componentKey, propValues, ...frameProps } = props;
-  const key = componentKey ?? componentId;
-  const def = key ? customComponents[key] : void 0;
-  const wrapperStyle = buildFrameStyle(frameProps, parentDirection);
-  const vis = props.visible !== void 0 && props.visible !== true ? { visible: props.visible } : {};
-  if (!def) {
-    return {
-      id,
-      type: "view",
-      props: { ...Object.keys(wrapperStyle).length ? { style: wrapperStyle } : {}, ...vis },
-      children: []
-    };
-  }
-  const componentVisited = /* @__PURE__ */ new Set();
-  const componentRoot = buildNodeFromSchema(
-    def.rootNodeId,
-    def.nodes,
-    customComponents,
-    componentVisited
-  );
-  if (propValues && Object.keys(propValues).length) {
-    componentRoot.props = { ...componentRoot.props, _propValues: propValues };
-  }
-  if (Object.keys(wrapperStyle).length > 0) {
-    const wrapper = {
-      id,
-      type: "view",
-      props: { style: wrapperStyle, ...vis },
-      children: [componentRoot]
-    };
-    if (condition !== void 0) wrapper.if = condition;
-    if (actions) wrapper.actions = actions;
-    return wrapper;
-  }
-  componentRoot.id = id;
-  componentRoot.props = { ...componentRoot.props, ...vis };
-  if (condition !== void 0) componentRoot.if = condition;
-  if (actions) componentRoot.actions = actions;
-  return componentRoot;
-}
-function transformCraftToSDUI(craftJson, customComponents = {}) {
-  if (!craftJson || typeof craftJson !== "object") {
-    throw new Error("Invalid craft schema");
-  }
-  const visited = /* @__PURE__ */ new Set();
-  return buildNodeFromSchema("ROOT", craftJson, customComponents, visited);
-}
-
-// src/index.ts
-var PushFrame = {
-  // Slot components
-  Provider: PushFrameProvider,
-  Screen: PushFrameScreen,
-  Component: PushFrameComponent,
-  // Primitives
-  Text,
-  View,
-  ScrollView,
-  Image,
-  Pressable,
-  TextInput,
-  FlatList,
-  Modal,
-  ActivityIndicator,
-  Switch,
-  KeyboardAvoidingView,
-  SafeAreaView,
-  StatusBar
-};
-
-export { ActivityIndicator, ComponentRegistry, FlatList, Image, KeyboardAvoidingView, Modal, Pressable, PushFrame, PushFrameComponent, PushFrameContext, PushFrameProvider, PushFrameScreen, RecursiveRenderer, SafeAreaView, ScrollView, StatusBar, Switch, Text, TextInput, View, evaluateIf, resolveDeep, resolveProps, resolveValue, transformCraftToSDUI, usePushFrameContext };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map