@sincpro/mobile-ui 3.0.1 → 3.1.0

package/dist/views/FormViewV2.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Display } from "../Display/index.js";
 import { ErrorBoundary, Feedback } from "../Feedback/index.js";
 import KeyboardForm from "../Form/Form.KeyboardForm.js";
@@ -6,89 +6,458 @@ import { useBottomInset } from "../layouts/BottomInset.js";
 import Container from "../layouts/Container.js";
 import { AppBar } from "../Navigation/Navigation.AppBar.js";
 import { MenuSection } from "../Navigation/Navigation.MenuSection.js";
-import { SegmentedControl, } from "../Navigation/Navigation.SegmentedControl.js";
+import { SegmentedControl } from "../Navigation/Navigation.SegmentedControl.js";
 import { useTheme } from "../theme/index.js";
 import { FormViewProvider, useFormView } from "./FormViewV2.context.js";
 import React from "react";
 import { RefreshControl, useWindowDimensions, View } from "react-native";
 import { KeyboardStickyView } from "react-native-keyboard-controller";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
 const RefreshErrorContext = React.createContext(undefined);
 const FooterHeightContext = React.createContext(null);
 function useFooterHeight() {
-    const context = React.useContext(FooterHeightContext);
-    if (!context) {
-        throw new Error("FormViewV2.Content and Footer must be used within FormViewV2.Root");
-    }
-    return context;
+  const context = React.useContext(FooterHeightContext);
+  if (!context) {
+    throw new Error("FormViewV2.Content and Footer must be used within FormViewV2.Root");
+  }
+  return context;
 }
 export async function refreshFormData(onRefresh, onRefreshError, setShowRefreshing) {
-    setShowRefreshing(true);
+  setShowRefreshing(true);
+  try {
+    await onRefresh?.();
+  } catch (error) {
+    console.error("[FormViewV2] Refresh failed", error);
     try {
-        await onRefresh?.();
-    }
-    catch (error) {
-        console.error("[FormViewV2] Refresh failed", error);
-        try {
-            onRefreshError?.(error);
-        }
-        catch (callbackError) {
-            console.error("[FormViewV2] onRefreshError callback failed", callbackError);
-        }
-    }
-    finally {
-        setShowRefreshing(false);
+      onRefreshError?.(error);
+    } catch (callbackError) {
+      console.error("[FormViewV2] onRefreshError callback failed", callbackError);
     }
+  } finally {
+    setShowRefreshing(false);
+  }
 }
