@yahoo/uds-mobile 2.19.0 → 2.20.0

package/dist/components/Modal/ModalContent.js

@@ -0,0 +1,41 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useInternalModalContext } from "./ModalContext.js";
+import { memo } from "react";
+import { ScrollView, StyleSheet, View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { modalStyles } from "../../../generated/styles";
+//#region src/components/Modal/ModalContent.tsx
+const ModalContent = memo(function ModalContent({ children, contentContainerStyle, style, ref, ...viewProps }) {
+	const { onScroll, onScrollInteractionBegin, onScrollInteractionEnd, scrollBehavior } = useInternalModalContext();
+	modalStyles.useVariants({});
+	if (scrollBehavior === "inside") return /* @__PURE__ */ jsx(ScrollView, {
+		ref,
+		disableScrollViewPanResponder: true,
+		keyboardShouldPersistTaps: "handled",
+		...viewProps,
+		contentContainerStyle: [modalStyles.spacingHorizontal, contentContainerStyle],
+		onMomentumScrollEnd: onScrollInteractionEnd,
+		onScroll,
+		onScrollBeginDrag: onScrollInteractionBegin,
+		onScrollEndDrag: onScrollInteractionEnd,
+		scrollEventThrottle: 16,
+		style: [styles$1.insideContent, style],
+		children
+	});
+	return /* @__PURE__ */ jsx(View, {
+		ref,
+		...viewProps,
+		style: [modalStyles.spacingHorizontal, style],
+		children
+	});
+});
+ModalContent.displayName = "ModalContent";
+ModalContent.__modalSlot = "content";
+const styles$1 = StyleSheet.create({ insideContent: {
+	flexGrow: 1,
+	flexShrink: 1
+} });
+//#endregion
+export { ModalContent };
+
+//# sourceMappingURL=ModalContent.js.map

package/dist/components/Modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","names":["styles"],"sources":["../../../src/components/Modal/ModalContent.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport { memo } from 'react';\nimport type { ScrollView as ScrollViewType } from 'react-native';\nimport { ScrollView, StyleSheet, View } from 'react-native';\n\nimport { modalStyles } from '../../../generated/styles';\nimport { useInternalModalContext } from './ModalContext';\nimport type { ModalContentProps, ModalSlotComponent } from './types';\n\nconst ModalContent = memo(function ModalContent({\n  children,\n  contentContainerStyle,\n  style,\n  ref,\n  ...viewProps\n}: ModalContentProps) {\n  const { onScroll, onScrollInteractionBegin, onScrollInteractionEnd, scrollBehavior } =\n    useInternalModalContext();\n\n  modalStyles.useVariants({});\n\n  if (scrollBehavior === 'inside') {\n    return (\n      <ScrollView\n        ref={ref as Ref<ScrollViewType>}\n        disableScrollViewPanResponder\n        keyboardShouldPersistTaps=\"handled\"\n        {...viewProps}\n        contentContainerStyle={[modalStyles.spacingHorizontal, contentContainerStyle]}\n        onMomentumScrollEnd={onScrollInteractionEnd}\n        onScroll={onScroll}\n        onScrollBeginDrag={onScrollInteractionBegin}\n        onScrollEndDrag={onScrollInteractionEnd}\n        scrollEventThrottle={16}\n        style={[styles.insideContent, style]}\n      >\n        {children}\n      </ScrollView>\n    );\n  }\n\n  return (\n    <View ref={ref as Ref<View>} {...viewProps} style={[modalStyles.spacingHorizontal, style]}>\n      {children}\n    </View>\n  );\n});\n\nModalContent.displayName = 'ModalContent';\n(ModalContent as ModalSlotComponent).__modalSlot = 'content';\n\nconst styles = StyleSheet.create({\n  insideContent: {\n    flexGrow: 1,\n    flexShrink: 1,\n  },\n});\n\nexport { ModalContent, type ModalContentProps };\n"],"mappings":";;;;;;;AASA,MAAM,eAAe,KAAK,SAAS,aAAa,EAC9C,UACA,uBACA,OACA,KACA,GAAG,aACiB;CACpB,MAAM,EAAE,UAAU,0BAA0B,wBAAwB,mBAClE,yBAAyB;CAE3B,YAAY,YAAY,EAAE,CAAC;CAE3B,IAAI,mBAAmB,UACrB,OACE,oBAAC,YAAD;EACO;EACL,+BAAA;EACA,2BAA0B;EAC1B,GAAI;EACJ,uBAAuB,CAAC,YAAY,mBAAmB,sBAAsB;EAC7E,qBAAqB;EACX;EACV,mBAAmB;EACnB,iBAAiB;EACjB,qBAAqB;EACrB,OAAO,CAACA,SAAO,eAAe,MAAM;EAEnC;EACU,CAAA;CAIjB,OACE,oBAAC,MAAD;EAAW;EAAkB,GAAI;EAAW,OAAO,CAAC,YAAY,mBAAmB,MAAM;EACtF;EACI,CAAA;EAET;AAEF,aAAa,cAAc;AAC3B,aAAqC,cAAc;AAEnD,MAAMA,WAAS,WAAW,OAAO,EAC/B,eAAe;CACb,UAAU;CACV,YAAY;CACb,EACF,CAAC"}

package/dist/components/Modal/ModalContext.cjs

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/components/Modal/ModalContext.tsx
+const ModalContext = (0, react.createContext)(null);
+function useInternalModalContext() {
+	const context = (0, react.use)(ModalContext);
+	if (!context) throw new Error("Modal subcomponents must be rendered inside Modal.");
+	return context;
+}
+//#endregion
+exports.ModalContext = ModalContext;
+exports.useInternalModalContext = useInternalModalContext;

package/dist/components/Modal/ModalContext.d.cts

@@ -0,0 +1,10 @@
+
+import { ModalContextValue } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Modal/ModalContext.d.ts
+declare const ModalContext: _$react.Context<ModalContextValue | null>;
+declare function useInternalModalContext(): ModalContextValue;
+//#endregion
+export { ModalContext, useInternalModalContext };
+//# sourceMappingURL=ModalContext.d.cts.map

package/dist/components/Modal/ModalContext.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.cts","names":[],"sources":["../../../src/components/Modal/ModalContext.tsx"],"mappings":";;;;;cAIM,YAAA,EAAY,OAAA,CAAA,OAAA,CAAA,iBAAA;AAAA,iBAET,uBAAA,CAAA,GAA2B,iBAAA"}

package/dist/components/Modal/ModalContext.d.ts

@@ -0,0 +1,10 @@
+
+import { ModalContextValue } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Modal/ModalContext.d.ts
+declare const ModalContext: _$react.Context<ModalContextValue | null>;
+declare function useInternalModalContext(): ModalContextValue;
+//#endregion
+export { ModalContext, useInternalModalContext };
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/components/Modal/ModalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","names":[],"sources":["../../../src/components/Modal/ModalContext.tsx"],"mappings":";;;;;cAIM,YAAA,EAAY,OAAA,CAAA,OAAA,CAAA,iBAAA;AAAA,iBAET,uBAAA,CAAA,GAA2B,iBAAA"}

package/dist/components/Modal/ModalContext.js

@@ -0,0 +1,13 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { createContext, use } from "react";
+//#region src/components/Modal/ModalContext.tsx
+const ModalContext = createContext(null);
+function useInternalModalContext() {
+	const context = use(ModalContext);
+	if (!context) throw new Error("Modal subcomponents must be rendered inside Modal.");
+	return context;
+}
+//#endregion
+export { ModalContext, useInternalModalContext };
+
+//# sourceMappingURL=ModalContext.js.map

package/dist/components/Modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","names":[],"sources":["../../../src/components/Modal/ModalContext.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nimport type { ModalContextValue } from './types';\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nfunction useInternalModalContext(): ModalContextValue {\n  const context = use(ModalContext);\n\n  if (!context) {\n    throw new Error('Modal subcomponents must be rendered inside Modal.');\n  }\n\n  return context;\n}\n\nexport { ModalContext, useInternalModalContext };\n"],"mappings":";;;AAIA,MAAM,eAAe,cAAwC,KAAK;AAElE,SAAS,0BAA6C;CACpD,MAAM,UAAU,IAAI,aAAa;CAEjC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,qDAAqD;CAGvE,OAAO"}

package/dist/components/Modal/ModalDescription.cjs

@@ -0,0 +1,21 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../../generated/styles");
+//#region src/components/Modal/ModalDescription.tsx
+const ModalDescription = (0, react.memo)(function ModalDescription({ children, style, ref, ...textProps }) {
+	generated_styles.modalStyles.useVariants({});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+		ref,
+		...textProps,
+		style: [generated_styles.modalStyles.description, style],
+		children
+	});
+});
+ModalDescription.displayName = "ModalDescription";
+ModalDescription.__modalSlot = "description";
+//#endregion
+exports.ModalDescription = ModalDescription;

package/dist/components/Modal/ModalDescription.d.cts

@@ -0,0 +1,9 @@
+
+import { ModalDescriptionProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Modal/ModalDescription.d.ts
+declare const ModalDescription: _$react.NamedExoticComponent<ModalDescriptionProps>;
+//#endregion
+export { ModalDescription, type ModalDescriptionProps };
+//# sourceMappingURL=ModalDescription.d.cts.map

package/dist/components/Modal/ModalDescription.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDescription.d.cts","names":[],"sources":["../../../src/components/Modal/ModalDescription.tsx"],"mappings":";;;;;cAMM,gBAAA,EAAgB,OAAA,CAAA,oBAAA,CAAA,qBAAA"}

package/dist/components/Modal/ModalDescription.d.ts

@@ -0,0 +1,9 @@
+
+import { ModalDescriptionProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Modal/ModalDescription.d.ts
+declare const ModalDescription: _$react.NamedExoticComponent<ModalDescriptionProps>;
+//#endregion
+export { ModalDescription, type ModalDescriptionProps };
+//# sourceMappingURL=ModalDescription.d.ts.map

package/dist/components/Modal/ModalDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDescription.d.ts","names":[],"sources":["../../../src/components/Modal/ModalDescription.tsx"],"mappings":";;;;;cAMM,gBAAA,EAAgB,OAAA,CAAA,oBAAA,CAAA,qBAAA"}

package/dist/components/Modal/ModalDescription.js

@@ -0,0 +1,21 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Text } from "../Text.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { modalStyles } from "../../../generated/styles";
+//#region src/components/Modal/ModalDescription.tsx
+const ModalDescription = memo(function ModalDescription({ children, style, ref, ...textProps }) {
+	modalStyles.useVariants({});
+	return /* @__PURE__ */ jsx(Text, {
+		ref,
+		...textProps,
+		style: [modalStyles.description, style],
+		children
+	});
+});
+ModalDescription.displayName = "ModalDescription";
+ModalDescription.__modalSlot = "description";
+//#endregion
+export { ModalDescription };
+
+//# sourceMappingURL=ModalDescription.js.map

package/dist/components/Modal/ModalDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDescription.js","names":[],"sources":["../../../src/components/Modal/ModalDescription.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { modalStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\nimport type { ModalDescriptionProps, ModalSlotComponent } from './types';\n\nconst ModalDescription = memo(function ModalDescription({\n  children,\n  style,\n  ref,\n  ...textProps\n}: ModalDescriptionProps) {\n  modalStyles.useVariants({});\n\n  return (\n    <Text ref={ref} {...textProps} style={[modalStyles.description, style]}>\n      {children}\n    </Text>\n  );\n});\n\nModalDescription.displayName = 'ModalDescription';\n(ModalDescription as ModalSlotComponent).__modalSlot = 'description';\n\nexport { ModalDescription, type ModalDescriptionProps };\n"],"mappings":";;;;;;AAMA,MAAM,mBAAmB,KAAK,SAAS,iBAAiB,EACtD,UACA,OACA,KACA,GAAG,aACqB;CACxB,YAAY,YAAY,EAAE,CAAC;CAE3B,OACE,oBAAC,MAAD;EAAW;EAAK,GAAI;EAAW,OAAO,CAAC,YAAY,aAAa,MAAM;EACnE;EACI,CAAA;EAET;AAEF,iBAAiB,cAAc;AAC/B,iBAAyC,cAAc"}

package/dist/components/Modal/ModalTitle.cjs

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let generated_styles = require("../../../generated/styles");
+//#region src/components/Modal/ModalTitle.tsx
+const ModalTitle = (0, react.memo)(function ModalTitle({ children, style, ref, ...textProps }) {
+	generated_styles.modalStyles.useVariants({});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+		ref,
+		accessibilityRole: "header",
+		...textProps,
+		style: [generated_styles.modalStyles.title, style],
+		children
+	});
+});
+ModalTitle.displayName = "ModalTitle";
+ModalTitle.__modalSlot = "title";
+//#endregion
+exports.ModalTitle = ModalTitle;

package/dist/components/Modal/ModalTitle.d.cts

@@ -0,0 +1,9 @@
+
+import { ModalTitleProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Modal/ModalTitle.d.ts
+declare const ModalTitle: _$react.NamedExoticComponent<ModalTitleProps>;
+//#endregion
+export { ModalTitle, type ModalTitleProps };
+//# sourceMappingURL=ModalTitle.d.cts.map

package/dist/components/Modal/ModalTitle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.d.cts","names":[],"sources":["../../../src/components/Modal/ModalTitle.tsx"],"mappings":";;;;;cAMM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Modal/ModalTitle.d.ts

@@ -0,0 +1,9 @@
+
+import { ModalTitleProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Modal/ModalTitle.d.ts
+declare const ModalTitle: _$react.NamedExoticComponent<ModalTitleProps>;
+//#endregion
+export { ModalTitle, type ModalTitleProps };
+//# sourceMappingURL=ModalTitle.d.ts.map

package/dist/components/Modal/ModalTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.d.ts","names":[],"sources":["../../../src/components/Modal/ModalTitle.tsx"],"mappings":";;;;;cAMM,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Modal/ModalTitle.js

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Text } from "../Text.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { modalStyles } from "../../../generated/styles";
+//#region src/components/Modal/ModalTitle.tsx
+const ModalTitle = memo(function ModalTitle({ children, style, ref, ...textProps }) {
+	modalStyles.useVariants({});
+	return /* @__PURE__ */ jsx(Text, {
+		ref,
+		accessibilityRole: "header",
+		...textProps,
+		style: [modalStyles.title, style],
+		children
+	});
+});
+ModalTitle.displayName = "ModalTitle";
+ModalTitle.__modalSlot = "title";
+//#endregion
+export { ModalTitle };
+
+//# sourceMappingURL=ModalTitle.js.map

package/dist/components/Modal/ModalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.js","names":[],"sources":["../../../src/components/Modal/ModalTitle.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { modalStyles } from '../../../generated/styles';\nimport { Text } from '../Text';\nimport type { ModalSlotComponent, ModalTitleProps } from './types';\n\nconst ModalTitle = memo(function ModalTitle({\n  children,\n  style,\n  ref,\n  ...textProps\n}: ModalTitleProps) {\n  modalStyles.useVariants({});\n\n  return (\n    <Text ref={ref} accessibilityRole=\"header\" {...textProps} style={[modalStyles.title, style]}>\n      {children}\n    </Text>\n  );\n});\n\nModalTitle.displayName = 'ModalTitle';\n(ModalTitle as ModalSlotComponent).__modalSlot = 'title';\n\nexport { ModalTitle, type ModalTitleProps };\n"],"mappings":";;;;;;AAMA,MAAM,aAAa,KAAK,SAAS,WAAW,EAC1C,UACA,OACA,KACA,GAAG,aACe;CAClB,YAAY,YAAY,EAAE,CAAC;CAE3B,OACE,oBAAC,MAAD;EAAW;EAAK,mBAAkB;EAAS,GAAI;EAAW,OAAO,CAAC,YAAY,OAAO,MAAM;EACxF;EACI,CAAA;EAET;AAEF,WAAW,cAAc;AACzB,WAAmC,cAAc"}

package/dist/components/Modal/index.cjs

@@ -0,0 +1,12 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Modal_ModalActions = require("./ModalActions.cjs");
+const require_components_Modal_ModalContent = require("./ModalContent.cjs");
+const require_components_Modal_ModalDescription = require("./ModalDescription.cjs");
+const require_components_Modal_ModalTitle = require("./ModalTitle.cjs");
+const require_components_Modal_Modal = require("./Modal.cjs");
+exports.Modal = require_components_Modal_Modal.Modal;
+exports.ModalActions = require_components_Modal_ModalActions.ModalActions;
+exports.ModalContent = require_components_Modal_ModalContent.ModalContent;
+exports.ModalDescription = require_components_Modal_ModalDescription.ModalDescription;
+exports.ModalTitle = require_components_Modal_ModalTitle.ModalTitle;

package/dist/components/Modal/index.d.cts

@@ -0,0 +1,8 @@
+
+import { ModalActionsProps, ModalContentProps, ModalDescriptionProps, ModalProps, ModalTitleProps } from "./types.cjs";
+import { Modal } from "./Modal.cjs";
+import { ModalActions } from "./ModalActions.cjs";
+import { ModalContent } from "./ModalContent.cjs";
+import { ModalDescription } from "./ModalDescription.cjs";
+import { ModalTitle } from "./ModalTitle.cjs";
+export { Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps };

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

@@ -0,0 +1,8 @@
+
+import { ModalActionsProps, ModalContentProps, ModalDescriptionProps, ModalProps, ModalTitleProps } from "./types.js";
+import { Modal } from "./Modal.js";
+import { ModalActions } from "./ModalActions.js";
+import { ModalContent } from "./ModalContent.js";
+import { ModalDescription } from "./ModalDescription.js";
+import { ModalTitle } from "./ModalTitle.js";
+export { Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps };

package/dist/components/Modal/index.js

@@ -0,0 +1,7 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { ModalActions } from "./ModalActions.js";
+import { ModalContent } from "./ModalContent.js";
+import { ModalDescription } from "./ModalDescription.js";
+import { ModalTitle } from "./ModalTitle.js";
+import { Modal } from "./Modal.js";
+export { Modal, ModalActions, ModalContent, ModalDescription, ModalTitle };

package/dist/components/Modal/types.cjs

@@ -0,0 +1 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */

package/dist/components/Modal/types.d.cts

@@ -0,0 +1,111 @@
+
+import { IconSlotType } from "../IconSlot.cjs";
+import { TextProps as TextProps$1 } from "../Text.cjs";
+import { ReactNode, Ref, RefObject } from "react";
+import { DimensionValue, NativeScrollEvent, NativeSyntheticEvent, ScrollViewProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
+
+//#region src/components/Modal/types.d.ts
+type ModalScrollBehavior = 'inside' | 'outside';
+type ModalDimension = DimensionValue | `${number}px`;
+type ModalSlot = 'title' | 'description' | 'content' | 'actions';
+interface ModalProps extends Omit<ViewProps, 'children' | 'style'> {
+  /** Whether the modal is open. */
+  open: boolean;
+  /** The modal child slots. Prefer ModalTitle, ModalDescription, ModalContent, and ModalActions. */
+  children?: ReactNode;
+  /** Called when a dismiss action requests the modal to close. */
+  onClose?: () => void;
+  /** Called when `open` transitions from false to true. */
+  onOpen?: () => void;
+  /** Whether to render the modal through the UDS overlay portal. @default true */
+  portal?: boolean;
+  /** Overrides whether the backdrop scrim is rendered. @default true */
+  includeScrim?: boolean;
+  /** Whether scrim press and Android back can close the modal. @default true */
+  dismissible?: boolean;
+  /** Whether to hide the close button. @default false */
+  hideDismissButton?: boolean;
+  /** Disable motion and transition effects. @default false */
+  reduceMotion?: boolean;
+  /** Icon displayed inside the close button. Use `false` to hide. @default 'Cross' */
+  closeIcon?: IconSlotType | false;
+  /** Web parity alias for the close button accessibility label. @default 'Close' */
+  closeAriaLabel?: string;
+  /** Accessible label for the close button. @default closeAriaLabel ?? 'Close' */
+  closeAccessibilityLabel?: string;
+  /** Constrains the modal width. Supports numbers, percentages, and px strings. */
+  maxWidth?: ModalDimension;
+  /** Constrains the modal height. Supports numbers, percentages, and px strings. */
+  maxHeight?: ModalDimension;
+  /** Expand horizontally until the modal hits maxWidth or the configured gutter. @default false */
+  fullWidth?: boolean;
+  /** Expand vertically until the modal hits maxHeight or the configured gutter. @default false */
+  fullHeight?: boolean;
+  /** Determines how oversized modal content scrolls. @default 'outside' */
+  scrollBehavior?: ModalScrollBehavior;
+  /** Title content. Ignored when ModalTitle is provided as a child. */
+  title?: ReactNode;
+  /** Description content. Ignored when ModalDescription is provided as a child. */
+  description?: ReactNode;
+  /** Main content. Ignored when ModalContent is provided as a child. */
+  content?: ReactNode;
+  /** Action content. Ignored when ModalActions is provided as a child. */
+  actions?: ReactNode;
+  /** Render through iOS FullWindowOverlay when portal is true. @default true */
+  useFullWindowOverlay?: boolean;
+  /** Ref to a BlurTarget wrapping screen content. Required for Android backdrop blur. */
+  blurTarget?: RefObject<View | null>;
+  /** Style applied to the modal surface. */
+  style?: StyleProp<ViewStyle>;
+  /** Ref to the modal surface. */
+  ref?: Ref<View>;
+}
+interface ModalTitleProps extends Omit<TextProps$1, 'ref'> {
+  /** The title content. */
+  children: ReactNode;
+  /** Ref to the underlying Text. */
+  ref?: TextProps$1['ref'];
+}
+interface ModalDescriptionProps extends Omit<TextProps$1, 'ref'> {
+  /** The description content. */
+  children: ReactNode;
+  /** Ref to the underlying Text. */
+  ref?: TextProps$1['ref'];
+}
+interface ModalContentProps extends Omit<ViewProps, 'children'> {
+  /** The main modal content. */
+  children?: ReactNode;
+  /** Style applied to the inner ScrollView content container when scrollBehavior is inside. */
+  contentContainerStyle?: ScrollViewProps['contentContainerStyle'];
+  /** Ref to the underlying View or ScrollView. */
+  ref?: Ref<View>;
+}
+interface ModalActionsProps extends Omit<ViewProps, 'children'> {
+  /** Action content. */
+  children?: ReactNode;
+  /** Additional content displayed at the start of the actions footer. */
+  startContent?: ReactNode;
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+}
+interface ModalContextValue {
+  scrollBehavior: ModalScrollBehavior;
+  hasContent: boolean;
+  onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+  onScrollInteractionBegin: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+  onScrollInteractionEnd: () => void;
+  shouldRenderHeader: boolean;
+}
+interface ModalSlotComponent {
+  __modalSlot?: ModalSlot;
+}
+interface ModalRootTokens {
+  backgroundBlurColor?: string;
+  backgroundBlurRadius?: number;
+  backgroundColor?: string;
+  borderRadius?: number;
+  borderWidth?: number;
+}
+//#endregion
+export { type ModalActionsProps, type ModalContentProps, type ModalContextValue, type ModalDescriptionProps, type ModalDimension, type ModalProps, type ModalRootTokens, type ModalScrollBehavior, type ModalSlot, type ModalSlotComponent, type ModalTitleProps };
+//# sourceMappingURL=types.d.cts.map

package/dist/components/Modal/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/components/Modal/types.ts"],"mappings":";;;;;;;KAeK,mBAAA;AAAA,KACA,cAAA,GAAiB,cAAA;AAAA,KACjB,SAAA;AAAA,UAEK,UAAA,SAAmB,IAAA,CAAK,SAAA;;EAEhC,IAAA;EANsB;EAQtB,QAAA,GAAW,SAAA;EAPM;EASjB,OAAA;EAToB;EAWpB,MAAA;EAVG;EAYH,MAAA;;EAEA,YAAA;EAdY;EAgBZ,WAAA;EAdmB;EAgBnB,iBAAA;EAhBgC;EAkBhC,YAAA;EAEY;EAAZ,SAAA,GAAY,YAAA;EAQA;EANZ,cAAA;EAcQ;EAZR,uBAAA;EAgBU;EAdV,QAAA,GAAW,cAAA;EAoBY;EAlBvB,SAAA,GAAY,cAAA;EAoBM;EAlBlB,SAAA;EAoBU;EAlBV,UAAA;EAhC2B;EAkC3B,cAAA,GAAiB,mBAAA;EAlCc;EAoC/B,KAAA,GAAQ,SAAA;EApCwB;EAsChC,WAAA,GAAc,SAAA;EAlCd;EAoCA,OAAA,GAAU,SAAA;EAlCV;EAoCA,OAAA,GAAU,SAAA;EAhCV;EAkCA,oBAAA;EA9BA;EAgCA,UAAA,GAAa,SAAA,CAAU,IAAA;EA5BvB;EA8BA,KAAA,GAAQ,SAAA,CAAU,SAAA;EA5BN;EA8BZ,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,eAAA,SAAwB,IAAA,CAAK,WAAA;EA3B1B;EA6BX,QAAA,EAAU,SAAA;EA3BE;EA6BZ,GAAA,GAAM,WAAA;AAAA;AAAA,UAGE,qBAAA,SAA8B,IAAA,CAAK,WAAA;EA1B1B;EA4BjB,QAAA,EAAU,SAAA;EA1BF;EA4BR,GAAA,GAAM,WAAA;AAAA;AAAA,UAGE,iBAAA,SAA0B,IAAA,CAAK,SAAA;EA3B7B;EA6BV,QAAA,GAAW,SAAA;EA3BD;EA6BV,qBAAA,GAAwB,eAAA;EAzBxB;EA2BA,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,iBAAA,SAA0B,IAAA,CAAK,SAAA;EA5B/B;EA8BR,QAAA,GAAW,SAAA;EA5BX;EA8BA,YAAA,GAAe,SAAA;EA9BL;EAgCV,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,iBAAA;EACR,cAAA,EAAgB,mBAAA;EAChB,UAAA;EACA,QAAA,GAAW,KAAA,EAAO,oBAAA,CAAqB,iBAAA;EACvC,wBAAA,GAA2B,KAAA,EAAO,oBAAA,CAAqB,iBAAA;EACvD,sBAAA;EACA,kBAAA;AAAA;AAAA,UAGQ,kBAAA;EACR,WAAA,GAAc,SAAA;AAAA;AAAA,UAGN,eAAA;EACR,mBAAA;EACA,oBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;AAAA"}

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

@@ -0,0 +1,111 @@
+
+import { IconSlotType } from "../IconSlot.js";
+import { TextProps as TextProps$1 } from "../Text.js";
+import { ReactNode, Ref, RefObject } from "react";
+import { DimensionValue, NativeScrollEvent, NativeSyntheticEvent, ScrollViewProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
+
+//#region src/components/Modal/types.d.ts
+type ModalScrollBehavior = 'inside' | 'outside';
+type ModalDimension = DimensionValue | `${number}px`;
+type ModalSlot = 'title' | 'description' | 'content' | 'actions';
+interface ModalProps extends Omit<ViewProps, 'children' | 'style'> {
+  /** Whether the modal is open. */
+  open: boolean;
+  /** The modal child slots. Prefer ModalTitle, ModalDescription, ModalContent, and ModalActions. */
+  children?: ReactNode;
+  /** Called when a dismiss action requests the modal to close. */
+  onClose?: () => void;
+  /** Called when `open` transitions from false to true. */
+  onOpen?: () => void;
+  /** Whether to render the modal through the UDS overlay portal. @default true */
+  portal?: boolean;
+  /** Overrides whether the backdrop scrim is rendered. @default true */
+  includeScrim?: boolean;
+  /** Whether scrim press and Android back can close the modal. @default true */
+  dismissible?: boolean;
+  /** Whether to hide the close button. @default false */
+  hideDismissButton?: boolean;
+  /** Disable motion and transition effects. @default false */
+  reduceMotion?: boolean;
+  /** Icon displayed inside the close button. Use `false` to hide. @default 'Cross' */
+  closeIcon?: IconSlotType | false;
+  /** Web parity alias for the close button accessibility label. @default 'Close' */
+  closeAriaLabel?: string;
+  /** Accessible label for the close button. @default closeAriaLabel ?? 'Close' */
+  closeAccessibilityLabel?: string;
+  /** Constrains the modal width. Supports numbers, percentages, and px strings. */
+  maxWidth?: ModalDimension;
+  /** Constrains the modal height. Supports numbers, percentages, and px strings. */
+  maxHeight?: ModalDimension;
+  /** Expand horizontally until the modal hits maxWidth or the configured gutter. @default false */
+  fullWidth?: boolean;
+  /** Expand vertically until the modal hits maxHeight or the configured gutter. @default false */
+  fullHeight?: boolean;
+  /** Determines how oversized modal content scrolls. @default 'outside' */
+  scrollBehavior?: ModalScrollBehavior;
+  /** Title content. Ignored when ModalTitle is provided as a child. */
+  title?: ReactNode;
+  /** Description content. Ignored when ModalDescription is provided as a child. */
+  description?: ReactNode;
+  /** Main content. Ignored when ModalContent is provided as a child. */
+  content?: ReactNode;
+  /** Action content. Ignored when ModalActions is provided as a child. */
+  actions?: ReactNode;
+  /** Render through iOS FullWindowOverlay when portal is true. @default true */
+  useFullWindowOverlay?: boolean;
+  /** Ref to a BlurTarget wrapping screen content. Required for Android backdrop blur. */
+  blurTarget?: RefObject<View | null>;
+  /** Style applied to the modal surface. */
+  style?: StyleProp<ViewStyle>;
+  /** Ref to the modal surface. */
+  ref?: Ref<View>;
+}
+interface ModalTitleProps extends Omit<TextProps$1, 'ref'> {
+  /** The title content. */
+  children: ReactNode;
+  /** Ref to the underlying Text. */
+  ref?: TextProps$1['ref'];
+}
+interface ModalDescriptionProps extends Omit<TextProps$1, 'ref'> {
+  /** The description content. */
+  children: ReactNode;
+  /** Ref to the underlying Text. */
+  ref?: TextProps$1['ref'];
+}
+interface ModalContentProps extends Omit<ViewProps, 'children'> {
+  /** The main modal content. */
+  children?: ReactNode;
+  /** Style applied to the inner ScrollView content container when scrollBehavior is inside. */
+  contentContainerStyle?: ScrollViewProps['contentContainerStyle'];
+  /** Ref to the underlying View or ScrollView. */
+  ref?: Ref<View>;
+}
+interface ModalActionsProps extends Omit<ViewProps, 'children'> {
+  /** Action content. */
+  children?: ReactNode;
+  /** Additional content displayed at the start of the actions footer. */
+  startContent?: ReactNode;
+  /** Ref to the underlying View. */
+  ref?: Ref<View>;
+}
+interface ModalContextValue {
+  scrollBehavior: ModalScrollBehavior;
+  hasContent: boolean;
+  onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+  onScrollInteractionBegin: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+  onScrollInteractionEnd: () => void;
+  shouldRenderHeader: boolean;
+}
+interface ModalSlotComponent {
+  __modalSlot?: ModalSlot;
+}
+interface ModalRootTokens {
+  backgroundBlurColor?: string;
+  backgroundBlurRadius?: number;
+  backgroundColor?: string;
+  borderRadius?: number;
+  borderWidth?: number;
+}
+//#endregion
+export { type ModalActionsProps, type ModalContentProps, type ModalContextValue, type ModalDescriptionProps, type ModalDimension, type ModalProps, type ModalRootTokens, type ModalScrollBehavior, type ModalSlot, type ModalSlotComponent, type ModalTitleProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Modal/types.ts"],"mappings":";;;;;;;KAeK,mBAAA;AAAA,KACA,cAAA,GAAiB,cAAA;AAAA,KACjB,SAAA;AAAA,UAEK,UAAA,SAAmB,IAAA,CAAK,SAAA;;EAEhC,IAAA;EANsB;EAQtB,QAAA,GAAW,SAAA;EAPM;EASjB,OAAA;EAToB;EAWpB,MAAA;EAVG;EAYH,MAAA;;EAEA,YAAA;EAdY;EAgBZ,WAAA;EAdmB;EAgBnB,iBAAA;EAhBgC;EAkBhC,YAAA;EAEY;EAAZ,SAAA,GAAY,YAAA;EAQA;EANZ,cAAA;EAcQ;EAZR,uBAAA;EAgBU;EAdV,QAAA,GAAW,cAAA;EAoBY;EAlBvB,SAAA,GAAY,cAAA;EAoBM;EAlBlB,SAAA;EAoBU;EAlBV,UAAA;EAhC2B;EAkC3B,cAAA,GAAiB,mBAAA;EAlCc;EAoC/B,KAAA,GAAQ,SAAA;EApCwB;EAsChC,WAAA,GAAc,SAAA;EAlCd;EAoCA,OAAA,GAAU,SAAA;EAlCV;EAoCA,OAAA,GAAU,SAAA;EAhCV;EAkCA,oBAAA;EA9BA;EAgCA,UAAA,GAAa,SAAA,CAAU,IAAA;EA5BvB;EA8BA,KAAA,GAAQ,SAAA,CAAU,SAAA;EA5BN;EA8BZ,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,eAAA,SAAwB,IAAA,CAAK,WAAA;EA3B1B;EA6BX,QAAA,EAAU,SAAA;EA3BE;EA6BZ,GAAA,GAAM,WAAA;AAAA;AAAA,UAGE,qBAAA,SAA8B,IAAA,CAAK,WAAA;EA1B1B;EA4BjB,QAAA,EAAU,SAAA;EA1BF;EA4BR,GAAA,GAAM,WAAA;AAAA;AAAA,UAGE,iBAAA,SAA0B,IAAA,CAAK,SAAA;EA3B7B;EA6BV,QAAA,GAAW,SAAA;EA3BD;EA6BV,qBAAA,GAAwB,eAAA;EAzBxB;EA2BA,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,iBAAA,SAA0B,IAAA,CAAK,SAAA;EA5B/B;EA8BR,QAAA,GAAW,SAAA;EA5BX;EA8BA,YAAA,GAAe,SAAA;EA9BL;EAgCV,GAAA,GAAM,GAAA,CAAI,IAAA;AAAA;AAAA,UAGF,iBAAA;EACR,cAAA,EAAgB,mBAAA;EAChB,UAAA;EACA,QAAA,GAAW,KAAA,EAAO,oBAAA,CAAqB,iBAAA;EACvC,wBAAA,GAA2B,KAAA,EAAO,oBAAA,CAAqB,iBAAA;EACvD,sBAAA;EACA,kBAAA;AAAA;AAAA,UAGQ,kBAAA;EACR,WAAA,GAAc,SAAA;AAAA;AAAA,UAGN,eAAA;EACR,mBAAA;EACA,oBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;AAAA"}

package/dist/components/Modal/types.js

@@ -0,0 +1 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */

package/dist/components/Modal/utils.cjs

@@ -0,0 +1,59 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/components/Modal/utils.ts
+function getModalSlot(child) {
+	if (!(0, react.isValidElement)(child)) return null;
+	return child.type.__modalSlot ?? null;
+}
+function separateChildren(children) {
+	let title = null;
+	let description = null;
+	let content = null;
+	let actions = null;
+	react.Children.forEach(children, (child) => {
+		if (child == null || child === false || child === true || child === "") return;
+		const slot = getModalSlot(child);
+		if (slot === "title") title = child;
+		else if (slot === "description") description = child;
+		else if (slot === "content") content = child;
+		else if (slot === "actions") actions = child;
+	});
+	return {
+		title,
+		description,
+		content,
+		actions
+	};
+}
+function resolveModalDimension(value) {
+	if (value === void 0 || value === null || value === "auto") return;
+	if (typeof value === "string" && value.endsWith("px")) {
+		const parsed = Number.parseFloat(value);
+		return Number.isFinite(parsed) ? parsed : void 0;
+	}
+	return value;
+}
+function getEventPagePoint(event) {
+	const nativeEvent = event?.nativeEvent;
+	const changedTouch = nativeEvent?.changedTouches?.[0];
+	const pageX = typeof nativeEvent?.pageX === "number" ? nativeEvent.pageX : changedTouch?.pageX;
+	const pageY = typeof nativeEvent?.pageY === "number" ? nativeEvent.pageY : changedTouch?.pageY;
+	if (typeof pageX !== "number" || typeof pageY !== "number") return null;
+	return {
+		x: pageX,
+		y: pageY
+	};
+}
+function isPointInRect(point, rect) {
+	return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
+}
+function shouldDismissModalRelease(point, surfaceRect) {
+	return !isPointInRect(point, surfaceRect);
+}
+//#endregion
+exports.getEventPagePoint = getEventPagePoint;
+exports.resolveModalDimension = resolveModalDimension;
+exports.separateChildren = separateChildren;
+exports.shouldDismissModalRelease = shouldDismissModalRelease;