react-native-terra-ui 0.1.0

package/lib/module/components/page-indicator/variants/DotIndicator/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DOT_SIZE","GAP","RING_SIZE","RING_STROKE","RING_RADIUS","DOT_INDICATOR_GEOMETRY","dotSize","slot","crossSize","Math","max","ringSize","ringStroke","ringRadius","ringCircumference","PI","inactiveOpacity","pageIndicatorDotCenter","index"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/DotIndicator/utils.ts"],"mappings":";;AAAA;AACA,MAAMA,QAAQ,GAAG,CAAC;AAClB,MAAMC,GAAG,GAAG,CAAC;AACb,MAAMC,SAAS,GAAG,EAAE;AACpB,MAAMC,WAAW,GAAG,GAAG;AACvB,MAAMC,WAAW,GAAG,CAACF,SAAS,GAAGC,WAAW,IAAI,CAAC;;AAEjD;AACA,OAAO,MAAME,sBAAsB,GAAG;EACpCC,OAAO,EAAEN,QAAQ;EACjBO,IAAI,EAAEP,QAAQ,GAAGC,GAAG;EACpBO,SAAS,EAAEC,IAAI,CAACC,GAAG,CAACR,SAAS,EAAEF,QAAQ,CAAC;EACxCW,QAAQ,EAAET,SAAS;EACnBU,UAAU,EAAET,WAAW;EACvBU,UAAU,EAAET,WAAW;EACvBU,iBAAiB,EAAE,CAAC,GAAGL,IAAI,CAACM,EAAE,GAAGX,WAAW;EAC5CY,eAAe,EAAE;AACnB,CAAU;;AAEV;AACA,OAAO,SAASC,sBAAsBA,CACpCC,KAAa,EACbX,IAAY,EACZD,OAAe,EACP;EACR,SAAS;;EACT,OAAOY,KAAK,GAAGX,IAAI,GAAGD,OAAO,GAAG,CAAC;AACnC","ignoreList":[]}

package/lib/module/components/page-indicator/variants/PillIndicator/PillIndicatorDot.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import Animated, { Extrapolation, interpolate, interpolateColor, useAnimatedStyle } from 'react-native-reanimated';
+import { pageIndicatorWindowScale } from "../../utils.js";
+import { PILL_INDICATOR_GEOMETRY, pillIndicatorDotDistance, pillIndicatorJumpDisplayProgress, readPillJumpState } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PillIndicatorDot({
+  activeColor,
+  inactiveColor,
+  count,
+  index,
+  maxVisible,
+  overflows,
+  pillJump,
+  progress,
+  vertical
+}) {
+  const {
+    dotSize,
+    activeWidth,
+    inactiveOpacity,
+    inactiveScale,
+    slot
+  } = PILL_INDICATOR_GEOMETRY;
+  const animatedStyle = useAnimatedStyle(() => {
+    const jump = readPillJumpState(pillJump);
+    const displayProgress = pillIndicatorJumpDisplayProgress(progress.value, jump.active, jump.from, jump.to, jump.t);
+    const distance = pillIndicatorDotDistance(index, progress.value, jump.active, jump.from, jump.to, jump.t);
+    const mainSize = interpolate(distance, [0, 1], [activeWidth, dotSize], Extrapolation.CLAMP);
+    const activeScale = interpolate(distance, [0, 1], [1, inactiveScale], Extrapolation.CLAMP);
+    const edgeScale = overflows ? pageIndicatorWindowScale(index, displayProgress, count, slot, dotSize, maxVisible, activeWidth) : 1;
+    return {
+      ...(vertical ? {
+        width: dotSize,
+        height: mainSize
+      } : {
+        width: mainSize,
+        height: dotSize
+      }),
+      opacity: interpolate(distance, [0, 1], [1, inactiveOpacity], Extrapolation.CLAMP),
+      transform: [{
+        scale: activeScale * edgeScale
+      }],
+      backgroundColor: interpolateColor(distance, [0, 1], [activeColor, inactiveColor])
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      borderRadius: 999
+    }, animatedStyle]
+  });
+}
+//# sourceMappingURL=PillIndicatorDot.js.map

