@lobehub/ui 5.64.2 → 6.0.0-beta.10

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

@@ -1,71 +0,0 @@
-"use client";
-import { AXES } from "./core/axes.mjs";
-import { DraggablePanelContent, DraggablePanelHandle, DraggablePanelRoot, DraggablePanelToggle } from "./atoms.mjs";
-import { memo, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/DraggablePanel/DraggablePanel.tsx
-const toNumber = (value) => typeof value === "number" ? Math.max(value, 0) : void 0;
-const DraggablePanel = memo(({ backgroundColor, children, className, classNames, collapseThreshold, defaultExpand, defaultSize, expand, expandable = true, maxHeight, maxWidth, minHeight, minWidth, mode = "fixed", onExpandChange, onSizeChange, onSizeDragging, placement = "right", showBorder = true, showHandleWhenCollapsed, showHandleWideArea = true, size, style, styles: customStyles, ...rest }) => {
-	const { vertical } = AXES[placement];
-	const toSize = useCallback((value) => vertical ? {
-		height: value,
-		width: "100%"
-	} : {
-		height: "100%",
-		width: value
-	}, [vertical]);
-	const toDelta = useCallback((value) => vertical ? {
-		height: value,
-		width: 0
-	} : {
-		height: 0,
-		width: value
-	}, [vertical]);
-	const handleSizeChange = useCallback((next, delta) => onSizeChange?.(toDelta(delta), toSize(next)), [
-		onSizeChange,
-		toDelta,
-		toSize
-	]);
-	const handleSizeDragging = useCallback((next, delta) => onSizeDragging?.(toDelta(delta), toSize(next)), [
-		onSizeDragging,
-		toDelta,
-		toSize
-	]);
-	return /* @__PURE__ */ jsxs(DraggablePanelRoot, {
-		backgroundColor,
-		className,
-		collapseThreshold,
-		defaultExpand,
-		defaultSize: toNumber(vertical ? defaultSize?.height : defaultSize?.width),
-		expand,
-		expandable,
-		max: toNumber(vertical ? maxHeight : maxWidth),
-		min: toNumber(vertical ? minHeight : minWidth) ?? 0,
-		mode,
-		placement,
-		showBorder,
-		size: toNumber(vertical ? size?.height : size?.width),
-		onExpandChange,
-		onSizeChange: handleSizeChange,
-		onSizeDragging: handleSizeDragging,
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx(DraggablePanelToggle, { showHandleWhenCollapsed }),
-			/* @__PURE__ */ jsx(DraggablePanelContent, {
-				className: cx(classNames?.content),
-				style: {
-					...customStyles?.content,
-					...style
-				},
-				children
-			}),
-			/* @__PURE__ */ jsx(DraggablePanelHandle, { wideArea: showHandleWideArea })
-		]
-	});
-});
-DraggablePanel.displayName = "DraggablePanel";
-//#endregion
-export { DraggablePanel as default };
-
-//# sourceMappingURL=DraggablePanel.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DraggablePanel.mjs","names":[],"sources":["../../../src/base-ui/DraggablePanel/DraggablePanel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useCallback } from 'react';\n\nimport {\n  DraggablePanelContent,\n  DraggablePanelHandle,\n  DraggablePanelRoot,\n  DraggablePanelToggle,\n} from './atoms';\nimport { AXES } from './core/axes';\nimport type { DraggablePanelProps, DraggablePanelSize } from './type';\n\nconst toNumber = (value: number | string | undefined) =>\n  typeof value === 'number' ? Math.max(value, 0) : undefined;\n\nconst DraggablePanel = memo<DraggablePanelProps>(\n  ({\n    backgroundColor,\n    children,\n    className,\n    classNames,\n    collapseThreshold,\n    defaultExpand,\n    defaultSize,\n    expand,\n    expandable = true,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    mode = 'fixed',\n    onExpandChange,\n    onSizeChange,\n    onSizeDragging,\n    placement = 'right',\n    showBorder = true,\n    showHandleWhenCollapsed,\n    showHandleWideArea = true,\n    size,\n    style,\n    styles: customStyles,\n    ...rest\n  }) => {\n    const { vertical } = AXES[placement];\n\n    const toSize = useCallback(\n      (value: number): DraggablePanelSize =>\n        vertical ? { height: value, width: '100%' } : { height: '100%', width: value },\n      [vertical],\n    );\n    const toDelta = useCallback(\n      (value: number): DraggablePanelSize =>\n        vertical ? { height: value, width: 0 } : { height: 0, width: value },\n      [vertical],\n    );\n\n    const handleSizeChange = useCallback(\n      (next: number, delta: number) => onSizeChange?.(toDelta(delta), toSize(next)),\n      [onSizeChange, toDelta, toSize],\n    );\n    const handleSizeDragging = useCallback(\n      (next: number, delta: number) => onSizeDragging?.(toDelta(delta), toSize(next)),\n      [onSizeDragging, toDelta, toSize],\n    );\n\n    return (\n      <DraggablePanelRoot\n        backgroundColor={backgroundColor}\n        className={className}\n        collapseThreshold={collapseThreshold}\n        defaultExpand={defaultExpand}\n        defaultSize={toNumber(vertical ? defaultSize?.height : defaultSize?.width)}\n        expand={expand}\n        expandable={expandable}\n        max={toNumber(vertical ? maxHeight : maxWidth)}\n        min={toNumber(vertical ? minHeight : minWidth) ?? 0}\n        mode={mode}\n        placement={placement}\n        showBorder={showBorder}\n        size={toNumber(vertical ? size?.height : size?.width)}\n        onExpandChange={onExpandChange}\n        onSizeChange={handleSizeChange}\n        onSizeDragging={handleSizeDragging}\n        {...rest}\n      >\n        <DraggablePanelToggle showHandleWhenCollapsed={showHandleWhenCollapsed} />\n        <DraggablePanelContent\n          className={cx(classNames?.content)}\n          style={{ ...customStyles?.content, ...style }}\n        >\n          {children}\n        </DraggablePanelContent>\n        <DraggablePanelHandle wideArea={showHandleWideArea} />\n      </DraggablePanelRoot>\n    );\n  },\n);\n\nDraggablePanel.displayName = 'DraggablePanel';\n\nexport default DraggablePanel;\n"],"mappings":";;;;;;;AAcA,MAAM,YAAY,UAChB,OAAO,UAAU,WAAW,KAAK,IAAI,OAAO,CAAC,IAAI,KAAA;AAEnD,MAAM,iBAAiB,MACpB,EACC,iBACA,UACA,WACA,YACA,mBACA,eACA,aACA,QACA,aAAa,MACb,WACA,UACA,WACA,UACA,OAAO,SACP,gBACA,cACA,gBACA,YAAY,SACZ,aAAa,MACb,yBACA,qBAAqB,MACrB,MACA,OACA,QAAQ,cACR,GAAG,WACC;CACJ,MAAM,EAAE,aAAa,KAAK;CAE1B,MAAM,SAAS,aACZ,UACC,WAAW;EAAE,QAAQ;EAAO,OAAO;CAAO,IAAI;EAAE,QAAQ;EAAQ,OAAO;CAAM,GAC/E,CAAC,QAAQ,CACX;CACA,MAAM,UAAU,aACb,UACC,WAAW;EAAE,QAAQ;EAAO,OAAO;CAAE,IAAI;EAAE,QAAQ;EAAG,OAAO;CAAM,GACrE,CAAC,QAAQ,CACX;CAEA,MAAM,mBAAmB,aACtB,MAAc,UAAkB,eAAe,QAAQ,KAAK,GAAG,OAAO,IAAI,CAAC,GAC5E;EAAC;EAAc;EAAS;CAAM,CAChC;CACA,MAAM,qBAAqB,aACxB,MAAc,UAAkB,iBAAiB,QAAQ,KAAK,GAAG,OAAO,IAAI,CAAC,GAC9E;EAAC;EAAgB;EAAS;CAAM,CAClC;CAEA,OACE,qBAAC,oBAAD;EACmB;EACN;EACQ;EACJ;EACf,aAAa,SAAS,WAAW,aAAa,SAAS,aAAa,KAAK;EACjE;EACI;EACZ,KAAK,SAAS,WAAW,YAAY,QAAQ;EAC7C,KAAK,SAAS,WAAW,YAAY,QAAQ,KAAK;EAC5C;EACK;EACC;EACZ,MAAM,SAAS,WAAW,MAAM,SAAS,MAAM,KAAK;EACpC;EAChB,cAAc;EACd,gBAAgB;EAChB,GAAI;EAjBN,UAAA;GAmBE,oBAAC,sBAAD,EAA+C,wBAA0B,CAAA;GACzE,oBAAC,uBAAD;IACE,WAAW,GAAG,YAAY,OAAO;IACjC,OAAO;KAAE,GAAG,cAAc;KAAS,GAAG;IAAM;IAE3C;GACoB,CAAA;GACvB,oBAAC,sBAAD,EAAsB,UAAU,mBAAqB,CAAA;EACnC;;AAExB,CACF;AAEA,eAAe,cAAc"}

