@yahoo/uds 3.176.0-beta.1 → 3.176.0

package/dist/components/client/BottomSheet/BottomSheet.js

@@ -5,6 +5,7 @@ import { Box } from "../../Box.js";
 import { Scrim } from "../../Scrim.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { exposeAriakitScrollbarWidth } from "../../../utils/exposeAriakitScrollbarWidth.js";
+import { isFocusEnteringOwnFrame } from "../../../utils/isFocusEnteringOwnFrame.js";
 import { BottomSheetHandle } from "./BottomSheetHandle.js";
 import { BottomSheetInternalContext } from "./BottomSheetInternalContext.js";
 import { getBottomSheetSnapTransition } from "./getBottomSheetSnapTransition.js";
@@ -47,6 +48,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 	const forceZeroMarginsRef = useRef(false);
 	forceZeroMarginsRef.current = keyboardHeightPx > 0;
 	const sheetRef = useRef(null);
+	const handleContainerRef = useRef(null);
 	const maxSnapPxRef = useRef(0);
 	const sheetHeightRef = useRef(void 0);
 	const wasOpenRef = useRef(false);
@@ -74,9 +76,51 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 	const setTranslateImmediate = useCallback((nextTranslatePx) => {
 		const el = sheetRef.current;
 		if (!el) return;
-		applySheetHeight(el, `${maxSnapPxRef.current - nextTranslatePx}px`);
+		const h = `${maxSnapPxRef.current - nextTranslatePx}px`;
+		applySheetHeight(el, h);
 		applyExpansionMargins(el, nextTranslatePx);
 	}, [applySheetHeight, applyExpansionMargins]);
+	/**
+	* Applies snap/open/close position updates with animation.
+	* - First open: set height immediately so transform-based enter animation can run.
+	* - Snap-to-snap: animate height (and expansion margins when enabled), then cleanup.
+	*/
+	const setTranslateAnimated = useCallback((nextTranslatePx) => {
+		const el = sheetRef.current;
+		if (!el) return;
+		const h = `${maxSnapPxRef.current - nextTranslatePx}px`;
+		if (!el.style.height) {
+			applySheetHeight(el, h);
+			applyExpansionMargins(el, nextTranslatePx);
+		} else if (reducedMotion) {
+			el.style.removeProperty("transition");
+			applySheetHeight(el, h);
+			applyExpansionMargins(el, nextTranslatePx);
+		} else {
+			const transition = getBottomSheetSnapTransition({
+				prefersReducedMotion: reducedMotion,
+				animateExpansionMargins: expansionThresholdRef.current != null
+			});
+			if (!transition) {
+				applySheetHeight(el, h);
+				applyExpansionMargins(el, nextTranslatePx);
+				return;
+			}
+			el.style.transition = transition;
+			applySheetHeight(el, h);
+			applyExpansionMargins(el, nextTranslatePx);
+			const cleanup = () => {
+				el.style.removeProperty("transition");
+				el.removeEventListener("transitionend", cleanup);
+			};
+			el.addEventListener("transitionend", cleanup);
+		}
+	}, [
+		applySheetHeight,
+		applyExpansionMargins,
+		expansionThresholdRef,
+		reducedMotion
+	]);
 	const { resolvedSnapPoints, snapPointsPx, maxSnapPointPx, snapPointTranslatesPx, activeSnapIndex, restTranslatePx, emitSnapPointChange, openTimeRef, lastTimeDragPreventedRef, isEnteringRef } = useBottomSheetSnapModel({
 		isOpen,
 		snapPointsProp,
@@ -86,42 +130,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 		onSnapPointChange,
 		viewportHeightPx,
 		maxHeightPx,
-		setTranslateAnimated: useCallback((nextTranslatePx) => {
-			const el = sheetRef.current;
-			if (!el) return;
-			const h = `${maxSnapPxRef.current - nextTranslatePx}px`;
-			if (!el.style.height) {
-				applySheetHeight(el, h);
-				applyExpansionMargins(el, nextTranslatePx);
-			} else if (reducedMotion) {
-				el.style.removeProperty("transition");
-				applySheetHeight(el, h);
-				applyExpansionMargins(el, nextTranslatePx);
-			} else {
-				const transition = getBottomSheetSnapTransition({
-					prefersReducedMotion: reducedMotion,
-					animateExpansionMargins: expansionThresholdRef.current != null
-				});
-				if (!transition) {
-					applySheetHeight(el, h);
-					applyExpansionMargins(el, nextTranslatePx);
-					return;
-				}
-				el.style.transition = transition;
-				applySheetHeight(el, h);
-				applyExpansionMargins(el, nextTranslatePx);
-				const cleanup = () => {
-					el.style.removeProperty("transition");
-					el.removeEventListener("transitionend", cleanup);
-				};
-				el.addEventListener("transitionend", cleanup);
-			}
-		}, [
-			applySheetHeight,
-			applyExpansionMargins,
-			expansionThresholdRef,
-			reducedMotion
-		]),
+		setTranslateAnimated,
 		isDraggingRef
 	});
 	maxSnapPxRef.current = maxSnapPointPx;
