@studio-piot/native-ui 0.2.5 → 0.16.0

package/dist/components/FormSheet/index.d.ts

@@ -0,0 +1,5 @@
+export { FormSheet } from "./FormSheet";
+export { formSheetSnapPoints, type FormSheetSnapInput } from "./formSheetLayout";
+export { FORM_SHEET_THEME_ROLES, type FormSheetThemeColorProp, } from "./formSheetThemeRoles";
+export type { FormSheetInset, FormSheetProps, FormSheetSnapIndex } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FormSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EACL,sBAAsB,EACtB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/FormSheet/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_SHEET_THEME_ROLES = exports.formSheetSnapPoints = exports.FormSheet = void 0;
+var FormSheet_1 = require("./FormSheet");
+Object.defineProperty(exports, "FormSheet", { enumerable: true, get: function () { return FormSheet_1.FormSheet; } });
+var formSheetLayout_1 = require("./formSheetLayout");
+Object.defineProperty(exports, "formSheetSnapPoints", { enumerable: true, get: function () { return formSheetLayout_1.formSheetSnapPoints; } });
+var formSheetThemeRoles_1 = require("./formSheetThemeRoles");
+Object.defineProperty(exports, "FORM_SHEET_THEME_ROLES", { enumerable: true, get: function () { return formSheetThemeRoles_1.FORM_SHEET_THEME_ROLES; } });
+//# sourceMappingURL=index.js.map

package/dist/components/FormSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormSheet/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,qDAAiF;AAAxE,sHAAA,mBAAmB,OAAA;AAC5B,6DAG+B;AAF7B,6HAAA,sBAAsB,OAAA"}

package/dist/components/FormSheet/types.d.ts