package/es/base-ui/DraggablePanel/atoms.d.mts

@@ -1,47 +0,0 @@
-import { DivProps } from "../../types/index.mjs";
-import { Placement } from "./core/axes.mjs";
-import { ReactNode } from "react";
-//#region src/base-ui/DraggablePanel/atoms.d.ts
-interface DraggablePanelRootProps extends Omit<DivProps, 'onDrag'> {
-  backgroundColor?: string;
-  collapseThreshold?: number;
-  defaultExpand?: boolean;
-  defaultSize?: number;
-  expand?: boolean;
-  expandable?: boolean;
-  max?: number;
-  min?: number;
-  mode?: 'fixed' | 'float';
-  onExpandChange?: (expand: boolean) => void;
-  onSizeChange?: (size: number, delta: number) => void;
-  onSizeDragging?: (size: number, delta: number) => void;
-  placement?: Placement;
-  showBorder?: boolean;
-  size?: number;
-}
-declare const DraggablePanelRoot: import("react").NamedExoticComponent<DraggablePanelRootProps>;
-interface DraggablePanelContentProps extends Omit<DivProps, 'onDrag'> {}
-declare const DraggablePanelContent: import("react").NamedExoticComponent<DraggablePanelContentProps>;
-interface DraggablePanelHandleProps extends Omit<DivProps, 'onDrag'> {
-  wideArea?: boolean;
-}
-declare const DraggablePanelHandle: import("react").NamedExoticComponent<DraggablePanelHandleProps>;
-interface DraggablePanelToggleProps extends Omit<DivProps, 'onDrag'> {
-  showHandleWhenCollapsed?: boolean;
-}
-declare const DraggablePanelToggle: import("react").NamedExoticComponent<DraggablePanelToggleProps>;
-type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: import("react").NamedExoticComponent<DivProps>;
-type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: import("react").NamedExoticComponent<DivProps>;
-type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: import("react").NamedExoticComponent<DivProps>;
-interface DraggablePanelHeaderProps extends Omit<DivProps, 'children' | 'title'> {
-  extra?: ReactNode;
-  onCollapse?: () => void;
-  title?: ReactNode;
-}
-declare const DraggablePanelHeader: import("react").NamedExoticComponent<DraggablePanelHeaderProps>;
-//#endregion
-export { DraggablePanelBody, DraggablePanelBodyProps, DraggablePanelContainer, DraggablePanelContainerProps, DraggablePanelContent, DraggablePanelContentProps, DraggablePanelFooter, DraggablePanelFooterProps, DraggablePanelHandle, DraggablePanelHandleProps, DraggablePanelHeader, DraggablePanelHeaderProps, DraggablePanelRoot, DraggablePanelRootProps, DraggablePanelToggle, DraggablePanelToggleProps };
-//# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/DraggablePanel/atoms.mjs

