one 1.2.68 → 1.2.70

package/dist/cjs/layouts/Stack.cjs

@@ -25,7 +25,12 @@ __export(Stack_exports, {
 });
 module.exports = __toCommonJS(Stack_exports);
 var import_native_stack = require("@react-navigation/native-stack"),
+  import_stack_utils = require("./stack-utils/index.cjs"),
   import_withLayoutContext = require("./withLayoutContext.cjs");
 const NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator,
-  Stack = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator);
+  StackBase = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator),
+  Stack = Object.assign(StackBase, {
+    Screen: import_stack_utils.StackScreen,
+    Header: import_stack_utils.StackHeader
+  });
 var Stack_default = Stack;

package/dist/cjs/layouts/Stack.js

@@ -18,7 +18,10 @@ __export(Stack_exports, {
   default: () => Stack_default
 });
 module.exports = __toCommonJS(Stack_exports);
-var import_native_stack = require("@react-navigation/native-stack"), import_withLayoutContext = require("./withLayoutContext");
-const NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator, Stack = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator);
+var import_native_stack = require("@react-navigation/native-stack"), import_stack_utils = require("./stack-utils"), import_withLayoutContext = require("./withLayoutContext");
+const NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator, StackBase = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator), Stack = Object.assign(StackBase, {
+  Screen: import_stack_utils.StackScreen,
+  Header: import_stack_utils.StackHeader
+});
 var Stack_default = Stack;
 //# sourceMappingURL=Stack.js.map

package/dist/cjs/layouts/Stack.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Stack.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAIO,2CAEP,2BAAkC;AAElC,MAAM,2BAAuB,gDAA2B,EAAE,WAE7C,YAAQ,4CAKnB,oBAAoB;AAEtB,IAAO,gBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAIO,2CAEP,qBAAyC,0BACzC,2BAAkC;AAElC,MAAM,2BAAuB,gDAA2B,EAAE,WAEpD,gBAAY,4CAKhB,oBAAoB,GAET,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,QAAQ;AAAA,EACR,QAAQ;AACV,CAAC;AAED,IAAO,gBAAQ;",
   "names": []
 }

package/dist/cjs/layouts/Stack.native.js

@@ -27,8 +27,13 @@ __export(Stack_exports, {
 });
 module.exports = __toCommonJS(Stack_exports);
 var import_native_stack = require("@react-navigation/native-stack"),
+  import_stack_utils = require("./stack-utils/index.native.js"),
   import_withLayoutContext = require("./withLayoutContext.native.js"),
   NativeStackNavigator = (0, import_native_stack.createNativeStackNavigator)().Navigator,
-  Stack = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator),
+  StackBase = (0, import_withLayoutContext.withLayoutContext)(NativeStackNavigator),
+  Stack = Object.assign(StackBase, {
+    Screen: import_stack_utils.StackScreen,
+    Header: import_stack_utils.StackHeader
+  }),
   Stack_default = Stack;
 //# sourceMappingURL=Stack.native.js.map

package/dist/cjs/layouts/Stack.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Stack_exports","__export","Stack","default","Stack_default","module","exports","import_native_stack","require","import_withLayoutContext","NativeStackNavigator","createNativeStackNavigator","Navigator","withLayoutContext"],"sources":["../../../src/layouts/Stack.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAIO,CAAAK,aAAA;AAIP,IAAAO,mBAAM,GAAAC,OAAuB;EAAAC,wBAA6B,GAE7CD,OAAA,gCAAQ;EAAAE,oBAAA,GAKnB,IAAAH,mBAAoB,CAAAI,0BAAA,IAAAC,SAAA;EAAAV,KAAA,OAAAO,wBAAA,CAAAI,iBAAA,EAAAH,oBAAA;EAAAN,aAAA,GAAAF,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Stack_exports","__export","Stack","default","Stack_default","module","exports","import_native_stack","require","import_stack_utils","import_withLayoutContext","NativeStackNavigator","createNativeStackNavigator","Navigator","StackBase","withLayoutContext","Object","assign","Screen","StackScreen","Header","StackHeader"],"sources":["../../../src/layouts/Stack.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAIO,CAAAK,aAAA;AAKP,IAAAO,mBAAM,GAAAC,OAAuB;EAAAC,kBAA6B,GAAAD,OAEpD,gCAAY;EAAAE,wBAAA,GAAAF,OAAA,gCAKhB;EAAoBG,oBAEM,IAAO,GAAAJ,mBAAW,CAAAK,0BAAA,IAAAC,SAAA;EAAAC,SAAA,OAAAJ,wBAAA,CAAAK,iBAAA,EAAAJ,oBAAA;EAAAT,KAAA,GAAAc,MAAA,CAAAC,MAAA,CAAAH,SAAA;IAC5CI,MAAA,EAAQT,kBAAA,CAAAU,WAAA;IACRC,MAAA,EAAQX,kBAAA,CAAAY;EACV,CAAC;EAAAjB,aAAA,GAAAF,KAAA","ignoreList":[]}

