@yahoo/uds-mobile 2.3.3 → 2.4.0

package/dist/components/BottomSheet/BottomSheetDismiss.d.cts

@@ -0,0 +1,25 @@
+
+import * as react from "react";
+import { ReactElement } from "react";
+
+//#region src/components/BottomSheet/BottomSheetDismiss.d.ts
+interface Props {
+  render: ReactElement<{
+    onPress?: () => void;
+  }>;
+}
+/**
+ * Clones the `render` element and injects an `onPress` handler that closes
+ * the nearest bottom sheet.
+ *
+ * Uses the `render` prop pattern to avoid nested pressable wrappers.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheetDismiss render={<Button>Close</Button>} />
+ * ```
+ */
+declare const BottomSheetDismiss: react.NamedExoticComponent<Props>;
+//#endregion
+export { BottomSheetDismiss };
+//# sourceMappingURL=BottomSheetDismiss.d.cts.map

package/dist/components/BottomSheet/BottomSheetDismiss.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetDismiss.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetDismiss.tsx"],"mappings":";;;;;UAKU,KAAA;EACR,MAAA,EAAQ,YAAA;IAAe,OAAA;EAAA;AAAA;;;;;;;;AAAO;;;;cAe1B,kBAAA,EAAkB,KAAA,CAAA,oBAAA,CAAA,KAAA"}

package/dist/components/BottomSheet/BottomSheetDismiss.d.ts

@@ -0,0 +1,25 @@
+
+import * as react from "react";
+import { ReactElement } from "react";
+
+//#region src/components/BottomSheet/BottomSheetDismiss.d.ts
+interface Props {
+  render: ReactElement<{
+    onPress?: () => void;
+  }>;
+}
+/**
+ * Clones the `render` element and injects an `onPress` handler that closes
+ * the nearest bottom sheet.
+ *
+ * Uses the `render` prop pattern to avoid nested pressable wrappers.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheetDismiss render={<Button>Close</Button>} />
+ * ```
+ */
+declare const BottomSheetDismiss: react.NamedExoticComponent<Props>;
+//#endregion
+export { BottomSheetDismiss };
+//# sourceMappingURL=BottomSheetDismiss.d.ts.map

package/dist/components/BottomSheet/BottomSheetDismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetDismiss.d.ts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetDismiss.tsx"],"mappings":";;;;;UAKU,KAAA;EACR,MAAA,EAAQ,YAAA;IAAe,OAAA;EAAA;AAAA;;;;;;;;AAAO;;;;cAe1B,kBAAA,EAAkB,KAAA,CAAA,oBAAA,CAAA,KAAA"}

package/dist/components/BottomSheet/BottomSheetDismiss.js

@@ -0,0 +1,27 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useBottomSheetContext } from "./BottomSheetProvider.js";
+import { cloneElement, memo, useCallback } from "react";
+
+//#region src/components/BottomSheet/BottomSheetDismiss.tsx
+/**
+* Clones the `render` element and injects an `onPress` handler that closes
+* the nearest bottom sheet.
+*
+* Uses the `render` prop pattern to avoid nested pressable wrappers.
+*
+* @example
+* ```tsx
+* <BottomSheetDismiss render={<Button>Close</Button>} />
+* ```
+*/
+const BottomSheetDismiss = memo(function BottomSheetDismiss({ render }) {
+	const controller = useBottomSheetContext();
+	if (!controller) throw new Error("BottomSheetDismiss must be used inside a BottomSheetProvider.");
+	return cloneElement(render, { onPress: useCallback(() => {
+		controller.close();
+	}, [controller]) });
+});
+
+//#endregion
+export { BottomSheetDismiss };
+//# sourceMappingURL=BottomSheetDismiss.js.map

