@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/FloatingPanel/type.d.mts

@@ -0,0 +1,75 @@
+import { ModalRootProps } from "../Modal/atoms.mjs";
+import "../Modal/index.mjs";
+import { CSSProperties, ReactNode } from "react";
+import { MotionProps } from "motion/react";
+//#region src/base-ui/FloatingPanel/type.d.ts
+type FloatingPanelPlacement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+type FloatingPanelOffset = number | string | {
+  x?: number | string;
+  y?: number | string;
+};
+interface FloatingPanelSize {
+  height: number;
+  width: number;
+}
+interface FloatingPanelProps {
+  actions?: ReactNode;
+  afterClose?: () => void;
+  ariaLabel?: string;
+  children?: ReactNode;
+  className?: string;
+  classNames?: {
+    backdrop?: string;
+    actions?: string;
+    body?: string;
+    close?: string;
+    footer?: string;
+    header?: string;
+    panel?: string;
+    resizeHandle?: string;
+    title?: string;
+    wrapper?: string;
+  };
+  closable?: boolean;
+  closeIcon?: ReactNode;
+  closeLabel?: string;
+  defaultOpen?: boolean;
+  footer?: ReactNode;
+  getContainer?: false | HTMLElement | null;
+  height?: number | string;
+  keyboard?: boolean;
+  mask?: boolean;
+  maskClosable?: boolean;
+  maxHeight?: number;
+  maxWidth?: number;
+  minHeight?: number;
+  minWidth?: number;
+  modal?: boolean;
+  motionProps?: MotionProps;
+  offset?: FloatingPanelOffset;
+  onClose?: () => void;
+  onOpenChange?: ModalRootProps['onOpenChange'];
+  onResize?: (size: FloatingPanelSize) => void;
+  onResizeEnd?: (size: FloatingPanelSize) => void;
+  open?: boolean;
+  placement?: FloatingPanelPlacement;
+  resizable?: boolean;
+  styles?: {
+    actions?: CSSProperties;
+    backdrop?: CSSProperties;
+    body?: CSSProperties;
+    close?: CSSProperties;
+    footer?: CSSProperties;
+    header?: CSSProperties;
+    panel?: CSSProperties;
+    resizeHandle?: CSSProperties;
+    title?: CSSProperties;
+    wrapper?: CSSProperties;
+  };
+  title?: ReactNode;
+  width?: number | string;
+  zIndex?: number;
+}
+//#endregion
+export { FloatingPanelOffset, FloatingPanelPlacement, FloatingPanelProps, FloatingPanelSize };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/FloatingSheet/FloatingSheet.d.mts

@@ -0,0 +1,6 @@
+import { FloatingSheetProps } from "./type.mjs";
+//#region src/base-ui/FloatingSheet/FloatingSheet.d.ts
+declare function FloatingSheet({ open: openProp, onOpenChange, defaultOpen, snapPoints: snapPointsProp, activeSnapPoint: activeSnapPointProp, onSnapPointChange, minHeight: minHeightProp, maxHeight: maxHeightProp, restingHeight: restingHeightProp, mode, variant, width, title, headerActions, dismissible, closeThreshold, children, className }: FloatingSheetProps): import("react").JSX.Element;
+//#endregion
+export { FloatingSheet };
+//# sourceMappingURL=FloatingSheet.d.mts.map

package/es/base-ui/FloatingSheet/FloatingSheet.mjs

