react-native-terra-ui 0.1.1 → 0.2.0

package/lib/module/components/screen/ScreenScrollView.js

@@ -1,82 +1,149 @@
 "use strict";
 
+import { Children } from 'react';
 import { View } from 'react-native';
 import Animated, { useAnimatedScrollHandler, useComposedEventHandler } from 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useUnistyles } from 'react-native-unistyles';
+import { StyleSheet } from 'react-native-unistyles';
+import { scheduleOnRN } from 'react-native-worklets';
 import { PortalHost } from "../portal/index.js";
-import { useScreen } from "./ScreenContext.js";
-import { resolveScreenContentInsets } from "./utils.js";
+import { BottomSafeArea } from "./parts/BottomSafeArea.js";
+import { renderScreenPlaceholder } from "./parts/ScreenPlaceholder.js";
+import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "./ScreenContext.js";
+import { hasXMargin, hasYMargin } from "./utils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Scrollable content container for a `Screen`. Binds the screen's shared scroll
  * ref, mirrors offset into `scrollY`, hosts the portal target at the top (where
  * header content is injected), and applies token-driven content padding.
  *
+ * For simple side effects (analytics, infinite-scroll triggers), pass a plain
+ * `onScroll` callback. For scroll-driven animation, pass your own
+ * `useAnimatedScrollHandler` via `scrollHandler` instead — it runs on the UI
+ * thread alongside the screen's own handler, with no JS-thread round trip.
+ *
  * @example
  * ```tsx
  * <Screen.ScrollView>
  *   <Text>Scrollable content</Text>
  * </Screen.ScrollView>
  * ```
+ *
+ * @example Loading placeholder instead of a per-screen spinner branch
+ * ```tsx
+ * const { data, loading } = useQuery();
+ *
+ * <Screen.ScrollView loading={loading}>
+ *   <Text>{data?.title}</Text>
+ * </Screen.ScrollView>
+ * ```
+ *
+ * @example Empty placeholder when there is nothing to render
+ * ```tsx
+ * <Screen.ScrollView EmptyComponent={<EmptyState icon="status.info" title="Nothing yet" fill />}>
+ *   {items.map((item) => <Row key={item.id} item={item} />)}
+ * </Screen.ScrollView>
+ * ```
+ *
+ * @example Simple JS-side scroll callback
+ * ```tsx
+ * <Screen.ScrollView onScroll={(e) => console.log(e.nativeEvent.contentOffset.y)}>
+ *   <Text>Scrollable content</Text>
+ * </Screen.ScrollView>
+ * ```
+ *
+ * @example Custom scroll-driven animation
+ * ```tsx
+ * const headerOpacity = useSharedValue(1);
+ * const scrollHandler = useAnimatedScrollHandler({
+ *   onScroll: (event) => {
+ *     headerOpacity.value = interpolate(event.contentOffset.y, [0, 100], [1, 0]);
+ *     // Need a JS-side side effect too? Call scheduleOnRN(fn, ...args) here.
+ *   },
+ * });
+ *
+ * <Screen.ScrollView scrollHandler={scrollHandler}>
+ *   <Text>Scrollable content</Text>
+ * </Screen.ScrollView>
+ * ```
  */
 export function ScreenScrollView({
   children,
   style,
   contentContainerStyle,
-  hasMargins,
-  bottomInset,
   scrollHandler: externalScrollHandler,
   onScroll: onScrollProp,
   horizontal = false,
+  loading = false,
+  LoadingComponent,
+  EmptyComponent,
+  margins,
   ...rest
 }) {
-  const {
-    theme
-  } = useUnistyles();
-  const {
-    top
-  } = useSafeAreaInsets();
   const {
     scrollRef,
     scrollHandler: screenScrollHandler,
-    headerSnapOffsets,
     margins: screenMargins,
-    hasHeader
+    hasHeader,
+    background
   } = useScreen();
-  const jsScrollHandler = useAnimatedScrollHandler(onScrollProp ? {
+  const resolvedMargins = margins ?? screenMargins;
+  // `toArray` drops the nullish/boolean children a conditional render leaves
+  // behind, so `{items.map(...)}` over an empty array counts as empty.
+  const placeholder = renderScreenPlaceholder({
+    loading,
+    LoadingComponent,
+    EmptyComponent,
+    isEmpty: Children.toArray(children).length === 0
+  });
+  const jsScrollHandler = useAnimatedScrollHandler({
     onScroll: event => {
-      onScrollProp({
-        nativeEvent: event
-      });
+      if (onScrollProp) {
+        scheduleOnRN(onScrollProp, {
+          nativeEvent: event
+        });
+      }
     }
-  } : {});
+  });
   const handlers = [screenScrollHandler, ...(externalScrollHandler ? [externalScrollHandler] : []), ...(onScrollProp ? [jsScrollHandler] : [])];
   const composedHandler = useComposedEventHandler(handlers);
-  const margin = theme.layout.screen.margin;
-  const marginsEnabled = hasMargins ?? screenMargins;
-  const compactHeaderHeight = hasHeader ? top + theme.layout.header.height : 0;
-  const {
-    contentPadding
-  } = resolveScreenContentInsets(margin, marginsEnabled, bottomInset, compactHeaderHeight);
   return /*#__PURE__*/_jsxs(Animated.ScrollView, {
     ref: scrollRef,
-    style: style,
+    style: [{
+      backgroundColor: background
+    }, style],
     horizontal: horizontal,
+    contentInsetAdjustmentBehavior: hasHeader ? 'never' : undefined,
     showsVerticalScrollIndicator: false,
     scrollEventThrottle: 16,
-    contentContainerStyle: contentPadding,
-    snapToOffsets: headerSnapOffsets,
+    contentContainerStyle: styles.scrollContent(hasHeader, resolvedMargins)
+    // snapToOffsets={headerSnapOffsets}
+    ,
     ...rest,
     onScroll: composedHandler,
     children: [/*#__PURE__*/_jsx(View, {
-      children: /*#__PURE__*/_jsx(PortalHost, {})
+      children: /*#__PURE__*/_jsx(PortalHost, {
+        name: SCREEN_HEADER_PORTAL_HOST
+      })
     }), /*#__PURE__*/_jsx(View, {
-      style: [contentContainerStyle, {
-        flexDirection: horizontal ? 'row' : 'column'
-      }],
-      children: children
-    })]
+      style: [styles.content(horizontal, resolvedMargins), contentContainerStyle],
+      children: placeholder ?? children
+    }), horizontal ? null : /*#__PURE__*/_jsx(BottomSafeArea, {})]
   });
 }