package/lib/module/components/page-indicator/variants/PillIndicator/PillIndicatorDot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Extrapolation","interpolate","interpolateColor","useAnimatedStyle","pageIndicatorWindowScale","PILL_INDICATOR_GEOMETRY","pillIndicatorDotDistance","pillIndicatorJumpDisplayProgress","readPillJumpState","jsx","_jsx","PillIndicatorDot","activeColor","inactiveColor","count","index","maxVisible","overflows","pillJump","progress","vertical","dotSize","activeWidth","inactiveOpacity","inactiveScale","slot","animatedStyle","jump","displayProgress","value","active","from","to","t","distance","mainSize","CLAMP","activeScale","edgeScale","width","height","opacity","transform","scale","backgroundColor","View","style","borderRadius"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/PillIndicator/PillIndicatorDot.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,IACbC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAEhBC,gBAAgB,QACX,yBAAyB;AAGhC,SAASC,wBAAwB,QAAQ,gBAAa;AAEtD,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,gCAAgC,EAChCC,iBAAiB,QACZ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcjB,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,WAAW;EACXC,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,eAAe;IAAEC,aAAa;IAAEC;EAAK,CAAC,GAClEpB,uBAAuB;EAEzB,MAAMqB,aAAa,GAAGvB,gBAAgB,CAAC,MAAM;IAC3C,MAAMwB,IAAI,GAAGnB,iBAAiB,CAACU,QAAQ,CAAC;IACxC,MAAMU,eAAe,GAAGrB,gCAAgC,CACtDY,QAAQ,CAACU,KAAK,EACdF,IAAI,CAACG,MAAM,EACXH,IAAI,CAACI,IAAI,EACTJ,IAAI,CAACK,EAAE,EACPL,IAAI,CAACM,CACP,CAAC;IACD,MAAMC,QAAQ,GAAG5B,wBAAwB,CACvCS,KAAK,EACLI,QAAQ,CAACU,KAAK,EACdF,IAAI,CAACG,MAAM,EACXH,IAAI,CAACI,IAAI,EACTJ,IAAI,CAACK,EAAE,EACPL,IAAI,CAACM,CACP,CAAC;IAED,MAAME,QAAQ,GAAGlC,WAAW,CAC1BiC,QAAQ,EACR,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACZ,WAAW,EAAED,OAAO,CAAC,EACtBrB,aAAa,CAACoC,KAChB,CAAC;IACD,MAAMC,WAAW,GAAGpC,WAAW,CAC7BiC,QAAQ,EACR,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEV,aAAa,CAAC,EAClBxB,aAAa,CAACoC,KAChB,CAAC;IACD,MAAME,SAAS,GAAGrB,SAAS,GACvBb,wBAAwB,CACtBW,KAAK,EACLa,eAAe,EACfd,KAAK,EACLW,IAAI,EACJJ,OAAO,EACPL,UAAU,EACVM,WACF,CAAC,GACD,CAAC;IAEL,OAAO;MACL,IAAIF,QAAQ,GACR;QAAEmB,KAAK,EAAElB,OAAO;QAAEmB,MAAM,EAAEL;MAAS,CAAC,GACpC;QAAEI,KAAK,EAAEJ,QAAQ;QAAEK,MAAM,EAAEnB;MAAQ,CAAC,CAAC;MACzCoB,OAAO,EAAExC,WAAW,CAClBiC,QAAQ,EACR,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEX,eAAe,CAAC,EACpBvB,aAAa,CAACoC,KAChB,CAAC;MACDM,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAEN,WAAW,GAAGC;MAAU,CAAC,CAAC;MAC/CM,eAAe,EAAE1C,gBAAgB,CAC/BgC,QAAQ,EACR,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACtB,WAAW,EAAEC,aAAa,CAC7B;IACF,CAAC;EACH,CAAC,CAAC;EAEF,oBAAOH,IAAA,CAACX,QAAQ,CAAC8C,IAAI;IAACC,KAAK,EAAE,CAAC;MAAEC,YAAY,EAAE;IAAI,CAAC,EAAErB,aAAa;EAAE,CAAE,CAAC;AACzE","ignoreList":[]}

