@yahoo/uds-mobile 2.3.3 → 2.4.0

package/dist/components/Pressable.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 import { memo, useCallback } from "react";
 import { Pressable as Pressable$1 } from "react-native";
-import { styles } from "../../generated/styles";
 import { jsx } from "react/jsx-runtime";
+import { styles } from "../../generated/styles";
 import Animated from "react-native-reanimated";
 
 //#region src/components/Pressable.tsx

package/dist/components/Radio.cjs

@@ -8,8 +8,8 @@ const require_components_HStack = require('./HStack.cjs');
 const require_components_Pressable = require('./Pressable.cjs');
 let react = require("react");
 let react_native = require("react-native");
-let generated_styles = require("../../generated/styles");
 let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../generated/styles");
 let react_native_reanimated = require("react-native-reanimated");
 react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 

package/dist/components/Radio.js

@@ -6,8 +6,8 @@ import { HStack } from "./HStack.js";
 import { Pressable as Pressable$1 } from "./Pressable.js";
 import { isValidElement, memo, useCallback, useId, useMemo, useState } from "react";
 import { View } from "react-native";
-import { radioStyles } from "../../generated/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { radioStyles } from "../../generated/styles";
 import Animated, { useAnimatedStyle, useDerivedValue, withSpring } from "react-native-reanimated";
 
 //#region src/components/Radio.tsx

package/dist/components/Screen.cjs

