@yahoo/uds 3.133.3 → 3.134.0

package/dist/components/client/Modal/ModalContent.cjs

@@ -0,0 +1,37 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_Box = require("../../Box.cjs");
+const require_components_client_Modal_ModalContext = require("./ModalContext.cjs");
+const require_components_client_Modal_UDSModalConfigProvider = require("./UDSModalConfigProvider.cjs");
+const require_components_client_Modal_useScrollFade = require("./useScrollFade.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Modal/ModalContent.tsx
+const ModalContent = ({ children, asChild = void 0, slotProps }) => {
+	const { size } = require_components_client_Modal_UDSModalConfigProvider.useModalConfig();
+	const { scrollBehavior } = require_components_client_Modal_ModalContext.useInternalModalContext();
+	const scrollFadeProps = require_components_client_Modal_useScrollFade.useScrollFade(scrollBehavior === "inside");
+	const classNames = { content: require_styles_styler.getStyles({
+		modalSizeSpacingHorizontal: size,
+		overflowY: scrollBehavior === "inside" ? "auto" : void 0,
+		display: "block",
+		flexGrow: scrollBehavior === "inside" ? "1" : void 0
+	}) };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+		asChild,
+		...slotProps?.root,
+		...scrollFadeProps,
+		style: {
+			...scrollFadeProps.style,
+			...slotProps?.root?.style
+		},
+		className: require_styles_styler.cx(classNames.content, slotProps?.root?.className),
+		children
+	});
+};
+ModalContent.displayName = "ModalContent";
+ModalContent.__modalSlot = "content";
+//#endregion
+exports.ModalContent = ModalContent;

package/dist/components/client/Modal/ModalContent.d.cts

@@ -0,0 +1,24 @@
+
+import { UniversalModalContentProps } from "../../../types/dist/index.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalContent.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string | boolean;
+};
+type ModalContentProps = UniversalModalContentProps & {
+  slotProps?: {
+    root?: Partial<React.HTMLAttributes<HTMLDivElement> & DataAttributes>;
+  };
+};
+declare const ModalContent: {
+  ({
+    children,
+    asChild,
+    slotProps
+  }: ModalContentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+  __modalSlot: "content";
+};
+//#endregion
+export { ModalContent, type ModalContentProps };

package/dist/components/client/Modal/ModalContent.d.ts

@@ -0,0 +1,25 @@
+
+"use client";
+import { UniversalModalContentProps } from "../../../types/dist/index.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalContent.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string | boolean;
+};
+type ModalContentProps = UniversalModalContentProps & {
+  slotProps?: {
+    root?: Partial<React.HTMLAttributes<HTMLDivElement> & DataAttributes>;
+  };
+};
+declare const ModalContent: {
+  ({
+    children,
+    asChild,
+    slotProps
+  }: ModalContentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+  __modalSlot: "content";
+};
+//#endregion
+export { ModalContent, type ModalContentProps };

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

@@ -0,0 +1,35 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { useInternalModalContext } from "./ModalContext.js";
+import { useModalConfig } from "./UDSModalConfigProvider.js";
+import { useScrollFade } from "./useScrollFade.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Modal/ModalContent.tsx
+const ModalContent = ({ children, asChild = void 0, slotProps }) => {
+	const { size } = useModalConfig();
+	const { scrollBehavior } = useInternalModalContext();
+	const scrollFadeProps = useScrollFade(scrollBehavior === "inside");
+	const classNames = { content: getStyles({
+		modalSizeSpacingHorizontal: size,
+		overflowY: scrollBehavior === "inside" ? "auto" : void 0,
+		display: "block",
+		flexGrow: scrollBehavior === "inside" ? "1" : void 0
+	}) };
+	return /* @__PURE__ */ jsx(Box, {
+		asChild,
+		...slotProps?.root,
+		...scrollFadeProps,
+		style: {
+			...scrollFadeProps.style,
+			...slotProps?.root?.style
+		},
+		className: cx(classNames.content, slotProps?.root?.className),
+		children
+	});
+};
+ModalContent.displayName = "ModalContent";
+ModalContent.__modalSlot = "content";
+//#endregion
+export { ModalContent };

package/dist/components/client/Modal/ModalContext.cjs

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

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

@@ -0,0 +1,13 @@
+
+import { UniversalModalProps } from "../../../types/dist/index.cjs";
+import * as _$react from "react";
+
+//#region src/components/client/Modal/ModalContext.d.ts
+interface ModalContextType extends Pick<UniversalModalProps, 'scrollBehavior'> {
+  shouldRenderHeader: boolean;
+  hasContent: boolean;
+}
+declare const ModalContext: _$react.Context<ModalContextType | null>;
+declare const useInternalModalContext: () => ModalContextType;
+//#endregion
+export { ModalContext, type ModalContextType, useInternalModalContext };

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

@@ -0,0 +1,14 @@
+
+"use client";
+import { UniversalModalProps } from "../../../types/dist/index.js";
+import * as _$react from "react";
+
+//#region src/components/client/Modal/ModalContext.d.ts
+interface ModalContextType extends Pick<UniversalModalProps, 'scrollBehavior'> {
+  shouldRenderHeader: boolean;
+  hasContent: boolean;
+}
+declare const ModalContext: _$react.Context<ModalContextType | null>;
+declare const useInternalModalContext: () => ModalContextType;
+//#endregion
+export { ModalContext, type ModalContextType, useInternalModalContext };

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

@@ -0,0 +1,12 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createContext, useContext } from "react";
+//#region src/components/client/Modal/ModalContext.tsx
+const ModalContext = createContext(null);
+const useInternalModalContext = () => {
+	const context = useContext(ModalContext);
+	if (!context) throw new Error("useInternalModalContext must be used within a Modal context provider");
+	return context;
+};
+//#endregion
+export { ModalContext, useInternalModalContext };