@@ -1,342 +0,0 @@
-"use client";
-import { useMotionComponent } from "../../MotionProvider/index.mjs";
-import ActionIcon from "../ActionIcon/ActionIcon.mjs";
-import { DraggablePanelContext, useDraggablePanelContext } from "./context.mjs";
-import { AXES } from "./core/axes.mjs";
-import { coarsePointer, handleSize } from "./core/env.mjs";
-import { timing } from "./core/transition.mjs";
-import { createPanelController } from "./core/controller.mjs";
-import { useIsomorphicLayoutEffect, useStore } from "./core/internal.mjs";
-import { SEAM_ARROW, handleVariants, rootVariants, styles, toggleVariants } from "./style.mjs";
-import { memo, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { useTransform } from "motion/react";
-import useMergeState from "use-merge-value";
-import { ChevronLeft } from "lucide-react";
-//#region src/base-ui/DraggablePanel/atoms.tsx
-const PAN_THRESHOLD = 3;
-const ARROW_BOX = (SEAM_ARROW.half + SEAM_ARROW.lead) * 2;
-const ARROW_C = ARROW_BOX / 2;
-const ARROW_PATH = (() => {
-	const { depth: d, half: h, lead } = SEAM_ARROW;
-	const c = ARROW_C;
-	const r = .12;
-	return [
-		`M${c} ${c - h - lead}`,
-		`Q${c} ${c - h} ${c - d * r} ${c - h + h * r}`,
-		`L${c - d * .88} ${c - h * r}`,
-		`Q${c - d} ${c} ${c - d * .88} ${c + h * r}`,
-		`L${c - d * r} ${c + h - h * r}`,
-		`Q${c} ${c + h} ${c} ${c + h + lead}`
-	].join(" ");
-})();
-const bendSign = (placement, expand) => (placement === "left" || placement === "top" ? 1 : -1) * (expand ? 1 : -1);
-const ORIGIN_MAP = {
-	bottom: "center bottom",
-	left: "left center",
-	right: "right center",
-	top: "center top"
-};
-const COLLAPSED_SCALE = .97;
-const EDGE_INSET = {
-	bottom: "insetBlockEnd",
-	left: "insetInlineStart",
-	right: "insetInlineEnd",
-	top: "insetBlockStart"
-};
-const DraggablePanelRoot = memo(({ backgroundColor, children, className, collapseThreshold, defaultExpand = true, defaultSize, expand, expandable = true, max, min = 0, mode = "fixed", onExpandChange, onSizeChange, onSizeDragging, placement = "right", showBorder = true, size, style, ...rest }) => {
-	const axis = AXES[placement];
-	const fallbackSize = axis.vertical ? 180 : 280;
-	const resolvedDefaultSize = defaultSize ?? fallbackSize;
-	const [isExpand, setIsExpand] = useMergeState(defaultExpand, {
-		onChange: onExpandChange,
-		value: expand
-	});
-	const [innerSize, setInnerSize] = useState(resolvedDefaultSize);
-	const currentSize = size ?? innerSize;
-	const options = {
-		collapseThreshold,
-		defaultSize: resolvedDefaultSize,
-		expand: isExpand,
-		max,
-		min,
-		onExpandChange: setIsExpand,
-		onSizeChange: useCallback((next, delta) => {
-			if (size === void 0) setInnerSize(next);
-			onSizeChange?.(next, delta);
-		}, [onSizeChange, size]),
-		onSizeDragging,
-		placement,
-		size: currentSize
-	};
-	const [controller] = useState(() => createPanelController(options));
-	const state = useStore(controller.subscribe, () => controller.state);
-	const elementRef = useRef(null);
-	useIsomorphicLayoutEffect(() => {
-		controller.sync(options);
-	});
-	useIsomorphicLayoutEffect(() => {
-		const node = elementRef.current;
-		return node ? controller.attach(node) : void 0;
-	}, [controller]);
-	const toggleExpand = useCallback(() => {
-		if (expandable) setIsExpand(!isExpand);
-	}, [
-		expandable,
-		isExpand,
-		setIsExpand
-	]);
-	const context = useMemo(() => ({
-		axis,
-		controller,
-		expand: isExpand,
-		expandable,
-		placement,
-		showBorder,
-		state,
-		toggleExpand
-	}), [
-		axis,
-		controller,
-		isExpand,
-		expandable,
-		placement,
-		showBorder,
-		state,
-		toggleExpand
-	]);
-	return /* @__PURE__ */ jsx(DraggablePanelContext, {
-		value: context,
-		children: /* @__PURE__ */ jsx("aside", {
-			className: cx(rootVariants({
-				mode,
-				placement
-			}), className),
-			"data-expand": isExpand,
-			"data-expandable": expandable,
-			"data-resizing": state.dragging,
-			ref: elementRef,
-			style: {
-				"--draggable-panel-bg": backgroundColor || "",
-				"flexDirection": axis.vertical ? "column" : "row",
-				...style
-			},
-			...rest,
-			children
-		})
-	});
-});
-DraggablePanelRoot.displayName = "DraggablePanelRoot";
-const DraggablePanelContent = memo(({ children, className, style, ...rest }) => {
-	const Motion = useMotionComponent();
-	const { axis, controller, expand, placement, state } = useDraggablePanelContext();
-	const extent = useTransform(controller.motion.size, (value) => Math.max(0, value));
-	const target = useStore(controller.subscribe, () => controller.target);
-	const clipping = state.dragging || state.folding || target === 0;
-	const shrunk = state.collapsing || !expand;
-	return /* @__PURE__ */ jsx(Motion.div, {
-		inert: !expand,
-		style: {
-			display: "flex",
-			flexDirection: axis.vertical ? "column" : "row",
-			flexShrink: 0,
-			justifyContent: axis.anchorEnd ? "flex-end" : "flex-start",
-			overflow: clipping ? "clip" : "visible",
-			[axis.cross]: "100%",
-			[axis.extent]: extent
-		},
-		children: /* @__PURE__ */ jsx(Motion.div, {
-			animate: { scale: shrunk ? COLLAPSED_SCALE : 1 },
-			className: cx(styles.content, className),
-			transition: timing(),
-			style: {
-				transformOrigin: ORIGIN_MAP[placement],
-				[axis.cross]: "100%",
-				[axis.extent]: controller.motion.content,
-				...style
-			},
-			...rest,
-			children
-		})
-	});
-});
-DraggablePanelContent.displayName = "DraggablePanelContent";
-const DraggablePanelHandle = memo(({ className, style, wideArea = true, ...rest }) => {
-	const { axis, controller, expand, showBorder, state } = useDraggablePanelContext();
-	const size = useStore(coarsePointer.subscribe, () => handleSize(wideArea));
-	const target = useStore(controller.subscribe, () => controller.target);
-	useEffect(() => () => controller.drag.cancel(), [controller]);
-	const pressedRef = useRef(null);
-	const draggingRef = useRef(false);
-	const draggedRef = useRef(false);
-	const { max, min } = controller.bounds();
-	if (!expand) return null;
-	return /* @__PURE__ */ jsx("div", {
-		"aria-orientation": axis.ariaOrientation,
-		"aria-valuemax": Number.isFinite(max) ? max : void 0,
-		"aria-valuemin": min,
-		"aria-valuenow": target,
-		"aria-valuetext": `${target} pixels`,
-		className: cx(handleVariants({ edge: axis.edge }), className),
-		"data-border": showBorder,
-		"data-resizing": state.dragging || void 0,
-		role: "separator",
-		tabIndex: 0,
-		style: {
-			"--draggable-panel-handle-size": `${size}px`,
-			[EDGE_INSET[axis.edge]]: -size / 2,
-			...style
-		},
-		onKeyDown: (event) => controller.resizeByKey(event),
-		onDoubleClick: () => {
-			if (!draggedRef.current) controller.reset();
-		},
-		onLostPointerCapture: () => {
-			if (draggingRef.current) controller.drag.end();
-			pressedRef.current = null;
-			draggingRef.current = false;
-		},
-		onPointerCancel: () => {
-			controller.drag.cancel();
-			pressedRef.current = null;
-			draggingRef.current = false;
-		},
-		onPointerDown: (event) => {
-			draggedRef.current = false;
-			pressedRef.current = {
-				x: event.clientX,
-				y: event.clientY
-			};
-			try {
-				event.currentTarget.setPointerCapture(event.pointerId);
-			} catch {}
-		},
-		onPointerMove: (event) => {
-			if (!pressedRef.current) return;
-			const offset = {
-				x: event.clientX - pressedRef.current.x,
-				y: event.clientY - pressedRef.current.y
-			};
-			if (!draggingRef.current) {
-				if (Math.hypot(offset.x, offset.y) < PAN_THRESHOLD) return;
-				draggingRef.current = true;
-				draggedRef.current = true;
-				controller.drag.start();
-			}
-			controller.drag.move(offset);
-		},
-		onPointerUp: () => {
-			if (draggingRef.current) controller.drag.end();
-			pressedRef.current = null;
-			draggingRef.current = false;
-		},
-		...rest
-	});
-});
-DraggablePanelHandle.displayName = "DraggablePanelHandle";
-const DraggablePanelToggle = memo(({ className, showHandleWhenCollapsed, style, ...rest }) => {
-	const { axis, expand, expandable, placement, showBorder, toggleExpand } = useDraggablePanelContext();
-	const gradientId = `seam-arrow-${useId().replaceAll(/[^\w-]/g, "")}`;
-	if (!expandable) return null;
-	const bend = bendSign(placement, expand);
-	const edgeOpacity = expand && showBorder ? 1 : 0;
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(toggleVariants({ placement }), className),
-		style: {
-			opacity: expand ? void 0 : showHandleWhenCollapsed ? 1 : 0,
-			...style
-		},
-		...rest,
-		children: /* @__PURE__ */ jsx("button", {
-			"aria-label": expand ? "Collapse panel" : "Expand panel",
-			type: "button",
-			onClick: toggleExpand,
-			children: /* @__PURE__ */ jsxs("svg", {
-				fill: "none",
-				height: ARROW_BOX,
-				style: { "--seam-bend": bend },
-				viewBox: `0 0 ${ARROW_BOX} ${ARROW_BOX}`,
-				width: ARROW_BOX,
-				children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
-					gradientUnits: "userSpaceOnUse",
-					id: gradientId,
-					x1: ARROW_C,
-					x2: ARROW_C,
-					y1: 0,
-					y2: ARROW_BOX,
-					children: [
-						/* @__PURE__ */ jsx("stop", {
-							"data-end": "",
-							offset: 0,
-							stopOpacity: edgeOpacity
-						}),
-						/* @__PURE__ */ jsx("stop", {
-							"data-tip": "",
-							offset: .3
-						}),
-						/* @__PURE__ */ jsx("stop", {
-							"data-tip": "",
-							offset: .7
-						}),
-						/* @__PURE__ */ jsx("stop", {
-							"data-end": "",
-							offset: 1,
-							stopOpacity: edgeOpacity
-						})
-					]
-				}) }), /* @__PURE__ */ jsx("g", {
-					transform: axis.vertical ? `rotate(90 ${ARROW_C} ${ARROW_C})` : void 0,
-					children: /* @__PURE__ */ jsx("path", {
-						d: ARROW_PATH,
-						stroke: `url(#${gradientId})`,
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: SEAM_ARROW.stroke
-					})
-				})]
-			})
-		})
-	});
-});
-DraggablePanelToggle.displayName = "DraggablePanelToggle";
-const DraggablePanelContainer = memo(({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
-	className: cx(styles.container, className),
-	...rest
-}));
-DraggablePanelContainer.displayName = "DraggablePanelContainer";
-const DraggablePanelBody = memo(({ className, style, ...rest }) => /* @__PURE__ */ jsx("div", {
-	className: cx(styles.body, className),
-	style: {
-		flex: 1,
-		...style
-	},
-	...rest
-}));
-DraggablePanelBody.displayName = "DraggablePanelBody";
-const DraggablePanelFooter = memo(({ className, ...rest }) => /* @__PURE__ */ jsx("div", {
-	className: cx(styles.footer, className),
-	...rest
-}));
-DraggablePanelFooter.displayName = "DraggablePanelFooter";
-const DraggablePanelHeader = memo(({ className, extra, onCollapse, title, ...rest }) => {
-	const { toggleExpand } = useDraggablePanelContext();
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(styles.header, className),
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx(ActionIcon, {
-				icon: ChevronLeft,
-				size: "small",
-				onClick: onCollapse ?? toggleExpand
-			}),
-			title,
-			extra
-		]
-	});
-});
-DraggablePanelHeader.displayName = "DraggablePanelHeader";
-//#endregion
-export { DraggablePanelBody, DraggablePanelContainer, DraggablePanelContent, DraggablePanelFooter, DraggablePanelHandle, DraggablePanelHeader, DraggablePanelRoot, DraggablePanelToggle };
-
-//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/DraggablePanel/atoms.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"atoms.mjs","names":["useControlledState","getHandleSize"],"sources":["../../../src/base-ui/DraggablePanel/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport type { HTMLMotionProps, MotionStyle } from 'motion/react';\nimport { useTransform } from 'motion/react';\nimport {\n  type CSSProperties,\n  memo,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { useMotionComponent } from '@/MotionProvider';\nimport type { DivProps } from '@/types';\n\nimport { DraggablePanelContext, useDraggablePanelContext } from './context';\nimport type { Placement } from './core/axes';\nimport { AXES } from './core/axes';\nimport type { PanelControllerOptions } from './core/controller';\nimport { createPanelController } from './core/controller';\nimport { coarsePointer, handleSize as getHandleSize } from './core/env';\nimport { useIsomorphicLayoutEffect, useStore } from './core/internal';\nimport { timing } from './core/transition';\nimport { handleVariants, rootVariants, SEAM_ARROW, styles, toggleVariants } from './style';\n\nconst PAN_THRESHOLD = 3;\n\nconst ARROW_BOX = (SEAM_ARROW.half + SEAM_ARROW.lead) * 2;\nconst ARROW_C = ARROW_BOX / 2;\n\nconst ARROW_PATH = (() => {\n  const { depth: d, half: h, lead } = SEAM_ARROW;\n  const c = ARROW_C;\n  const r = 0.12;\n  return [\n    `M${c} ${c - h - lead}`,\n    `Q${c} ${c - h} ${c - d * r} ${c - h + h * r}`,\n    `L${c - d * (1 - r)} ${c - h * r}`,\n    `Q${c - d} ${c} ${c - d * (1 - r)} ${c + h * r}`,\n    `L${c - d * r} ${c + h - h * r}`,\n    `Q${c} ${c + h} ${c} ${c + h + lead}`,\n  ].join(' ');\n})();\n\n// The path bends toward -x; the sign flips it so the seam points the way a click moves the panel.\nconst bendSign = (placement: Placement, expand: boolean) =>\n  (placement === 'left' || placement === 'top' ? 1 : -1) * (expand ? 1 : -1);\n\nconst ORIGIN_MAP = {\n  bottom: 'center bottom',\n  left: 'left center',\n  right: 'right center',\n  top: 'center top',\n} as const;\n\nconst COLLAPSED_SCALE = 0.97;\n\nconst EDGE_INSET = {\n  bottom: 'insetBlockEnd',\n  left: 'insetInlineStart',\n  right: 'insetInlineEnd',\n  top: 'insetBlockStart',\n} as const;\n\nexport interface DraggablePanelRootProps extends Omit<DivProps, 'onDrag'> {\n  backgroundColor?: string;\n  collapseThreshold?: number;\n  defaultExpand?: boolean;\n  defaultSize?: number;\n  expand?: boolean;\n  expandable?: boolean;\n  max?: number;\n  min?: number;\n  mode?: 'fixed' | 'float';\n  onExpandChange?: (expand: boolean) => void;\n  onSizeChange?: (size: number, delta: number) => void;\n  onSizeDragging?: (size: number, delta: number) => void;\n  placement?: Placement;\n  showBorder?: boolean;\n  size?: number;\n}\n\nexport const DraggablePanelRoot = memo<DraggablePanelRootProps>(\n  ({\n    backgroundColor,\n    children,\n    className,\n    collapseThreshold,\n    defaultExpand = true,\n    defaultSize,\n    expand,\n    expandable = true,\n    max,\n    min = 0,\n    mode = 'fixed',\n    onExpandChange,\n    onSizeChange,\n    onSizeDragging,\n    placement = 'right',\n    showBorder = true,\n    size,\n    style,\n    ...rest\n  }) => {\n    const axis = AXES[placement];\n    const fallbackSize = axis.vertical ? 180 : 280;\n    const resolvedDefaultSize = defaultSize ?? fallbackSize;\n\n    const [isExpand, setIsExpand] = useControlledState(defaultExpand, {\n      onChange: onExpandChange,\n      value: expand,\n    });\n    const [innerSize, setInnerSize] = useState(resolvedDefaultSize);\n    const currentSize = size ?? innerSize;\n\n    const commitSize = useCallback(\n      (next: number, delta: number) => {\n        if (size === undefined) setInnerSize(next);\n        onSizeChange?.(next, delta);\n      },\n      [onSizeChange, size],\n    );\n\n    const options: PanelControllerOptions = {\n      collapseThreshold,\n      defaultSize: resolvedDefaultSize,\n      expand: isExpand,\n      max,\n      min,\n      onExpandChange: setIsExpand,\n      onSizeChange: commitSize,\n      onSizeDragging,\n      placement,\n      size: currentSize,\n    };\n\n    const [controller] = useState(() => createPanelController(options));\n    const state = useStore(controller.subscribe, () => controller.state);\n    const elementRef = useRef<HTMLElement>(null);\n\n    useIsomorphicLayoutEffect(() => {\n      controller.sync(options);\n    });\n\n    useIsomorphicLayoutEffect(() => {\n      const node = elementRef.current;\n      return node ? controller.attach(node) : undefined;\n    }, [controller]);\n\n    const toggleExpand = useCallback(() => {\n      if (expandable) setIsExpand(!isExpand);\n    }, [expandable, isExpand, setIsExpand]);\n\n    const context = useMemo(\n      () => ({\n        axis,\n        controller,\n        expand: isExpand,\n        expandable,\n        placement,\n        showBorder,\n        state,\n        toggleExpand,\n      }),\n      [axis, controller, isExpand, expandable, placement, showBorder, state, toggleExpand],\n    );\n\n    return (\n      <DraggablePanelContext value={context}>\n        <aside\n          className={cx(rootVariants({ mode, placement }), className)}\n          data-expand={isExpand}\n          data-expandable={expandable}\n          data-resizing={state.dragging}\n          ref={elementRef}\n          style={\n            {\n              '--draggable-panel-bg': backgroundColor || '',\n              'flexDirection': axis.vertical ? 'column' : 'row',\n              ...style,\n            } as CSSProperties\n          }\n          {...rest}\n        >\n          {children}\n        </aside>\n      </DraggablePanelContext>\n    );\n  },\n);\n\nDraggablePanelRoot.displayName = 'DraggablePanelRoot';\n\nexport interface DraggablePanelContentProps extends Omit<DivProps, 'onDrag'> {}\n\nexport const DraggablePanelContent = memo<DraggablePanelContentProps>(\n  ({ children, className, style, ...rest }) => {\n    const Motion = useMotionComponent();\n    const { axis, controller, expand, placement, state } = useDraggablePanelContext();\n    const extent = useTransform(controller.motion.size, (value) => Math.max(0, value));\n    // Subscribed, not read: a collapse that changes only the target would otherwise\n    // leave the content unclipped and painted outside the zero-width box.\n    const target = useStore(controller.subscribe, () => controller.target);\n    const clipping = state.dragging || state.folding || target === 0;\n    const shrunk = state.collapsing || !expand;\n\n    return (\n      <Motion.div\n        inert={!expand}\n        style={\n          {\n            display: 'flex',\n            flexDirection: axis.vertical ? 'column' : 'row',\n            flexShrink: 0,\n            justifyContent: axis.anchorEnd ? 'flex-end' : 'flex-start',\n            overflow: clipping ? 'clip' : 'visible',\n            [axis.cross]: '100%',\n            [axis.extent]: extent,\n          } as MotionStyle\n        }\n      >\n        <Motion.div\n          animate={{ scale: shrunk ? COLLAPSED_SCALE : 1 }}\n          className={cx(styles.content, className)}\n          transition={timing()}\n          style={\n            {\n              transformOrigin: ORIGIN_MAP[placement],\n              [axis.cross]: '100%',\n              [axis.extent]: controller.motion.content,\n              ...style,\n            } as MotionStyle\n          }\n          {...(rest as HTMLMotionProps<'div'>)}\n        >\n          {children}\n        </Motion.div>\n      </Motion.div>\n    );\n  },\n);\n\nDraggablePanelContent.displayName = 'DraggablePanelContent';\n\nexport interface DraggablePanelHandleProps extends Omit<DivProps, 'onDrag'> {\n  wideArea?: boolean;\n}\n\nexport const DraggablePanelHandle = memo<DraggablePanelHandleProps>(\n  ({ className, style, wideArea = true, ...rest }) => {\n    const { axis, controller, expand, showBorder, state } = useDraggablePanelContext();\n    const size = useStore(coarsePointer.subscribe, () => getHandleSize(wideArea));\n    const target = useStore(controller.subscribe, () => controller.target);\n    useEffect(() => () => controller.drag.cancel(), [controller]);\n\n    const pressedRef = useRef<{ x: number; y: number } | null>(null);\n    const draggingRef = useRef(false);\n    const draggedRef = useRef(false);\n    const { max, min } = controller.bounds();\n\n    if (!expand) return null;\n\n    return (\n      <div\n        aria-orientation={axis.ariaOrientation}\n        aria-valuemax={Number.isFinite(max) ? max : undefined}\n        aria-valuemin={min}\n        aria-valuenow={target}\n        aria-valuetext={`${target} pixels`}\n        className={cx(handleVariants({ edge: axis.edge }), className)}\n        data-border={showBorder}\n        data-resizing={state.dragging || undefined}\n        role=\"separator\"\n        tabIndex={0}\n        style={\n          {\n            '--draggable-panel-handle-size': `${size}px`,\n            [EDGE_INSET[axis.edge]]: -size / 2,\n            ...style,\n          } as CSSProperties\n        }\n        onKeyDown={(event) => controller.resizeByKey(event)}\n        onDoubleClick={() => {\n          if (!draggedRef.current) controller.reset();\n        }}\n        // Capture can be stolen mid-drag (another setPointerCapture, an OOPIF under the\n        // cursor) and the pointerup then never reaches us; the pointer is wherever the\n        // user last dragged it, so commit rather than snap back.\n        onLostPointerCapture={() => {\n          if (draggingRef.current) controller.drag.end();\n          pressedRef.current = null;\n          draggingRef.current = false;\n        }}\n        onPointerCancel={() => {\n          controller.drag.cancel();\n          pressedRef.current = null;\n          draggingRef.current = false;\n        }}\n        onPointerDown={(event) => {\n          draggedRef.current = false;\n          pressedRef.current = { x: event.clientX, y: event.clientY };\n          // A synthetic pointerdown carries no active pointer, and capturing throws.\n          try {\n            event.currentTarget.setPointerCapture(event.pointerId);\n          } catch {\n            /* empty */\n          }\n        }}\n        onPointerMove={(event) => {\n          if (!pressedRef.current) return;\n          const offset = {\n            x: event.clientX - pressedRef.current.x,\n            y: event.clientY - pressedRef.current.y,\n          };\n          if (!draggingRef.current) {\n            if (Math.hypot(offset.x, offset.y) < PAN_THRESHOLD) return;\n            draggingRef.current = true;\n            draggedRef.current = true;\n            controller.drag.start();\n          }\n          controller.drag.move(offset);\n        }}\n        onPointerUp={() => {\n          if (draggingRef.current) controller.drag.end();\n          pressedRef.current = null;\n          draggingRef.current = false;\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nDraggablePanelHandle.displayName = 'DraggablePanelHandle';\n\nexport interface DraggablePanelToggleProps extends Omit<DivProps, 'onDrag'> {\n  showHandleWhenCollapsed?: boolean;\n}\n\nexport const DraggablePanelToggle = memo<DraggablePanelToggleProps>(\n  ({ className, showHandleWhenCollapsed, style, ...rest }) => {\n    const { axis, expand, expandable, placement, showBorder, toggleExpand } =\n      useDraggablePanelContext();\n    const gradientId = `seam-arrow-${useId().replaceAll(/[^\\w-]/g, '')}`;\n\n    if (!expandable) return null;\n\n    const bend = bendSign(placement, expand);\n    const edgeOpacity = expand && showBorder ? 1 : 0;\n\n    return (\n      <div\n        className={cx(toggleVariants({ placement }), className)}\n        style={{ opacity: expand ? undefined : showHandleWhenCollapsed ? 1 : 0, ...style }}\n        {...rest}\n      >\n        <button\n          aria-label={expand ? 'Collapse panel' : 'Expand panel'}\n          type=\"button\"\n          onClick={toggleExpand}\n        >\n          <svg\n            fill=\"none\"\n            height={ARROW_BOX}\n            style={{ '--seam-bend': bend } as CSSProperties}\n            viewBox={`0 0 ${ARROW_BOX} ${ARROW_BOX}`}\n            width={ARROW_BOX}\n          >\n            <defs>\n              <linearGradient\n                gradientUnits=\"userSpaceOnUse\"\n                id={gradientId}\n                x1={ARROW_C}\n                x2={ARROW_C}\n                y1={0}\n                y2={ARROW_BOX}\n              >\n                <stop data-end=\"\" offset={0} stopOpacity={edgeOpacity} />\n                <stop data-tip=\"\" offset={0.3} />\n                <stop data-tip=\"\" offset={0.7} />\n                <stop data-end=\"\" offset={1} stopOpacity={edgeOpacity} />\n              </linearGradient>\n            </defs>\n            <g transform={axis.vertical ? `rotate(90 ${ARROW_C} ${ARROW_C})` : undefined}>\n              <path\n                d={ARROW_PATH}\n                stroke={`url(#${gradientId})`}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={SEAM_ARROW.stroke}\n              />\n            </g>\n          </svg>\n        </button>\n      </div>\n    );\n  },\n);\n\nDraggablePanelToggle.displayName = 'DraggablePanelToggle';\n\nexport type DraggablePanelContainerProps = DivProps;\n\nexport const DraggablePanelContainer = memo<DraggablePanelContainerProps>(\n  ({ className, ...rest }) => <div className={cx(styles.container, className)} {...rest} />,\n);\n\nDraggablePanelContainer.displayName = 'DraggablePanelContainer';\n\nexport type DraggablePanelBodyProps = DivProps;\n\nexport const DraggablePanelBody = memo<DraggablePanelBodyProps>(({ className, style, ...rest }) => (\n  <div className={cx(styles.body, className)} style={{ flex: 1, ...style }} {...rest} />\n));\n\nDraggablePanelBody.displayName = 'DraggablePanelBody';\n\nexport type DraggablePanelFooterProps = DivProps;\n\nexport const DraggablePanelFooter = memo<DraggablePanelFooterProps>(({ className, ...rest }) => (\n  <div className={cx(styles.footer, className)} {...rest} />\n));\n\nDraggablePanelFooter.displayName = 'DraggablePanelFooter';\n\nexport interface DraggablePanelHeaderProps extends Omit<DivProps, 'children' | 'title'> {\n  extra?: ReactNode;\n  onCollapse?: () => void;\n  title?: ReactNode;\n}\n\nexport const DraggablePanelHeader = memo<DraggablePanelHeaderProps>(\n  ({ className, extra, onCollapse, title, ...rest }) => {\n    const { toggleExpand } = useDraggablePanelContext();\n\n    return (\n      <div className={cx(styles.header, className)} {...rest}>\n        <ActionIcon icon={ChevronLeft} size={'small'} onClick={onCollapse ?? toggleExpand} />\n        {title}\n        {extra}\n      </div>\n    );\n  },\n);\n\nDraggablePanelHeader.displayName = 'DraggablePanelHeader';\n"],"mappings":"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"}

