react-native-terra-ui 0.1.0 → 0.2.0

package/lib/module/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["LargeTitleHeader","TitleHeader","Header","Title","LargeTitle"],"sourceRoot":"../../../../src","sources":["components/header/Header.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,sCAA6B;AAC9D,SAASC,WAAW,QAAQ,iCAAwB;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAG;EACpBC,KAAK,EAAEF,WAAW;EAClBG,UAAU,EAAEJ;AACd,CAAC","ignoreList":[]}
+{"version":3,"names":["LargeTitleHeader","TitleHeader","Header","Title","LargeTitle"],"sourceRoot":"../../../../src","sources":["components/header/Header.ts"],"mappings":";;AAAA,SAASA,gBAAgB;AACzB,SAASC,WAAW;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAG;EACpBC,KAAK,EAAEF,WAAW;EAClBG,UAAU,EAAEJ;AACd,CAAC","ignoreList":[]}

package/lib/module/components/header/header-buttons.js

@@ -1,24 +1,40 @@
 "use strict";
 
-import { Pressable } from 'react-native';
-import { StyleSheet, useUnistyles } from 'react-native-unistyles';
-import { Icon } from "../icon/index.js";
+import { Toolbar } from "../toolbar/index.js";
+
+/**
+ * @deprecated Use {@link Toolbar.Button}. `HeaderButton` is an alias kept for
+ * compatibility and renders identically; `Toolbar.Button` additionally goes
+ * transparent inside a `Toolbar.Group` so several actions can share one
+ * capsule.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use {@link Toolbar.Button}, which is the same component under a
+ * name that also covers toolbars outside a header.
+ *
+ * @example
+ * ```tsx
+ * <Header.Title
+ *   title="Inbox"
+ *   RightToolbar={
+ *     <Toolbar.Button
+ *       icon="status.info"
+ *       accessibilityLabel="Info"
+ *       onPress={showInfo}
+ *     />
+ *   }
+ * />
+ * ```
+ */
+export const HeaderButton = Toolbar.Button;
 const getDismissAccessibilityLabel = dismissAction => dismissAction === 'close' ? 'Close' : 'Back';
 const getDismissIconName = dismissAction => dismissAction === 'close' ? 'navigation.close' : 'navigation.back';