package/dist/components/client/Modal/ModalDescription.cjs

@@ -0,0 +1,29 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_Text = require("../../Text.cjs");
+const require_components_client_Modal_UDSModalConfigProvider = require("./UDSModalConfigProvider.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ariakit_react = require("@ariakit/react");
+//#region src/components/client/Modal/ModalDescription.tsx
+const ModalDescription = ({ children, slotProps }) => {
+	const { size, variant } = require_components_client_Modal_UDSModalConfigProvider.useModalConfig();
+	const classNames = { description: require_styles_styler.getStyles({
+		modalSizeDescription: size,
+		modalVariantDescription: variant
+	}) };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.DialogDescription, {
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			as: "span",
+			...slotProps?.root,
+			className: require_styles_styler.cx(classNames.description, slotProps?.root?.className)
+		}),
+		children
+	});
+};
+ModalDescription.displayName = "ModalDescription";
+ModalDescription.__modalSlot = "description";
+//#endregion
+exports.ModalDescription = ModalDescription;

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

@@ -0,0 +1,23 @@
+
+import { UniversalModalDescriptionProps } from "../../../types/dist/index.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalDescription.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string | boolean;
+};
+type ModalDescriptionProps = UniversalModalDescriptionProps & {
+  slotProps?: {
+    root?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & DataAttributes>;
+  };
+};
+declare const ModalDescription: {
+  ({
+    children,
+    slotProps
+  }: ModalDescriptionProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+  __modalSlot: "description";
+};
+//#endregion
+export { ModalDescription, type ModalDescriptionProps };

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

@@ -0,0 +1,24 @@
+
+"use client";
+import { UniversalModalDescriptionProps } from "../../../types/dist/index.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalDescription.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string | boolean;
+};
+type ModalDescriptionProps = UniversalModalDescriptionProps & {
+  slotProps?: {
+    root?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & DataAttributes>;
+  };
+};
+declare const ModalDescription: {
+  ({
+    children,
+    slotProps
+  }: ModalDescriptionProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+  __modalSlot: "description";
+};
+//#endregion
+export { ModalDescription, type ModalDescriptionProps };

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

@@ -0,0 +1,27 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Text } from "../../Text.js";
+import { useModalConfig } from "./UDSModalConfigProvider.js";
+import { jsx } from "react/jsx-runtime";
+import { DialogDescription } from "@ariakit/react";
+//#region src/components/client/Modal/ModalDescription.tsx
+const ModalDescription = ({ children, slotProps }) => {
+	const { size, variant } = useModalConfig();
+	const classNames = { description: getStyles({
+		modalSizeDescription: size,
+		modalVariantDescription: variant
+	}) };
+	return /* @__PURE__ */ jsx(DialogDescription, {
+		render: /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			...slotProps?.root,
+			className: cx(classNames.description, slotProps?.root?.className)
+		}),
+		children
+	});
+};
+ModalDescription.displayName = "ModalDescription";
+ModalDescription.__modalSlot = "description";
+//#endregion
+export { ModalDescription };