package/es/base-ui/DraggablePanel/context.d.mts

@@ -1,17 +0,0 @@
-import { Axis, Placement } from "./core/axes.mjs";
-import { PanelController, PanelState } from "./core/controller.mjs";
-//#region src/base-ui/DraggablePanel/context.d.ts
-interface DraggablePanelContextValue {
-  axis: Axis;
-  controller: PanelController;
-  expand: boolean;
-  expandable: boolean;
-  placement: Placement;
-  showBorder: boolean;
-  state: PanelState;
-  toggleExpand: () => void;
-}
-declare const useDraggablePanelContext: () => DraggablePanelContextValue;
-//#endregion
-export { DraggablePanelContextValue, useDraggablePanelContext };
-//# sourceMappingURL=context.d.mts.map

package/es/base-ui/DraggablePanel/context.mjs

@@ -1,13 +0,0 @@
-"use client";
-import { createContext, use } from "react";
-//#region src/base-ui/DraggablePanel/context.ts
-const DraggablePanelContext = createContext(null);
-const useDraggablePanelContext = () => {
-	const context = use(DraggablePanelContext);
-	if (!context) throw new Error("DraggablePanel atoms must be used inside DraggablePanelRoot");
-	return context;
-};
-//#endregion
-export { DraggablePanelContext, useDraggablePanelContext };
-
-//# sourceMappingURL=context.mjs.map

