expo-router 7.0.0-canary-20260114-d8e19f5 → 7.0.0-canary-20260120-bb71700

package/build/layouts/stack-utils/StackSearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackSearchBar.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackSearchBar.tsx"],"names":[],"mappings":";;AAWA,wCAGC;AAED,gFAUC;AAzBD,iCAAgC;AAGhC,+CAA4C;AAO5C,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,kCAAkC,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7F,OAAO,CAAC,eAAM,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,EAAG,CAAC;AAC7C,CAAC;AAED,SAAgB,kCAAkC,CAChD,OAAqC,EACrC,KAA0B;IAE1B,OAAO;QACL,GAAG,OAAO;QACV,sBAAsB,EAAE;YACtB,GAAG,KAAK;SACT;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { useMemo } from 'react';\nimport type { SearchBarProps } from 'react-native-screens';\n\nimport { Screen } from '../../views/Screen';\n\n// TODO: Discuss adding SearchBarPreferredSlot to react-native-screens header items\n// and exposing it as Stack.Header.SearchBarPreferredSlot\n// https://linear.app/expo/issue/ENG-18555\nexport interface StackSearchBarProps extends SearchBarProps {}\n\nexport function StackSearchBar(props: StackSearchBarProps) {\n  const updatedOptions = useMemo(() => appendStackSearchBarPropsToOptions({}, props), [props]);\n  return <Screen options={updatedOptions} />;\n}\n\nexport function appendStackSearchBarPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackSearchBarProps\n): NativeStackNavigationOptions {\n  return {\n    ...options,\n    headerSearchBarOptions: {\n      ...props,\n    },\n  };\n}\n"]}
+{"version":3,"file":"StackSearchBar.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/StackSearchBar.tsx"],"names":[],"mappings":";;AAuCA,wCAGC;AAED,gFAWC;AAtDD,iCAAgC;AAGhC,+CAA4C;AAO5C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,kCAAkC,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7F,OAAO,CAAC,eAAM,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,EAAG,CAAC;AAC7C,CAAC;AAED,SAAgB,kCAAkC,CAChD,OAAqC,EACrC,KAA0B;IAE1B,OAAO;QACL,GAAG,OAAO;QACV,WAAW,EAAE,IAAI;QACjB,sBAAsB,EAAE;YACtB,GAAG,KAAK;SACT;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { useMemo } from 'react';\nimport type { SearchBarProps } from 'react-native-screens';\n\nimport { Screen } from '../../views/Screen';\n\n// TODO: Discuss adding SearchBarSlot to react-native-screens header items\n// and exposing it as Stack.Header.SearchBarPreferredSlot\n// https://linear.app/expo/issue/ENG-18555\nexport interface StackSearchBarProps extends SearchBarProps {}\n\n/**\n * A search bar component that integrates with the native stack header.\n *\n * > **Note:** Using `Stack.SearchBar` will automatically make the header visible\n * (`headerShown: true`), as the search bar is rendered as part of the native header.\n *\n * To display the search bar in the bottom toolbar on iOS 26+, use\n * `Stack.Toolbar.SearchBarSlot` inside `Stack.Toolbar`.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.SearchBar\n *         placeholder=\"Search...\"\n *         onChangeText={(text) => console.log(text)}\n *       />\n *      <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport function StackSearchBar(props: StackSearchBarProps) {\n  const updatedOptions = useMemo(() => appendStackSearchBarPropsToOptions({}, props), [props]);\n  return <Screen options={updatedOptions} />;\n}\n\nexport function appendStackSearchBarPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackSearchBarProps\n): NativeStackNavigationOptions {\n  return {\n    ...options,\n    headerShown: true,\n    headerSearchBarOptions: {\n      ...props,\n    },\n  };\n}\n"]}

package/build/layouts/stack-utils/common-primitives.d.ts

@@ -1,24 +1,24 @@
 import { type ImageSourcePropType, type StyleProp, type TextStyle } from 'react-native';
 import type { SFSymbol } from 'sf-symbols-typescript';
-export interface StackHeaderLabelProps {
+export interface StackToolbarLabelProps {
     /**
      * The text to display as the label for the tab.
      */
     children?: string;
 }
-export declare const StackHeaderLabel: React.FC<StackHeaderLabelProps>;
-export type StackHeaderIconProps = {
+export declare const StackToolbarLabel: React.FC<StackToolbarLabelProps>;
+export type StackToolbarIconProps = {
     src: ImageSourcePropType;
 } | {
     sf: SFSymbol;
 };
-export declare const StackHeaderIcon: React.FC<StackHeaderIconProps>;
-export interface StackHeaderBadgeProps {
+export declare const StackToolbarIcon: React.FC<StackToolbarIconProps>;
+export interface StackToolbarBadgeProps {
     /**
      * The text to display as the badge
      */
     children?: string;
     style?: StyleProp<Pick<TextStyle, 'fontFamily' | 'fontSize' | 'color' | 'fontWeight' | 'backgroundColor'>>;
 }
-export declare const StackHeaderBadge: React.FC<StackHeaderBadgeProps>;
+export declare const StackToolbarBadge: React.FC<StackToolbarBadgeProps>;
 //# sourceMappingURL=common-primitives.d.ts.map

package/build/layouts/stack-utils/common-primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common-primitives.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/common-primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAS,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAC5B;IAEE,GAAG,EAAE,mBAAmB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,QAAQ,CAAC;CACd,CAAC;AAEN,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAQ,CAAC;AAEpE,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,SAAS,CACf,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,iBAAiB,CAAC,CACxF,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAS,CAAC"}
+{"version":3,"file":"common-primitives.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/common-primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAS,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAC7B;IAEE,GAAG,EAAE,mBAAmB,CAAC;CAC1B,GACD;IACE,EAAE,EAAE,QAAQ,CAAC;CACd,CAAC;AAEN,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAQ,CAAC;AAEtE,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,SAAS,CACf,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,iBAAiB,CAAC,CACxF,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAS,CAAC"}

package/build/layouts/stack-utils/common-primitives.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StackHeaderBadge = exports.StackHeaderIcon = exports.StackHeaderLabel = void 0;
+exports.StackToolbarBadge = exports.StackToolbarIcon = exports.StackToolbarLabel = void 0;
 const primitives_1 = require("../../primitives");
-exports.StackHeaderLabel = primitives_1.Label;
-exports.StackHeaderIcon = primitives_1.Icon;
-exports.StackHeaderBadge = primitives_1.Badge;
+exports.StackToolbarLabel = primitives_1.Label;
+exports.StackToolbarIcon = primitives_1.Icon;
+exports.StackToolbarBadge = primitives_1.Badge;
 //# sourceMappingURL=common-primitives.js.map

package/build/layouts/stack-utils/common-primitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"common-primitives.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/common-primitives.tsx"],"names":[],"mappings":";;;AAGA,iDAAsD;AASzC,QAAA,gBAAgB,GAAoC,kBAAK,CAAC;AAW1D,QAAA,eAAe,GAAmC,iBAAI,CAAC;AAavD,QAAA,gBAAgB,GAAoC,kBAAK,CAAC","sourcesContent":["import { type ImageSourcePropType, type StyleProp, type TextStyle } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport { Badge, Icon, Label } from '../../primitives';\n\nexport interface StackHeaderLabelProps {\n  /**\n   * The text to display as the label for the tab.\n   */\n  children?: string;\n}\n\nexport const StackHeaderLabel: React.FC<StackHeaderLabelProps> = Label;\n\nexport type StackHeaderIconProps =\n  | {\n      // TODO: add support for vector icons\n      src: ImageSourcePropType;\n    }\n  | {\n      sf: SFSymbol;\n    };\n\nexport const StackHeaderIcon: React.FC<StackHeaderIconProps> = Icon;\n\nexport interface StackHeaderBadgeProps {\n  /**\n   * The text to display as the badge\n   */\n  children?: string;\n\n  style?: StyleProp<\n    Pick<TextStyle, 'fontFamily' | 'fontSize' | 'color' | 'fontWeight' | 'backgroundColor'>\n  >;\n}\n\nexport const StackHeaderBadge: React.FC<StackHeaderBadgeProps> = Badge;\n"]}
+{"version":3,"file":"common-primitives.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/common-primitives.tsx"],"names":[],"mappings":";;;AAGA,iDAAsD;AASzC,QAAA,iBAAiB,GAAqC,kBAAK,CAAC;AAW5D,QAAA,gBAAgB,GAAoC,iBAAI,CAAC;AAazD,QAAA,iBAAiB,GAAqC,kBAAK,CAAC","sourcesContent":["import { type ImageSourcePropType, type StyleProp, type TextStyle } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport { Badge, Icon, Label } from '../../primitives';\n\nexport interface StackToolbarLabelProps {\n  /**\n   * The text to display as the label for the tab.\n   */\n  children?: string;\n}\n\nexport const StackToolbarLabel: React.FC<StackToolbarLabelProps> = Label;\n\nexport type StackToolbarIconProps =\n  | {\n      // TODO: add support for vector icons\n      src: ImageSourcePropType;\n    }\n  | {\n      sf: SFSymbol;\n    };\n\nexport const StackToolbarIcon: React.FC<StackToolbarIconProps> = Icon;\n\nexport interface StackToolbarBadgeProps {\n  /**\n   * The text to display as the badge\n   */\n  children?: string;\n\n  style?: StyleProp<\n    Pick<TextStyle, 'fontFamily' | 'fontSize' | 'color' | 'fontWeight' | 'backgroundColor'>\n  >;\n}\n\nexport const StackToolbarBadge: React.FC<StackToolbarBadgeProps> = Badge;\n"]}