-const warnUnavailableDismiss = dismissAction => {
-  if (__DEV__) {
-    console.warn(`[react-native-terra-ui] Header.Title dismissAction="${dismissAction}" was pressed, but no dismiss handler or available navigation action was provided.`);
-  }
-};
 export function HeaderDismissButton({
   dismissAction = 'none',
   navigation,
   onDismiss
 }) {
-  const {
-    theme
-  } = useUnistyles();
   if (dismissAction === 'none') return null;
   const handlePress = () => {
     if (onDismiss) {
@@ -33,33 +49,12 @@ export function HeaderDismissButton({
       navigation.goBack();
       return;
     }
-    warnUnavailableDismiss(dismissAction);
   };
-  return /*#__PURE__*/_jsx(Pressable, {
+  return /*#__PURE__*/_jsx(Toolbar.Button, {
+    icon: getDismissIconName(dismissAction),
+    iconSize: 24,
     accessibilityLabel: getDismissAccessibilityLabel(dismissAction),
-    accessibilityRole: "button",
-    hitSlop: 8,
-    onPress: handlePress,
-    style: ({
-      pressed
-    }) => [styles.button, pressed ? {
-      opacity: theme.opacity.pressed
-    } : null],
-    children: /*#__PURE__*/_jsx(Icon, {
-      size: 26,
-      color: "text.default",
-      name: getDismissIconName(dismissAction)
-    })
+    onPress: handlePress
   });
 }
-const styles = StyleSheet.create(theme => ({
-  button: {
-    width: 36,
-    height: 36,
-    borderRadius: theme.radius.full,
-    backgroundColor: theme.color['surface.default'] ?? '',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-}));
 //# sourceMappingURL=header-buttons.js.map

package/lib/module/components/header/header-buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","useUnistyles","Icon","jsx","_jsx","getDismissAccessibilityLabel","dismissAction","getDismissIconName","warnUnavailableDismiss","__DEV__","console","warn","HeaderDismissButton","navigation","onDismiss","theme","handlePress","dismiss","goBack","canGoBack","accessibilityLabel","accessibilityRole","hitSlop","onPress","style","pressed","styles","button","opacity","children","size","color","name","create","width","height","borderRadius","radius","full","backgroundColor","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/header/header-buttons.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,cAAc;AAExC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAIjE,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmB/B,MAAMC,4BAA4B,GAChCC,aAAkC,IACtBA,aAAa,KAAK,OAAO,GAAG,OAAO,GAAG,MAAO;AAE3D,MAAMC,kBAAkB,GACtBD,aAAkC,IAElCA,aAAa,KAAK,OAAO,GAAG,kBAAkB,GAAG,iBAAiB;AAEpE,MAAME,sBAAsB,GAAIF,aAAkC,IAAW;EAC3E,IAAIG,OAAO,EAAE;IACXC,OAAO,CAACC,IAAI,CACV,uDAAuDL,aAAa,oFACtE,CAAC;EACH;AACF,CAAC;AAED,OAAO,SAASM,mBAAmBA,CAAC;EAClCN,aAAa,GAAG,MAAM;EACtBO,UAAU;EACVC;AACkB,CAAC,EAAE;EACrB,MAAM;IAAEC;EAAM,CAAC,GAAGd,YAAY,CAAC,CAAC;EAEhC,IAAIK,aAAa,KAAK,MAAM,EAAE,OAAO,IAAI;EAEzC,MAAMU,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIF,SAAS,EAAE;MACbA,SAAS,CAAC,CAAC;MACX;IACF;IAEA,IAAIR,aAAa,KAAK,OAAO,IAAIO,UAAU,EAAEI,OAAO,EAAE;MACpDJ,UAAU,CAACI,OAAO,CAAC,CAAC;MACpB;IACF;IAEA,IAAIJ,UAAU,EAAEK,MAAM,IAAIL,UAAU,CAACM,SAAS,GAAG,CAAC,KAAK,KAAK,EAAE;MAC5DN,UAAU,CAACK,MAAM,CAAC,CAAC;MACnB;IACF;IAEAV,sBAAsB,CAACF,aAAa,CAAC;EACvC,CAAC;EAED,oBACEF,IAAA,CAACL,SAAS;IACRqB,kBAAkB,EAAEf,4BAA4B,CAACC,aAAa,CAAE;IAChEe,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAE,CAAE;IACXC,OAAO,EAAEP,WAAY;IACrBQ,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,MAAM,EACbF,OAAO,GAAG;MAAEG,OAAO,EAAEb,KAAK,CAACa,OAAO,CAACH;IAAQ,CAAC,GAAG,IAAI,CACnD;IAAAI,QAAA,eAEFzB,IAAA,CAACF,IAAI;MACH4B,IAAI,EAAE,EAAG;MACTC,KAAK,EAAC,cAAc;MACpBC,IAAI,EAAEzB,kBAAkB,CAACD,aAAa;IAAE,CACzC;EAAC,CACO,CAAC;AAEhB;AAEA,MAAMoB,MAAM,GAAG1B,UAAU,CAACiC,MAAM,CAAElB,KAAK,KAAM;EAC3CY,MAAM,EAAE;IACNO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAErB,KAAK,CAACsB,MAAM,CAACC,IAAI;IAC/BC,eAAe,EACZxB,KAAK,CAACgB,KAAK,CACV,iBAAiB,CAClB,IAAI,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Toolbar","jsx","_jsx","HeaderButton","Button","getDismissAccessibilityLabel","dismissAction","getDismissIconName","HeaderDismissButton","navigation","onDismiss","handlePress","dismiss","goBack","canGoBack","icon","iconSize","accessibilityLabel","onPress"],"sourceRoot":"../../../../src","sources":["components/header/header-buttons.tsx"],"mappings":";;AAEA,SAASA,OAAO;;AAEhB;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,GAAA,IAAAC,IAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGH,OAAO,CAACI,MAAM;AAmB1C,MAAMC,4BAA4B,GAChCC,aAAkC,IACtBA,aAAa,KAAK,OAAO,GAAG,OAAO,GAAG,MAAO;AAE3D,MAAMC,kBAAkB,GACtBD,aAAkC,IAElCA,aAAa,KAAK,OAAO,GAAG,kBAAkB,GAAG,iBAAiB;AAEpE,OAAO,SAASE,mBAAmBA,CAAC;EAClCF,aAAa,GAAG,MAAM;EACtBG,UAAU;EACVC;AACkB,CAAC,EAAE;EACrB,IAAIJ,aAAa,KAAK,MAAM,EAAE,OAAO,IAAI;EAEzC,MAAMK,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAID,SAAS,EAAE;MACbA,SAAS,CAAC,CAAC;MACX;IACF;IAEA,IAAIJ,aAAa,KAAK,OAAO,IAAIG,UAAU,EAAEG,OAAO,EAAE;MACpDH,UAAU,CAACG,OAAO,CAAC,CAAC;MACpB;IACF;IAEA,IAAIH,UAAU,EAAEI,MAAM,IAAIJ,UAAU,CAACK,SAAS,GAAG,CAAC,KAAK,KAAK,EAAE;MAC5DL,UAAU,CAACI,MAAM,CAAC,CAAC;MACnB;IACF;EACF,CAAC;EAED,oBACEX,IAAA,CAACF,OAAO,CAACI,MAAM;IACbW,IAAI,EAAER,kBAAkB,CAACD,aAAa,CAAE;IACxCU,QAAQ,EAAE,EAAG;IACbC,kBAAkB,EAAEZ,4BAA4B,CAACC,aAAa,CAAE;IAChEY,OAAO,EAAEP;EAAY,CACtB,CAAC;AAEN","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 export { Header } from "./Header.js";
-export { HeaderDismissButton } from "./header-buttons.js";
+export { HeaderButton, HeaderDismissButton } from "./header-buttons.js";
 export { LargeTitleHeader } from "./variants/LargeTitleHeader/index.js";
 export { TitleHeader } from "./variants/TitleHeader/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Header","HeaderDismissButton","LargeTitleHeader","TitleHeader"],"sourceRoot":"../../../../src","sources":["components/header/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAEEC,mBAAmB,QAGd,qBAAkB;AAEzB,SAASC,gBAAgB,QAAQ,sCAA6B;AAE9D,SAASC,WAAW,QAAQ,iCAAwB","ignoreList":[]}
+{"version":3,"names":["Header","HeaderButton","HeaderDismissButton","LargeTitleHeader","TitleHeader"],"sourceRoot":"../../../../src","sources":["components/header/index.ts"],"mappings":";;AAAA,SAASA,MAAM;AACf,SACEC,YAAY,EAGZC,mBAAmB;AAKrB,SAASC,gBAAgB;AAEzB,SAASC,WAAW","ignoreList":[]}

package/lib/module/components/header/parts/HeaderGradientOverlay.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { useId } from 'react';
+import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Vertical fade-out overlay behind header content, shared by header variants. */
+export function HeaderGradientOverlay({
+  color
+}) {
+  const gradientId = useId();
+  return /*#__PURE__*/_jsxs(Svg, {
+    height: "100%",
+    width: "100%",
+    children: [/*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsxs(SvgLinearGradient, {
+        id: gradientId,
+        x1: "0",
+        y1: "0",
+        x2: "0",
+        y2: "1",
+        children: [/*#__PURE__*/_jsx(Stop, {
+          offset: "0",
+          stopColor: color,
+          stopOpacity: "1"
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "1",
+          stopColor: color,
+          stopOpacity: "0.9"
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Rect, {
+      width: "100%",
+      height: "100%",
+      fill: `url(#${gradientId})`
+    })]
+  });
+}
+//# sourceMappingURL=HeaderGradientOverlay.js.map

package/lib/module/components/header/parts/HeaderGradientOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useId","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","jsx","_jsx","jsxs","_jsxs","HeaderGradientOverlay","color","gradientId","height","width","children","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderGradientOverlay.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;AAC7B,OAAOC,GAAG,IACRC,IAAI,EACJC,IAAI,EACJC,IAAI,EACJC,cAAc,IAAIC,iBAAiB,QAC9B,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1B;AACA,OAAO,SAASC,qBAAqBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGb,KAAK,CAAC,CAAC;EAE1B,oBACEU,KAAA,CAACT,GAAG;IAACa,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC,MAAM;IAAAC,QAAA,gBAC7BR,IAAA,CAACN,IAAI;MAAAc,QAAA,eACHN,KAAA,CAACJ,iBAAiB;QAACW,EAAE,EAAEJ,UAAW;QAACK,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAACC,EAAE,EAAC,GAAG;QAAAL,QAAA,gBAC5DR,IAAA,CAACJ,IAAI;UAACkB,MAAM,EAAC,GAAG;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAC;QAAG,CAAE,CAAC,eACrDhB,IAAA,CAACJ,IAAI;UAACkB,MAAM,EAAC,GAAG;UAACC,SAAS,EAAEX,KAAM;UAACY,WAAW,EAAC;QAAK,CAAE,CAAC;MAAA,CACtC;IAAC,CAChB,CAAC,eACPhB,IAAA,CAACL,IAAI;MAACY,KAAK,EAAC,MAAM;MAACD,MAAM,EAAC,MAAM;MAACW,IAAI,EAAE,QAAQZ,UAAU;IAAI,CAAE,CAAC;EAAA,CAC7D,CAAC;AAEV","ignoreList":[]}

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

@@ -1,16 +1,16 @@
 "use strict";
 
-import { useCallback, useEffect, useId } from 'react';
+import { useEffect } from 'react';
 import { Text, View } from 'react-native';
 import Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import Svg, { Defs, Rect, Stop, LinearGradient as SvgLinearGradient } from 'react-native-svg';
 import { StyleSheet, useUnistyles } from 'react-native-unistyles';
-import { resolveThemeColor } from '#utils/resolve-theme-color';
-import { FONT_WEIGHT_VALUE } from '#utils/typography';
-import { usePortal } from "../../../portal/index.js";
-import { useScreen } from "../../../screen/ScreenContext.js";
+import { resolveThemeColor } from "../../../../utils/resolve-theme-color.js";
+import { FONT_WEIGHT_VALUE } from "../../../../utils/typography.js";
+import { Portal } from "../../../portal/index.js";
+import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "../../../screen/ScreenContext.js";
+import { Toolbar } from "../../../toolbar/index.js";
 import { HeaderDismissButton } from "../../header-buttons.js";
+import { HeaderGradientOverlay } from "../../parts/HeaderGradientOverlay.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const AnimatedText = Animated.createAnimatedComponent(Text);
 
@@ -21,17 +21,20 @@ const LARGE_TITLE_SLIDE_OFFSET = 6;
 function LargeTitlePortalContent({
   title,
   caption,
-  onLayout
+  titleAlignment = 'center'
 }) {
   const {
     theme
   } = useUnistyles();
   const {
-    scrollY,
-    headerCollapseHeight
+    scrollY
   } = useScreen();
+  styles.useVariants({
+    titleAlignment
+  });
+  const headerCollapseHeight = theme.layout.header.height;
   const largeTitleAnimatedStyle = useAnimatedStyle(() => {
-    const height = headerCollapseHeight.value;
+    const height = headerCollapseHeight;
     if (height <= 0) {
       return {
         opacity: 1,
@@ -49,7 +52,6 @@ function LargeTitlePortalContent({
   });
   return /*#__PURE__*/_jsxs(Animated.View, {
     style: [styles.portalContent, largeTitleAnimatedStyle],
-    onLayout: onLayout,
     children: [/*#__PURE__*/_jsx(Text, {
       style: styles.largeTitle,
       maxFontSizeMultiplier: theme.typography.variants['headline-lg'].maxFontSizeMultiplier,
@@ -81,8 +83,8 @@ function LargeTitlePortalContent({
 export function LargeTitleHeader({
   title,
   caption,
-  LeftComponent,
-  RightComponent,
+  LeftToolbar,
+  RightToolbar,
   dismissAction = 'none',
   navigation,
   onDismiss,
@@ -93,30 +95,17 @@ export function LargeTitleHeader({
   const {
     theme
   } = useUnistyles();
-  const {
-    top
-  } = useSafeAreaInsets();
-  const gradientId = useId();
   const bgColor = resolveThemeColor(bg, theme) ?? theme.color['surface.default'] ?? '';
   const isTransparent = bgColor === 'transparent';
   const gradientColor = isTransparent ? theme.color.background : bgColor;
   const {
-    scrollY,
-    headerCollapseHeight,
-    setHeaderCollapseHeight
+    scrollY
   } = useScreen();
-  const {
-    registerContent,
-    unregisterContent
-  } = usePortal();
-  const portalId = useId();
   const isLargeTitleHiddenValue = useSharedValue(isLargeTitleHidden);
+  const headerCollapseHeight = theme.layout.header.height;
   styles.useVariants({
     titleAlignment
   });
-  const handlePortalLayout = useCallback(event => {
-    setHeaderCollapseHeight(event.nativeEvent.layout.height);
-  }, [setHeaderCollapseHeight]);
 
   // Animate the gradient overlay's opacity: 0 (expanded) → 1 (collapsed).
   const gradientOpacityStyle = useAnimatedStyle(() => {
@@ -125,7 +114,7 @@ export function LargeTitleHeader({
         opacity: 1
       };
     }
-    const height = headerCollapseHeight.value;
+    const height = headerCollapseHeight;
     if (height <= 0) {
       return {
         opacity: 0
@@ -144,7 +133,7 @@ export function LargeTitleHeader({
         }]
       };
     }
-    const height = headerCollapseHeight.value;
+    const height = headerCollapseHeight;
     if (height <= 0) {
       return {
         opacity: 0,
@@ -163,74 +152,46 @@ export function LargeTitleHeader({
   useEffect(() => {
     isLargeTitleHiddenValue.value = isLargeTitleHidden;
   }, [isLargeTitleHidden, isLargeTitleHiddenValue]);
-  useEffect(() => {
-    if (isLargeTitleHidden) {
-      setHeaderCollapseHeight(0);
-      unregisterContent(portalId);
-      return;
-    }
-    setHeaderCollapseHeight(0);
-    registerContent(portalId, /*#__PURE__*/_jsx(LargeTitlePortalContent, {
-      title: title,
-      caption: caption,
-      onLayout: handlePortalLayout
-    }));
-    return () => unregisterContent(portalId);
-  }, [portalId, title, caption, isLargeTitleHidden, setHeaderCollapseHeight, handlePortalLayout, registerContent, unregisterContent]);
+
+  // // biome-ignore lint/correctness/useExhaustiveDependencies: reset stale collapse height whenever content that resizes the portal (title/caption/visibility) changes, ahead of remeasurement
+  // useEffect(() => {
+  //   setHeaderCollapseHeight(0);
+  // }, [title, caption, isLargeTitleHidden, setHeaderCollapseHeight]);
+
   const leading = dismissAction === 'back' ? /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(HeaderDismissButton, {
       dismissAction: dismissAction,
       navigation: navigation,
       onDismiss: onDismiss
-    }), LeftComponent]
-  }) : LeftComponent;
+    }), LeftToolbar]
+  }) : LeftToolbar;
   const trailing = dismissAction === 'close' ? /*#__PURE__*/_jsxs(_Fragment, {
-    children: [RightComponent, /*#__PURE__*/_jsx(HeaderDismissButton, {
+    children: [RightToolbar, /*#__PURE__*/_jsx(HeaderDismissButton, {
       dismissAction: dismissAction,
       navigation: navigation,
       onDismiss: onDismiss
     })]
-  }) : RightComponent;
+  }) : RightToolbar;
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.safeArea,
-    children: [/*#__PURE__*/_jsx(Animated.View, {
-      style: [{
-        height: top,
-        backgroundColor: gradientColor
-      }, gradientOpacityStyle]
+    style: styles.container,
+    children: [!isLargeTitleHidden && /*#__PURE__*/_jsx(Portal, {
+      hostName: SCREEN_HEADER_PORTAL_HOST,
+      children: /*#__PURE__*/_jsx(LargeTitlePortalContent, {
+        title: title,
+        caption: caption,
+        titleAlignment: titleAlignment
+      })
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.safeArea(gradientColor), gradientOpacityStyle]
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.bar,
       children: [/*#__PURE__*/_jsx(Animated.View, {
         style: [styles.gradient, gradientOpacityStyle],
         pointerEvents: "none",
-        children: /*#__PURE__*/_jsxs(Svg, {
-          height: "100%",
-          width: "100%",
-          children: [/*#__PURE__*/_jsx(Defs, {
-            children: /*#__PURE__*/_jsxs(SvgLinearGradient, {
-              id: gradientId,
-              x1: "0",
-              y1: "0",
-              x2: "0",
-              y2: "1",
-              children: [/*#__PURE__*/_jsx(Stop, {
-                offset: "0",
-                stopColor: gradientColor,
-                stopOpacity: "1"
-              }), /*#__PURE__*/_jsx(Stop, {
-                offset: "1",
-                stopColor: gradientColor,
-                stopOpacity: "0"
-              })]
-            })
-          }), /*#__PURE__*/_jsx(Rect, {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${gradientId})`
-          })]
+        children: /*#__PURE__*/_jsx(HeaderGradientOverlay, {
+          color: gradientColor
         })
-      }), leading != null && /*#__PURE__*/_jsx(View, {
-        style: styles.slot,
+      }), leading != null && /*#__PURE__*/_jsx(Toolbar, {
         children: leading
       }), /*#__PURE__*/_jsx(Animated.View, {
         style: [styles.titleContainer, compactTitleAnimatedStyle],
@@ -240,21 +201,25 @@ export function LargeTitleHeader({
           maxFontSizeMultiplier: theme.typography.variants['title-md'].maxFontSizeMultiplier,
           children: title
         })
-      }), trailing != null && /*#__PURE__*/_jsx(View, {
-        style: styles.slotEnd,
+      }), trailing != null && /*#__PURE__*/_jsx(Toolbar, {
+        style: styles.trailing,
         children: trailing
       })]
     })]
   });
 }
-const styles = StyleSheet.create(theme => ({
-  safeArea: {
+const styles = StyleSheet.create((theme, runtime) => ({
+  container: {
     position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
     zIndex: 1000
   },
+  safeArea: bgColor => ({
+    height: runtime.insets.top,
+    backgroundColor: bgColor
+  }),
   gradient: {
     position: 'absolute',
     top: 0,
@@ -266,24 +231,18 @@ const styles = StyleSheet.create(theme => ({
     height: theme.layout.header.height,
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
     paddingHorizontal: theme.layout.screen.margin.x,
-    gap: theme.spacing['3']
-  },
-  slot: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: theme.spacing['2']
+    gap: theme.spacing['3'],
+    justifyContent: 'space-between'
   },
-  slotEnd: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    gap: theme.spacing['2']
+  trailing: {
+    justifyContent: 'flex-end'
   },
   portalContent: {
-    marginTop: theme.spacing['1'],
-    marginBottom: theme.spacing['3']
+    minHeight: theme.layout.header.height,
+    // paddingTop: theme.spacing['1'],
+    paddingBottom: theme.spacing['3'],
+    paddingHorizontal: theme.layout.screen.margin.x
   },
   largeTitle: {
     fontSize: theme.typography.variants['headline-lg'].fontSize,
@@ -296,7 +255,17 @@ const styles = StyleSheet.create(theme => ({
     fontSize: theme.typography.variants['body-lg'].fontSize,
     lineHeight: theme.typography.variants['body-lg'].lineHeight,
     letterSpacing: theme.typography.variants['body-lg'].letterSpacing,
-    color: theme.color['text.subtle'] ?? ''
+    color: theme.color['text.subtle'] ?? '',
+    variants: {
+      titleAlignment: {
+        center: {
+          textAlign: 'center'
+        },
+        left: {
+          textAlign: 'left'
+        }
+      }
+    }
   },
   compactTitle: {
     fontSize: theme.typography.variants['title-md'].fontSize,
@@ -316,6 +285,7 @@ const styles = StyleSheet.create(theme => ({
     }
   },
   titleContainer: {
+    flex: 1,
     variants: {
       titleAlignment: {
         center: {

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useId","Text","View","Animated","interpolate","useAnimatedStyle","useSharedValue","useSafeAreaInsets","Svg","Defs","Rect","Stop","LinearGradient","SvgLinearGradient","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","usePortal","useScreen","HeaderDismissButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","caption","onLayout","theme","scrollY","headerCollapseHeight","largeTitleAnimatedStyle","height","value","opacity","transform","translateY","style","styles","portalContent","children","largeTitle","maxFontSizeMultiplier","typography","variants","LargeTitleHeader","LeftComponent","RightComponent","dismissAction","navigation","onDismiss","titleAlignment","isLargeTitleHidden","bg","top","gradientId","bgColor","color","isTransparent","gradientColor","background","setHeaderCollapseHeight","registerContent","unregisterContent","portalId","isLargeTitleHiddenValue","useVariants","handlePortalLayout","event","nativeEvent","layout","gradientOpacityStyle","compactTitleAnimatedStyle","leading","trailing","safeArea","backgroundColor","bar","gradient","pointerEvents","width","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","fill","slot","titleContainer","compactTitle","slotEnd","create","position","left","right","zIndex","bottom","header","flexDirection","alignItems","justifyContent","paddingHorizontal","screen","margin","x","gap","spacing","marginTop","marginBottom","fontSize","lineHeight","letterSpacing","fontWeight","center","textAlign","flex"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/LargeTitleHeader/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","Text","View","Animated","interpolate","useAnimatedStyle","useSharedValue","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","Portal","SCREEN_HEADER_PORTAL_HOST","useScreen","Toolbar","HeaderDismissButton","HeaderGradientOverlay","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AnimatedText","createAnimatedComponent","COMPACT_TITLE_SLIDE_OFFSET","LARGE_TITLE_SLIDE_OFFSET","LargeTitlePortalContent","title","caption","titleAlignment","theme","scrollY","styles","useVariants","headerCollapseHeight","layout","header","height","largeTitleAnimatedStyle","opacity","transform","translateY","value","style","portalContent","children","largeTitle","maxFontSizeMultiplier","typography","variants","LargeTitleHeader","LeftToolbar","RightToolbar","dismissAction","navigation","onDismiss","isLargeTitleHidden","bg","bgColor","color","isTransparent","gradientColor","background","isLargeTitleHiddenValue","gradientOpacityStyle","compactTitleAnimatedStyle","leading","trailing","container","hostName","safeArea","bar","gradient","pointerEvents","titleContainer","compactTitle","create","runtime","position","top","left","right","zIndex","insets","backgroundColor","bottom","flexDirection","alignItems","paddingHorizontal","screen","margin","x","gap","spacing","justifyContent","minHeight","paddingBottom","fontSize","lineHeight","letterSpacing","fontWeight","center","textAlign","flex"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/LargeTitleHeader/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEzC,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAChC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAE1B,SAASC,MAAM;AACf,SACEC,yBAAyB,EACzBC,SAAS;AAEX,SAASC,OAAO;AAChB,SAASC,mBAAmB;AAC5B,SAASC,qBAAqB;AAA4C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAG1E,MAAMC,YAAY,GAAGpB,QAAQ,CAACqB,uBAAuB,CAACvB,IAAI,CAAC;;AAE3D;AACA,MAAMwB,0BAA0B,GAAG,CAAC;AACpC;AACA,MAAMC,wBAAwB,GAAG,CAAC;AASlC,SAASC,uBAAuBA,CAAC;EAC/BC,KAAK;EACLC,OAAO;EACPC,cAAc,GAAG;AACkD,CAAC,EAAE;EACtE,MAAM;IAAEC;EAAM,CAAC,GAAGvB,YAAY,CAAC,CAAC;EAChC,MAAM;IAAEwB;EAAQ,CAAC,GAAGnB,SAAS,CAAC,CAAC;EAC/BoB,MAAM,CAACC,WAAW,CAAC;IAAEJ;EAAe,CAAC,CAAC;EAEtC,MAAMK,oBAAoB,GAAGJ,KAAK,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM;EAEvD,MAAMC,uBAAuB,GAAGlC,gBAAgB,CAAC,MAAM;IACrD,MAAMiC,MAAM,GAAGH,oBAAoB;IACnC,IAAIG,MAAM,IAAI,CAAC,EAAE;MACf,OAAO;QAAEE,OAAO,EAAE,CAAC;QAAEC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAE;QAAE,CAAC;MAAE,CAAC;IACvD;IAEA,OAAO;MACLF,OAAO,EAAEpC,WAAW,CAAC4B,OAAO,CAACW,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;MACjEG,SAAS,EAAE,CACT;QACEC,UAAU,EAAEtC,WAAW,CACrB4B,OAAO,CAACW,KAAK,EACb,CAAC,CAAC,EAAEL,MAAM,CAAC,EACX,CAAC,CAAC,EAAE,CAACZ,wBAAwB,CAAC,EAC9B,OACF;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEN,KAAA,CAACjB,QAAQ,CAACD,IAAI;IAAC0C,KAAK,EAAE,CAACX,MAAM,CAACY,aAAa,EAAEN,uBAAuB,CAAE;IAAAO,QAAA,gBACpE5B,IAAA,CAACjB,IAAI;MACH2C,KAAK,EAAEX,MAAM,CAACc,UAAW;MACzBC,qBAAqB,EACnBjB,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACF,qBAC1C;MAAAF,QAAA,EAEAlB;IAAK,CACF,CAAC,EACN,CAAC,CAACC,OAAO,iBACRX,IAAA,CAACjB,IAAI;MACH2C,KAAK,EAAEX,MAAM,CAACJ,OAAQ;MACtBmB,qBAAqB,EACnBjB,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACF,qBACtC;MAAAF,QAAA,EAEAjB;IAAO,CACJ,CACP;EAAA,CACY,CAAC;AAEpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASsB,gBAAgBA,CAAC;EAC/BvB,KAAK;EACLC,OAAO;EACPuB,WAAW;EACXC,YAAY;EACZC,aAAa,GAAG,MAAM;EACtBC,UAAU;EACVC,SAAS;EACT1B,cAAc,GAAG,QAAQ;EACzB2B,kBAAkB,GAAG,KAAK;EAC1BC,EAAE,GAAG;AACgB,CAAC,EAAE;EACxB,MAAM;IAAE3B;EAAM,CAAC,GAAGvB,YAAY,CAAC,CAAC;EAEhC,MAAMmD,OAAO,GACXlD,iBAAiB,CAACiD,EAAE,EAAE3B,KAAK,CAAC,IAC3BA,KAAK,CAAC6B,KAAK,CACV,iBAAiB,CAClB,IACD,EAAE;EAEJ,MAAMC,aAAa,GAAGF,OAAO,KAAK,aAAa;EAC/C,MAAMG,aAAa,GAAGD,aAAa,GAAG9B,KAAK,CAAC6B,KAAK,CAACG,UAAU,GAAGJ,OAAO;EACtE,MAAM;IAAE3B;EAAQ,CAAC,GAAGnB,SAAS,CAAC,CAAC;EAC/B,MAAMmD,uBAAuB,GAAG1D,cAAc,CAACmD,kBAAkB,CAAC;EAClE,MAAMtB,oBAAoB,GAAGJ,KAAK,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM;EACvDL,MAAM,CAACC,WAAW,CAAC;IAAEJ;EAAe,CAAC,CAAC;;EAEtC;EACA,MAAMmC,oBAAoB,GAAG5D,gBAAgB,CAAC,MAAM;IAClD,IAAI2D,uBAAuB,CAACrB,KAAK,EAAE;MACjC,OAAO;QAAEH,OAAO,EAAE;MAAE,CAAC;IACvB;IACA,MAAMF,MAAM,GAAGH,oBAAoB;IACnC,IAAIG,MAAM,IAAI,CAAC,EAAE;MACf,OAAO;QAAEE,OAAO,EAAE;MAAE,CAAC;IACvB;IACA,OAAO;MACLA,OAAO,EAAEpC,WAAW,CAAC4B,OAAO,CAACW,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO;IAClE,CAAC;EACH,CAAC,CAAC;EAEF,MAAM4B,yBAAyB,GAAG7D,gBAAgB,CAAC,MAAM;IACvD,IAAI2D,uBAAuB,CAACrB,KAAK,EAAE;MACjC,OAAO;QAAEH,OAAO,EAAE,CAAC;QAAEC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAE;QAAE,CAAC;MAAE,CAAC;IACvD;IAEA,MAAMJ,MAAM,GAAGH,oBAAoB;IACnC,IAAIG,MAAM,IAAI,CAAC,EAAE;MACf,OAAO;QACLE,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEjB;QAA2B,CAAC;MACxD,CAAC;IACH;IAEA,OAAO;MACLe,OAAO,EAAEpC,WAAW,CAAC4B,OAAO,CAACW,KAAK,EAAE,CAAC,CAAC,EAAEL,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC;MACjEG,SAAS,EAAE,CACT;QACEC,UAAU,EAAEtC,WAAW,CACrB4B,OAAO,CAACW,KAAK,EACb,CAAC,CAAC,EAAEL,MAAM,CAAC,EACX,CAACb,0BAA0B,EAAE,CAAC,CAAC,EAC/B,OACF;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEFzB,SAAS,CAAC,MAAM;IACdgE,uBAAuB,CAACrB,KAAK,GAAGc,kBAAkB;EACpD,CAAC,EAAE,CAACA,kBAAkB,EAAEO,uBAAuB,CAAC,CAAC;;EAEjD;EACA;EACA;EACA;;EAEA,MAAMG,OAAO,GACXb,aAAa,KAAK,MAAM,gBACtBlC,KAAA,CAAAE,SAAA;IAAAwB,QAAA,gBACE5B,IAAA,CAACH,mBAAmB;MAClBuC,aAAa,EAAEA,aAAc;MAC7BC,UAAU,EAAEA,UAAW;MACvBC,SAAS,EAAEA;IAAU,CACtB,CAAC,EACDJ,WAAW;EAAA,CACZ,CAAC,GAEHA,WACD;EAEH,MAAMgB,QAAQ,GACZd,aAAa,KAAK,OAAO,gBACvBlC,KAAA,CAAAE,SAAA;IAAAwB,QAAA,GACGO,YAAY,eACbnC,IAAA,CAACH,mBAAmB;MAClBuC,aAAa,EAAEA,aAAc;MAC7BC,UAAU,EAAEA,UAAW;MACvBC,SAAS,EAAEA;IAAU,CACtB,CAAC;EAAA,CACF,CAAC,GAEHH,YACD;EAEH,oBACEjC,KAAA,CAAClB,IAAI;IAAC0C,KAAK,EAAEX,MAAM,CAACoC,SAAU;IAAAvB,QAAA,GAC3B,CAACW,kBAAkB,iBAClBvC,IAAA,CAACP,MAAM;MAAC2D,QAAQ,EAAE1D,yBAA0B;MAAAkC,QAAA,eAC1C5B,IAAA,CAACS,uBAAuB;QACtBC,KAAK,EAAEA,KAAM;QACbC,OAAO,EAAEA,OAAQ;QACjBC,cAAc,EAAEA;MAAe,CAChC;IAAC,CACI,CACT,eACDZ,IAAA,CAACf,QAAQ,CAACD,IAAI;MACZ0C,KAAK,EAAE,CAACX,MAAM,CAACsC,QAAQ,CAACT,aAAa,CAAC,EAAEG,oBAAoB;IAAE,CAC/D,CAAC,eACF7C,KAAA,CAAClB,IAAI;MAAC0C,KAAK,EAAEX,MAAM,CAACuC,GAAI;MAAA1B,QAAA,gBACtB5B,IAAA,CAACf,QAAQ,CAACD,IAAI;QACZ0C,KAAK,EAAE,CAACX,MAAM,CAACwC,QAAQ,EAAER,oBAAoB,CAAE;QAC/CS,aAAa,EAAC,MAAM;QAAA5B,QAAA,eAEpB5B,IAAA,CAACF,qBAAqB;UAAC4C,KAAK,EAAEE;QAAc,CAAE;MAAC,CAClC,CAAC,EACfK,OAAO,IAAI,IAAI,iBAAIjD,IAAA,CAACJ,OAAO;QAAAgC,QAAA,EAAEqB;MAAO,CAAU,CAAC,eAChDjD,IAAA,CAACf,QAAQ,CAACD,IAAI;QACZ0C,KAAK,EAAE,CAACX,MAAM,CAAC0C,cAAc,EAAET,yBAAyB,CAAE;QAC1DQ,aAAa,EAAC,MAAM;QAAA5B,QAAA,eAEpB5B,IAAA,CAACK,YAAY;UACXqB,KAAK,EAAEX,MAAM,CAAC2C,YAAa;UAC3B5B,qBAAqB,EACnBjB,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACF,qBACvC;UAAAF,QAAA,EAEAlB;QAAK,CACM;MAAC,CACF,CAAC,EACfwC,QAAQ,IAAI,IAAI,iBACflD,IAAA,CAACJ,OAAO;QAAC8B,KAAK,EAAEX,MAAM,CAACmC,QAAS;QAAAtB,QAAA,EAAEsB;MAAQ,CAAU,CACrD;IAAA,CACG,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMnC,MAAM,GAAG1B,UAAU,CAACsE,MAAM,CAAC,CAAC9C,KAAK,EAAE+C,OAAO,MAAM;EACpDT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDZ,QAAQ,EAAGZ,OAAO,KAAM;IACtBrB,MAAM,EAAEwC,OAAO,CAACM,MAAM,CAACJ,GAAG;IAC1BK,eAAe,EAAE1B;EACnB,CAAC,CAAC;EACFc,QAAQ,EAAE;IACRM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRI,MAAM,EAAE;EACV,CAAC;EACDd,GAAG,EAAE;IACHlC,MAAM,EAAEP,KAAK,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM;IAClCiD,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE1D,KAAK,CAACK,MAAM,CAACsD,MAAM,CAACC,MAAM,CAACC,CAAC;IAC/CC,GAAG,EAAE9D,KAAK,CAAC+D,OAAO,CAAC,GAAG,CAAC;IACvBC,cAAc,EAAE;EAClB,CAAC;EACD3B,QAAQ,EAAE;IACR2B,cAAc,EAAE;EAClB,CAAC;EACDlD,aAAa,EAAE;IACbmD,SAAS,EAAEjE,KAAK,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM;IACrC;IACA2D,aAAa,EAAElE,KAAK,CAAC+D,OAAO,CAAC,GAAG,CAAC;IACjCL,iBAAiB,EAAE1D,KAAK,CAACK,MAAM,CAACsD,MAAM,CAACC,MAAM,CAACC;EAChD,CAAC;EACD7C,UAAU,EAAE;IACVmD,QAAQ,EAAEnE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACgD,QAAQ;IAC3DC,UAAU,EAAEpE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACiD,UAAU;IAC/DC,aAAa,EAAErE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACkD,aAAa;IACrEC,UAAU,EACR3F,iBAAiB,CAACqB,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,aAAa,CAAC,CAACmD,UAAU,CAAC;IACxEzC,KAAK,EACF7B,KAAK,CAAC6B,KAAK,CACV,cAAc,CACf,IAAI;EACT,CAAC;EACD/B,OAAO,EAAE;IACPqE,QAAQ,EAAEnE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACgD,QAAQ;IACvDC,UAAU,EAAEpE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACiD,UAAU;IAC3DC,aAAa,EAAErE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,SAAS,CAAC,CAACkD,aAAa;IACjExC,KAAK,EACF7B,KAAK,CAAC6B,KAAK,CACV,aAAa,CACd,IAAI,EAAE;IACTV,QAAQ,EAAE;MACRpB,cAAc,EAAE;QACdwE,MAAM,EAAE;UAAEC,SAAS,EAAE;QAAS,CAAC;QAC/BtB,IAAI,EAAE;UAAEsB,SAAS,EAAE;QAAO;MAC5B;IACF;EACF,CAAC;EACD3B,YAAY,EAAE;IACZsB,QAAQ,EAAEnE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACgD,QAAQ;IACxDC,UAAU,EAAEpE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACiD,UAAU;IAC5DC,aAAa,EAAErE,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACkD,aAAa;IAClEC,UAAU,EACR3F,iBAAiB,CAACqB,KAAK,CAACkB,UAAU,CAACC,QAAQ,CAAC,UAAU,CAAC,CAACmD,UAAU,CAAC;IACrEzC,KAAK,EACF7B,KAAK,CAAC6B,KAAK,CACV,cAAc,CACf,IAAI,EAAE;IACTV,QAAQ,EAAE;MACRpB,cAAc,EAAE;QACdwE,MAAM,EAAE;UAAEC,SAAS,EAAE;QAAS,CAAC;QAC/BtB,IAAI,EAAE;UAAEsB,SAAS,EAAE;QAAO;MAC5B;IACF;EACF,CAAC;EACD5B,cAAc,EAAE;IACd6B,IAAI,EAAE,CAAC;IACPtD,QAAQ,EAAE;MACRpB,cAAc,EAAE;QACdwE,MAAM,EAAE;UACNvB,QAAQ,EAAE,UAAU;UACpBE,IAAI,EAAE,CAAC;UACPC,KAAK,EAAE,CAAC;UACRM,UAAU,EAAE;QACd,CAAC;QACDP,IAAI,EAAE;UACJuB,IAAI,EAAE,CAAC;UACPhB,UAAU,EAAE;QACd;MACF;IACF;EACF;AACF,CAAC,CAAC,CAAC","ignoreList":[]}