package/es/base-ui/DraggablePanel/context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/DraggablePanel/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, use } from 'react';\n\nimport type { Axis, Placement } from './core/axes';\nimport type { PanelController, PanelState } from './core/controller';\n\nexport interface DraggablePanelContextValue {\n  axis: Axis;\n  controller: PanelController;\n  expand: boolean;\n  expandable: boolean;\n  placement: Placement;\n  showBorder: boolean;\n  state: PanelState;\n  toggleExpand: () => void;\n}\n\nexport const DraggablePanelContext = createContext<DraggablePanelContextValue | null>(null);\n\nexport const useDraggablePanelContext = () => {\n  const context = use(DraggablePanelContext);\n  if (!context) throw new Error('DraggablePanel atoms must be used inside DraggablePanelRoot');\n  return context;\n};\n"],"mappings":";;;AAkBA,MAAa,wBAAwB,cAAiD,IAAI;AAE1F,MAAa,iCAAiC;CAC5C,MAAM,UAAU,IAAI,qBAAqB;CACzC,IAAI,CAAC,SAAS,MAAM,IAAI,MAAM,6DAA6D;CAC3F,OAAO;AACT"}

package/es/base-ui/DraggablePanel/core/axes.d.mts

@@ -1,16 +0,0 @@
-//#region src/base-ui/DraggablePanel/core/axes.d.ts
-type Placement = 'bottom' | 'left' | 'right' | 'top';
-interface Axis {
-  anchorEnd: boolean;
-  ariaOrientation: 'horizontal' | 'vertical';
-  cross: 'height' | 'width';
-  cursor: 'col-resize' | 'row-resize';
-  edge: Placement;
-  extent: 'height' | 'width';
-  grow: 1 | -1;
-  point: 'x' | 'y';
-  vertical: boolean;
-}
-//#endregion
-export { Axis, Placement };
-//# sourceMappingURL=axes.d.mts.map