@@ -0,0 +1,203 @@
+import { styles } from "./style.mjs";
+import { FloatingSheetHeader } from "./FloatingSheetHeader.mjs";
+import { clamp, dampenValue, resolveSize } from "./helpers.mjs";
+import { useSheetDrag } from "./useSheetDrag.mjs";
+import { useSnapPoints } from "./useSnapPoints.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/base-ui/FloatingSheet/FloatingSheet.tsx
+const ANIMATION_MS = 300;
+function FloatingSheet({ open: openProp, onOpenChange, defaultOpen = false, snapPoints: snapPointsProp, activeSnapPoint: activeSnapPointProp, onSnapPointChange, minHeight: minHeightProp = 200, maxHeight: maxHeightProp = .8, restingHeight: restingHeightProp, mode = "overlay", variant = "elevated", width = "100%", title, headerActions, dismissible = true, closeThreshold = .25, children, className }) {
+	const s = styles;
+	const isControlled = openProp !== void 0;
+	const [internalOpen, setInternalOpen] = useState(defaultOpen);
+	const isOpen = isControlled ? openProp : internalOpen;
+	const setOpen = useCallback((value) => {
+		if (!isControlled) setInternalOpen(value);
+		onOpenChange?.(value);
+	}, [isControlled, onOpenChange]);
+	const containerRef = useRef(null);
+	const sheetRef = useRef(null);
+	const [containerHeight, setContainerHeight] = useState(0);
+	useEffect(() => {
+		const parent = sheetRef.current?.parentElement;
+		if (!parent) return;
+		containerRef.current = parent;
+		const observer = new ResizeObserver((entries) => {
+			for (const entry of entries) setContainerHeight(entry.contentRect.height);
+		});
+		observer.observe(parent);
+		setContainerHeight(parent.getBoundingClientRect().height);
+		return () => observer.disconnect();
+	}, []);
+	const minHeightPx = useMemo(() => resolveSize(minHeightProp, containerHeight), [minHeightProp, containerHeight]);
+	const maxHeightPx = useMemo(() => resolveSize(maxHeightProp, containerHeight), [maxHeightProp, containerHeight]);
+	const restingHeightPx = useMemo(() => restingHeightProp !== void 0 ? clamp(resolveSize(restingHeightProp, containerHeight), minHeightPx, maxHeightPx) : minHeightPx, [
+		restingHeightProp,
+		containerHeight,
+		minHeightPx,
+		maxHeightPx
+	]);
+	const hasSnapPoints = !!snapPointsProp && snapPointsProp.length > 0;
+	const { snapPointHeights, findActiveIndex, getSnapRelease } = useSnapPoints({
+		closeThreshold,
+		containerHeight,
+		containerRef,
+		maxHeightPx,
+		minHeightPx,
+		snapPoints: snapPointsProp ?? []
+	});
+	const restingHeight = useMemo(() => {
+		if (!containerHeight) return 0;
+		if (hasSnapPoints && activeSnapPointProp !== void 0) {
+			const resolved = resolveSize(activeSnapPointProp, containerHeight);
+			return clamp(resolved, minHeightPx, maxHeightPx);
+		}
+		if (hasSnapPoints && snapPointHeights.length > 0) return snapPointHeights[0];
+		return restingHeightPx;
+	}, [
+		containerHeight,
+		hasSnapPoints,
+		activeSnapPointProp,
+		snapPointHeights,
+		minHeightPx,
+		maxHeightPx,
+		restingHeightPx
+	]);
+	const [height, setHeight] = useState(isOpen ? restingHeight : 0);
+	const [isAnimating, setIsAnimating] = useState(false);
+	const [isClosing, setIsClosing] = useState(false);
+	const heightBeforeDrag = useRef(0);
+	const prevOpenRef = useRef(isOpen);
+	useEffect(() => {
+		const wasOpen = prevOpenRef.current;
+		prevOpenRef.current = isOpen;
+		if (isOpen && !wasOpen) {
+			setIsClosing(false);
+			setIsAnimating(true);
+			setHeight(restingHeight);
+			const timer = setTimeout(() => setIsAnimating(false), ANIMATION_MS);
+			return () => clearTimeout(timer);
+		}
+		if (!isOpen && wasOpen) {
+			setIsClosing(true);
+			setIsAnimating(true);
+			setHeight(0);
+			const timer = setTimeout(() => {
+				setIsAnimating(false);
+				setIsClosing(false);
+			}, ANIMATION_MS);
+			return () => clearTimeout(timer);
+		}
+	}, [isOpen]);
+	useEffect(() => {
+		if (isOpen && !isDragging) setHeight(restingHeight);
+	}, [restingHeight]);
+	const onDragChange = useCallback((draggedDistance) => {
+		const newHeight = heightBeforeDrag.current + draggedDistance;
+		if (hasSnapPoints) {
+			const highest = snapPointHeights.at(-1) ?? maxHeightPx;
+			const lowest = snapPointHeights[0] ?? minHeightPx;
+			if (newHeight > highest) {
+				const overshoot = newHeight - highest;
+				setHeight(highest + dampenValue(overshoot));
+			} else if (newHeight < lowest) {
+				const undershoot = lowest - newHeight;
+				setHeight(Math.max(0, lowest - dampenValue(undershoot)));
+			} else setHeight(newHeight);
+		} else setHeight(clamp(newHeight, 0, maxHeightPx));
+	}, [
+		hasSnapPoints,
+		snapPointHeights,
+		maxHeightPx,
+		minHeightPx
+	]);
+	const onDragEnd = useCallback((draggedDistance, velocity) => {
+		setIsAnimating(true);
+		const currentHeight = heightBeforeDrag.current + draggedDistance;
+		if (hasSnapPoints) {
+			const activeIndex = findActiveIndex(heightBeforeDrag.current);
+			const result = getSnapRelease({
+				activeIndex,
+				currentHeight,
+				dismissible,
+				draggedDistance,
+				velocity
+			});
+			if (result.type === "dismiss") {
+				setIsClosing(true);
+				setHeight(0);
+				const timer = setTimeout(() => {
+					setOpen(false);
+					setIsAnimating(false);
+					setIsClosing(false);
+				}, ANIMATION_MS);
+				return () => clearTimeout(timer);
+			}
+			setHeight(result.height);
+			const originalSnapValue = snapPointsProp?.find((sp) => resolveSize(sp, containerHeight) === result.height || clamp(resolveSize(sp, containerHeight), minHeightPx, maxHeightPx) === result.height);
+			if (originalSnapValue !== void 0) onSnapPointChange?.(originalSnapValue);
+		} else {
+			if (dismissible && currentHeight < minHeightPx * closeThreshold) {
+				setIsClosing(true);
+				setHeight(0);
+				const timer = setTimeout(() => {
+					setOpen(false);
+					setIsAnimating(false);
+					setIsClosing(false);
+				}, ANIMATION_MS);
+				return () => clearTimeout(timer);
+			}
+			setHeight(clamp(currentHeight, minHeightPx, maxHeightPx));
+		}
+		setTimeout(() => setIsAnimating(false), ANIMATION_MS);
+	}, [
+		hasSnapPoints,
+		findActiveIndex,
+		getSnapRelease,
+		dismissible,
+		snapPointsProp,
+		containerHeight,
+		minHeightPx,
+		maxHeightPx,
+		closeThreshold,
+		setOpen,
+		onSnapPointChange
+	]);
+	const { isDragging, handleProps } = useSheetDrag({
+		enabled: isOpen ?? false,
+		onDragChange,
+		onDragEnd
+	});
+	useEffect(() => {
+		if (isDragging) heightBeforeDrag.current = height;
+	}, [isDragging]);
+	const isVisible = isOpen || isClosing || height > 0;
+	const shouldAnimate = !isDragging && isAnimating;
+	const inlineOverflowUp = mode === "inline" && isVisible ? Math.max(0, height - restingHeightPx) : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-floating-sheet": "",
+		"data-state": isOpen ? "open" : "closed",
+		ref: sheetRef,
+		className: cx(s.root, variant === "embedded" ? s.embedded : s.elevated, mode === "overlay" ? s.overlay : s.inline, mode === "overlay" ? s.overlayRadius : s.inlineRadius, shouldAnimate && s.transition, !isVisible && s.hidden, className),
+		style: {
+			height: isVisible ? height : 0,
+			marginTop: inlineOverflowUp ? -inlineOverflowUp : void 0,
+			width
+		},
+		children: [/* @__PURE__ */ jsx(FloatingSheetHeader, {
+			handleProps,
+			headerActions,
+			isDragging,
+			title
+		}), /* @__PURE__ */ jsx("div", {
+			className: s.content,
+			children
+		})]
+	});
+}
+//#endregion
+export { FloatingSheet };
+
+//# sourceMappingURL=FloatingSheet.mjs.map

