@hubstr/kit 0.1.5 → 0.1.6

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

@@ -0,0 +1,197 @@
+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) return clamp(resolveSize(activeSnapPointProp, containerHeight), 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) setHeight(highest + dampenValue(newHeight - highest));
+			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 result = getSnapRelease({
+				activeIndex: findActiveIndex(heightBeforeDrag.current),
+				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/ui/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/ui/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/ui/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;AAEV,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,EAAE,QAAQ,cAAc,EAAE,eAAe;EAAE,GAAI;YAAlE,CACE,oBAAC,OAAD,EAAK,WAAW,EAAE,QAAU,CAAA,EAC5B,qBAAC,OAAD;GAAK,WAAW,EAAE;aAAlB,CACG,SAAS,oBAAC,OAAD;IAAK,WAAW,EAAE;cAAc;IAAY,CAAA,EACrD,iBACC,oBAAC,OAAD;IAAK,WAAW,EAAE;IAAe,gBAAa;cAC3C;IACG,CAAA,CAEJ;KACF"}

package/ui/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/ui/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;AACrE,QAAO,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,IAAI;;;;;;AAO5C,SAAgB,YAAY,GAAmB;AAC7C,KAAI,KAAK,EAAG,QAAO;AACnB,QAAO,IAAI,KAAK,MAAM,IAAI,EAAE;;;;;;;;AAS9B,SAAgB,YAAY,OAAe,iBAAiC;AAC1E,KAAI,UAAU,EAAG,QAAO;AACxB,KAAI,QAAQ,KAAK,SAAS,EAAG,QAAO,QAAQ;AAC5C,QAAO"}

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

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

package/ui/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};
+  `,
+	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/ui/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';\r\n\r\nconst transitionDuration = '0.3s';\r\nconst transitionEasing = 'cubic-bezier(0.32, 0.72, 0, 1)';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  root: css`\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: ${cssVar.colorBgContainer};\r\n  `,\r\n  overlayRadius: css`\r\n    border-radius: 12px 12px 0 0;\r\n  `,\r\n  inlineRadius: css`\r\n    border-radius: 12px;\r\n  `,\r\n  elevated: css`\r\n    box-shadow: ${cssVar.boxShadowSecondary};\r\n  `,\r\n  embedded: css`\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    box-shadow: none;\r\n  `,\r\n  overlay: css`\r\n    position: absolute;\r\n    z-index: 10;\r\n    inset-block-end: 0;\r\n    inset-inline: 0;\r\n  `,\r\n  inline: css`\r\n    position: relative;\r\n    z-index: 1;\r\n    flex-shrink: 0;\r\n  `,\r\n  transition: css`\r\n    transition:\r\n      height ${transitionDuration} ${transitionEasing},\r\n      margin-block-start ${transitionDuration} ${transitionEasing};\r\n  `,\r\n  hidden: css`\r\n    visibility: hidden;\r\n  `,\r\n  header: css`\r\n    cursor: grab;\r\n    user-select: none;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n\r\n    padding-block: 8px 4px;\r\n    padding-inline: 16px;\r\n  `,\r\n  headerDragging: css`\r\n    cursor: grabbing;\r\n  `,\r\n  handle: css`\r\n    width: 32px;\r\n    height: 4px;\r\n    margin-block-end: 8px;\r\n    border-radius: 2px;\r\n\r\n    background: ${cssVar.colorBorderSecondary};\r\n  `,\r\n  headerContent: css`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n    min-height: 24px;\r\n  `,\r\n  headerTitle: css`\r\n    flex: 1;\r\n    min-width: 0;\r\n  `,\r\n  headerActions: css`\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    gap: 4px;\r\n    align-items: center;\r\n  `,\r\n  content: css`\r\n    overflow: auto;\r\n    flex: 1;\r\n    min-height: 0;\r\n  `,\r\n}));\r\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;;;;;CAKb,EAAE"}

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

@@ -0,0 +1,26 @@
+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/ui/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/ui/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,MAAM;CACnD,MAAM,SAAS,OAAO,EAAE;CACxB,MAAM,YAAY,OAAO,EAAE;CAC3B,MAAM,cAAc,OAAO,MAAM;CAGjC,MAAM,kBAAkB,OAAO,aAAa;CAC5C,MAAM,eAAe,OAAO,UAAU;AACtC,iBAAgB,UAAU;AAC1B,cAAa,UAAU;AAEvB,iBAAgB;AACd,MAAI,CAAC,YAAY,QAAS;EAE1B,MAAM,eAAe,MAAkB;AACrC,KAAE,gBAAgB;GAClB,MAAM,kBAAkB,OAAO,UAAU,EAAE;AAC3C,mBAAgB,QAAQ,gBAAgB;;EAG1C,MAAM,aAAa,MAAkB;AACnC,eAAY,UAAU;AACtB,iBAAc,MAAM;GAEpB,MAAM,kBAAkB,OAAO,UAAU,EAAE;GAC3C,MAAM,UAAU,KAAK,KAAK,GAAG,UAAU;GACvC,MAAM,WAAW,UAAU,IAAI,KAAK,IAAI,gBAAgB,GAAG,UAAU;AACrE,gBAAa,QAAQ,iBAAiB,SAAS;;AAGjD,WAAS,iBAAiB,aAAa,YAAY;AACnD,WAAS,iBAAiB,WAAW,UAAU;AAC/C,eAAa;AACX,YAAS,oBAAoB,aAAa,YAAY;AACtD,YAAS,oBAAoB,WAAW,UAAU;;IAEnD,CAAC,WAAW,CAAC;AAoBhB,QAAO;EACL;EACA,aAAa,EACX,aArBgB,aACjB,UAA4C;AAC3C,OAAI,CAAC,QAAS;AACd,OAAI,MAAM,WAAW,EAAG;AAGxB,OADe,MAAM,OACV,UAAU,iBAAiB,CAAE;AAExC,SAAM,gBAAgB;AAEtB,UAAO,UAAU,MAAM;AACvB,aAAU,UAAU,KAAK,KAAK;AAC9B,eAAY,UAAU;AACtB,iBAAc,KAAK;KAErB,CAAC,QAAQ,CAMI,EACZ;EACF"}

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

@@ -0,0 +1,69 @@
+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/ui/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;AACrC,MAAI,CAAC,gBAAiB,QAAO,EAAE;EAE/B,MAAM,WAAW,WACd,KAAK,OAAO,MAAM,YAAY,IAAI,gBAAgB,EAAE,aAAa,YAAY,CAAC,CAC9E,MAAM,GAAG,MAAM,IAAI,EAAE;AAGxB,SAAO,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC;IAC5B;EAAC;EAAY;EAAiB;EAAa;EAAY,CAAC;CAE3D,SAAS,qBAAqB,QAAwB;AACpD,MAAI,iBAAiB,WAAW,EAAG,QAAO,MAAM,QAAQ,aAAa,YAAY;AAEjF,SAAO,iBAAiB,QAAQ,MAAM,SACpC,KAAK,IAAI,OAAO,OAAO,GAAG,KAAK,IAAI,OAAO,OAAO,GAAG,OAAO,KAC5D;;CAGH,SAAS,gBAAgB,QAAwB;EAC/C,MAAM,UAAU,qBAAqB,OAAO;AAC5C,SAAO,iBAAiB,QAAQ,QAAQ;;CAG1C,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,GAAG,IAAI;EACpD,MAAM,kBAAkB,iBAAiB,MAAM;EAC/C,MAAM,sBACJ,iBAAiB,KAAK,IAAI,cAAc,GAAG,iBAAiB,SAAS,EAAE,KAAK;EAC9E,MAAM,qBAAqB,iBAAiB,KAAK,IAAI,cAAc,GAAG,EAAE,KAAK;EAC7E,MAAM,cAAc,iBAAiB,gBAAgB;AAGrD,MACE,WAAW,sBACX,KAAK,IAAI,gBAAgB,GAAG,cAAc,oBAE1C,KAAI,cAAc;AAEhB,OAAI,OAAQ,QAAO;IAAE,MAAM;IAAQ,QAAQ;IAAkB;AAE7D,UAAO;IAAE,MAAM;IAAQ,QAAQ;IAAqB;SAC/C;AAEL,OAAI,QACF,QAAO,cAAc,EAAE,MAAM,WAAW,GAAG;IAAE,MAAM;IAAQ,QAAQ;IAAiB;AAGtF,UAAO;IAAE,MAAM;IAAQ,QAAQ;IAAoB;;AAIvD,MACE,eACA,WACA,CAAC,gBACD,gBAAgB,kBAAkB,eAElC,QAAO,EAAE,MAAM,WAAW;AAK5B,SAAO;GAAE,MAAM;GAAQ,QADP,qBAAqB,cACC;GAAE;;AAG1C,QAAO;EACL;EACA;EACA;EACA;EACD"}

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

@@ -0,0 +1,8 @@
+import { ModalComponentProps } from "./type.mjs";
+import React from "react";
+
+//#region src/base-ui/Modal/Modal.d.ts
+declare const Modal: React.NamedExoticComponent<ModalComponentProps>;
+//#endregion
+export { Modal };
+//# sourceMappingURL=Modal.d.mts.map