package/build/layouts/stack-utils/index.d.ts

@@ -1,28 +1,9 @@
-import { StackHeaderBackButton, type StackHeaderBackButtonProps } from './StackHeaderBackButton';
-import { StackHeaderButton, type StackHeaderButtonProps } from './StackHeaderButton';
 import { StackHeaderComponent, type StackHeaderProps } from './StackHeaderComponent';
-import { StackHeaderLeft, type StackHeaderLeftProps, StackHeaderRight, type StackHeaderRightProps } from './StackHeaderLeftRight';
-import { StackHeaderMenu, StackHeaderMenuAction, type StackHeaderMenuActionProps, type StackHeaderMenuProps } from './StackHeaderMenu';
-import { StackHeaderSpacer, type StackHeaderSpacerProps } from './StackHeaderSpacer';
-import { StackHeaderTitle, type StackHeaderTitleProps } from './StackHeaderTitle';
-import { StackHeaderView, type StackHeaderViewProps } from './StackHeaderView';
 import { StackSearchBar, type StackSearchBarProps } from './StackSearchBar';
-import { StackHeaderBadge, StackHeaderIcon, StackHeaderLabel, type StackHeaderBadgeProps, type StackHeaderIconProps, type StackHeaderLabelProps } from './common-primitives';
 import type { StackHeaderItemSharedProps } from './shared';
-export declare const StackHeader: typeof StackHeaderComponent & {
-    Left: import("react").FC<StackHeaderLeftProps>;
-    Right: import("react").FC<StackHeaderRightProps>;
-    BackButton: typeof StackHeaderBackButton;
-    Title: typeof StackHeaderTitle;
-    Button: import("react").FC<StackHeaderButtonProps>;
-    Badge: import("react").FC<StackHeaderBadgeProps>;
-    Label: import("react").FC<StackHeaderLabelProps>;
-    Icon: import("react").FC<StackHeaderIconProps>;
-    Menu: import("react").FC<StackHeaderMenuProps>;
-    MenuAction: import("react").FC<StackHeaderMenuActionProps>;
-    View: import("react").FC<StackHeaderViewProps>;
-    Spacer: import("react").FC<StackHeaderSpacerProps>;
-};
-export { StackHeaderBackButton, type StackHeaderBackButtonProps, type StackHeaderProps, StackHeaderLeft, type StackHeaderLeftProps, StackHeaderRight, type StackHeaderRightProps, StackSearchBar, type StackSearchBarProps, StackHeaderTitle, type StackHeaderTitleProps, StackHeaderButton, type StackHeaderButtonProps, StackHeaderBadge, type StackHeaderBadgeProps, StackHeaderLabel, type StackHeaderLabelProps, StackHeaderIcon, type StackHeaderIconProps, StackHeaderMenu, type StackHeaderMenuProps, StackHeaderMenuAction, type StackHeaderMenuActionProps, StackHeaderView, type StackHeaderViewProps, StackHeaderSpacer, type StackHeaderSpacerProps, type StackHeaderItemSharedProps, };
+export declare const StackHeader: typeof StackHeaderComponent;
+export { type StackHeaderProps, StackSearchBar, type StackSearchBarProps, type StackHeaderItemSharedProps, };
+export * from './toolbar';
+export * from './screen';
 export { StackScreen, appendScreenStackPropsToOptions, type StackScreenProps } from './StackScreen';
 //# sourceMappingURL=index.d.ts.map

package/build/layouts/stack-utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,KAAK,qBAAqB,EAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAatB,CAAC;AAEH,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,eAAe,EACf,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,cAAc,EACd,KAAK,mBAAmB,EACxB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,eAAe,EACf,KAAK,oBAAoB,EACzB,eAAe,EACf,KAAK,oBAAoB,EACzB,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,eAAe,EACf,KAAK,oBAAoB,EACzB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,0BAA0B,GAChC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,+BAA+B,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/stack-utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,eAAO,MAAM,WAAW,6BAAuB,CAAC;AAEhD,OAAO,EACL,KAAK,gBAAgB,EACrB,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,GAChC,CAAC;AAEF,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,WAAW,EAAE,+BAA+B,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/build/layouts/stack-utils/index.js

@@ -1,43 +1,26 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.appendScreenStackPropsToOptions = exports.StackScreen = exports.StackHeaderSpacer = exports.StackHeaderView = exports.StackHeaderMenuAction = exports.StackHeaderMenu = exports.StackHeaderIcon = exports.StackHeaderLabel = exports.StackHeaderBadge = exports.StackHeaderButton = exports.StackHeaderTitle = exports.StackSearchBar = exports.StackHeaderRight = exports.StackHeaderLeft = exports.StackHeaderBackButton = exports.StackHeader = void 0;
-const StackHeaderBackButton_1 = require("./StackHeaderBackButton");
-Object.defineProperty(exports, "StackHeaderBackButton", { enumerable: true, get: function () { return StackHeaderBackButton_1.StackHeaderBackButton; } });
-const StackHeaderButton_1 = require("./StackHeaderButton");
-Object.defineProperty(exports, "StackHeaderButton", { enumerable: true, get: function () { return StackHeaderButton_1.StackHeaderButton; } });
+exports.appendScreenStackPropsToOptions = exports.StackScreen = exports.StackSearchBar = exports.StackHeader = void 0;
 const StackHeaderComponent_1 = require("./StackHeaderComponent");