package/es/base-ui/FloatingSheet/FloatingSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSheet.mjs","names":[],"sources":["../../../src/base-ui/FloatingSheet/FloatingSheet.tsx"],"sourcesContent":["import { cx } from 'antd-style';\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\n\r\nimport { FloatingSheetHeader } from './FloatingSheetHeader';\r\nimport { clamp, dampenValue, resolveSize } from './helpers';\r\nimport { styles } from './style';\r\nimport type { FloatingSheetProps } from './type';\r\nimport { useSheetDrag } from './useSheetDrag';\r\nimport { useSnapPoints } from './useSnapPoints';\r\n\r\nconst ANIMATION_MS = 300;\r\n\r\nexport function FloatingSheet({\r\n  open: openProp,\r\n  onOpenChange,\r\n  defaultOpen = false,\r\n  snapPoints: snapPointsProp,\r\n  activeSnapPoint: activeSnapPointProp,\r\n  onSnapPointChange,\r\n  minHeight: minHeightProp = 200,\r\n  maxHeight: maxHeightProp = 0.8,\r\n  restingHeight: restingHeightProp,\r\n  mode = 'overlay',\r\n  variant = 'elevated',\r\n  width = '100%',\r\n  title,\r\n  headerActions,\r\n  dismissible = true,\r\n  closeThreshold = 0.25,\r\n  children,\r\n  className,\r\n}: FloatingSheetProps) {\r\n  const s = styles;\r\n\r\n  // Controlled / uncontrolled open state\r\n  const isControlled = openProp !== undefined;\r\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\r\n  const isOpen = isControlled ? openProp : internalOpen;\r\n\r\n  const setOpen = useCallback(\r\n    (value: boolean) => {\r\n      if (!isControlled) setInternalOpen(value);\r\n      onOpenChange?.(value);\r\n    },\r\n    [isControlled, onOpenChange],\r\n  );\r\n\r\n  // Container measurement via ResizeObserver\r\n  const containerRef = useRef<HTMLElement | null>(null);\r\n  const sheetRef = useRef<HTMLDivElement>(null);\r\n  const [containerHeight, setContainerHeight] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const parent = sheetRef.current?.parentElement;\r\n    if (!parent) return;\r\n    containerRef.current = parent;\r\n\r\n    const observer = new ResizeObserver((entries) => {\r\n      for (const entry of entries) {\r\n        setContainerHeight(entry.contentRect.height);\r\n      }\r\n    });\r\n    observer.observe(parent);\r\n    setContainerHeight(parent.getBoundingClientRect().height);\r\n\r\n    return () => observer.disconnect();\r\n  }, []);\r\n\r\n  // Resolve min/max to px\r\n  const minHeightPx = useMemo(\r\n    () => resolveSize(minHeightProp, containerHeight),\r\n    [minHeightProp, containerHeight],\r\n  );\r\n  const maxHeightPx = useMemo(\r\n    () => resolveSize(maxHeightProp, containerHeight),\r\n    [maxHeightProp, containerHeight],\r\n  );\r\n  const restingHeightPx = useMemo(\r\n    () =>\r\n      restingHeightProp !== undefined\r\n        ? clamp(resolveSize(restingHeightProp, containerHeight), minHeightPx, maxHeightPx)\r\n        : minHeightPx,\r\n    [restingHeightProp, containerHeight, minHeightPx, maxHeightPx],\r\n  );\r\n\r\n  // Snap points\r\n  const hasSnapPoints = !!snapPointsProp && snapPointsProp.length > 0;\r\n  const { snapPointHeights, findActiveIndex, getSnapRelease } = useSnapPoints({\r\n    closeThreshold,\r\n    containerHeight,\r\n    containerRef,\r\n    maxHeightPx,\r\n    minHeightPx,\r\n    snapPoints: snapPointsProp ?? [],\r\n  });\r\n\r\n  // Compute the \"resting\" height for the current open + snap state\r\n  const restingHeight = useMemo(() => {\r\n    if (!containerHeight) return 0;\r\n    if (hasSnapPoints && activeSnapPointProp !== undefined) {\r\n      const resolved = resolveSize(activeSnapPointProp, containerHeight);\r\n      return clamp(resolved, minHeightPx, maxHeightPx);\r\n    }\r\n    if (hasSnapPoints && snapPointHeights.length > 0) {\r\n      return snapPointHeights[0];\r\n    }\r\n    return restingHeightPx;\r\n  }, [\r\n    containerHeight,\r\n    hasSnapPoints,\r\n    activeSnapPointProp,\r\n    snapPointHeights,\r\n    minHeightPx,\r\n    maxHeightPx,\r\n    restingHeightPx,\r\n  ]);\r\n\r\n  const [height, setHeight] = useState(isOpen ? restingHeight : 0);\r\n  const [isAnimating, setIsAnimating] = useState(false);\r\n  // Keeps sheet visible during close animation (height → 0)\r\n  const [isClosing, setIsClosing] = useState(false);\r\n  const heightBeforeDrag = useRef(0);\r\n  const prevOpenRef = useRef(isOpen);\r\n\r\n  // Handle open/close transitions\r\n  useEffect(() => {\r\n    const wasOpen = prevOpenRef.current;\r\n    prevOpenRef.current = isOpen;\r\n\r\n    if (isOpen && !wasOpen) {\r\n      // Opening: animate from 0 → resting height\r\n      setIsClosing(false);\r\n      setIsAnimating(true);\r\n      setHeight(restingHeight);\r\n      const timer = setTimeout(() => setIsAnimating(false), ANIMATION_MS);\r\n      return () => clearTimeout(timer);\r\n    }\r\n\r\n    if (!isOpen && wasOpen) {\r\n      // Closing: animate from current height → 0, then hide\r\n      setIsClosing(true);\r\n      setIsAnimating(true);\r\n      setHeight(0);\r\n      const timer = setTimeout(() => {\r\n        setIsAnimating(false);\r\n        setIsClosing(false);\r\n      }, ANIMATION_MS);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [isOpen]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  // Sync height when resting height changes (container resize, snap point change)\r\n  useEffect(() => {\r\n    if (isOpen && !isDragging) {\r\n      setHeight(restingHeight);\r\n    }\r\n  }, [restingHeight]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  // Drag handlers\r\n  const onDragChange = useCallback(\r\n    (draggedDistance: number) => {\r\n      const newHeight = heightBeforeDrag.current + draggedDistance;\r\n\r\n      if (hasSnapPoints) {\r\n        const highest = snapPointHeights.at(-1) ?? maxHeightPx;\r\n        const lowest = snapPointHeights[0] ?? minHeightPx;\r\n\r\n        if (newHeight > highest) {\r\n          const overshoot = newHeight - highest;\r\n          setHeight(highest + dampenValue(overshoot));\r\n        } else if (newHeight < lowest) {\r\n          const undershoot = lowest - newHeight;\r\n          setHeight(Math.max(0, lowest - dampenValue(undershoot)));\r\n        } else {\r\n          setHeight(newHeight);\r\n        }\r\n      } else {\r\n        setHeight(clamp(newHeight, 0, maxHeightPx));\r\n      }\r\n    },\r\n    [hasSnapPoints, snapPointHeights, maxHeightPx, minHeightPx],\r\n  );\r\n\r\n  const onDragEnd = useCallback(\r\n    (draggedDistance: number, velocity: number) => {\r\n      setIsAnimating(true);\r\n      const currentHeight = heightBeforeDrag.current + draggedDistance;\r\n\r\n      if (hasSnapPoints) {\r\n        const activeIndex = findActiveIndex(heightBeforeDrag.current);\r\n        const result = getSnapRelease({\r\n          activeIndex,\r\n          currentHeight,\r\n          dismissible,\r\n          draggedDistance,\r\n          velocity,\r\n        });\r\n\r\n        if (result.type === 'dismiss') {\r\n          setIsClosing(true);\r\n          setHeight(0);\r\n          const timer = setTimeout(() => {\r\n            setOpen(false);\r\n            setIsAnimating(false);\r\n            setIsClosing(false);\r\n          }, ANIMATION_MS);\r\n          return () => clearTimeout(timer);\r\n        }\r\n\r\n        setHeight(result.height);\r\n        const originalSnapValue = snapPointsProp?.find(\r\n          (sp) =>\r\n            resolveSize(sp, containerHeight) === result.height ||\r\n            clamp(resolveSize(sp, containerHeight), minHeightPx, maxHeightPx) === result.height,\r\n        );\r\n        if (originalSnapValue !== undefined) {\r\n          onSnapPointChange?.(originalSnapValue);\r\n        }\r\n      } else {\r\n        if (dismissible && currentHeight < minHeightPx * closeThreshold) {\r\n          setIsClosing(true);\r\n          setHeight(0);\r\n          const timer = setTimeout(() => {\r\n            setOpen(false);\r\n            setIsAnimating(false);\r\n            setIsClosing(false);\r\n          }, ANIMATION_MS);\r\n          return () => clearTimeout(timer);\r\n        }\r\n        setHeight(clamp(currentHeight, minHeightPx, maxHeightPx));\r\n      }\r\n\r\n      setTimeout(() => setIsAnimating(false), ANIMATION_MS);\r\n    },\r\n    [\r\n      hasSnapPoints,\r\n      findActiveIndex,\r\n      getSnapRelease,\r\n      dismissible,\r\n      snapPointsProp,\r\n      containerHeight,\r\n      minHeightPx,\r\n      maxHeightPx,\r\n      closeThreshold,\r\n      setOpen,\r\n      onSnapPointChange,\r\n    ],\r\n  );\r\n\r\n  const { isDragging, handleProps } = useSheetDrag({\r\n    enabled: isOpen ?? false,\r\n    onDragChange,\r\n    onDragEnd,\r\n  });\r\n\r\n  // Record height at drag start\r\n  useEffect(() => {\r\n    if (isDragging) {\r\n      heightBeforeDrag.current = height;\r\n    }\r\n  }, [isDragging]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const isVisible = isOpen || isClosing || height > 0;\r\n  const shouldAnimate = !isDragging && isAnimating;\r\n  const inlineOverflowUp =\r\n    mode === 'inline' && isVisible ? Math.max(0, height - restingHeightPx) : 0;\r\n\r\n  return (\r\n    <div\r\n      data-floating-sheet=\"\"\r\n      data-state={isOpen ? 'open' : 'closed'}\r\n      ref={sheetRef}\r\n      className={cx(\r\n        s.root,\r\n        variant === 'embedded' ? s.embedded : s.elevated,\r\n        mode === 'overlay' ? s.overlay : s.inline,\r\n        mode === 'overlay' ? s.overlayRadius : s.inlineRadius,\r\n        shouldAnimate && s.transition,\r\n        !isVisible && s.hidden,\r\n        className,\r\n      )}\r\n      style={{\r\n        height: isVisible ? height : 0,\r\n        marginTop: inlineOverflowUp ? -inlineOverflowUp : undefined,\r\n        width,\r\n      }}\r\n    >\r\n      <FloatingSheetHeader\r\n        handleProps={handleProps}\r\n        headerActions={headerActions}\r\n        isDragging={isDragging}\r\n        title={title}\r\n      />\r\n      <div className={s.content}>{children}</div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/es/base-ui/FloatingSheet/FloatingSheetHeader.mjs

@@ -0,0 +1,26 @@
+import { styles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/base-ui/FloatingSheet/FloatingSheetHeader.tsx
+function FloatingSheetHeader({ title, headerActions, isDragging, handleProps }) {
+	const s = styles;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(s.header, isDragging && s.headerDragging),
+		...handleProps,
+		children: [/* @__PURE__ */ jsx("div", { className: s.handle }), /* @__PURE__ */ jsxs("div", {
+			className: s.headerContent,
+			children: [title && /* @__PURE__ */ jsx("div", {
+				className: s.headerTitle,
+				children: title
+			}), headerActions && /* @__PURE__ */ jsx("div", {
+				className: s.headerActions,
+				"data-no-drag": "",
+				children: headerActions
+			})]
+		})]
+	});
+}
+//#endregion
+export { FloatingSheetHeader };
+
+//# sourceMappingURL=FloatingSheetHeader.mjs.map

