@yahoo/uds 3.114.0-beta.2 → 3.114.0

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

@@ -0,0 +1,18 @@
+
+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 namespace BottomSheetHeader {
+  var displayName: string;
+}
+//#endregion
+export { BottomSheetHeader, type BottomSheetHeaderProps };

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

@@ -0,0 +1,40 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { Text } from "../../Text.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/client/BottomSheet/BottomSheetHeader.tsx
+function BottomSheetHeader({ children, start, end, variant = "default", className }) {
+	const headerVariantClass = getStyles({ bottomsheetVariantHeader: variant });
+	const resolvedStart = start ?? /* @__PURE__ */ jsx(Box, { className: "h-10 w-10 opacity-0 pointer-events-none" });
+	const resolvedEnd = end ?? /* @__PURE__ */ jsx(Box, { className: "h-10 w-10 opacity-0 pointer-events-none" });
+	return /* @__PURE__ */ jsxs(Box, {
+		display: "grid",
+		className: cx("grid-cols-[40px_1fr_40px]", "items-center", "w-full", "min-h-10", "mt-2", headerVariantClass, className),
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				display: "flex",
+				justifyContent: "flex-start",
+				children: resolvedStart
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				variant: "inherit",
+				color: "inherit",
+				textAlign: "center",
+				className: "w-full",
+				children
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				display: "flex",
+				justifyContent: "flex-end",
+				children: resolvedEnd
+			})
+		]
+	});
+}
+BottomSheetHeader.displayName = "BottomSheetHeader";
+
+//#endregion
+export { BottomSheetHeader };

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

@@ -0,0 +1,21 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = 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");
+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();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react_dialog.DialogProvider, {
+		store: controllerProp ? require_components_client_BottomSheet_useBottomSheetStore.getBottomSheetInternal(controllerProp) : fallbackStore,
+		children
+	});
+};
+BottomSheetProvider.displayName = "BottomSheetProvider";
+
+//#endregion
+exports.BottomSheetProvider = BottomSheetProvider;

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

@@ -0,0 +1,19 @@
+
+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;
+  displayName: string;
+};
+//#endregion
+export { BottomSheetProvider, type BottomSheetProviderProps };

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

@@ -0,0 +1,19 @@
+
+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;
+  displayName: string;
+};
+//#endregion
+export { BottomSheetProvider, type BottomSheetProviderProps };

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

@@ -0,0 +1,19 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { useBottomSheetStoreInternal } from "./useBottomSheetStoreInternal.js";
+import { getBottomSheetInternal } from "./useBottomSheetStore.js";
+import { jsx } from "react/jsx-runtime";
+import { DialogProvider } from "@ariakit/react/dialog";
+
+//#region src/components/client/BottomSheet/BottomSheetProvider.tsx
+const BottomSheetProvider = ({ children, controller: controllerProp }) => {
+	const fallbackStore = useBottomSheetStoreInternal();
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		store: controllerProp ? getBottomSheetInternal(controllerProp) : fallbackStore,
+		children
+	});
+};
+BottomSheetProvider.displayName = "BottomSheetProvider";
+
+//#endregion
+export { BottomSheetProvider };

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

@@ -0,0 +1,15 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = 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
+function BottomSheetTrigger(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react_dialog.DialogDisclosure, { ...props });
+}
+BottomSheetTrigger.displayName = "BottomSheetTrigger";
+
+//#endregion
+exports.BottomSheetTrigger = BottomSheetTrigger;

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

@@ -0,0 +1,12 @@
+
+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 namespace BottomSheetTrigger {
+  var displayName: string;
+}
+//#endregion
+export { BottomSheetTrigger, type BottomSheetTriggerProps };

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

@@ -0,0 +1,12 @@
+
+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 namespace BottomSheetTrigger {
+  var displayName: string;
+}
+//#endregion
+export { BottomSheetTrigger, type BottomSheetTriggerProps };

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