-const StackHeaderLeftRight_1 = require("./StackHeaderLeftRight");
-Object.defineProperty(exports, "StackHeaderLeft", { enumerable: true, get: function () { return StackHeaderLeftRight_1.StackHeaderLeft; } });
-Object.defineProperty(exports, "StackHeaderRight", { enumerable: true, get: function () { return StackHeaderLeftRight_1.StackHeaderRight; } });
-const StackHeaderMenu_1 = require("./StackHeaderMenu");
-Object.defineProperty(exports, "StackHeaderMenu", { enumerable: true, get: function () { return StackHeaderMenu_1.StackHeaderMenu; } });
-Object.defineProperty(exports, "StackHeaderMenuAction", { enumerable: true, get: function () { return StackHeaderMenu_1.StackHeaderMenuAction; } });
-const StackHeaderSpacer_1 = require("./StackHeaderSpacer");
-Object.defineProperty(exports, "StackHeaderSpacer", { enumerable: true, get: function () { return StackHeaderSpacer_1.StackHeaderSpacer; } });
-const StackHeaderTitle_1 = require("./StackHeaderTitle");
-Object.defineProperty(exports, "StackHeaderTitle", { enumerable: true, get: function () { return StackHeaderTitle_1.StackHeaderTitle; } });
-const StackHeaderView_1 = require("./StackHeaderView");
-Object.defineProperty(exports, "StackHeaderView", { enumerable: true, get: function () { return StackHeaderView_1.StackHeaderView; } });
 const StackSearchBar_1 = require("./StackSearchBar");
 Object.defineProperty(exports, "StackSearchBar", { enumerable: true, get: function () { return StackSearchBar_1.StackSearchBar; } });
-const common_primitives_1 = require("./common-primitives");
-Object.defineProperty(exports, "StackHeaderBadge", { enumerable: true, get: function () { return common_primitives_1.StackHeaderBadge; } });
-Object.defineProperty(exports, "StackHeaderIcon", { enumerable: true, get: function () { return common_primitives_1.StackHeaderIcon; } });
-Object.defineProperty(exports, "StackHeaderLabel", { enumerable: true, get: function () { return common_primitives_1.StackHeaderLabel; } });
-exports.StackHeader = Object.assign(StackHeaderComponent_1.StackHeaderComponent, {
-    Left: StackHeaderLeftRight_1.StackHeaderLeft,
-    Right: StackHeaderLeftRight_1.StackHeaderRight,
-    BackButton: StackHeaderBackButton_1.StackHeaderBackButton,
-    Title: StackHeaderTitle_1.StackHeaderTitle,
-    Button: StackHeaderButton_1.StackHeaderButton,
-    Badge: common_primitives_1.StackHeaderBadge,
-    Label: common_primitives_1.StackHeaderLabel,
-    Icon: common_primitives_1.StackHeaderIcon,
-    Menu: StackHeaderMenu_1.StackHeaderMenu,
-    MenuAction: StackHeaderMenu_1.StackHeaderMenuAction,
-    View: StackHeaderView_1.StackHeaderView,
-    Spacer: StackHeaderSpacer_1.StackHeaderSpacer,
-});
+exports.StackHeader = StackHeaderComponent_1.StackHeaderComponent;
+__exportStar(require("./toolbar"), exports);
+__exportStar(require("./screen"), exports);
 var StackScreen_1 = require("./StackScreen");
 Object.defineProperty(exports, "StackScreen", { enumerable: true, get: function () { return StackScreen_1.StackScreen; } });
 Object.defineProperty(exports, "appendScreenStackPropsToOptions", { enumerable: true, get: function () { return StackScreen_1.appendScreenStackPropsToOptions; } });

package/build/layouts/stack-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/index.tsx"],"names":[],"mappings":";;;AAAA,mEAAiG;AA6C/F,sGA7CO,6CAAqB,OA6CP;AA5CvB,2DAAqF;AAuDnF,kGAvDO,qCAAiB,OAuDP;AAtDnB,iEAAqF;AACrF,iEAKgC;AAwC9B,gGA5CA,sCAAe,OA4CA;AAEf,iGA5CA,uCAAgB,OA4CA;AAzClB,uDAK2B;AAkDzB,gGAtDA,iCAAe,OAsDA;AAEf,sGAvDA,uCAAqB,OAuDA;AAnDvB,2DAAqF;AAuDnF,kGAvDO,qCAAiB,OAuDP;AAtDnB,yDAAkF;AAsChF,iGAtCO,mCAAgB,OAsCP;AArClB,uDAA+E;AAmD7E,gGAnDO,iCAAe,OAmDP;AAlDjB,qDAA4E;AAkC1E,+FAlCO,+BAAc,OAkCP;AAjChB,2DAO6B;AAgC3B,iGAtCA,oCAAgB,OAsCA;AAIhB,gGAzCA,mCAAe,OAyCA;AAFf,iGAtCA,oCAAgB,OAsCA;AA/BL,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,2CAAoB,EAAE;IAC7D,IAAI,EAAE,sCAAe;IACrB,KAAK,EAAE,uCAAgB;IACvB,UAAU,EAAE,6CAAqB;IACjC,KAAK,EAAE,mCAAgB;IACvB,MAAM,EAAE,qCAAiB;IACzB,KAAK,EAAE,oCAAgB;IACvB,KAAK,EAAE,oCAAgB;IACvB,IAAI,EAAE,mCAAe;IACrB,IAAI,EAAE,iCAAe;IACrB,UAAU,EAAE,uCAAqB;IACjC,IAAI,EAAE,iCAAe;IACrB,MAAM,EAAE,qCAAiB;CAC1B,CAAC,CAAC;AAiCH,6CAAoG;AAA3F,0GAAA,WAAW,OAAA;AAAE,8HAAA,+BAA+B,OAAA","sourcesContent":["import { StackHeaderBackButton, type StackHeaderBackButtonProps } from './StackHeaderBackButton';\nimport { StackHeaderButton, type StackHeaderButtonProps } from './StackHeaderButton';\nimport { StackHeaderComponent, type StackHeaderProps } from './StackHeaderComponent';\nimport {\n  StackHeaderLeft,\n  type StackHeaderLeftProps,\n  StackHeaderRight,\n  type StackHeaderRightProps,\n} from './StackHeaderLeftRight';\nimport {\n  StackHeaderMenu,\n  StackHeaderMenuAction,\n  type StackHeaderMenuActionProps,\n  type StackHeaderMenuProps,\n} from './StackHeaderMenu';\nimport { StackHeaderSpacer, type StackHeaderSpacerProps } from './StackHeaderSpacer';\nimport { StackHeaderTitle, type StackHeaderTitleProps } from './StackHeaderTitle';\nimport { StackHeaderView, type StackHeaderViewProps } from './StackHeaderView';\nimport { StackSearchBar, type StackSearchBarProps } from './StackSearchBar';\nimport {\n  StackHeaderBadge,\n  StackHeaderIcon,\n  StackHeaderLabel,\n  type StackHeaderBadgeProps,\n  type StackHeaderIconProps,\n  type StackHeaderLabelProps,\n} from './common-primitives';\nimport type { StackHeaderItemSharedProps } from './shared';\n\nexport const StackHeader = Object.assign(StackHeaderComponent, {\n  Left: StackHeaderLeft,\n  Right: StackHeaderRight,\n  BackButton: StackHeaderBackButton,\n  Title: StackHeaderTitle,\n  Button: StackHeaderButton,\n  Badge: StackHeaderBadge,\n  Label: StackHeaderLabel,\n  Icon: StackHeaderIcon,\n  Menu: StackHeaderMenu,\n  MenuAction: StackHeaderMenuAction,\n  View: StackHeaderView,\n  Spacer: StackHeaderSpacer,\n});\n\nexport {\n  StackHeaderBackButton,\n  type StackHeaderBackButtonProps,\n  type StackHeaderProps,\n  StackHeaderLeft,\n  type StackHeaderLeftProps,\n  StackHeaderRight,\n  type StackHeaderRightProps,\n  StackSearchBar,\n  type StackSearchBarProps,\n  StackHeaderTitle,\n  type StackHeaderTitleProps,\n  StackHeaderButton,\n  type StackHeaderButtonProps,\n  StackHeaderBadge,\n  type StackHeaderBadgeProps,\n  StackHeaderLabel,\n  type StackHeaderLabelProps,\n  StackHeaderIcon,\n  type StackHeaderIconProps,\n  StackHeaderMenu,\n  type StackHeaderMenuProps,\n  StackHeaderMenuAction,\n  type StackHeaderMenuActionProps,\n  StackHeaderView,\n  type StackHeaderViewProps,\n  StackHeaderSpacer,\n  type StackHeaderSpacerProps,\n  type StackHeaderItemSharedProps,\n};\n\nexport { StackScreen, appendScreenStackPropsToOptions, type StackScreenProps } from './StackScreen';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,iEAAqF;AACrF,qDAA4E;AAO1E,+FAPO,+BAAc,OAOP;AAJH,QAAA,WAAW,GAAG,2CAAoB,CAAC;AAShD,4CAA0B;AAC1B,2CAAyB;AAEzB,6CAAoG;AAA3F,0GAAA,WAAW,OAAA;AAAE,8HAAA,+BAA+B,OAAA","sourcesContent":["import { StackHeaderComponent, type StackHeaderProps } from './StackHeaderComponent';\nimport { StackSearchBar, type StackSearchBarProps } from './StackSearchBar';\nimport type { StackHeaderItemSharedProps } from './shared';\n\nexport const StackHeader = StackHeaderComponent;\n\nexport {\n  type StackHeaderProps,\n  StackSearchBar,\n  type StackSearchBarProps,\n  type StackHeaderItemSharedProps,\n};\n\nexport * from './toolbar';\nexport * from './screen';\n\nexport { StackScreen, appendScreenStackPropsToOptions, type StackScreenProps } from './StackScreen';\n"]}