package/es/base-ui/DraggablePanel/core/axes.mjs

@@ -1,51 +0,0 @@
-//#region src/base-ui/DraggablePanel/core/axes.ts
-const AXES = {
-	bottom: {
-		anchorEnd: true,
-		ariaOrientation: "horizontal",
-		cross: "width",
-		cursor: "row-resize",
-		edge: "top",
-		extent: "height",
-		grow: -1,
-		point: "y",
-		vertical: true
-	},
-	left: {
-		anchorEnd: false,
-		ariaOrientation: "vertical",
-		cross: "height",
-		cursor: "col-resize",
-		edge: "right",
-		extent: "width",
-		grow: 1,
-		point: "x",
-		vertical: false
-	},
-	right: {
-		anchorEnd: true,
-		ariaOrientation: "vertical",
-		cross: "height",
-		cursor: "col-resize",
-		edge: "left",
-		extent: "width",
-		grow: -1,
-		point: "x",
-		vertical: false
-	},
-	top: {
-		anchorEnd: false,
-		ariaOrientation: "horizontal",
-		cross: "width",
-		cursor: "row-resize",
-		edge: "bottom",
-		extent: "height",
-		grow: 1,
-		point: "y",
-		vertical: true
-	}
-};
-//#endregion
-export { AXES };
-
-//# sourceMappingURL=axes.mjs.map

