@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/module/surfaces/resolveBannerTheme.js

@@ -0,0 +1,16 @@
+"use strict";
+
+/** Default banner chrome when theme banner tokens are unset (matches product / web debugger palette). */
+export const DEFAULT_BANNER_BACKGROUND_COLOR = '#0A1A24';
+export const DEFAULT_BANNER_FOREGROUND_COLOR = '#FFFFFF';
+function readThemeColor(theme, key) {
+  const value = theme[key];
+  return typeof value === 'string' && value.trim().length > 0 ? value.trim() : undefined;
+}
+export function resolveBannerBackgroundColor(theme) {
+  return readThemeColor(theme, 'bannerBackgroundColor') ?? DEFAULT_BANNER_BACKGROUND_COLOR;
+}
+export function resolveBannerForegroundColor(theme) {
+  return readThemeColor(theme, 'bannerForegroundColor') ?? DEFAULT_BANNER_FOREGROUND_COLOR;
+}
+//# sourceMappingURL=resolveBannerTheme.js.map

package/lib/module/surfaces/resolveBannerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_BANNER_BACKGROUND_COLOR","DEFAULT_BANNER_FOREGROUND_COLOR","readThemeColor","theme","key","value","trim","length","undefined","resolveBannerBackgroundColor","resolveBannerForegroundColor"],"sourceRoot":"../../../src","sources":["surfaces/resolveBannerTheme.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,+BAA+B,GAAG,SAAS;AACxD,OAAO,MAAMC,+BAA+B,GAAG,SAAS;AAExD,SAASC,cAAcA,CAACC,KAAoB,EAAEC,GAAW,EAAsB;EAC7E,MAAMC,KAAK,GAAGF,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOC,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC,GAAGF,KAAK,CAACC,IAAI,CAAC,CAAC,GAAGE,SAAS;AACxF;AAEA,OAAO,SAASC,4BAA4BA,CAACN,KAAoB,EAAU;EACzE,OAAOD,cAAc,CAACC,KAAK,EAAE,uBAAuB,CAAC,IAAIH,+BAA+B;AAC1F;AAEA,OAAO,SAASU,4BAA4BA,CAACP,KAAoB,EAAU;EACzE,OAAOD,cAAc,CAACC,KAAK,EAAE,uBAAuB,CAAC,IAAIF,+BAA+B;AAC1F","ignoreList":[]}

package/lib/module/surfaces/resolveHighlightChrome.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import { foregroundAlpha, isNearWhite } from "../content/themeColor.js";
+/**
+ * Mobile highlight corner radius when the target's own radius is unknown.
+ * Web copies `getComputedStyle(target).borderRadius`; RN measure cannot.
+ * 8 matches typical controls and the mobile tooltip mockup.
+ */
+export const HIGHLIGHT_CORNER_RADIUS = 8;
+
+/** Crisp focus-ring stroke — the mockup's inner blue line. */
+export const HIGHLIGHT_STROKE_WIDTH = 2;
+
+/** Web theme default (`themes.backdrop_highlight_radius`) — halo thickness. */
+export const HIGHLIGHT_RADIUS_DEFAULT = 4;
+
+/** Web theme default (`themes.backdrop_highlight_spread`) — placement gap only. */
+export const HIGHLIGHT_SPREAD_DEFAULT = 0;
+
+/** Cap the painted halo so it stays a wash, not a second solid stroke. */
+export const HIGHLIGHT_HALO_ALPHA_MAX = 0.32;
+function readNumber(theme, key, fallback) {
+  const value = theme[key];
+  if (typeof value === 'number' && Number.isFinite(value)) return value;
+  if (typeof value === 'string') {
+    const parsed = parseFloat(value);
+    if (Number.isFinite(parsed)) return parsed;
+  }
+  return fallback;
+}
+function readString(theme, key, fallback) {
+  const value = theme[key];
+  return typeof value === 'string' && value.length > 0 ? value : fallback;
+}
+function firstString(theme, keys, fallback) {
+  for (const key of keys) {
+    const value = theme[key];
+    if (typeof value === 'string' && value.length > 0) return value;
+  }
+  return fallback;
+}
+function readHighlightType(theme) {
+  const raw = theme.backdropHighlightType;
+  if (typeof raw !== 'string') return 'OUTSIDE';
+  return raw.toUpperCase() === 'INSIDE' ? 'INSIDE' : 'OUTSIDE';
+}
+function resolveHighlightColor(theme) {
+  const brand = firstString(theme, ['widgetBackgroundColor', 'brandBackgroundColor', 'defaultButtonBackgroundColor'], '#1a57e6');
+  const explicit = readString(theme, 'backdropHighlightColor', '');
+  if (explicit && !isNearWhite(explicit)) return explicit;
+  return brand;
+}
+
+/**
+ * Web tooltip-backdrop highlight as a mobile focus ring: thin brand stroke +
+ * a single soft halo. Web's default white highlight is treated as unset so it
+ * does not paint a thick white frame on the dimmed cutout.
+ */
+export function resolveHighlightChrome(theme, backdropPadding = 0) {
+  const color = resolveHighlightColor(theme);
+  const opacity = parseHighlightOpacity(theme.backdropHighlightOpacity);
+  const radius = Math.max(0, readNumber(theme, 'backdropHighlightRadius', HIGHLIGHT_RADIUS_DEFAULT));
+  const spread = Math.max(0, readNumber(theme, 'backdropHighlightSpread', HIGHLIGHT_SPREAD_DEFAULT));
+  const pad = Math.max(0, backdropPadding);
+  const haloAlpha = Math.min(HIGHLIGHT_HALO_ALPHA_MAX, opacity);
+  return {
+    color,
+    glowColor: foregroundAlpha(color, haloAlpha),
+    opacity,
+    radius,
+    spread,
+    strokeWidth: HIGHLIGHT_STROKE_WIDTH,
+    type: readHighlightType(theme),
+    borderRadius: HIGHLIGHT_CORNER_RADIUS + pad
+  };
+}
+export function isHighlightVisible(chrome) {
+  return chrome.strokeWidth > 0 || chrome.radius > 0;
+}
+
+/**
+ * Extra pixels an OUTSIDE ring extends past the hole: theme spread plus the
+ * painted stroke and halo. Used so the tooltip notch aims at the outer edge
+ * of the focus ring, not the cutout.
+ */
+export function outsideHighlightOutset(chrome) {
+  if (chrome.type !== 'OUTSIDE' || !isHighlightVisible(chrome)) return 0;
+  return chrome.spread + chrome.strokeWidth + chrome.radius;
+}
+
+/** Web default highlight opacity is 0.5 (`themes.backdrop_highlight_opacity`). */
+function parseHighlightOpacity(value) {
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return Math.min(1, Math.max(0, value));
+  }
+  if (typeof value === 'string') {
+    const parsed = Number.parseFloat(value);
+    if (Number.isFinite(parsed)) return Math.min(1, Math.max(0, parsed));
+  }
+  return 0.5;
+}
+//# sourceMappingURL=resolveHighlightChrome.js.map