+const styles = StyleSheet.create((theme, rt) => ({
+  scrollContent: (hasHeader, margins) => ({
+    flexGrow: 1,
+    // The header inset and the safe area are structural — they apply whether
+    // or not margins are on; the y margin stacks on top of them.
+    paddingTop: (hasHeader ? theme.layout.header.height + rt.insets.top : 0) + (hasYMargin(margins) ? theme.layout.screen.margin.y : 0),
+    // The safe area is `BottomSafeArea`'s job; counting it here as well would
+    // leave a gap the height of the gesture bar.
+    paddingBottom: hasYMargin(margins) ? theme.layout.screen.margin.y : 0
+  }),
+  content: (horizontal, margins) => ({
+    flexGrow: 1,
+    paddingHorizontal: hasXMargin(margins) ? theme.layout.screen.margin.x : 0,
+    flexDirection: horizontal ? 'row' : 'column'
+  })
+}));
 //# sourceMappingURL=ScreenScrollView.js.map

package/lib/module/components/screen/ScreenScrollView.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Animated","useAnimatedScrollHandler","useComposedEventHandler","useSafeAreaInsets","useUnistyles","PortalHost","useScreen","resolveScreenContentInsets","jsx","_jsx","jsxs","_jsxs","ScreenScrollView","children","style","contentContainerStyle","hasMargins","bottomInset","scrollHandler","externalScrollHandler","onScroll","onScrollProp","horizontal","rest","theme","top","scrollRef","screenScrollHandler","headerSnapOffsets","margins","screenMargins","hasHeader","jsScrollHandler","event","nativeEvent","handlers","composedHandler","margin","layout","screen","marginsEnabled","compactHeaderHeight","header","height","contentPadding","ScrollView","ref","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","flexDirection"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenScrollView.tsx"],"mappings":";;AACA,SAIEA,IAAI,QACC,cAAc;AAErB,OAAOC,QAAQ,IAEbC,wBAAwB,EACxBC,uBAAuB,QAClB,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,wBAAwB;AAErD,SAASC,UAAU;AACnB,SAASC,SAAS;AAClB,SAASC,0BAA0B;AAAkB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsBrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,KAAK;EACLC,qBAAqB;EACrBC,UAAU;EACVC,WAAW;EACXC,aAAa,EAAEC,qBAAqB;EACpCC,QAAQ,EAAEC,YAAY;EACtBC,UAAU,GAAG,KAAK;EAClB,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAM;IAAEC;EAAM,CAAC,GAAGpB,YAAY,CAAC,CAAC;EAChC,MAAM;IAAEqB;EAAI,CAAC,GAAGtB,iBAAiB,CAAC,CAAC;EACnC,MAAM;IACJuB,SAAS;IACTR,aAAa,EAAES,mBAAmB;IAClCC,iBAAiB;IACjBC,OAAO,EAAEC,aAAa;IACtBC;EACF,CAAC,GAAGzB,SAAS,CAAC,CAAC;EAEf,MAAM0B,eAAe,GAAG/B,wBAAwB,CAC9CoB,YAAY,GACR;IACED,QAAQ,EAAGa,KAAK,IAAK;MACnBZ,YAAY,CAAC;QACXa,WAAW,EAAED;MACf,CAAuD,CAAC;IAC1D;EACF,CAAC,GACD,CAAC,CACP,CAAC;EAED,MAAME,QAA2D,GAAG,CAClER,mBAAmB,EACnB,IAAIR,qBAAqB,GAAG,CAACA,qBAAqB,CAAC,GAAG,EAAE,CAAC,EACzD,IAAIE,YAAY,GAAG,CAACW,eAAe,CAAC,GAAG,EAAE,CAAC,CAC3C;EAED,MAAMI,eAAe,GAAGlC,uBAAuB,CAACiC,QAAQ,CAAC;EAEzD,MAAME,MAAM,GAAGb,KAAK,CAACc,MAAM,CAACC,MAAM,CAACF,MAAM;EACzC,MAAMG,cAAc,GAAGxB,UAAU,IAAIc,aAAa;EAClD,MAAMW,mBAAmB,GAAGV,SAAS,GAAGN,GAAG,GAAGD,KAAK,CAACc,MAAM,CAACI,MAAM,CAACC,MAAM,GAAG,CAAC;EAC5E,MAAM;IAAEC;EAAe,CAAC,GAAGrC,0BAA0B,CACnD8B,MAAM,EACNG,cAAc,EACdvB,WAAW,EACXwB,mBACF,CAAC;EAED,oBACE9B,KAAA,CAACX,QAAQ,CAAC6C,UAAU;IAClBC,GAAG,EAAEpB,SAAU;IACfZ,KAAK,EAAEA,KAAM;IACbQ,UAAU,EAAEA,UAAW;IACvByB,4BAA4B,EAAE,KAAM;IACpCC,mBAAmB,EAAE,EAAG;IACxBjC,qBAAqB,EAAE6B,cAAe;IACtCK,aAAa,EAAErB,iBAAkB;IAAA,GAC7BL,IAAI;IACRH,QAAQ,EAAEgB,eAAgB;IAAAvB,QAAA,gBAE1BJ,IAAA,CAACV,IAAI;MAAAc,QAAA,eACHJ,IAAA,CAACJ,UAAU,IAAE;IAAC,CACV,CAAC,eACPI,IAAA,CAACV,IAAI;MACHe,KAAK,EAAE,CACLC,qBAAqB,EACrB;QAAEmC,aAAa,EAAE5B,UAAU,GAAG,KAAK,GAAG;MAAS,CAAC,CAChD;MAAAT,QAAA,EAGDA;IAAQ,CACL,CAAC;EAAA,CACY,CAAC;AAE1B","ignoreList":[]}
+{"version":3,"names":["Children","View","Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","scheduleOnRN","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","jsx","_jsx","jsxs","_jsxs","ScreenScrollView","children","style","contentContainerStyle","scrollHandler","externalScrollHandler","onScroll","onScrollProp","horizontal","loading","LoadingComponent","EmptyComponent","margins","rest","scrollRef","screenScrollHandler","screenMargins","hasHeader","background","resolvedMargins","placeholder","isEmpty","toArray","length","jsScrollHandler","event","nativeEvent","handlers","composedHandler","ScrollView","ref","backgroundColor","contentInsetAdjustmentBehavior","undefined","showsVerticalScrollIndicator","scrollEventThrottle","styles","scrollContent","name","content","create","theme","rt","flexGrow","paddingTop","layout","header","height","insets","top","screen","margin","y","paddingBottom","paddingHorizontal","x","flexDirection"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenScrollView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/screen/index.js

@@ -2,6 +2,7 @@
 
 export { Screen } from "./Screen.js";
 export { useScreen } from "./ScreenContext.js";
+export { ScreenFlashList } from "./ScreenFlashList.js";
 export { ScreenFlatList } from "./ScreenFlatList.js";
 export { ScreenScrollView } from "./ScreenScrollView.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/screen/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Screen","useScreen","ScreenFlatList","ScreenScrollView"],"sourceRoot":"../../../../src","sources":["components/screen/index.ts"],"mappings":";;AACA,SAASA,MAAM;AAEf,SAASC,SAAS;AAElB,SAASC,cAAc;AAEvB,SAASC,gBAAgB","ignoreList":[]}