package/dist/components/BottomSheet/BottomSheetDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetDismiss.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetDismiss.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { cloneElement, memo, useCallback } from 'react';\n\nimport { useBottomSheetContext } from './BottomSheetProvider';\n\ninterface Props {\n  render: ReactElement<{ onPress?: () => void }>;\n}\n\n/**\n * Clones the `render` element and injects an `onPress` handler that closes\n * the nearest bottom sheet.\n *\n * Uses the `render` prop pattern to avoid nested pressable wrappers.\n *\n * @example\n * ```tsx\n * <BottomSheetDismiss render={<Button>Close</Button>} />\n * ```\n */\n// eslint-disable-next-line react/prop-types -- TypeScript validates props via Props interface\nconst BottomSheetDismiss = memo(function BottomSheetDismiss({ render }: Props) {\n  const controller = useBottomSheetContext();\n\n  if (!controller) {\n    throw new Error('BottomSheetDismiss must be used inside a BottomSheetProvider.');\n  }\n\n  const handlePress = useCallback(() => {\n    controller.close();\n  }, [controller]);\n\n  return cloneElement(render, {\n    onPress: handlePress,\n  });\n});\n\nexport { BottomSheetDismiss };\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqB,KAAK,SAAS,mBAAmB,EAAE,UAAiB;CAC7E,MAAM,aAAa,uBAAuB;AAE1C,KAAI,CAAC,WACH,OAAM,IAAI,MAAM,gEAAgE;AAOlF,QAAO,aAAa,QAAQ,EAC1B,SALkB,kBAAkB;AACpC,aAAW,OAAO;IACjB,CAAC,WAAW,CAAC,EAIf,CAAC;EACF"}

package/dist/components/BottomSheet/BottomSheetHandle.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_components_BottomSheet_BottomSheetInternalProvider = require('./BottomSheetInternalProvider.cjs');
+const require_components_BottomSheet_BottomSheetProvider = require('./BottomSheetProvider.cjs');
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../../generated/styles");
+
+//#region src/components/BottomSheet/BottomSheetHandle.tsx
+/**
+* Visual drag-affordance bar displayed at the top of the sheet.
+*
+* Accessible as `role="adjustable"` with increment (expand) and decrement
+* (collapse / dismiss) actions that map to snap-point navigation.
+*/
+const BottomSheetHandle = (0, react.memo)(function BottomSheetHandle() {
+	generated_styles.bottomSheetStyles.useVariants({});
+	const handleTokens = react_native.StyleSheet.flatten(generated_styles.bottomSheetStyles.handleIndicator);
+	const internalCtx = require_components_BottomSheet_BottomSheetInternalProvider.useBottomSheetInternalContext();
+	const controller = require_components_BottomSheet_BottomSheetProvider.useBottomSheetContext();
+	const handleAccessibilityAction = (0, react.useCallback)((event) => {
+		if (!internalCtx || !controller) return;
+		const { activeSnapIndex, snapCount } = internalCtx;
+		const current = activeSnapIndex.value;
+		if (event.nativeEvent.actionName === "increment" && current < snapCount - 1) activeSnapIndex.value = current + 1;
+		else if (event.nativeEvent.actionName === "decrement") if (current > 0) activeSnapIndex.value = current - 1;
+		else controller.close();
+	}, [internalCtx, controller]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		style: [internalStyles.handle, { backgroundColor: handleTokens.backgroundColor }],
+		accessible: true,
+		accessibilityRole: "adjustable",
+		accessibilityLabel: "Sheet handle",
+		accessibilityHint: "Swipe up to expand, swipe down to collapse",
+		accessibilityActions: [{
+			name: "increment",
+			label: "Expand"
+		}, {
+			name: "decrement",
+			label: "Collapse"
+		}],
+		onAccessibilityAction: handleAccessibilityAction
+	});
+});
+const internalStyles = react_native.StyleSheet.create({ handle: {
+	alignSelf: "center",
+	width: 36,
+	height: 4,
+	borderRadius: 2,
+	marginBottom: 8
+} });
+
+//#endregion
+exports.BottomSheetHandle = BottomSheetHandle;

package/dist/components/BottomSheet/BottomSheetHandle.d.cts

@@ -0,0 +1,14 @@
+
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheetHandle.d.ts
+/**
+ * Visual drag-affordance bar displayed at the top of the sheet.
+ *
+ * Accessible as `role="adjustable"` with increment (expand) and decrement
+ * (collapse / dismiss) actions that map to snap-point navigation.
+ */
+declare const BottomSheetHandle: react.NamedExoticComponent<object>;
+//#endregion
+export { BottomSheetHandle };
+//# sourceMappingURL=BottomSheetHandle.d.cts.map

package/dist/components/BottomSheet/BottomSheetHandle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHandle.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetHandle.tsx"],"mappings":";;;;;;;AAauB;;;cAAjB,iBAAA,EAiDJ,KAAA,CAjDqB,oBAAA"}

package/dist/components/BottomSheet/BottomSheetHandle.d.ts