package/build/layouts/stack-utils/screen/StackScreenBackButton.d.ts

@@ -0,0 +1,68 @@
+import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
+import type { ImageSourcePropType } from 'react-native';
+import type { ScreenStackHeaderConfigProps } from 'react-native-screens';
+export interface StackScreenBackButtonProps {
+    /**
+     * The title to display for the back button.
+     */
+    children?: string;
+    /**
+     * Style for the back button title.
+     */
+    style?: NativeStackNavigationOptions['headerBackTitleStyle'];
+    /**
+     * Whether to show a context menu when long pressing the back button.
+     */
+    withMenu?: boolean;
+    /**
+     * The display mode for the back button.
+     */
+    displayMode?: ScreenStackHeaderConfigProps['backButtonDisplayMode'];
+    /**
+     * Whether to hide the back button.
+     */
+    hidden?: boolean;
+    /**
+     * Custom image source for the back button.
+     */
+    src?: ImageSourcePropType;
+}
+/**
+ * Component to configure the back button.
+ *
+ * Can be used inside Stack.Screen in a layout or directly inside a screen component.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="detail">
+ *         <Stack.Screen.BackButton displayMode="minimal">Back</Stack.Screen.BackButton>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Screen.BackButton hidden />
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+export declare function StackScreenBackButton(props: StackScreenBackButtonProps): import("react").JSX.Element;
+export declare function appendStackScreenBackButtonPropsToOptions(options: NativeStackNavigationOptions, props: StackScreenBackButtonProps): NativeStackNavigationOptions;
+//# sourceMappingURL=StackScreenBackButton.d.ts.map

package/build/layouts/stack-utils/screen/StackScreenBackButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackScreenBackButton.d.ts","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/screen/StackScreenBackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAIzE,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,4BAA4B,CAAC,sBAAsB,CAAC,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,4BAA4B,CAAC,uBAAuB,CAAC,CAAC;IACpE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,+BAMtE;AAED,wBAAgB,yCAAyC,CACvD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,0BAA0B,GAChC,4BAA4B,CAU9B"}

package/build/layouts/stack-utils/screen/StackScreenBackButton.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackScreenBackButton = StackScreenBackButton;
+exports.appendStackScreenBackButtonPropsToOptions = appendStackScreenBackButtonPropsToOptions;
+const react_1 = require("react");
+const Screen_1 = require("../../../views/Screen");
+/**
+ * Component to configure the back button.
+ *
+ * Can be used inside Stack.Screen in a layout or directly inside a screen component.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="detail">
+ *         <Stack.Screen.BackButton displayMode="minimal">Back</Stack.Screen.BackButton>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Screen.BackButton hidden />
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+function StackScreenBackButton(props) {
+    const updatedOptions = (0, react_1.useMemo)(() => appendStackScreenBackButtonPropsToOptions({}, props), [props]);
+    return <Screen_1.Screen options={updatedOptions}/>;
+}
+function appendStackScreenBackButtonPropsToOptions(options, props) {
+    return {
+        ...options,
+        headerBackTitle: props.children,
+        headerBackTitleStyle: props.style,
+        headerBackImageSource: props.src,
+        headerBackButtonDisplayMode: props.displayMode,
+        headerBackButtonMenuEnabled: props.withMenu,
+        headerBackVisible: !props.hidden,
+    };
+}
+//# sourceMappingURL=StackScreenBackButton.js.map

package/build/layouts/stack-utils/screen/StackScreenBackButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackScreenBackButton.js","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/screen/StackScreenBackButton.tsx"],"names":[],"mappings":";;AAsEA,sDAMC;AAED,8FAaC;AA1FD,iCAAgC;AAIhC,kDAA+C;AA6B/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IACrE,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,yCAAyC,CAAC,EAAE,EAAE,KAAK,CAAC,EAC1D,CAAC,KAAK,CAAC,CACR,CAAC;IACF,OAAO,CAAC,eAAM,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,EAAG,CAAC;AAC7C,CAAC;AAED,SAAgB,yCAAyC,CACvD,OAAqC,EACrC,KAAiC;IAEjC,OAAO;QACL,GAAG,OAAO;QACV,eAAe,EAAE,KAAK,CAAC,QAAQ;QAC/B,oBAAoB,EAAE,KAAK,CAAC,KAAK;QACjC,qBAAqB,EAAE,KAAK,CAAC,GAAG;QAChC,2BAA2B,EAAE,KAAK,CAAC,WAAW;QAC9C,2BAA2B,EAAE,KAAK,CAAC,QAAQ;QAC3C,iBAAiB,EAAE,CAAC,KAAK,CAAC,MAAM;KACjC,CAAC;AACJ,CAAC","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { useMemo } from 'react';\nimport type { ImageSourcePropType } from 'react-native';\nimport type { ScreenStackHeaderConfigProps } from 'react-native-screens';\n\nimport { Screen } from '../../../views/Screen';\n\nexport interface StackScreenBackButtonProps {\n  /**\n   * The title to display for the back button.\n   */\n  children?: string;\n  /**\n   * Style for the back button title.\n   */\n  style?: NativeStackNavigationOptions['headerBackTitleStyle'];\n  /**\n   * Whether to show a context menu when long pressing the back button.\n   */\n  withMenu?: boolean;\n  /**\n   * The display mode for the back button.\n   */\n  displayMode?: ScreenStackHeaderConfigProps['backButtonDisplayMode'];\n  /**\n   * Whether to hide the back button.\n   */\n  hidden?: boolean;\n  /**\n   * Custom image source for the back button.\n   */\n  src?: ImageSourcePropType;\n}\n\n/**\n * Component to configure the back button.\n *\n * Can be used inside Stack.Screen in a layout or directly inside a screen component.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Layout() {\n *   return (\n *     <Stack>\n *       <Stack.Screen name=\"detail\">\n *         <Stack.Screen.BackButton displayMode=\"minimal\">Back</Stack.Screen.BackButton>\n *       </Stack.Screen>\n *     </Stack>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Screen.BackButton hidden />\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport function StackScreenBackButton(props: StackScreenBackButtonProps) {\n  const updatedOptions = useMemo(\n    () => appendStackScreenBackButtonPropsToOptions({}, props),\n    [props]\n  );\n  return <Screen options={updatedOptions} />;\n}\n\nexport function appendStackScreenBackButtonPropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackScreenBackButtonProps\n): NativeStackNavigationOptions {\n  return {\n    ...options,\n    headerBackTitle: props.children,\n    headerBackTitleStyle: props.style,\n    headerBackImageSource: props.src,\n    headerBackButtonDisplayMode: props.displayMode,\n    headerBackButtonMenuEnabled: props.withMenu,\n    headerBackVisible: !props.hidden,\n  };\n}\n"]}

package/build/layouts/stack-utils/screen/StackScreenTitle.d.ts

@@ -0,0 +1,58 @@
+import { NativeStackNavigationOptions } from '@react-navigation/native-stack';
+import { type StyleProp, type TextStyle } from 'react-native';
+export type StackScreenTitleProps = {
+    children?: string;
+    style?: StyleProp<{
+        fontFamily?: TextStyle['fontFamily'];
+        fontSize?: TextStyle['fontSize'];
+        fontWeight?: Exclude<TextStyle['fontWeight'], number>;
+        color?: string;
+        textAlign?: 'left' | 'center';
+    }>;
+    largeStyle?: StyleProp<{
+        fontFamily?: TextStyle['fontFamily'];
+        fontSize?: TextStyle['fontSize'];
+        fontWeight?: Exclude<TextStyle['fontWeight'], number>;
+        color?: string;
+    }>;
+    large?: boolean;
+};
+/**
+ * Component to set the screen title.
+ *
+ * Can be used inside Stack.Screen in a layout or directly inside a screen component.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Screen.Title large>Home</Stack.Screen.Title>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Screen.Title>My Page</Stack.Screen.Title>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+export declare function StackScreenTitle(props: StackScreenTitleProps): import("react").JSX.Element;
+export declare function appendStackScreenTitlePropsToOptions(options: NativeStackNavigationOptions, props: StackScreenTitleProps): NativeStackNavigationOptions;
+//# sourceMappingURL=StackScreenTitle.d.ts.map

package/build/layouts/stack-utils/screen/StackScreenTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackScreenTitle.d.ts","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/screen/StackScreenTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAChB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACjC,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;QAGtD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC/B,CAAC,CAAC;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;QACrB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QACrC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACjC,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;QAGtD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAG5D;AAED,wBAAgB,oCAAoC,CAClD,OAAO,EAAE,4BAA4B,EACrC,KAAK,EAAE,qBAAqB,GAC3B,4BAA4B,CA0B9B"}

package/build/layouts/stack-utils/screen/StackScreenTitle.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackScreenTitle = StackScreenTitle;
+exports.appendStackScreenTitlePropsToOptions = appendStackScreenTitlePropsToOptions;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const style_1 = require("../../../utils/style");
+const Screen_1 = require("../../../views/Screen");
+/**
+ * Component to set the screen title.
+ *
+ * Can be used inside Stack.Screen in a layout or directly inside a screen component.
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Layout() {
+ *   return (
+ *     <Stack>
+ *       <Stack.Screen name="index">
+ *         <Stack.Screen.Title large>Home</Stack.Screen.Title>
+ *       </Stack.Screen>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import { Stack } from 'expo-router';
+ *
+ * export default function Page() {
+ *   return (
+ *     <>
+ *       <Stack.Screen.Title>My Page</Stack.Screen.Title>
+ *       <ScreenContent />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @platform ios
+ */
+function StackScreenTitle(props) {
+    const updatedOptions = (0, react_1.useMemo)(() => appendStackScreenTitlePropsToOptions({}, props), [props]);
+    return <Screen_1.Screen options={updatedOptions}/>;
+}
+function appendStackScreenTitlePropsToOptions(options, props) {
+    const flattenedStyle = react_native_1.StyleSheet.flatten(props.style);
+    const flattenedLargeStyle = react_native_1.StyleSheet.flatten(props.largeStyle);
+    return {
+        ...options,
+        title: props.children,
+        headerLargeTitle: props.large,
+        headerTitleAlign: flattenedStyle?.textAlign,
+        headerTitleStyle: {
+            ...flattenedStyle,
+            ...(flattenedStyle?.fontWeight
+                ? {
+                    fontWeight: (0, style_1.convertFontWeightToStringFontWeight)(flattenedStyle?.fontWeight),
+                }
+                : {}),
+        },
+        headerLargeTitleStyle: {
+            ...flattenedLargeStyle,
+            ...(flattenedLargeStyle?.fontWeight
+                ? {
+                    fontWeight: (0, style_1.convertFontWeightToStringFontWeight)(flattenedLargeStyle?.fontWeight),
+                }
+                : {}),
+        },
+    };
+}
+//# sourceMappingURL=StackScreenTitle.js.map