@@ -0,0 +1,64 @@
+import type { ReactNode } from "react";
+import type { ButtonRadius } from "../Button/buttonRadius";
+import type { FieldError } from "../ErrorBanner/types";
+/** Where the chrome sits over the background layer, in points from the screen edges. */
+export type FormSheetInset = {
+    /** Bottom of the native header. */
+    top: number;
+    /** Top of the sheet at its current stop, measured from the screen bottom. */
+    bottom: number;
+    /** Top of the sheet at its middle stop. Steady while dragging, e.g. for map camera padding. */
+    bottomAtHalf: number;
+};
+export type FormSheetSnapIndex = 0 | 1 | 2;
+/**
+ * Set the close button in the screen's stack options (`headerLeft`), with
+ * `headerTransparent: true`. The form's title lives on the sheet (`title`).
+ */
+export type FormSheetProps = {
+    /**
+     * Shown at the top of the sheet, under the drag indicator. The lowest stop
+     * always shows it.
+     */
+    title?: string;
+    children: ReactNode;
+    /**
+     * Full-screen layer behind the sheet, usually a map. Receives the chrome
+     * insets so it can keep its own controls clear of the header and sheet.
+     */
+    background: (inset: FormSheetInset) => ReactNode;
+    onSubmit: () => void;
+    /**
+     * Field errors for the screen banner. Empty hides it. A banner row
+     * expands the sheet and scrolls to the field. Editing a field dismisses
+     * the banner; the next submit shows it again.
+     */
+    errors?: readonly FieldError[];
+    submitLabel?: string;
+    submitting?: boolean;
+    submitDisabled?: boolean;
+    submitRadius?: ButtonRadius;
+    /** Stop on first paint: `0` the handle and title, `1` half the screen, `2` up to the header. Default `0`. */
+    initialIndex?: FormSheetSnapIndex;
+    /**
+     * Native header height, from `useHeaderHeight()` in
+     * `expo-router/react-navigation`. The top stop ends here. Defaults to the
+     * status bar plus a standard bar.
+     */
+    headerHeight?: number;
+    /** Side inset for the sheet content and footer. Defaults to theme `spacing.screen`. */
+    paddingHorizontal?: number;
+    /** Sheet fill. Defaults to theme role `formSheetBackground`. */
+    backgroundColor?: string;
+    /** Sheet title. Defaults to theme role `formSheetTitle`. */
+    titleColor?: string;
+    /** Footer ground. Defaults to theme role `formSheetFooterBackground`. */
+    footerBackgroundColor?: string;
+    /** Drag indicator. Defaults to theme role `formSheetHandle`. */
+    handleColor?: string;
+    /** Defaults to theme role `buttonBackground`. */
+    buttonBackgroundColor?: string;
+    /** Defaults to theme role `buttonLabel`. */
+    buttonLabelColor?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/FormSheet/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FormSheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,wFAAwF;AACxF,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,6GAA6G;IAC7G,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC"}

package/dist/components/FormSheet/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/FormSheet/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/FormSheet/types.ts"],"names":[],"mappings":""}

package/dist/components/HeaderButton/HeaderCapsule.d.ts

@@ -0,0 +1,4 @@
+import type { HeaderCapsuleProps } from "./types";
+/** Header button with a label (and optional icon). Wider than tall, so iOS 26+ draws a glass pill. */
+export declare function HeaderCapsule({ icon, label, onPress, iconSize, fontSize, disabled, color: colorProp, fallbackBackgroundColor, hitSlop, style, }: HeaderCapsuleProps): import("react").JSX.Element;
+//# sourceMappingURL=HeaderCapsule.d.ts.map

package/dist/components/HeaderButton/HeaderCapsule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCapsule.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/HeaderCapsule.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,sGAAsG;AACtG,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAmC,EACnC,QAAmC,EACnC,QAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,uBAAuB,EACvB,OAAyB,EACzB,KAAK,GACN,EAAE,kBAAkB,+BAsBpB"}

package/dist/components/HeaderButton/HeaderCapsule.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderCapsule = HeaderCapsule;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
+const headerButtonLayout_1 = require("./headerButtonLayout");
+const headerButtonThemeRoles_1 = require("./headerButtonThemeRoles");
+const GLASS = (0, headerButtonLayout_1.supportsLiquidGlass)(react_native_1.Platform.OS, react_native_1.Platform.Version);
+/** Header button with a label (and optional icon). Wider than tall, so iOS 26+ draws a glass pill. */
+function HeaderCapsule({ icon, label, onPress, iconSize = headerButtonLayout_1.HEADER_CAPSULE_ICON_SIZE, fontSize = headerButtonLayout_1.HEADER_CAPSULE_FONT_SIZE, disabled = false, color: colorProp, fallbackBackgroundColor, hitSlop = headerButtonLayout_1.HEADER_HIT_SLOP, style, }) {
+    const color = (0, useResolvedFieldColor_1.useResolvedFieldColor)(colorProp, headerButtonThemeRoles_1.HEADER_BUTTON_THEME_ROLES.color);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPress: onPress, disabled: disabled, hitSlop: hitSlop, accessibilityRole: "button", accessibilityLabel: label, accessibilityState: { disabled }, style: ({ pressed }) => [
+            styles.capsule,
+            (0, headerButtonLayout_1.headerFallbackStyle)(GLASS, fallbackBackgroundColor),
+            { opacity: disabled ? 0.4 : pressed ? 0.5 : 1 },
+            style,
+        ], children: [icon?.({ color, size: iconSize }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color, fontSize }], children: label })] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    capsule: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6,
+        height: headerButtonLayout_1.HEADER_BUTTON_SIZE,
+        paddingHorizontal: 12,
+    },
+    label: {
+        fontWeight: "600",
+    },
+});
+//# sourceMappingURL=HeaderCapsule.js.map

package/dist/components/HeaderButton/HeaderCapsule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCapsule.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/HeaderCapsule.tsx"],"names":[],"mappings":";;AAgBA,sCAiCC;;AAjDD,+CAAqE;AACrE,0EAAuE;AACvE,6DAO8B;AAC9B,qEAAqE;AAGrE,MAAM,KAAK,GAAG,IAAA,wCAAmB,EAAC,uBAAQ,CAAC,EAAE,EAAE,uBAAQ,CAAC,OAAO,CAAC,CAAC;AAEjE,sGAAsG;AACtG,SAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,6CAAwB,EACnC,QAAQ,GAAG,6CAAwB,EACnC,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,SAAS,EAChB,uBAAuB,EACvB,OAAO,GAAG,oCAAe,EACzB,KAAK,GACc;IACnB,MAAM,KAAK,GAAG,IAAA,6CAAqB,EAAC,SAAS,EAAE,kDAAyB,CAAC,KAAK,CAAC,CAAC;IAEhF,OAAO,CACL,wBAAC,wBAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,KAAK,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACtB,MAAM,CAAC,OAAO;YACd,IAAA,wCAAmB,EAAC,KAAK,EAAE,uBAAuB,CAAC;YACnD,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/C,KAAK;SACN,aAEA,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAClC,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,YAAG,KAAK,GAAQ,IACtD,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,uCAAkB;QAC1B,iBAAiB,EAAE,EAAE;KACtB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

package/dist/components/HeaderButton/HeaderGroup.d.ts