@@ -0,0 +1,14 @@
+
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheetHandle.d.ts
+/**
+ * Visual drag-affordance bar displayed at the top of the sheet.
+ *
+ * Accessible as `role="adjustable"` with increment (expand) and decrement
+ * (collapse / dismiss) actions that map to snap-point navigation.
+ */
+declare const BottomSheetHandle: react.NamedExoticComponent<object>;
+//#endregion
+export { BottomSheetHandle };
+//# sourceMappingURL=BottomSheetHandle.d.ts.map

package/dist/components/BottomSheet/BottomSheetHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHandle.d.ts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetHandle.tsx"],"mappings":";;;;;;;AAauB;;;cAAjB,iBAAA,EAiDJ,KAAA,CAjDqB,oBAAA"}

package/dist/components/BottomSheet/BottomSheetHandle.js

@@ -0,0 +1,55 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useBottomSheetInternalContext } from "./BottomSheetInternalProvider.js";
+import { useBottomSheetContext } from "./BottomSheetProvider.js";
+import { memo, useCallback } from "react";
+import { StyleSheet, View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { bottomSheetStyles } from "../../../generated/styles";
+
+//#region src/components/BottomSheet/BottomSheetHandle.tsx
+/**
+* Visual drag-affordance bar displayed at the top of the sheet.
+*
+* Accessible as `role="adjustable"` with increment (expand) and decrement
+* (collapse / dismiss) actions that map to snap-point navigation.
+*/
+const BottomSheetHandle = memo(function BottomSheetHandle() {
+	bottomSheetStyles.useVariants({});
+	const handleTokens = StyleSheet.flatten(bottomSheetStyles.handleIndicator);
+	const internalCtx = useBottomSheetInternalContext();
+	const controller = useBottomSheetContext();
+	const handleAccessibilityAction = useCallback((event) => {
+		if (!internalCtx || !controller) return;
+		const { activeSnapIndex, snapCount } = internalCtx;
+		const current = activeSnapIndex.value;
+		if (event.nativeEvent.actionName === "increment" && current < snapCount - 1) activeSnapIndex.value = current + 1;
+		else if (event.nativeEvent.actionName === "decrement") if (current > 0) activeSnapIndex.value = current - 1;
+		else controller.close();
+	}, [internalCtx, controller]);
+	return /* @__PURE__ */ jsx(View, {
+		style: [internalStyles.handle, { backgroundColor: handleTokens.backgroundColor }],
+		accessible: true,
+		accessibilityRole: "adjustable",
+		accessibilityLabel: "Sheet handle",
+		accessibilityHint: "Swipe up to expand, swipe down to collapse",
+		accessibilityActions: [{
+			name: "increment",
+			label: "Expand"
+		}, {
+			name: "decrement",
+			label: "Collapse"
+		}],
+		onAccessibilityAction: handleAccessibilityAction
+	});
+});
+const internalStyles = StyleSheet.create({ handle: {
+	alignSelf: "center",
+	width: 36,
+	height: 4,
+	borderRadius: 2,
+	marginBottom: 8
+} });
+
+//#endregion
+export { BottomSheetHandle };
+//# sourceMappingURL=BottomSheetHandle.js.map

package/dist/components/BottomSheet/BottomSheetHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHandle.js","names":["RNStyleSheet"],"sources":["../../../src/components/BottomSheet/BottomSheetHandle.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { StyleSheet as RNStyleSheet, View } from 'react-native';\n\nimport { bottomSheetStyles } from '../../../generated/styles';\nimport { useBottomSheetInternalContext } from './BottomSheetInternalProvider';\nimport { useBottomSheetContext } from './BottomSheetProvider';\n\n/**\n * Visual drag-affordance bar displayed at the top of the sheet.\n *\n * Accessible as `role=\"adjustable\"` with increment (expand) and decrement\n * (collapse / dismiss) actions that map to snap-point navigation.\n */\nconst BottomSheetHandle = memo(function BottomSheetHandle() {\n  bottomSheetStyles.useVariants({});\n  const handleTokens = RNStyleSheet.flatten(bottomSheetStyles.handleIndicator) as {\n    backgroundColor?: string;\n  };\n\n  const internalCtx = useBottomSheetInternalContext();\n  const controller = useBottomSheetContext();\n\n  const handleAccessibilityAction = useCallback(\n    (event: { nativeEvent: { actionName: string } }) => {\n      if (!internalCtx || !controller) {\n        return;\n      }\n\n      const { activeSnapIndex, snapCount } = internalCtx;\n      const current = activeSnapIndex.value;\n\n      if (event.nativeEvent.actionName === 'increment' && current < snapCount - 1) {\n        // Expand to next snap.\n        // We can't call animateToSnap directly from here — use controller-level API\n        // or set activeSnapIndex. For now, this is a best-effort accessibility hook.\n        activeSnapIndex.value = current + 1;\n      } else if (event.nativeEvent.actionName === 'decrement') {\n        if (current > 0) {\n          activeSnapIndex.value = current - 1;\n        } else {\n          // At lowest snap — dismiss.\n          controller.close();\n        }\n      }\n    },\n    [internalCtx, controller],\n  );\n\n  return (\n    <View\n      style={[internalStyles.handle, { backgroundColor: handleTokens.backgroundColor }]}\n      accessible\n      accessibilityRole=\"adjustable\"\n      accessibilityLabel=\"Sheet handle\"\n      accessibilityHint=\"Swipe up to expand, swipe down to collapse\"\n      accessibilityActions={[\n        { name: 'increment', label: 'Expand' },\n        { name: 'decrement', label: 'Collapse' },\n      ]}\n      onAccessibilityAction={handleAccessibilityAction}\n    />\n  );\n});\n\nconst internalStyles = RNStyleSheet.create({\n  handle: {\n    alignSelf: 'center',\n    width: 36,\n    height: 4,\n    borderRadius: 2,\n    marginBottom: 8,\n  },\n});\n\nexport { BottomSheetHandle };\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,oBAAoB,KAAK,SAAS,oBAAoB;AAC1D,mBAAkB,YAAY,EAAE,CAAC;CACjC,MAAM,eAAeA,WAAa,QAAQ,kBAAkB,gBAAgB;CAI5E,MAAM,cAAc,+BAA+B;CACnD,MAAM,aAAa,uBAAuB;CAE1C,MAAM,4BAA4B,aAC/B,UAAmD;AAClD,MAAI,CAAC,eAAe,CAAC,WACnB;EAGF,MAAM,EAAE,iBAAiB,cAAc;EACvC,MAAM,UAAU,gBAAgB;AAEhC,MAAI,MAAM,YAAY,eAAe,eAAe,UAAU,YAAY,EAIxE,iBAAgB,QAAQ,UAAU;WACzB,MAAM,YAAY,eAAe,YAC1C,KAAI,UAAU,EACZ,iBAAgB,QAAQ,UAAU;MAGlC,YAAW,OAAO;IAIxB,CAAC,aAAa,WAAW,CAC1B;AAED,QACE,oBAAC;EACC,OAAO,CAAC,eAAe,QAAQ,EAAE,iBAAiB,aAAa,iBAAiB,CAAC;EACjF;EACA,mBAAkB;EAClB,oBAAmB;EACnB,mBAAkB;EAClB,sBAAsB,CACpB;GAAE,MAAM;GAAa,OAAO;GAAU,EACtC;GAAE,MAAM;GAAa,OAAO;GAAY,CACzC;EACD,uBAAuB;GACvB;EAEJ;AAEF,MAAM,iBAAiBA,WAAa,OAAO,EACzC,QAAQ;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,cAAc;CACd,cAAc;CACf,EACF,CAAC"}

package/dist/components/BottomSheet/BottomSheetHeader.cjs

@@ -0,0 +1,69 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_components_Text = require('../Text.cjs');
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../../generated/styles");
+
+//#region src/components/BottomSheet/BottomSheetHeader.tsx
+/** Width of the leading/trailing action slots in pixels. */
+const SLOT_WIDTH = 40;
+/**
+* Three-column header for the bottom sheet.
+*
+* Layout: `[40px start slot] [1fr center title] [40px end slot]`.
+* Empty slots render as invisible spacers to keep the title centered.
+* Typography is read from the configurator's `bottomSheetStyles.header` tokens.
+*/
+const BottomSheetHeader = (0, react.memo)(function BottomSheetHeader({ children, start, end }) {
+	const headerTokens = react_native.StyleSheet.flatten(generated_styles.bottomSheetStyles.header);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+		style: internalStyles.container,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+				style: internalStyles.slot,
+				children: start
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+				style: internalStyles.title,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+					style: {
+						fontFamily: headerTokens.fontFamily,
+						fontSize: headerTokens.fontSize,
+						letterSpacing: headerTokens.letterSpacing,
+						lineHeight: headerTokens.lineHeight,
+						color: headerTokens.color
+					},
+					numberOfLines: 1,
+					children
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+				style: internalStyles.slot,
+				children: end
+			})
+		]
+	});
+});
+const internalStyles = react_native.StyleSheet.create({
+	container: {
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "space-between"
+	},
+	slot: {
+		width: SLOT_WIDTH,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	title: {
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center"
+	}
+});
+
+//#endregion
+exports.BottomSheetHeader = BottomSheetHeader;

package/dist/components/BottomSheet/BottomSheetHeader.d.cts

@@ -0,0 +1,16 @@
+
+import { BottomSheetHeaderProps } from "./types.cjs";
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheetHeader.d.ts
+/**
+ * Three-column header for the bottom sheet.
+ *
+ * Layout: `[40px start slot] [1fr center title] [40px end slot]`.
+ * Empty slots render as invisible spacers to keep the title centered.
+ * Typography is read from the configurator's `bottomSheetStyles.header` tokens.
+ */
+declare const BottomSheetHeader: react.NamedExoticComponent<BottomSheetHeaderProps>;
+//#endregion
+export { BottomSheetHeader };
+//# sourceMappingURL=BottomSheetHeader.d.cts.map

package/dist/components/BottomSheet/BottomSheetHeader.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetHeader.tsx"],"mappings":";;;;;;;;AAK+E;;;;cAYzE,iBAAA,EAAiB,KAAA,CAAA,oBAAA,CAAA,sBAAA"}

package/dist/components/BottomSheet/BottomSheetHeader.d.ts

@@ -0,0 +1,16 @@
+
+import { BottomSheetHeaderProps } from "./types.js";
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheetHeader.d.ts
+/**
+ * Three-column header for the bottom sheet.
+ *
+ * Layout: `[40px start slot] [1fr center title] [40px end slot]`.
+ * Empty slots render as invisible spacers to keep the title centered.
+ * Typography is read from the configurator's `bottomSheetStyles.header` tokens.
+ */
+declare const BottomSheetHeader: react.NamedExoticComponent<BottomSheetHeaderProps>;
+//#endregion
+export { BottomSheetHeader };
+//# sourceMappingURL=BottomSheetHeader.d.ts.map

package/dist/components/BottomSheet/BottomSheetHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.d.ts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetHeader.tsx"],"mappings":";;;;;;;;AAK+E;;;;cAYzE,iBAAA,EAAiB,KAAA,CAAA,oBAAA,CAAA,sBAAA"}

package/dist/components/BottomSheet/BottomSheetHeader.js

@@ -0,0 +1,68 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Text as Text$1 } from "../Text.js";
+import { memo } from "react";
+import { StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { bottomSheetStyles } from "../../../generated/styles";
+
+//#region src/components/BottomSheet/BottomSheetHeader.tsx
+/** Width of the leading/trailing action slots in pixels. */
+const SLOT_WIDTH = 40;
+/**
+* Three-column header for the bottom sheet.
+*
+* Layout: `[40px start slot] [1fr center title] [40px end slot]`.
+* Empty slots render as invisible spacers to keep the title centered.
+* Typography is read from the configurator's `bottomSheetStyles.header` tokens.
+*/
+const BottomSheetHeader = memo(function BottomSheetHeader({ children, start, end }) {
+	const headerTokens = StyleSheet.flatten(bottomSheetStyles.header);
+	return /* @__PURE__ */ jsxs(View, {
+		style: internalStyles.container,
+		children: [
+			/* @__PURE__ */ jsx(View, {
+				style: internalStyles.slot,
+				children: start
+			}),
+			/* @__PURE__ */ jsx(View, {
+				style: internalStyles.title,
+				children: /* @__PURE__ */ jsx(Text$1, {
+					style: {
+						fontFamily: headerTokens.fontFamily,
+						fontSize: headerTokens.fontSize,
+						letterSpacing: headerTokens.letterSpacing,
+						lineHeight: headerTokens.lineHeight,
+						color: headerTokens.color
+					},
+					numberOfLines: 1,
+					children
+				})
+			}),
+			/* @__PURE__ */ jsx(View, {
+				style: internalStyles.slot,
+				children: end
+			})
+		]
+	});
+});
+const internalStyles = StyleSheet.create({
+	container: {
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "space-between"
+	},
+	slot: {
+		width: SLOT_WIDTH,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	title: {
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center"
+	}
+});
+
+//#endregion
+export { BottomSheetHeader };
+//# sourceMappingURL=BottomSheetHeader.js.map

package/dist/components/BottomSheet/BottomSheetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.js","names":["Text"],"sources":["../../../src/components/BottomSheet/BottomSheetHeader.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { bottomSheetStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\nimport type { BottomSheetHeaderProps, BottomSheetHeaderTokens } from './types';\n\n/** Width of the leading/trailing action slots in pixels. */\nconst SLOT_WIDTH = 40;\n\n/**\n * Three-column header for the bottom sheet.\n *\n * Layout: `[40px start slot] [1fr center title] [40px end slot]`.\n * Empty slots render as invisible spacers to keep the title centered.\n * Typography is read from the configurator's `bottomSheetStyles.header` tokens.\n */\nconst BottomSheetHeader = memo(function BottomSheetHeader({\n  children,\n  start,\n  end,\n}: BottomSheetHeaderProps) {\n  const headerTokens = StyleSheet.flatten(bottomSheetStyles.header) as BottomSheetHeaderTokens;\n\n  return (\n    <View style={internalStyles.container}>\n      <View style={internalStyles.slot}>{start}</View>\n      <View style={internalStyles.title}>\n        <Text\n          style={{\n            fontFamily: headerTokens.fontFamily,\n            fontSize: headerTokens.fontSize,\n            letterSpacing: headerTokens.letterSpacing,\n            lineHeight: headerTokens.lineHeight,\n            color: headerTokens.color,\n          }}\n          numberOfLines={1}\n        >\n          {children}\n        </Text>\n      </View>\n      <View style={internalStyles.slot}>{end}</View>\n    </View>\n  );\n});\n\nconst internalStyles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  slot: {\n    width: SLOT_WIDTH,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  title: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport { BottomSheetHeader };\n"],"mappings":";;;;;;;;;AAQA,MAAM,aAAa;;;;;;;;AASnB,MAAM,oBAAoB,KAAK,SAAS,kBAAkB,EACxD,UACA,OACA,OACyB;CACzB,MAAM,eAAe,WAAW,QAAQ,kBAAkB,OAAO;AAEjE,QACE,qBAAC;EAAK,OAAO,eAAe;;GAC1B,oBAAC;IAAK,OAAO,eAAe;cAAO;KAAa;GAChD,oBAAC;IAAK,OAAO,eAAe;cAC1B,oBAACA;KACC,OAAO;MACL,YAAY,aAAa;MACzB,UAAU,aAAa;MACvB,eAAe,aAAa;MAC5B,YAAY,aAAa;MACzB,OAAO,aAAa;MACrB;KACD,eAAe;KAEd;MACI;KACF;GACP,oBAAC;IAAK,OAAO,eAAe;cAAO;KAAW;;GACzC;EAET;AAEF,MAAM,iBAAiB,WAAW,OAAO;CACvC,WAAW;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EACjB;CACD,MAAM;EACJ,OAAO;EACP,YAAY;EACZ,gBAAgB;EACjB;CACD,OAAO;EACL,MAAM;EACN,YAAY;EACZ,gBAAgB;EACjB;CACF,CAAC"}

package/dist/components/BottomSheet/BottomSheetInternalProvider.cjs

@@ -0,0 +1,26 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/BottomSheet/BottomSheetInternalProvider.tsx
+const BottomSheetInternalContext = (0, react.createContext)(null);
+function BottomSheetInternalProvider({ children, value }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetInternalContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Reads the internal scroll/gesture coordination context.
+* Returns `null` when rendered outside a `<BottomSheet>`.
+* @internal
+*/
+function useBottomSheetInternalContext() {
+	return (0, react.useContext)(BottomSheetInternalContext);
+}
+
+//#endregion
+exports.BottomSheetInternalProvider = BottomSheetInternalProvider;
+exports.useBottomSheetInternalContext = useBottomSheetInternalContext;

package/dist/components/BottomSheet/BottomSheetInternalProvider.d.cts

@@ -0,0 +1,23 @@
+
+import { BottomSheetInternalContextValue } from "./types.cjs";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/BottomSheet/BottomSheetInternalProvider.d.ts
+interface Props {
+  children: ReactNode;
+  value: BottomSheetInternalContextValue;
+}
+declare function BottomSheetInternalProvider({
+  children,
+  value
+}: Props): react.JSX.Element;
+/**
+ * Reads the internal scroll/gesture coordination context.
+ * Returns `null` when rendered outside a `<BottomSheet>`.
+ * @internal
+ */
+declare function useBottomSheetInternalContext(): BottomSheetInternalContextValue | null;
+//#endregion
+export { BottomSheetInternalProvider, useBottomSheetInternalContext };
+//# sourceMappingURL=BottomSheetInternalProvider.d.cts.map

package/dist/components/BottomSheet/BottomSheetInternalProvider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetInternalProvider.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetInternalProvider.tsx"],"mappings":";;;;;;UAOU,KAAA;EACR,QAAA,EAAU,SAAA;EACV,KAAA,EAAO,+BAAA;AAAA;AAAA,iBAGA,2BAAA,CAAA;EAA8B,QAAA;EAAU;AAAA,GAAS,KAAA,GAAK,KAAA,CAAA,GAAA,CAAA,OAAA;;;;;;iBAatD,6BAAA,CAAA,GAAiC,+BAAA"}

package/dist/components/BottomSheet/BottomSheetInternalProvider.d.ts

@@ -0,0 +1,23 @@
+
+import { BottomSheetInternalContextValue } from "./types.js";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/BottomSheet/BottomSheetInternalProvider.d.ts
+interface Props {
+  children: ReactNode;
+  value: BottomSheetInternalContextValue;
+}
+declare function BottomSheetInternalProvider({
+  children,
+  value
+}: Props): react.JSX.Element;
+/**
+ * Reads the internal scroll/gesture coordination context.
+ * Returns `null` when rendered outside a `<BottomSheet>`.
+ * @internal
+ */
+declare function useBottomSheetInternalContext(): BottomSheetInternalContextValue | null;
+//#endregion
+export { BottomSheetInternalProvider, useBottomSheetInternalContext };
+//# sourceMappingURL=BottomSheetInternalProvider.d.ts.map

package/dist/components/BottomSheet/BottomSheetInternalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetInternalProvider.d.ts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetInternalProvider.tsx"],"mappings":";;;;;;UAOU,KAAA;EACR,QAAA,EAAU,SAAA;EACV,KAAA,EAAO,+BAAA;AAAA;AAAA,iBAGA,2BAAA,CAAA;EAA8B,QAAA;EAAU;AAAA,GAAS,KAAA,GAAK,KAAA,CAAA,GAAA,CAAA,OAAA;;;;;;iBAatD,6BAAA,CAAA,GAAiC,+BAAA"}

package/dist/components/BottomSheet/BottomSheetInternalProvider.js

@@ -0,0 +1,24 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/BottomSheet/BottomSheetInternalProvider.tsx
+const BottomSheetInternalContext = createContext(null);
+function BottomSheetInternalProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(BottomSheetInternalContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Reads the internal scroll/gesture coordination context.
+* Returns `null` when rendered outside a `<BottomSheet>`.
+* @internal
+*/
+function useBottomSheetInternalContext() {
+	return useContext(BottomSheetInternalContext);
+}
+
+//#endregion
+export { BottomSheetInternalProvider, useBottomSheetInternalContext };
+//# sourceMappingURL=BottomSheetInternalProvider.js.map

package/dist/components/BottomSheet/BottomSheetInternalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetInternalProvider.js","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetInternalProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { BottomSheetInternalContextValue } from './types';\n\nconst BottomSheetInternalContext = createContext<BottomSheetInternalContextValue | null>(null);\n\ninterface Props {\n  children: ReactNode;\n  value: BottomSheetInternalContextValue;\n}\n\nfunction BottomSheetInternalProvider({ children, value }: Props) {\n  return (\n    <BottomSheetInternalContext.Provider value={value}>\n      {children}\n    </BottomSheetInternalContext.Provider>\n  );\n}\n\n/**\n * Reads the internal scroll/gesture coordination context.\n * Returns `null` when rendered outside a `<BottomSheet>`.\n * @internal\n */\nfunction useBottomSheetInternalContext(): BottomSheetInternalContextValue | null {\n  return useContext(BottomSheetInternalContext);\n}\n\nexport { BottomSheetInternalProvider, useBottomSheetInternalContext };\n"],"mappings":";;;;;AAKA,MAAM,6BAA6B,cAAsD,KAAK;AAO9F,SAAS,4BAA4B,EAAE,UAAU,SAAgB;AAC/D,QACE,oBAAC,2BAA2B;EAAgB;EACzC;GACmC;;;;;;;AAS1C,SAAS,gCAAwE;AAC/E,QAAO,WAAW,2BAA2B"}

package/dist/components/BottomSheet/BottomSheetProvider.cjs

@@ -0,0 +1,33 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_components_BottomSheet_useBottomSheetStore = require('./useBottomSheetStore.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/BottomSheet/BottomSheetProvider.tsx
+const BottomSheetContext = (0, react.createContext)(null);
+/**
+* Provides a BottomSheetController to all descendants via React context.
+*
+* Accepts an optional `controller` prop. If omitted, creates an internal store.
+* All descendants (BottomSheet, BottomSheetTrigger, BottomSheetDismiss) resolve
+* the same store from this context.
+*/
+function BottomSheetProvider({ children, controller }) {
+	const fallbackStore = require_components_BottomSheet_useBottomSheetStore.useBottomSheetStore();
+	const store = controller ?? fallbackStore;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetContext.Provider, {
+		value: store,
+		children
+	});
+}
+BottomSheetProvider.displayName = "BottomSheetProvider";
+/** @internal — read the controller from context. Returns null if no provider. */
+function useBottomSheetContext() {
+	return (0, react.useContext)(BottomSheetContext);
+}
+
+//#endregion
+exports.BottomSheetProvider = BottomSheetProvider;
+exports.useBottomSheetContext = useBottomSheetContext;

package/dist/components/BottomSheet/BottomSheetProvider.d.cts

@@ -0,0 +1,24 @@
+
+import { BottomSheetController, BottomSheetProviderProps } from "./types.cjs";
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheetProvider.d.ts
+/**
+ * Provides a BottomSheetController to all descendants via React context.
+ *
+ * Accepts an optional `controller` prop. If omitted, creates an internal store.
+ * All descendants (BottomSheet, BottomSheetTrigger, BottomSheetDismiss) resolve
+ * the same store from this context.
+ */
+declare function BottomSheetProvider({
+  children,
+  controller
+}: BottomSheetProviderProps): react.JSX.Element;
+declare namespace BottomSheetProvider {
+  var displayName: string;
+}
+/** @internal — read the controller from context. Returns null if no provider. */
+declare function useBottomSheetContext(): BottomSheetController | null;
+//#endregion
+export { BottomSheetProvider, useBottomSheetContext };
+//# sourceMappingURL=BottomSheetProvider.d.cts.map

package/dist/components/BottomSheet/BottomSheetProvider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetProvider.d.cts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetProvider.tsx"],"mappings":";;;;;;;;AAE+E;;;;iBAYtE,mBAAA,CAAA;EAAsB,QAAA;EAAU;AAAA,GAAc,wBAAA,GAAwB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAtE,mBAAA;EAAA,IAAmB,WAAA;AAAA;;iBAUnB,qBAAA,CAAA,GAAyB,qBAAA"}

package/dist/components/BottomSheet/BottomSheetProvider.d.ts

@@ -0,0 +1,24 @@
+
+import { BottomSheetController, BottomSheetProviderProps } from "./types.js";
+import * as react from "react";
+
+//#region src/components/BottomSheet/BottomSheetProvider.d.ts
+/**
+ * Provides a BottomSheetController to all descendants via React context.
+ *
+ * Accepts an optional `controller` prop. If omitted, creates an internal store.
+ * All descendants (BottomSheet, BottomSheetTrigger, BottomSheetDismiss) resolve
+ * the same store from this context.
+ */
+declare function BottomSheetProvider({
+  children,
+  controller
+}: BottomSheetProviderProps): react.JSX.Element;
+declare namespace BottomSheetProvider {
+  var displayName: string;
+}
+/** @internal — read the controller from context. Returns null if no provider. */
+declare function useBottomSheetContext(): BottomSheetController | null;
+//#endregion
+export { BottomSheetProvider, useBottomSheetContext };
+//# sourceMappingURL=BottomSheetProvider.d.ts.map

package/dist/components/BottomSheet/BottomSheetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetProvider.d.ts","names":[],"sources":["../../../src/components/BottomSheet/BottomSheetProvider.tsx"],"mappings":";;;;;;;;AAE+E;;;;iBAYtE,mBAAA,CAAA;EAAsB,QAAA;EAAU;AAAA,GAAc,wBAAA,GAAwB,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAtE,mBAAA;EAAA,IAAmB,WAAA;AAAA;;iBAUnB,qBAAA,CAAA,GAAyB,qBAAA"}