package/es/base-ui/FloatingSheet/FloatingSheetHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSheetHeader.mjs","names":[],"sources":["../../../src/base-ui/FloatingSheet/FloatingSheetHeader.tsx"],"sourcesContent":["import { cx } from 'antd-style';\r\nimport { type ReactNode } from 'react';\r\n\r\nimport { styles } from './style';\r\n\r\ninterface FloatingSheetHeaderProps {\r\n  handleProps: {\r\n    onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => void;\r\n  };\r\n  headerActions?: ReactNode;\r\n  isDragging: boolean;\r\n  title?: ReactNode;\r\n}\r\n\r\nexport function FloatingSheetHeader({\r\n  title,\r\n  headerActions,\r\n  isDragging,\r\n  handleProps,\r\n}: FloatingSheetHeaderProps) {\r\n  const s = styles;\r\n\r\n  return (\r\n    <div className={cx(s.header, isDragging && s.headerDragging)} {...handleProps}>\r\n      <div className={s.handle} />\r\n      <div className={s.headerContent}>\r\n        {title && <div className={s.headerTitle}>{title}</div>}\r\n        {headerActions && (\r\n          <div className={s.headerActions} data-no-drag=\"\">\r\n            {headerActions}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;AAcA,SAAgB,oBAAoB,EAClC,OACA,eACA,YACA,eAC2B;CAC3B,MAAM,IAAI;CAEV,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,EAAE,QAAQ,cAAc,EAAE,cAAc;EAAG,GAAI;EAAlE,UAAA,CACE,oBAAC,OAAD,EAAK,WAAW,EAAE,OAAS,CAAA,GAC3B,qBAAC,OAAD;GAAK,WAAW,EAAE;GAAlB,UAAA,CACG,SAAS,oBAAC,OAAD;IAAK,WAAW,EAAE;IAAc,UAAA;GAAW,CAAA,GACpD,iBACC,oBAAC,OAAD;IAAK,WAAW,EAAE;IAAe,gBAAa;IAC3C,UAAA;GACE,CAAA,CAEJ;EACF,CAAA,CAAA;;AAET"}

package/es/base-ui/FloatingSheet/helpers.mjs

@@ -0,0 +1,30 @@
+//#region src/base-ui/FloatingSheet/helpers.ts
+/**
+* Clamp a value between min and max.
+*/
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+/**
+* Rubber-band damping for drag resistance beyond snap bounds.
+* Returns 0 when v <= 0, near 1:1 for small v, then grows logarithmically.
+*/
+function dampenValue(v) {
+	if (v <= 0) return 0;
+	return 8 * Math.log1p(v / 8);
+}
+/**
+* Resolve a size value to pixels.
+* 0 < v <= 1 → fraction of containerHeight.
+* v > 1 → pixel value.
+* v === 0 → 0.
+*/
+function resolveSize(value, containerHeight) {
+	if (value === 0) return 0;
+	if (value > 0 && value <= 1) return value * containerHeight;
+	return value;
+}
+//#endregion
+export { clamp, dampenValue, resolveSize };
+
+//# sourceMappingURL=helpers.mjs.map

package/es/base-ui/FloatingSheet/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/base-ui/FloatingSheet/helpers.ts"],"sourcesContent":["/**\r\n * Clamp a value between min and max.\r\n */\r\nexport function clamp(value: number, min: number, max: number): number {\r\n  return Math.min(Math.max(value, min), max);\r\n}\r\n\r\n/**\r\n * Rubber-band damping for drag resistance beyond snap bounds.\r\n * Returns 0 when v <= 0, near 1:1 for small v, then grows logarithmically.\r\n */\r\nexport function dampenValue(v: number): number {\r\n  if (v <= 0) return 0;\r\n  return 8 * Math.log1p(v / 8);\r\n}\r\n\r\n/**\r\n * Resolve a size value to pixels.\r\n * 0 < v <= 1 → fraction of containerHeight.\r\n * v > 1 → pixel value.\r\n * v === 0 → 0.\r\n */\r\nexport function resolveSize(value: number, containerHeight: number): number {\r\n  if (value === 0) return 0;\r\n  if (value > 0 && value <= 1) return value * containerHeight;\r\n  return value;\r\n}\r\n"],"mappings":";;;;AAGA,SAAgB,MAAM,OAAe,KAAa,KAAqB;CACrE,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;;;;;AAMA,SAAgB,YAAY,GAAmB;CAC7C,IAAI,KAAK,GAAG,OAAO;CACnB,OAAO,IAAI,KAAK,MAAM,IAAI,CAAC;AAC7B;;;;;;;AAQA,SAAgB,YAAY,OAAe,iBAAiC;CAC1E,IAAI,UAAU,GAAG,OAAO;CACxB,IAAI,QAAQ,KAAK,SAAS,GAAG,OAAO,QAAQ;CAC5C,OAAO;AACT"}

package/es/base-ui/FloatingSheet/index.d.mts

@@ -0,0 +1,3 @@
+import { FloatingSheetProps } from "./type.mjs";
+import { FloatingSheet } from "./FloatingSheet.mjs";
+export { FloatingSheet, type FloatingSheetProps };

package/es/base-ui/FloatingSheet/style.mjs

@@ -0,0 +1,94 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/FloatingSheet/style.ts
+const transitionDuration = "0.3s";
+const transitionEasing = "cubic-bezier(0.32, 0.72, 0, 1)";
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	root: css`
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    background: ${cssVar.colorBgContainer};
+  `,
+	overlayRadius: css`
+    border-radius: 12px 12px 0 0;
+  `,
+	inlineRadius: css`
+    border-radius: 12px;
+  `,
+	elevated: css`
+    box-shadow: ${cssVar.boxShadowSecondary}, var(--jinmi-ring);
+  `,
+	embedded: css`
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    box-shadow: none;
+  `,
+	overlay: css`
+    position: absolute;
+    z-index: 10;
+    inset-block-end: 0;
+    inset-inline: 0;
+  `,
+	inline: css`
+    position: relative;
+    z-index: 1;
+    flex-shrink: 0;
+  `,
+	transition: css`
+    transition:
+      height ${transitionDuration} ${transitionEasing},
+      margin-block-start ${transitionDuration} ${transitionEasing};
+  `,
+	hidden: css`
+    visibility: hidden;
+  `,
+	header: css`
+    cursor: grab;
+    user-select: none;
+
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    align-items: center;
+
+    padding-block: 8px 4px;
+    padding-inline: 16px;
+  `,
+	headerDragging: css`
+    cursor: grabbing;
+  `,
+	handle: css`
+    width: 32px;
+    height: 4px;
+    margin-block-end: 8px;
+    border-radius: 2px;
+
+    background: ${cssVar.colorBorderSecondary};
+  `,
+	headerContent: css`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+    min-height: 24px;
+  `,
+	headerTitle: css`
+    flex: 1;
+    min-width: 0;
+  `,
+	headerActions: css`
+    display: flex;
+    flex-shrink: 0;
+    gap: 4px;
+    align-items: center;
+  `,
+	content: css`
+    overflow: auto;
+    flex: 1;
+    min-height: 0;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/FloatingSheet/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/FloatingSheet/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst transitionDuration = '0.3s';\nconst transitionEasing = 'cubic-bezier(0.32, 0.72, 0, 1)';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  root: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    background: ${cssVar.colorBgContainer};\n  `,\n  overlayRadius: css`\n    border-radius: 12px 12px 0 0;\n  `,\n  inlineRadius: css`\n    border-radius: 12px;\n  `,\n  elevated: css`\n    box-shadow: ${cssVar.boxShadowSecondary}, var(--jinmi-ring);\n  `,\n  embedded: css`\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    box-shadow: none;\n  `,\n  overlay: css`\n    position: absolute;\n    z-index: 10;\n    inset-block-end: 0;\n    inset-inline: 0;\n  `,\n  inline: css`\n    position: relative;\n    z-index: 1;\n    flex-shrink: 0;\n  `,\n  transition: css`\n    transition:\n      height ${transitionDuration} ${transitionEasing},\n      margin-block-start ${transitionDuration} ${transitionEasing};\n  `,\n  hidden: css`\n    visibility: hidden;\n  `,\n  header: css`\n    cursor: grab;\n    user-select: none;\n\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    align-items: center;\n\n    padding-block: 8px 4px;\n    padding-inline: 16px;\n  `,\n  headerDragging: css`\n    cursor: grabbing;\n  `,\n  handle: css`\n    width: 32px;\n    height: 4px;\n    margin-block-end: 8px;\n    border-radius: 2px;\n\n    background: ${cssVar.colorBorderSecondary};\n  `,\n  headerContent: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    width: 100%;\n    min-height: 24px;\n  `,\n  headerTitle: css`\n    flex: 1;\n    min-width: 0;\n  `,\n  headerActions: css`\n    display: flex;\n    flex-shrink: 0;\n    gap: 4px;\n    align-items: center;\n  `,\n  content: css`\n    overflow: auto;\n    flex: 1;\n    min-height: 0;\n  `,\n}));\n"],"mappings":";;AAEA,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;kBAIO,OAAO,iBAAiB;;CAExC,eAAe,GAAG;;;CAGlB,cAAc,GAAG;;;CAGjB,UAAU,GAAG;kBACG,OAAO,mBAAmB;;CAE1C,UAAU,GAAG;wBACS,OAAO,qBAAqB;;;CAGlD,SAAS,GAAG;;;;;;CAMZ,QAAQ,GAAG;;;;;CAKX,YAAY,GAAG;;eAEF,mBAAmB,GAAG,iBAAiB;2BAC3B,mBAAmB,GAAG,iBAAiB;;CAEhE,QAAQ,GAAG;;;CAGX,QAAQ,GAAG;;;;;;;;;;;;CAYX,gBAAgB,GAAG;;;CAGnB,QAAQ,GAAG;;;;;;kBAMK,OAAO,qBAAqB;;CAE5C,eAAe,GAAG;;;;;;;;CAQlB,aAAa,GAAG;;;;CAIhB,eAAe,GAAG;;;;;;CAMlB,SAAS,GAAG;;;;;AAKd,EAAE"}

package/es/base-ui/FloatingSheet/type.d.mts

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+//#region src/base-ui/FloatingSheet/type.d.ts
+interface FloatingSheetProps {
+  activeSnapPoint?: number;
+  children?: ReactNode;
+  className?: string;
+  closeThreshold?: number;
+  defaultOpen?: boolean;
+  dismissible?: boolean;
+  headerActions?: ReactNode;
+  maxHeight?: number;
+  minHeight?: number;
+  mode?: 'overlay' | 'inline';
+  onOpenChange?: (open: boolean) => void;
+  onSnapPointChange?: (snapPoint: number) => void;
+  open?: boolean;
+  restingHeight?: number;
+  snapPoints?: number[];
+  title?: ReactNode;
+  variant?: 'elevated' | 'embedded';
+  width?: number | string;
+}
+//#endregion
+export { FloatingSheetProps };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/FloatingSheet/useSheetDrag.mjs

@@ -0,0 +1,51 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/base-ui/FloatingSheet/useSheetDrag.ts
+function useSheetDrag({ onDragChange, onDragEnd, enabled }) {
+	const [isDragging, setIsDragging] = useState(false);
+	const startY = useRef(0);
+	const startTime = useRef(0);
+	const draggingRef = useRef(false);
+	const onDragChangeRef = useRef(onDragChange);
+	const onDragEndRef = useRef(onDragEnd);
+	onDragChangeRef.current = onDragChange;
+	onDragEndRef.current = onDragEnd;
+	useEffect(() => {
+		if (!draggingRef.current) return;
+		const onMouseMove = (e) => {
+			e.preventDefault();
+			const draggedDistance = startY.current - e.clientY;
+			onDragChangeRef.current(draggedDistance);
+		};
+		const onMouseUp = (e) => {
+			draggingRef.current = false;
+			setIsDragging(false);
+			const draggedDistance = startY.current - e.clientY;
+			const elapsed = Date.now() - startTime.current;
+			const velocity = elapsed > 0 ? Math.abs(draggedDistance) / elapsed : 0;
+			onDragEndRef.current(draggedDistance, velocity);
+		};
+		document.addEventListener("mousemove", onMouseMove);
+		document.addEventListener("mouseup", onMouseUp);
+		return () => {
+			document.removeEventListener("mousemove", onMouseMove);
+			document.removeEventListener("mouseup", onMouseUp);
+		};
+	}, [isDragging]);
+	return {
+		isDragging,
+		handleProps: { onMouseDown: useCallback((event) => {
+			if (!enabled) return;
+			if (event.button !== 0) return;
+			if (event.target.closest?.("[data-no-drag]")) return;
+			event.preventDefault();
+			startY.current = event.clientY;
+			startTime.current = Date.now();
+			draggingRef.current = true;
+			setIsDragging(true);
+		}, [enabled]) }
+	};
+}
+//#endregion
+export { useSheetDrag };
+
+//# sourceMappingURL=useSheetDrag.mjs.map

package/es/base-ui/FloatingSheet/useSheetDrag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetDrag.mjs","names":[],"sources":["../../../src/base-ui/FloatingSheet/useSheetDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\r\n\r\ninterface UseSheetDragOptions {\r\n  enabled: boolean;\r\n  onDragChange: (draggedDistance: number) => void;\r\n  onDragEnd: (draggedDistance: number, velocity: number) => void;\r\n}\r\n\r\nexport function useSheetDrag({ onDragChange, onDragEnd, enabled }: UseSheetDragOptions) {\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const startY = useRef(0);\r\n  const startTime = useRef(0);\r\n  const draggingRef = useRef(false);\r\n\r\n  // Store latest callbacks in refs to avoid stale closures in document listeners\r\n  const onDragChangeRef = useRef(onDragChange);\r\n  const onDragEndRef = useRef(onDragEnd);\r\n  onDragChangeRef.current = onDragChange;\r\n  onDragEndRef.current = onDragEnd;\r\n\r\n  useEffect(() => {\r\n    if (!draggingRef.current) return;\r\n\r\n    const onMouseMove = (e: MouseEvent) => {\r\n      e.preventDefault();\r\n      const draggedDistance = startY.current - e.clientY;\r\n      onDragChangeRef.current(draggedDistance);\r\n    };\r\n\r\n    const onMouseUp = (e: MouseEvent) => {\r\n      draggingRef.current = false;\r\n      setIsDragging(false);\r\n\r\n      const draggedDistance = startY.current - e.clientY;\r\n      const elapsed = Date.now() - startTime.current;\r\n      const velocity = elapsed > 0 ? Math.abs(draggedDistance) / elapsed : 0;\r\n      onDragEndRef.current(draggedDistance, velocity);\r\n    };\r\n\r\n    document.addEventListener('mousemove', onMouseMove);\r\n    document.addEventListener('mouseup', onMouseUp);\r\n    return () => {\r\n      document.removeEventListener('mousemove', onMouseMove);\r\n      document.removeEventListener('mouseup', onMouseUp);\r\n    };\r\n  }, [isDragging]);\r\n\r\n  const onMouseDown = useCallback(\r\n    (event: React.MouseEvent<HTMLDivElement>) => {\r\n      if (!enabled) return;\r\n      if (event.button !== 0) return; // left click only\r\n\r\n      const target = event.target as HTMLElement;\r\n      if (target.closest?.('[data-no-drag]')) return;\r\n\r\n      event.preventDefault(); // prevent text selection during drag\r\n\r\n      startY.current = event.clientY;\r\n      startTime.current = Date.now();\r\n      draggingRef.current = true;\r\n      setIsDragging(true);\r\n    },\r\n    [enabled],\r\n  );\r\n\r\n  return {\r\n    isDragging,\r\n    handleProps: {\r\n      onMouseDown,\r\n    },\r\n  };\r\n}\r\n"],"mappings":";;AAQA,SAAgB,aAAa,EAAE,cAAc,WAAW,WAAgC;CACtF,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,SAAS,OAAO,CAAC;CACvB,MAAM,YAAY,OAAO,CAAC;CAC1B,MAAM,cAAc,OAAO,KAAK;CAGhC,MAAM,kBAAkB,OAAO,YAAY;CAC3C,MAAM,eAAe,OAAO,SAAS;CACrC,gBAAgB,UAAU;CAC1B,aAAa,UAAU;CAEvB,gBAAgB;EACd,IAAI,CAAC,YAAY,SAAS;EAE1B,MAAM,eAAe,MAAkB;GACrC,EAAE,eAAe;GACjB,MAAM,kBAAkB,OAAO,UAAU,EAAE;GAC3C,gBAAgB,QAAQ,eAAe;EACzC;EAEA,MAAM,aAAa,MAAkB;GACnC,YAAY,UAAU;GACtB,cAAc,KAAK;GAEnB,MAAM,kBAAkB,OAAO,UAAU,EAAE;GAC3C,MAAM,UAAU,KAAK,IAAI,IAAI,UAAU;GACvC,MAAM,WAAW,UAAU,IAAI,KAAK,IAAI,eAAe,IAAI,UAAU;GACrE,aAAa,QAAQ,iBAAiB,QAAQ;EAChD;EAEA,SAAS,iBAAiB,aAAa,WAAW;EAClD,SAAS,iBAAiB,WAAW,SAAS;EAC9C,aAAa;GACX,SAAS,oBAAoB,aAAa,WAAW;GACrD,SAAS,oBAAoB,WAAW,SAAS;EACnD;CACF,GAAG,CAAC,UAAU,CAAC;CAoBf,OAAO;EACL;EACA,aAAa,EACX,aArBgB,aACjB,UAA4C;GAC3C,IAAI,CAAC,SAAS;GACd,IAAI,MAAM,WAAW,GAAG;GAGxB,IADe,MAAM,OACV,UAAU,gBAAgB,GAAG;GAExC,MAAM,eAAe;GAErB,OAAO,UAAU,MAAM;GACvB,UAAU,UAAU,KAAK,IAAI;GAC7B,YAAY,UAAU;GACtB,cAAc,IAAI;EACpB,GACA,CAAC,OAAO,CAMI,EACZ;CACF;AACF"}

package/es/base-ui/FloatingSheet/useSnapPoints.mjs

@@ -0,0 +1,71 @@
+import { clamp, resolveSize } from "./helpers.mjs";
+import { useMemo } from "react";
+//#region src/base-ui/FloatingSheet/useSnapPoints.ts
+const VELOCITY_THRESHOLD = .4;
+const DRAG_DISTANCE_RATIO = .4;
+function useSnapPoints({ closeThreshold, snapPoints, containerHeight, minHeightPx, maxHeightPx }) {
+	const snapPointHeights = useMemo(() => {
+		if (!containerHeight) return [];
+		const resolved = snapPoints.map((sp) => clamp(resolveSize(sp, containerHeight), minHeightPx, maxHeightPx)).sort((a, b) => a - b);
+		return [...new Set(resolved)];
+	}, [
+		snapPoints,
+		containerHeight,
+		minHeightPx,
+		maxHeightPx
+	]);
+	function findClosestSnapPoint(height) {
+		if (snapPointHeights.length === 0) return clamp(height, minHeightPx, maxHeightPx);
+		return snapPointHeights.reduce((prev, curr) => Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev);
+	}
+	function findActiveIndex(height) {
+		const closest = findClosestSnapPoint(height);
+		return snapPointHeights.indexOf(closest);
+	}
+	function getSnapRelease({ currentHeight, activeIndex, draggedDistance, velocity, dismissible }) {
+		const isFirst = activeIndex === 0;
+		const isLast = activeIndex === snapPointHeights.length - 1;
+		const isDraggingUp = draggedDistance > 0;
+		const highestSnapPoint = snapPointHeights.at(-1) ?? maxHeightPx;
+		const lowestSnapPoint = snapPointHeights[0] ?? minHeightPx;
+		const nextHigherSnapPoint = snapPointHeights[Math.min(activeIndex + 1, snapPointHeights.length - 1)] ?? highestSnapPoint;
+		const nextLowerSnapPoint = snapPointHeights[Math.max(activeIndex - 1, 0)] ?? lowestSnapPoint;
+		const sheetHeight = snapPointHeights[activeIndex] ?? currentHeight;
+		if (velocity > VELOCITY_THRESHOLD && Math.abs(draggedDistance) < sheetHeight * DRAG_DISTANCE_RATIO) {
+			if (isDraggingUp) {
+				if (isLast) return {
+					type: "snap",
+					height: highestSnapPoint
+				};
+				return {
+					type: "snap",
+					height: nextHigherSnapPoint
+				};
+			} else {
+				if (isFirst) return dismissible ? { type: "dismiss" } : {
+					type: "snap",
+					height: lowestSnapPoint
+				};
+				return {
+					type: "snap",
+					height: nextLowerSnapPoint
+				};
+			}
+		}
+		if (dismissible && isFirst && !isDraggingUp && currentHeight < lowestSnapPoint * closeThreshold) return { type: "dismiss" };
+		return {
+			type: "snap",
+			height: findClosestSnapPoint(currentHeight)
+		};
+	}
+	return {
+		snapPointHeights,
+		findClosestSnapPoint,
+		findActiveIndex,
+		getSnapRelease
+	};
+}
+//#endregion
+export { useSnapPoints };
+
+//# sourceMappingURL=useSnapPoints.mjs.map

package/es/base-ui/FloatingSheet/useSnapPoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnapPoints.mjs","names":[],"sources":["../../../src/base-ui/FloatingSheet/useSnapPoints.ts"],"sourcesContent":["import { type RefObject, useMemo } from 'react';\r\n\r\nimport { clamp, resolveSize } from './helpers';\r\n\r\nconst VELOCITY_THRESHOLD = 0.4;\r\nconst DRAG_DISTANCE_RATIO = 0.4;\r\n\r\ninterface UseSnapPointsOptions {\r\n  closeThreshold: number;\r\n  containerHeight: number;\r\n  containerRef: RefObject<HTMLElement | null>;\r\n  maxHeightPx: number;\r\n  minHeightPx: number;\r\n  snapPoints: number[];\r\n}\r\n\r\ninterface SnapReleaseParams {\r\n  activeIndex: number;\r\n  currentHeight: number;\r\n  dismissible: boolean;\r\n  draggedDistance: number; // positive = upward (growing), negative = downward (shrinking)\r\n  velocity: number;\r\n}\r\n\r\ntype SnapReleaseResult = { type: 'snap'; height: number } | { type: 'dismiss' };\r\n\r\nexport function useSnapPoints({\r\n  closeThreshold,\r\n  snapPoints,\r\n  containerHeight,\r\n  minHeightPx,\r\n  maxHeightPx,\r\n}: UseSnapPointsOptions) {\r\n  const snapPointHeights = useMemo(() => {\r\n    if (!containerHeight) return [];\r\n\r\n    const resolved = snapPoints\r\n      .map((sp) => clamp(resolveSize(sp, containerHeight), minHeightPx, maxHeightPx))\r\n      .sort((a, b) => a - b);\r\n\r\n    // Remove duplicates\r\n    return [...new Set(resolved)];\r\n  }, [snapPoints, containerHeight, minHeightPx, maxHeightPx]);\r\n\r\n  function findClosestSnapPoint(height: number): number {\r\n    if (snapPointHeights.length === 0) return clamp(height, minHeightPx, maxHeightPx);\r\n\r\n    return snapPointHeights.reduce((prev, curr) =>\r\n      Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev,\r\n    );\r\n  }\r\n\r\n  function findActiveIndex(height: number): number {\r\n    const closest = findClosestSnapPoint(height);\r\n    return snapPointHeights.indexOf(closest);\r\n  }\r\n\r\n  function getSnapRelease({\r\n    currentHeight,\r\n    activeIndex,\r\n    draggedDistance,\r\n    velocity,\r\n    dismissible,\r\n  }: SnapReleaseParams): SnapReleaseResult {\r\n    const isFirst = activeIndex === 0;\r\n    const isLast = activeIndex === snapPointHeights.length - 1;\r\n    const isDraggingUp = draggedDistance > 0;\r\n    const highestSnapPoint = snapPointHeights.at(-1) ?? maxHeightPx;\r\n    const lowestSnapPoint = snapPointHeights[0] ?? minHeightPx;\r\n    const nextHigherSnapPoint =\r\n      snapPointHeights[Math.min(activeIndex + 1, snapPointHeights.length - 1)] ?? highestSnapPoint;\r\n    const nextLowerSnapPoint = snapPointHeights[Math.max(activeIndex - 1, 0)] ?? lowestSnapPoint;\r\n    const sheetHeight = snapPointHeights[activeIndex] ?? currentHeight;\r\n\r\n    // High velocity handling\r\n    if (\r\n      velocity > VELOCITY_THRESHOLD &&\r\n      Math.abs(draggedDistance) < sheetHeight * DRAG_DISTANCE_RATIO\r\n    ) {\r\n      if (isDraggingUp) {\r\n        // Fling upward: go to next higher snap, cap at highest\r\n        if (isLast) return { type: 'snap', height: highestSnapPoint };\r\n\r\n        return { type: 'snap', height: nextHigherSnapPoint };\r\n      } else {\r\n        // Fling downward: go to next lower snap, or dismiss if at lowest\r\n        if (isFirst) {\r\n          return dismissible ? { type: 'dismiss' } : { type: 'snap', height: lowestSnapPoint };\r\n        }\r\n\r\n        return { type: 'snap', height: nextLowerSnapPoint };\r\n      }\r\n    }\r\n\r\n    if (\r\n      dismissible &&\r\n      isFirst &&\r\n      !isDraggingUp &&\r\n      currentHeight < lowestSnapPoint * closeThreshold\r\n    ) {\r\n      return { type: 'dismiss' };\r\n    }\r\n\r\n    // Low velocity: snap to closest\r\n    const closest = findClosestSnapPoint(currentHeight);\r\n    return { type: 'snap', height: closest };\r\n  }\r\n\r\n  return {\r\n    snapPointHeights,\r\n    findClosestSnapPoint,\r\n    findActiveIndex,\r\n    getSnapRelease,\r\n  };\r\n}\r\n"],"mappings":";;;AAIA,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAqB5B,SAAgB,cAAc,EAC5B,gBACA,YACA,iBACA,aACA,eACuB;CACvB,MAAM,mBAAmB,cAAc;EACrC,IAAI,CAAC,iBAAiB,OAAO,CAAC;EAE9B,MAAM,WAAW,WACd,KAAK,OAAO,MAAM,YAAY,IAAI,eAAe,GAAG,aAAa,WAAW,CAAC,CAAC,CAC9E,MAAM,GAAG,MAAM,IAAI,CAAC;EAGvB,OAAO,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;CAC9B,GAAG;EAAC;EAAY;EAAiB;EAAa;CAAW,CAAC;CAE1D,SAAS,qBAAqB,QAAwB;EACpD,IAAI,iBAAiB,WAAW,GAAG,OAAO,MAAM,QAAQ,aAAa,WAAW;EAEhF,OAAO,iBAAiB,QAAQ,MAAM,SACpC,KAAK,IAAI,OAAO,MAAM,IAAI,KAAK,IAAI,OAAO,MAAM,IAAI,OAAO,IAC7D;CACF;CAEA,SAAS,gBAAgB,QAAwB;EAC/C,MAAM,UAAU,qBAAqB,MAAM;EAC3C,OAAO,iBAAiB,QAAQ,OAAO;CACzC;CAEA,SAAS,eAAe,EACtB,eACA,aACA,iBACA,UACA,eACuC;EACvC,MAAM,UAAU,gBAAgB;EAChC,MAAM,SAAS,gBAAgB,iBAAiB,SAAS;EACzD,MAAM,eAAe,kBAAkB;EACvC,MAAM,mBAAmB,iBAAiB,GAAG,EAAE,KAAK;EACpD,MAAM,kBAAkB,iBAAiB,MAAM;EAC/C,MAAM,sBACJ,iBAAiB,KAAK,IAAI,cAAc,GAAG,iBAAiB,SAAS,CAAC,MAAM;EAC9E,MAAM,qBAAqB,iBAAiB,KAAK,IAAI,cAAc,GAAG,CAAC,MAAM;EAC7E,MAAM,cAAc,iBAAiB,gBAAgB;EAGrD,IACE,WAAW,sBACX,KAAK,IAAI,eAAe,IAAI,cAAc,qBAC1C;GACA,IAAI,cAAc;IAEhB,IAAI,QAAQ,OAAO;KAAE,MAAM;KAAQ,QAAQ;IAAiB;IAE5D,OAAO;KAAE,MAAM;KAAQ,QAAQ;IAAoB;GACrD,OAAO;IAEL,IAAI,SACF,OAAO,cAAc,EAAE,MAAM,UAAU,IAAI;KAAE,MAAM;KAAQ,QAAQ;IAAgB;IAGrF,OAAO;KAAE,MAAM;KAAQ,QAAQ;IAAmB;GACpD;EACF;EAEA,IACE,eACA,WACA,CAAC,gBACD,gBAAgB,kBAAkB,gBAElC,OAAO,EAAE,MAAM,UAAU;EAK3B,OAAO;GAAE,MAAM;GAAQ,QADP,qBAAqB,aACA;EAAE;CACzC;CAEA,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}