@@ -0,0 +1,4 @@
+import type { HeaderGroupProps } from "./types";
+/** Row of header buttons that share one glass capsule on iOS 26+. */
+export declare function HeaderGroup({ children, fallbackBackgroundColor, style, }: HeaderGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=HeaderGroup.d.ts.map

package/dist/components/HeaderButton/HeaderGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderGroup.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/HeaderGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,qEAAqE;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,uBAAuB,EACvB,KAAK,GACN,EAAE,gBAAgB,+BAYlB"}

package/dist/components/HeaderButton/HeaderGroup.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderGroup = HeaderGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const headerButtonLayout_1 = require("./headerButtonLayout");
+const GLASS = (0, headerButtonLayout_1.supportsLiquidGlass)(react_native_1.Platform.OS, react_native_1.Platform.Version);
+/** Row of header buttons that share one glass capsule on iOS 26+. */
+function HeaderGroup({ children, fallbackBackgroundColor, style, }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            styles.row,
+            (0, headerButtonLayout_1.headerFallbackStyle)(GLASS, fallbackBackgroundColor),
+            style,
+        ], children: children }));
+}
+const styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: headerButtonLayout_1.HEADER_GROUP_GAP,
+    },
+});
+//# sourceMappingURL=HeaderGroup.js.map

package/dist/components/HeaderButton/HeaderGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderGroup.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/HeaderGroup.tsx"],"names":[],"mappings":";;AAWA,kCAgBC;;AA3BD,+CAA0D;AAC1D,6DAI8B;AAG9B,MAAM,KAAK,GAAG,IAAA,wCAAmB,EAAC,uBAAQ,CAAC,EAAE,EAAE,uBAAQ,CAAC,OAAO,CAAC,CAAC;AAEjE,qEAAqE;AACrE,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,uBAAuB,EACvB,KAAK,GACY;IACjB,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,GAAG;YACV,IAAA,wCAAmB,EAAC,KAAK,EAAE,uBAAuB,CAAC;YACnD,KAAK;SACN,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,qCAAgB;KACtB;CACF,CAAC,CAAC"}

package/dist/components/HeaderButton/HeaderIcon.d.ts

@@ -0,0 +1,4 @@
+import type { HeaderIconProps } from "./types";
+/** Icon-only header button. A 36×36 box becomes a glass circle on iOS 26+. */
+export declare function HeaderIcon({ icon, label, onPress, size, disabled, color: colorProp, fallbackBackgroundColor, hitSlop, style, }: HeaderIconProps): import("react").JSX.Element;
+//# sourceMappingURL=HeaderIcon.d.ts.map

package/dist/components/HeaderButton/HeaderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIcon.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/HeaderIcon.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAuB,EACvB,QAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,uBAAuB,EACvB,OAAyB,EACzB,KAAK,GACN,EAAE,eAAe,+BAqBjB"}