-function FormViewRoot({ name, description, item, isLoading = false, isEmpty = false, hasError = false, errorMessage, readonly = false, onRefresh, onRefreshError, onRetry, onBack, withContainer = true, edges = ["left", "right"], children, }) {
-    const [footerHeight, setFooterHeight] = React.useState(0);
-    const footerContext = React.useMemo(() => ({ height: footerHeight, setHeight: setFooterHeight }), [footerHeight]);
-    const Wrapper = withContainer ? Container : View;
-    const wrapperProps = withContainer ? { edges } : { style: { flex: 1 } };
-    return (_jsx(FormViewProvider, { description: description, errorMessage: errorMessage, hasError: hasError, isEmpty: isEmpty, isLoading: isLoading, item: item, name: name, onBack: onBack, onRefresh: onRefresh, onRetry: onRetry, readonly: readonly, children: _jsx(RefreshErrorContext.Provider, { value: onRefreshError, children: _jsx(ErrorBoundary, { children: _jsx(FooterHeightContext.Provider, { value: footerContext, children: _jsx(Wrapper, { ...wrapperProps, children: children }) }) }) }) }));
+function FormViewRoot(t0) {
+  const $ = _c(30);
+  const {
+    name,
+    description,
+    item,
+    isLoading: t1,
+    isEmpty: t2,
+    hasError: t3,
+    errorMessage,
+    readonly: t4,
+    onRefresh,
+    onRefreshError,
+    onRetry,
+    onBack,
+    withContainer: t5,
+    edges: t6,
+    children
+  } = t0;
+  const isLoading = t1 === undefined ? false : t1;
+  const isEmpty = t2 === undefined ? false : t2;
+  const hasError = t3 === undefined ? false : t3;
+  const readonly = t4 === undefined ? false : t4;
+  const withContainer = t5 === undefined ? true : t5;
+  let t7;
+  if ($[0] !== t6) {
+    t7 = t6 === undefined ? ["left", "right"] : t6;
+    $[0] = t6;
+    $[1] = t7;
+  } else {
+    t7 = $[1];
+  }
+  const edges = t7;
+  const [footerHeight, setFooterHeight] = React.useState(0);
+  let t8;
+  if ($[2] !== footerHeight) {
+    t8 = {
+      height: footerHeight,
+      setHeight: setFooterHeight
+    };
+    $[2] = footerHeight;
+    $[3] = t8;
+  } else {
+    t8 = $[3];
+  }
+  const footerContext = t8;
+  const Wrapper = withContainer ? Container : View;
+  let t9;
+  if ($[4] !== edges || $[5] !== withContainer) {
+    t9 = withContainer ? {
+      edges
+    } : {
+      style: {
+        flex: 1
+      }
+    };
+    $[4] = edges;
+    $[5] = withContainer;
+    $[6] = t9;
+  } else {
+    t9 = $[6];
+  }
+  const wrapperProps = t9;
+  let t10;
+  if ($[7] !== Wrapper || $[8] !== children || $[9] !== wrapperProps) {
+    t10 = _jsx(Wrapper, {
+      ...wrapperProps,
+      children: children
+    });
+    $[7] = Wrapper;
+    $[8] = children;
+    $[9] = wrapperProps;
+    $[10] = t10;
+  } else {
+    t10 = $[10];
+  }
+  let t11;
+  if ($[11] !== footerContext || $[12] !== t10) {
+    t11 = _jsx(ErrorBoundary, {
+      children: _jsx(FooterHeightContext.Provider, {
+        value: footerContext,
+        children: t10
+      })
+    });
+    $[11] = footerContext;
+    $[12] = t10;
+    $[13] = t11;
+  } else {
+    t11 = $[13];
+  }
+  let t12;
+  if ($[14] !== onRefreshError || $[15] !== t11) {
+    t12 = _jsx(RefreshErrorContext.Provider, {
+      value: onRefreshError,
+      children: t11
+    });
+    $[14] = onRefreshError;
+    $[15] = t11;
+    $[16] = t12;
+  } else {
+    t12 = $[16];
+  }
+  let t13;
+  if ($[17] !== description || $[18] !== errorMessage || $[19] !== hasError || $[20] !== isEmpty || $[21] !== isLoading || $[22] !== item || $[23] !== name || $[24] !== onBack || $[25] !== onRefresh || $[26] !== onRetry || $[27] !== readonly || $[28] !== t12) {
+    t13 = _jsx(FormViewProvider, {
+      description: description,
+      errorMessage: errorMessage,
+      hasError: hasError,
+      isEmpty: isEmpty,
+      isLoading: isLoading,
+      item: item,
+      name: name,
+      onBack: onBack,
+      onRefresh: onRefresh,
+      onRetry: onRetry,
+      readonly: readonly,
+      children: t12
+    });
+    $[17] = description;
+    $[18] = errorMessage;
+    $[19] = hasError;
+    $[20] = isEmpty;
+    $[21] = isLoading;
+    $[22] = item;
+    $[23] = name;
+    $[24] = onBack;
+    $[25] = onRefresh;
+    $[26] = onRetry;
+    $[27] = readonly;
+    $[28] = t12;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  return t13;
 }
-function Header({ safeArea = true, variant = "default", tone, actions, children, topSpacing, background, }) {
-    const { name, description, onBack } = useFormView();
-    return (_jsx(AppBar, { actions: actions, background: background, onBack: onBack, safeArea: safeArea, subheader: children, subtitle: description ?? undefined, title: name, tone: tone, topSpacing: topSpacing, variant: variant }));
+function Header(t0) {
+  const $ = _c(11);
+  const {
+    safeArea: t1,
+    variant: t2,
+    tone,
+    actions,
+    children,
+    topSpacing,
+    background
+  } = t0;
+  const safeArea = t1 === undefined ? true : t1;
+  const variant = t2 === undefined ? "default" : t2;
+  const {
+    name,
+    description,
+    onBack
+  } = useFormView();
+  const t3 = description ?? undefined;
+  let t4;
+  if ($[0] !== actions || $[1] !== background || $[2] !== children || $[3] !== name || $[4] !== onBack || $[5] !== safeArea || $[6] !== t3 || $[7] !== tone || $[8] !== topSpacing || $[9] !== variant) {
+    t4 = _jsx(AppBar, {
+      actions: actions,
+      background: background,
+      onBack: onBack,
+      safeArea: safeArea,
+      subheader: children,
+      subtitle: t3,
+      title: name,
+      tone: tone,
+      topSpacing: topSpacing,
+      variant: variant
+    });
+    $[0] = actions;
+    $[1] = background;
+    $[2] = children;
+    $[3] = name;
+    $[4] = onBack;
+    $[5] = safeArea;
+    $[6] = t3;
+    $[7] = tone;
+    $[8] = topSpacing;
+    $[9] = variant;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 }
-function HeaderActions({ children }) {
-    return (_jsx(View, { className: "flex-row px-4 my-2 items-center justify-between flex-1 gap-2", children: children }));
+function HeaderActions(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "flex-row px-4 my-2 items-center justify-between flex-1 gap-2",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
+
 /** Secondary action bar docked below the AppBar — use for Save/Cancel, filter chips, etc. */
-function HeaderActionsBar({ children }) {
-    return (_jsx(View, { className: "bg-bg-card px-4 pt-1 pb-3 border-b border-border-light flex-row gap-2 items-center", children: children }));
+function HeaderActionsBar(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(View, {
+      className: "bg-bg-card px-4 pt-1 pb-3 border-b border-border-light flex-row gap-2 items-center",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
+
 /**
  * Tab-like segmented switch for the header subheader (e.g. "Detalles" / "Historial").
  * Use as a child of `<FormViewV2.Header>` — it lands in the AppBar subheader slot.
  */
 function HeaderSegmented(props) {
-    return _jsx(SegmentedControl, { ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _jsx(SegmentedControl, {
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function Content({ withMargin = false, keyboardToolbar = true, keyboardFormProps, children, }) {
-    const { name, isLoading, isEmpty, hasError, errorMessage, item, onRefresh, onRetry, onBack, showRefreshing, setShowRefreshing, } = useFormView();
-    const bottomInset = useBottomInset();
-    const { height: measuredFooterHeight } = useFooterHeight();
-    const stickyFooterHeight = isLoading || isEmpty ? 0 : measuredFooterHeight;
-    const theme = useTheme();
-    const onRefreshError = React.useContext(RefreshErrorContext);
-    const handleRefresh = React.useCallback(async () => {
-        await refreshFormData(onRefresh, onRefreshError, setShowRefreshing);
-    }, [onRefresh, onRefreshError, setShowRefreshing]);
-    const isCenteredContent = isLoading || isEmpty || !item || hasError;
-    return (_jsx(KeyboardForm, { ...keyboardFormProps, contentContainerStyle: [
-            {
-                flexGrow: 1,
-                justifyContent: isCenteredContent ? "center" : "flex-start",
-                alignItems: isCenteredContent ? "center" : "stretch",
-                paddingBottom: bottomInset,
-            },
-            keyboardFormProps?.contentContainerStyle,
-        ], keyboardShouldPersistTaps: keyboardFormProps?.keyboardShouldPersistTaps ?? "handled", refreshControl: keyboardFormProps?.refreshControl ?? (_jsx(RefreshControl, { colors: [theme.primary], onRefresh: handleRefresh, refreshing: showRefreshing })), stickyFooterHeight: stickyFooterHeight, style: [{ flex: 1, backgroundColor: theme.bg.page }, keyboardFormProps?.style], toolbar: keyboardToolbar, children: isCenteredContent ? (_jsx(_Fragment, { children: isLoading ? (_jsx(Feedback.Loading, { message: `Cargando ${name}...` })) : hasError ? (_jsx(Feedback.Error, { message: errorMessage, onBack: onBack, onRetry: onRetry })) : (_jsx(Feedback.Empty, {})) })) : (_jsx(View, { style: withMargin ? { paddingHorizontal: 16 } : undefined, children: children })) }));
+function Content(t0) {
+  const $ = _c(39);
+  const {
+    withMargin: t1,
+    keyboardFormProps,
+    children
+  } = t0;
+  const withMargin = t1 === undefined ? false : t1;
+  const {
+    name,
+    isLoading,
+    isEmpty,
+    hasError,
+    errorMessage,
+    item,
+    onRefresh,
+    onRetry,
+    onBack,
+    showRefreshing,
+    setShowRefreshing
+  } = useFormView();
+  const bottomInset = useBottomInset();
+  const {
+    height: measuredFooterHeight
+  } = useFooterHeight();
+  const stickyFooterHeight = isLoading || isEmpty ? 0 : measuredFooterHeight;
+  const theme = useTheme();
+  const onRefreshError = React.useContext(RefreshErrorContext);
+  let t2;
+  if ($[0] !== onRefresh || $[1] !== onRefreshError || $[2] !== setShowRefreshing) {
+    t2 = async () => {
+      await refreshFormData(onRefresh, onRefreshError, setShowRefreshing);
+    };
+    $[0] = onRefresh;
+    $[1] = onRefreshError;
+    $[2] = setShowRefreshing;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleRefresh = t2;
+  const isCenteredContent = isLoading || isEmpty || !item || hasError;
+  const t3 = isCenteredContent ? "center" : "flex-start";
+  const t4 = isCenteredContent ? "center" : "stretch";
+  let t5;
+  if ($[4] !== bottomInset || $[5] !== t3 || $[6] !== t4) {
+    t5 = {
+      flexGrow: 1,
+      justifyContent: t3,
+      alignItems: t4,
+      paddingBottom: bottomInset
+    };
+    $[4] = bottomInset;
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const t6 = keyboardFormProps?.contentContainerStyle;
+  let t7;
+  if ($[8] !== t5 || $[9] !== t6) {
+    t7 = [t5, t6];
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  const t8 = keyboardFormProps?.keyboardShouldPersistTaps ?? "handled";
+  let t9;
+  if ($[11] !== handleRefresh || $[12] !== keyboardFormProps?.refreshControl || $[13] !== showRefreshing || $[14] !== theme.primary) {
+    t9 = keyboardFormProps?.refreshControl ?? _jsx(RefreshControl, {
+      colors: [theme.primary],
+      onRefresh: handleRefresh,
+      refreshing: showRefreshing
+    });
+    $[11] = handleRefresh;
+    $[12] = keyboardFormProps?.refreshControl;
+    $[13] = showRefreshing;
+    $[14] = theme.primary;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== theme.bg.page) {
+    t10 = {
+      flex: 1,
+      backgroundColor: theme.bg.page
+    };
+    $[16] = theme.bg.page;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  const t11 = keyboardFormProps?.style;
+  let t12;
+  if ($[18] !== t10 || $[19] !== t11) {
+    t12 = [t10, t11];
+    $[18] = t10;
+    $[19] = t11;
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== children || $[22] !== errorMessage || $[23] !== hasError || $[24] !== isCenteredContent || $[25] !== isLoading || $[26] !== name || $[27] !== onBack || $[28] !== onRetry || $[29] !== withMargin) {
+    t13 = isCenteredContent ? _jsx(_Fragment, {
+      children: isLoading ? _jsx(Feedback.Loading, {
+        message: `Cargando ${name}...`
+      }) : hasError ? _jsx(Feedback.Error, {
+        message: errorMessage,
+        onBack: onBack,
+        onRetry: onRetry
+      }) : _jsx(Feedback.Empty, {})
+    }) : _jsx(View, {
+      style: withMargin ? {
+        paddingHorizontal: 16
+      } : undefined,
+      children: children
+    });
+    $[21] = children;
+    $[22] = errorMessage;
+    $[23] = hasError;
+    $[24] = isCenteredContent;
+    $[25] = isLoading;
+    $[26] = name;
+    $[27] = onBack;
+    $[28] = onRetry;
+    $[29] = withMargin;
+    $[30] = t13;
+  } else {
+    t13 = $[30];
+  }
+  let t14;
+  if ($[31] !== keyboardFormProps || $[32] !== stickyFooterHeight || $[33] !== t12 || $[34] !== t13 || $[35] !== t7 || $[36] !== t8 || $[37] !== t9) {
+    t14 = _jsx(KeyboardForm, {
+      ...keyboardFormProps,
+      contentContainerStyle: t7,
+      keyboardShouldPersistTaps: t8,
+      refreshControl: t9,
+      stickyFooterHeight: stickyFooterHeight,
+      style: t12,
+      children: t13
+    });
+    $[31] = keyboardFormProps;
+    $[32] = stickyFooterHeight;
+    $[33] = t12;
+    $[34] = t13;
+    $[35] = t7;
+    $[36] = t8;
+    $[37] = t9;
+    $[38] = t14;
+  } else {
+    t14 = $[38];
+  }
+  return t14;
 }
+
 /** Layout wrapper for a set of Group cards. Content already handles isEmpty/loading states. */
-function Groups({ children }) {
-    return _jsx(_Fragment, { children: children });
+function Groups(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = _jsx(_Fragment, {
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
+
 /**
  * Card-bordered input group for form fields. Use inside `Content.Groups`.
  *
@@ -100,52 +469,249 @@ function Groups({ children }) {
  *
  * `title` renders a SectionHeader label above the card.
  */
-function Group({ children, withMargin = true, elevation = "none", padding = "md", variant = "card", title, }) {
-    // `plain` mirrors the card's inner padding so the content lands in the SAME position
-    // as `card` — only the frame (border/bg/shadow) is dropped.
-    const paddingClass = { none: "p-0", sm: "p-3", md: "p-4", lg: "p-6" }[padding];
-    const body = variant === "plain" ? (_jsx(View, { className: paddingClass, children: children })) : (_jsx(Display.Card, { elevation: elevation, padding: padding, children: children }));
-    // Title alignment is identical in both variants (same inset as the card's content).
-    const header = title ? _jsx(Display.SectionHeader, { title: title }) : null;
-    if (withMargin) {
-        return (_jsxs(View, { style: { marginHorizontal: 16, marginVertical: 6 }, children: [header, body] }));
+function Group(t0) {
+  const $ = _c(16);
+  const {
+    children,
+    withMargin: t1,
+    elevation: t2,
+    padding: t3,
+    variant: t4,
+    title
+  } = t0;
+  const withMargin = t1 === undefined ? true : t1;
+  const elevation = t2 === undefined ? "none" : t2;
+  const padding = t3 === undefined ? "md" : t3;
+  const variant = t4 === undefined ? "card" : t4;
+  let t5;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      none: "p-0",
+      sm: "p-3",
+      md: "p-4",
+      lg: "p-6"
+    };
+    $[0] = t5;
+  } else {
+    t5 = $[0];
+  }
+  const paddingClass = t5[padding];
+  let t6;
+  if ($[1] !== children || $[2] !== elevation || $[3] !== padding || $[4] !== paddingClass || $[5] !== variant) {
+    t6 = variant === "plain" ? _jsx(View, {
+      className: paddingClass,
+      children: children
+    }) : _jsx(Display.Card, {
+      elevation: elevation,
+      padding: padding,
+      children: children
+    });
+    $[1] = children;
+    $[2] = elevation;
+    $[3] = padding;
+    $[4] = paddingClass;
+    $[5] = variant;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const body = t6;
+  let t7;
+  if ($[7] !== title) {
+    t7 = title ? _jsx(Display.SectionHeader, {
+      title: title,
+      variant: "group"
+    }) : null;
+    $[7] = title;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  const header = t7;
+  if (withMargin) {
+    let t8;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+      t8 = {
+        marginHorizontal: 16,
+        marginVertical: 6
+      };
+      $[9] = t8;
+    } else {
+      t8 = $[9];
+    }
+    let t9;
+    if ($[10] !== body || $[11] !== header) {
+      t9 = _jsxs(View, {
+        style: t8,
+        children: [header, body]
+      });
+      $[10] = body;
+      $[11] = header;
+      $[12] = t9;
+    } else {
+      t9 = $[12];
     }
-    return (_jsxs(_Fragment, { children: [header, body] }));
+    return t9;
+  }
+  let t8;
+  if ($[13] !== body || $[14] !== header) {
+    t8 = _jsxs(_Fragment, {
+      children: [header, body]
+    });
+    $[13] = body;
+    $[14] = header;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  return t8;
 }
+
 /**
  * Settings-style section: titled card grouping Display.MenuButton rows.
  * Delegates to the standalone `MenuSection` widget — single source of truth
  * for this pattern whether used inside a FormView or on a standalone screen.
  */
-function Section({ title, footer, children, }) {
-    return (_jsx(MenuSection, { footer: footer, title: title, children: children }));
+function Section(t0) {
+  const $ = _c(4);
+  const {
+    title,
+    footer,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== footer || $[2] !== title) {
+    t1 = _jsx(MenuSection, {
+      footer: footer,
+      title: title,
+      children: children
+    });
+    $[0] = children;
+    $[1] = footer;
+    $[2] = title;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function Footer({ children }) {
-    const { isEmpty, isLoading } = useFormView();
-    const { setHeight } = useFooterHeight();
-    const frame = React.useRef(null);
-    const { height: windowHeight } = useWindowDimensions();
-    const [bottomGap, setBottomGap] = React.useState(0);
-    React.useEffect(() => () => setHeight(0), [setHeight]);
-    if (isEmpty || isLoading) {
-        return null;
-    }
-    return (_jsx(View, { onLayout: () => {
-            frame.current?.measureInWindow((_x, y, _width, height) => setBottomGap(Math.max(0, windowHeight - y - height)));
-        }, ref: frame, children: _jsx(KeyboardStickyView, { offset: { closed: 0, opened: bottomGap }, children: _jsx(View, { className: "bg-bg-card px-4 py-3 border-t border-border-light", onLayout: (event) => setHeight(event.nativeEvent.layout.height), children: children }) }) }));
+function Footer(t0) {
+  const $ = _c(18);
+  const {
+    children
+  } = t0;
+  const {
+    isEmpty,
+    isLoading
+  } = useFormView();
+  const {
+    setHeight
+  } = useFooterHeight();
+  const frame = React.useRef(null);
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  const [bottomGap, setBottomGap] = React.useState(0);
+  let t1;
+  let t2;
+  if ($[0] !== setHeight) {
+    t1 = () => () => setHeight(0);
+    t2 = [setHeight];
+    $[0] = setHeight;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  React.useEffect(t1, t2);
+  if (isEmpty || isLoading) {
+    return null;
+  }
+  let t3;
+  if ($[3] !== windowHeight) {
+    t3 = () => {
+      frame.current?.measureInWindow((_x, y, _width, height) => setBottomGap(Math.max(0, windowHeight - y - height)));
+    };
+    $[3] = windowHeight;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== bottomGap) {
+    t4 = {
+      closed: 0,
+      opened: bottomGap
+    };
+    $[5] = bottomGap;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== setHeight) {
+    t5 = event => setHeight(event.nativeEvent.layout.height);
+    $[7] = setHeight;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== children || $[10] !== t5) {
+    t6 = _jsx(View, {
+      className: "bg-bg-card px-4 py-3 border-t border-border-light",
+      onLayout: t5,
+      children: children
+    });
+    $[9] = children;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t4 || $[13] !== t6) {
+    t7 = _jsx(KeyboardStickyView, {
+      offset: t4,
+      children: t6
+    });
+    $[12] = t4;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t3 || $[16] !== t7) {
+    t8 = _jsx(View, {
+      onLayout: t3,
+      ref: frame,
+      children: t7
+    });
+    $[15] = t3;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  return t8;
 }
+
 // Nested Header components
 const HeaderWithSubComponents = Object.assign(Header, {
-    Actions: HeaderActions,
-    ActionsBar: HeaderActionsBar,
-    Segmented: HeaderSegmented,
+  Actions: HeaderActions,
+  ActionsBar: HeaderActionsBar,
+  Segmented: HeaderSegmented
 });
+
 // Nested Content components
 const ContentWithSubComponents = Object.assign(Content, {
-    Groups,
-    Group,
-    Section,
+  Groups,
+  Group,
+  Section
 });
+
 /**
  * Screen container for a single record (detail / create / edit / settings).
  * Owns safe-area, scroll (KeyboardAware), refresh, and the loading/empty/error states.
@@ -164,9 +730,9 @@ const ContentWithSubComponents = Object.assign(Content, {
  *   FormViewV2.Footer        — sticky bottom bar (primary CTA)
  */
 export const FormViewV2 = {
-    Root: FormViewRoot,
-    Header: HeaderWithSubComponents,
-    Content: ContentWithSubComponents,
-    Footer,
+  Root: FormViewRoot,
+  Header: HeaderWithSubComponents,
+  Content: ContentWithSubComponents,
+  Footer
 };
 export default FormViewV2;