package/dist/components/client/Modal/ModalTitle.cjs

@@ -0,0 +1,29 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_styles_styler = require("../../../styles/styler.cjs");
+const require_components_Text = require("../../Text.cjs");
+const require_components_client_Modal_UDSModalConfigProvider = require("./UDSModalConfigProvider.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ariakit_react = require("@ariakit/react");
+//#region src/components/client/Modal/ModalTitle.tsx
+const ModalTitle = ({ children, slotProps }) => {
+	const { size, variant } = require_components_client_Modal_UDSModalConfigProvider.useModalConfig();
+	const classNames = { title: require_styles_styler.getStyles({
+		modalSizeTitle: size,
+		modalVariantTitle: variant
+	}) };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.DialogHeading, {
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			as: "span",
+			...slotProps?.root,
+			className: require_styles_styler.cx(classNames.title, slotProps?.root?.className)
+		}),
+		children
+	});
+};
+ModalTitle.displayName = "ModalTitle";
+ModalTitle.__modalSlot = "title";
+//#endregion
+exports.ModalTitle = ModalTitle;

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

@@ -0,0 +1,23 @@
+
+import { UniversalModalTitleProps } from "../../../types/dist/index.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalTitle.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string | boolean;
+};
+type ModalTitleProps = UniversalModalTitleProps & {
+  slotProps?: {
+    root?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & DataAttributes>;
+  };
+};
+declare const ModalTitle: {
+  ({
+    children,
+    slotProps
+  }: ModalTitleProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+  __modalSlot: "title";
+};
+//#endregion
+export { ModalTitle, type ModalTitleProps };

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

@@ -0,0 +1,24 @@
+
+"use client";
+import { UniversalModalTitleProps } from "../../../types/dist/index.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/ModalTitle.d.ts
+type DataAttributes = {
+  [name: `data-${string}`]: string | boolean;
+};
+type ModalTitleProps = UniversalModalTitleProps & {
+  slotProps?: {
+    root?: Partial<Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & DataAttributes>;
+  };
+};
+declare const ModalTitle: {
+  ({
+    children,
+    slotProps
+  }: ModalTitleProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+  __modalSlot: "title";
+};
+//#endregion
+export { ModalTitle, type ModalTitleProps };

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

@@ -0,0 +1,27 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Text } from "../../Text.js";
+import { useModalConfig } from "./UDSModalConfigProvider.js";
+import { jsx } from "react/jsx-runtime";
+import { DialogHeading } from "@ariakit/react";
+//#region src/components/client/Modal/ModalTitle.tsx
+const ModalTitle = ({ children, slotProps }) => {
+	const { size, variant } = useModalConfig();
+	const classNames = { title: getStyles({
+		modalSizeTitle: size,
+		modalVariantTitle: variant
+	}) };
+	return /* @__PURE__ */ jsx(DialogHeading, {
+		render: /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			...slotProps?.root,
+			className: cx(classNames.title, slotProps?.root?.className)
+		}),
+		children
+	});
+};
+ModalTitle.displayName = "ModalTitle";
+ModalTitle.__modalSlot = "title";
+//#endregion
+export { ModalTitle };

package/dist/components/client/Modal/UDSModalConfigProvider.cjs

