fluent-styles 1.53.0 → 1.55.0

package/lib/module/popup/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useRef","useState","Animated","BackHandler","Easing","Modal","Platform","Pressable","StyleSheet","Text","TouchableOpacity","useColorScheme","View","useSafeAreaInsets","POPUP_COLORS_DARK","POPUP_COLORS_LIGHT","animatedStyle","getBorderRadius","getPositionStyle","hiddenValue","resolveAnimation","visibleValue","jsx","_jsx","jsxs","_jsxs","CloseButton","onPress","color","bg","hitSlop","top","bottom","left","right","style","close","btn","backgroundColor","accessibilityLabel","accessibilityRole","children","icon","create","width","height","borderRadius","alignItems","justifyContent","fontSize","fontWeight","lineHeight","PopupInner","visible","overlay","overlayColor","closeOnPressOverlay","onPressOverlay","position","animation","animProp","duration","spring","round","roundRadius","safeAreaBottom","safeAreaTop","lazyRender","destroyOnClose","title","subtitle","showHandle","showHandleProp","showClose","onClose","overlayStyle","headerStyle","titleStyle","subtitleStyle","colors","colorOverrides","onOpen","onOpened","onClosed","onRequestClose","testID","scheme","baseColors","insets","HIDDEN","VISIBLE","hasEverOpened","mounted","setMounted","modalVisible","setModalVisible","anim","Value","current","overlayAnim","isAnimating","onOpenedRef","onClosedRef","runAnimation","toVisible","onDone","toValue","makeAnim","val","target","timing","useNativeDriver","damping","stiffness","mass","easing","out","cubic","in","parallel","start","finished","requestAnimationFrame","OS","handler","addEventListener","remove","handleOverlayPress","_showHandle","popupAnimatedStyle","radiusStyle","safeStyle","paddingBottom","paddingTop","positionStyle","transparent","statusBarTranslucent","animationType","absoluteFill","opacity","pointerEvents","S","surface","background","handle_wrap","handle","header","borderBottomColor","headerBorder","header_no_top_pad","header_text","header_title","headerTitle","numberOfLines","header_subtitle","headerSubtitle","closeIcon","closeIconBg","explicit","undefined","overflow","flexDirection","paddingHorizontal","borderBottomWidth","hairlineWidth","gap","flex","letterSpacing","Popup"],"sourceRoot":"../../../src","sources":["popup/Popup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/popup/helpers.js

@@ -0,0 +1,159 @@
+"use strict";
+
+import { Dimensions } from 'react-native';
+// ─── Resolve default animation per position ───────────────────────────────────
+
+export function resolveAnimation(animation, position) {
+  if (animation) return animation;
+  return position === 'center' ? 'scale' : 'slide';
+}
+
+// ─── Animated value: "hidden" end-state ───────────────────────────────────────
+// For slide: off-screen offset (px).  For fade/scale: target opacity/scale.
+
+export function hiddenValue(animation, position) {
+  if (animation === 'fade') return 0; // opacity 0
+  if (animation === 'scale') return 0.88; // scale 0.88
+  if (animation === 'none') return 0;
+
+  // slide — return the off-screen offset in the axis of motion
+  const {
+    width,
+    height
+  } = Dimensions.get('window');
+  switch (position) {
+    case 'top':
+      return -height;
+    case 'bottom':
+      return height;
+    case 'left':
+      return -width;
+    case 'right':
+      return width;
+    default:
+      return 0;
+  }
+}
+export function visibleValue(animation) {
+  if (animation === 'fade') return 1;
+  if (animation === 'scale') return 1;
+  return 0; // slide: 0 offset = on-screen
+}
+
+// ─── Build animated style from current value ──────────────────────────────────
+
+export function animatedStyle(animation, position, value // Animated.Value
+) {
+  switch (animation) {
+    case 'fade':
+      return {
+        opacity: value
+      };
+    case 'scale':
+      return {
+        opacity: value,
+        // cross-fade opacity in parallel
+        transform: [{
+          scale: value
+        }]
+      };
+    case 'slide':
+      {
+        const isY = position === 'top' || position === 'bottom';
+        return {
+          transform: [isY ? {
+            translateY: value
+          } : {
+            translateX: value
+          }]
+        };
+      }
+    case 'none':
+    default:
+      return {};
+  }
+}
+
+// ─── Border radius: round the corners facing the screen interior ──────────────
+
+export function getBorderRadius(position, round, radius) {
+  if (!round || position === 'center') return {};
+  const r = radius;
+  switch (position) {
+    case 'bottom':
+      return {
+        borderTopLeftRadius: r,
+        borderTopRightRadius: r
+      };
+    case 'top':
+      return {
+        borderBottomLeftRadius: r,
+        borderBottomRightRadius: r
+      };
+    case 'left':
+      return {
+        borderTopRightRadius: r,
+        borderBottomRightRadius: r
+      };
+    case 'right':
+      return {
+        borderTopLeftRadius: r,
+        borderBottomLeftRadius: r
+      };
+    default:
+      return {
+        borderRadius: r
+      };
+  }
+}
+
+// ─── Absolute position style for the popup surface ────────────────────────────
+
+export function getPositionStyle(position) {
+  const fill = {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  };
+  switch (position) {
+    case 'bottom':
+      return {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        bottom: 0
+      };
+    case 'top':
+      return {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: 0
+      };
+    case 'left':
+      return {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        bottom: 0
+      };
+    case 'right':
+      return {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0
+      };
+    case 'center':
+      return {
+        ...fill,
+        alignItems: 'center',
+        justifyContent: 'center'
+      };
+    default:
+      return fill;
+  }
+}
+//# sourceMappingURL=helpers.js.map