@@ -0,0 +1,13 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { jsx } from "react/jsx-runtime";
+import { DialogDisclosure } from "@ariakit/react/dialog";
+
+//#region src/components/client/BottomSheet/BottomSheetTrigger.tsx
+function BottomSheetTrigger(props) {
+	return /* @__PURE__ */ jsx(DialogDisclosure, { ...props });
+}
+BottomSheetTrigger.displayName = "BottomSheetTrigger";
+
+//#endregion
+export { BottomSheetTrigger };

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

@@ -0,0 +1,32 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/client/BottomSheet/UDSBottomSheetConfigProvider.tsx
+const BottomSheetContext = (0, react.createContext)(void 0);
+const UDSBottomSheetConfigProvider = ({ children, value }) => {
+	const existingContext = (0, react.useContext)(BottomSheetContext);
+	const isMerge = typeof value === "object" && "type" in value && value.type === "merge";
+	if (isMerge && !existingContext) throw new Error("Cannot merge context values without an existing BottomSheetContext");
+	const finalValue = isMerge ? {
+		...existingContext,
+		...value.value
+	} : value;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetContext.Provider, {
+		value: finalValue,
+		children
+	});
+};
+UDSBottomSheetConfigProvider.displayName = "UDSBottomSheetConfigProvider";
+function useBottomSheetConfig() {
+	const context = (0, react.useContext)(BottomSheetContext);
+	if (!context) throw new Error("useBottomSheetConfig must be used within a UDSBottomSheetConfigProvider");
+	return context;
+}
+
+//#endregion
+exports.UDSBottomSheetConfigProvider = UDSBottomSheetConfigProvider;
+exports.useBottomSheetConfig = useBottomSheetConfig;

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

@@ -0,0 +1,22 @@
+
+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 | {
+    type: 'merge';
+    value: Partial<UDSBottomSheetConfigContextType>;
+  };
+}
+declare const UDSBottomSheetConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSBottomSheetConfigProviderProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare function useBottomSheetConfig(): UDSBottomSheetConfigContextType;
+//#endregion
+export { type UDSBottomSheetConfigContextType, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, useBottomSheetConfig };

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

@@ -0,0 +1,22 @@
+
+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 | {
+    type: 'merge';
+    value: Partial<UDSBottomSheetConfigContextType>;
+  };
+}
+declare const UDSBottomSheetConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSBottomSheetConfigProviderProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare function useBottomSheetConfig(): UDSBottomSheetConfigContextType;
+//#endregion
+export { type UDSBottomSheetConfigContextType, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, useBottomSheetConfig };

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

@@ -0,0 +1,29 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/client/BottomSheet/UDSBottomSheetConfigProvider.tsx
+const BottomSheetContext = createContext(void 0);
+const UDSBottomSheetConfigProvider = ({ children, value }) => {
+	const existingContext = useContext(BottomSheetContext);
+	const isMerge = typeof value === "object" && "type" in value && value.type === "merge";
+	if (isMerge && !existingContext) throw new Error("Cannot merge context values without an existing BottomSheetContext");
+	const finalValue = isMerge ? {
+		...existingContext,
+		...value.value
+	} : value;
+	return /* @__PURE__ */ jsx(BottomSheetContext.Provider, {
+		value: finalValue,
+		children
+	});
+};
+UDSBottomSheetConfigProvider.displayName = "UDSBottomSheetConfigProvider";
+function useBottomSheetConfig() {
+	const context = useContext(BottomSheetContext);
+	if (!context) throw new Error("useBottomSheetConfig must be used within a UDSBottomSheetConfigProvider");
+	return context;
+}
+
+//#endregion
+export { UDSBottomSheetConfigProvider, useBottomSheetConfig };

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