@@ -0,0 +1,42 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/Modal/UDSModalConfigProvider.tsx
+const ModalContext = (0, react.createContext)(void 0);
+const UDSModalConfigProvider = ({ children, value }) => {
+	const existingContext = (0, react.useContext)(ModalContext);
+	if ("type" in value) {
+		if (!existingContext) throw new Error("Cannot merge context values without an existing ModalContext");
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
+			value: {
+				...existingContext,
+				...value.value
+			},
+			children
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
+		value,
+		children
+	});
+};
+UDSModalConfigProvider.displayName = "UDSModalConfigProvider";
+function useModalConfig(sizeProp, variantProp) {
+	const context = (0, react.useContext)(ModalContext);
+	if (!context) throw new Error("useModalConfig must be used within a UDSConfigProvider or UDSModalConfigProvider");
+	const { defaultSize, defaultVariant, gutter, animationDuration, animationEasing } = context;
+	const size = sizeProp ?? defaultSize;
+	return {
+		size,
+		variant: variantProp ?? defaultVariant,
+		animationDuration,
+		animationEasing,
+		gutter: gutter[size]
+	};
+}
+//#endregion
+exports.UDSModalConfigProvider = UDSModalConfigProvider;
+exports.useModalConfig = useModalConfig;

package/dist/components/client/Modal/UDSModalConfigProvider.d.cts

@@ -0,0 +1,35 @@
+
+import { ModalSize, ModalVariant, SpacingAlias } from "../../../types/dist/index.cjs";
+import { UDSModalConfigContextType } from "../../../runtime/modalConfig.cjs";
+import { PropsWithChildren } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/UDSModalConfigProvider.d.ts
+interface UDSModalConfigProviderProps extends PropsWithChildren {
+  value: UDSModalConfigContextType | {
+    type: 'merge';
+    value: Partial<UDSModalConfigContextType>;
+  };
+}
+declare const UDSModalConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSModalConfigProviderProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare function useModalConfig(sizeProp?: ModalSize | undefined, variantProp?: ModalVariant | undefined): {
+  size: "default";
+  variant: "default";
+  animationDuration: number | {
+    in: number;
+    out: number;
+  };
+  animationEasing: string | {
+    in: string;
+    out: string;
+  };
+  gutter: SpacingAlias;
+};
+//#endregion
+export { type UDSModalConfigContextType, UDSModalConfigProvider, type UDSModalConfigProviderProps, useModalConfig };

package/dist/components/client/Modal/UDSModalConfigProvider.d.ts

@@ -0,0 +1,36 @@
+
+"use client";
+import { ModalSize, ModalVariant, SpacingAlias } from "../../../types/dist/index.js";
+import { UDSModalConfigContextType } from "../../../runtime/modalConfig.js";
+import { PropsWithChildren } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Modal/UDSModalConfigProvider.d.ts
+interface UDSModalConfigProviderProps extends PropsWithChildren {
+  value: UDSModalConfigContextType | {
+    type: 'merge';
+    value: Partial<UDSModalConfigContextType>;
+  };
+}
+declare const UDSModalConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSModalConfigProviderProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare function useModalConfig(sizeProp?: ModalSize | undefined, variantProp?: ModalVariant | undefined): {
+  size: "default";
+  variant: "default";
+  animationDuration: number | {
+    in: number;
+    out: number;
+  };
+  animationEasing: string | {
+    in: string;
+    out: string;
+  };
+  gutter: SpacingAlias;
+};
+//#endregion
+export { type UDSModalConfigContextType, UDSModalConfigProvider, type UDSModalConfigProviderProps, useModalConfig };

package/dist/components/client/Modal/UDSModalConfigProvider.js

@@ -0,0 +1,39 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/Modal/UDSModalConfigProvider.tsx
+const ModalContext = createContext(void 0);
+const UDSModalConfigProvider = ({ children, value }) => {
+	const existingContext = useContext(ModalContext);
+	if ("type" in value) {
+		if (!existingContext) throw new Error("Cannot merge context values without an existing ModalContext");
+		return /* @__PURE__ */ jsx(ModalContext.Provider, {
+			value: {
+				...existingContext,
+				...value.value
+			},
+			children
+		});
+	}
+	return /* @__PURE__ */ jsx(ModalContext.Provider, {
+		value,
+		children
+	});
+};
+UDSModalConfigProvider.displayName = "UDSModalConfigProvider";
+function useModalConfig(sizeProp, variantProp) {
+	const context = useContext(ModalContext);
+	if (!context) throw new Error("useModalConfig must be used within a UDSConfigProvider or UDSModalConfigProvider");
+	const { defaultSize, defaultVariant, gutter, animationDuration, animationEasing } = context;
+	const size = sizeProp ?? defaultSize;
+	return {
+		size,
+		variant: variantProp ?? defaultVariant,
+		animationDuration,
+		animationEasing,
+		gutter: gutter[size]
+	};
+}
+//#endregion
+export { UDSModalConfigProvider, useModalConfig };

