react-native-terra-ui 0.1.1 → 0.2.1

package/lib/module/components/header/variants/TitleHeader/index.js

@@ -1,13 +1,12 @@
 "use strict";
 
-import { useId } from 'react';
 import { Text, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from 'react-native-svg';
 import { StyleSheet, useUnistyles } from 'react-native-unistyles';
 import { resolveThemeColor } from "../../../../utils/resolve-theme-color.js";
 import { FONT_WEIGHT_VALUE } from "../../../../utils/typography.js";
+import { Toolbar } from "../../../toolbar/index.js";
 import { HeaderDismissButton } from "../../header-buttons.js";
+import { HeaderGradientOverlay } from "../../parts/HeaderGradientOverlay.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Compact title bar (leading slot · title · trailing slot) with a top safe-area
@@ -17,14 +16,19 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * @example
  * ```tsx
  * <Screen.Header>
- *   <Header.Title title="Stats" RightComponent={<Button>Edit</Button>} />
+ *   <Header.Title
+ *     title="Stats"
+ *     RightToolbar={
+ *       <Toolbar.Button icon="add" accessibilityLabel="Add" onPress={add} />
+ *     }
+ *   />
  * </Screen.Header>
  * ```
  */
 export function TitleHeader({
   title,
-  LeftComponent,
-  RightComponent,
+  LeftToolbar,
+  RightToolbar,
   dismissAction = 'none',
   navigation,
   onDismiss,
@@ -34,11 +38,7 @@ export function TitleHeader({
   const {
     theme
   } = useUnistyles();
-  const {
-    top
-  } = useSafeAreaInsets();
-  const gradientId = useId();
-  const bgColor = resolveThemeColor(bg, theme);
+  const bgColor = resolveThemeColor(bg, theme) ?? theme.color['surface.default'] ?? '';
   const isTransparent = bgColor === 'transparent';
   const gradientColor = isTransparent ? theme.color['surface.default'] : bgColor;
   styles.useVariants({
@@ -49,55 +49,28 @@ export function TitleHeader({
       dismissAction: dismissAction,
       navigation: navigation,
       onDismiss: onDismiss
-    }), LeftComponent]
-  }) : LeftComponent;
+    }), LeftToolbar]
+  }) : LeftToolbar;
   const trailing = dismissAction === 'close' ? /*#__PURE__*/_jsxs(_Fragment, {
-    children: [RightComponent, /*#__PURE__*/_jsx(HeaderDismissButton, {
+    children: [RightToolbar, /*#__PURE__*/_jsx(HeaderDismissButton, {
       dismissAction: dismissAction,
       navigation: navigation,
       onDismiss: onDismiss
     })]
-  }) : RightComponent;
+  }) : RightToolbar;
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.safeArea,
+    style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
-      style: {
-        height: top,
-        backgroundColor: isTransparent ? 'transparent' : bgColor
-      }
+      style: styles.safeArea(isTransparent, bgColor)
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.bar,
       children: [/*#__PURE__*/_jsx(View, {
         style: styles.gradient,
         pointerEvents: "none",
-        children: /*#__PURE__*/_jsxs(Svg, {
-          height: "100%",
-          width: "100%",
-          children: [/*#__PURE__*/_jsx(Defs, {
-            children: /*#__PURE__*/_jsxs(SvgLinearGradient, {
-              id: gradientId,
-              x1: "0",
-              y1: "0.4",
-              x2: "0",
-              y2: "1",
-              children: [/*#__PURE__*/_jsx(Stop, {
-                offset: "0",
-                stopColor: gradientColor,
-                stopOpacity: "0.9"
-              }), /*#__PURE__*/_jsx(Stop, {
-                offset: "0.9",
-                stopColor: gradientColor,
-                stopOpacity: "0.1"
-              })]
-            })
-          }), /*#__PURE__*/_jsx(Rect, {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${gradientId})`
-          })]
+        children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
+          color: gradientColor
         })
-      }), leading != null && /*#__PURE__*/_jsx(View, {
-        style: styles.slot,
+      }), leading != null && /*#__PURE__*/_jsx(Toolbar, {
         children: leading
       }), /*#__PURE__*/_jsx(View, {
         style: styles.titleContainer,
@@ -106,21 +79,25 @@ export function TitleHeader({
           style: styles.title,
           children: title
         })
-      }), trailing != null && /*#__PURE__*/_jsx(View, {
-        style: styles.slotEnd,
+      }), trailing != null && /*#__PURE__*/_jsx(Toolbar, {
+        style: styles.trailing,
         children: trailing
       })]
     })]
   });
 }
-const styles = StyleSheet.create(theme => ({
-  safeArea: {
+const styles = StyleSheet.create((theme, runtime) => ({
+  container: {
     position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
     zIndex: 1000
   },
+  safeArea: (isTransparent, bgColor) => ({
+    height: runtime.insets.top,
+    backgroundColor: isTransparent ? 'transparent' : bgColor
+  }),
   gradient: {
     position: 'absolute',
     top: 0,
@@ -132,20 +109,12 @@ const styles = StyleSheet.create(theme => ({
     height: theme.layout.header.height,
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
     paddingHorizontal: theme.layout.screen.margin.x,
-    gap: theme.spacing['3']
+    gap: theme.spacing['3'],
+    justifyContent: 'space-between'
   },
-  slot: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: theme.spacing['2']
-  },
-  slotEnd: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    gap: theme.spacing['2']
+  trailing: {
+    justifyContent: 'flex-end'
   },
   titleContainer: {
     variants: {

package/lib/module/components/header/variants/TitleHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useId","Text","View","useSafeAreaInsets","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","HeaderDismissButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TitleHeader","title","LeftComponent","RightComponent","dismissAction","navigation","onDismiss","titleAlignment","bg","theme","top","gradientId","bgColor","isTransparent","gradientColor","color","styles","useVariants","leading","children","trailing","style","safeArea","height","backgroundColor","bar","gradient","pointerEvents","width","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill","slot","titleContainer","slotEnd","create","position","left","right","zIndex","bottom","layout","header","flexDirection","alignItems","justifyContent","paddingHorizontal","screen","margin","x","gap","spacing","variants","center","flex","fontSize","typography","lineHeight","letterSpacing","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Text","View","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Toolbar","HeaderDismissButton","HeaderGradientOverlay","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TitleHeader","title","LeftToolbar","RightToolbar","dismissAction","navigation","onDismiss","titleAlignment","bg","theme","bgColor","color","isTransparent","gradientColor","styles","useVariants","leading","children","trailing","style","container","safeArea","bar","gradient","pointerEvents","titleContainer","create","runtime","position","top","left","right","zIndex","height","insets","backgroundColor","bottom","layout","header","flexDirection","alignItems","paddingHorizontal","screen","margin","x","gap","spacing","justifyContent","variants","center","flex","fontSize","typography","lineHeight","letterSpacing","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/icon/Icon.js

@@ -2,8 +2,8 @@
 
 import { forwardRef } from 'react';
 import { View } from 'react-native';
-import { useUnistyles } from 'react-native-unistyles';
-import { getIcon } from "../../theme/configure.js";
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { getIcon } from "../../theme/registry.js";
 import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -36,12 +36,7 @@ export const Icon = /*#__PURE__*/forwardRef(function Icon({
   const resolvedColor = resolveThemeColor(color, theme) ?? theme.color['text.default'] ?? '';
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
-    style: [{
-      width: size,
-      height: size,
-      alignItems: 'center',
-      justifyContent: 'center'
-    }, style],
+    style: [styles.container(size), style],
     ...rest,
     children: /*#__PURE__*/_jsx(IconComponent, {
       color: resolvedColor,
@@ -50,4 +45,21 @@ export const Icon = /*#__PURE__*/forwardRef(function Icon({
     })
   });
 });
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+//
+// This stylesheet is also what makes the Unistyles Babel plugin swap the `View`
+// imported above for its Unistyles-aware counterpart, which registers the
+// ShadowNode natively. Without it, a Unistyles style passed in through `style`
+// would freeze at whichever theme was active when it was created — `Icon` does
+// not re-render on theme change unless something it reads from the theme
+// happens to change.
+const styles = StyleSheet.create(() => ({
+  container: size => ({
+    width: size,
+    height: size,
+    alignItems: 'center',
+    justifyContent: 'center'
+  })
+}));
 //# sourceMappingURL=Icon.js.map

package/lib/module/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","useUnistyles","getIcon","resolveThemeColor","jsx","_jsx","Icon","name","size","color","strokeWidth","style","rest","ref","theme","IconComponent","__DEV__","console","warn","resolvedColor","width","height","alignItems","justifyContent","children"],"sourceRoot":"../../../../src","sources":["components/icon/Icon.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,YAAY,QAAQ,wBAAwB;AAErD,SAASC,OAAO;AAEhB,SAASC,iBAAiB;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAY/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGP,UAAU,CAC5B,SAASO,IAAIA,CACX;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,cAAc;EAAEC,WAAW;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EACxEC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGb,YAAY,CAAC,CAAC;EAChC,MAAMc,aAAa,GAAGb,OAAO,CAACK,IAAI,CAAC;EAEnC,IAAI,CAACQ,aAAa,EAAE;IAClB,IAAIC,OAAO,EAAE;MACXC,OAAO,CAACC,IAAI,CAAC,yCAAyCX,IAAI,IAAI,CAAC;IACjE;IACA,OAAO,IAAI;EACb;EAEA,MAAMY,aAAa,GACjBhB,iBAAiB,CAACM,KAAK,EAAEK,KAAK,CAAC,IAC9BA,KAAK,CAACL,KAAK,CACV,cAAc,CACf,IACD,EAAE;EAEJ,oBACEJ,IAAA,CAACL,IAAI;IACHa,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAE,CACL;MACES,KAAK,EAAEZ,IAAI;MACXa,MAAM,EAAEb,IAAI;MACZc,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC,EACDZ,KAAK,CACL;IAAA,GACEC,IAAI;IAAAY,QAAA,eAERnB,IAAA,CAACU,aAAa;MACZN,KAAK,EAAEU,aAAc;MACrBX,IAAI,EAAEA,IAAK;MACXE,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACE,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","StyleSheet","useUnistyles","getIcon","resolveThemeColor","jsx","_jsx","Icon","name","size","color","strokeWidth","style","rest","ref","theme","IconComponent","__DEV__","console","warn","resolvedColor","styles","container","children","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/icon/Icon.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,OAAO;AAEhB,SAASC,iBAAiB;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAY/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,UAAU,CAC5B,SAASQ,IAAIA,CACX;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,cAAc;EAAEC,WAAW;EAAEC,KAAK;EAAE,GAAGC;AAAK,CAAC,EACxEC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGb,YAAY,CAAC,CAAC;EAChC,MAAMc,aAAa,GAAGb,OAAO,CAACK,IAAI,CAAC;EAEnC,IAAI,CAACQ,aAAa,EAAE;IAClB,IAAIC,OAAO,EAAE;MACXC,OAAO,CAACC,IAAI,CAAC,yCAAyCX,IAAI,IAAI,CAAC;IACjE;IACA,OAAO,IAAI;EACb;EAEA,MAAMY,aAAa,GACjBhB,iBAAiB,CAACM,KAAK,EAAEK,KAAK,CAAC,IAC9BA,KAAK,CAACL,KAAK,CACV,cAAc,CACf,IACD,EAAE;EAEJ,oBACEJ,IAAA,CAACN,IAAI;IAACc,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,CAACb,IAAI,CAAC,EAAEG,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAU,QAAA,eAC9DjB,IAAA,CAACU,aAAa;MACZN,KAAK,EAAEU,aAAc;MACrBX,IAAI,EAAEA,IAAK;MACXE,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACE,CAAC;AAEX,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMU,MAAM,GAAGpB,UAAU,CAACuB,MAAM,CAAC,OAAO;EACtCF,SAAS,EAAGb,IAAY,KAAM;IAC5BgB,KAAK,EAAEhB,IAAI;IACXiB,MAAM,EAAEjB,IAAI;IACZkB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/image/Image.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet } from 'react-native-unistyles';
+import { getImageComponent } from "../../theme/registry.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the image implementation configured via
+ * `configureTerraUI({ image })` (defaults to React Native's `Image`).
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   source={{ uri: 'https://example.com/photo.jpg' }}
+ *   contentFit="cover"
+ *   style={{ width: 40, height: 40 }}
+ * />
+ * ```
+ */
+export function Image({
+  contentFit = 'cover',
+  width,
+  height,
+  radius = 'none',
+  style,
+  ...rest
+}) {
+  const ImageComponent = getImageComponent();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container(width, height, radius), style],
+    children: /*#__PURE__*/_jsx(ImageComponent, {
+      contentFit: contentFit,
+      style: styles.image,
+      ...rest
+    })
+  });
+}
+const styles = StyleSheet.create(_theme => ({
+  container: (w, h, r) => ({
+    ...(w ? {
+      width: w
+    } : {}),
+    ...(h ? {
+      height: h
+    } : {}),
+    borderRadius: _theme.radius[r],
+    overflow: 'hidden'
+  }),
+  image: {
+    width: '100%',
+    height: '100%'
+  }
+}));
+//# sourceMappingURL=Image.js.map

package/lib/module/components/image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","getImageComponent","jsx","_jsx","Image","contentFit","width","height","radius","style","rest","ImageComponent","styles","container","children","image","create","_theme","w","h","r","borderRadius","overflow"],"sourceRoot":"../../../../src","sources":["components/image/Image.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,iBAAiB;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAIpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,KAAKA,CAAC;EACpBC,UAAU,GAAG,OAAO;EACpBC,KAAK;EACLC,MAAM;EACNC,MAAM,GAAG,MAAM;EACfC,KAAK;EACL,GAAGC;AACO,CAAC,EAAE;EACb,MAAMC,cAAc,GAAGV,iBAAiB,CAAC,CAAC;EAE1C,oBACEE,IAAA,CAACJ,IAAI;IAACU,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,CAACP,KAAK,EAAEC,MAAM,EAAEC,MAAM,CAAC,EAAEC,KAAK,CAAE;IAAAK,QAAA,eAC5DX,IAAA,CAACQ,cAAc;MAACN,UAAU,EAAEA,UAAW;MAACI,KAAK,EAAEG,MAAM,CAACG,KAAM;MAAA,GAAKL;IAAI,CAAG;EAAC,CACrE,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGZ,UAAU,CAACgB,MAAM,CAAEC,MAAM,KAAM;EAC5CJ,SAAS,EAAEA,CAACK,CAAqB,EAAEC,CAAqB,EAAEC,CAAY,MAAM;IAC1E,IAAIF,CAAC,GAAG;MAAEZ,KAAK,EAAEY;IAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1B,IAAIC,CAAC,GAAG;MAAEZ,MAAM,EAAEY;IAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3BE,YAAY,EAAEJ,MAAM,CAACT,MAAM,CAACY,CAAC,CAAC;IAC9BE,QAAQ,EAAE;EACZ,CAAC,CAAC;EACFP,KAAK,EAAE;IACLT,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image"],"sourceRoot":"../../../../src","sources":["components/image/index.ts"],"mappings":";;AAAA,SAASA,KAAK","ignoreList":[]}

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

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

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

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

package/lib/module/components/index.js

@@ -3,8 +3,11 @@
 export * from "./avatar/index.js";
 export * from "./box/index.js";
 export * from "./button/index.js";
+export * from "./chip/index.js";
+export * from "./empty-state/index.js";
 export * from "./header/index.js";
 export * from "./icon/index.js";
+export * from "./image/index.js";
 export * from "./page-indicator/index.js";
 export * from "./portal/index.js";
 export * from "./screen/index.js";
@@ -13,4 +16,5 @@ export * from "./spinner/index.js";
 export * from "./surface/index.js";
 export * from "./text/index.js";
 export * from "./toast/index.js";
+export * from "./toolbar/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/components/portal/Portal.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useContext, useEffect, useRef } from 'react';
+import { PortalContext } from "./PortalContext.js";
+import { PortalHost } from "./PortalHost.js";
+import { PortalProvider } from "./PortalProvider.js";
+let nextPortalKey = 1;
+const PortalComponent = ({
+  hostName,
+  children
+}) => {
+  const context = useContext(PortalContext);
+  const upsertPortal = context?.upsertPortal;
+  const removePortal = context?.removePortal;
+  const portalKeyRef = useRef(nextPortalKey++);
+  useEffect(() => {
+    if (!upsertPortal || !removePortal) {
+      return;
+    }
+    upsertPortal(hostName, portalKeyRef.current, children ?? null);
+    return () => {
+      removePortal(hostName, portalKeyRef.current);
+    };
+  }, [children, hostName, removePortal, upsertPortal]);
+  return null;
+};
+/**
+ * Declaratively teleports `children` into the `PortalHost` named `hostName`,
+ * for as long as this component stays mounted.
+ *
+ * @example
+ * ```tsx
+ * <Portal hostName="screen-header">
+ *   <LargeTitle />
+ * </Portal>
+ * ```
+ */
+export const Portal = Object.assign(PortalComponent, {
+  Provider: PortalProvider,
+  Host: PortalHost
+});
+//# sourceMappingURL=Portal.js.map

package/lib/module/components/portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useEffect","useRef","PortalContext","PortalHost","PortalProvider","nextPortalKey","PortalComponent","hostName","children","context","upsertPortal","removePortal","portalKeyRef","current","Portal","Object","assign","Provider","Host"],"sourceRoot":"../../../../src","sources":["components/portal/Portal.tsx"],"mappings":";;AAAA,SAAkCA,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAE9E,SAASC,aAAa;AACtB,SAASC,UAAU;AACnB,SAASC,cAAc;AAEvB,IAAIC,aAAa,GAAG,CAAC;AAQrB,MAAMC,eAAgC,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAS,CAAC,KAAK;EACnE,MAAMC,OAAO,GAAGV,UAAU,CAACG,aAAa,CAAC;EACzC,MAAMQ,YAAY,GAAGD,OAAO,EAAEC,YAAY;EAC1C,MAAMC,YAAY,GAAGF,OAAO,EAAEE,YAAY;EAC1C,MAAMC,YAAY,GAAGX,MAAM,CAASI,aAAa,EAAE,CAAC;EAEpDL,SAAS,CAAC,MAAM;IACd,IAAI,CAACU,YAAY,IAAI,CAACC,YAAY,EAAE;MAClC;IACF;IAEAD,YAAY,CAACH,QAAQ,EAAEK,YAAY,CAACC,OAAO,EAAEL,QAAQ,IAAI,IAAI,CAAC;IAE9D,OAAO,MAAM;MACXG,YAAY,CAACJ,QAAQ,EAAEK,YAAY,CAACC,OAAO,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACL,QAAQ,EAAED,QAAQ,EAAEI,YAAY,EAAED,YAAY,CAAC,CAAC;EAEpD,OAAO,IAAI;AACb,CAAC;AAOD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACV,eAAe,EAAE;EACnDW,QAAQ,EAAEb,cAAc;EACxBc,IAAI,EAAEf;AACR,CAAC,CAAwB","ignoreList":[]}

package/lib/module/components/portal/PortalContext.js

@@ -1,20 +1,5 @@
 "use strict";
 
-import { createContext, useContext } from 'react';
+import { createContext } from 'react';
 export const PortalContext = /*#__PURE__*/createContext(null);
-
-/**
- * Access the nearest {@link PortalProvider}. Used by components that need to
- * teleport content into a `PortalHost` rendered elsewhere in the tree (e.g. the
- * large-title header injecting its title into the scroll content).
- *
- * @throws if called outside a `PortalProvider`.
- */
-export function usePortal() {
-  const context = useContext(PortalContext);
-  if (!context) {
-    throw new Error('usePortal must be used within a PortalProvider');
-  }
-  return context;
-}
 //# sourceMappingURL=PortalContext.js.map

package/lib/module/components/portal/PortalContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","PortalContext","usePortal","context","Error"],"sourceRoot":"../../../../src","sources":["components/portal/PortalContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAkBC,UAAU,QAAQ,OAAO;AAWjE,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAA4B,IAAI,CAAC;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,SAASA,CAAA,EAAuB;EAC9C,MAAMC,OAAO,GAAGH,UAAU,CAACC,aAAa,CAAC;EACzC,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}
+{"version":3,"names":["createContext","PortalContext"],"sourceRoot":"../../../../src","sources":["components/portal/PortalContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAwB,OAAO;AAkBrD,OAAO,MAAMC,aAAa,gBAAGD,aAAa,CAA4B,IAAI,CAAC","ignoreList":[]}

package/lib/module/components/portal/PortalHost.js

@@ -1,23 +1,25 @@
 "use strict";
 
+import { Fragment, useContext } from 'react';
 import { View } from 'react-native';
-import { usePortal } from "./PortalContext.js";
-
+import { PortalContext } from "./PortalContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Renders every node currently registered with the nearest
- * {@link PortalProvider}, in insertion order. Place it where teleported content
- * should appear (e.g. at the top of a `Screen.ScrollView`).
+ * Renders every entry currently registered under `name` on the nearest
+ * {@link PortalProvider}. Place it where teleported content should appear
+ * (e.g. at the top of a `Screen.ScrollView`).
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-export function PortalHost() {
-  const {
-    contents
-  } = usePortal();
+export function PortalHost({
+  name,
+  ...viewProps
+}) {
+  const context = useContext(PortalContext);
+  const hostPortals = context?.portals[name] ?? [];
   return /*#__PURE__*/_jsx(View, {
-    collapsable: false,
-    children: Array.from(contents.entries()).map(([id, content]) => /*#__PURE__*/_jsx(View, {
-      children: content
-    }, id))
+    ...viewProps,
+    children: hostPortals.map(entry => /*#__PURE__*/_jsx(Fragment, {
+      children: entry.node
+    }, entry.key))
   });
 }
 //# sourceMappingURL=PortalHost.js.map

package/lib/module/components/portal/PortalHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","usePortal","jsx","_jsx","PortalHost","contents","collapsable","children","Array","from","entries","map","id","content"],"sourceRoot":"../../../../src","sources":["components/portal/PortalHost.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS;;AAElB;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAKA,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAM;IAAEC;EAAS,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAEhC,oBACEE,IAAA,CAACH,IAAI;IAACM,WAAW,EAAE,KAAM;IAAAC,QAAA,EACtBC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACK,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,EAAE,EAAEC,OAAO,CAAC,kBAChDV,IAAA,CAACH,IAAI;MAAAO,QAAA,EAAWM;IAAO,GAAZD,EAAmB,CAC/B;EAAC,CACE,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["Fragment","useContext","View","PortalContext","jsx","_jsx","PortalHost","name","viewProps","context","hostPortals","portals","children","map","entry","node","key"],"sourceRoot":"../../../../src","sources":["components/portal/PortalHost.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,aAAa;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAOhD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAA2B,CAAC,EAAE;EAClE,MAAMC,OAAO,GAAGR,UAAU,CAACE,aAAa,CAAC;EACzC,MAAMO,WAAW,GAAGD,OAAO,EAAEE,OAAO,CAACJ,IAAI,CAAC,IAAI,EAAE;EAEhD,oBACEF,IAAA,CAACH,IAAI;IAAA,GAAKM,SAAS;IAAAI,QAAA,EAChBF,WAAW,CAACG,GAAG,CAAEC,KAAK,iBACrBT,IAAA,CAACL,QAAQ;MAAAY,QAAA,EAAkBE,KAAK,CAACC;IAAI,GAAtBD,KAAK,CAACE,GAA2B,CACjD;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/portal/PortalProvider.js

@@ -4,34 +4,66 @@ import { useCallback, useMemo, useState } from 'react';
 import { PortalContext } from "./PortalContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * Holds a registry of teleported content. Children register/unregister nodes by
- * id (see {@link usePortal}); a `PortalHost` placed anywhere below renders them.
- * Context-only — no animation dependency.
+ * Holds a registry of teleported content, keyed by host name. Descendant
+ * `Portal` components register/unregister entries; a `PortalHost` placed
+ * anywhere below renders the entries for its `name`.
  */
 export function PortalProvider({
   children
 }) {
-  const [contents, setContents] = useState(() => new Map());
-  const registerContent = useCallback((id, content) => {
-    setContents(prev => {
-      const next = new Map(prev);
-      next.set(id, content);
-      return next;
+  const [portals, setPortals] = useState({});
+  const upsertPortal = useCallback((hostName, key, node) => {
+    setPortals(prev => {
+      const hostPortals = prev[hostName] ?? [];
+      const existingIndex = hostPortals.findIndex(entry => entry.key === key);
+      if (existingIndex === -1) {
+        return {
+          ...prev,
+          [hostName]: [...hostPortals, {
+            key,
+            node
+          }]
+        };
+      }
+      if (hostPortals[existingIndex]?.node === node) {
+        return prev;
+      }
+      const nextHostPortals = [...hostPortals];
+      nextHostPortals[existingIndex] = {
+        key,
+        node
+      };
+      return {
+        ...prev,
+        [hostName]: nextHostPortals
+      };
     });
   }, []);
-  const unregisterContent = useCallback(id => {
-    setContents(prev => {
-      if (!prev.has(id)) return prev;
-      const next = new Map(prev);
-      next.delete(id);
-      return next;
+  const removePortal = useCallback((hostName, key) => {
+    setPortals(prev => {
+      const hostPortals = prev[hostName] ?? [];
+      const nextHostPortals = hostPortals.filter(entry => entry.key !== key);
+      if (nextHostPortals.length === hostPortals.length) {
+        return prev;
+      }
+      if (nextHostPortals.length === 0) {
+        const {
+          [hostName]: _removed,
+          ...rest
+        } = prev;
+        return rest;
+      }
+      return {
+        ...prev,
+        [hostName]: nextHostPortals
+      };
     });
   }, []);
   const value = useMemo(() => ({
-    registerContent,
-    unregisterContent,
-    contents
-  }), [registerContent, unregisterContent, contents]);
+    portals,
+    upsertPortal,
+    removePortal
+  }), [portals, removePortal, upsertPortal]);
   return /*#__PURE__*/_jsx(PortalContext.Provider, {
     value: value,
     children: children

package/lib/module/components/portal/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","useState","PortalContext","jsx","_jsx","PortalProvider","children","contents","setContents","Map","registerContent","id","content","prev","next","set","unregisterContent","has","delete","value","Provider"],"sourceRoot":"../../../../src","sources":["components/portal/PortalProvider.tsx"],"mappings":";;AAAA,SAAyBA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEtE,SAASC,aAAa;AAAmD,SAAAC,GAAA,IAAAC,IAAA;AAMzE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EAChE,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CACtC,MAAM,IAAIQ,GAAG,CAAC,CAChB,CAAC;EAED,MAAMC,eAAe,GAAGX,WAAW,CAAC,CAACY,EAAU,EAAEC,OAAkB,KAAK;IACtEJ,WAAW,CAAEK,IAAI,IAAK;MACpB,MAAMC,IAAI,GAAG,IAAIL,GAAG,CAACI,IAAI,CAAC;MAC1BC,IAAI,CAACC,GAAG,CAACJ,EAAE,EAAEC,OAAO,CAAC;MACrB,OAAOE,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,iBAAiB,GAAGjB,WAAW,CAAEY,EAAU,IAAK;IACpDH,WAAW,CAAEK,IAAI,IAAK;MACpB,IAAI,CAACA,IAAI,CAACI,GAAG,CAACN,EAAE,CAAC,EAAE,OAAOE,IAAI;MAC9B,MAAMC,IAAI,GAAG,IAAIL,GAAG,CAACI,IAAI,CAAC;MAC1BC,IAAI,CAACI,MAAM,CAACP,EAAE,CAAC;MACf,OAAOG,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,KAAK,GAAGnB,OAAO,CACnB,OAAO;IAAEU,eAAe;IAAEM,iBAAiB;IAAET;EAAS,CAAC,CAAC,EACxD,CAACG,eAAe,EAAEM,iBAAiB,EAAET,QAAQ,CAC/C,CAAC;EAED,oBACEH,IAAA,CAACF,aAAa,CAACkB,QAAQ;IAACD,KAAK,EAAEA,KAAM;IAAAb,QAAA,EAAEA;EAAQ,CAAyB,CAAC;AAE7E","ignoreList":[]}
+{"version":3,"names":["useCallback","useMemo","useState","PortalContext","jsx","_jsx","PortalProvider","children","portals","setPortals","upsertPortal","hostName","key","node","prev","hostPortals","existingIndex","findIndex","entry","nextHostPortals","removePortal","filter","length","_removed","rest","value","Provider"],"sourceRoot":"../../../../src","sources":["components/portal/PortalProvider.tsx"],"mappings":";;AAAA,SAAyBA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEtE,SACEC,aAAa;AAGU,SAAAC,GAAA,IAAAC,IAAA;AAMzB;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EAChE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAAc,CAAC,CAAC,CAAC;EAEvD,MAAMQ,YAAY,GAAGV,WAAW,CAC9B,CAACW,QAAgB,EAAEC,GAAW,EAAEC,IAAe,KAAK;IAClDJ,UAAU,CAAEK,IAAI,IAAK;MACnB,MAAMC,WAAW,GAAGD,IAAI,CAACH,QAAQ,CAAC,IAAI,EAAE;MACxC,MAAMK,aAAa,GAAGD,WAAW,CAACE,SAAS,CACxCC,KAAK,IAAKA,KAAK,CAACN,GAAG,KAAKA,GAC3B,CAAC;MAED,IAAII,aAAa,KAAK,CAAC,CAAC,EAAE;QACxB,OAAO;UACL,GAAGF,IAAI;UACP,CAACH,QAAQ,GAAG,CAAC,GAAGI,WAAW,EAAE;YAAEH,GAAG;YAAEC;UAAK,CAAC;QAC5C,CAAC;MACH;MAEA,IAAIE,WAAW,CAACC,aAAa,CAAC,EAAEH,IAAI,KAAKA,IAAI,EAAE;QAC7C,OAAOC,IAAI;MACb;MAEA,MAAMK,eAAe,GAAG,CAAC,GAAGJ,WAAW,CAAC;MACxCI,eAAe,CAACH,aAAa,CAAC,GAAG;QAAEJ,GAAG;QAAEC;MAAK,CAAC;MAE9C,OAAO;QACL,GAAGC,IAAI;QACP,CAACH,QAAQ,GAAGQ;MACd,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,MAAMC,YAAY,GAAGpB,WAAW,CAAC,CAACW,QAAgB,EAAEC,GAAW,KAAK;IAClEH,UAAU,CAAEK,IAAI,IAAK;MACnB,MAAMC,WAAW,GAAGD,IAAI,CAACH,QAAQ,CAAC,IAAI,EAAE;MACxC,MAAMQ,eAAe,GAAGJ,WAAW,CAACM,MAAM,CAAEH,KAAK,IAAKA,KAAK,CAACN,GAAG,KAAKA,GAAG,CAAC;MAExE,IAAIO,eAAe,CAACG,MAAM,KAAKP,WAAW,CAACO,MAAM,EAAE;QACjD,OAAOR,IAAI;MACb;MAEA,IAAIK,eAAe,CAACG,MAAM,KAAK,CAAC,EAAE;QAChC,MAAM;UAAE,CAACX,QAAQ,GAAGY,QAAQ;UAAE,GAAGC;QAAK,CAAC,GAAGV,IAAI;QAC9C,OAAOU,IAAI;MACb;MAEA,OAAO;QACL,GAAGV,IAAI;QACP,CAACH,QAAQ,GAAGQ;MACd,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,KAAK,GAAGxB,OAAO,CACnB,OAAO;IAAEO,OAAO;IAAEE,YAAY;IAAEU;EAAa,CAAC,CAAC,EAC/C,CAACZ,OAAO,EAAEY,YAAY,EAAEV,YAAY,CACtC,CAAC;EAED,oBACEL,IAAA,CAACF,aAAa,CAACuB,QAAQ;IAACD,KAAK,EAAEA,KAAM;IAAAlB,QAAA,EAAEA;EAAQ,CAAyB,CAAC;AAE7E","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-export { usePortal } from "./PortalContext.js";
+export { Portal } from "./Portal.js";
 export { PortalHost } from "./PortalHost.js";
 export { PortalProvider } from "./PortalProvider.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["usePortal","PortalHost","PortalProvider"],"sourceRoot":"../../../../src","sources":["components/portal/index.ts"],"mappings":";;AACA,SAASA,SAAS;AAClB,SAASC,UAAU;AAEnB,SAASC,cAAc","ignoreList":[]}
+{"version":3,"names":["Portal","PortalHost","PortalProvider"],"sourceRoot":"../../../../src","sources":["components/portal/index.ts"],"mappings":";;AACA,SAASA,MAAM;AAGf,SAASC,UAAU;AAEnB,SAASC,cAAc","ignoreList":[]}