@@ -0,0 +1,22 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_components_client_BottomSheet_UDSBottomSheetConfigProvider = require('./UDSBottomSheetConfigProvider.cjs');
+const require_components_client_BottomSheet_useBottomSheetStore = require('./useBottomSheetStore.cjs');
+const require_components_client_BottomSheet_BottomSheet = require('./BottomSheet.cjs');
+const require_components_client_BottomSheet_BottomSheetContent = require('./BottomSheetContent.cjs');
+const require_components_client_BottomSheet_BottomSheetDismiss = require('./BottomSheetDismiss.cjs');
+const require_components_client_BottomSheet_BottomSheetHeader = require('./BottomSheetHeader.cjs');
+const require_components_client_BottomSheet_BottomSheetProvider = require('./BottomSheetProvider.cjs');
+const require_components_client_BottomSheet_BottomSheetTrigger = require('./BottomSheetTrigger.cjs');
+
+exports.BottomSheet = require_components_client_BottomSheet_BottomSheet.BottomSheet;
+exports.BottomSheetContent = require_components_client_BottomSheet_BottomSheetContent.BottomSheetContent;
+exports.BottomSheetDismiss = require_components_client_BottomSheet_BottomSheetDismiss.BottomSheetDismiss;
+exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHeader.BottomSheetHeader;
+exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
+exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
+exports.UDSBottomSheetConfigProvider = require_components_client_BottomSheet_UDSBottomSheetConfigProvider.UDSBottomSheetConfigProvider;
+exports.getBottomSheetInternal = require_components_client_BottomSheet_useBottomSheetStore.getBottomSheetInternal;
+exports.useBottomSheetConfig = require_components_client_BottomSheet_UDSBottomSheetConfigProvider.useBottomSheetConfig;
+exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;

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

@@ -0,0 +1,10 @@
+
+import { BottomSheetController, UseBottomSheetStoreProps, getBottomSheetInternal, useBottomSheetStore } from "./useBottomSheetStore.cjs";
+import { BottomSheet, BottomSheetProps } from "./BottomSheet.cjs";
+import { BottomSheetContent, BottomSheetContentProps } from "./BottomSheetContent.cjs";
+import { BottomSheetDismiss, BottomSheetDismissProps } from "./BottomSheetDismiss.cjs";
+import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheetHeader.cjs";
+import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheetProvider.cjs";
+import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheetTrigger.cjs";
+import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps, useBottomSheetConfig } from "./UDSBottomSheetConfigProvider.cjs";
+export { BottomSheet, BottomSheetContent, type BottomSheetContentProps, BottomSheetController, BottomSheetDismiss, BottomSheetDismissProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, BottomSheetProvider, BottomSheetProviderProps, BottomSheetTrigger, BottomSheetTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UseBottomSheetStoreProps, getBottomSheetInternal, useBottomSheetConfig, useBottomSheetStore };

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

@@ -0,0 +1,10 @@
+
+import { BottomSheetController, UseBottomSheetStoreProps, getBottomSheetInternal, useBottomSheetStore } from "./useBottomSheetStore.js";
+import { BottomSheet, BottomSheetProps } from "./BottomSheet.js";
+import { BottomSheetContent, BottomSheetContentProps } from "./BottomSheetContent.js";
+import { BottomSheetDismiss, BottomSheetDismissProps } from "./BottomSheetDismiss.js";
+import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheetHeader.js";
+import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheetProvider.js";
+import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheetTrigger.js";
+import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps, useBottomSheetConfig } from "./UDSBottomSheetConfigProvider.js";
+export { BottomSheet, BottomSheetContent, type BottomSheetContentProps, BottomSheetController, BottomSheetDismiss, BottomSheetDismissProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, BottomSheetProvider, BottomSheetProviderProps, BottomSheetTrigger, BottomSheetTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UseBottomSheetStoreProps, getBottomSheetInternal, useBottomSheetConfig, useBottomSheetStore };

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

@@ -0,0 +1,12 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { UDSBottomSheetConfigProvider, useBottomSheetConfig } from "./UDSBottomSheetConfigProvider.js";
+import { getBottomSheetInternal, useBottomSheetStore } from "./useBottomSheetStore.js";
+import { BottomSheet } from "./BottomSheet.js";
+import { BottomSheetContent } from "./BottomSheetContent.js";
+import { BottomSheetDismiss } from "./BottomSheetDismiss.js";
+import { BottomSheetHeader } from "./BottomSheetHeader.js";
+import { BottomSheetProvider } from "./BottomSheetProvider.js";
+import { BottomSheetTrigger } from "./BottomSheetTrigger.js";
+
+export { BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, UDSBottomSheetConfigProvider, getBottomSheetInternal, useBottomSheetConfig, useBottomSheetStore };

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

