@studio-piot/native-ui 0.2.5 → 0.17.0

package/dist/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"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"}

package/dist/components/Form/FormCloseButton.d.ts

@@ -1,4 +1,6 @@
-export declare function FormCloseButton({ onPress }: {
+export declare function FormCloseButton({ onPress, color: colorProp, }: {
     onPress: () => void;
+    /** Defaults to theme role `formClose`. */
+    color?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=FormCloseButton.d.ts.map

package/dist/components/Form/FormCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormCloseButton.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAQnE"}
+{"version":3,"file":"FormCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormCloseButton.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EAAE,SAAS,GACjB,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAQA"}

package/dist/components/Form/FormCloseButton.js

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormCloseButton = FormCloseButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
-const useThemeColor_1 = require("../../theme/useThemeColor");
-function FormCloseButton({ onPress }) {
-    const text = (0, useThemeColor_1.useThemeColor)("text");
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", hitSlop: 8, onPress: onPress, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color: text }], children: "Cancel" }) }));
+const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
+const formThemeRoles_1 = require("./formThemeRoles");
+function FormCloseButton({ onPress, color: colorProp, }) {
+    const color = (0, useResolvedFieldColor_1.useResolvedFieldColor)(colorProp, formThemeRoles_1.FORM_THEME_ROLES.closeColor);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", hitSlop: 8, onPress: onPress, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color }], children: "Cancel" }) }));
 }
 const styles = react_native_1.StyleSheet.create({
     label: {

package/dist/components/Form/FormCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCloseButton.js","sourceRoot":"","sources":["../../../src/components/Form/FormCloseButton.tsx"],"names":[],"mappings":";;AAGA,0CAQC;;AAXD,+CAA2D;AAC3D,6DAA0D;AAE1D,SAAgB,eAAe,CAAC,EAAE,OAAO,EAA2B;IAClE,MAAM,IAAI,GAAG,IAAA,6BAAa,EAAC,MAAM,CAAC,CAAC;IAEnC,OAAO,CACL,uBAAC,wBAAS,IAAC,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,YAChE,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,uBAAe,GACjD,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}
+{"version":3,"file":"FormCloseButton.js","sourceRoot":"","sources":["../../../src/components/Form/FormCloseButton.tsx"],"names":[],"mappings":";;AAIA,0CAeC;;AAnBD,+CAA2D;AAC3D,0EAAuE;AACvE,qDAAoD;AAEpD,SAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EAAE,SAAS,GAKjB;IACC,MAAM,KAAK,GAAG,IAAA,6CAAqB,EAAC,SAAS,EAAE,iCAAgB,CAAC,UAAU,CAAC,CAAC;IAE5E,OAAO,CACL,uBAAC,wBAAS,IAAC,iBAAiB,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,YAChE,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,uBAAe,GAC3C,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

package/dist/components/Form/FormErrorBanner.d.ts

@@ -0,0 +1,15 @@
+import { type FieldError } from "../ErrorBanner";
+/**
+ * The screen banner wired to the nearest `ErrorBannerProvider`. Shared by
+ * `Form` and `FormSheet`. On iOS it renders in a native overlay window so it
+ * covers the native header. Android native headers do not overlap the
+ * screen, so there it sits `androidTop` below the screen top, under the header.
+ */
+export declare function FormErrorBanner({ open, errors, onDismiss, onHeightChange, androidTop, }: {
+    open: boolean;
+    errors: readonly FieldError[];
+    onDismiss: () => void;
+    onHeightChange: (height: number) => void;
+    androidTop?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FormErrorBanner.d.ts.map

package/dist/components/Form/FormErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorBanner.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormErrorBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,SAAS,EACT,cAAc,EACd,UAAc,GACf,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAqBA"}

package/dist/components/Form/FormErrorBanner.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormErrorBanner = FormErrorBanner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_screens_1 = require("react-native-screens");
+const ErrorBanner_1 = require("../ErrorBanner");
+/**
+ * The screen banner wired to the nearest `ErrorBannerProvider`. Shared by
+ * `Form` and `FormSheet`. On iOS it renders in a native overlay window so it
+ * covers the native header. Android native headers do not overlap the
+ * screen, so there it sits `androidTop` below the screen top, under the header.
+ */
+function FormErrorBanner({ open, errors, onDismiss, onHeightChange, androidTop = 0, }) {
+    const ctx = (0, ErrorBanner_1.useErrorBannerContext)();
+    const banner = ((0, jsx_runtime_1.jsx)(ErrorBanner_1.ErrorBanner, { errors: errors, onDismiss: onDismiss, onHeightChange: onHeightChange, onJump: (field) => ctx?.jump(field), open: open, safeAreaTop: react_native_1.Platform.OS === "ios" ? undefined : 0 }));
+    if (react_native_1.Platform.OS === "ios") {
+        return (0, jsx_runtime_1.jsx)(react_native_screens_1.FullWindowOverlay, { children: banner });
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: [styles.below, { top: androidTop }], children: banner }));
+}
+const styles = react_native_1.StyleSheet.create({
+    below: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+});
+//# sourceMappingURL=FormErrorBanner.js.map

package/dist/components/Form/FormErrorBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrorBanner.js","sourceRoot":"","sources":["../../../src/components/Form/FormErrorBanner.tsx"],"names":[],"mappings":";;AAcA,0CAiCC;;AA/CD,+CAA0D;AAC1D,+DAAyD;AACzD,gDAIwB;AAExB;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,SAAS,EACT,cAAc,EACd,UAAU,GAAG,CAAC,GAOf;IACC,MAAM,GAAG,GAAG,IAAA,mCAAqB,GAAE,CAAC;IACpC,MAAM,MAAM,GAAG,CACb,uBAAC,yBAAW,IACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EACnC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAClD,CACH,CAAC;IAEF,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,uBAAC,wCAAiB,cAAE,MAAM,GAAqB,CAAC;IACzD,CAAC;IACD,OAAO,CACL,uBAAC,mBAAI,IAAC,aAAa,EAAC,UAAU,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,YACtE,MAAM,GACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC"}

package/dist/components/Form/FormSubmitFooter.d.ts

@@ -0,0 +1,17 @@
+import { type LayoutChangeEvent } from "react-native";
+import type { ButtonRadius } from "../Button/buttonRadius";
+/** Sticky submit footer shared by `Form` and `FormSheet`. */
+export declare function FormSubmitFooter({ label, onPress, submitting, disabled, radius, paddingHorizontal, backgroundColor, buttonBackgroundColor, buttonLabelColor, onLayout, }: {
+    label: string;
+    onPress: () => void;
+    submitting: boolean;
+    disabled: boolean;
+    radius: ButtonRadius;
+    paddingHorizontal: number;
+    backgroundColor: string;
+    buttonBackgroundColor?: string;
+    buttonLabelColor?: string;
+    /** Height of the bar above the home indicator, for scroll clearance. */
+    onLayout?: (event: LayoutChangeEvent) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FormSubmitFooter.d.ts.map

package/dist/components/Form/FormSubmitFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormSubmitFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,6DAA6D;AAC7D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C,+BAwBA"}

package/dist/components/Form/FormSubmitFooter.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSubmitFooter = FormSubmitFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_keyboard_controller_1 = require("react-native-keyboard-controller");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const Button_1 = require("../Button");
+/** Sticky submit footer shared by `Form` and `FormSheet`. */
+function FormSubmitFooter({ label, onPress, submitting, disabled, radius, paddingHorizontal, backgroundColor, buttonBackgroundColor, buttonLabelColor, onLayout, }) {
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    return (
+    // The spacer is the home-indicator clearance. `opened` equals that
+    // spacer, so once the keyboard is up the spacer sits inside the
+    // keyboard and the button rests on whatever height the keyboard is.
+    (0, jsx_runtime_1.jsx)(react_native_keyboard_controller_1.KeyboardStickyView, { offset: { closed: 0, opened: insets.bottom }, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.shell, { backgroundColor }], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { onLayout: onLayout, style: [styles.bar, { paddingHorizontal }], children: (0, jsx_runtime_1.jsx)(Button_1.Button, { backgroundColor: buttonBackgroundColor, disabled: disabled, label: label, labelColor: buttonLabelColor, loading: submitting, onPress: onPress, radius: radius }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { height: insets.bottom } })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    shell: {
+        zIndex: 2,
+        // Cast upward so the sticky footer separates from the scroll body.
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: -4 },
+        shadowOpacity: 0.08,
+        shadowRadius: 12,
+        elevation: 8,
+    },
+    bar: {
+        paddingVertical: 12,
+    },
+});
+//# sourceMappingURL=FormSubmitFooter.js.map

package/dist/components/Form/FormSubmitFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitFooter.js","sourceRoot":"","sources":["../../../src/components/Form/FormSubmitFooter.tsx"],"names":[],"mappings":";;AAOA,4CA+CC;;AAtDD,+CAAwE;AACxE,uFAAsE;AACtE,mFAAmE;AACnE,sCAAmC;AAGnC,6DAA6D;AAC7D,SAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,QAAQ,GAaT;IACC,MAAM,MAAM,GAAG,IAAA,kDAAiB,GAAE,CAAC;IAEnC,OAAO;IACL,mEAAmE;IACnE,gEAAgE;IAChE,oEAAoE;IACpE,uBAAC,qDAAkB,IAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,YAC9D,wBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,aAC9C,uBAAC,mBAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,iBAAiB,EAAE,CAAC,YAClE,uBAAC,eAAM,IACL,eAAe,EAAE,qBAAqB,EACtC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd,GACG,EACP,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAI,IACrC,GACY,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,MAAM,EAAE,CAAC;QACT,mEAAmE;QACnE,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;QACtC,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;KACb;IACD,GAAG,EAAE;QACH,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC"}

package/dist/components/Form/formThemeRoles.d.ts

@@ -0,0 +1,7 @@
+export declare const FORM_THEME_ROLES: {
+    readonly backgroundColor: "formBackground";
+    readonly footerBackgroundColor: "formFooterBackground";
+    readonly closeColor: "formClose";
+};
+export type FormThemeColorProp = keyof typeof FORM_THEME_ROLES;
+//# sourceMappingURL=formThemeRoles.d.ts.map

package/dist/components/Form/formThemeRoles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/Form/formThemeRoles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC"}

package/dist/components/Form/formThemeRoles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_THEME_ROLES = void 0;
+exports.FORM_THEME_ROLES = {
+    backgroundColor: "formBackground",
+    footerBackgroundColor: "formFooterBackground",
+    closeColor: "formClose",
+};
+//# sourceMappingURL=formThemeRoles.js.map

package/dist/components/Form/formThemeRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formThemeRoles.js","sourceRoot":"","sources":["../../../src/components/Form/formThemeRoles.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG;IAC9B,eAAe,EAAE,gBAAgB;IACjC,qBAAqB,EAAE,sBAAsB;IAC7C,UAAU,EAAE,WAAW;CACf,CAAC"}

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

@@ -1,4 +1,5 @@
 export { Form } from "./Form";
 export { FormCloseButton } from "./FormCloseButton";
+export { FORM_THEME_ROLES, type FormThemeColorProp } from "./formThemeRoles";
 export type { FormProps } from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Form/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormCloseButton = exports.Form = void 0;
+exports.FORM_THEME_ROLES = exports.FormCloseButton = exports.Form = void 0;
 var Form_1 = require("./Form");
 Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
 var FormCloseButton_1 = require("./FormCloseButton");
 Object.defineProperty(exports, "FormCloseButton", { enumerable: true, get: function () { return FormCloseButton_1.FormCloseButton; } });
+var formThemeRoles_1 = require("./formThemeRoles");
+Object.defineProperty(exports, "FORM_THEME_ROLES", { enumerable: true, get: function () { return formThemeRoles_1.FORM_THEME_ROLES; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,mDAA6E;AAApE,kHAAA,gBAAgB,OAAA"}

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

@@ -1,10 +1,12 @@
 import type { ReactNode } from "react";
 import type { ButtonRadius } from "../Button/buttonRadius";
 import type { FieldError } from "../ErrorBanner/types";
+/**
+ * Set the title and close button in the screen's stack options
+ * (`title`, `headerLeft`), not here.
+ */
 export type FormProps = {
-    title: string;
     children: ReactNode;
-    onClose: () => void;
     onSubmit: () => void;
     /**
      * Field errors for the screen banner. Empty hides it.
@@ -15,19 +17,21 @@ export type FormProps = {
     submitLabel?: string;
     submitting?: boolean;
     submitDisabled?: boolean;
-    /** App-specific Cancel control. Defaults to a plain text Cancel. */
-    closeButton?: ReactNode;
     submitRadius?: ButtonRadius;
     /**
-     * Horizontal inset for header, scroll content, and footer.
-     * Defaults to 16. Pass a value to override.
+     * Native header height, from `useHeaderHeight()` in
+     * `expo-router/react-navigation`. Used to scroll an error's field clear of
+     * the header. Defaults to the status bar plus a standard bar.
+     */
+    headerHeight?: number;
+    /**
+     * Horizontal inset for the scroll content and footer.
+     * Defaults to theme `spacing.screen`. Pass a value to override.
      */
     paddingHorizontal?: number;
-    /** Defaults to theme role `background`. */
+    /** Defaults to theme role `formBackground`. */
     backgroundColor?: string;
-    /** Defaults to theme role `text`. */
-    titleColor?: string;
-    /** Defaults to theme role `surface`. Footer ground. */
+    /** Defaults to theme role `formFooterBackground`. Footer ground. */
     footerBackgroundColor?: string;
     /** Defaults to theme role `buttonBackground`. */
     buttonBackgroundColor?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/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,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,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,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/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;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,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;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { FormSheetProps } from "./types";
+/**
+ * A form in a draggable sheet over a full-screen background, usually a map.
+ * Three stops: the handle and title, half the screen, and up to the native
+ * header. The submit button stays above the keyboard. Set the close button
+ * in the screen's stack options, with `headerTransparent: true` so the
+ * background shows behind the header.
+ */
+export declare function FormSheet({ title, children, background, onSubmit, errors, submitLabel, submitting, submitDisabled, submitRadius, initialIndex, headerHeight: headerHeightProp, paddingHorizontal: paddingHorizontalProp, backgroundColor: backgroundColorProp, titleColor: titleColorProp, footerBackgroundColor: footerBackgroundColorProp, handleColor: handleColorProp, buttonBackgroundColor, buttonLabelColor, }: FormSheetProps): import("react").JSX.Element;
+//# sourceMappingURL=FormSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSheet.d.ts","sourceRoot":"","sources":["../../../src/components/FormSheet/FormSheet.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAkB,cAAc,EAAsB,MAAM,SAAS,CAAC;AAalF;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAW,EACX,WAAoB,EACpB,UAAkB,EAClB,cAAsB,EACtB,YAAmB,EACnB,YAAgB,EAChB,YAAY,EAAE,gBAAgB,EAC9B,iBAAiB,EAAE,qBAAqB,EACxC,eAAe,EAAE,mBAAmB,EACpC,UAAU,EAAE,cAAc,EAC1B,qBAAqB,EAAE,yBAAyB,EAChD,WAAW,EAAE,eAAe,EAC5B,qBAAqB,EACrB,gBAAgB,GACjB,EAAE,cAAc,+BAgLhB"}

package/dist/components/FormSheet/FormSheet.js

@@ -0,0 +1,153 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSheet = FormSheet;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bottom_sheet_1 = __importStar(require("@gorhom/bottom-sheet"));
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const react_native_keyboard_controller_1 = require("react-native-keyboard-controller");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const headerInset_1 = require("../../layout/headerInset");
+const sheet_1 = require("../../layout/sheet");
+const useThemeSpacing_1 = require("../../theme/useThemeSpacing");
+const ErrorBanner_1 = require("../ErrorBanner");
+const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
+const FormErrorBanner_1 = require("../Form/FormErrorBanner");
+const FormSubmitFooter_1 = require("../Form/FormSubmitFooter");
+const formSheetLayout_1 = require("./formSheetLayout");
+const formSheetThemeRoles_1 = require("./formSheetThemeRoles");
+const EXPANDED = 2;
+function useMeasuredHeight(initial = 0) {
+    const [height, setHeight] = (0, react_1.useState)(initial);
+    const onLayout = (0, react_1.useCallback)((event) => {
+        const next = Math.round(event.nativeEvent.layout.height);
+        setHeight((current) => (current === next ? current : next));
+    }, []);
+    return [height, onLayout];
+}
+/**
+ * A form in a draggable sheet over a full-screen background, usually a map.
+ * Three stops: the handle and title, half the screen, and up to the native
+ * header. The submit button stays above the keyboard. Set the close button
+ * in the screen's stack options, with `headerTransparent: true` so the
+ * background shows behind the header.
+ */
+function FormSheet({ title, children, background, onSubmit, errors = [], submitLabel = "Save", submitting = false, submitDisabled = false, submitRadius = "lg", initialIndex = 0, headerHeight: headerHeightProp, paddingHorizontal: paddingHorizontalProp, backgroundColor: backgroundColorProp, titleColor: titleColorProp, footerBackgroundColor: footerBackgroundColorProp, handleColor: handleColorProp, buttonBackgroundColor, buttonLabelColor, }) {
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const spacing = (0, useThemeSpacing_1.useThemeSpacing)();
+    const paddingHorizontal = paddingHorizontalProp ?? spacing.screen;
+    const { height: windowHeight } = (0, react_native_1.useWindowDimensions)();
+    const backgroundColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(backgroundColorProp, formSheetThemeRoles_1.FORM_SHEET_THEME_ROLES.backgroundColor);
+    const titleColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(titleColorProp, formSheetThemeRoles_1.FORM_SHEET_THEME_ROLES.titleColor);
+    const footerBackground = (0, useResolvedFieldColor_1.useResolvedFieldColor)(footerBackgroundColorProp, formSheetThemeRoles_1.FORM_SHEET_THEME_ROLES.footerBackgroundColor);
+    const handleColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(handleColorProp, formSheetThemeRoles_1.FORM_SHEET_THEME_ROLES.handleColor);
+    const keyboardHeight = (0, react_native_keyboard_controller_1.useKeyboardState)((state) => state.height);
+    const keyboardLift = Math.max(0, keyboardHeight - insets.bottom);
+    const [footerHeight, onFooterLayout] = useMeasuredHeight();
+    const [handleHeight, onHandleLayout] = useMeasuredHeight((0, formSheetLayout_1.formSheetHandleFallback)(Boolean(title)));
+    const [sheetAreaHeight, onSheetAreaLayout] = useMeasuredHeight();
+    const [snapIndex, setSnapIndex] = (0, react_1.useState)(initialIndex);
+    // Estimates until the first layout pass reports real sizes.
+    const resolvedHeader = headerHeightProp ?? (0, headerInset_1.estimateHeaderHeight)(react_native_1.Platform.OS, insets.top);
+    const resolvedFooter = footerHeight || insets.bottom + 76;
+    const resolvedArea = sheetAreaHeight || Math.max(0, windowHeight - resolvedFooter - keyboardLift);
+    const snapPoints = (0, react_1.useMemo)(() => (0, formSheetLayout_1.formSheetSnapPoints)({
+        windowHeight,
+        sheetAreaHeight: resolvedArea,
+        headerHeight: resolvedHeader,
+        handleHeight,
+    }), [handleHeight, resolvedArea, resolvedHeader, windowHeight]);
+    const sheetRef = (0, react_1.useRef)(null);
+    const scrollRef = (0, react_1.useRef)(null);
+    const contentRef = (0, react_1.useRef)(null);
+    const bannerRawHeightRef = (0, react_1.useRef)(0);
+    const bannerOverlapRef = (0, react_1.useRef)(0);
+    const scrollTopRef = (0, react_1.useRef)(0);
+    scrollTopRef.current = resolvedHeader + handleHeight;
+    const banner = (0, ErrorBanner_1.useErrorBanner)(errors);
+    // A banner row expands the sheet first, so the field has room to show.
+    const expandForJump = (0, react_1.useCallback)(() => {
+        sheetRef.current?.snapToIndex(EXPANDED);
+        bannerOverlapRef.current = (0, formSheetLayout_1.sheetBannerOverlap)(bannerRawHeightRef.current, scrollTopRef.current);
+    }, []);
+    const renderHandle = (0, react_1.useCallback)((props) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { onLayout: onHandleLayout, style: [styles.handle, { backgroundColor, paddingHorizontal }], children: [(0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheetHandle, { ...props, indicatorStyle: { backgroundColor: handleColor } }), title ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { accessibilityRole: "header", numberOfLines: 1, style: [styles.title, { color: titleColor }], children: title })) : null] })), [backgroundColor, handleColor, onHandleLayout, paddingHorizontal, title, titleColor]);
+    const inset = {
+        top: resolvedHeader,
+        bottom: resolvedFooter + snapPoints[snapIndex],
+        bottomAtHalf: resolvedFooter + snapPoints[1],
+    };
+    return ((0, jsx_runtime_1.jsx)(ErrorBanner_1.ErrorBannerProvider, { bannerHeightRef: bannerOverlapRef, errors: errors, measureRef: contentRef, onBeforeJump: expandForJump, onDismiss: banner.dismiss, scrollRef: scrollRef, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.screen, { backgroundColor }], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: react_native_1.StyleSheet.absoluteFill, children: background(inset) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { onLayout: onSheetAreaLayout, pointerEvents: "box-none", style: [styles.sheetArea, { marginBottom: keyboardLift }], children: (0, jsx_runtime_1.jsx)(bottom_sheet_1.default, { ref: sheetRef, animateOnMount: false, index: initialIndex, backgroundStyle: [styles.sheet, { backgroundColor }], enableContentPanningGesture: true, enableDynamicSizing: false, keyboardBehavior: "extend", enablePanDownToClose: false, handleComponent: renderHandle, onChange: (next) => {
+                            // -1 is closed; the sheet only has three stops.
+                            if (next === 0 || next === 1 || next === 2) {
+                                setSnapIndex(next);
+                            }
+                        }, snapPoints: snapPoints, children: (0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheetScrollView, { ref: scrollRef, contentContainerStyle: [styles.content, { paddingHorizontal }], keyboardShouldPersistTaps: "handled", children: (0, jsx_runtime_1.jsx)(react_native_1.View, { ref: contentRef, collapsable: false, style: styles.contentTop, children: children }) }) }) }), (0, jsx_runtime_1.jsx)(FormSubmitFooter_1.FormSubmitFooter, { backgroundColor: footerBackground, buttonBackgroundColor: buttonBackgroundColor, buttonLabelColor: buttonLabelColor, disabled: submitDisabled, label: submitLabel, onLayout: onFooterLayout, onPress: () => {
+                        banner.present();
+                        onSubmit();
+                    }, paddingHorizontal: paddingHorizontal, radius: submitRadius, submitting: submitting }), (0, jsx_runtime_1.jsx)(FormErrorBanner_1.FormErrorBanner, { androidTop: resolvedHeader, errors: errors, onDismiss: banner.dismiss, onHeightChange: (height) => {
+                        bannerRawHeightRef.current = height;
+                    }, open: banner.open })] }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    screen: {
+        flex: 1,
+    },
+    sheetArea: {
+        flex: 1,
+    },
+    sheet: {
+        borderTopLeftRadius: sheet_1.SHEET_TOP_RADIUS,
+        borderTopRightRadius: sheet_1.SHEET_TOP_RADIUS,
+    },
+    handle: {
+        alignItems: "center",
+        paddingBottom: 12,
+        borderTopLeftRadius: sheet_1.SHEET_TOP_RADIUS,
+        borderTopRightRadius: sheet_1.SHEET_TOP_RADIUS,
+    },
+    title: {
+        fontSize: 17,
+        fontWeight: "600",
+        textAlign: "center",
+    },
+    content: {
+        paddingBottom: 24,
+    },
+    contentTop: {
+        paddingTop: 8,
+    },
+});
+//# sourceMappingURL=FormSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSheet.js","sourceRoot":"","sources":["../../../src/components/FormSheet/FormSheet.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+export type FormSheetSnapInput = {
+    /** Full window height, used to place the middle stop at half the screen. */
+    windowHeight: number;
+    /** Height of the sheet's parent: the screen above the footer and keyboard. */
+    sheetAreaHeight: number;
+    /** Header block the expanded sheet stops beneath. */
+    headerHeight: number;
+    /** Collapsed sheet: drag handle plus title. */
+    handleHeight: number;
+};
+/**
+ * Three sheet heights, shortest first. Minimum is the handle. Middle puts the
+ * sheet top at half the screen. Maximum stops at the bottom of the header.
+ * Pure so it can be unit-tested.
+ */
+export declare function formSheetSnapPoints({ windowHeight, sheetAreaHeight, headerHeight, handleHeight, }: FormSheetSnapInput): [number, number, number];
+/**
+ * How far the error banner reaches into the expanded sheet's scroll area,
+ * whose top sits `scrollTop` below the screen top (header plus handle).
+ * A banner row scrolls its field this much further so it is not hidden.
+ */
+export declare function sheetBannerOverlap(bannerHeight: number, scrollTop: number): number;
+/** Handle heights before the first layout pass measures the real one. */
+export declare const FORM_SHEET_HANDLE_FALLBACK: {
+    /** Drag indicator and padding. */
+    readonly indicatorOnly: 36;
+    /** Indicator plus one title line. */
+    readonly withTitle: 64;
+};
+/** The collapsed stop is the handle, so it must fit the title when there is one. */
+export declare function formSheetHandleFallback(hasTitle: boolean): number;
+//# sourceMappingURL=formSheetLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formSheetLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FormSheet/formSheetLayout.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4EAA4E;IAC5E,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,YAAY,GACb,EAAE,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAS/C;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAElF;AAED,yEAAyE;AACzE,eAAO,MAAM,0BAA0B;IACrC,kCAAkC;;IAElC,qCAAqC;;CAE7B,CAAC;AAEX,oFAAoF;AACpF,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAIjE"}

package/dist/components/FormSheet/formSheetLayout.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_SHEET_HANDLE_FALLBACK = void 0;
+exports.formSheetSnapPoints = formSheetSnapPoints;
+exports.sheetBannerOverlap = sheetBannerOverlap;
+exports.formSheetHandleFallback = formSheetHandleFallback;
+/**
+ * Three sheet heights, shortest first. Minimum is the handle. Middle puts the
+ * sheet top at half the screen. Maximum stops at the bottom of the header.
+ * Pure so it can be unit-tested.
+ */
+function formSheetSnapPoints({ windowHeight, sheetAreaHeight, headerHeight, handleHeight, }) {
+    const collapsed = Math.max(1, Math.round(handleHeight));
+    const full = Math.max(collapsed, Math.round(sheetAreaHeight - headerHeight));
+    const halfRaw = Math.round(sheetAreaHeight - windowHeight / 2);
+    // The sheet needs three distinct, increasing stops even when there is
+    // almost no room, so nudge each one above the last.
+    const half = Math.max(collapsed + 1, Math.min(full, halfRaw));
+    const top = Math.max(half + 1, full);
+    return [collapsed, half, top];
+}
+/**
+ * How far the error banner reaches into the expanded sheet's scroll area,
+ * whose top sits `scrollTop` below the screen top (header plus handle).
+ * A banner row scrolls its field this much further so it is not hidden.
+ */
+function sheetBannerOverlap(bannerHeight, scrollTop) {
+    return Math.max(0, bannerHeight - scrollTop);
+}
+/** Handle heights before the first layout pass measures the real one. */
+exports.FORM_SHEET_HANDLE_FALLBACK = {
+    /** Drag indicator and padding. */
+    indicatorOnly: 36,
+    /** Indicator plus one title line. */
+    withTitle: 64,
+};
+/** The collapsed stop is the handle, so it must fit the title when there is one. */
+function formSheetHandleFallback(hasTitle) {
+    return hasTitle
+        ? exports.FORM_SHEET_HANDLE_FALLBACK.withTitle
+        : exports.FORM_SHEET_HANDLE_FALLBACK.indicatorOnly;
+}
+//# sourceMappingURL=formSheetLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formSheetLayout.js","sourceRoot":"","sources":["../../../src/components/FormSheet/formSheetLayout.ts"],"names":[],"mappings":";;;AAgBA,kDAcC;AAOD,gDAEC;AAWD,0DAIC;AA3CD;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,YAAY,GACO;IACnB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC;IAC/D,sEAAsE;IACtE,oDAAoD;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;IACrC,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAChC,CAAC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,YAAoB,EAAE,SAAiB;IACxE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;AAC/C,CAAC;AAED,yEAAyE;AAC5D,QAAA,0BAA0B,GAAG;IACxC,kCAAkC;IAClC,aAAa,EAAE,EAAE;IACjB,qCAAqC;IACrC,SAAS,EAAE,EAAE;CACL,CAAC;AAEX,oFAAoF;AACpF,SAAgB,uBAAuB,CAAC,QAAiB;IACvD,OAAO,QAAQ;QACb,CAAC,CAAC,kCAA0B,CAAC,SAAS;QACtC,CAAC,CAAC,kCAA0B,CAAC,aAAa,CAAC;AAC/C,CAAC"}

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

@@ -0,0 +1,8 @@
+export declare const FORM_SHEET_THEME_ROLES: {
+    readonly backgroundColor: "formSheetBackground";
+    readonly titleColor: "formSheetTitle";
+    readonly footerBackgroundColor: "formSheetFooterBackground";
+    readonly handleColor: "formSheetHandle";
+};
+export type FormSheetThemeColorProp = keyof typeof FORM_SHEET_THEME_ROLES;
+//# sourceMappingURL=formSheetThemeRoles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formSheetThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/FormSheet/formSheetThemeRoles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;CAKzB,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,sBAAsB,CAAC"}

package/dist/components/FormSheet/formSheetThemeRoles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_SHEET_THEME_ROLES = void 0;
+exports.FORM_SHEET_THEME_ROLES = {
+    backgroundColor: "formSheetBackground",
+    titleColor: "formSheetTitle",
+    footerBackgroundColor: "formSheetFooterBackground",
+    handleColor: "formSheetHandle",
+};
+//# sourceMappingURL=formSheetThemeRoles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formSheetThemeRoles.js","sourceRoot":"","sources":["../../../src/components/FormSheet/formSheetThemeRoles.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG;IACpC,eAAe,EAAE,qBAAqB;IACtC,UAAU,EAAE,gBAAgB;IAC5B,qBAAqB,EAAE,2BAA2B;IAClD,WAAW,EAAE,iBAAiB;CACtB,CAAC"}