package/lib/module/components/page-indicator/variants/PillIndicator/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+import { useMemo } from 'react';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { usePageIndicatorCore } from "../../hooks/use-page-indicator-core.js";
+import { PageIndicatorRoot } from "../../PageIndicatorRoot.js";
+import { computePageIndicatorWindowTranslate, DEFAULT_PAGE_INDICATOR_MAX_VISIBLE, PAGE_INDICATOR_SINGLE_PAGE_DURATION, pageIndicatorAxisTranslateStyle, pageIndicatorTrackMainSize, pageIndicatorViewportMainSize } from "../../utils.js";
+import { PillIndicatorDot } from "./PillIndicatorDot.js";
+import { PILL_INDICATOR_GEOMETRY, pillIndicatorJumpDisplayProgress } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PillIndicator({
+  count,
+  current = 0,
+  duration = PAGE_INDICATOR_SINGLE_PAGE_DURATION,
+  activeColor,
+  inactiveColor,
+  vertical = false,
+  maxVisible = DEFAULT_PAGE_INDICATOR_MAX_VISIBLE,
+  style
+}) {
+  const {
+    colors,
+    pillJump,
+    progress
+  } = usePageIndicatorCore(count, current, 'pill', duration, {
+    activeColor,
+    inactiveColor
+  });
+  const {
+    dotSize,
+    gap,
+    slot,
+    activeWidth
+  } = PILL_INDICATOR_GEOMETRY;
+  const viewportMainSize = pageIndicatorViewportMainSize(count, slot, dotSize, maxVisible, activeWidth);
+  const fullTrackMainSize = pageIndicatorTrackMainSize(count, slot, dotSize, activeWidth);
+  const overflows = count > maxVisible;
+  const indices = useMemo(() => Array.from({
+    length: count
+  }, (_, index) => index), [count]);
+  const trackStyle = useAnimatedStyle(() => {
+    const displayProgress = pillIndicatorJumpDisplayProgress(progress.value, pillJump.active.value, pillJump.from.value, pillJump.to.value, pillJump.t.value);
+    const translate = computePageIndicatorWindowTranslate(count, displayProgress, slot, dotSize, maxVisible, activeWidth);
+    return pageIndicatorAxisTranslateStyle(vertical, translate);
+  });
+  return /*#__PURE__*/_jsx(PageIndicatorRoot, {
+    style: style,
+    vertical: vertical,
+    viewportMainSize: viewportMainSize,
+    overflows: overflows,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        flexDirection: vertical ? 'column' : 'row',
+        alignItems: 'center',
+        gap,
+        ...(overflows ? vertical ? {
+          height: fullTrackMainSize
+        } : {
+          width: fullTrackMainSize
+        } : undefined)
+      }, overflows ? trackStyle : null],
+      children: indices.map(index => /*#__PURE__*/_jsx(PillIndicatorDot, {
+        activeColor: colors.activeColor,
+        inactiveColor: colors.inactiveColor,
+        count: count,
+        index: index,
+        pillJump: pillJump,
+        progress: progress,
+        vertical: vertical,
+        overflows: overflows,
+        maxVisible: maxVisible
+      }, index))
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/page-indicator/variants/PillIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Animated","useAnimatedStyle","usePageIndicatorCore","PageIndicatorRoot","computePageIndicatorWindowTranslate","DEFAULT_PAGE_INDICATOR_MAX_VISIBLE","PAGE_INDICATOR_SINGLE_PAGE_DURATION","pageIndicatorAxisTranslateStyle","pageIndicatorTrackMainSize","pageIndicatorViewportMainSize","PillIndicatorDot","PILL_INDICATOR_GEOMETRY","pillIndicatorJumpDisplayProgress","jsx","_jsx","PillIndicator","count","current","duration","activeColor","inactiveColor","vertical","maxVisible","style","colors","pillJump","progress","dotSize","gap","slot","activeWidth","viewportMainSize","fullTrackMainSize","overflows","indices","Array","from","length","_","index","trackStyle","displayProgress","value","active","to","t","translate","children","View","flexDirection","alignItems","height","width","undefined","map"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/PillIndicator/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/page-indicator/variants/PillIndicator/utils.js

@@ -0,0 +1,47 @@
+"use strict";
+
+const DOT_SIZE = 8;
+const GAP = 8;
+
+/** Precomputed geometry shared by PillIndicator sub-components. */
+export const PILL_INDICATOR_GEOMETRY = {
+  dotSize: DOT_SIZE,
+  gap: GAP,
+  slot: DOT_SIZE + GAP,
+  activeWidth: 24,
+  inactiveOpacity: 0.42,
+  inactiveScale: 0.9
+};
+export function readPillJumpState(jump) {
+  'worklet';
+
+  return {
+    active: jump.active.value,
+    from: jump.from.value,
+    to: jump.to.value,
+    t: jump.t.value
+  };
+}
+export function pillIndicatorDotDistance(index, progress, jumpActive, jumpFrom, jumpTo, jumpT) {
+  'worklet';
+
+  if (!jumpActive) {
+    return Math.min(Math.abs(progress - index), 1);
+  }
+  if (index === jumpFrom) {
+    return jumpT;
+  }
+  if (index === jumpTo) {
+    return 1 - jumpT;
+  }
+  return 1;
+}
+
+/** Progress for window translation during a multi-page pill jump. */
+export function pillIndicatorJumpDisplayProgress(progress, jumpActive, jumpFrom, jumpTo, jumpT) {
+  'worklet';
+
+  if (!jumpActive) return progress;
+  return jumpFrom + jumpT * (jumpTo - jumpFrom);
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/components/page-indicator/variants/PillIndicator/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DOT_SIZE","GAP","PILL_INDICATOR_GEOMETRY","dotSize","gap","slot","activeWidth","inactiveOpacity","inactiveScale","readPillJumpState","jump","active","value","from","to","t","pillIndicatorDotDistance","index","progress","jumpActive","jumpFrom","jumpTo","jumpT","Math","min","abs","pillIndicatorJumpDisplayProgress"],"sourceRoot":"../../../../../../src","sources":["components/page-indicator/variants/PillIndicator/utils.ts"],"mappings":";;AAEA,MAAMA,QAAQ,GAAG,CAAC;AAClB,MAAMC,GAAG,GAAG,CAAC;;AAEb;AACA,OAAO,MAAMC,uBAAuB,GAAG;EACrCC,OAAO,EAAEH,QAAQ;EACjBI,GAAG,EAAEH,GAAG;EACRI,IAAI,EAAEL,QAAQ,GAAGC,GAAG;EACpBK,WAAW,EAAE,EAAE;EACfC,eAAe,EAAE,IAAI;EACrBC,aAAa,EAAE;AACjB,CAAU;AAIV,OAAO,SAASC,iBAAiBA,CAACC,IAAmB,EAAE;EACrD,SAAS;;EACT,OAAO;IACLC,MAAM,EAAED,IAAI,CAACC,MAAM,CAACC,KAAK;IACzBC,IAAI,EAAEH,IAAI,CAACG,IAAI,CAACD,KAAK;IACrBE,EAAE,EAAEJ,IAAI,CAACI,EAAE,CAACF,KAAK;IACjBG,CAAC,EAAEL,IAAI,CAACK,CAAC,CAACH;EACZ,CAAC;AACH;AAEA,OAAO,SAASI,wBAAwBA,CACtCC,KAAa,EACbC,QAAgB,EAChBC,UAAmB,EACnBC,QAAgB,EAChBC,MAAc,EACdC,KAAa,EACL;EACR,SAAS;;EACT,IAAI,CAACH,UAAU,EAAE;IACf,OAAOI,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,QAAQ,GAAGD,KAAK,CAAC,EAAE,CAAC,CAAC;EAChD;EAEA,IAAIA,KAAK,KAAKG,QAAQ,EAAE;IACtB,OAAOE,KAAK;EACd;EAEA,IAAIL,KAAK,KAAKI,MAAM,EAAE;IACpB,OAAO,CAAC,GAAGC,KAAK;EAClB;EAEA,OAAO,CAAC;AACV;;AAEA;AACA,OAAO,SAASI,gCAAgCA,CAC9CR,QAAgB,EAChBC,UAAmB,EACnBC,QAAgB,EAChBC,MAAc,EACdC,KAAa,EACL;EACR,SAAS;;EACT,IAAI,CAACH,UAAU,EAAE,OAAOD,QAAQ;EAChC,OAAOE,QAAQ,GAAGE,KAAK,IAAID,MAAM,GAAGD,QAAQ,CAAC;AAC/C","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+import { createContext, useContext } 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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+import { View } from 'react-native';
+import { usePortal } from "./PortalContext.js";
+
+/**
+ * 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`).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PortalHost() {
+  const {
+    contents
+  } = usePortal();
+  return /*#__PURE__*/_jsx(View, {
+    collapsable: false,
+    children: Array.from(contents.entries()).map(([id, content]) => /*#__PURE__*/_jsx(View, {
+      children: content
+    }, id))
+  });
+}
+//# sourceMappingURL=PortalHost.js.map

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

@@ -0,0 +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,QAAQ,oBAAiB;;AAE3C;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":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+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.
+ */
+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 unregisterContent = useCallback(id => {
+    setContents(prev => {
+      if (!prev.has(id)) return prev;
+      const next = new Map(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const value = useMemo(() => ({
+    registerContent,
+    unregisterContent,
+    contents
+  }), [registerContent, unregisterContent, contents]);
+  return /*#__PURE__*/_jsx(PortalContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+//# sourceMappingURL=PortalProvider.js.map

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

@@ -0,0 +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,QAAiC,oBAAiB;AAAC,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":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["usePortal","PortalHost","PortalProvider"],"sourceRoot":"../../../../src","sources":["components/portal/index.ts"],"mappings":";;AACA,SAASA,SAAS,QAAQ,oBAAiB;AAC3C,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,cAAc,QAAQ,qBAAkB","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+import { Children, Fragment, forwardRef, isValidElement, useMemo } from 'react';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useUnistyles } from 'react-native-unistyles';
+import { resolveThemeColor } from '#utils/resolve-theme-color';
+import { PortalProvider } from "../portal/index.js";
+import { ScreenScrollProvider } from "./ScreenContext.js";
+import { ScreenFlatList } from "./ScreenFlatList.js";
+import { ScreenScrollView } from "./ScreenScrollView.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Marker slot identifying the screen's header — its purpose is to let
+ * `Screen` detect a header synchronously and drop the `top` safe-area edge
+ * (the header manages its own top inset).
+ *
+ * Place a `Header.Title` / `Header.LargeTitle` (or any custom header) inside it.
+ *
+ * @example
+ * ```tsx
+ * <Screen.Header as={Header.Title} title="Meditate" />
+ * ```
+ */
+function ScreenHeader({
+  children,
+  as,
+  ...rest
+}) {
+  const Component = as ?? Fragment;
+  return /*#__PURE__*/_jsx(Component, {
+    ...rest,
+    children: children
+  });
+}
+
+/** True if `children` directly contains a `Screen.Header`. */
+function hasScreenHeader(children) {
+  let found = false;
+  Children.forEach(children, child => {
+    if (found) return;
+    if (/*#__PURE__*/isValidElement(child) && child.type === ScreenHeader) found = true;
+  });
+  return found;
+}
+/**
+ * Themed page container: solid themed background, safe-area handling, and a
+ * shared scroll context for headers. Pair with `Screen.ScrollView` /
+ * `Screen.FlatList` and a `Header.LargeTitle` / `Header.Title`.
+ *
+ * @example
+ * ```tsx
+ * <Screen>
+ *   <Screen.Header as={Header.LargeTitle} title="Meditate" />
+ *   <Screen.ScrollView>{content}</Screen.ScrollView>
+ * </Screen>
+ * ```
+ */
+const ScreenBase = /*#__PURE__*/forwardRef(function Screen({
+  children,
+  bg = 'background',
+  edges,
+  inTabView = false,
+  margins = true,
+  style,
+  ...rest
+}, ref) {
+  const {
+    theme
+  } = useUnistyles();
+  const backgroundColor = resolveThemeColor(bg, theme) ?? theme.color.background;
+  const hasHeader = useMemo(() => hasScreenHeader(children), [children]);
+  const safeEdges = useMemo(() => {
+    if (edges) {
+      return hasHeader ? edges.filter(edge => edge !== 'top') : edges;
+    }
+    return hasHeader ? [] : ['top', 'bottom'];
+  }, [edges, hasHeader]);
+  return /*#__PURE__*/_jsx(ScreenScrollProvider, {
+    isInTabView: inTabView,
+    margins: margins,
+    hasHeader: hasHeader,
+    children: /*#__PURE__*/_jsx(PortalProvider, {
+      children: /*#__PURE__*/_jsx(SafeAreaView, {
+        ref: ref,
+        edges: safeEdges,
+        style: [{
+          flex: 1,
+          backgroundColor
+        }, style],
+        ...rest,
+        children: children
+      })
+    })
+  });
+});
+ScreenBase.Header = ScreenHeader;
+ScreenBase.ScrollView = ScreenScrollView;
+ScreenBase.FlatList = ScreenFlatList;
+export const Screen = ScreenBase;
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","Fragment","forwardRef","isValidElement","useMemo","SafeAreaView","useUnistyles","resolveThemeColor","PortalProvider","ScreenScrollProvider","ScreenFlatList","ScreenScrollView","jsx","_jsx","ScreenHeader","children","as","rest","Component","hasScreenHeader","found","forEach","child","type","ScreenBase","Screen","bg","edges","inTabView","margins","style","ref","theme","backgroundColor","color","background","hasHeader","safeEdges","filter","edge","isInTabView","flex","Header","ScrollView","FlatList"],"sourceRoot":"../../../../src","sources":["components/screen/Screen.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { useAnimatedRef, useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ScreenContext = /*#__PURE__*/createContext(null);
+/**
+ * Owns the screen's shared scroll ref, offset, snap offsets, and header collapse
+ * metrics. Header variants call {@link ScreenContextValue.setHeaderCollapseHeight};
+ * scroll containers bind the ref via {@link useScreen}.
+ */
+export function ScreenScrollProvider({
+  children,
+  isInTabView,
+  margins = true,
+  hasHeader = false
+}) {
+  const scrollY = useSharedValue(0);
+  const headerCollapseHeight = useSharedValue(0);
+  const [headerSnapOffsets, setHeaderSnapOffsets] = useState();
+  const scrollRef = useAnimatedRef();
+  const setHeaderCollapseHeight = useCallback(height => {
+    const rounded = Math.round(height);
+    headerCollapseHeight.value = rounded;
+    setHeaderSnapOffsets(rounded > 0 ? [0, rounded] : undefined);
+  }, [headerCollapseHeight]);
+  const scrollHandler = useAnimatedScrollHandler({
+    onScroll: event => {
+      scrollY.value = event.contentOffset.y;
+    }
+  });
+  const value = useMemo(() => ({
+    margins,
+    hasHeader,
+    scrollY,
+    headerCollapseHeight,
+    headerSnapOffsets,
+    setHeaderCollapseHeight,
+    scrollRef,
+    scrollHandler,
+    isInTabView
+  }), [margins, hasHeader, scrollY, headerCollapseHeight, headerSnapOffsets, setHeaderCollapseHeight, scrollRef, scrollHandler, isInTabView]);
+  return /*#__PURE__*/_jsx(ScreenContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/**
+ * Access the enclosing `Screen`'s shared scroll state, ref, and snap offsets.
+ *
+ * @example
+ * ```tsx
+ * const { scrollY, scrollRef, headerSnapOffsets } = useScreen();
+ * ```
+ *
+ * @throws if called outside a `Screen`.
+ */
+export function useScreen() {
+  const context = useContext(ScreenContext);
+  if (!context) {
+    throw new Error('useScreen must be used within a Screen component');
+  }
+  return context;
+}
+//# sourceMappingURL=ScreenContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useCallback","useContext","useMemo","useState","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","jsx","_jsx","ScreenContext","ScreenScrollProvider","children","isInTabView","margins","hasHeader","scrollY","headerCollapseHeight","headerSnapOffsets","setHeaderSnapOffsets","scrollRef","setHeaderCollapseHeight","height","rounded","Math","round","value","undefined","scrollHandler","onScroll","event","contentOffset","y","Provider","useScreen","context","Error"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenContext.tsx"],"mappings":";;AAAA,SACEA,aAAa,EAEbC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,QAAQ,QACH,OAAO;AAEd,SAIEC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuCjC,OAAO,MAAMC,aAAa,gBAAGV,aAAa,CAA4B,IAAI,CAAC;AAW3E;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,oBAAoBA,CAAC;EACnCC,QAAQ;EACRC,WAAW;EACXC,OAAO,GAAG,IAAI;EACdC,SAAS,GAAG;AACa,CAAC,EAAE;EAC5B,MAAMC,OAAO,GAAGT,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMU,oBAAoB,GAAGV,cAAc,CAAC,CAAC,CAAC;EAC9C,MAAM,CAACW,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGf,QAAQ,CAAW,CAAC;EACtE,MAAMgB,SAAS,GAAGf,cAAc,CAAsB,CAAC;EAEvD,MAAMgB,uBAAuB,GAAGpB,WAAW,CACxCqB,MAAc,IAAK;IAClB,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACH,MAAM,CAAC;IAClCL,oBAAoB,CAACS,KAAK,GAAGH,OAAO;IACpCJ,oBAAoB,CAACI,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,EAAEA,OAAO,CAAC,GAAGI,SAAS,CAAC;EAC9D,CAAC,EACD,CAACV,oBAAoB,CACvB,CAAC;EAED,MAAMW,aAAa,GAAGtB,wBAAwB,CAAC;IAC7CuB,QAAQ,EAAGC,KAAK,IAAK;MACnBd,OAAO,CAACU,KAAK,GAAGI,KAAK,CAACC,aAAa,CAACC,CAAC;IACvC;EACF,CAAC,CAAC;EAEF,MAAMN,KAAK,GAAGvB,OAAO,CACnB,OAAO;IACLW,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,oBAAoB;IACpBC,iBAAiB;IACjBG,uBAAuB;IACvBD,SAAS;IACTQ,aAAa;IACbf;EACF,CAAC,CAAC,EACF,CACEC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,oBAAoB,EACpBC,iBAAiB,EACjBG,uBAAuB,EACvBD,SAAS,EACTQ,aAAa,EACbf,WAAW,CAEf,CAAC;EAED,oBACEJ,IAAA,CAACC,aAAa,CAACuB,QAAQ;IAACP,KAAK,EAAEA,KAAM;IAAAd,QAAA,EAAEA;EAAQ,CAAyB,CAAC;AAE7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASsB,SAASA,CAAA,EAAuB;EAC9C,MAAMC,OAAO,GAAGjC,UAAU,CAACQ,aAAa,CAAC;EACzC,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EACrE;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import { createElement, isValidElement } 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 { PortalHost } from "../portal/index.js";
+import { useScreen } from "./ScreenContext.js";
+import { resolveScreenContentInsets } from "./utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function renderListHeader(ListHeaderComponent) {
+  if (!ListHeaderComponent) return null;
+  if (/*#__PURE__*/isValidElement(ListHeaderComponent)) return ListHeaderComponent;
+  return /*#__PURE__*/createElement(ListHeaderComponent);
+}
+
+/**
+ * `FlatList` variant of `Screen.ScrollView`: binds the screen's shared scroll
+ * ref, mirrors offset into `scrollY`, hosts the portal target above the list,
+ * and applies token-driven content padding.
+ *
+ * @example
+ * ```tsx
+ * <Screen.FlatList data={items} renderItem={({ item }) => <Row item={item} />} />
+ * ```
+ */
+export function ScreenFlatList({
+  style,
+  contentContainerStyle,
+  ListHeaderComponent,
+  margins,
+  bottomInset,
+  onScroll,
+  ...rest
+}) {
+  const {
+    theme
+  } = useUnistyles();
+  const {
+    top
+  } = useSafeAreaInsets();
+  const {
+    scrollRef,
+    scrollHandler,
+    headerSnapOffsets,
+    margins: screenMargins,
+    hasHeader
+  } = useScreen();
+  const margin = theme.layout.screen.margin;
+  const marginsEnabled = margins ?? screenMargins;
+  const compactHeaderHeight = hasHeader ? top + theme.layout.header.height : 0;
+  const {
+    contentPadding
+  } = resolveScreenContentInsets(margin, marginsEnabled, bottomInset, compactHeaderHeight);
+  const jsScrollHandler = useAnimatedScrollHandler(event => {
+    if (onScroll) onScroll(event);
+  }, [onScroll]);
+  const composedHandler = useComposedEventHandler([scrollHandler, jsScrollHandler]);
+  const headerComponent = /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(PortalHost, {}), renderListHeader(ListHeaderComponent)]
+  });
+  return /*#__PURE__*/_jsx(Animated.FlatList, {
+    ref: scrollRef,
+    style: style,
+    contentContainerStyle: [contentPadding, contentContainerStyle],
+    ListHeaderComponent: headerComponent,
+    showsVerticalScrollIndicator: false,
+    scrollEventThrottle: 16,
+    snapToOffsets: headerSnapOffsets,
+    ...rest,
+    onScroll: composedHandler
+  });
+}
+//# sourceMappingURL=ScreenFlatList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","isValidElement","View","Animated","useAnimatedScrollHandler","useComposedEventHandler","useSafeAreaInsets","useUnistyles","PortalHost","useScreen","resolveScreenContentInsets","jsx","_jsx","jsxs","_jsxs","renderListHeader","ListHeaderComponent","ScreenFlatList","style","contentContainerStyle","margins","bottomInset","onScroll","rest","theme","top","scrollRef","scrollHandler","headerSnapOffsets","screenMargins","hasHeader","margin","layout","screen","marginsEnabled","compactHeaderHeight","header","height","contentPadding","jsScrollHandler","event","composedHandler","headerComponent","children","FlatList","ref","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenFlatList.tsx"],"mappings":";;AAAA,SACEA,aAAa,EAEbC,cAAc,QAET,OAAO;AACd,SAIEC,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,QAAQ,oBAAW;AACtC,SAASC,SAAS,QAAQ,oBAAiB;AAC3C,SAASC,0BAA0B,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBrD,SAASC,gBAAgBA,CACvBC,mBAAkE,EAC7C;EACrB,IAAI,CAACA,mBAAmB,EAAE,OAAO,IAAI;EACrC,iBAAIf,cAAc,CAACe,mBAAmB,CAAC,EAAE,OAAOA,mBAAmB;EACnE,oBAAOhB,aAAa,CAACgB,mBAAwC,CAAC;AAChE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAI;EAChCC,KAAK;EACLC,qBAAqB;EACrBH,mBAAmB;EACnBI,OAAO;EACPC,WAAW;EACXC,QAAQ;EACR,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAChC,MAAM;IAAEkB;EAAI,CAAC,GAAGnB,iBAAiB,CAAC,CAAC;EACnC,MAAM;IACJoB,SAAS;IACTC,aAAa;IACbC,iBAAiB;IACjBR,OAAO,EAAES,aAAa;IACtBC;EACF,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAEf,MAAMsB,MAAM,GAAGP,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACF,MAAM;EACzC,MAAMG,cAAc,GAAGd,OAAO,IAAIS,aAAa;EAC/C,MAAMM,mBAAmB,GAAGL,SAAS,GAAGL,GAAG,GAAGD,KAAK,CAACQ,MAAM,CAACI,MAAM,CAACC,MAAM,GAAG,CAAC;EAC5E,MAAM;IAAEC;EAAe,CAAC,GAAG5B,0BAA0B,CACnDqB,MAAM,EACNG,cAAc,EACdb,WAAW,EACXc,mBACF,CAAC;EAED,MAAMI,eAAe,GAAGnC,wBAAwB,CAC7CoC,KAAK,IAAK;IACT,IAAIlB,QAAQ,EACVA,QAAQ,CAACkB,KAA2D,CAAC;EACzE,CAAC,EACD,CAAClB,QAAQ,CACX,CAAC;EAED,MAAMmB,eAAe,GAAGpC,uBAAuB,CAAC,CAC9CsB,aAAa,EACbY,eAAe,CAChB,CAAC;EAEF,MAAMG,eAAe,gBACnB5B,KAAA,CAACZ,IAAI;IAAAyC,QAAA,gBACH/B,IAAA,CAACJ,UAAU,IAAE,CAAC,EACbO,gBAAgB,CAACC,mBAAmB,CAAC;EAAA,CAClC,CACP;EAED,oBACEJ,IAAA,CAACT,QAAQ,CAACyC,QAAQ;IAChBC,GAAG,EAAEnB,SAA0D;IAC/DR,KAAK,EAAEA,KAAM;IACbC,qBAAqB,EAAE,CAACmB,cAAc,EAAEnB,qBAAqB,CAAE;IAC/DH,mBAAmB,EAAE0B,eAAgB;IACrCI,4BAA4B,EAAE,KAAM;IACpCC,mBAAmB,EAAE,EAAG;IACxBC,aAAa,EAAEpB,iBAAkB;IAAA,GAC7BL,IAAI;IACRD,QAAQ,EAAEmB;EAAgB,CAC3B,CAAC;AAEN","ignoreList":[]}