@@ -0,0 +1,188 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_components_client_BottomSheet_utils = require('./utils.cjs');
+let react = require("react");
+let lodash_clamp_js = require("lodash/clamp.js");
+lodash_clamp_js = require_runtime.__toESM(lodash_clamp_js);
+
+//#region src/components/client/BottomSheet/useBottomSheetDrag.ts
+const DEFAULT_SCROLL_LOCK_TIMEOUT_MS = 100;
+const OPEN_SCROLL_LOCK_TIMEOUT_MS = 500;
+/**
+* Drag-to-dismiss velocity threshold in pixels/second. A fast downward swipe
+* exceeding this speed dismisses the sheet (regardless of distance dragged).
+*/
+const DRAG_DISMISS_VELOCITY_PX_PER_SECOND = 400;
+function useBottomSheetDrag({ enableDrag, dismissible, store, sheetRef, isDraggingRef, activeSnapIndex, snapPointTranslatesPx, maxSnapPointPx, resolvedSnapPointsLength, resolvedDismissThresholdPx, emitSnapPointChange, setTranslateImmediate, openTimeRef, lastTimeDragPreventedRef }) {
+	const isAllowedToDragRef = (0, react.useRef)(false);
+	const dragStartTimeRef = (0, react.useRef)(null);
+	const pointerStartRef = (0, react.useRef)(null);
+	const dragStartTranslateRef = (0, react.useRef)(0);
+	const dragStartIndexRef = (0, react.useRef)(0);
+	const shouldDragFromTarget = (0, react.useCallback)((target, isDraggingUp) => {
+		if (!sheetRef.current) return false;
+		if (require_components_client_BottomSheet_utils.shouldPreventDragFromTarget(target)) return false;
+		const selection = window.getSelection();
+		if (selection?.toString() && sheetRef.current?.contains(selection.anchorNode)) return false;
+		const now = Date.now();
+		const openTime = openTimeRef.current;
+		if (openTime && now - openTime < OPEN_SCROLL_LOCK_TIMEOUT_MS) return false;
+		const currentHeight = sheetRef.current.getBoundingClientRect().height;
+		if (currentHeight < maxSnapPointPx) return true;
+		const lastPrevented = lastTimeDragPreventedRef.current;
+		if (lastPrevented && now - lastPrevented < DEFAULT_SCROLL_LOCK_TIMEOUT_MS && currentHeight >= maxSnapPointPx) return false;
+		if (isDraggingUp) {
+			lastTimeDragPreventedRef.current = now;
+			return false;
+		}
+		let element = target instanceof HTMLElement ? target : null;
+		while (element) {
+			if (require_components_client_BottomSheet_utils.isScrollable(element)) {
+				if (element.scrollTop !== 0) {
+					lastTimeDragPreventedRef.current = now;
+					return false;
+				}
+			}
+			if (element === sheetRef.current || element.getAttribute("role") === "dialog") return true;
+			element = element.parentNode;
+		}
+		return true;
+	}, [
+		lastTimeDragPreventedRef,
+		maxSnapPointPx,
+		openTimeRef,
+		sheetRef
+	]);
+	const cancelDrag = (0, react.useCallback)(() => {
+		isDraggingRef.current = false;
+		isAllowedToDragRef.current = false;
+		dragStartTimeRef.current = null;
+		pointerStartRef.current = null;
+		sheetRef.current?.style.removeProperty("transition");
+	}, [isDraggingRef, sheetRef]);
+	const onPointerDown = (0, react.useCallback)((event) => {
+		if (!enableDrag) return;
+		if (event.button !== 0) return;
+		if (require_components_client_BottomSheet_utils.shouldPreventDragFromTarget(event.target)) return;
+		isDraggingRef.current = false;
+		isAllowedToDragRef.current = false;
+		dragStartTimeRef.current = performance.now();
+		pointerStartRef.current = {
+			x: event.pageX,
+			y: event.pageY
+		};
+		dragStartTranslateRef.current = maxSnapPointPx - (sheetRef.current?.getBoundingClientRect().height ?? 0);
+		dragStartIndexRef.current = activeSnapIndex;
+	}, [
+		activeSnapIndex,
+		enableDrag,
+		isDraggingRef,
+		maxSnapPointPx,
+		sheetRef
+	]);
+	const onPointerMove = (0, react.useCallback)((event) => {
+		if (!enableDrag) return;
+		const startPoint = pointerStartRef.current;
+		const sheetEl = sheetRef.current;
+		if (!startPoint || !sheetEl) return;
+		if (!isAllowedToDragRef.current && event.buttons === 0) {
+			cancelDrag();
+			return;
+		}
+		const { x: startX, y: startY } = startPoint;
+		const dx = event.pageX - startX;
+		const dy = event.pageY - startY;
+		const swipeStartThreshold = event.pointerType === "touch" ? 10 : 2;
+		if (!isAllowedToDragRef.current) {
+			if (Math.abs(dy) < swipeStartThreshold) return;
+			if (Math.abs(dx) > Math.abs(dy)) {
+				pointerStartRef.current = null;
+				return;
+			}
+		}
+		const isDraggingUp = startY - event.pageY > 0;
+		if (!isAllowedToDragRef.current && !shouldDragFromTarget(event.target, isDraggingUp)) return;
+		if (!isAllowedToDragRef.current) {
+			event.currentTarget.setPointerCapture(event.pointerId);
+			isAllowedToDragRef.current = true;
+			isDraggingRef.current = true;
+		}
+		sheetEl.style.transition = "none";
+		setTranslateImmediate((0, lodash_clamp_js.default)(dragStartTranslateRef.current + dy, 0, maxSnapPointPx));
+	}, [
+		enableDrag,
+		isDraggingRef,
+		maxSnapPointPx,
+		setTranslateImmediate,
+		shouldDragFromTarget,
+		sheetRef
+	]);
+	const onPointerUp = (0, react.useCallback)((event) => {
+		if (!enableDrag) return;
+		if (!pointerStartRef.current || !sheetRef.current) {
+			cancelDrag();
+			return;
+		}
+		if (!isAllowedToDragRef.current) {
+			cancelDrag();
+			return;
+		}
+		const { y: startY } = pointerStartRef.current;
+		const draggedDistance = startY - event.pageY;
+		const timeTakenMs = Math.max(performance.now() - (dragStartTimeRef.current ?? performance.now()), 1);
+		const velocityPxPerSecond = Math.abs(draggedDistance) / timeTakenMs * 1e3;
+		const currentTranslatePx = maxSnapPointPx - sheetRef.current.getBoundingClientRect().height;
+		const draggedDownBeyondLowestPx = currentTranslatePx - (snapPointTranslatesPx[dragStartIndexRef.current] ?? maxSnapPointPx);
+		const draggedDown = draggedDistance < 0;
+		const draggedUp = draggedDistance > 0;
+		const isAtLowestSnapPoint = dragStartIndexRef.current === 0;
+		if (dismissible && isAtLowestSnapPoint && draggedDown && (velocityPxPerSecond >= DRAG_DISMISS_VELOCITY_PX_PER_SECOND || draggedDownBeyondLowestPx >= resolvedDismissThresholdPx)) {
+			cancelDrag();
+			store.hide();
+			return;
+		}
+		const lastIndex = resolvedSnapPointsLength - 1;
+		const startIndex = dragStartIndexRef.current;
+		if (velocityPxPerSecond >= DRAG_DISMISS_VELOCITY_PX_PER_SECOND && (draggedUp || draggedDown)) {
+			const nextIndex = require_components_client_BottomSheet_utils.clampIndex(startIndex + (draggedUp ? 1 : -1), resolvedSnapPointsLength);
+			cancelDrag();
+			emitSnapPointChange(nextIndex);
+			return;
+		}
+		let closestIndex = 0;
+		let closestDist = Number.POSITIVE_INFINITY;
+		for (let i = 0; i <= lastIndex; i++) {
+			const dist = Math.abs((snapPointTranslatesPx[i] ?? 0) - currentTranslatePx);
+			if (dist < closestDist) {
+				closestDist = dist;
+				closestIndex = i;
+			}
+		}
+		cancelDrag();
+		emitSnapPointChange(closestIndex);
+	}, [
+		cancelDrag,
+		dismissible,
+		emitSnapPointChange,
+		enableDrag,
+		maxSnapPointPx,
+		resolvedDismissThresholdPx,
+		resolvedSnapPointsLength,
+		sheetRef,
+		snapPointTranslatesPx,
+		store
+	]);
+	return {
+		onPointerDown,
+		onPointerMove,
+		onPointerUp,
+		onPointerCancel: (0, react.useCallback)((event) => {
+			onPointerUp(event);
+		}, [onPointerUp])
+	};
+}
+
+//#endregion
+exports.useBottomSheetDrag = useBottomSheetDrag;

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