package/es/base-ui/DraggablePanel/core/axes.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"axes.mjs","names":[],"sources":["../../../../src/base-ui/DraggablePanel/core/axes.ts"],"sourcesContent":["export type Placement = 'bottom' | 'left' | 'right' | 'top';\n\nexport interface Axis {\n  anchorEnd: boolean;\n  ariaOrientation: 'horizontal' | 'vertical';\n  cross: 'height' | 'width';\n  cursor: 'col-resize' | 'row-resize';\n  edge: Placement;\n  extent: 'height' | 'width';\n  grow: 1 | -1;\n  point: 'x' | 'y';\n  vertical: boolean;\n}\n\nexport const AXES: Record<Placement, Axis> = {\n  bottom: {\n    anchorEnd: true,\n    ariaOrientation: 'horizontal',\n    cross: 'width',\n    cursor: 'row-resize',\n    edge: 'top',\n    extent: 'height',\n    grow: -1,\n    point: 'y',\n    vertical: true,\n  },\n  left: {\n    anchorEnd: false,\n    ariaOrientation: 'vertical',\n    cross: 'height',\n    cursor: 'col-resize',\n    edge: 'right',\n    extent: 'width',\n    grow: 1,\n    point: 'x',\n    vertical: false,\n  },\n  right: {\n    anchorEnd: true,\n    ariaOrientation: 'vertical',\n    cross: 'height',\n    cursor: 'col-resize',\n    edge: 'left',\n    extent: 'width',\n    grow: -1,\n    point: 'x',\n    vertical: false,\n  },\n  top: {\n    anchorEnd: false,\n    ariaOrientation: 'horizontal',\n    cross: 'width',\n    cursor: 'row-resize',\n    edge: 'bottom',\n    extent: 'height',\n    grow: 1,\n    point: 'y',\n    vertical: true,\n  },\n};\n\nexport const mirrorPlacement = (placement: Placement): Placement => {\n  if (placement === 'left') return 'right';\n  if (placement === 'right') return 'left';\n  return placement;\n};\n"],"mappings":";AAcA,MAAa,OAAgC;CAC3C,QAAQ;EACN,WAAW;EACX,iBAAiB;EACjB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,MAAM;EACN,OAAO;EACP,UAAU;CACZ;CACA,MAAM;EACJ,WAAW;EACX,iBAAiB;EACjB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,MAAM;EACN,OAAO;EACP,UAAU;CACZ;CACA,OAAO;EACL,WAAW;EACX,iBAAiB;EACjB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,MAAM;EACN,OAAO;EACP,UAAU;CACZ;CACA,KAAK;EACH,WAAW;EACX,iBAAiB;EACjB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,MAAM;EACN,OAAO;EACP,UAAU;CACZ;AACF"}