package/dist/cjs/layouts/stack-utils/StackHeaderBackButton.cjs

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderBackButton_exports = {};
+__export(StackHeaderBackButton_exports, {
+  StackHeaderBackButton: () => StackHeaderBackButton,
+  appendStackHeaderBackButtonPropsToOptions: () => appendStackHeaderBackButtonPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderBackButton_exports);
+function StackHeaderBackButton(_props) {
+  return null;
+}
+function appendStackHeaderBackButtonPropsToOptions(options, props) {
+  return {
+    ...options,
+    headerBackTitle: props.children,
+    headerBackTitleStyle: props.style,
+    headerBackImageSource: props.src,
+    headerBackButtonDisplayMode: props.displayMode,
+    headerBackButtonMenuEnabled: props.withMenu,
+    headerBackVisible: props.hidden !== void 0 ? !props.hidden : void 0
+  };
+}

package/dist/cjs/layouts/stack-utils/StackHeaderBackButton.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var StackHeaderBackButton_exports = {};
+__export(StackHeaderBackButton_exports, {
+  StackHeaderBackButton: () => StackHeaderBackButton,
+  appendStackHeaderBackButtonPropsToOptions: () => appendStackHeaderBackButtonPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderBackButton_exports);
+function StackHeaderBackButton(_props) {
+  return null;
+}
+function appendStackHeaderBackButtonPropsToOptions(options, props) {
+  return {
+    ...options,
+    headerBackTitle: props.children,
+    headerBackTitleStyle: props.style,
+    headerBackImageSource: props.src,
+    headerBackButtonDisplayMode: props.displayMode,
+    headerBackButtonMenuEnabled: props.withMenu,
+    headerBackVisible: props.hidden !== void 0 ? !props.hidden : void 0
+  };
+}
+//# sourceMappingURL=StackHeaderBackButton.js.map

package/dist/cjs/layouts/stack-utils/StackHeaderBackButton.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/stack-utils/StackHeaderBackButton.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,SAAS,sBAAsB,QAAoC;AACxE,SAAO;AACT;AAEO,SAAS,0CACd,SACA,OAC8B;AAC9B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,iBAAiB,MAAM;AAAA,IACvB,sBAAsB,MAAM;AAAA,IAC5B,uBAAuB,MAAM;AAAA,IAC7B,6BAA6B,MAAM;AAAA,IACnC,6BAA6B,MAAM;AAAA,IACnC,mBAAmB,MAAM,WAAW,SAAY,CAAC,MAAM,SAAS;AAAA,EAClE;AACF;",
+  "names": []
+}

package/dist/cjs/layouts/stack-utils/StackHeaderBackButton.native.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderBackButton_exports = {};
+__export(StackHeaderBackButton_exports, {
+  StackHeaderBackButton: () => StackHeaderBackButton,
+  appendStackHeaderBackButtonPropsToOptions: () => appendStackHeaderBackButtonPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderBackButton_exports);
+function StackHeaderBackButton(_props) {
+  return null;
+}
+function appendStackHeaderBackButtonPropsToOptions(options, props) {
+  return {
+    ...options,
+    headerBackTitle: props.children,
+    headerBackTitleStyle: props.style,
+    headerBackImageSource: props.src,
+    headerBackButtonDisplayMode: props.displayMode,
+    headerBackButtonMenuEnabled: props.withMenu,
+    headerBackVisible: props.hidden !== void 0 ? !props.hidden : void 0
+  };
+}
+//# sourceMappingURL=StackHeaderBackButton.native.js.map

package/dist/cjs/layouts/stack-utils/StackHeaderBackButton.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","StackHeaderBackButton_exports","__export","StackHeaderBackButton","appendStackHeaderBackButtonPropsToOptions","module","exports","_props","options","props","headerBackTitle","children","headerBackTitleStyle","style","headerBackImageSource","src","headerBackButtonDisplayMode","displayMode","headerBackButtonMenuEnabled","withMenu","headerBackVisible","hidden"],"sources":["../../../../src/layouts/stack-utils/StackHeaderBackButton.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA,qBAAA;EAAAC,yCAAA,EAAAA,CAAA,KAAAA;AAAA;AAgBOC,MAAA,CAAAC,OAAS,GAAAV,YAAA,CAAAK,6BAA0D;AACxE,SAAOE,sBAAAI,MAAA;EACT;AAEO;AAIL,SAAOH,0CAAAI,OAAA,EAAAC,KAAA;EAAA,OACF;IACH,GAAAD,OAAA;IACAE,eAAA,EAAAD,KAAsB,CAAAE,QAAM;IAC5BC,oBAAA,EAAAH,KAAuB,CAAAI,KAAM;IAC7BC,qBAAA,EAAAL,KAAA,CAA6BM,GAAA;IAC7BC,2BAAA,EAA6BP,KAAA,CAAMQ,WAAA;IACnCC,2BAAyB,EAAAT,KAAA,CAAAU,QAAW;IACtCC,iBAAA,EAAAX,KAAA,CAAAY,MAAA,eAAAZ,KAAA,CAAAY,MAAA;EACF","ignoreList":[]}

package/dist/cjs/layouts/stack-utils/StackHeaderComponent.cjs

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderComponent_exports = {};
+__export(StackHeaderComponent_exports, {
+  StackHeaderComponent: () => StackHeaderComponent,
+  appendStackHeaderPropsToOptions: () => appendStackHeaderPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderComponent_exports);
+var import_react = require("react"),
+  import_react_native = require("react-native-web"),
+  import_StackHeaderBackButton = require("./StackHeaderBackButton.cjs"),
+  import_StackHeaderLeft = require("./StackHeaderLeft.cjs"),
+  import_StackHeaderRight = require("./StackHeaderRight.cjs"),
+  import_StackHeaderSearchBar = require("./StackHeaderSearchBar.cjs"),
+  import_StackHeaderTitle = require("./StackHeaderTitle.cjs"),
+  import_children = require("../../utils/children.cjs");
+function StackHeaderComponent(_props) {
+  return null;
+}
+function appendStackHeaderPropsToOptions(options, props) {
+  const flattenedStyle = import_react_native.StyleSheet.flatten(props.style),
+    flattenedLargeStyle = import_react_native.StyleSheet.flatten(props.largeStyle);
+  if (props.hidden) return {
+    ...options,
+    headerShown: !1
+  };
+  if (props.asChild) return {
+    ...options,
+    header: () => props.children
+  };
+  const isTransparent = flattenedStyle?.backgroundColor === "transparent",
+    hasCustomShadow = flattenedStyle?.shadowColor !== void 0,
+    hasBackgroundColor = flattenedStyle?.backgroundColor !== void 0,
+    hasLargeBackgroundColor = flattenedLargeStyle?.backgroundColor !== void 0;
+  let updatedOptions = {
+    ...options,
+    headerShown: !props.hidden,
+    headerBlurEffect: props.blurEffect,
+    // Set headerTransparent when backgroundColor is 'transparent'
+    // This works on both iOS and Android for normal headers
+    // Note: When using SearchBar on iOS, if you don't have a ScrollView with
+    // contentInsetAdjustmentBehavior="automatic", set headerTransparent: false in options
+    ...(isTransparent && {
+      headerTransparent: !0
+    }),
+    // Only set header styles when explicitly configured to avoid interfering with native defaults
+    ...(hasBackgroundColor && {
+      headerStyle: {
+        backgroundColor: flattenedStyle.backgroundColor
+      }
+    }),
+    ...(hasLargeBackgroundColor && {
+      headerLargeStyle: {
+        backgroundColor: flattenedLargeStyle.backgroundColor
+      }
+    }),
+    // Only set shadow visibility when explicitly configured
+    ...(hasCustomShadow && {
+      headerShadowVisible: flattenedStyle?.shadowColor !== "transparent"
+    }),
+    ...(flattenedLargeStyle?.shadowColor !== void 0 && {
+      headerLargeTitleShadowVisible: flattenedLargeStyle?.shadowColor !== "transparent"
+    })
+  };
+  function appendChildOptions(child, options2) {
+    let result = options2;
+    return (0, import_children.isChildOfType)(child, import_StackHeaderTitle.StackHeaderTitle) ? result = (0, import_StackHeaderTitle.appendStackHeaderTitlePropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderLeft.StackHeaderLeft) ? result = (0, import_StackHeaderLeft.appendStackHeaderLeftPropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderRight.StackHeaderRight) ? result = (0, import_StackHeaderRight.appendStackHeaderRightPropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderBackButton.StackHeaderBackButton) ? result = (0, import_StackHeaderBackButton.appendStackHeaderBackButtonPropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderSearchBar.StackHeaderSearchBar) ? result = (0, import_StackHeaderSearchBar.appendStackHeaderSearchBarPropsToOptions)(result, child.props) : console.warn(`Warning: Unknown child element passed to Stack.Header: ${child.type.name ?? child.type}`), result;
+  }
+  return import_react.Children.forEach(props.children, child => {
+    (0, import_react.isValidElement)(child) && (updatedOptions = appendChildOptions(child, updatedOptions));
+  }), updatedOptions;
+}

package/dist/cjs/layouts/stack-utils/StackHeaderComponent.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var StackHeaderComponent_exports = {};
+__export(StackHeaderComponent_exports, {
+  StackHeaderComponent: () => StackHeaderComponent,
+  appendStackHeaderPropsToOptions: () => appendStackHeaderPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderComponent_exports);
+var import_react = require("react"), import_react_native = require("react-native-web"), import_StackHeaderBackButton = require("./StackHeaderBackButton"), import_StackHeaderLeft = require("./StackHeaderLeft"), import_StackHeaderRight = require("./StackHeaderRight"), import_StackHeaderSearchBar = require("./StackHeaderSearchBar"), import_StackHeaderTitle = require("./StackHeaderTitle"), import_children = require("../../utils/children");
+function StackHeaderComponent(_props) {
+  return null;
+}
+function appendStackHeaderPropsToOptions(options, props) {
+  const flattenedStyle = import_react_native.StyleSheet.flatten(props.style), flattenedLargeStyle = import_react_native.StyleSheet.flatten(props.largeStyle);
+  if (props.hidden)
+    return { ...options, headerShown: !1 };
+  if (props.asChild)
+    return { ...options, header: () => props.children };
+  const isTransparent = flattenedStyle?.backgroundColor === "transparent", hasCustomShadow = flattenedStyle?.shadowColor !== void 0, hasBackgroundColor = flattenedStyle?.backgroundColor !== void 0, hasLargeBackgroundColor = flattenedLargeStyle?.backgroundColor !== void 0;
+  let updatedOptions = {
+    ...options,
+    headerShown: !props.hidden,
+    headerBlurEffect: props.blurEffect,
+    // Set headerTransparent when backgroundColor is 'transparent'
+    // This works on both iOS and Android for normal headers
+    // Note: When using SearchBar on iOS, if you don't have a ScrollView with
+    // contentInsetAdjustmentBehavior="automatic", set headerTransparent: false in options
+    ...isTransparent && { headerTransparent: !0 },
+    // Only set header styles when explicitly configured to avoid interfering with native defaults
+    ...hasBackgroundColor && {
+      headerStyle: { backgroundColor: flattenedStyle.backgroundColor }
+    },
+    ...hasLargeBackgroundColor && {
+      headerLargeStyle: { backgroundColor: flattenedLargeStyle.backgroundColor }
+    },
+    // Only set shadow visibility when explicitly configured
+    ...hasCustomShadow && { headerShadowVisible: flattenedStyle?.shadowColor !== "transparent" },
+    ...flattenedLargeStyle?.shadowColor !== void 0 && {
+      headerLargeTitleShadowVisible: flattenedLargeStyle?.shadowColor !== "transparent"
+    }
+  };
+  function appendChildOptions(child, options2) {
+    let result = options2;
+    return (0, import_children.isChildOfType)(child, import_StackHeaderTitle.StackHeaderTitle) ? result = (0, import_StackHeaderTitle.appendStackHeaderTitlePropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderLeft.StackHeaderLeft) ? result = (0, import_StackHeaderLeft.appendStackHeaderLeftPropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderRight.StackHeaderRight) ? result = (0, import_StackHeaderRight.appendStackHeaderRightPropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderBackButton.StackHeaderBackButton) ? result = (0, import_StackHeaderBackButton.appendStackHeaderBackButtonPropsToOptions)(result, child.props) : (0, import_children.isChildOfType)(child, import_StackHeaderSearchBar.StackHeaderSearchBar) ? result = (0, import_StackHeaderSearchBar.appendStackHeaderSearchBarPropsToOptions)(result, child.props) : console.warn(
+      `Warning: Unknown child element passed to Stack.Header: ${child.type.name ?? child.type}`
+    ), result;
+  }
+  return import_react.Children.forEach(props.children, (child) => {
+    (0, import_react.isValidElement)(child) && (updatedOptions = appendChildOptions(child, updatedOptions));
+  }), updatedOptions;
+}
+//# sourceMappingURL=StackHeaderComponent.js.map

package/dist/cjs/layouts/stack-utils/StackHeaderComponent.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/stack-utils/StackHeaderComponent.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAyD,kBACzD,sBAA4D,yBAG5D,+BAGO,oCACP,yBAAqE,8BACrE,0BAAuE,+BACvE,8BAGO,mCACP,0BAAuE,+BACvE,kBAA8B;AAgCvB,SAAS,qBAAqB,QAA0B;AAC7D,SAAO;AACT;AAEO,SAAS,gCACd,SACA,OAC8B;AAC9B,QAAM,iBAAiB,+BAAW,QAAQ,MAAM,KAAK,GAC/C,sBAAsB,+BAAW,QAAQ,MAAM,UAAU;AAE/D,MAAI,MAAM;AACR,WAAO,EAAE,GAAG,SAAS,aAAa,GAAM;AAG1C,MAAI,MAAM;AACR,WAAO,EAAE,GAAG,SAAS,QAAQ,MAAM,MAAM,SAAS;AAGpD,QAAM,gBAAgB,gBAAgB,oBAAoB,eACpD,kBAAkB,gBAAgB,gBAAgB,QAClD,qBAAqB,gBAAgB,oBAAoB,QACzD,0BAA0B,qBAAqB,oBAAoB;AAEzE,MAAI,iBAA+C;AAAA,IACjD,GAAG;AAAA,IACH,aAAa,CAAC,MAAM;AAAA,IACpB,kBAAkB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,GAAI,iBAAiB,EAAE,mBAAmB,GAAK;AAAA;AAAA,IAE/C,GAAI,sBAAsB;AAAA,MACxB,aAAa,EAAE,iBAAiB,eAAe,gBAA0B;AAAA,IAC3E;AAAA,IACA,GAAI,2BAA2B;AAAA,MAC7B,kBAAkB,EAAE,iBAAiB,oBAAoB,gBAA0B;AAAA,IACrF;AAAA;AAAA,IAEA,GAAI,mBAAmB,EAAE,qBAAqB,gBAAgB,gBAAgB,cAAc;AAAA,IAC5F,GAAI,qBAAqB,gBAAgB,UAAa;AAAA,MACpD,+BAA+B,qBAAqB,gBAAgB;AAAA,IACtE;AAAA,EACF;AAEA,WAAS,mBAAmB,OAA2BA,UAAuC;AAC5F,QAAI,SAASA;AACb,eAAI,+BAAc,OAAO,wCAAgB,IACvC,aAAS,8DAAqC,QAAQ,MAAM,KAAK,QACxD,+BAAc,OAAO,sCAAe,IAC7C,aAAS,4DAAoC,QAAQ,MAAM,KAAK,QACvD,+BAAc,OAAO,wCAAgB,IAC9C,aAAS,8DAAqC,QAAQ,MAAM,KAAK,QACxD,+BAAc,OAAO,kDAAqB,IACnD,aAAS,wEAA0C,QAAQ,MAAM,KAAK,QAC7D,+BAAc,OAAO,gDAAoB,IAClD,aAAS,sEAAyC,QAAQ,MAAM,KAAK,IAErE,QAAQ;AAAA,MACN,0DAA2D,MAAM,KAA0B,QAAQ,MAAM,IAAI;AAAA,IAC/G,GAEK;AAAA,EACT;AAEA,+BAAS,QAAQ,MAAM,UAAU,CAAC,UAAU;AAC1C,QAAI,6BAAe,KAAK,MACtB,iBAAiB,mBAAmB,OAAO,cAAc;AAAA,EAE7D,CAAC,GAEM;AACT;",
+  "names": ["options"]
+}

package/dist/cjs/layouts/stack-utils/StackHeaderComponent.native.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderComponent_exports = {};
+__export(StackHeaderComponent_exports, {
+  StackHeaderComponent: () => StackHeaderComponent,
+  appendStackHeaderPropsToOptions: () => appendStackHeaderPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderComponent_exports);
+var import_react = require("react"),
+  import_react_native = require("react-native"),
+  import_StackHeaderBackButton = require("./StackHeaderBackButton.native.js"),
+  import_StackHeaderLeft = require("./StackHeaderLeft.native.js"),
+  import_StackHeaderRight = require("./StackHeaderRight.native.js"),
+  import_StackHeaderSearchBar = require("./StackHeaderSearchBar.native.js"),
+  import_StackHeaderTitle = require("./StackHeaderTitle.native.js"),
+  import_children = require("../../utils/children.native.js");
+function StackHeaderComponent(_props) {
+  return null;
+}
+function appendStackHeaderPropsToOptions(options, props) {
+  var flattenedStyle = import_react_native.StyleSheet.flatten(props.style),
+    flattenedLargeStyle = import_react_native.StyleSheet.flatten(props.largeStyle);
+  if (props.hidden) return {
+    ...options,
+    headerShown: !1
+  };
+  if (props.asChild) return {
+    ...options,
+    header: function () {
+      return props.children;
+    }
+  };
+  var isTransparent = flattenedStyle?.backgroundColor === "transparent",
+    hasCustomShadow = flattenedStyle?.shadowColor !== void 0,
+    hasBackgroundColor = flattenedStyle?.backgroundColor !== void 0,
+    hasLargeBackgroundColor = flattenedLargeStyle?.backgroundColor !== void 0,
+    updatedOptions = {
+      ...options,
+      headerShown: !props.hidden,
+      headerBlurEffect: props.blurEffect,
+      // Set headerTransparent when backgroundColor is 'transparent'
+      // This works on both iOS and Android for normal headers
+      // Note: When using SearchBar on iOS, if you don't have a ScrollView with
+      // contentInsetAdjustmentBehavior="automatic", set headerTransparent: false in options
+      ...(isTransparent && {
+        headerTransparent: !0
+      }),
+      // Only set header styles when explicitly configured to avoid interfering with native defaults
+      ...(hasBackgroundColor && {
+        headerStyle: {
+          backgroundColor: flattenedStyle.backgroundColor
+        }
+      }),
+      ...(hasLargeBackgroundColor && {
+        headerLargeStyle: {
+          backgroundColor: flattenedLargeStyle.backgroundColor
+        }
+      }),
+      // Only set shadow visibility when explicitly configured
+      ...(hasCustomShadow && {
+        headerShadowVisible: flattenedStyle?.shadowColor !== "transparent"
+      }),
+      ...(flattenedLargeStyle?.shadowColor !== void 0 && {
+        headerLargeTitleShadowVisible: flattenedLargeStyle?.shadowColor !== "transparent"
+      })
+    };
+  function appendChildOptions(child, options2) {
+    var result = options2;
+    if ((0, import_children.isChildOfType)(child, import_StackHeaderTitle.StackHeaderTitle)) result = (0, import_StackHeaderTitle.appendStackHeaderTitlePropsToOptions)(result, child.props);else if ((0, import_children.isChildOfType)(child, import_StackHeaderLeft.StackHeaderLeft)) result = (0, import_StackHeaderLeft.appendStackHeaderLeftPropsToOptions)(result, child.props);else if ((0, import_children.isChildOfType)(child, import_StackHeaderRight.StackHeaderRight)) result = (0, import_StackHeaderRight.appendStackHeaderRightPropsToOptions)(result, child.props);else if ((0, import_children.isChildOfType)(child, import_StackHeaderBackButton.StackHeaderBackButton)) result = (0, import_StackHeaderBackButton.appendStackHeaderBackButtonPropsToOptions)(result, child.props);else if ((0, import_children.isChildOfType)(child, import_StackHeaderSearchBar.StackHeaderSearchBar)) result = (0, import_StackHeaderSearchBar.appendStackHeaderSearchBarPropsToOptions)(result, child.props);else {
+      var _child_type_name;
+      console.warn(`Warning: Unknown child element passed to Stack.Header: ${(_child_type_name = child.type.name) !== null && _child_type_name !== void 0 ? _child_type_name : child.type}`);
+    }
+    return result;
+  }
+  return import_react.Children.forEach(props.children, function (child) {
+    /* @__PURE__ */(0, import_react.isValidElement)(child) && (updatedOptions = appendChildOptions(child, updatedOptions));
+  }), updatedOptions;
+}
+//# sourceMappingURL=StackHeaderComponent.native.js.map

package/dist/cjs/layouts/stack-utils/StackHeaderComponent.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","StackHeaderComponent_exports","__export","StackHeaderComponent","appendStackHeaderPropsToOptions","module","exports","import_react","require","import_react_native","import_StackHeaderBackButton","import_StackHeaderLeft","import_StackHeaderRight","import_StackHeaderSearchBar","import_StackHeaderTitle","import_children","_props","options","props","flattenedStyle","StyleSheet","flatten","style","flattenedLargeStyle","largeStyle","hidden","headerShown","asChild","header","children","isTransparent","backgroundColor","hasCustomShadow","shadowColor","hasBackgroundColor","hasLargeBackgroundColor","updatedOptions","headerBlurEffect","blurEffect","headerTransparent","headerStyle","headerLargeStyle"],"sources":["../../../../src/layouts/stack-utils/StackHeaderComponent.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,+BAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAyD,CAAAK,4BACzD,CAA4D;AA8CrD,IAAAM,YAAS,GAAAC,OAAA,QAAqB;EAAAC,mBAA0B,GAAAD,OAAA;EAAAE,4BAAA,GAAAF,OAAA;EAAAG,sBAAA,GAAAH,OAAA;EAAAI,uBAAA,GAAAJ,OAAA;EAAAK,2BAAA,GAAAL,OAAA;EAAAM,uBAAA,GAAAN,OAAA;EAAAO,eAAA,GAAAP,OAAA;AAC7D,SAAOL,qBAAAa,MAAA;EACT;AAEO;AAIL,SAAMZ,+BAAiBA,CAAAa,OAAA,EAAAC,KAAA,EAAW;EAGlC,IAAIC,cAAM,GAAAV,mBAAA,CAAAW,UAAA,CAAAC,OAAA,CAAAH,KAAA,CAAAI,KAAA;IAAAC,mBAAA,GAAAd,mBAAA,CAAAW,UAAA,CAAAC,OAAA,CAAAH,KAAA,CAAAM,UAAA;EACR,IAAAN,KAAO,CAAAO,MAAK,EAGd,OAAI;IACF,GAAAR,OAAY;IAGdS,WAAM;EAKN;EAAmD,IACjDR,KAAG,CAAAS,OAAA,EACH;IACA,GAAAV,OAAA;IAAwBW,MAAA,WAAAA,CAAA;MAAA,OAAAV,KAAA,CAAAW,QAAA;IAAA;EAAA;EAAA,IAKxBC,aAAI,GAAAX,cAAmB,EAAAY,eAAwB;IAAAC,eAAA,GAAAb,cAAA,EAAAc,WAAA;IAAAC,kBAAA,GAAAf,cAAA,EAAAY,eAAA;IAAAI,uBAAA,GAAAZ,mBAAA,EAAAQ,eAAA;IAAAK,cAAA;MAAA,GAAAnB,OAAA;MAE/CS,WAAI,GAAAR,KAAA,CAAAO,MAAsB;MAAAY,gBACX,EAAEnB,KAAA,CAAAoB,UAAiB;MAClC;MACA;MAA+B;MAE/B;MAAA,IAAAR,aAAA;QAEAS,iBAAI,GAAmB;MACvB;MAAsD;MAEtD,IAAAL,kBAAA;QACFM,WAAA;UAEAT,eAAS,EAAAZ,cAA8C,CAAAY;QACrD;MACA;MAWU,IACNI,uBAAA;QACFM,gBAEK;UACTV,eAAA,EAAAR,mBAAA,CAAAQ;QAEA;MACE;MAGD;MAGH,IAAAC,eAAA","ignoreList":[]}

package/dist/cjs/layouts/stack-utils/StackHeaderLeft.cjs

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderLeft_exports = {};
+__export(StackHeaderLeft_exports, {
+  StackHeaderLeft: () => StackHeaderLeft,
+  appendStackHeaderLeftPropsToOptions: () => appendStackHeaderLeftPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderLeft_exports);
+function StackHeaderLeft(_props) {
+  return null;
+}
+function appendStackHeaderLeftPropsToOptions(options, props) {
+  return props.asChild ? {
+    ...options,
+    headerLeft: () => props.children
+  } : options;
+}

package/dist/cjs/layouts/stack-utils/StackHeaderLeft.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var StackHeaderLeft_exports = {};
+__export(StackHeaderLeft_exports, {
+  StackHeaderLeft: () => StackHeaderLeft,
+  appendStackHeaderLeftPropsToOptions: () => appendStackHeaderLeftPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderLeft_exports);
+function StackHeaderLeft(_props) {
+  return null;
+}
+function appendStackHeaderLeftPropsToOptions(options, props) {
+  return props.asChild ? {
+    ...options,
+    headerLeft: () => props.children
+  } : options;
+}
+//# sourceMappingURL=StackHeaderLeft.js.map

package/dist/cjs/layouts/stack-utils/StackHeaderLeft.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/stack-utils/StackHeaderLeft.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYO,SAAS,gBAAgB,QAA8B;AAC5D,SAAO;AACT;AAEO,SAAS,oCACd,SACA,OAC8B;AAC9B,SAAK,MAAM,UAIJ;AAAA,IACL,GAAG;AAAA,IACH,YAAY,MAAM,MAAM;AAAA,EAC1B,IANS;AAOX;",
+  "names": []
+}

package/dist/cjs/layouts/stack-utils/StackHeaderLeft.native.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderLeft_exports = {};
+__export(StackHeaderLeft_exports, {
+  StackHeaderLeft: () => StackHeaderLeft,
+  appendStackHeaderLeftPropsToOptions: () => appendStackHeaderLeftPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderLeft_exports);
+function StackHeaderLeft(_props) {
+  return null;
+}
+function appendStackHeaderLeftPropsToOptions(options, props) {
+  return props.asChild ? {
+    ...options,
+    headerLeft: function () {
+      return props.children;
+    }
+  } : options;
+}
+//# sourceMappingURL=StackHeaderLeft.native.js.map

package/dist/cjs/layouts/stack-utils/StackHeaderLeft.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","StackHeaderLeft_exports","__export","StackHeaderLeft","appendStackHeaderLeftPropsToOptions","module","exports","_props","options","props","asChild","headerLeft","children"],"sources":["../../../../src/layouts/stack-utils/StackHeaderLeft.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,mCAAA,EAAAA,CAAA,KAAAA;AAAA;AAYOC,MAAA,CAAAC,OAAS,GAAAV,YAAgB,CAAAK,uBAA8B;AAC5D,SAAOE,gBAAAI,MAAA;EACT;AAEO;AAIL,SAAKH,mCAIEA,CAAAI,OAAA,EAAAC,KAAA;EAAA,OACFA,KAAA,CAAAC,OAAA;IACH,GAAAF,OAAA;IACFG,UANS,WAAAA,CAAA;MAOX,OAAAF,KAAA,CAAAG,QAAA","ignoreList":[]}

package/dist/cjs/layouts/stack-utils/StackHeaderRight.cjs

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackHeaderRight_exports = {};
+__export(StackHeaderRight_exports, {
+  StackHeaderRight: () => StackHeaderRight,
+  appendStackHeaderRightPropsToOptions: () => appendStackHeaderRightPropsToOptions
+});
+module.exports = __toCommonJS(StackHeaderRight_exports);
+function StackHeaderRight(_props) {
+  return null;
+}
+function appendStackHeaderRightPropsToOptions(options, props) {
+  return props.asChild ? {
+    ...options,
+    headerRight: () => props.children
+  } : options;
+}