@@ -0,0 +1,44 @@
+
+import React, { MutableRefObject } from "react";
+import { DialogStore } from "@ariakit/react";
+
+//#region src/components/client/BottomSheet/useBottomSheetDrag.d.ts
+interface UseBottomSheetDragParams {
+  enableDrag: boolean;
+  dismissible: boolean;
+  store: DialogStore;
+  sheetRef: MutableRefObject<HTMLDivElement | null>;
+  isDraggingRef: MutableRefObject<boolean>;
+  activeSnapIndex: number;
+  snapPointTranslatesPx: number[];
+  maxSnapPointPx: number;
+  resolvedSnapPointsLength: number;
+  resolvedDismissThresholdPx: number;
+  emitSnapPointChange: (nextIndex: number) => void;
+  setTranslateImmediate: (nextTranslatePx: number) => void;
+  openTimeRef: MutableRefObject<number | null>;
+  lastTimeDragPreventedRef: MutableRefObject<number | null>;
+}
+declare function useBottomSheetDrag({
+  enableDrag,
+  dismissible,
+  store,
+  sheetRef,
+  isDraggingRef,
+  activeSnapIndex,
+  snapPointTranslatesPx,
+  maxSnapPointPx,
+  resolvedSnapPointsLength,
+  resolvedDismissThresholdPx,
+  emitSnapPointChange,
+  setTranslateImmediate,
+  openTimeRef,
+  lastTimeDragPreventedRef
+}: UseBottomSheetDragParams): {
+  onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+  onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+  onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+  onPointerCancel: (event: React.PointerEvent<HTMLDivElement>) => void;
+};
+//#endregion
+export { useBottomSheetDrag };

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