package/build/layouts/stack-utils/screen/StackScreenTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackScreenTitle.js","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/screen/StackScreenTitle.tsx"],"names":[],"mappings":";;AAiEA,4CAGC;AAED,oFA6BC;AAlGD,iCAAgC;AAChC,+CAA0E;AAE1E,gDAA2E;AAC3E,kDAA+C;AAwB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,oCAAoC,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/F,OAAO,CAAC,eAAM,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,EAAG,CAAC;AAC7C,CAAC;AAED,SAAgB,oCAAoC,CAClD,OAAqC,EACrC,KAA4B;IAE5B,MAAM,cAAc,GAAG,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,mBAAmB,GAAG,yBAAU,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAEjE,OAAO;QACL,GAAG,OAAO;QACV,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,gBAAgB,EAAE,KAAK,CAAC,KAAK;QAC7B,gBAAgB,EAAE,cAAc,EAAE,SAAS;QAC3C,gBAAgB,EAAE;YAChB,GAAG,cAAc;YACjB,GAAG,CAAC,cAAc,EAAE,UAAU;gBAC5B,CAAC,CAAC;oBACE,UAAU,EAAE,IAAA,2CAAmC,EAAC,cAAc,EAAE,UAAU,CAAC;iBAC5E;gBACH,CAAC,CAAC,EAAE,CAAC;SACR;QACD,qBAAqB,EAAE;YACrB,GAAG,mBAAmB;YACtB,GAAG,CAAC,mBAAmB,EAAE,UAAU;gBACjC,CAAC,CAAC;oBACE,UAAU,EAAE,IAAA,2CAAmC,EAAC,mBAAmB,EAAE,UAAU,CAAC;iBACjF;gBACH,CAAC,CAAC,EAAE,CAAC;SACR;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { NativeStackNavigationOptions } from '@react-navigation/native-stack';\nimport { useMemo } from 'react';\nimport { StyleSheet, type StyleProp, type TextStyle } from 'react-native';\n\nimport { convertFontWeightToStringFontWeight } from '../../../utils/style';\nimport { Screen } from '../../../views/Screen';\n\nexport type StackScreenTitleProps = {\n  children?: string;\n  style?: StyleProp<{\n    fontFamily?: TextStyle['fontFamily'];\n    fontSize?: TextStyle['fontSize'];\n    fontWeight?: Exclude<TextStyle['fontWeight'], number>;\n    // TODO(@ubax): This should be ColorValue, but react-navigation types\n    // currently only accept string for color props. In RN v8 we can change this to ColorValue.\n    color?: string;\n    textAlign?: 'left' | 'center';\n  }>;\n  largeStyle?: StyleProp<{\n    fontFamily?: TextStyle['fontFamily'];\n    fontSize?: TextStyle['fontSize'];\n    fontWeight?: Exclude<TextStyle['fontWeight'], number>;\n    // TODO(@ubax): This should be ColorValue, but react-navigation types\n    // currently only accept string for color props. In RN v8 we can change this to ColorValue.\n    color?: string;\n  }>;\n  large?: boolean;\n};\n\n/**\n * Component to set the screen title.\n *\n * Can be used inside Stack.Screen in a layout or directly inside a screen component.\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Layout() {\n *   return (\n *     <Stack>\n *       <Stack.Screen name=\"index\">\n *         <Stack.Screen.Title large>Home</Stack.Screen.Title>\n *       </Stack.Screen>\n *     </Stack>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { Stack } from 'expo-router';\n *\n * export default function Page() {\n *   return (\n *     <>\n *       <Stack.Screen.Title>My Page</Stack.Screen.Title>\n *       <ScreenContent />\n *     </>\n *   );\n * }\n * ```\n *\n * @platform ios\n */\nexport function StackScreenTitle(props: StackScreenTitleProps) {\n  const updatedOptions = useMemo(() => appendStackScreenTitlePropsToOptions({}, props), [props]);\n  return <Screen options={updatedOptions} />;\n}\n\nexport function appendStackScreenTitlePropsToOptions(\n  options: NativeStackNavigationOptions,\n  props: StackScreenTitleProps\n): NativeStackNavigationOptions {\n  const flattenedStyle = StyleSheet.flatten(props.style);\n  const flattenedLargeStyle = StyleSheet.flatten(props.largeStyle);\n\n  return {\n    ...options,\n    title: props.children,\n    headerLargeTitle: props.large,\n    headerTitleAlign: flattenedStyle?.textAlign,\n    headerTitleStyle: {\n      ...flattenedStyle,\n      ...(flattenedStyle?.fontWeight\n        ? {\n            fontWeight: convertFontWeightToStringFontWeight(flattenedStyle?.fontWeight),\n          }\n        : {}),\n    },\n    headerLargeTitleStyle: {\n      ...flattenedLargeStyle,\n      ...(flattenedLargeStyle?.fontWeight\n        ? {\n            fontWeight: convertFontWeightToStringFontWeight(flattenedLargeStyle?.fontWeight),\n          }\n        : {}),\n    },\n  };\n}\n"]}

package/build/layouts/stack-utils/screen/index.d.ts

@@ -0,0 +1,3 @@
+export { StackScreenTitle, appendStackScreenTitlePropsToOptions, type StackScreenTitleProps, } from './StackScreenTitle';
+export { StackScreenBackButton, appendStackScreenBackButtonPropsToOptions, type StackScreenBackButtonProps, } from './StackScreenBackButton';
+//# sourceMappingURL=index.d.ts.map

package/build/layouts/stack-utils/screen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/screen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,oCAAoC,EACpC,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,qBAAqB,EACrB,yCAAyC,EACzC,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC"}

package/build/layouts/stack-utils/screen/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appendStackScreenBackButtonPropsToOptions = exports.StackScreenBackButton = exports.appendStackScreenTitlePropsToOptions = exports.StackScreenTitle = void 0;
+var StackScreenTitle_1 = require("./StackScreenTitle");
+Object.defineProperty(exports, "StackScreenTitle", { enumerable: true, get: function () { return StackScreenTitle_1.StackScreenTitle; } });
+Object.defineProperty(exports, "appendStackScreenTitlePropsToOptions", { enumerable: true, get: function () { return StackScreenTitle_1.appendStackScreenTitlePropsToOptions; } });
+var StackScreenBackButton_1 = require("./StackScreenBackButton");
+Object.defineProperty(exports, "StackScreenBackButton", { enumerable: true, get: function () { return StackScreenBackButton_1.StackScreenBackButton; } });
+Object.defineProperty(exports, "appendStackScreenBackButtonPropsToOptions", { enumerable: true, get: function () { return StackScreenBackButton_1.appendStackScreenBackButtonPropsToOptions; } });
+//# sourceMappingURL=index.js.map

package/build/layouts/stack-utils/screen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/screen/index.tsx"],"names":[],"mappings":";;;AAAA,uDAI4B;AAH1B,oHAAA,gBAAgB,OAAA;AAChB,wIAAA,oCAAoC,OAAA;AAItC,iEAIiC;AAH/B,8HAAA,qBAAqB,OAAA;AACrB,kJAAA,yCAAyC,OAAA","sourcesContent":["export {\n  StackScreenTitle,\n  appendStackScreenTitlePropsToOptions,\n  type StackScreenTitleProps,\n} from './StackScreenTitle';\n\nexport {\n  StackScreenBackButton,\n  appendStackScreenBackButtonPropsToOptions,\n  type StackScreenBackButtonProps,\n} from './StackScreenBackButton';\n"]}

package/build/layouts/stack-utils/shared.js

@@ -10,14 +10,14 @@ function convertStackHeaderSharedPropsToRNSharedHeaderItem(props) {
     const stringChildren = react_1.Children.toArray(children)
         .filter((child) => typeof child === 'string')
         .join('');
-    const label = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackHeaderLabel);
+    const label = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackToolbarLabel);
     const iconPropConvertedToIcon = props.icon
         ? typeof props.icon === 'string'
             ? { sf: props.icon }
             : { src: props.icon }
         : undefined;
-    const iconComponentProps = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackHeaderIcon)?.props ?? iconPropConvertedToIcon;
-    const badgeComponent = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackHeaderBadge);
+    const iconComponentProps = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackToolbarIcon)?.props ?? iconPropConvertedToIcon;
+    const badgeComponent = (0, children_1.getFirstChildOfType)(children, common_primitives_1.StackToolbarBadge);
     const rnsIcon = (() => {
         if (!iconComponentProps) {
             return undefined;

package/build/layouts/stack-utils/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/shared.ts"],"names":[],"mappings":";;AA2CA,8GAqDC;AA/FD,iCAAiD;AAIjD,2DAA0F;AAC1F,mDAA2D;AAC3D,2CAAsF;AAoCtF,SAAgB,iDAAiD,CAC/D,KAAiC;IAEjC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,cAAc,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9C,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;SAC5C,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,MAAM,KAAK,GAAG,IAAA,8BAAmB,EAAC,QAAQ,EAAE,oCAAgB,CAAC,CAAC;IAC9D,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI;QACxC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE;YACpB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE;QACvB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,kBAAkB,GACtB,IAAA,8BAAmB,EAAC,QAAQ,EAAE,mCAAe,CAAC,EAAE,KAAK,IAAI,uBAAuB,CAAC;IACnF,MAAM,cAAc,GAAG,IAAA,8BAAmB,EAAC,QAAQ,EAAE,oCAAgB,CAAC,CAAC;IACvE,MAAM,OAAO,GAAwC,CAAC,GAAG,EAAE;QACzD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,KAAK,IAAI,kBAAkB,EAAE,CAAC;YAChC,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,kBAAkB,CAAC,GAAG;aAC/B,CAAC;QACJ,CAAC;QACD,OAAO;YACL,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,kBAAkB,CAAC,EAAE;SAC5B,CAAC;IACJ,CAAC,CAAC,EAAE,CAAC;IACL,MAAM,IAAI,GAAuB;QAC/B,GAAG,IAAI;QACP,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,cAAc;QAC9C,gBAAgB,EAAE,CAAC,kBAAkB;KACtC,CAAC;IACF,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,cAAc,GAAG,IAAA,oCAA6B,EAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAClE,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC;IACnC,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE;SAC3C,CAAC;QACF,MAAM,UAAU,GAAG,IAAA,oCAA6B,EAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC7E,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;QAChC,CAAC;IACH,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';\nimport { Children, type ReactNode } from 'react';\nimport { type ColorValue, type ImageSourcePropType, type StyleProp } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport { StackHeaderBadge, StackHeaderIcon, StackHeaderLabel } from './common-primitives';\nimport { getFirstChildOfType } from '../../utils/children';\nimport { convertTextStyleToRNTextStyle, type BasicTextStyle } from '../../utils/font';\n\nexport interface StackHeaderItemSharedProps {\n  children?: ReactNode;\n  style?: StyleProp<BasicTextStyle>;\n  hidesSharedBackground?: boolean;\n  separateBackground?: boolean;\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  disabled?: boolean;\n  tintColor?: ColorValue;\n  icon?: SFSymbol | ImageSourcePropType;\n  /**\n   * @default 'plain'\n   */\n  variant?: 'plain' | 'done' | 'prominent';\n}\n\n// We need to pick these properties, as the SharedHeaderItem is not exported by React Navigation\ntype RNSharedHeaderItem = Pick<\n  NativeStackHeaderItemButton,\n  | 'label'\n  | 'labelStyle'\n  | 'icon'\n  | 'variant'\n  | 'tintColor'\n  | 'disabled'\n  | 'width'\n  | 'hidesSharedBackground'\n  | 'sharesBackground'\n  | 'identifier'\n  | 'badge'\n  | 'accessibilityLabel'\n  | 'accessibilityHint'\n>;\n\nexport function convertStackHeaderSharedPropsToRNSharedHeaderItem(\n  props: StackHeaderItemSharedProps\n): RNSharedHeaderItem {\n  const { children, style, separateBackground, icon, ...rest } = props;\n  const stringChildren = Children.toArray(children)\n    .filter((child) => typeof child === 'string')\n    .join('');\n  const label = getFirstChildOfType(children, StackHeaderLabel);\n  const iconPropConvertedToIcon = props.icon\n    ? typeof props.icon === 'string'\n      ? { sf: props.icon }\n      : { src: props.icon }\n    : undefined;\n  const iconComponentProps =\n    getFirstChildOfType(children, StackHeaderIcon)?.props ?? iconPropConvertedToIcon;\n  const badgeComponent = getFirstChildOfType(children, StackHeaderBadge);\n  const rnsIcon: NativeStackHeaderItemButton['icon'] = (() => {\n    if (!iconComponentProps) {\n      return undefined;\n    }\n    if ('src' in iconComponentProps) {\n      return {\n        type: 'image',\n        source: iconComponentProps.src,\n      };\n    }\n    return {\n      type: 'sfSymbol',\n      name: iconComponentProps.sf,\n    };\n  })();\n  const item: RNSharedHeaderItem = {\n    ...rest,\n    label: label?.props.children ?? stringChildren,\n    sharesBackground: !separateBackground,\n  };\n  if (style) {\n    const convertedStyle = convertTextStyleToRNTextStyle(style) ?? {};\n    item.labelStyle = convertedStyle;\n  }\n  if (badgeComponent) {\n    item.badge = {\n      value: badgeComponent.props.children ?? '',\n    };\n    const badgeStyle = convertTextStyleToRNTextStyle(badgeComponent.props.style);\n    if (badgeStyle) {\n      item.badge.style = badgeStyle;\n    }\n  }\n  if (rnsIcon) {\n    item.icon = rnsIcon;\n  }\n  return item;\n}\n"]}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/layouts/stack-utils/shared.ts"],"names":[],"mappings":";;AA2CA,8GAqDC;AA/FD,iCAAiD;AAIjD,2DAA6F;AAC7F,mDAA2D;AAC3D,2CAAsF;AAoCtF,SAAgB,iDAAiD,CAC/D,KAAiC;IAEjC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,cAAc,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9C,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;SAC5C,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,MAAM,KAAK,GAAG,IAAA,8BAAmB,EAAC,QAAQ,EAAE,qCAAiB,CAAC,CAAC;IAC/D,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI;QACxC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC9B,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE;YACpB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE;QACvB,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,kBAAkB,GACtB,IAAA,8BAAmB,EAAC,QAAQ,EAAE,oCAAgB,CAAC,EAAE,KAAK,IAAI,uBAAuB,CAAC;IACpF,MAAM,cAAc,GAAG,IAAA,8BAAmB,EAAC,QAAQ,EAAE,qCAAiB,CAAC,CAAC;IACxE,MAAM,OAAO,GAAwC,CAAC,GAAG,EAAE;QACzD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,KAAK,IAAI,kBAAkB,EAAE,CAAC;YAChC,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,kBAAkB,CAAC,GAAG;aAC/B,CAAC;QACJ,CAAC;QACD,OAAO;YACL,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,kBAAkB,CAAC,EAAE;SAC5B,CAAC;IACJ,CAAC,CAAC,EAAE,CAAC;IACL,MAAM,IAAI,GAAuB;QAC/B,GAAG,IAAI;QACP,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,cAAc;QAC9C,gBAAgB,EAAE,CAAC,kBAAkB;KACtC,CAAC;IACF,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,cAAc,GAAG,IAAA,oCAA6B,EAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAClE,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC;IACnC,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE;SAC3C,CAAC;QACF,MAAM,UAAU,GAAG,IAAA,oCAA6B,EAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC7E,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;QAChC,CAAC;IACH,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { NativeStackHeaderItemButton } from '@react-navigation/native-stack';\nimport { Children, type ReactNode } from 'react';\nimport { type ColorValue, type ImageSourcePropType, type StyleProp } from 'react-native';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport { StackToolbarBadge, StackToolbarIcon, StackToolbarLabel } from './common-primitives';\nimport { getFirstChildOfType } from '../../utils/children';\nimport { convertTextStyleToRNTextStyle, type BasicTextStyle } from '../../utils/font';\n\nexport interface StackHeaderItemSharedProps {\n  children?: ReactNode;\n  style?: StyleProp<BasicTextStyle>;\n  hidesSharedBackground?: boolean;\n  separateBackground?: boolean;\n  accessibilityLabel?: string;\n  accessibilityHint?: string;\n  disabled?: boolean;\n  tintColor?: ColorValue;\n  icon?: SFSymbol | ImageSourcePropType;\n  /**\n   * @default 'plain'\n   */\n  variant?: 'plain' | 'done' | 'prominent';\n}\n\n// We need to pick these properties, as the SharedHeaderItem is not exported by React Navigation\ntype RNSharedHeaderItem = Pick<\n  NativeStackHeaderItemButton,\n  | 'label'\n  | 'labelStyle'\n  | 'icon'\n  | 'variant'\n  | 'tintColor'\n  | 'disabled'\n  | 'width'\n  | 'hidesSharedBackground'\n  | 'sharesBackground'\n  | 'identifier'\n  | 'badge'\n  | 'accessibilityLabel'\n  | 'accessibilityHint'\n>;\n\nexport function convertStackHeaderSharedPropsToRNSharedHeaderItem(\n  props: StackHeaderItemSharedProps\n): RNSharedHeaderItem {\n  const { children, style, separateBackground, icon, ...rest } = props;\n  const stringChildren = Children.toArray(children)\n    .filter((child) => typeof child === 'string')\n    .join('');\n  const label = getFirstChildOfType(children, StackToolbarLabel);\n  const iconPropConvertedToIcon = props.icon\n    ? typeof props.icon === 'string'\n      ? { sf: props.icon }\n      : { src: props.icon }\n    : undefined;\n  const iconComponentProps =\n    getFirstChildOfType(children, StackToolbarIcon)?.props ?? iconPropConvertedToIcon;\n  const badgeComponent = getFirstChildOfType(children, StackToolbarBadge);\n  const rnsIcon: NativeStackHeaderItemButton['icon'] = (() => {\n    if (!iconComponentProps) {\n      return undefined;\n    }\n    if ('src' in iconComponentProps) {\n      return {\n        type: 'image',\n        source: iconComponentProps.src,\n      };\n    }\n    return {\n      type: 'sfSymbol',\n      name: iconComponentProps.sf,\n    };\n  })();\n  const item: RNSharedHeaderItem = {\n    ...rest,\n    label: label?.props.children ?? stringChildren,\n    sharesBackground: !separateBackground,\n  };\n  if (style) {\n    const convertedStyle = convertTextStyleToRNTextStyle(style) ?? {};\n    item.labelStyle = convertedStyle;\n  }\n  if (badgeComponent) {\n    item.badge = {\n      value: badgeComponent.props.children ?? '',\n    };\n    const badgeStyle = convertTextStyleToRNTextStyle(badgeComponent.props.style);\n    if (badgeStyle) {\n      item.badge.style = badgeStyle;\n    }\n  }\n  if (rnsIcon) {\n    item.icon = rnsIcon;\n  }\n  return item;\n}\n"]}

package/build/layouts/stack-utils/toolbar/StackToolbar.d.ts

@@ -0,0 +1,3 @@
+import StackToolbar from './StackToolbarClient';
+export { StackToolbar };
+//# sourceMappingURL=StackToolbar.d.ts.map

package/build/layouts/stack-utils/toolbar/StackToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackToolbar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/toolbar/StackToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAiBhD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/build/layouts/stack-utils/toolbar/StackToolbar.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackToolbar = void 0;
+const StackToolbarButton_1 = require("./StackToolbarButton");
+const StackToolbarClient_1 = __importDefault(require("./StackToolbarClient"));
+exports.StackToolbar = StackToolbarClient_1.default;
+const StackToolbarMenu_1 = require("./StackToolbarMenu");
+const StackToolbarSearchBarSlot_1 = require("./StackToolbarSearchBarSlot");
+const StackToolbarSpacer_1 = require("./StackToolbarSpacer");
+const StackToolbarView_1 = require("./StackToolbarView");
+const common_primitives_1 = require("../common-primitives");
+StackToolbarClient_1.default.Button = StackToolbarButton_1.StackToolbarButton;
+StackToolbarClient_1.default.Menu = StackToolbarMenu_1.StackToolbarMenu;
+StackToolbarClient_1.default.MenuAction = StackToolbarMenu_1.StackToolbarMenuAction;
+StackToolbarClient_1.default.SearchBarSlot = StackToolbarSearchBarSlot_1.StackToolbarSearchBarSlot;
+StackToolbarClient_1.default.Spacer = StackToolbarSpacer_1.StackToolbarSpacer;
+StackToolbarClient_1.default.View = StackToolbarView_1.StackToolbarView;
+StackToolbarClient_1.default.Label = common_primitives_1.StackToolbarLabel;
+StackToolbarClient_1.default.Icon = common_primitives_1.StackToolbarIcon;
+StackToolbarClient_1.default.Badge = common_primitives_1.StackToolbarBadge;
+//# sourceMappingURL=StackToolbar.js.map

package/build/layouts/stack-utils/toolbar/StackToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackToolbar.js","sourceRoot":"","sources":["../../../../src/layouts/stack-utils/toolbar/StackToolbar.tsx"],"names":[],"mappings":";;;;;;AAAA,6DAA0D;AAC1D,8EAAgD;AAiBvC,uBAjBF,4BAAY,CAiBE;AAhBrB,yDAA8E;AAC9E,2EAAwE;AACxE,6DAA0D;AAC1D,yDAAsD;AACtD,4DAA8F;AAE9F,4BAAY,CAAC,MAAM,GAAG,uCAAkB,CAAC;AACzC,4BAAY,CAAC,IAAI,GAAG,mCAAgB,CAAC;AACrC,4BAAY,CAAC,UAAU,GAAG,yCAAsB,CAAC;AACjD,4BAAY,CAAC,aAAa,GAAG,qDAAyB,CAAC;AACvD,4BAAY,CAAC,MAAM,GAAG,uCAAkB,CAAC;AACzC,4BAAY,CAAC,IAAI,GAAG,mCAAgB,CAAC;AACrC,4BAAY,CAAC,KAAK,GAAG,qCAAiB,CAAC;AACvC,4BAAY,CAAC,IAAI,GAAG,oCAAgB,CAAC;AACrC,4BAAY,CAAC,KAAK,GAAG,qCAAiB,CAAC","sourcesContent":["import { StackToolbarButton } from './StackToolbarButton';\nimport StackToolbar from './StackToolbarClient';\nimport { StackToolbarMenu, StackToolbarMenuAction } from './StackToolbarMenu';\nimport { StackToolbarSearchBarSlot } from './StackToolbarSearchBarSlot';\nimport { StackToolbarSpacer } from './StackToolbarSpacer';\nimport { StackToolbarView } from './StackToolbarView';\nimport { StackToolbarBadge, StackToolbarIcon, StackToolbarLabel } from '../common-primitives';\n\nStackToolbar.Button = StackToolbarButton;\nStackToolbar.Menu = StackToolbarMenu;\nStackToolbar.MenuAction = StackToolbarMenuAction;\nStackToolbar.SearchBarSlot = StackToolbarSearchBarSlot;\nStackToolbar.Spacer = StackToolbarSpacer;\nStackToolbar.View = StackToolbarView;\nStackToolbar.Label = StackToolbarLabel;\nStackToolbar.Icon = StackToolbarIcon;\nStackToolbar.Badge = StackToolbarBadge;\n\nexport { StackToolbar };\n"]}