package/lib/module/surfaces/resolveHighlightChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["foregroundAlpha","isNearWhite","HIGHLIGHT_CORNER_RADIUS","HIGHLIGHT_STROKE_WIDTH","HIGHLIGHT_RADIUS_DEFAULT","HIGHLIGHT_SPREAD_DEFAULT","HIGHLIGHT_HALO_ALPHA_MAX","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","firstString","keys","readHighlightType","raw","backdropHighlightType","toUpperCase","resolveHighlightColor","brand","explicit","resolveHighlightChrome","backdropPadding","color","opacity","parseHighlightOpacity","backdropHighlightOpacity","radius","Math","max","spread","pad","haloAlpha","min","glowColor","strokeWidth","type","borderRadius","isHighlightVisible","chrome","outsideHighlightOutset"],"sourceRoot":"../../../src","sources":["surfaces/resolveHighlightChrome.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/resolveModalLayout.js

@@ -29,10 +29,14 @@ export function resolveModalCardMaxWidth(theme, stepWidth, windowWidth) {
   const maxInViewport = Math.max(0, windowWidth - 2 * MODAL_VIEWPORT_PADDING);
   return Math.min(desiredWidth, maxInViewport);
 }
-export function resolveModalCenterPadding(insets) {
+export function resolveModalCenterPadding(insets, previewBannerHeight = 0, previewBottomInset = 0) {
+  const baseTop = Math.max(MODAL_VIEWPORT_PADDING, insets.top + 8);
+  const bannerTop = previewBannerHeight > 0 ? previewBannerHeight + MODAL_VIEWPORT_PADDING : 0;
+  const baseBottom = Math.max(MODAL_VIEWPORT_PADDING, insets.bottom + 8);
+  const bannerBottom = previewBottomInset > 0 ? previewBottomInset + MODAL_VIEWPORT_PADDING : 0;
   return {
-    paddingTop: Math.max(MODAL_VIEWPORT_PADDING, insets.top + 8),
-    paddingBottom: Math.max(MODAL_VIEWPORT_PADDING, insets.bottom + 8),
+    paddingTop: Math.max(baseTop, bannerTop),
+    paddingBottom: Math.max(baseBottom, bannerBottom),
     paddingLeft: Math.max(MODAL_VIEWPORT_PADDING, insets.left + 8),
     paddingRight: Math.max(MODAL_VIEWPORT_PADDING, insets.right + 8)
   };

package/lib/module/surfaces/resolveModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["MODAL_VIEWPORT_PADDING","MODAL_COMPACT_LAYOUT_MAX_WIDTH","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","resolveModalCardMaxWidth","stepWidth","windowWidth","themeModalWidth","desiredWidth","maxInViewport","Math","max","min","resolveModalCenterPadding","insets","paddingTop","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","resolveModalCardMaxHeight","windowHeight","centerPadding","resolveModalButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveModalLayout.ts"],"mappings":";;AAIA;AACA,OAAO,MAAMA,sBAAsB,GAAG,EAAE;;AAExC;AACA,OAAO,MAAMC,8BAA8B,GAAG,GAAG;AAIjD,SAASC,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMG,MAAM,GAAGC,UAAU,CAACJ,KAAK,CAAC;IAChC,IAAIC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAOJ,QAAQ;AACjB;AAEA,SAASM,UAAUA,CAACR,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC,GAAGN,KAAK,GAAGD,QAAQ;AACzE;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASQ,wBAAwBA,CACtCV,KAAoB,EACpBW,SAAoC,EACpCC,WAAmB,EACX;EACR,MAAMC,eAAe,GAAGd,UAAU,CAACC,KAAK,EAAE,YAAY,EAAE,GAAG,CAAC;EAC5D,MAAMc,YAAY,GAAGH,SAAS,IAAIE,eAAe;EACjD,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,GAAG,CAAC,GAAGf,sBAAsB,CAAC;EAC3E,OAAOmB,IAAI,CAACE,GAAG,CAACJ,YAAY,EAAEC,aAAa,CAAC;AAC9C;AAEA,OAAO,SAASI,yBAAyBA,CAACC,MAKzC,EAKC;EACA,OAAO;IACLC,UAAU,EAAEL,IAAI,CAACC,GAAG,CAACpB,sBAAsB,EAAEuB,MAAM,CAACE,GAAG,GAAG,CAAC,CAAC;IAC5DC,aAAa,EAAEP,IAAI,CAACC,GAAG,CAACpB,sBAAsB,EAAEuB,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;IAClEC,WAAW,EAAET,IAAI,CAACC,GAAG,CAACpB,sBAAsB,EAAEuB,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC;IAC9DC,YAAY,EAAEX,IAAI,CAACC,GAAG,CAACpB,sBAAsB,EAAEuB,MAAM,CAACQ,KAAK,GAAG,CAAC;EACjE,CAAC;AACH;;AAEA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CACvCC,YAAoB,EACpBC,aAA4D,EACpD;EACR,OAAOf,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEa,YAAY,GAAGC,aAAa,CAACV,UAAU,GAAGU,aAAa,CAACR,aAAa,CAAC;AAC3F;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASS,wBAAwBA,CACtChC,KAAoB,EACpBY,WAAmB,EACA;EACnB,MAAMqB,KAAK,GAAGzB,UAAU,CAACR,KAAK,EAAE,uBAAuB,EAAE,SAAS,CAAC;EACnE,IAAIiC,KAAK,KAAK,MAAM,EAAE,OAAO,OAAO;EACpC,IAAIA,KAAK,KAAK,OAAO,EAAE,OAAO,KAAK;EACnC,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,QAAQ;EACvC,OAAOrB,WAAW,GAAGd,8BAA8B,GAAG,QAAQ,GAAG,KAAK;AACxE","ignoreList":[]}
+{"version":3,"names":["MODAL_VIEWPORT_PADDING","MODAL_COMPACT_LAYOUT_MAX_WIDTH","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","resolveModalCardMaxWidth","stepWidth","windowWidth","themeModalWidth","desiredWidth","maxInViewport","Math","max","min","resolveModalCenterPadding","insets","previewBannerHeight","previewBottomInset","baseTop","top","bannerTop","baseBottom","bottom","bannerBottom","paddingTop","paddingBottom","paddingLeft","left","paddingRight","right","resolveModalCardMaxHeight","windowHeight","centerPadding","resolveModalButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveModalLayout.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/resolveTooltipLayout.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { MODAL_COMPACT_LAYOUT_MAX_WIDTH, MODAL_VIEWPORT_PADDING, resolveModalCenterPadding } from "./resolveModalLayout.js";
+import { MODAL_COMPACT_LAYOUT_MAX_WIDTH, MODAL_VIEWPORT_PADDING } from "./resolveModalLayout.js";
 
 /** Screen margin for anchored tooltips (mobile design spec: 24px). */
 export const TOOLTIP_VIEWPORT_PADDING = MODAL_VIEWPORT_PADDING;
@@ -41,9 +41,6 @@ export function resolveTooltipCardLayout(cardMaxWidth, windowWidth) {
     maxWidth: cardMaxWidth
   };
 }
-export function resolveTooltipCenterPadding(insets) {
-  return resolveModalCenterPadding(insets);
-}
 
 /**
  * Web `--userflow-buttons-bubble-justify-content` (bubble + tooltip): default is end.

package/lib/module/surfaces/resolveTooltipLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["MODAL_COMPACT_LAYOUT_MAX_WIDTH","MODAL_VIEWPORT_PADDING","resolveModalCenterPadding","TOOLTIP_VIEWPORT_PADDING","readString","theme","key","fallback","value","length","readNumber","Number","isFinite","parsed","parseFloat","resolveTooltipCardMaxWidth","stepWidth","windowWidth","themeTooltipWidth","desiredWidth","maxInViewport","Math","max","min","resolveTooltipCardLayout","cardMaxWidth","maxWidth","width","resolveTooltipCenterPadding","insets","resolveTooltipButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveTooltipLayout.ts"],"mappings":";;AAKA,SACEA,8BAA8B,EAC9BC,sBAAsB,EACtBC,yBAAyB,QACpB,yBAAsB;;AAE7B;AACA,OAAO,MAAMC,wBAAwB,GAAGF,sBAAsB;AAE9D,SAASG,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,MAAM,GAAG,CAAC,GAAGD,KAAK,GAAGD,QAAQ;AACzE;AAEA,SAASG,UAAUA,CAACL,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIG,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMK,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;IAChC,IAAIG,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAON,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASQ,0BAA0BA,CACxCV,KAAoB,EACpBW,SAAoC,EACpCC,WAAmB,EACX;EACR,MAAMC,iBAAiB,GAAGR,UAAU,CAACL,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC;EAChE,MAAMc,YAAY,GAAGH,SAAS,IAAIE,iBAAiB;EACnD,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,GAAG,CAAC,GAAGd,wBAAwB,CAAC;EAC7E,OAAOkB,IAAI,CAACE,GAAG,CAACJ,YAAY,EAAEC,aAAa,CAAC;AAC9C;;AAEA;AACA,OAAO,SAASI,wBAAwBA,CACtCC,YAAoB,EACpBR,WAAmB,EACoB;EACvC,IAAIA,WAAW,GAAGjB,8BAA8B,EAAE;IAChD,OAAO;MAAE0B,QAAQ,EAAED,YAAY;MAAEE,KAAK,EAAEF;IAAa,CAAC;EACxD;EACA,OAAO;IAAEC,QAAQ,EAAED;EAAa,CAAC;AACnC;AAEA,OAAO,SAASG,2BAA2BA,CAACC,MAK3C,EAAgD;EAC/C,OAAO3B,yBAAyB,CAAC2B,MAAM,CAAC;AAC1C;;AAEA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAACzB,KAAoB,EAAkB;EAC/E,MAAM0B,KAAK,GAAG3B,UAAU,CAACC,KAAK,EAAE,uBAAuB,EAAE,SAAS,CAAC;EACnE,IAAI0B,KAAK,KAAK,MAAM,EAAE,OAAO,OAAO;EACpC,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,QAAQ;EACvC,OAAO,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["MODAL_COMPACT_LAYOUT_MAX_WIDTH","MODAL_VIEWPORT_PADDING","TOOLTIP_VIEWPORT_PADDING","readString","theme","key","fallback","value","length","readNumber","Number","isFinite","parsed","parseFloat","resolveTooltipCardMaxWidth","stepWidth","windowWidth","themeTooltipWidth","desiredWidth","maxInViewport","Math","max","min","resolveTooltipCardLayout","cardMaxWidth","maxWidth","width","resolveTooltipButtonsAlign","align"],"sourceRoot":"../../../src","sources":["surfaces/resolveTooltipLayout.ts"],"mappings":";;AAKA,SAASA,8BAA8B,EAAEC,sBAAsB,QAAQ,yBAAsB;;AAE7F;AACA,OAAO,MAAMC,wBAAwB,GAAGD,sBAAsB;AAE9D,SAASE,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,MAAM,GAAG,CAAC,GAAGD,KAAK,GAAGD,QAAQ;AACzE;AAEA,SAASG,UAAUA,CAACL,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIG,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMK,MAAM,GAAGC,UAAU,CAACN,KAAK,CAAC;IAChC,IAAIG,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAON,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASQ,0BAA0BA,CACxCV,KAAoB,EACpBW,SAAoC,EACpCC,WAAmB,EACX;EACR,MAAMC,iBAAiB,GAAGR,UAAU,CAACL,KAAK,EAAE,cAAc,EAAE,GAAG,CAAC;EAChE,MAAMc,YAAY,GAAGH,SAAS,IAAIE,iBAAiB;EACnD,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,WAAW,GAAG,CAAC,GAAGd,wBAAwB,CAAC;EAC7E,OAAOkB,IAAI,CAACE,GAAG,CAACJ,YAAY,EAAEC,aAAa,CAAC;AAC9C;;AAEA;AACA,OAAO,SAASI,wBAAwBA,CACtCC,YAAoB,EACpBR,WAAmB,EACoB;EACvC,IAAIA,WAAW,GAAGhB,8BAA8B,EAAE;IAChD,OAAO;MAAEyB,QAAQ,EAAED,YAAY;MAAEE,KAAK,EAAEF;IAAa,CAAC;EACxD;EACA,OAAO;IAAEC,QAAQ,EAAED;EAAa,CAAC;AACnC;;AAEA;AACA;AACA;AACA,OAAO,SAASG,0BAA0BA,CAACvB,KAAoB,EAAkB;EAC/E,MAAMwB,KAAK,GAAGzB,UAAU,CAACC,KAAK,EAAE,uBAAuB,EAAE,SAAS,CAAC;EACnE,IAAIwB,KAAK,KAAK,MAAM,EAAE,OAAO,OAAO;EACpC,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,QAAQ;EACvC,OAAO,KAAK;AACd","ignoreList":[]}

package/lib/module/surfaces/safeArea.js

@@ -7,6 +7,7 @@ const ZERO_INSETS = {
   left: 0
 };
 let cachedHook;
+let cachedInsetsContext;
 
 /**
  * Resolve `useSafeAreaInsets` from the optional peer `react-native-safe-area-context`.
@@ -34,8 +35,29 @@ export function useUserflowSafeAreaInsets() {
   return resolveUseSafeAreaInsets()();
 }
 
+/**
+ * `SafeAreaInsetsContext` from the optional peer, or `null` when it is not installed.
+ * In-flow banners override this so host screens do not add the inset the banner already consumed.
+ */
+export function getSafeAreaInsetsContext() {
+  if (cachedInsetsContext !== undefined) return cachedInsetsContext;
+  if (typeof require !== 'function') {
+    cachedInsetsContext = null;
+    return null;
+  }
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const mod = require('react-native-safe-area-context');
+    cachedInsetsContext = mod.SafeAreaInsetsContext ?? null;
+  } catch {
+    cachedInsetsContext = null;
+  }
+  return cachedInsetsContext;
+}
+
 /** @internal */
 export function resetSafeAreaInsetsCacheForTests() {
   cachedHook = undefined;
+  cachedInsetsContext = undefined;
 }
 //# sourceMappingURL=safeArea.js.map

package/lib/module/surfaces/safeArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["ZERO_INSETS","top","right","bottom","left","cachedHook","resolveUseSafeAreaInsets","undefined","require","mod","useSafeAreaInsets","useUserflowSafeAreaInsets","resetSafeAreaInsetsCacheForTests"],"sourceRoot":"../../../src","sources":["surfaces/safeArea.ts"],"mappings":";;AAOA,MAAMA,WAAuB,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;AAIxE,IAAIC,UAAkD;;AAEtD;AACA;AACA;AACA;AACA,SAASC,wBAAwBA,CAAA,EAAwB;EACvD,IAAID,UAAU,KAAKE,SAAS,EAAE,OAAOF,UAAU,KAAK,MAAML,WAAW,CAAC;EAEtE,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;IACjCH,UAAU,GAAG,IAAI;IACjB,OAAO,MAAML,WAAW;EAC1B;EAEA,IAAI;IACF;IACA;IACA,MAAMS,GAAG,GAAGD,OAAO,CAAC,gCAAgC,CAEnD;IACDH,UAAU,GAAG,OAAOI,GAAG,CAACC,iBAAiB,KAAK,UAAU,GAAGD,GAAG,CAACC,iBAAiB,GAAG,IAAI;EACzF,CAAC,CAAC,MAAM;IACNL,UAAU,GAAG,IAAI;EACnB;EAEA,OAAOA,UAAU,KAAK,MAAML,WAAW,CAAC;AAC1C;;AAEA;AACA,OAAO,SAASW,yBAAyBA,CAAA,EAAe;EACtD,OAAOL,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACrC;;AAEA;AACA,OAAO,SAASM,gCAAgCA,CAAA,EAAS;EACvDP,UAAU,GAAGE,SAAS;AACxB","ignoreList":[]}
+{"version":3,"names":["ZERO_INSETS","top","right","bottom","left","cachedHook","cachedInsetsContext","resolveUseSafeAreaInsets","undefined","require","mod","useSafeAreaInsets","useUserflowSafeAreaInsets","getSafeAreaInsetsContext","SafeAreaInsetsContext","resetSafeAreaInsetsCacheForTests"],"sourceRoot":"../../../src","sources":["surfaces/safeArea.ts"],"mappings":";;AASA,MAAMA,WAAuB,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;AAIxE,IAAIC,UAAkD;AACtD,IAAIC,mBAAkE;;AAEtE;AACA;AACA;AACA;AACA,SAASC,wBAAwBA,CAAA,EAAwB;EACvD,IAAIF,UAAU,KAAKG,SAAS,EAAE,OAAOH,UAAU,KAAK,MAAML,WAAW,CAAC;EAEtE,IAAI,OAAOS,OAAO,KAAK,UAAU,EAAE;IACjCJ,UAAU,GAAG,IAAI;IACjB,OAAO,MAAML,WAAW;EAC1B;EAEA,IAAI;IACF;IACA;IACA,MAAMU,GAAG,GAAGD,OAAO,CAAC,gCAAgC,CAEnD;IACDJ,UAAU,GAAG,OAAOK,GAAG,CAACC,iBAAiB,KAAK,UAAU,GAAGD,GAAG,CAACC,iBAAiB,GAAG,IAAI;EACzF,CAAC,CAAC,MAAM;IACNN,UAAU,GAAG,IAAI;EACnB;EAEA,OAAOA,UAAU,KAAK,MAAML,WAAW,CAAC;AAC1C;;AAEA;AACA,OAAO,SAASY,yBAAyBA,CAAA,EAAe;EACtD,OAAOL,wBAAwB,CAAC,CAAC,CAAC,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,wBAAwBA,CAAA,EAAsC;EAC5E,IAAIP,mBAAmB,KAAKE,SAAS,EAAE,OAAOF,mBAAmB;EAEjE,IAAI,OAAOG,OAAO,KAAK,UAAU,EAAE;IACjCH,mBAAmB,GAAG,IAAI;IAC1B,OAAO,IAAI;EACb;EAEA,IAAI;IACF;IACA,MAAMI,GAAG,GAAGD,OAAO,CAAC,gCAAgC,CAEnD;IACDH,mBAAmB,GAAGI,GAAG,CAACI,qBAAqB,IAAI,IAAI;EACzD,CAAC,CAAC,MAAM;IACNR,mBAAmB,GAAG,IAAI;EAC5B;EAEA,OAAOA,mBAAmB;AAC5B;;AAEA;AACA,OAAO,SAASS,gCAAgCA,CAAA,EAAS;EACvDV,UAAU,GAAGG,SAAS;EACtBF,mBAAmB,GAAGE,SAAS;AACjC","ignoreList":[]}

package/lib/module/surfaces/surfaceInteractionConfig.js

@@ -0,0 +1,27 @@
+"use strict";
+
+/**
+ * Whether flow surfaces (modals, tooltips) intercept taps on the host app
+ * underneath. Default-on; integrators can restore the legacy pass-through
+ * tooltip backdrop via {@link setSurfaceInteractionBlocking}.
+ */
+
+let surfaceInteractionBlocking = true;
+
+/**
+ * When true (default), tooltip cutout bands and crossfade exit block host taps.
+ * Surfaces read this flag at render time — toggling mid-flow applies on the next
+ * re-render of the active surface tree (same as {@link setScrollPadding}).
+ */
+export function setSurfaceInteractionBlocking(enabled) {
+  surfaceInteractionBlocking = enabled ?? true;
+}
+export function getSurfaceInteractionBlocking() {
+  return surfaceInteractionBlocking;
+}
+
+/** Test helper — reset to default (blocking enabled). */
+export function resetSurfaceInteractionConfig() {
+  surfaceInteractionBlocking = true;
+}
+//# sourceMappingURL=surfaceInteractionConfig.js.map

package/lib/module/surfaces/surfaceInteractionConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceInteractionBlocking","setSurfaceInteractionBlocking","enabled","getSurfaceInteractionBlocking","resetSurfaceInteractionConfig"],"sourceRoot":"../../../src","sources":["surfaces/surfaceInteractionConfig.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,IAAIA,0BAA0B,GAAG,IAAI;;AAErC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,6BAA6BA,CAACC,OAAmC,EAAQ;EACvFF,0BAA0B,GAAGE,OAAO,IAAI,IAAI;AAC9C;AAEA,OAAO,SAASC,6BAA6BA,CAAA,EAAY;EACvD,OAAOH,0BAA0B;AACnC;;AAEA;AACA,OAAO,SAASI,6BAA6BA,CAAA,EAAS;EACpDJ,0BAA0B,GAAG,IAAI;AACnC","ignoreList":[]}

package/lib/module/surfaces/surfaceLayoutInsets.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import * as React from 'react';
+import { resolveModalCenterPadding } from "./resolveModalLayout.js";
+import { useUserflowSafeAreaInsets } from "./safeArea.js";
+
+/** Independent writers so preview and picker chrome cannot clobber each other. */
+import { jsx as _jsx } from "react/jsx-runtime";
+function effectiveChromeInsetHeight(heights) {
+  return heights.picker > 0 ? heights.picker : heights.preview;
+}
+const SurfaceLayoutInsetsContext = /*#__PURE__*/React.createContext({
+  previewBannerHeight: 0,
+  previewBottomInset: 0,
+  setTopSlotHeight: () => {},
+  setBottomSlotHeight: () => {}
+});
+
+/**
+ * Holds measured authoring chrome heights so modal/tooltip layout can clear
+ * them. The overlay stays full-screen; only card padding grows.
+ *
+ * Preview and picker report into separate slots on each edge. The picker slot
+ * wins while it is non-zero (the preview bar is suppressed for that stretch).
+ */
+export function SurfaceLayoutInsetsProvider({
+  children
+}) {
+  const [heights, setHeights] = React.useState({
+    top: {
+      preview: 0,
+      picker: 0
+    },
+    bottom: {
+      preview: 0,
+      picker: 0
+    }
+  });
+  const setTopSlotHeight = React.useCallback((slot, height) => {
+    setHeights(prev => prev.top[slot] === height ? prev : {
+      ...prev,
+      top: {
+        ...prev.top,
+        [slot]: height
+      }
+    });
+  }, []);
+  const setBottomSlotHeight = React.useCallback((slot, height) => {
+    setHeights(prev => prev.bottom[slot] === height ? prev : {
+      ...prev,
+      bottom: {
+        ...prev.bottom,
+        [slot]: height
+      }
+    });
+  }, []);
+  const previewBannerHeight = effectiveChromeInsetHeight(heights.top);
+  const previewBottomInset = effectiveChromeInsetHeight(heights.bottom);
+  const value = React.useMemo(() => ({
+    previewBannerHeight,
+    previewBottomInset,
+    setTopSlotHeight,
+    setBottomSlotHeight
+  }), [previewBannerHeight, previewBottomInset, setTopSlotHeight, setBottomSlotHeight]);
+  return /*#__PURE__*/_jsx(SurfaceLayoutInsetsContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/**
+ * Report an authoring top bar's laid-out height (0 when that bar is hidden).
+ * Defaults to the preview slot; the picker must pass `'picker'`.
+ */
+export function useReportPreviewBannerHeight(slot = 'preview') {
+  const {
+    setTopSlotHeight
+  } = React.useContext(SurfaceLayoutInsetsContext);
+  return React.useCallback(height => {
+    setTopSlotHeight(slot, height);
+  }, [setTopSlotHeight, slot]);
+}
+
+/**
+ * Report an authoring bottom sheet's laid-out height (0 when that sheet is hidden).
+ * Defaults to the preview slot; the picker must pass `'picker'`.
+ */
+export function useReportAuthoringBottomHeight(slot = 'preview') {
+  const {
+    setBottomSlotHeight
+  } = React.useContext(SurfaceLayoutInsetsContext);
+  return React.useCallback(height => {
+    setBottomSlotHeight(slot, height);
+  }, [setBottomSlotHeight, slot]);
+}
+
+/**
+ * Padding that keeps flow cards inside the screen: safe area, 24px margin,
+ * and authoring chrome when it is mounted.
+ */
+export function useSurfaceLayoutInsets() {
+  const safe = useUserflowSafeAreaInsets();
+  const {
+    previewBannerHeight,
+    previewBottomInset
+  } = React.useContext(SurfaceLayoutInsetsContext);
+  return resolveModalCenterPadding(safe, previewBannerHeight, previewBottomInset);
+}
+
+/** @internal */
+export function paddingAsEdgeInsets(padding) {
+  return {
+    top: padding.paddingTop,
+    right: padding.paddingRight,
+    bottom: padding.paddingBottom,
+    left: padding.paddingLeft
+  };
+}
+//# sourceMappingURL=surfaceLayoutInsets.js.map

package/lib/module/surfaces/surfaceLayoutInsets.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","resolveModalCenterPadding","useUserflowSafeAreaInsets","jsx","_jsx","effectiveChromeInsetHeight","heights","picker","preview","SurfaceLayoutInsetsContext","createContext","previewBannerHeight","previewBottomInset","setTopSlotHeight","setBottomSlotHeight","SurfaceLayoutInsetsProvider","children","setHeights","useState","top","bottom","useCallback","slot","height","prev","value","useMemo","Provider","useReportPreviewBannerHeight","useContext","useReportAuthoringBottomHeight","useSurfaceLayoutInsets","safe","paddingAsEdgeInsets","padding","paddingTop","right","paddingRight","paddingBottom","left","paddingLeft"],"sourceRoot":"../../../src","sources":["surfaces/surfaceLayoutInsets.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/themeChrome.js

@@ -1,5 +1,7 @@
 "use strict";
 
+/** Mobile modal/tooltip inset — tighter than web `modalPadding` (default 40). */
+export const BUBBLE_CONTENT_PADDING = 24;
 function readNumber(theme, key, fallback) {
   const value = theme[key];
   if (typeof value === 'number' && Number.isFinite(value)) return value;
@@ -27,7 +29,7 @@ export function resolveBubbleChrome(theme, kind = 'modal') {
   const borderColor = readString(theme, 'bubbleBorderColor', 'transparent');
   // Web default tooltipNotchSize is 10.
   const notchSize = Math.max(0, readNumber(theme, 'tooltipNotchSize', 10));
-  const contentPadding = kind === 'tooltip' ? 24 : Math.max(0, readNumber(theme, 'modalPadding', 32));
+  const contentPadding = BUBBLE_CONTENT_PADDING;
 
   // Web often leaves `backgroundColor` empty and paints via `mainBackgroundColor`.
   // An empty string makes RN cards fully transparent (missing-target UI looks broken).

package/lib/module/surfaces/themeChrome.js.map

@@ -1 +1 @@
-{"version":3,"names":["readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","resolveBubbleChrome","kind","borderRadius","borderWidth","Math","max","borderColor","notchSize","contentPadding","backgroundColor","borderStyle","shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","fillStyle","overflow","cardStyle"],"sourceRoot":"../../../src","sources":["surfaces/themeChrome.ts"],"mappings":";;AA8BA,SAASA,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMG,MAAM,GAAGC,UAAU,CAACJ,KAAK,CAAC;IAChC,IAAIC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAOJ,QAAQ;AACjB;AAEA,SAASM,UAAUA,CAACR,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC,GAAGN,KAAK,GAAGD,QAAQ;AACzE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,mBAAmBA,CACjCV,KAAoB,EACpBW,IAAsB,GAAG,OAAO,EAClB;EACd,MAAMC,YAAY,GAAGb,UAAU,CAACC,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC;EAChE,MAAMa,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,UAAU,CAACC,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC;EAC1E,MAAMgB,WAAW,GAAGR,UAAU,CAACR,KAAK,EAAE,mBAAmB,EAAE,aAAa,CAAC;EACzE;EACA,MAAMiB,SAAS,GAAGH,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,UAAU,CAACC,KAAK,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC;EACxE,MAAMkB,cAAc,GAClBP,IAAI,KAAK,SAAS,GAAG,EAAE,GAAGG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,UAAU,CAACC,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;;EAE9E;EACA;EACA,MAAMmB,eAAe,GACnBX,UAAU,CAACR,KAAK,EAAE,iBAAiB,EAAE,EAAE,CAAC,IACxCQ,UAAU,CAACR,KAAK,EAAE,qBAAqB,EAAE,EAAE,CAAC,IAC5C,SAAS;;EAEX;EACA,MAAMoB,WAAsB,GAC1BP,WAAW,GAAG,CAAC,GACX;IACEA,WAAW;IACXG;EACF,CAAC,GACD,CAAC,CAAC;;EAER;EACA;EACA,MAAMK,WAAsB,GAAG;IAC7BC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,SAAoB,GAAG;IAC3BV,eAAe;IACfP,YAAY;IACZ,GAAGQ,WAAW;IACdU,QAAQ,EAAE;EACZ,CAAC;EAED,MAAMC,SAAoB,GAAG;IAC3B;IACA;IACA;IACA,IAAIpB,IAAI,KAAK,OAAO,GAChB;MACE,GAAGU,WAAW;MACdT,YAAY;MACZO,eAAe,EAAE,aAAa;MAC9BW,QAAQ,EAAE;IACZ,CAAC,GACD;MACEX,eAAe,EAAE,aAAa;MAC9BW,QAAQ,EAAE;IACZ,CAAC;EACP,CAAC;EAED,OAAO;IACLX,eAAe;IACfP,YAAY;IACZC,WAAW;IACXG,WAAW;IACXC,SAAS;IACTC,cAAc;IACda,SAAS;IACTF,SAAS;IACTR;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["BUBBLE_CONTENT_PADDING","readNumber","theme","key","fallback","value","Number","isFinite","parsed","parseFloat","readString","length","resolveBubbleChrome","kind","borderRadius","borderWidth","Math","max","borderColor","notchSize","contentPadding","backgroundColor","borderStyle","shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","fillStyle","overflow","cardStyle"],"sourceRoot":"../../../src","sources":["surfaces/themeChrome.ts"],"mappings":";;AAKA;AACA,OAAO,MAAMA,sBAAsB,GAAG,EAAE;AA2BxC,SAASC,UAAUA,CAACC,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,IAAI,OAAOE,KAAK,KAAK,QAAQ,IAAIC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;EACrE,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAMG,MAAM,GAAGC,UAAU,CAACJ,KAAK,CAAC;IAChC,IAAIC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,EAAE,OAAOA,MAAM;EAC5C;EACA,OAAOJ,QAAQ;AACjB;AAEA,SAASM,UAAUA,CAACR,KAAoB,EAAEC,GAAW,EAAEC,QAAgB,EAAU;EAC/E,MAAMC,KAAK,GAAGH,KAAK,CAACC,GAAG,CAAC;EACxB,OAAO,OAAOE,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC,GAAGN,KAAK,GAAGD,QAAQ;AACzE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,mBAAmBA,CACjCV,KAAoB,EACpBW,IAAsB,GAAG,OAAO,EAClB;EACd,MAAMC,YAAY,GAAGb,UAAU,CAACC,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC;EAChE,MAAMa,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,UAAU,CAACC,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC;EAC1E,MAAMgB,WAAW,GAAGR,UAAU,CAACR,KAAK,EAAE,mBAAmB,EAAE,aAAa,CAAC;EACzE;EACA,MAAMiB,SAAS,GAAGH,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,UAAU,CAACC,KAAK,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAC;EACxE,MAAMkB,cAAc,GAAGpB,sBAAsB;;EAE7C;EACA;EACA,MAAMqB,eAAe,GACnBX,UAAU,CAACR,KAAK,EAAE,iBAAiB,EAAE,EAAE,CAAC,IACxCQ,UAAU,CAACR,KAAK,EAAE,qBAAqB,EAAE,EAAE,CAAC,IAC5C,SAAS;;EAEX;EACA,MAAMoB,WAAsB,GAC1BP,WAAW,GAAG,CAAC,GACX;IACEA,WAAW;IACXG;EACF,CAAC,GACD,CAAC,CAAC;;EAER;EACA;EACA,MAAMK,WAAsB,GAAG;IAC7BC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,SAAoB,GAAG;IAC3BV,eAAe;IACfP,YAAY;IACZ,GAAGQ,WAAW;IACdU,QAAQ,EAAE;EACZ,CAAC;EAED,MAAMC,SAAoB,GAAG;IAC3B;IACA;IACA;IACA,IAAIpB,IAAI,KAAK,OAAO,GAChB;MACE,GAAGU,WAAW;MACdT,YAAY;MACZO,eAAe,EAAE,aAAa;MAC9BW,QAAQ,EAAE;IACZ,CAAC,GACD;MACEX,eAAe,EAAE,aAAa;MAC9BW,QAAQ,EAAE;IACZ,CAAC;EACP,CAAC;EAED,OAAO;IACLX,eAAe;IACfP,YAAY;IACZC,WAAW;IACXG,WAAW;IACXC,SAAS;IACTC,cAAc;IACda,SAAS;IACTF,SAAS;IACTR;EACF,CAAC;AACH","ignoreList":[]}