package/lib/module/popup/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","resolveAnimation","animation","position","hiddenValue","width","height","get","visibleValue","animatedStyle","value","opacity","transform","scale","isY","translateY","translateX","getBorderRadius","round","radius","r","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderRadius","getPositionStyle","fill","top","left","right","bottom","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["popup/helpers.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/popup/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ * @module Popup
+ *
+ * ─── Bottom sheet (default) ──────────────────────────────────────────────────
+ * ```tsx
+ * import { Popup } from './popup'
+ *
+ * <Popup visible={open} onClose={() => setOpen(false)} title="Options" showClose>
+ *   <Text>Content here</Text>
+ * </Popup>
+ * ```
+ *
+ * ─── Positions ───────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Popup visible={open} position="top"    onClose={close}>…</Popup>
+ * <Popup visible={open} position="left"   onClose={close}>…</Popup>
+ * <Popup visible={open} position="right"  onClose={close}>…</Popup>
+ * <Popup visible={open} position="center" onClose={close}>…</Popup>
+ * ```
+ *
+ * ─── Animation styles ────────────────────────────────────────────────────────
+ * ```tsx
+ * <Popup animation="slide" />  // default for side positions
+ * <Popup animation="scale" />  // default for center
+ * <Popup animation="fade"  />
+ * <Popup animation="none"  />  // instant
+ * ```
+ *
+ * ─── Spring physics ──────────────────────────────────────────────────────────
+ * ```tsx
+ * <Popup spring={{ damping: 20, stiffness: 300 }}>…</Popup>
+ * ```
+ *
+ * ─── Color overrides ─────────────────────────────────────────────────────────
+ * ```tsx
+ * <Popup colors={{ background: '#0f172a', headerTitle: '#f8fafc' }}>…</Popup>
+ * ```
+ */
+
+export { Popup } from "./Popup.js";
+export { POPUP_COLORS_LIGHT, POPUP_COLORS_DARK } from "./interface.js";
+export { getBorderRadius, getPositionStyle, resolveAnimation, animatedStyle } from "./helpers.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Popup","POPUP_COLORS_LIGHT","POPUP_COLORS_DARK","getBorderRadius","getPositionStyle","resolveAnimation","animatedStyle"],"sourceRoot":"../../../src","sources":["popup/index.ts"],"mappings":";;AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAA2C,YAAS;AAGlE,SAASC,kBAAkB,EAAEC,iBAAiB,QAAW,gBAAa;AACtE,SAASC,eAAe,EAAEC,gBAAgB,EACjCC,gBAAgB,EAAEC,aAAa,QAAkB,cAAW","ignoreList":[]}

package/lib/module/popup/interface.js

@@ -0,0 +1,41 @@
+"use strict";
+
+// ─── Position ─────────────────────────────────────────────────────────────────
+
+// ─── Animation style ──────────────────────────────────────────────────────────
+
+/**
+ * Controls how the popup enters/exits.
+ * - `'slide'`  — slides in from the edge (default for side positions)
+ * - `'fade'`   — opacity only
+ * - `'scale'`  — scale from center (good for center position)
+ * - `'none'`   — instant, no animation
+ */
+
+// ─── Color tokens ─────────────────────────────────────────────────────────────
+
+export const POPUP_COLORS_LIGHT = {
+  background: '#ffffff',
+  overlay: 'rgba(0,0,0,0.5)',
+  handle: '#d4d4d8',
+  headerTitle: '#18181b',
+  headerSubtitle: '#71717a',
+  headerBorder: '#f4f4f5',
+  closeIcon: '#71717a',
+  closeIconBg: '#f4f4f5'
+};
+export const POPUP_COLORS_DARK = {
+  background: '#1c1c1e',
+  overlay: 'rgba(0,0,0,0.7)',
+  handle: '#3f3f46',
+  headerTitle: '#f4f4f5',
+  headerSubtitle: '#a1a1aa',
+  headerBorder: '#27272a',
+  closeIcon: '#a1a1aa',
+  closeIconBg: '#27272a'
+};
+
+// ─── Common lifecycle callbacks ────────────────────────────────────────────────
+
+// ─── Popup props ──────────────────────────────────────────────────────────────
+//# sourceMappingURL=interface.js.map

package/lib/module/popup/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["POPUP_COLORS_LIGHT","background","overlay","handle","headerTitle","headerSubtitle","headerBorder","closeIcon","closeIconBg","POPUP_COLORS_DARK"],"sourceRoot":"../../../src","sources":["popup/interface.ts"],"mappings":";;AASA;;AAIA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;;AAqBA,OAAO,MAAMA,kBAA+B,GAAG;EAC7CC,UAAU,EAAM,SAAS;EACzBC,OAAO,EAAS,iBAAiB;EACjCC,MAAM,EAAU,SAAS;EACzBC,WAAW,EAAK,SAAS;EACzBC,cAAc,EAAE,SAAS;EACzBC,YAAY,EAAI,SAAS;EACzBC,SAAS,EAAO,SAAS;EACzBC,WAAW,EAAK;AAClB,CAAC;AAED,OAAO,MAAMC,iBAA8B,GAAG;EAC5CR,UAAU,EAAM,SAAS;EACzBC,OAAO,EAAS,iBAAiB;EACjCC,MAAM,EAAU,SAAS;EACzBC,WAAW,EAAK,SAAS;EACzBC,cAAc,EAAE,SAAS;EACzBC,YAAY,EAAI,SAAS;EACzBC,SAAS,EAAO,SAAS;EACzBC,WAAW,EAAK;AAClB,CAAC;;AAED;;AAaA","ignoreList":[]}

package/lib/module/portal/GlobalPortalProvider.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { portal } from "./PortalInstance.js";
+import { PortalRenderer } from "./PortalRenderer.js";
+
+/**
+ * Subscribes to the global `portal` singleton and renders whatever portals
+ * it currently holds.
+ *
+ * ### Usage
+ * Wrap your app root (or the root of the navigable area) with this provider.
+ * You can then call `portal.show(...)` / `portal.hide(...)` from anywhere —
+ * including non-React code such as navigation helpers or async service
+ * callbacks.
+ *
+ * This component deliberately has **no** React context value; it exists purely
+ * to drive re-renders when the singleton changes.  If you also need the
+ * declarative `usePortal()` hook, use `PortalManager` instead (or nest both).
+ *
+ * @example
+ * ```tsx
+ * // App root
+ * export default function App() {
+ *   return (
+ *     <GlobalPortalProvider>
+ *       <Navigation />
+ *     </GlobalPortalProvider>
+ *   )
+ * }
+ *
+ * // Anywhere – including outside React
+ * import { portal } from '@/portal'
+ *
+ * function showNetworkError() {
+ *   const id = portal.show(
+ *     <ErrorBanner message="No internet connection" />,
+ *     { position: 'top', backdrop: false },
+ *   )
+ *   setTimeout(() => portal.hide(id), 4000)
+ * }
+ * ```
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const GlobalPortalProvider = ({
+  children
+}) => {
+  const [portals, setPortals] = useState(() => portal.getPortals());
+  useEffect(() => {
+    // Sync state whenever the singleton changes.
+    const unsubscribe = portal.subscribe(() => {
+      setPortals(portal.getPortals());
+    });
+    return unsubscribe;
+  }, []);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children, /*#__PURE__*/_jsx(PortalRenderer, {
+      portals: portals
+    })]
+  });
+};
+//# sourceMappingURL=GlobalPortalProvider.js.map

package/lib/module/portal/GlobalPortalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","portal","PortalRenderer","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","GlobalPortalProvider","children","portals","setPortals","getPortals","unsubscribe","subscribe"],"sourceRoot":"../../../src","sources":["portal/GlobalPortalProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,cAAc,QAAQ,qBAAkB;;AAGjD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AApCA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAwCA,OAAO,MAAMC,oBAAqC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACrE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAAe,MAAMC,MAAM,CAACY,UAAU,CAAC,CAAC,CAAC;EAE/Ed,SAAS,CAAC,MAAM;IACd;IACA,MAAMe,WAAW,GAAGb,MAAM,CAACc,SAAS,CAAC,MAAM;MACzCH,UAAU,CAACX,MAAM,CAACY,UAAU,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAOC,WAAW;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEN,KAAA,CAAAF,SAAA;IAAAI,QAAA,GACGA,QAAQ,eACTN,IAAA,CAACF,cAAc;MAACS,OAAO,EAAEA;IAAQ,CAAE,CAAC;EAAA,CACpC,CAAC;AAEP,CAAC","ignoreList":[]}

package/lib/module/portal/PortalContext.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+/**
+ * React context that carries the declarative mount / update / unmount API.
+ * Consumed by the `usePortal` hook below and provided by `PortalManager`.
+ */
+export const PortalContext = /*#__PURE__*/createContext(null);
+
+/**
+ * Returns the portal control API from the nearest `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const { mount, unmount } = usePortal()
+ *
+ * const handleOpen = () => {
+ *   const id = mount(<MyModal />, { backdrop: true, position: 'center' })
+ *   // Later:
+ *   unmount(id)
+ * }
+ * ```
+ *
+ * @throws If called outside a `PortalManager` tree.
+ */
+export function usePortal() {
+  const context = useContext(PortalContext);
+  if (!context) {
+    throw new Error('[Portal] `usePortal` must be called inside a `PortalManager` (or `GlobalPortalProvider`) tree. ' + 'Ensure your app root is wrapped with one of those providers.');
+  }
+  return context;
+}
+//# sourceMappingURL=PortalContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","PortalContext","usePortal","context","Error"],"sourceRoot":"../../../src","sources":["portal/PortalContext.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAA2B,IAAI,CAAC;;AAE1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,SAASA,CAAA,EAAsB;EAC7C,MAAMC,OAAO,GAAGH,UAAU,CAACC,aAAa,CAAC;EAEzC,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,iGAAiG,GAC/F,8DACJ,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB","ignoreList":[]}

package/lib/module/portal/PortalInstance.js

@@ -0,0 +1,118 @@
+"use strict";
+
+/**
+ * Imperative, framework-agnostic portal registry.
+ *
+ * `PortalInstance` holds the source-of-truth for all portals that are managed
+ * outside the React tree (e.g. from plain TypeScript helpers, navigation
+ * handlers, or third-party libraries).  React components subscribe to changes
+ * via `subscribe()` and re-render when the list changes.
+ *
+ * The exported `portal` singleton is the recommended way to interact with this
+ * class.  Only create additional instances if you need isolated portal scopes
+ * (e.g. in tests or multi-window environments).
+ *
+ * @example
+ * ```ts
+ * // Show
+ * const id = portal.show(<Toast message="Saved!" />, { position: 'bottom' })
+ *
+ * // Later update the same portal without closing it
+ * portal.update(id, <Toast message="Updated!" />)
+ *
+ * // Dismiss
+ * portal.hide(id)
+ * ```
+ */
+export class PortalInstance {
+  nextId = 10_000;
+  portals = new Map();
+  listeners = new Set();
+
+  // ─── Subscription ─────────────────────────────────────────────────────────
+
+  /**
+   * Registers a change listener. Returns an unsubscribe function.
+   *
+   * Consumers (e.g. `GlobalPortalProvider`) call this once on mount and
+   * invoke the returned cleanup on unmount.
+   */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  notify() {
+    this.listeners.forEach(fn => fn());
+  }
+
+  // ─── Read ─────────────────────────────────────────────────────────────────
+
+  /** Returns a stable snapshot of all currently registered portals. */
+  getPortals() {
+    return Array.from(this.portals.values());
+  }
+
+  // ─── Write ────────────────────────────────────────────────────────────────
+
+  /**
+   * Registers a new portal and triggers a re-render in all subscribers.
+   *
+   * @returns The numeric `id` assigned to this portal – hold onto it to
+   *          call `update` or `hide` later.
+   */
+  show(children, options = {}) {
+    const id = this.nextId++;
+    this.portals.set(id, {
+      id,
+      children,
+      options
+    });
+    this.notify();
+    return id;
+  }
+
+  /**
+   * Replaces the content / options of an existing portal in-place.
+   * If `id` is not found, the call is a silent no-op (safe to call
+   * unconditionally inside cleanup paths).
+   */
+  update(id, children, options) {
+    const existing = this.portals.get(id);
+    if (!existing) return;
+    this.portals.set(id, {
+      ...existing,
+      children,
+      options: options ?? existing.options
+    });
+    this.notify();
+  }
+
+  /**
+   * Removes a portal and triggers a re-render.
+   * Safe to call with an `id` that has already been hidden.
+   */
+  hide(id) {
+    if (this.portals.delete(id)) {
+      this.notify();
+    }
+  }
+
+  /**
+   * Removes **all** registered portals at once.
+   * Useful for screen transitions or hard resets.
+   */
+  hideAll() {
+    if (this.portals.size === 0) return;
+    this.portals.clear();
+    this.notify();
+  }
+}
+
+/**
+ * Application-wide portal singleton.
+ * Import and use this wherever you need imperative portal control.
+ */
+export const portal = new PortalInstance();
+//# sourceMappingURL=PortalInstance.js.map

package/lib/module/portal/PortalInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PortalInstance","nextId","portals","Map","listeners","Set","subscribe","listener","add","delete","notify","forEach","fn","getPortals","Array","from","values","show","children","options","id","set","update","existing","get","hide","hideAll","size","clear","portal"],"sourceRoot":"../../../src","sources":["portal/PortalInstance.ts"],"mappings":";;AAKA;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,MAAMA,cAAc,CAAC;EAClBC,MAAM,GAAG,MAAM;EACfC,OAAO,GAAG,IAAIC,GAAG,CAAqB,CAAC;EACvCC,SAAS,GAAG,IAAIC,GAAG,CAAW,CAAC;;EAEvC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEC,SAASA,CAACC,QAAkB,EAAc;IACxC,IAAI,CAACH,SAAS,CAACI,GAAG,CAACD,QAAQ,CAAC;IAC5B,OAAO,MAAM;MACX,IAAI,CAACH,SAAS,CAACK,MAAM,CAACF,QAAQ,CAAC;IACjC,CAAC;EACH;EAEQG,MAAMA,CAAA,EAAS;IACrB,IAAI,CAACN,SAAS,CAACO,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC,CAAC,CAAC;EACpC;;EAEA;;EAEA;EACAC,UAAUA,CAAA,EAAiB;IACzB,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACb,OAAO,CAACc,MAAM,CAAC,CAAC,CAAC;EAC1C;;EAEA;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEC,IAAIA,CAACC,QAAyB,EAAEC,OAAsB,GAAG,CAAC,CAAC,EAAU;IACnE,MAAMC,EAAE,GAAG,IAAI,CAACnB,MAAM,EAAE;IACxB,IAAI,CAACC,OAAO,CAACmB,GAAG,CAACD,EAAE,EAAE;MAAEA,EAAE;MAAEF,QAAQ;MAAEC;IAAQ,CAAC,CAAC;IAC/C,IAAI,CAACT,MAAM,CAAC,CAAC;IACb,OAAOU,EAAE;EACX;;EAEA;AACF;AACA;AACA;AACA;EACEE,MAAMA,CAACF,EAAU,EAAEF,QAAyB,EAAEC,OAAuB,EAAQ;IAC3E,MAAMI,QAAQ,GAAG,IAAI,CAACrB,OAAO,CAACsB,GAAG,CAACJ,EAAE,CAAC;IACrC,IAAI,CAACG,QAAQ,EAAE;IAEf,IAAI,CAACrB,OAAO,CAACmB,GAAG,CAACD,EAAE,EAAE;MACnB,GAAGG,QAAQ;MACXL,QAAQ;MACRC,OAAO,EAAEA,OAAO,IAAII,QAAQ,CAACJ;IAC/B,CAAC,CAAC;IACF,IAAI,CAACT,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;AACA;EACEe,IAAIA,CAACL,EAAU,EAAQ;IACrB,IAAI,IAAI,CAAClB,OAAO,CAACO,MAAM,CAACW,EAAE,CAAC,EAAE;MAC3B,IAAI,CAACV,MAAM,CAAC,CAAC;IACf;EACF;;EAEA;AACF;AACA;AACA;EACEgB,OAAOA,CAAA,EAAS;IACd,IAAI,IAAI,CAACxB,OAAO,CAACyB,IAAI,KAAK,CAAC,EAAE;IAC7B,IAAI,CAACzB,OAAO,CAAC0B,KAAK,CAAC,CAAC;IACpB,IAAI,CAAClB,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMmB,MAAM,GAAG,IAAI7B,cAAc,CAAC,CAAC","ignoreList":[]}

package/lib/module/portal/PortalManager.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React, { useCallback, useState } from 'react';
+import { PortalContext } from "./PortalContext.js";
+import { PortalRenderer } from "./PortalRenderer.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Provides the **declarative** portal API to its React subtree via context.
+ *
+ * Place `PortalManager` at (or near) the root of your component tree so that
+ * any descendant can call `usePortal()` to imperatively mount floating UI.
+ *
+ * ### When to use `PortalManager` vs `GlobalPortalProvider`
+ * | Scenario | Recommended provider |
+ * |---|---|
+ * | React-component consumers using `usePortal()` | `PortalManager` |
+ * | Non-React code / navigation handlers | `GlobalPortalProvider` |
+ * | Both | Wrap with `GlobalPortalProvider`; it re-exports the hook too |
+ *
+ * @example
+ * ```tsx
+ * // App root
+ * export default function App() {
+ *   return (
+ *     <PortalManager>
+ *       <Navigation />
+ *     </PortalManager>
+ *   )
+ * }
+ *
+ * // Somewhere deep in the tree
+ * function MyScreen() {
+ *   const { mount, unmount } = usePortal()
+ *   const idRef = useRef<number>()
+ *
+ *   const open = () => {
+ *     idRef.current = mount(<Modal />, { backdrop: true })
+ *   }
+ *   const close = () => idRef.current && unmount(idRef.current)
+ *
+ *   return <Button onPress={open} title="Open" />
+ * }
+ * ```
+ */
+
+let _nextId = 0;
+export const PortalManager = ({
+  children
+}) => {
+  const [portals, setPortals] = useState([]);
+  const mount = useCallback((node, options = {}) => {
+    const id = _nextId++;
+    setPortals(prev => [...prev, {
+      id,
+      children: node,
+      options
+    }]);
+    return id;
+  }, []);
+  const update = useCallback((id, node, options) => {
+    setPortals(prev => prev.map(portal => portal.id === id ? {
+      ...portal,
+      children: node,
+      options: options ?? portal.options
+    } : portal));
+  }, []);
+  const unmount = useCallback(id => {
+    setPortals(prev => prev.filter(portal => portal.id !== id));
+  }, []);
+  return /*#__PURE__*/_jsxs(PortalContext.Provider, {
+    value: {
+      mount,
+      update,
+      unmount
+    },
+    children: [children, /*#__PURE__*/_jsx(PortalRenderer, {
+      portals: portals
+    })]
+  });
+};
+//# sourceMappingURL=PortalManager.js.map

package/lib/module/portal/PortalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","PortalContext","PortalRenderer","jsx","_jsx","jsxs","_jsxs","_nextId","PortalManager","children","portals","setPortals","mount","node","options","id","prev","update","map","portal","unmount","filter","Provider","value"],"sourceRoot":"../../../src","sources":["portal/PortalManager.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,cAAc,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAIC,OAAO,GAAG,CAAC;AAIf,OAAO,MAAMC,aAA8B,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC9D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGX,QAAQ,CAAe,EAAE,CAAC;EAExD,MAAMY,KAAK,GAAGb,WAAW,CACvB,CAACc,IAAqB,EAAEC,OAAsB,GAAG,CAAC,CAAC,KAAa;IAC9D,MAAMC,EAAE,GAAGR,OAAO,EAAE;IACpBI,UAAU,CAACK,IAAI,IAAI,CAAC,GAAGA,IAAI,EAAE;MAAED,EAAE;MAAEN,QAAQ,EAAEI,IAAI;MAAEC;IAAQ,CAAC,CAAC,CAAC;IAC9D,OAAOC,EAAE;EACX,CAAC,EACD,EACF,CAAC;EAED,MAAME,MAAM,GAAGlB,WAAW,CACxB,CAACgB,EAAU,EAAEF,IAAqB,EAAEC,OAAuB,KAAW;IACpEH,UAAU,CAACK,IAAI,IACbA,IAAI,CAACE,GAAG,CAACC,MAAM,IACbA,MAAM,CAACJ,EAAE,KAAKA,EAAE,GACZ;MAAE,GAAGI,MAAM;MAAEV,QAAQ,EAAEI,IAAI;MAAEC,OAAO,EAAEA,OAAO,IAAIK,MAAM,CAACL;IAAQ,CAAC,GACjEK,MACN,CACF,CAAC;EACH,CAAC,EACD,EACF,CAAC;EAED,MAAMC,OAAO,GAAGrB,WAAW,CAAEgB,EAAU,IAAW;IAChDJ,UAAU,CAACK,IAAI,IAAIA,IAAI,CAACK,MAAM,CAACF,MAAM,IAAIA,MAAM,CAACJ,EAAE,KAAKA,EAAE,CAAC,CAAC;EAC7D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACET,KAAA,CAACL,aAAa,CAACqB,QAAQ;IAACC,KAAK,EAAE;MAAEX,KAAK;MAAEK,MAAM;MAAEG;IAAQ,CAAE;IAAAX,QAAA,GACvDA,QAAQ,eACTL,IAAA,CAACF,cAAc;MAACQ,OAAO,EAAEA;IAAQ,CAAE,CAAC;EAAA,CACd,CAAC;AAE7B,CAAC","ignoreList":[]}

package/lib/module/portal/PortalRenderer.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { getPositionStyles } from "../utiles/position.js";
+import { portalStyles } from "../utiles/styles.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Renders a list of `PortalNode` objects into the component tree.
+ *
+ * Shared between `PortalManager` (declarative) and `GlobalPortalProvider`
+ * (imperative) so neither duplicates this logic.
+ *
+ * ### Pointer event model
+ *
+ * | Layer              | pointerEvents      | Effect                          |
+ * |--------------------|--------------------|---------------------------------|
+ * | Position wrapper   | box-none           | Wrapper transparent to touches; |
+ * |                    |                    | children still receive them.    |
+ * | Backdrop (colour)  | box-none           | Colour layer is transparent.    |
+ * | Backdrop (touch)   | auto               | Captures backdrop taps.         |
+ * | Portal content     | (default: auto)    | Children handle their own input.|
+ *
+ * The `center` position wrapper fills the entire screen (needed for flexbox
+ * centering) but uses `box-none` so it never blocks the app behind it.
+ */
+export const PortalRenderer = ({
+  portals
+}) => /*#__PURE__*/_jsx(_Fragment, {
+  children: portals.map(({
+    id,
+    children,
+    options
+  }) => /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [options.backdrop && /*#__PURE__*/_jsx(View, {
+      style: portalStyles.backdrop,
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsx(View, {
+        style: portalStyles.backdropTouchable,
+        pointerEvents: "auto",
+        onTouchStart: options.onBackdropPress
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [getPositionStyles(options.position, options.offset), options.style],
+      pointerEvents: "box-none",
+      collapsable: false,
+      children: children
+    })]
+  }, id))
+});
+//# sourceMappingURL=PortalRenderer.js.map