@@ -133,6 +142,13 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 	const scrollLocked = !isAtMaxSnapPoint;
 	const internalContextValue = useMemo(() => ({ scrollLocked }), [scrollLocked]);
 	const shouldHideEdgeBordersAtMaxSnap = fullWidthAtMaxSnap && resolvedSnapPoints.length >= 2 && isAtMaxSnapPoint;
+	const handleHandleIndicatorClick = useCallback(() => {
+		emitSnapPointChange(isAtMaxSnapPoint ? 0 : resolvedSnapPoints.length - 1);
+	}, [
+		emitSnapPointChange,
+		isAtMaxSnapPoint,
+		resolvedSnapPoints.length
+	]);
 	const handleHandleIndicatorKeyDown = useCallback((event) => {
 		if (!shouldShowHandleIndicator || resolvedSnapPoints.length <= 1) return;
 		if (event.key === "ArrowUp") {
@@ -191,7 +207,15 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 		className: slotProps?.scrim?.className,
 		animateOpacity: true
 	}) : false;
-	const hideOnInteractOutside = modal && dismissible ? void 0 : false;
+	const hideOnInteractOutside = modal && dismissible ? (event) => !isFocusEnteringOwnFrame(event, sheetRef.current) : false;
+	const autoFocusOnShow = useCallback((element) => {
+		const sheet = sheetRef.current;
+		if (!sheet || !element || !handleContainerRef.current?.contains(element)) return true;
+		if (sheet.ownerDocument.activeElement !== sheet) queueMicrotask(() => {
+			if (sheet.isConnected && sheet.ownerDocument.activeElement !== sheet) sheet.focus({ preventScroll: true });
+		});
+		return false;
+	}, []);
 	const isElevationBackgroundColor = configBackgroundColor[variant].startsWith("elevation-");
 	return /* @__PURE__ */ jsxs(Dialog, {
 		ref: sheetRef,
@@ -200,6 +224,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 		unmountOnHide: true,
 		hideOnEscape: dismissible ? hideOnEscape : false,
 		hideOnInteractOutside,
+		autoFocusOnShow,
 		onClose,
 		"aria-label": ariaLabel,
 		"aria-labelledby": ariaLabelledBy,
@@ -209,7 +234,7 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 		portalElement,
 		preventBodyScroll: preventBodyScroll ?? (modal ? void 0 : false),
 		"data-testid": "bottom-sheet",
-		className: cx("fixed overflow-hidden inset-x-0 bottom-0 z-50", keyboardHeightPx > 0 ? void 0 : "bottom-0", scrollLocked ? "[will-change:transform] touch-none" : "[will-change:transform]", "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]", "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]", "transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:transition-none", sheetClassName, rootVariantClass),
+		className: cx("fixed overflow-hidden inset-x-0 bottom-0 z-50", "outline-none", keyboardHeightPx > 0 ? void 0 : "bottom-0", scrollLocked ? "[will-change:transform] touch-none" : "[will-change:transform]", "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]", "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]", "transition-transform duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]", "motion-reduce:transition-none", sheetClassName, rootVariantClass),
 		style: {
 			height: sheetHeightRef.current,
 			maxHeight: maxHeightPx ? `${maxHeightPx}px` : void 0,
@@ -230,10 +255,13 @@ function BottomSheet({ children, className: sheetClassName, controller: controll
 		onPointerUp,
 		onPointerCancel,
 		children: [shouldShowHandleIndicator && /* @__PURE__ */ jsx(Box, {
+			ref: handleContainerRef,
 			display: "block",
 			position: "absolute",
 			className: cx("inset-x-0 top-[-4px] z-[1] touch-pan-y"),
 			children: /* @__PURE__ */ jsx(BottomSheetHandle, {
+				interactive: resolvedSnapPoints.length > 1,
+				onClick: handleHandleIndicatorClick,
 				onKeyDown: handleHandleIndicatorKeyDown,
 				ariaLabel: "Resize sheet",
 				className: slotProps?.handleIndicator?.className,

package/dist/components/client/BottomSheet/BottomSheetContent.cjs

@@ -1,7 +1,6 @@
 /*! © 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_VStack = require("../../VStack.cjs");

package/dist/components/client/BottomSheet/BottomSheetContent.d.cts

@@ -1,13 +1,8 @@
 
 import { UniversalBottomSheetContentProps } from "../../../types/dist/index.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetContent.d.ts
 type BottomSheetContentProps = UniversalBottomSheetContentProps;
-declare function BottomSheetContent({
-  children,
-  className
-}: BottomSheetContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetContent({ children, className }: BottomSheetContentProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetContent {
   var displayName: string;
 }

package/dist/components/client/BottomSheet/BottomSheetContent.d.ts

@@ -1,14 +1,9 @@
 
 "use client";
 import { UniversalBottomSheetContentProps } from "../../../types/dist/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetContent.d.ts
 type BottomSheetContentProps = UniversalBottomSheetContentProps;
-declare function BottomSheetContent({
-  children,
-  className
-}: BottomSheetContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetContent({ children, className }: BottomSheetContentProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetContent {
   var displayName: string;
 }

package/dist/components/client/BottomSheet/BottomSheetDismiss.cjs

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react_dialog = require("@ariakit/react/dialog");
 //#region src/components/client/BottomSheet/BottomSheetDismiss.tsx

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

@@ -1,10 +1,8 @@
 
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogDismissProps } from "@ariakit/react/dialog";
-
 //#region src/components/client/BottomSheet/BottomSheetDismiss.d.ts
 type BottomSheetDismissProps = DialogDismissProps;
-declare function BottomSheetDismiss(props: BottomSheetDismissProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetDismiss(props: BottomSheetDismissProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetDismiss {
   var displayName: string;
 }

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

@@ -1,11 +1,9 @@
 
 "use client";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogDismissProps } from "@ariakit/react/dialog";
-
 //#region src/components/client/BottomSheet/BottomSheetDismiss.d.ts
 type BottomSheetDismissProps = DialogDismissProps;
-declare function BottomSheetDismiss(props: BottomSheetDismissProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetDismiss(props: BottomSheetDismissProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetDismiss {
   var displayName: string;
 }

package/dist/components/client/BottomSheet/BottomSheetHandle.cjs

@@ -1,25 +1,34 @@
 /*! © 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_client_Pressable = require("../Pressable.cjs");
 const require_components_Box = require("../../Box.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/client/BottomSheet/BottomSheetHandle.tsx
-function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
+function BottomSheetHandle({ className, interactive = true, onClick, onKeyDown, ariaLabel, variant = "default" }) {
 	const handleIndicatorVariantClass = require_styles_styler.getStyles({ bottomsheetVariantHandleIndicator: variant });
+	const handleClassName = require_styles_styler.cx("relative", "h-5 w-16", "[touch-action:pan-y]");
+	const indicatorClassName = require_styles_styler.cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
 		display: "flex",
 		justifyContent: "center",
 		className: require_styles_styler.cx(className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
-			tabIndex: 0,
-			"aria-label": ariaLabel ?? "Resize sheet",
-			onKeyDown,
-			className: require_styles_styler.cx("relative", "h-5 w-16", "outline-none focus-visible:outline-none", "[touch-action:pan-y]"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+			display: "block",
+			className: handleClassName,
+			children: interactive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pressable.Pressable, {
+				type: "button",
 				display: "block",
-				className: require_styles_styler.cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass)
+				"aria-label": ariaLabel ?? "Resize sheet",
+				onClick,
+				onKeyDown,
+				className: require_styles_styler.cx(indicatorClassName, "uds-ring outline-none", "before:absolute before:-inset-x-4 before:-inset-y-2 before:content-['']")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+				as: "span",
+				display: "block",
+				"aria-hidden": "true",
+				className: indicatorClassName
 			})
 		})
 	});

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

@@ -1,20 +1,15 @@
 
 import { BottomSheetVariant } from "../../../types/dist/index.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetHandle.d.ts
 interface BottomSheetHandleProps {
   className?: string;
+  interactive?: boolean;
+  onClick?: () => void;
   onKeyDown?: (event: React.KeyboardEvent) => void;
   ariaLabel?: string;
   variant?: BottomSheetVariant;
 }
-declare function BottomSheetHandle({
-  className,
-  onKeyDown,
-  ariaLabel,
-  variant
-}: BottomSheetHandleProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetHandle({ className, interactive, onClick, onKeyDown, ariaLabel, variant }: BottomSheetHandleProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetHandle {
   var displayName: string;
 }

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

@@ -1,21 +1,16 @@
 
 "use client";
 import { BottomSheetVariant } from "../../../types/dist/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetHandle.d.ts
 interface BottomSheetHandleProps {
   className?: string;
+  interactive?: boolean;
+  onClick?: () => void;
   onKeyDown?: (event: React.KeyboardEvent) => void;
   ariaLabel?: string;
   variant?: BottomSheetVariant;
 }
-declare function BottomSheetHandle({
-  className,
-  onKeyDown,
-  ariaLabel,
-  variant
-}: BottomSheetHandleProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetHandle({ className, interactive, onClick, onKeyDown, ariaLabel, variant }: BottomSheetHandleProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetHandle {
   var displayName: string;
 }

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

@@ -1,23 +1,33 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
+import { Pressable } from "../Pressable.js";
 import { Box } from "../../Box.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/client/BottomSheet/BottomSheetHandle.tsx
-function BottomSheetHandle({ className, onKeyDown, ariaLabel, variant = "default" }) {
+function BottomSheetHandle({ className, interactive = true, onClick, onKeyDown, ariaLabel, variant = "default" }) {
 	const handleIndicatorVariantClass = getStyles({ bottomsheetVariantHandleIndicator: variant });
+	const handleClassName = cx("relative", "h-5 w-16", "[touch-action:pan-y]");
+	const indicatorClassName = cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass);
 	return /* @__PURE__ */ jsx(Box, {
 		display: "flex",
 		justifyContent: "center",
 		className: cx(className),
 		children: /* @__PURE__ */ jsx(Box, {
-			tabIndex: 0,
-			"aria-label": ariaLabel ?? "Resize sheet",
-			onKeyDown,
-			className: cx("relative", "h-5 w-16", "outline-none focus-visible:outline-none", "[touch-action:pan-y]"),
-			children: /* @__PURE__ */ jsx(Box, {
+			display: "block",
+			className: handleClassName,
+			children: interactive ? /* @__PURE__ */ jsx(Pressable, {
+				type: "button",
 				display: "block",
-				className: cx("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "h-1 w-8 rounded-full", handleIndicatorVariantClass)
+				"aria-label": ariaLabel ?? "Resize sheet",
+				onClick,
+				onKeyDown,
+				className: cx(indicatorClassName, "uds-ring outline-none", "before:absolute before:-inset-x-4 before:-inset-y-2 before:content-['']")
+			}) : /* @__PURE__ */ jsx(Box, {
+				as: "span",
+				display: "block",
+				"aria-hidden": "true",
+				className: indicatorClassName
 			})
 		})
 	});

package/dist/components/client/BottomSheet/BottomSheetHeader.cjs

@@ -1,7 +1,6 @@
 /*! © 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_Box = require("../../Box.cjs");

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

@@ -1,16 +1,8 @@
 
 import { UniversalBottomSheetHeaderProps } from "../../../types/dist/index.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetHeader.d.ts
 type BottomSheetHeaderProps = UniversalBottomSheetHeaderProps;
-declare function BottomSheetHeader({
-  children,
-  start,
-  end,
-  variant,
-  className
-}: BottomSheetHeaderProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetHeader({ children, start, end, variant, className }: BottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetHeader {
   var displayName: string;
 }

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

@@ -1,17 +1,9 @@
 
 "use client";
 import { UniversalBottomSheetHeaderProps } from "../../../types/dist/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetHeader.d.ts
 type BottomSheetHeaderProps = UniversalBottomSheetHeaderProps;
-declare function BottomSheetHeader({
-  children,
-  start,
-  end,
-  variant,
-  className
-}: BottomSheetHeaderProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetHeader({ children, start, end, variant, className }: BottomSheetHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetHeader {
   var displayName: string;
 }

package/dist/components/client/BottomSheet/BottomSheetInternalContext.cjs

@@ -1,7 +1,6 @@
 /*! © 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/BottomSheet/BottomSheetInternalContext.tsx
 const BottomSheetInternalContext = (0, react.createContext)(null);

package/dist/components/client/BottomSheet/BottomSheetInternalContext.d.cts

@@ -1,12 +1,10 @@
 
-import * as _$react from "react";
-
 //#region src/components/client/BottomSheet/BottomSheetInternalContext.d.ts
 interface BottomSheetInternalContextValue {
   /** Whether content scrolling is locked (true at non-max snap points). */
   scrollLocked: boolean;
 }
-declare const BottomSheetInternalContext: _$react.Context<BottomSheetInternalContextValue | null>;
+declare const BottomSheetInternalContext: import("react").Context<BottomSheetInternalContextValue | null>;
 declare function useBottomSheetInternalContext(): BottomSheetInternalContextValue | null;
 //#endregion
 export { BottomSheetInternalContext, useBottomSheetInternalContext };

package/dist/components/client/BottomSheet/BottomSheetInternalContext.d.ts

@@ -1,13 +1,11 @@
 
 "use client";
-import * as _$react from "react";
-
 //#region src/components/client/BottomSheet/BottomSheetInternalContext.d.ts
 interface BottomSheetInternalContextValue {
   /** Whether content scrolling is locked (true at non-max snap points). */
   scrollLocked: boolean;
 }
-declare const BottomSheetInternalContext: _$react.Context<BottomSheetInternalContextValue | null>;
+declare const BottomSheetInternalContext: import("react").Context<BottomSheetInternalContextValue | null>;
 declare function useBottomSheetInternalContext(): BottomSheetInternalContextValue | null;
 //#endregion
 export { BottomSheetInternalContext, useBottomSheetInternalContext };

package/dist/components/client/BottomSheet/BottomSheetProvider.cjs

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_components_client_BottomSheet_useBottomSheetStoreInternal = require("./useBottomSheetStoreInternal.cjs");
 const require_components_client_BottomSheet_useBottomSheetStore = require("./useBottomSheetStore.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -9,8 +8,9 @@ let _ariakit_react_dialog = require("@ariakit/react/dialog");
 //#region src/components/client/BottomSheet/BottomSheetProvider.tsx
 const BottomSheetProvider = ({ children, controller: controllerProp }) => {
 	const fallbackStore = require_components_client_BottomSheet_useBottomSheetStoreInternal.useBottomSheetStoreInternal();
+	const store = controllerProp ? require_components_client_BottomSheet_useBottomSheetStore.getBottomSheetInternal(controllerProp) : fallbackStore;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react_dialog.DialogProvider, {
-		store: controllerProp ? require_components_client_BottomSheet_useBottomSheetStore.getBottomSheetInternal(controllerProp) : fallbackStore,
+		store,
 		children
 	});
 };

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

@@ -1,18 +1,13 @@
 
 import { BottomSheetController } from "./useBottomSheetStore.cjs";
 import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetProvider.d.ts
 interface BottomSheetProviderProps {
   children: ReactNode;
   controller?: BottomSheetController;
 }
 declare const BottomSheetProvider: {
-  ({
-    children,
-    controller: controllerProp
-  }: BottomSheetProviderProps): _$react_jsx_runtime0.JSX.Element;
+  ({ children, controller: controllerProp }: BottomSheetProviderProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -2,18 +2,13 @@
 "use client";
 import { BottomSheetController } from "./useBottomSheetStore.js";
 import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/BottomSheetProvider.d.ts
 interface BottomSheetProviderProps {
   children: ReactNode;
   controller?: BottomSheetController;
 }
 declare const BottomSheetProvider: {
-  ({
-    children,
-    controller: controllerProp
-  }: BottomSheetProviderProps): _$react_jsx_runtime0.JSX.Element;
+  ({ children, controller: controllerProp }: BottomSheetProviderProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/client/BottomSheet/BottomSheetProvider.js

@@ -7,8 +7,9 @@ import { DialogProvider } from "@ariakit/react/dialog";
 //#region src/components/client/BottomSheet/BottomSheetProvider.tsx
 const BottomSheetProvider = ({ children, controller: controllerProp }) => {
 	const fallbackStore = useBottomSheetStoreInternal();
+	const store = controllerProp ? getBottomSheetInternal(controllerProp) : fallbackStore;
 	return /* @__PURE__ */ jsx(DialogProvider, {
-		store: controllerProp ? getBottomSheetInternal(controllerProp) : fallbackStore,
+		store,
 		children
 	});
 };

package/dist/components/client/BottomSheet/BottomSheetTrigger.cjs

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react_dialog = require("@ariakit/react/dialog");
 //#region src/components/client/BottomSheet/BottomSheetTrigger.tsx

package/dist/components/client/BottomSheet/BottomSheetTrigger.d.cts

@@ -1,10 +1,8 @@
 
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogDisclosureProps } from "@ariakit/react/dialog";
-
 //#region src/components/client/BottomSheet/BottomSheetTrigger.d.ts
 type BottomSheetTriggerProps = DialogDisclosureProps;
-declare function BottomSheetTrigger(props: BottomSheetTriggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetTrigger(props: BottomSheetTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetTrigger {
   var displayName: string;
 }

package/dist/components/client/BottomSheet/BottomSheetTrigger.d.ts

@@ -1,11 +1,9 @@
 
 "use client";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { DialogDisclosureProps } from "@ariakit/react/dialog";
-
 //#region src/components/client/BottomSheet/BottomSheetTrigger.d.ts
 type BottomSheetTriggerProps = DialogDisclosureProps;
-declare function BottomSheetTrigger(props: BottomSheetTriggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function BottomSheetTrigger(props: BottomSheetTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BottomSheetTrigger {
   var displayName: string;
 }

package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.cjs

@@ -1,7 +1,6 @@
 /*! © 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/BottomSheet/UDSBottomSheetConfigProvider.tsx

package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.cts

@@ -1,8 +1,6 @@
 
 import { UDSBottomSheetConfigContextType } from "../../../runtime/bottomSheetConfig.cjs";
 import { PropsWithChildren } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.ts
 interface UDSBottomSheetConfigProviderProps extends PropsWithChildren {
   value: UDSBottomSheetConfigContextType | {
@@ -11,10 +9,7 @@ interface UDSBottomSheetConfigProviderProps extends PropsWithChildren {
   };
 }
 declare const UDSBottomSheetConfigProvider: {
-  ({
-    children,
-    value
-  }: UDSBottomSheetConfigProviderProps): _$react_jsx_runtime0.JSX.Element;
+  ({ children, value }: UDSBottomSheetConfigProviderProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 declare function useBottomSheetConfig(): UDSBottomSheetConfigContextType;

package/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.ts

@@ -2,8 +2,6 @@
 "use client";
 import { UDSBottomSheetConfigContextType } from "../../../runtime/bottomSheetConfig.js";
 import { PropsWithChildren } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.ts
 interface UDSBottomSheetConfigProviderProps extends PropsWithChildren {
   value: UDSBottomSheetConfigContextType | {
@@ -12,10 +10,7 @@ interface UDSBottomSheetConfigProviderProps extends PropsWithChildren {
   };
 }
 declare const UDSBottomSheetConfigProvider: {
-  ({
-    children,
-    value
-  }: UDSBottomSheetConfigProviderProps): _$react_jsx_runtime0.JSX.Element;
+  ({ children, value }: UDSBottomSheetConfigProviderProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 declare function useBottomSheetConfig(): UDSBottomSheetConfigContextType;