@@ -5,9 +5,9 @@ const require_components_HStack = require('./HStack.cjs');
 const require_components_VStack = require('./VStack.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");
 let react_native_unistyles = require("react-native-unistyles");
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Screen.tsx
 /**

package/dist/components/Screen.js

@@ -3,9 +3,9 @@ import { HStack } from "./HStack.js";
 import { VStack } from "./VStack.js";
 import { memo, useMemo } from "react";
 import { ScrollView } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { styles } from "../../generated/styles";
 import { StyleSheet as StyleSheet$1 } from "react-native-unistyles";
-import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Screen.tsx
 /**

package/dist/components/Scrim.cjs

@@ -0,0 +1,73 @@
+/*! © 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_Box = require('./Box.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");
+let react_native_reanimated = require("react-native-reanimated");
+react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
+let react_native_gesture_handler = require("react-native-gesture-handler");
+
+//#region src/components/Scrim.tsx
+/**
+* Semi-transparent backdrop for modal overlays.
+*
+* Reads `backgroundColor` and `opacity` from the configurator's scrim tokens.
+* Opacity is interpolated between 0 (closed) and the token value (open) based
+* on the content's current `translateY` position.
+*
+* @example
+* ```tsx
+* <Scrim
+*   translateY={translateY}
+*   openTranslateY={openY}
+*   closedTranslateY={closedY}
+*   dismissible
+*   onDismiss={handleDismiss}
+* />
+* ```
+*/
+const Scrim = (0, react.memo)(function Scrim({ translateY, openTranslateY, closedTranslateY, dismissible, onDismiss, blurTarget }) {
+	generated_styles.scrimStyles.useVariants({});
+	const scrimTokens = react_native.StyleSheet.flatten(generated_styles.scrimStyles.root);
+	const targetColor = scrimTokens.backgroundColor ?? "rgba(0, 0, 0, 1)";
+	const targetOpacity = scrimTokens.opacity ?? .2;
+	const blurIntensity = scrimTokens.backgroundBlurRadius ?? 0;
+	const showBlur = blurIntensity > 0 && (react_native.Platform.OS === "ios" || blurTarget != null);
+	const handleDismiss = (0, react.useCallback)(() => {
+		onDismiss();
+	}, [onDismiss]);
+	const animatedColorStyle = (0, react_native_reanimated.useAnimatedStyle)(() => {
+		return { opacity: (0, react_native_reanimated.interpolate)(translateY.value, [openTranslateY, closedTranslateY], [targetOpacity, 0], "clamp") };
+	});
+	const animatedBlurStyle = (0, react_native_reanimated.useAnimatedStyle)(() => {
+		return { opacity: (0, react_native_reanimated.interpolate)(translateY.value, [openTranslateY, closedTranslateY], [1, 0], "clamp") };
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_gesture_handler.GestureDetector, {
+		gesture: react_native_gesture_handler.Gesture.Tap().enabled(dismissible).onEnd(() => {
+			"worklet";
+			(0, react_native_reanimated.runOnJS)(handleDismiss)();
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+			style: internalStyles.scrim,
+			children: [showBlur && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, {
+				style: [react_native.StyleSheet.absoluteFill, animatedBlurStyle],
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+					style: react_native.StyleSheet.absoluteFill,
+					blur: blurIntensity,
+					blurTarget
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, { style: [
+				react_native.StyleSheet.absoluteFill,
+				{ backgroundColor: targetColor },
+				animatedColorStyle
+			] })]
+		})
+	});
+});
+const internalStyles = react_native.StyleSheet.create({ scrim: { ...react_native.StyleSheet.absoluteFill } });
+
+//#endregion
+exports.Scrim = Scrim;

package/dist/components/Scrim.d.cts

@@ -0,0 +1,43 @@
+
+import * as react from "react";
+import { RefObject } from "react";
+import { View } from "react-native";
+import { SharedValue } from "react-native-reanimated";
+
+//#region src/components/Scrim.d.ts
+interface ScrimProps {
+  /** Animated translateY position of the overlaying content (UI-thread shared value). */
+  translateY: SharedValue<number>;
+  /** `translateY` value when the content is at its open position. */
+  openTranslateY: number;
+  /** `translateY` value when the content is fully closed / off-screen. */
+  closedTranslateY: number;
+  /** Whether tapping the scrim dismisses the content. */
+  dismissible: boolean;
+  /** Callback invoked when the scrim is tapped and `dismissible` is `true`. */
+  onDismiss: () => void;
+  /** Ref to a `<BlurTarget>` view for Android backdrop blur. Not needed on iOS. */
+  blurTarget?: RefObject<View | null>;
+}
+/**
+ * Semi-transparent backdrop for modal overlays.
+ *
+ * Reads `backgroundColor` and `opacity` from the configurator's scrim tokens.
+ * Opacity is interpolated between 0 (closed) and the token value (open) based
+ * on the content's current `translateY` position.
+ *
+ * @example
+ * ```tsx
+ * <Scrim
+ *   translateY={translateY}
+ *   openTranslateY={openY}
+ *   closedTranslateY={closedY}
+ *   dismissible
+ *   onDismiss={handleDismiss}
+ * />
+ * ```
+ */
+declare const Scrim: react.NamedExoticComponent<ScrimProps>;
+//#endregion
+export { Scrim, type ScrimProps };
+//# sourceMappingURL=Scrim.d.cts.map

package/dist/components/Scrim.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrim.d.cts","names":[],"sources":["../../src/components/Scrim.tsx"],"mappings":";;;;;;;UAgBU,UAAA;;EAER,UAAA,EAAY,WAAA;EAFJ;EAIR,cAAA;;EAEA,gBAAA;EAMuB;EAJvB,WAAA;EAIsB;EAFtB,SAAA;EARA;EAUA,UAAA,GAAa,SAAA,CAAU,IAAA;AAAA;;;;;;;;;AAAI;;;;;;;;;;cAqBvB,KAAA,EAAK,KAAA,CAAA,oBAAA,CAAA,UAAA"}

package/dist/components/Scrim.d.ts

@@ -0,0 +1,43 @@
+
+import * as react from "react";
+import { RefObject } from "react";
+import { View } from "react-native";
+import { SharedValue } from "react-native-reanimated";
+
+//#region src/components/Scrim.d.ts
+interface ScrimProps {
+  /** Animated translateY position of the overlaying content (UI-thread shared value). */
+  translateY: SharedValue<number>;
+  /** `translateY` value when the content is at its open position. */
+  openTranslateY: number;
+  /** `translateY` value when the content is fully closed / off-screen. */
+  closedTranslateY: number;
+  /** Whether tapping the scrim dismisses the content. */
+  dismissible: boolean;
+  /** Callback invoked when the scrim is tapped and `dismissible` is `true`. */
+  onDismiss: () => void;
+  /** Ref to a `<BlurTarget>` view for Android backdrop blur. Not needed on iOS. */
+  blurTarget?: RefObject<View | null>;
+}
+/**
+ * Semi-transparent backdrop for modal overlays.
+ *
+ * Reads `backgroundColor` and `opacity` from the configurator's scrim tokens.
+ * Opacity is interpolated between 0 (closed) and the token value (open) based
+ * on the content's current `translateY` position.
+ *
+ * @example
+ * ```tsx
+ * <Scrim
+ *   translateY={translateY}
+ *   openTranslateY={openY}
+ *   closedTranslateY={closedY}
+ *   dismissible
+ *   onDismiss={handleDismiss}
+ * />
+ * ```
+ */
+declare const Scrim: react.NamedExoticComponent<ScrimProps>;
+//#endregion
+export { Scrim, type ScrimProps };
+//# sourceMappingURL=Scrim.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scrim.d.ts","names":[],"sources":["../../src/components/Scrim.tsx"],"mappings":";;;;;;;UAgBU,UAAA;;EAER,UAAA,EAAY,WAAA;EAFJ;EAIR,cAAA;;EAEA,gBAAA;EAMuB;EAJvB,WAAA;EAIsB;EAFtB,SAAA;EARA;EAUA,UAAA,GAAa,SAAA,CAAU,IAAA;AAAA;;;;;;;;;AAAI;;;;;;;;;;cAqBvB,KAAA,EAAK,KAAA,CAAA,oBAAA,CAAA,UAAA"}

package/dist/components/Scrim.js

@@ -0,0 +1,71 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Box } from "./Box.js";
+import { memo, useCallback } from "react";
+import { Platform, StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { scrimStyles } from "../../generated/styles";
+import Animated, { interpolate, runOnJS, useAnimatedStyle } from "react-native-reanimated";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+
+//#region src/components/Scrim.tsx
+/**
+* Semi-transparent backdrop for modal overlays.
+*
+* Reads `backgroundColor` and `opacity` from the configurator's scrim tokens.
+* Opacity is interpolated between 0 (closed) and the token value (open) based
+* on the content's current `translateY` position.
+*
+* @example
+* ```tsx
+* <Scrim
+*   translateY={translateY}
+*   openTranslateY={openY}
+*   closedTranslateY={closedY}
+*   dismissible
+*   onDismiss={handleDismiss}
+* />
+* ```
+*/
+const Scrim = memo(function Scrim({ translateY, openTranslateY, closedTranslateY, dismissible, onDismiss, blurTarget }) {
+	scrimStyles.useVariants({});
+	const scrimTokens = StyleSheet.flatten(scrimStyles.root);
+	const targetColor = scrimTokens.backgroundColor ?? "rgba(0, 0, 0, 1)";
+	const targetOpacity = scrimTokens.opacity ?? .2;
+	const blurIntensity = scrimTokens.backgroundBlurRadius ?? 0;
+	const showBlur = blurIntensity > 0 && (Platform.OS === "ios" || blurTarget != null);
+	const handleDismiss = useCallback(() => {
+		onDismiss();
+	}, [onDismiss]);
+	const animatedColorStyle = useAnimatedStyle(() => {
+		return { opacity: interpolate(translateY.value, [openTranslateY, closedTranslateY], [targetOpacity, 0], "clamp") };
+	});
+	const animatedBlurStyle = useAnimatedStyle(() => {
+		return { opacity: interpolate(translateY.value, [openTranslateY, closedTranslateY], [1, 0], "clamp") };
+	});
+	return /* @__PURE__ */ jsx(GestureDetector, {
+		gesture: Gesture.Tap().enabled(dismissible).onEnd(() => {
+			"worklet";
+			runOnJS(handleDismiss)();
+		}),
+		children: /* @__PURE__ */ jsxs(View, {
+			style: internalStyles.scrim,
+			children: [showBlur && /* @__PURE__ */ jsx(Animated.View, {
+				style: [StyleSheet.absoluteFill, animatedBlurStyle],
+				children: /* @__PURE__ */ jsx(Box, {
+					style: StyleSheet.absoluteFill,
+					blur: blurIntensity,
+					blurTarget
+				})
+			}), /* @__PURE__ */ jsx(Animated.View, { style: [
+				StyleSheet.absoluteFill,
+				{ backgroundColor: targetColor },
+				animatedColorStyle
+			] })]
+		})
+	});
+});
+const internalStyles = StyleSheet.create({ scrim: { ...StyleSheet.absoluteFill } });
+
+//#endregion
+export { Scrim };
+//# sourceMappingURL=Scrim.js.map

package/dist/components/Scrim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrim.js","names":[],"sources":["../../src/components/Scrim.tsx"],"sourcesContent":["import type { RefObject } from 'react';\nimport { memo, useCallback } from 'react';\nimport { Platform, StyleSheet, View } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport type { SharedValue } from 'react-native-reanimated';\nimport Animated, { interpolate, runOnJS, useAnimatedStyle } from 'react-native-reanimated';\n\nimport { scrimStyles } from '../../generated/styles';\nimport { Box } from './Box';\n\ninterface ScrimRootTokens {\n  backgroundColor?: string;\n  backgroundBlurRadius?: number;\n  opacity?: number;\n}\n\ninterface ScrimProps {\n  /** Animated translateY position of the overlaying content (UI-thread shared value). */\n  translateY: SharedValue<number>;\n  /** `translateY` value when the content is at its open position. */\n  openTranslateY: number;\n  /** `translateY` value when the content is fully closed / off-screen. */\n  closedTranslateY: number;\n  /** Whether tapping the scrim dismisses the content. */\n  dismissible: boolean;\n  /** Callback invoked when the scrim is tapped and `dismissible` is `true`. */\n  onDismiss: () => void;\n  /** Ref to a `<BlurTarget>` view for Android backdrop blur. Not needed on iOS. */\n  blurTarget?: RefObject<View | null>;\n}\n\n/**\n * Semi-transparent backdrop for modal overlays.\n *\n * Reads `backgroundColor` and `opacity` from the configurator's scrim tokens.\n * Opacity is interpolated between 0 (closed) and the token value (open) based\n * on the content's current `translateY` position.\n *\n * @example\n * ```tsx\n * <Scrim\n *   translateY={translateY}\n *   openTranslateY={openY}\n *   closedTranslateY={closedY}\n *   dismissible\n *   onDismiss={handleDismiss}\n * />\n * ```\n */\nconst Scrim = memo(function Scrim({\n  translateY,\n  openTranslateY,\n  closedTranslateY,\n  dismissible,\n  onDismiss,\n  blurTarget,\n}: ScrimProps) {\n  scrimStyles.useVariants({});\n  const scrimTokens = StyleSheet.flatten(scrimStyles.root) as ScrimRootTokens;\n  const targetColor = scrimTokens.backgroundColor ?? 'rgba(0, 0, 0, 1)';\n  const targetOpacity = scrimTokens.opacity ?? 0.2;\n  const blurIntensity = scrimTokens.backgroundBlurRadius ?? 0;\n  // iOS blur works without a target; Android requires a blurTarget ref.\n  const showBlur = blurIntensity > 0 && (Platform.OS === 'ios' || blurTarget != null);\n\n  const handleDismiss = useCallback(() => {\n    onDismiss();\n  }, [onDismiss]);\n\n  const animatedColorStyle = useAnimatedStyle(() => {\n    const opacity = interpolate(\n      translateY.value,\n      [openTranslateY, closedTranslateY],\n      [targetOpacity, 0],\n      'clamp',\n    );\n\n    return { opacity };\n  });\n\n  // Blur needs its own opacity animation (1 → 0) separate from the color overlay.\n  // On iOS, UIVisualEffectView breaks if its parent rests at a fractional opacity.\n  const animatedBlurStyle = useAnimatedStyle(() => {\n    const opacity = interpolate(\n      translateY.value,\n      [openTranslateY, closedTranslateY],\n      [1, 0],\n      'clamp',\n    );\n\n    return { opacity };\n  });\n\n  // Tap gesture on scrim for dismissal.\n  const tapGesture = Gesture.Tap()\n    .enabled(dismissible)\n    .onEnd(() => {\n      'worklet';\n      runOnJS(handleDismiss)();\n    });\n\n  return (\n    <GestureDetector gesture={tapGesture}>\n      <View style={internalStyles.scrim}>\n        {showBlur && (\n          <Animated.View style={[StyleSheet.absoluteFill, animatedBlurStyle]}>\n            <Box style={StyleSheet.absoluteFill} blur={blurIntensity} blurTarget={blurTarget} />\n          </Animated.View>\n        )}\n        <Animated.View\n          style={[StyleSheet.absoluteFill, { backgroundColor: targetColor }, animatedColorStyle]}\n        />\n      </View>\n    </GestureDetector>\n  );\n});\n\nconst internalStyles = StyleSheet.create({\n  scrim: {\n    ...StyleSheet.absoluteFill,\n  },\n});\n\nexport { Scrim };\nexport type { ScrimProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,QAAQ,KAAK,SAAS,MAAM,EAChC,YACA,gBACA,kBACA,aACA,WACA,cACa;AACb,aAAY,YAAY,EAAE,CAAC;CAC3B,MAAM,cAAc,WAAW,QAAQ,YAAY,KAAK;CACxD,MAAM,cAAc,YAAY,mBAAmB;CACnD,MAAM,gBAAgB,YAAY,WAAW;CAC7C,MAAM,gBAAgB,YAAY,wBAAwB;CAE1D,MAAM,WAAW,gBAAgB,MAAM,SAAS,OAAO,SAAS,cAAc;CAE9E,MAAM,gBAAgB,kBAAkB;AACtC,aAAW;IACV,CAAC,UAAU,CAAC;CAEf,MAAM,qBAAqB,uBAAuB;AAQhD,SAAO,EAAE,SAPO,YACd,WAAW,OACX,CAAC,gBAAgB,iBAAiB,EAClC,CAAC,eAAe,EAAE,EAClB,QACD,EAEiB;GAClB;CAIF,MAAM,oBAAoB,uBAAuB;AAQ/C,SAAO,EAAE,SAPO,YACd,WAAW,OACX,CAAC,gBAAgB,iBAAiB,EAClC,CAAC,GAAG,EAAE,EACN,QACD,EAEiB;GAClB;AAUF,QACE,oBAAC;EAAgB,SARA,QAAQ,KAAK,CAC7B,QAAQ,YAAY,CACpB,YAAY;AACX;AACA,WAAQ,cAAc,EAAE;IACxB;YAIA,qBAAC;GAAK,OAAO,eAAe;cACzB,YACC,oBAAC,SAAS;IAAK,OAAO,CAAC,WAAW,cAAc,kBAAkB;cAChE,oBAAC;KAAI,OAAO,WAAW;KAAc,MAAM;KAA2B;MAAc;KACtE,EAElB,oBAAC,SAAS,QACR,OAAO;IAAC,WAAW;IAAc,EAAE,iBAAiB,aAAa;IAAE;IAAmB,GACtF;IACG;GACS;EAEpB;AAEF,MAAM,iBAAiB,WAAW,OAAO,EACvC,OAAO,EACL,GAAG,WAAW,cACf,EACF,CAAC"}

package/dist/components/Switch.cjs

@@ -6,9 +6,9 @@ const require_components_Text = require('./Text.cjs');
 const require_components_HStack = require('./HStack.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");
 let react_native_unistyles = require("react-native-unistyles");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react_native_reanimated = require("react-native-reanimated");
 react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 let react_native_unistyles_reanimated = require("react-native-unistyles/reanimated");

package/dist/components/Switch.js

@@ -4,9 +4,9 @@ import { Text as Text$1 } from "./Text.js";
 import { HStack } from "./HStack.js";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { AccessibilityInfo, Pressable } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { switchStyles } from "../../generated/styles";
 import { StyleSheet as StyleSheet$1 } from "react-native-unistyles";
-import { jsx, jsxs } from "react/jsx-runtime";
 import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
 import { useAnimatedVariantColor } from "react-native-unistyles/reanimated";
 

package/dist/components/Text.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 let react_native = require("react-native");
-let generated_styles = require("../../generated/styles");
 let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../generated/styles");
 
 //#region src/components/Text.tsx
 /**

package/dist/components/Text.js

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 import { memo, useMemo } from "react";
 import { Text as Text$1 } from "react-native";
-import { styles } from "../../generated/styles";
 import { jsx } from "react/jsx-runtime";
+import { styles } from "../../generated/styles";
 
 //#region src/components/Text.tsx
 /**

package/dist/components/UDSProvider.cjs

@@ -0,0 +1,38 @@
+/*! © 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_portal = require('../portal.cjs');
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_gesture_handler = require("react-native-gesture-handler");
+
+//#region src/components/UDSProvider.tsx
+/**
+* Root provider for UDS Mobile.
+*
+* Place this at the top of your app layout:
+*
+* @example
+* ```tsx
+* import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+*
+* export default function RootLayout() {
+*   return (
+*     <UDSProvider>
+*       <Stack />
+*     </UDSProvider>
+*   );
+* }
+* ```
+*/
+const UDSProvider = (0, react.memo)(function UDSProvider({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_gesture_handler.GestureHandlerRootView, {
+		style: styles.root,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal.PortalProvider, { children })
+	});
+});
+const styles = react_native.StyleSheet.create({ root: { flex: 1 } });
+
+//#endregion
+exports.UDSProvider = UDSProvider;

package/dist/components/UDSProvider.d.cts

@@ -0,0 +1,30 @@
+
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/UDSProvider.d.ts
+interface UDSProviderProps {
+  children: ReactNode;
+}
+/**
+ * Root provider for UDS Mobile.
+ *
+ * Place this at the top of your app layout:
+ *
+ * @example
+ * ```tsx
+ * import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <UDSProvider>
+ *       <Stack />
+ *     </UDSProvider>
+ *   );
+ * }
+ * ```
+ */
+declare const UDSProvider: react.NamedExoticComponent<UDSProviderProps>;
+//#endregion
+export { UDSProvider, type UDSProviderProps };
+//# sourceMappingURL=UDSProvider.d.cts.map

package/dist/components/UDSProvider.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UDSProvider.d.cts","names":[],"sources":["../../src/components/UDSProvider.tsx"],"mappings":";;;;;UAOU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAR2B;;;;;AAQlB;;;;;;;;;;;;;AARkB,cA6BjC,WAAA,EAAW,KAAA,CAAA,oBAAA,CAAA,gBAAA"}

package/dist/components/UDSProvider.d.ts

@@ -0,0 +1,30 @@
+
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/UDSProvider.d.ts
+interface UDSProviderProps {
+  children: ReactNode;
+}
+/**
+ * Root provider for UDS Mobile.
+ *
+ * Place this at the top of your app layout:
+ *
+ * @example
+ * ```tsx
+ * import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <UDSProvider>
+ *       <Stack />
+ *     </UDSProvider>
+ *   );
+ * }
+ * ```
+ */
+declare const UDSProvider: react.NamedExoticComponent<UDSProviderProps>;
+//#endregion
+export { UDSProvider, type UDSProviderProps };
+//# sourceMappingURL=UDSProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UDSProvider.d.ts","names":[],"sources":["../../src/components/UDSProvider.tsx"],"mappings":";;;;;UAOU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAR2B;;;;;AAQlB;;;;;;;;;;;;;AARkB,cA6BjC,WAAA,EAAW,KAAA,CAAA,oBAAA,CAAA,gBAAA"}

package/dist/components/UDSProvider.js

@@ -0,0 +1,37 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { PortalProvider } from "../portal.js";
+import { memo } from "react";
+import { StyleSheet } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+
+//#region src/components/UDSProvider.tsx
+/**
+* Root provider for UDS Mobile.
+*
+* Place this at the top of your app layout:
+*
+* @example
+* ```tsx
+* import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+*
+* export default function RootLayout() {
+*   return (
+*     <UDSProvider>
+*       <Stack />
+*     </UDSProvider>
+*   );
+* }
+* ```
+*/
+const UDSProvider = memo(function UDSProvider({ children }) {
+	return /* @__PURE__ */ jsx(GestureHandlerRootView, {
+		style: styles.root,
+		children: /* @__PURE__ */ jsx(PortalProvider, { children })
+	});
+});
+const styles = StyleSheet.create({ root: { flex: 1 } });
+
+//#endregion
+export { UDSProvider };
+//# sourceMappingURL=UDSProvider.js.map

package/dist/components/UDSProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UDSProvider.js","names":[],"sources":["../../src/components/UDSProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\n\nimport { PortalProvider } from '../portal';\n\ninterface UDSProviderProps {\n  children: ReactNode;\n}\n\n/**\n * Root provider for UDS Mobile.\n *\n * Place this at the top of your app layout:\n *\n * @example\n * ```tsx\n * import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';\n *\n * export default function RootLayout() {\n *   return (\n *     <UDSProvider>\n *       <Stack />\n *     </UDSProvider>\n *   );\n * }\n * ```\n */\nconst UDSProvider = memo(function UDSProvider({ children }: UDSProviderProps) {\n  return (\n    <GestureHandlerRootView style={styles.root}>\n      <PortalProvider>{children}</PortalProvider>\n    </GestureHandlerRootView>\n  );\n});\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n  },\n});\n\nexport { UDSProvider };\nexport type { UDSProviderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,cAAc,KAAK,SAAS,YAAY,EAAE,YAA8B;AAC5E,QACE,oBAAC;EAAuB,OAAO,OAAO;YACpC,oBAAC,kBAAgB,WAA0B;GACpB;EAE3B;AAEF,MAAM,SAAS,WAAW,OAAO,EAC/B,MAAM,EACJ,MAAM,GACP,EACF,CAAC"}

package/dist/native/UDSScreenCornerRadiusModule.cjs

@@ -0,0 +1,30 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/native/UDSScreenCornerRadiusModule.ts
+let nativeModule = null;
+let loadState = "pending";
+const loadListeners = [];
+import("expo-modules-core").then((mod) => {
+	nativeModule = mod.requireNativeModule("UDSScreenCornerRadius");
+	loadState = "loaded";
+	loadListeners.forEach((cb) => cb());
+}).catch(() => {
+	loadState = "failed";
+	loadListeners.forEach((cb) => cb());
+});
+
+//#endregion
+exports.loadListeners = loadListeners;
+Object.defineProperty(exports, 'loadState', {
+  enumerable: true,
+  get: function () {
+    return loadState;
+  }
+});
+Object.defineProperty(exports, 'nativeModule', {
+  enumerable: true,
+  get: function () {
+    return nativeModule;
+  }
+});

package/dist/native/UDSScreenCornerRadiusModule.d.cts

@@ -0,0 +1,12 @@
+
+//#region src/native/UDSScreenCornerRadiusModule.d.ts
+interface UDSScreenCornerRadiusModuleType {
+  getCornerRadiusSync(): number | null;
+  getCornerRadius(): Promise<number | null>;
+}
+declare let nativeModule: UDSScreenCornerRadiusModuleType | null;
+declare let loadState: 'pending' | 'loaded' | 'failed';
+declare const loadListeners: (() => void)[];
+//#endregion
+export { loadListeners, loadState, nativeModule };
+//# sourceMappingURL=UDSScreenCornerRadiusModule.d.cts.map

package/dist/native/UDSScreenCornerRadiusModule.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UDSScreenCornerRadiusModule.d.cts","names":[],"sources":["../../src/native/UDSScreenCornerRadiusModule.ts"],"mappings":";;UAAU,+BAAA;EACR,mBAAA;EACA,eAAA,IAAmB,OAAA;AAAA;AAAA,YAGjB,YAAA,EAAc,+BAAA;AAAA,YACd,SAAA;AAAA,cACE,aAAA"}

package/dist/native/UDSScreenCornerRadiusModule.d.ts

@@ -0,0 +1,12 @@
+
+//#region src/native/UDSScreenCornerRadiusModule.d.ts
+interface UDSScreenCornerRadiusModuleType {
+  getCornerRadiusSync(): number | null;
+  getCornerRadius(): Promise<number | null>;
+}
+declare let nativeModule: UDSScreenCornerRadiusModuleType | null;
+declare let loadState: 'pending' | 'loaded' | 'failed';
+declare const loadListeners: (() => void)[];
+//#endregion
+export { loadListeners, loadState, nativeModule };
+//# sourceMappingURL=UDSScreenCornerRadiusModule.d.ts.map

package/dist/native/UDSScreenCornerRadiusModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UDSScreenCornerRadiusModule.d.ts","names":[],"sources":["../../src/native/UDSScreenCornerRadiusModule.ts"],"mappings":";;UAAU,+BAAA;EACR,mBAAA;EACA,eAAA,IAAmB,OAAA;AAAA;AAAA,YAGjB,YAAA,EAAc,+BAAA;AAAA,YACd,SAAA;AAAA,cACE,aAAA"}

package/dist/native/UDSScreenCornerRadiusModule.js

@@ -0,0 +1,17 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#region src/native/UDSScreenCornerRadiusModule.ts
+let nativeModule = null;
+let loadState = "pending";
+const loadListeners = [];
+import("expo-modules-core").then((mod) => {
+	nativeModule = mod.requireNativeModule("UDSScreenCornerRadius");
+	loadState = "loaded";
+	loadListeners.forEach((cb) => cb());
+}).catch(() => {
+	loadState = "failed";
+	loadListeners.forEach((cb) => cb());
+});
+
+//#endregion
+export { loadListeners, loadState, nativeModule };
+//# sourceMappingURL=UDSScreenCornerRadiusModule.js.map

package/dist/native/UDSScreenCornerRadiusModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UDSScreenCornerRadiusModule.js","names":[],"sources":["../../src/native/UDSScreenCornerRadiusModule.ts"],"sourcesContent":["interface UDSScreenCornerRadiusModuleType {\n  getCornerRadiusSync(): number | null;\n  getCornerRadius(): Promise<number | null>;\n}\n\nlet nativeModule: UDSScreenCornerRadiusModuleType | null = null;\nlet loadState: 'pending' | 'loaded' | 'failed' = 'pending';\nconst loadListeners: (() => void)[] = [];\n\n// Metro can statically analyze dynamic import() but NOT require().\n// See packages/mobile/docs/DYNAMIC_IMPORTS.md for details.\nimport('expo-modules-core')\n  .then((mod) => {\n    nativeModule = mod.requireNativeModule('UDSScreenCornerRadius');\n    loadState = 'loaded';\n    loadListeners.forEach((cb) => cb());\n  })\n  .catch(() => {\n    loadState = 'failed';\n    loadListeners.forEach((cb) => cb());\n  });\n\nexport { loadListeners, loadState, nativeModule };\n"],"mappings":";;AAKA,IAAI,eAAuD;AAC3D,IAAI,YAA6C;AACjD,MAAM,gBAAgC,EAAE;AAIxC,OAAO,qBACJ,MAAM,QAAQ;AACb,gBAAe,IAAI,oBAAoB,wBAAwB;AAC/D,aAAY;AACZ,eAAc,SAAS,OAAO,IAAI,CAAC;EACnC,CACD,YAAY;AACX,aAAY;AACZ,eAAc,SAAS,OAAO,IAAI,CAAC;EACnC"}