@@ -0,0 +1,44 @@
+
+import React, { MutableRefObject } from "react";
+import { DialogStore } from "@ariakit/react";
+
+//#region src/components/client/BottomSheet/useBottomSheetDrag.d.ts
+interface UseBottomSheetDragParams {
+  enableDrag: boolean;
+  dismissible: boolean;
+  store: DialogStore;
+  sheetRef: MutableRefObject<HTMLDivElement | null>;
+  isDraggingRef: MutableRefObject<boolean>;
+  activeSnapIndex: number;
+  snapPointTranslatesPx: number[];
+  maxSnapPointPx: number;
+  resolvedSnapPointsLength: number;
+  resolvedDismissThresholdPx: number;
+  emitSnapPointChange: (nextIndex: number) => void;
+  setTranslateImmediate: (nextTranslatePx: number) => void;
+  openTimeRef: MutableRefObject<number | null>;
+  lastTimeDragPreventedRef: MutableRefObject<number | null>;
+}
+declare function useBottomSheetDrag({
+  enableDrag,
+  dismissible,
+  store,
+  sheetRef,
+  isDraggingRef,
+  activeSnapIndex,
+  snapPointTranslatesPx,
+  maxSnapPointPx,
+  resolvedSnapPointsLength,
+  resolvedDismissThresholdPx,
+  emitSnapPointChange,
+  setTranslateImmediate,
+  openTimeRef,
+  lastTimeDragPreventedRef
+}: UseBottomSheetDragParams): {
+  onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+  onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+  onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+  onPointerCancel: (event: React.PointerEvent<HTMLDivElement>) => void;
+};
+//#endregion
+export { useBottomSheetDrag };