package/dist/components/client/Modal/index.cjs

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Modal_UDSModalConfigProvider = require("./UDSModalConfigProvider.cjs");
+const require_components_client_Modal_ModalActions = require("./ModalActions.cjs");
+const require_components_client_Modal_ModalContent = require("./ModalContent.cjs");
+const require_components_client_Modal_ModalDescription = require("./ModalDescription.cjs");
+const require_components_client_Modal_ModalTitle = require("./ModalTitle.cjs");
+const require_components_client_Modal_Modal = require("./Modal.cjs");
+exports.Modal = require_components_client_Modal_Modal.Modal;
+exports.ModalActions = require_components_client_Modal_ModalActions.ModalActions;
+exports.ModalContent = require_components_client_Modal_ModalContent.ModalContent;
+exports.ModalDescription = require_components_client_Modal_ModalDescription.ModalDescription;
+exports.ModalTitle = require_components_client_Modal_ModalTitle.ModalTitle;
+exports.UDSModalConfigProvider = require_components_client_Modal_UDSModalConfigProvider.UDSModalConfigProvider;
+exports.useModalConfig = require_components_client_Modal_UDSModalConfigProvider.useModalConfig;

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

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

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

@@ -0,0 +1,9 @@
+
+"use client";
+import { ModalActions, ModalActionsProps } from "./ModalActions.js";
+import { ModalContent, ModalContentProps } from "./ModalContent.js";
+import { ModalDescription, ModalDescriptionProps } from "./ModalDescription.js";
+import { ModalTitle, ModalTitleProps } from "./ModalTitle.js";
+import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./UDSModalConfigProvider.js";
+import { Modal, ModalProps } from "./Modal.js";
+export { Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, useModalConfig };

package/dist/components/client/Modal/index.js

@@ -0,0 +1,9 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { UDSModalConfigProvider, useModalConfig } from "./UDSModalConfigProvider.js";
+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, UDSModalConfigProvider, useModalConfig };

package/dist/components/client/Modal/useScrollFade.cjs

@@ -0,0 +1,38 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/components/client/Modal/useScrollFade.ts
+const FADE_PX = 30;
+const maskImage = `linear-gradient(to bottom, rgba(0,0,0,calc(1 - var(--fade-top,0))) 0px, black ${FADE_PX}px, black calc(100% - ${FADE_PX}px), rgba(0,0,0,calc(1 - var(--fade-bottom,0))) 100%)`;
+function updateFadeVars(el) {
+	const { scrollTop, scrollHeight, clientHeight } = el;
+	el.style.setProperty("--fade-top", scrollTop > 1 ? "1" : "0");
+	el.style.setProperty("--fade-bottom", scrollTop < scrollHeight - clientHeight - 1 ? "1" : "0");
+}
+function useScrollFade(enabled) {
+	const observerRef = (0, react.useRef)(null);
+	const ref = (0, react.useCallback)((el) => {
+		observerRef.current?.disconnect();
+		observerRef.current = null;
+		if (!el || !enabled) return;
+		updateFadeVars(el);
+		observerRef.current = new ResizeObserver(() => updateFadeVars(el));
+		observerRef.current.observe(el);
+	}, [enabled]);
+	const onScroll = (0, react.useCallback)((e) => {
+		if (enabled) updateFadeVars(e.currentTarget);
+	}, [enabled]);
+	if (!enabled) return {};
+	return {
+		ref,
+		onScroll,
+		style: {
+			maskImage,
+			WebkitMaskImage: maskImage
+		}
+	};
+}
+//#endregion
+exports.useScrollFade = useScrollFade;