package/dist/components/HeaderButton/HeaderIcon.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderIcon = HeaderIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
+const headerButtonLayout_1 = require("./headerButtonLayout");
+const headerButtonThemeRoles_1 = require("./headerButtonThemeRoles");
+const GLASS = (0, headerButtonLayout_1.supportsLiquidGlass)(react_native_1.Platform.OS, react_native_1.Platform.Version);
+/** Icon-only header button. A 36×36 box becomes a glass circle on iOS 26+. */
+function HeaderIcon({ icon, label, onPress, size = headerButtonLayout_1.HEADER_ICON_SIZE, disabled = false, color: colorProp, fallbackBackgroundColor, hitSlop = headerButtonLayout_1.HEADER_HIT_SLOP, style, }) {
+    const color = (0, useResolvedFieldColor_1.useResolvedFieldColor)(colorProp, headerButtonThemeRoles_1.HEADER_BUTTON_THEME_ROLES.color);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onPress, disabled: disabled, hitSlop: hitSlop, accessibilityRole: "button", accessibilityLabel: label, accessibilityState: { disabled }, style: ({ pressed }) => [
+            styles.box,
+            (0, headerButtonLayout_1.headerFallbackStyle)(GLASS, fallbackBackgroundColor),
+            { opacity: disabled ? 0.4 : pressed ? 0.5 : 1 },
+            style,
+        ], children: icon({ color, size }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    box: {
+        width: headerButtonLayout_1.HEADER_BUTTON_SIZE,
+        height: headerButtonLayout_1.HEADER_BUTTON_SIZE,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+//# sourceMappingURL=HeaderIcon.js.map

package/dist/components/HeaderButton/HeaderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIcon.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/HeaderIcon.tsx"],"names":[],"mappings":";;AAeA,gCA+BC;;AA9CD,+CAA+D;AAC/D,0EAAuE;AACvE,6DAM8B;AAC9B,qEAAqE;AAGrE,MAAM,KAAK,GAAG,IAAA,wCAAmB,EAAC,uBAAQ,CAAC,EAAE,EAAE,uBAAQ,CAAC,OAAO,CAAC,CAAC;AAEjE,8EAA8E;AAC9E,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,GAAG,qCAAgB,EACvB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,SAAS,EAChB,uBAAuB,EACvB,OAAO,GAAG,oCAAe,EACzB,KAAK,GACW;IAChB,MAAM,KAAK,GAAG,IAAA,6CAAqB,EAAC,SAAS,EAAE,kDAAyB,CAAC,KAAK,CAAC,CAAC;IAEhF,OAAO,CACL,uBAAC,wBAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,KAAK,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACtB,MAAM,CAAC,GAAG;YACV,IAAA,wCAAmB,EAAC,KAAK,EAAE,uBAAuB,CAAC;YACnD,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/C,KAAK;SACN,YAEA,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GACZ,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,KAAK,EAAE,uCAAkB;QACzB,MAAM,EAAE,uCAAkB;QAC1B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

package/dist/components/HeaderButton/headerButtonLayout.d.ts

@@ -0,0 +1,21 @@
+/** Height of every header button; a square of this size becomes a glass circle. */
+export declare const HEADER_BUTTON_SIZE = 36;
+export declare const HEADER_ICON_SIZE = 17;
+export declare const HEADER_CAPSULE_ICON_SIZE = 15;
+export declare const HEADER_CAPSULE_FONT_SIZE = 16;
+export declare const HEADER_GROUP_GAP = 4;
+export declare const HEADER_HIT_SLOP = 6;
+/**
+ * Liquid Glass bar button backgrounds exist on iOS 26 and later only.
+ * Pass `Platform.OS` and `Platform.Version`. Pure so it can be unit-tested.
+ */
+export declare function supportsLiquidGlass(os: string, version: string | number): boolean;
+/**
+ * Background drawn on platforms without glass. On iOS 26+ the system draws
+ * the glass, so a background there would give two shapes, one inside the other.
+ */
+export declare function headerFallbackStyle(glass: boolean, backgroundColor: string | undefined): {
+    backgroundColor: string;
+    borderRadius: number;
+} | undefined;
+//# sourceMappingURL=headerButtonLayout.d.ts.map

package/dist/components/HeaderButton/headerButtonLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerButtonLayout.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/headerButtonLayout.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,OAAO,CAMT;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,OAAO,EACd,eAAe,EAAE,MAAM,GAAG,SAAS,GAClC;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAK/D"}

package/dist/components/HeaderButton/headerButtonLayout.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADER_HIT_SLOP = exports.HEADER_GROUP_GAP = exports.HEADER_CAPSULE_FONT_SIZE = exports.HEADER_CAPSULE_ICON_SIZE = exports.HEADER_ICON_SIZE = exports.HEADER_BUTTON_SIZE = void 0;
+exports.supportsLiquidGlass = supportsLiquidGlass;
+exports.headerFallbackStyle = headerFallbackStyle;
+/** Height of every header button; a square of this size becomes a glass circle. */
+exports.HEADER_BUTTON_SIZE = 36;
+exports.HEADER_ICON_SIZE = 17;
+exports.HEADER_CAPSULE_ICON_SIZE = 15;
+exports.HEADER_CAPSULE_FONT_SIZE = 16;
+exports.HEADER_GROUP_GAP = 4;
+exports.HEADER_HIT_SLOP = 6;
+/**
+ * Liquid Glass bar button backgrounds exist on iOS 26 and later only.
+ * Pass `Platform.OS` and `Platform.Version`. Pure so it can be unit-tested.
+ */
+function supportsLiquidGlass(os, version) {
+    if (os !== "ios") {
+        return false;
+    }
+    const major = Number.parseInt(String(version), 10);
+    return Number.isFinite(major) && major >= 26;
+}
+/**
+ * Background drawn on platforms without glass. On iOS 26+ the system draws
+ * the glass, so a background there would give two shapes, one inside the other.
+ */
+function headerFallbackStyle(glass, backgroundColor) {
+    if (glass || backgroundColor == null) {
+        return undefined;
+    }
+    return { backgroundColor, borderRadius: exports.HEADER_BUTTON_SIZE / 2 };
+}
+//# sourceMappingURL=headerButtonLayout.js.map

package/dist/components/HeaderButton/headerButtonLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerButtonLayout.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/headerButtonLayout.ts"],"names":[],"mappings":";;;AAYA,kDASC;AAMD,kDAQC;AAnCD,mFAAmF;AACtE,QAAA,kBAAkB,GAAG,EAAE,CAAC;AACxB,QAAA,gBAAgB,GAAG,EAAE,CAAC;AACtB,QAAA,wBAAwB,GAAG,EAAE,CAAC;AAC9B,QAAA,wBAAwB,GAAG,EAAE,CAAC;AAC9B,QAAA,gBAAgB,GAAG,CAAC,CAAC;AACrB,QAAA,eAAe,GAAG,CAAC,CAAC;AAEjC;;;GAGG;AACH,SAAgB,mBAAmB,CACjC,EAAU,EACV,OAAwB;IAExB,IAAI,EAAE,KAAK,KAAK,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IACnD,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;AAC/C,CAAC;AAED;;;GAGG;AACH,SAAgB,mBAAmB,CACjC,KAAc,EACd,eAAmC;IAEnC,IAAI,KAAK,IAAI,eAAe,IAAI,IAAI,EAAE,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,0BAAkB,GAAG,CAAC,EAAE,CAAC;AACnE,CAAC"}

package/dist/components/HeaderButton/headerButtonThemeRoles.d.ts

@@ -0,0 +1,5 @@
+export declare const HEADER_BUTTON_THEME_ROLES: {
+    readonly color: "headerButton";
+};
+export type HeaderButtonThemeColorProp = keyof typeof HEADER_BUTTON_THEME_ROLES;
+//# sourceMappingURL=headerButtonThemeRoles.d.ts.map

package/dist/components/HeaderButton/headerButtonThemeRoles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerButtonThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/headerButtonThemeRoles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;CAE5B,CAAC;AAEX,MAAM,MAAM,0BAA0B,GAAG,MAAM,OAAO,yBAAyB,CAAC"}

package/dist/components/HeaderButton/headerButtonThemeRoles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADER_BUTTON_THEME_ROLES = void 0;
+exports.HEADER_BUTTON_THEME_ROLES = {
+    color: "headerButton",
+};
+//# sourceMappingURL=headerButtonThemeRoles.js.map

package/dist/components/HeaderButton/headerButtonThemeRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerButtonThemeRoles.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/headerButtonThemeRoles.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG;IACvC,KAAK,EAAE,cAAc;CACb,CAAC"}

package/dist/components/HeaderButton/index.d.ts

@@ -0,0 +1,7 @@
+export { HeaderCapsule } from "./HeaderCapsule";
+export { HeaderGroup } from "./HeaderGroup";
+export { HeaderIcon } from "./HeaderIcon";
+export { supportsLiquidGlass } from "./headerButtonLayout";
+export { HEADER_BUTTON_THEME_ROLES, type HeaderButtonThemeColorProp, } from "./headerButtonThemeRoles";
+export type { HeaderButtonIcon, HeaderCapsuleProps, HeaderGroupProps, HeaderIconProps, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/HeaderButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EACL,yBAAyB,EACzB,KAAK,0BAA0B,GAChC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,MAAM,SAAS,CAAC"}

package/dist/components/HeaderButton/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADER_BUTTON_THEME_ROLES = exports.supportsLiquidGlass = exports.HeaderIcon = exports.HeaderGroup = exports.HeaderCapsule = void 0;
+var HeaderCapsule_1 = require("./HeaderCapsule");
+Object.defineProperty(exports, "HeaderCapsule", { enumerable: true, get: function () { return HeaderCapsule_1.HeaderCapsule; } });
+var HeaderGroup_1 = require("./HeaderGroup");
+Object.defineProperty(exports, "HeaderGroup", { enumerable: true, get: function () { return HeaderGroup_1.HeaderGroup; } });
+var HeaderIcon_1 = require("./HeaderIcon");
+Object.defineProperty(exports, "HeaderIcon", { enumerable: true, get: function () { return HeaderIcon_1.HeaderIcon; } });
+var headerButtonLayout_1 = require("./headerButtonLayout");
+Object.defineProperty(exports, "supportsLiquidGlass", { enumerable: true, get: function () { return headerButtonLayout_1.supportsLiquidGlass; } });
+var headerButtonThemeRoles_1 = require("./headerButtonThemeRoles");
+Object.defineProperty(exports, "HEADER_BUTTON_THEME_ROLES", { enumerable: true, get: function () { return headerButtonThemeRoles_1.HEADER_BUTTON_THEME_ROLES; } });
+//# sourceMappingURL=index.js.map

package/dist/components/HeaderButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/index.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAA2D;AAAlD,yHAAA,mBAAmB,OAAA;AAC5B,mEAGkC;AAFhC,mIAAA,yBAAyB,OAAA"}

package/dist/components/HeaderButton/types.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
+/** Renders the icon with the resolved tint colour and size, e.g. an expo-symbols `SymbolView`. */
+export type HeaderButtonIcon = (props: {
+    color: string;
+    size: number;
+}) => ReactNode;
+type HeaderButtonSharedProps = {
+    onPress: () => void;
+    disabled?: boolean;
+    /** Icon and label colour. Defaults to the `headerButton` theme role. */
+    color?: string;
+    /** Background on Android and iOS 18 and earlier only. iOS 26+ draws glass instead. */
+    fallbackBackgroundColor?: string;
+    hitSlop?: number;
+    style?: StyleProp<ViewStyle>;
+};
+export type HeaderIconProps = HeaderButtonSharedProps & {
+    icon: HeaderButtonIcon;
+    /** Accessibility label. Required: icon-only buttons have no text for VoiceOver. */
+    label: string;
+    /** Icon box size. Default 17 (range 15–20). */
+    size?: number;
+};
+export type HeaderCapsuleProps = HeaderButtonSharedProps & {
+    icon?: HeaderButtonIcon;
+    label: string;
+    /** Default 15, close to the height of the 16pt label. */
+    iconSize?: number;
+    /** Default 16. */
+    fontSize?: number;
+};
+export type HeaderGroupProps = {
+    children: ReactNode;
+    /** Shared background on Android and iOS 18 and earlier only. */
+    fallbackBackgroundColor?: string;
+    style?: StyleProp<ViewStyle>;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/HeaderButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,kGAAkG;AAClG,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAK,SAAS,CAAC;AAErF,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sFAAsF;IACtF,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,uBAAuB,GAAG;IACtD,IAAI,EAAE,gBAAgB,CAAC;IACvB,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG;IACzD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/dist/components/HeaderButton/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/HeaderButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/HeaderButton/types.ts"],"names":[],"mappings":""}

package/dist/components/HeaderWash/HeaderWash.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Background for a transparent native header: a wash from `color` to clear.
+ * Use it as the stack's `headerBackground` with `headerTransparent: true`.
+ * The stack sizes it to the header and draws it above the screen content,
+ * so content fades as it scrolls under the bar.
+ */
+export declare function HeaderWash({ color: colorProp }: {
+    color?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=HeaderWash.d.ts.map

package/dist/components/HeaderWash/HeaderWash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderWash.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderWash/HeaderWash.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQlE"}

package/dist/components/HeaderWash/HeaderWash.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderWash = HeaderWash;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
+const formThemeRoles_1 = require("../Form/formThemeRoles");
+const headerWashGradient_1 = require("./headerWashGradient");
+/**
+ * Background for a transparent native header: a wash from `color` to clear.
+ * Use it as the stack's `headerBackground` with `headerTransparent: true`.
+ * The stack sizes it to the header and draws it above the screen content,
+ * so content fades as it scrolls under the bar.
+ */
+function HeaderWash({ color: colorProp }) {
+    const color = (0, useResolvedFieldColor_1.useResolvedFieldColor)(colorProp, formThemeRoles_1.FORM_THEME_ROLES.backgroundColor);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "none", style: [react_native_1.StyleSheet.absoluteFill, { experimental_backgroundImage: (0, headerWashGradient_1.headerWashGradient)(color) }] }));
+}
+//# sourceMappingURL=HeaderWash.js.map

package/dist/components/HeaderWash/HeaderWash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderWash.js","sourceRoot":"","sources":["../../../src/components/HeaderWash/HeaderWash.tsx"],"names":[],"mappings":";;AAWA,gCAQC;;AAnBD,+CAAgD;AAChD,0EAAuE;AACvE,2DAA0D;AAC1D,6DAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAsB;IACjE,MAAM,KAAK,GAAG,IAAA,6CAAqB,EAAC,SAAS,EAAE,iCAAgB,CAAC,eAAe,CAAC,CAAC;IACjF,OAAO,CACL,uBAAC,mBAAI,IACH,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,CAAC,yBAAU,CAAC,YAAY,EAAE,EAAE,4BAA4B,EAAE,IAAA,uCAAkB,EAAC,KAAK,CAAC,EAAE,CAAC,GAC7F,CACH,CAAC;AACJ,CAAC"}

package/dist/components/HeaderWash/headerWashGradient.d.ts

@@ -0,0 +1,8 @@
+export declare function withAlpha(hex: string, alpha: number): string;
+/**
+ * The header wash: `color` nearly opaque at the top of the header, fading to
+ * clear at its bottom, so content fades out as it scrolls under the bar.
+ * Pure so it can be unit-tested.
+ */
+export declare function headerWashGradient(color: string): string;
+//# sourceMappingURL=headerWashGradient.d.ts.map

package/dist/components/HeaderWash/headerWashGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerWashGradient.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderWash/headerWashGradient.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ5D;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD"}

package/dist/components/HeaderWash/headerWashGradient.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withAlpha = withAlpha;
+exports.headerWashGradient = headerWashGradient;
+function withAlpha(hex, alpha) {
+    const raw = hex.replace("#", "");
+    const full = raw.length === 3 ? raw.split("").map((c) => `${c}${c}`).join("") : raw;
+    const r = Number.parseInt(full.slice(0, 2), 16);
+    const g = Number.parseInt(full.slice(2, 4), 16);
+    const b = Number.parseInt(full.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+/**
+ * The header wash: `color` nearly opaque at the top of the header, fading to
+ * clear at its bottom, so content fades out as it scrolls under the bar.
+ * Pure so it can be unit-tested.
+ */
+function headerWashGradient(color) {
+    return `linear-gradient(to bottom, ${withAlpha(color, 0.98)} 0%, ${withAlpha(color, 0.92)} 55%, ${withAlpha(color, 0)} 100%)`;
+}
+//# sourceMappingURL=headerWashGradient.js.map

package/dist/components/HeaderWash/headerWashGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerWashGradient.js","sourceRoot":"","sources":["../../../src/components/HeaderWash/headerWashGradient.ts"],"names":[],"mappings":";;AAAA,8BAQC;AAOD,gDAEC;AAjBD,SAAgB,SAAS,CAAC,GAAW,EAAE,KAAa;IAClD,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,IAAI,GACR,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACzE,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC;AAC5C,CAAC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,KAAa;IAC9C,OAAO,8BAA8B,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC;AAChI,CAAC"}

package/dist/components/HeaderWash/index.d.ts

@@ -0,0 +1,2 @@
+export { HeaderWash } from "./HeaderWash";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/HeaderWash/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderWash/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/HeaderWash/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderWash = void 0;
+var HeaderWash_1 = require("./HeaderWash");
+Object.defineProperty(exports, "HeaderWash", { enumerable: true, get: function () { return HeaderWash_1.HeaderWash; } });
+//# sourceMappingURL=index.js.map

package/dist/components/HeaderWash/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HeaderWash/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/components/Page/Page.d.ts

@@ -0,0 +1,13 @@
+import type { PageProps } from "./types";
+/**
+ * Scrolling screen body for a native stack inside native tabs. iOS insets
+ * the content for the header (including the large title) and the tab bar,
+ * so it starts just below the header, scrolls behind it, and clears the
+ * tabs. The title belongs to the header: set it in the stack options.
+ *
+ * The ScrollView must be a direct child of the screen: react-native-screens
+ * only links the header (large title, insets) to a direct child, so there is
+ * no wrapper view. Render `Page` as the screen's root element.
+ */
+export declare function Page({ children, tabAccessory, backgroundColor: backgroundColorProp, padded, contentUnderHeader, contentInset, contentContainerStyle, style, ...scrollProps }: PageProps): import("react").JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

package/dist/components/Page/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,YAAY,EACZ,eAAe,EAAE,mBAAmB,EACpC,MAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,KAAK,EACL,GAAG,WAAW,EACf,EAAE,SAAS,+BAwCX"}

package/dist/components/Page/Page.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page = Page;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
+const headerButtonLayout_1 = require("../HeaderButton/headerButtonLayout");
+const TabAccessoryButton_1 = require("../TabAccessoryButton");
+const tabAccessoryLayout_1 = require("../TabAccessoryButton/tabAccessoryLayout");
+const useThemeSpacing_1 = require("../../theme/useThemeSpacing");
+const pageContext_1 = require("./pageContext");
+const pageInsets_1 = require("./pageInsets");
+const pageThemeRoles_1 = require("./pageThemeRoles");
+const GLASS = (0, headerButtonLayout_1.supportsLiquidGlass)(react_native_1.Platform.OS, react_native_1.Platform.Version);
+/**
+ * Scrolling screen body for a native stack inside native tabs. iOS insets
+ * the content for the header (including the large title) and the tab bar,
+ * so it starts just below the header, scrolls behind it, and clears the
+ * tabs. The title belongs to the header: set it in the stack options.
+ *
+ * The ScrollView must be a direct child of the screen: react-native-screens
+ * only links the header (large title, insets) to a direct child, so there is
+ * no wrapper view. Render `Page` as the screen's root element.
+ */
+function Page({ children, tabAccessory, backgroundColor: backgroundColorProp, padded = true, contentUnderHeader, contentInset, contentContainerStyle, style, ...scrollProps }) {
+    const backgroundColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(backgroundColorProp, pageThemeRoles_1.PAGE_THEME_ROLES.backgroundColor);
+    const spacing = (0, useThemeSpacing_1.useThemeSpacing)();
+    const sideInset = (0, pageInsets_1.pageSideInset)(padded, spacing.screen);
+    const paddingBottom = (padded ? spacing.pageBottom : 0) +
+        (tabAccessory ? (0, tabAccessoryLayout_1.tabAccessoryScreenClearance)(GLASS, spacing.screen) : 0);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { ...scrollProps, contentInsetAdjustmentBehavior: "automatic", contentInset: (0, pageInsets_1.pageContentInset)(react_native_1.Platform.OS, contentUnderHeader, contentInset), style: [styles.screen, { backgroundColor }, style], contentContainerStyle: [
+                    { paddingHorizontal: sideInset },
+                    {
+                        paddingTop: (0, pageInsets_1.pagePaddingTop)({
+                            padded,
+                            underHeader: contentUnderHeader != null,
+                            pageTop: spacing.pageTop,
+                        }),
+                    },
+                    { paddingBottom },
+                    contentContainerStyle,
+                ], children: (0, jsx_runtime_1.jsx)(pageContext_1.PageInsetContext.Provider, { value: sideInset, children: children }) }), tabAccessory ? ((0, jsx_runtime_1.jsx)(TabAccessoryButton_1.TabAccessoryButton, { placement: "screen", ...tabAccessory })) : null] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    screen: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=Page.js.map

package/dist/components/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;AAuBA,oBAkDC;;AAzED,+CAAgE;AAChE,0EAAuE;AACvE,2EAAyE;AACzE,8DAA2D;AAC3D,iFAAuF;AACvF,iEAA8D;AAC9D,+CAAiD;AACjD,6CAA+E;AAC/E,qDAAoD;AAGpD,MAAM,KAAK,GAAG,IAAA,wCAAmB,EAAC,uBAAQ,CAAC,EAAE,EAAE,uBAAQ,CAAC,OAAO,CAAC,CAAC;AAEjE;;;;;;;;;GASG;AACH,SAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,YAAY,EACZ,eAAe,EAAE,mBAAmB,EACpC,MAAM,GAAG,IAAI,EACb,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,KAAK,EACL,GAAG,WAAW,EACJ;IACV,MAAM,eAAe,GAAG,IAAA,6CAAqB,EAC3C,mBAAmB,EACnB,iCAAgB,CAAC,eAAe,CACjC,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,iCAAe,GAAE,CAAC;IAClC,MAAM,SAAS,GAAG,IAAA,0BAAa,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxD,MAAM,aAAa,GACjB,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAA,gDAA2B,EAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,6DACE,uBAAC,yBAAU,OACL,WAAW,EACf,8BAA8B,EAAC,WAAW,EAC1C,YAAY,EAAE,IAAA,6BAAgB,EAAC,uBAAQ,CAAC,EAAE,EAAE,kBAAkB,EAAE,YAAY,CAAC,EAC7E,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,EAClD,qBAAqB,EAAE;oBACrB,EAAE,iBAAiB,EAAE,SAAS,EAAE;oBAChC;wBACE,UAAU,EAAE,IAAA,2BAAc,EAAC;4BACzB,MAAM;4BACN,WAAW,EAAE,kBAAkB,IAAI,IAAI;4BACvC,OAAO,EAAE,OAAO,CAAC,OAAO;yBACzB,CAAC;qBACH;oBACD,EAAE,aAAa,EAAE;oBACjB,qBAAqB;iBACtB,YAED,uBAAC,8BAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACxC,QAAQ,GACiB,GACjB,EACZ,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uCAAkB,IAAC,SAAS,EAAC,QAAQ,KAAK,YAAY,GAAI,CAC5D,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}

package/dist/components/Page/PageBleed.d.ts

@@ -0,0 +1,9 @@
+import { type StyleProp, type ViewStyle } from "react-native";
+import type { ReactNode } from "react";
+export type PageBleedProps = {
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+/** Takes one section of a `Page` out to the screen edges, e.g. a full-width image or map. */
+export declare function PageBleed({ children, style }: PageBleedProps): import("react").JSX.Element;
+//# sourceMappingURL=PageBleed.d.ts.map

package/dist/components/Page/PageBleed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBleed.d.ts","sourceRoot":"","sources":["../../../src/components/Page/PageBleed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,6FAA6F;AAC7F,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,cAAc,+BAE5D"}