+{"version":3,"names":["Screen","useScreen","ScreenFlashList","ScreenFlatList","ScreenScrollView"],"sourceRoot":"../../../../src","sources":["components/screen/index.ts"],"mappings":";;AACA,SAASA,MAAM;AAEf,SAASC,SAAS;AAElB,SAASC,eAAe;AAExB,SAASC,cAAc;AAEvB,SAASC,gBAAgB","ignoreList":[]}

package/lib/module/components/screen/parts/BottomSafeArea.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * `SafeAreaView` is not re-exported from the `react-native-screens` root, so it
+ * has to be reached by path — and it has to be the TypeScript source entry, the
+ * one the package points React Native at. The built `lib/module` copy of the
+ * native component never went through React Native's codegen, so loading it
+ * fails at bundle time with "Could not find component config for native
+ * component".
+ *
+ * `require` rather than `import` so the dependency's own `.tsx` is not pulled
+ * into this package's build, where it trips compiler options it was never
+ * written against.
+ */
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+const {
+  SafeAreaView
+} = require('react-native-screens/src/components/safe-area');
+const BOTTOM_EDGE = {
+  bottom: true
+};
+const SPACER = {
+  flex: 0
+};
+
+/**
+ * Bottom clearance that measures itself.
+ *
+ * The insets Unistyles reports are the window's, which cover the system bars and
+ * nothing else — 24dp for the gesture bar on a Pixel — while a native tab bar
+ * sits on top of them for another 80dp and overlaps the content beneath it.
+ * `react-native-screens` tracks that second one separately, as an *interface*
+ * inset, and reports it to its own `SafeAreaView`; asking a view is the only way
+ * to learn it. Neither `runtime.insets.bottom` nor `useSafeAreaInsets()` knows
+ * about it — both read 24 on a tab screen — and a constant would be wrong the
+ * moment the bar is absent, which is every pushed screen.
+ *
+ * `insetType="all"` covers system and interface both, so this view owns the
+ * whole bottom edge — which is why the scroll containers pad only their margin;
+ * adding the window inset there too would double-count the gesture bar.
+ * `"interface"` alone would be wrong: it measures the same on a tab screen (the
+ * bar's inset already spans the gesture bar beneath it) but reports nothing on a
+ * pushed screen, which would then lose its gesture-bar clearance.
+ *
+ * `insetType` is Android-only; on iOS the bottom safe area of a view inside a
+ * tab controller already includes the bar. Measured on a tab screen: 132dp on a
+ * Pixel, 95pt on an iPhone 17 — against the 24dp / 34pt the window insets
+ * report, which is the gap this closes.
+ *
+ * `flex: 0` cancels the `flex: 1` that `SafeAreaView` sets on itself, which
+ * would otherwise stretch it into the leftover space of a list shorter than the
+ * viewport. With no children, its height is exactly the padding it applies.
+ */
+export function BottomSafeArea() {
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    edges: BOTTOM_EDGE,
+    insetType: "all",
+    style: SPACER
+  });
+}
+//# sourceMappingURL=BottomSafeArea.js.map

package/lib/module/components/screen/parts/BottomSafeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SafeAreaView","require","BOTTOM_EDGE","bottom","SPACER","flex","BottomSafeArea","_jsx","edges","insetType","style"],"sourceRoot":"../../../../../src","sources":["components/screen/parts/BottomSafeArea.tsx"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;EAAEA;AAAa,CAAC,GACpBC,OAAO,CAAC,+CAA+C,CAEtD;AAEH,MAAMC,WAAW,GAAG;EAAEC,MAAM,EAAE;AAAK,CAAU;AAC7C,MAAMC,MAAM,GAAG;EAAEC,IAAI,EAAE;AAAE,CAAU;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAA,EAAG;EAC/B,oBAAOC,IAAA,CAACP,YAAY;IAACQ,KAAK,EAAEN,WAAY;IAACO,SAAS,EAAC,KAAK;IAACC,KAAK,EAAEN;EAAO,CAAE,CAAC;AAC5E","ignoreList":[]}

package/lib/module/components/screen/parts/ScreenPlaceholder.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { Spinner } from "../../spinner/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Centres a loading/empty placeholder in whatever space the content leaves.
+ * Grows so the placeholder sits in the middle of the content area rather than
+ * hugging the top, which needs the content container to grow as well.
+ */
+export function ScreenPlaceholder({
+  children
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.placeholder,
+    children: children
+  });
+}
+/**
+ * The placeholder a scroll container should show instead of its content, or
+ * `null` to render the content. Loading wins over empty: while data is in
+ * flight there is nothing to be empty about yet.
+ */
+export function renderScreenPlaceholder({
+  loading,
+  LoadingComponent,
+  EmptyComponent,
+  isEmpty
+}) {
+  if (loading) {
+    return /*#__PURE__*/_jsx(ScreenPlaceholder, {
+      children: LoadingComponent ?? /*#__PURE__*/_jsx(Spinner, {})
+    });
+  }
+  if (isEmpty && EmptyComponent) {
+    return /*#__PURE__*/_jsx(ScreenPlaceholder, {
+      children: EmptyComponent
+    });
+  }
+  return null;
+}
+const styles = StyleSheet.create(() => ({
+  placeholder: {
+    flexGrow: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+}));
+//# sourceMappingURL=ScreenPlaceholder.js.map

package/lib/module/components/screen/parts/ScreenPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","Spinner","jsx","_jsx","ScreenPlaceholder","children","style","styles","placeholder","renderScreenPlaceholder","loading","LoadingComponent","EmptyComponent","isEmpty","create","flexGrow","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/screen/parts/ScreenPlaceholder.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,OAAO;AAAwB,SAAAC,GAAA,IAAAC,IAAA;AAGxC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACvE,oBAAOF,IAAA,CAACJ,IAAI;IAACO,KAAK,EAAEC,MAAM,CAACC,WAAY;IAAAH,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC3D;AAWA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,uBAAuBA,CAAC;EACtCC,OAAO;EACPC,gBAAgB;EAChBC,cAAc;EACdC;AACgB,CAAC,EAAuB;EACxC,IAAIH,OAAO,EAAE;IACX,oBACEP,IAAA,CAACC,iBAAiB;MAAAC,QAAA,EAAEM,gBAAgB,iBAAIR,IAAA,CAACF,OAAO,IAAE;IAAC,CAAoB,CAAC;EAE5E;EACA,IAAIY,OAAO,IAAID,cAAc,EAAE;IAC7B,oBAAOT,IAAA,CAACC,iBAAiB;MAAAC,QAAA,EAAEO;IAAc,CAAoB,CAAC;EAChE;EACA,OAAO,IAAI;AACb;AAEA,MAAML,MAAM,GAAGP,UAAU,CAACc,MAAM,CAAC,OAAO;EACtCN,WAAW,EAAE;IACXO,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/screen/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/screen/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/screen/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/screen/utils.js

@@ -1,13 +1,16 @@
 "use strict";
 
-export function resolveScreenContentInsets(margin, margins, bottomInset, topInset) {
-  return {
-    contentPadding: {
-      flexGrow: 1,
-      paddingTop: topInset ?? 0,
-      paddingHorizontal: margins ? margin.x : 0,
-      paddingBottom: bottomInset ?? (margins ? margin.y : 0)
-    }
-  };
+import { createElement, isValidElement } from 'react';
+/** Renders a `ListHeaderComponent`-shaped prop (element, component, or nullish) into an element. */
+export function renderListHeader(ListHeaderComponent) {
+  if (!ListHeaderComponent) return null;
+  if (/*#__PURE__*/isValidElement(ListHeaderComponent)) return ListHeaderComponent;
+  return /*#__PURE__*/createElement(ListHeaderComponent);
 }
+
+/** Whether `margins` pads the horizontal axis. */
+export const hasXMargin = margins => margins === 'all' || margins === 'x';
+
+/** Whether `margins` pads the vertical axis (the bottom of the content area). */
+export const hasYMargin = margins => margins === 'all' || margins === 'y';
 //# sourceMappingURL=utils.js.map

package/lib/module/components/screen/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["resolveScreenContentInsets","margin","margins","bottomInset","topInset","contentPadding","flexGrow","paddingTop","paddingHorizontal","x","paddingBottom","y"],"sourceRoot":"../../../../src","sources":["components/screen/utils.ts"],"mappings":";;AAEA,OAAO,SAASA,0BAA0BA,CACxCC,MAAwC,EACxCC,OAAgB,EAChBC,WAAoB,EACpBC,QAAiB,EACjB;EACA,OAAO;IACLC,cAAc,EAAE;MACdC,QAAQ,EAAE,CAAU;MACpBC,UAAU,EAAEH,QAAQ,IAAI,CAAC;MACzBI,iBAAiB,EAAEN,OAAO,GAAGD,MAAM,CAACQ,CAAC,GAAG,CAAC;MACzCC,aAAa,EAAEP,WAAW,KAAKD,OAAO,GAAGD,MAAM,CAACU,CAAC,GAAG,CAAC;IACvD;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["createElement","isValidElement","renderListHeader","ListHeaderComponent","hasXMargin","margins","hasYMargin"],"sourceRoot":"../../../../src","sources":["components/screen/utils.ts"],"mappings":";;AAAA,SAEEA,aAAa,EACbC,cAAc,QAET,OAAO;AAUd;AACA,OAAO,SAASC,gBAAgBA,CAC9BC,mBAAwC,EACnB;EACrB,IAAI,CAACA,mBAAmB,EAAE,OAAO,IAAI;EACrC,iBAAIF,cAAc,CAACE,mBAAmB,CAAC,EAAE,OAAOA,mBAAmB;EACnE,oBAAOH,aAAa,CAACG,mBAAmB,CAAC;AAC3C;;AAEA;AACA,OAAO,MAAMC,UAAU,GAAIC,OAAsB,IAC/CA,OAAO,KAAK,KAAK,IAAIA,OAAO,KAAK,GAAG;;AAEtC;AACA,OAAO,MAAMC,UAAU,GAAID,OAAsB,IAC/CA,OAAO,KAAK,KAAK,IAAIA,OAAO,KAAK,GAAG","ignoreList":[]}

package/lib/module/components/surface/Surface.js

@@ -1,8 +1,7 @@
 "use strict";
 
 import { forwardRef } from 'react';
-import { useUnistyles } from 'react-native-unistyles';
-import { getDefaultRadius, getSurfaceElevation } from "../../theme/configure.js";
+import { getDefaultRadius, getSurfaceElevation } from "../../theme/registry.js";
 import { Box } from "../box/index.js";
 
 /** Background level of a {@link Surface}. */
@@ -27,7 +26,14 @@ const VARIANT_BORDER = {
   },
   transparent: {}
 };
+
+/**
+ * Picks the elevation *token key* — never a resolved shadow, so this stays
+ * theme-independent. `transparent` collapses to `'none'` because a shadow needs
+ * an opaque fill behind it to render.
+ */
 const resolveElevation = (variant, elevation) => {
+  if (variant === 'transparent') return 'none';
   if (elevation !== undefined) return elevation;
   if (variant === 'raised') return 'sm';
   return getSurfaceElevation();
@@ -39,6 +45,13 @@ const resolveElevation = (variant, elevation) => {
  * default (overridable via `radius`), and an optional drop shadow via
  * `elevation`. All other Box style-props are accepted.
  *
+ * Every visual decision is expressed as a **theme token key** handed to `Box`,
+ * which resolves it against the active theme. Surface therefore never reads the
+ * theme itself — no `useUnistyles()` in the render path, and no stylesheet
+ * crossing a component boundary (a Unistyles style handed to `Box` would land
+ * on a plain `View` the Babel plugin has not processed, and so would freeze at
+ * whichever theme was active when it was created).
+ *
  * @example
  * ```tsx
  * <Surface variant="raised" elevation="md" p="4" radius="lg">
@@ -52,22 +65,16 @@ export const Surface = /*#__PURE__*/forwardRef(function Surface({
   radius,
   borderWidth,
   borderColor,
-  style,
   ...rest
 }, ref) {
-  const {
-    theme
-  } = useUnistyles();
-  const resolvedElevation = resolveElevation(variant, elevation);
   const variantBorder = VARIANT_BORDER[variant];
-  const shadowStyle = variant !== 'transparent' && resolvedElevation !== 'none' ? theme.elevation[resolvedElevation] : undefined;
   return /*#__PURE__*/_jsx(Box, {
     ref: ref,
     bg: VARIANT_BG[variant],
     radius: radius ?? getDefaultRadius('surface'),
     borderWidth: borderWidth ?? variantBorder.borderWidth,
     borderColor: borderColor ?? variantBorder.borderColor,
-    style: shadowStyle ? [shadowStyle, style] : style,
+    elevation: resolveElevation(variant, elevation),
     ...rest
   });
 });

package/lib/module/components/surface/Surface.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useUnistyles","getDefaultRadius","getSurfaceElevation","Box","jsx","_jsx","VARIANT_BG","base","raised","sunken","transparent","VARIANT_BORDER","borderWidth","borderColor","resolveElevation","variant","elevation","undefined","Surface","radius","style","rest","ref","theme","resolvedElevation","variantBorder","shadowStyle","bg"],"sourceRoot":"../../../../src","sources":["components/surface/Surface.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,YAAY,QAAQ,wBAAwB;AAErD,SAASC,gBAAgB,EAAEC,mBAAmB;AAG9C,SAAgCC,GAAG;;AAEnC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgBA,MAAMC,UAA8C,GAAG;EACrDC,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE,gBAAgB;EACxBC,MAAM,EAAE,gBAAgB;EACxBC,WAAW,EAAE;AACf,CAAC;;AAED;AACA,MAAMC,cAGL,GAAG;EACFJ,IAAI,EAAE,CAAC,CAAC;EACRC,MAAM,EAAE;IAAEI,WAAW,EAAE,UAAU;IAAEC,WAAW,EAAE;EAAgB,CAAC;EACjEJ,MAAM,EAAE;IAAEG,WAAW,EAAE,UAAU;IAAEC,WAAW,EAAE;EAAiB,CAAC;EAClEH,WAAW,EAAE,CAAC;AAChB,CAAC;AAED,MAAMI,gBAAgB,GAAGA,CACvBC,OAAuB,EACvBC,SAAwB,KACP;EACjB,IAAIA,SAAS,KAAKC,SAAS,EAAE,OAAOD,SAAS;EAC7C,IAAID,OAAO,KAAK,QAAQ,EAAE,OAAO,IAAI;EACrC,OAAOb,mBAAmB,CAAC,CAAC;AAC9B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMgB,OAAO,gBAAGnB,UAAU,CAC/B,SAASmB,OAAOA,CACd;EACEH,OAAO,GAAG,MAAM;EAChBC,SAAS;EACTG,MAAM;EACNP,WAAW;EACXC,WAAW;EACXO,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGvB,YAAY,CAAC,CAAC;EAChC,MAAMwB,iBAAiB,GAAGV,gBAAgB,CAACC,OAAO,EAAEC,SAAS,CAAC;EAC9D,MAAMS,aAAa,GAAGd,cAAc,CAACI,OAAO,CAAC;EAC7C,MAAMW,WAAW,GACfX,OAAO,KAAK,aAAa,IAAIS,iBAAiB,KAAK,MAAM,GACpDD,KAAK,CAACP,SAAS,CAACQ,iBAAiB,CAAC,GACnCP,SAAS;EAEf,oBACEZ,IAAA,CAACF,GAAG;IACFmB,GAAG,EAAEA,GAAI;IACTK,EAAE,EAAErB,UAAU,CAACS,OAAO,CAAE;IACxBI,MAAM,EAAEA,MAAM,IAAIlB,gBAAgB,CAAC,SAAS,CAAE;IAC9CW,WAAW,EAAEA,WAAW,IAAIa,aAAa,CAACb,WAAY;IACtDC,WAAW,EAAEA,WAAW,IAAIY,aAAa,CAACZ,WAAY;IACtDO,KAAK,EAAEM,WAAW,GAAG,CAACA,WAAW,EAAEN,KAAK,CAAC,GAAGA,KAAM;IAAA,GAC9CC;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","getDefaultRadius","getSurfaceElevation","Box","jsx","_jsx","VARIANT_BG","base","raised","sunken","transparent","VARIANT_BORDER","borderWidth","borderColor","resolveElevation","variant","elevation","undefined","Surface","radius","rest","ref","variantBorder","bg"],"sourceRoot":"../../../../src","sources":["components/surface/Surface.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAGrD,SAASC,gBAAgB,EAAEC,mBAAmB;AAG9C,SAAgCC,GAAG;;AAEnC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgBA,MAAMC,UAA8C,GAAG;EACrDC,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE,gBAAgB;EACxBC,MAAM,EAAE,gBAAgB;EACxBC,WAAW,EAAE;AACf,CAAC;;AAED;AACA,MAAMC,cAGL,GAAG;EACFJ,IAAI,EAAE,CAAC,CAAC;EACRC,MAAM,EAAE;IAAEI,WAAW,EAAE,UAAU;IAAEC,WAAW,EAAE;EAAgB,CAAC;EACjEJ,MAAM,EAAE;IAAEG,WAAW,EAAE,UAAU;IAAEC,WAAW,EAAE;EAAiB,CAAC;EAClEH,WAAW,EAAE,CAAC;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMI,gBAAgB,GAAGA,CACvBC,OAAuB,EACvBC,SAAwB,KACP;EACjB,IAAID,OAAO,KAAK,aAAa,EAAE,OAAO,MAAM;EAC5C,IAAIC,SAAS,KAAKC,SAAS,EAAE,OAAOD,SAAS;EAC7C,IAAID,OAAO,KAAK,QAAQ,EAAE,OAAO,IAAI;EACrC,OAAOb,mBAAmB,CAAC,CAAC;AAC9B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMgB,OAAO,gBAAGlB,UAAU,CAC/B,SAASkB,OAAOA,CACd;EAAEH,OAAO,GAAG,MAAM;EAAEC,SAAS;EAAEG,MAAM;EAAEP,WAAW;EAAEC,WAAW;EAAE,GAAGO;AAAK,CAAC,EAC1EC,GAAG,EACH;EACA,MAAMC,aAAa,GAAGX,cAAc,CAACI,OAAO,CAAC;EAE7C,oBACEV,IAAA,CAACF,GAAG;IACFkB,GAAG,EAAEA,GAAI;IACTE,EAAE,EAAEjB,UAAU,CAACS,OAAO,CAAE;IACxBI,MAAM,EAAEA,MAAM,IAAIlB,gBAAgB,CAAC,SAAS,CAAE;IAC9CW,WAAW,EAAEA,WAAW,IAAIU,aAAa,CAACV,WAAY;IACtDC,WAAW,EAAEA,WAAW,IAAIS,aAAa,CAACT,WAAY;IACtDG,SAAS,EAAEF,gBAAgB,CAACC,OAAO,EAAEC,SAAS,CAAE;IAAA,GAC5CI;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/lib/module/components/text/Text.js

@@ -2,7 +2,7 @@
 
 import { forwardRef } from 'react';
 import { Text as RNText } from 'react-native';
-import { useUnistyles } from 'react-native-unistyles';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
 import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../utils/typography.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -43,7 +43,9 @@ export const Text = /*#__PURE__*/forwardRef(function Text({
   const v = theme.typography.variants[resolvedVariant];
   const effectiveWeight = weight ?? v.fontWeight;
   const fontFamily = theme.typography.fonts[effectiveWeight];
-  const isSystemFont = fontFamily === SYSTEM_FONT;
+  const italicFamily = italic ? theme.typography.fontsItalic?.[effectiveWeight] : undefined;
+  const resolvedFamily = italicFamily ?? fontFamily;
+  const isSystemFont = resolvedFamily === SYSTEM_FONT;
   const base = {
     fontSize: v.fontSize,
     lineHeight: v.lineHeight,
@@ -51,17 +53,33 @@ export const Text = /*#__PURE__*/forwardRef(function Text({
     color: resolveThemeColor(color, theme) ?? theme.color['text.default'] ?? ''
   };
   // System font: apply numeric weight. Custom font: family encodes the weight.
-  if (isSystemFont) base.fontWeight = FONT_WEIGHT_VALUE[effectiveWeight];else base.fontFamily = fontFamily;
+  if (isSystemFont) base.fontWeight = FONT_WEIGHT_VALUE[effectiveWeight];else base.fontFamily = resolvedFamily;
   if (align) base.textAlign = align;
-  if (italic) base.fontStyle = 'italic';
+  // A dedicated italic family already renders slanted; `fontStyle` is only
+  // needed (and only works) for the system font or as a best-effort
+  // fallback when no italic family is configured for this weight.
+  if (italic && !italicFamily) base.fontStyle = 'italic';
   if (underline && strikeThrough) base.textDecorationLine = 'underline line-through';else if (underline) base.textDecorationLine = 'underline';else if (strikeThrough) base.textDecorationLine = 'line-through';
   return /*#__PURE__*/_jsx(RNText, {
     ref: ref,
-    style: [base, style],
+    style: [styles.root, base, style],
     maxFontSizeMultiplier: maxFontSizeMultiplier ?? v.maxFontSizeMultiplier,
     numberOfLines: isTruncated ? 1 : numberOfLines,
     ellipsizeMode: isTruncated ? 'tail' : ellipsizeMode,
     ...rest
   });
 });
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+//
+// Text has no static style of its own — this stylesheet exists so the
+// Unistyles Babel plugin swaps the `RNText` imported above for its Unistyles-aware
+// counterpart, which registers the ShadowNode with the native side. That is what
+// keeps a Unistyles style passed in through `style` updating on theme change;
+// without it the style freezes at whichever theme was active when it was
+// created, and only callers that happen to subscribe to the theme themselves
+// would appear to work.
+const styles = StyleSheet.create(() => ({
+  root: {}
+}));
 //# sourceMappingURL=Text.js.map

package/lib/module/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Text","RNText","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","jsx","_jsx","HEADING_VARIANT_ALIAS","h1","h2","h3","h4","h5","h6","resolveTextVariant","variant","color","weight","align","italic","underline","strikeThrough","isTruncated","style","numberOfLines","ellipsizeMode","maxFontSizeMultiplier","rest","ref","theme","resolvedVariant","v","typography","variants","effectiveWeight","fontWeight","fontFamily","fonts","isSystemFont","base","fontSize","lineHeight","letterSpacing","textAlign","fontStyle","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/text/Text.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SACEC,IAAI,IAAIC,MAAM,QAGT,cAAc;AAErB,SAASC,YAAY,QAAQ,wBAAwB;AASrD,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB,EAAEC,WAAW;AAA4B,SAAAC,GAAA,IAAAC,IAAA;AAInE,MAAMC,qBAAkE,GAAG;EACzEC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE;AACN,CAAC;AAED,SAASC,kBAAkBA,CAACC,OAAoB,EAAmB;EACjE,OAAOA,OAAO,IAAIR,qBAAqB,GACnCA,qBAAqB,CAACQ,OAAO,CAAuB,GACnDA,OAA2B;AAClC;AAiBA;AACA;AACA;AACA;AACA,OAAO,MAAMhB,IAAI,gBAAGD,UAAU,CAC5B,SAASC,IAAIA,CACX;EACEgB,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC,aAAa;EACbC,aAAa;EACbC,qBAAqB;EACrB,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAG5B,YAAY,CAAC,CAAC;EAChC,MAAM6B,eAAe,GAAGhB,kBAAkB,CAACC,OAAO,CAAC;EACnD,MAAMgB,CAAC,GAAGF,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACH,eAAe,CAAC;EACpD,MAAMI,eAAgC,GAAGjB,MAAM,IAAIc,CAAC,CAACI,UAAU;EAC/D,MAAMC,UAAU,GAAGP,KAAK,CAACG,UAAU,CAACK,KAAK,CAACH,eAAe,CAAC;EAC1D,MAAMI,YAAY,GAAGF,UAAU,KAAKhC,WAAW;EAE/C,MAAMmC,IAAwB,GAAG;IAC/BC,QAAQ,EAAET,CAAC,CAACS,QAAQ;IACpBC,UAAU,EAAEV,CAAC,CAACU,UAAU;IACxBC,aAAa,EAAEX,CAAC,CAACW,aAAa;IAC9B1B,KAAK,EACHd,iBAAiB,CAACc,KAAK,EAAEa,KAAK,CAAC,IAC9BA,KAAK,CAACb,KAAK,CACV,cAAc,CACf,IACD;EACJ,CAAC;EACD;EACA,IAAIsB,YAAY,EAAEC,IAAI,CAACJ,UAAU,GAAGhC,iBAAiB,CAAC+B,eAAe,CAAC,CAAC,KAClEK,IAAI,CAACH,UAAU,GAAGA,UAAU;EAEjC,IAAIlB,KAAK,EAAEqB,IAAI,CAACI,SAAS,GAAGzB,KAAK;EACjC,IAAIC,MAAM,EAAEoB,IAAI,CAACK,SAAS,GAAG,QAAQ;EACrC,IAAIxB,SAAS,IAAIC,aAAa,EAC5BkB,IAAI,CAACM,kBAAkB,GAAG,wBAAwB,CAAC,KAChD,IAAIzB,SAAS,EAAEmB,IAAI,CAACM,kBAAkB,GAAG,WAAW,CAAC,KACrD,IAAIxB,aAAa,EAAEkB,IAAI,CAACM,kBAAkB,GAAG,cAAc;EAEhE,oBACEvC,IAAA,CAACN,MAAM;IACL4B,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAE,CAACgB,IAAI,EAAEhB,KAAK,CAAE;IACrBG,qBAAqB,EAAEA,qBAAqB,IAAIK,CAAC,CAACL,qBAAsB;IACxEF,aAAa,EAAEF,WAAW,GAAG,CAAC,GAAGE,aAAc;IAC/CC,aAAa,EAAEH,WAAW,GAAG,MAAM,GAAGG,aAAc;IAAA,GAChDE;EAAI,CACT,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","Text","RNText","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","jsx","_jsx","HEADING_VARIANT_ALIAS","h1","h2","h3","h4","h5","h6","resolveTextVariant","variant","color","weight","align","italic","underline","strikeThrough","isTruncated","style","numberOfLines","ellipsizeMode","maxFontSizeMultiplier","rest","ref","theme","resolvedVariant","v","typography","variants","effectiveWeight","fontWeight","fontFamily","fonts","italicFamily","fontsItalic","undefined","resolvedFamily","isSystemFont","base","fontSize","lineHeight","letterSpacing","textAlign","fontStyle","textDecorationLine","styles","root","create"],"sourceRoot":"../../../../src","sources":["components/text/Text.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/toast/Toast.js

@@ -30,7 +30,7 @@ function getToastColors(variant, theme) {
     case 'accent':
       return {
         ...base,
-        title: get('action.fg.subtle'),
+        title: get('action.fg.primary.subtle'),
         icon: get('text.accent'),
         actionBg: get('action.bg.primary'),
         actionFg: get('action.fg.primary')
@@ -41,18 +41,18 @@ function getToastColors(variant, theme) {
     case 'danger':
       return {
         ...base,
-        title: get(`status.bg.${variant}`),
-        icon: get(`status.bg.${variant}`),
-        actionBg: get(`status.bg.${variant}`),
-        actionFg: get(`status.fg.${variant}`)
+        title: get(`status.${variant}.bg`),
+        icon: get(`status.${variant}.bg`),
+        actionBg: get(`status.${variant}.bg`),
+        actionFg: get(`status.${variant}.fg`)
       };
     case 'default':
       return {
         ...base,
         title: get('text.default'),
         icon: get('text.subtle'),
-        actionBg: get('action.bg.neutral.hover'),
-        actionFg: get('action.fg.neutral')
+        actionBg: get('action.bg.secondary'),
+        actionFg: get('action.fg.secondary')
       };
   }
 }
@@ -155,7 +155,7 @@ const ToastDescription = /*#__PURE__*/forwardRef(function ToastDescription({
 function renderActionChildren(children, color) {
   if (typeof children === 'string' || typeof children === 'number') {
     return /*#__PURE__*/_jsx(Text, {
-      variant: "label-lg",
+      variant: "label-md",
       weight: "semibold",
       style: {
         color