@cube-dev/ui-kit 0.0.0-canary-900eb1f → 0.0.0-canary-e852864

package/dist/components/layout/Board/board-context.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
-import { c } from "react/compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/layout/Board/board-store.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/components/layout/Board/board-store.ts
 /**
 * A tiny external store mapping widget id -> registration.

package/dist/components/layout/Board/grid-core/calculate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/calculate.ts
 /** Calculate the width of a single grid column in pixels. */
 function calcGridColWidth(positionParams) {

package/dist/components/layout/Board/grid-core/collision-modes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision-modes.ts
 /** Whether a single grid cell is free of every item in `others`. */
 function cellFree(others, x, y) {

package/dist/components/layout/Board/grid-core/collision.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision.ts
 /**
 * Check if two layout items collide (overlap).

package/dist/components/layout/Board/grid-core/compactors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/constraints.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/group-move.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";
 

package/dist/components/layout/Board/grid-core/placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { collides } from "./collision.js";
 
 //#region src/components/layout/Board/grid-core/placement.ts

package/dist/components/layout/Board/grid-core/sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { BoardDragActiveProvider } from "./board-context.js";
 import { distributeEvenly, placeInFreeSlot } from "./grid-core/placement.js";
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/responsive-utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";

package/dist/components/layout/Board/use-board-select-modifier-key.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useIsDarwin } from "../../../utils/react/useIsDarwin.js";
 
 //#region src/components/layout/Board/use-board-select-modifier-key.ts

package/dist/components/layout/Board/use-board-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/layout/Flow.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/layout/Grid.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/layout/Panel.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
-import { c } from "react/compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/layout/ResizablePanel.js

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useDebouncedValue } from "../../_internal/hooks/use-debounced-value.js";
 import { _Panel } from "./Panel.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
-import { forwardRef, useEffect, useEffectEvent, useState } from "react";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHover, useMove } from "react-aria";
 import { useResizeObserver } from "@react-aria/utils";
@@ -206,225 +206,100 @@ const StyledPanel = tasty(_Panel, { styles: {
 	}
 } });
 function ResizablePanel(props, ref) {
-	const $ = c(57);
+	const timerRef = useRef(null);
 	const isControllable = typeof props.size === "number";
-	const { isDisabled, direction: t0, size: providedSize, onSizeChange, minSize: t1, maxSize: t2, ...restProps } = props;
-	const direction = t0 === void 0 ? "right" : t0;
-	const minSize = t1 === void 0 ? 200 : t1;
-	const maxSize = t2 === void 0 ? isControllable ? void 0 : "min(50%, 400px)" : t2;
+	const { isDisabled, direction = "right", size: providedSize, onSizeChange, minSize = 200, maxSize = isControllable ? void 0 : "min(50%, 400px)", ...restProps } = props;
 	const [isDragging, setIsDragging] = useState(false);
 	const isHorizontal = direction === "left" || direction === "right";
 	ref = useCombinedRefs(ref);
-	let t3;
-	if ($[0] !== maxSize || $[1] !== minSize) {
-		t3 = function clamp(size) {
-			if (typeof maxSize === "number") size = Math.min(maxSize, size);
-			if (typeof minSize === "number" || !minSize) size = Math.max(minSize || 0, size);
-			return Math.max(size, 0);
-		};
-		$[0] = maxSize;
-		$[1] = minSize;
-		$[2] = t3;
-	} else t3 = $[2];
-	const clamp = t3;
-	const [size_0, setSize] = useState(providedSize != null ? clamp(providedSize) : 200);
-	const [visualSize, setVisualSize] = useState(null);
-	let t4;
-	if ($[3] !== isDisabled || $[4] !== isHorizontal || $[5] !== ref || $[6] !== size_0) {
-		t4 = () => {
-			if (ref?.current) {
-				const offsetProp = isHorizontal ? "offsetWidth" : "offsetHeight";
-				const containerSize = ref.current[offsetProp];
-				if (Math.abs(containerSize - size_0) < 1 && !isDisabled) setVisualSize(size_0);
-				else setVisualSize(containerSize);
-			}
-		};
-		$[3] = isDisabled;
-		$[4] = isHorizontal;
-		$[5] = ref;
-		$[6] = size_0;
-		$[7] = t4;
-	} else t4 = $[7];
-	const onResize = useEvent(t4);
-	const t5 = ref;
-	let t6;
-	if ($[8] !== onResize || $[9] !== t5) {
-		t6 = {
-			ref: t5,
-			onResize
-		};
-		$[8] = onResize;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	useResizeObserver(t6);
-	let t7;
-	if ($[11] !== clamp || $[12] !== direction || $[13] !== isDisabled || $[14] !== isHorizontal || $[15] !== ref || $[16] !== size_0) {
-		t7 = {
-			onMoveStart(e) {
-				if (isDisabled) return;
-				setIsDragging(true);
-				const offsetProp_0 = isHorizontal ? "offsetWidth" : "offsetHeight";
-				if (ref.current && Math.abs(ref.current[offsetProp_0] - size_0) >= 1) setSize(Math.round(ref.current[offsetProp_0]));
-			},
-			onMove(e_0) {
-				setSize((size_1) => {
-					if (isDisabled) return size_1;
-					if (e_0.pointerType === "keyboard") return size_1;
-					size_1 = size_1 + (isHorizontal ? e_0.deltaX * (direction === "right" ? 1 : -1) : e_0.deltaY * (direction === "bottom" ? 1 : -1));
-					return size_1;
-				});
-			},
-			onMoveEnd(e_1) {
-				setIsDragging(false);
-				setSize((size_2) => clamp(Math.round(size_2)));
-			}
-		};
-		$[11] = clamp;
-		$[12] = direction;
-		$[13] = isDisabled;
-		$[14] = isHorizontal;
-		$[15] = ref;
-		$[16] = size_0;
-		$[17] = t7;
-	} else t7 = $[17];
-	const { moveProps } = useMove(t7);
-	let t8;
-	if ($[18] !== providedSize) {
-		t8 = () => {
-			setSize((size_3) => {
-				if (providedSize != null && Math.abs(providedSize - size_3) > .5) return providedSize;
-				return size_3;
+	const onResize = useEvent(() => {
+		if (ref?.current) {
+			const offsetProp = isHorizontal ? "offsetWidth" : "offsetHeight";
+			const containerSize = ref.current[offsetProp];
+			if (Math.abs(containerSize - size) < 1 && !isDisabled) setVisualSize(size);
+			else setVisualSize(containerSize);
+		}
+	});
+	useResizeObserver({
+		ref,
+		onResize
+	});
+	function clamp(size_0) {
+		if (typeof maxSize === "number") size_0 = Math.min(maxSize, size_0);
+		if (typeof minSize === "number" || !minSize) size_0 = Math.max(minSize || 0, size_0);
+		return Math.max(size_0, 0);
+	}
+	let [size, setSize] = useState(providedSize != null ? clamp(providedSize) : 200);
+	let [visualSize, setVisualSize] = useState(null);
+	let { moveProps } = useMove({
+		onMoveStart(e) {
+			if (isDisabled) return;
+			setIsDragging(true);
+			const offsetProp_0 = isHorizontal ? "offsetWidth" : "offsetHeight";
+			if (ref.current && Math.abs(ref.current[offsetProp_0] - size) >= 1) setSize(Math.round(ref.current[offsetProp_0]));
+		},
+		onMove(e_0) {
+			setSize((size_1) => {
+				if (isDisabled) return size_1;
+				if (e_0.pointerType === "keyboard") return size_1;
+				size_1 += isHorizontal ? e_0.deltaX * (direction === "right" ? 1 : -1) : e_0.deltaY * (direction === "bottom" ? 1 : -1);
+				return size_1;
 			});
+		},
+		onMoveEnd(e_1) {
+			setIsDragging(false);
+			setSize((size_2) => clamp(Math.round(size_2)));
+		}
+	});
+	const notifyChange = useEvent(() => {
+		setSize((size_3) => {
+			if (providedSize && Math.abs(providedSize - size_3) > .5) return providedSize;
+			return size_3;
+		});
+	});
+	useEffect(() => {
+		onResize();
+	}, [size, isDisabled]);
+	useEffect(() => {
+		if (!isDragging && visualSize != null && (providedSize == null || Math.abs(providedSize - visualSize) > .5)) onSizeChange?.(Math.round(visualSize));
+	}, [visualSize, isDragging]);
+	useEffect(() => {
+		timerRef.current = setTimeout(notifyChange, 500);
+		return () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
 		};
-		$[18] = providedSize;
-		$[19] = t8;
-	} else t8 = $[19];
-	const reconcileProvidedSize = useEffectEvent(t8);
-	let t9;
-	if ($[20] !== onResize) {
-		t9 = () => {
-			onResize();
-		};
-		$[20] = onResize;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== isDisabled || $[23] !== isHorizontal || $[24] !== onResize || $[25] !== size_0) {
-		t10 = [
-			size_0,
-			isDisabled,
-			isHorizontal,
-			onResize
-		];
-		$[22] = isDisabled;
-		$[23] = isHorizontal;
-		$[24] = onResize;
-		$[25] = size_0;
-		$[26] = t10;
-	} else t10 = $[26];
-	useEffect(t9, t10);
-	let t11;
-	if ($[27] !== onSizeChange || $[28] !== providedSize) {
-		t11 = (next, dragging) => {
-			if (!dragging && next != null && (providedSize == null || Math.abs(providedSize - next) > .5)) onSizeChange?.(Math.round(next));
-		};
-		$[27] = onSizeChange;
-		$[28] = providedSize;
-		$[29] = t11;
-	} else t11 = $[29];
-	const notifySizeChange = useEffectEvent(t11);
-	let t12;
-	if ($[30] !== isDragging || $[31] !== notifySizeChange || $[32] !== visualSize) {
-		t12 = () => {
-			notifySizeChange(visualSize, isDragging);
-		};
-		$[30] = isDragging;
-		$[31] = notifySizeChange;
-		$[32] = visualSize;
-		$[33] = t12;
-	} else t12 = $[33];
-	let t13;
-	if ($[34] !== isDragging || $[35] !== visualSize) {
-		t13 = [visualSize, isDragging];
-		$[34] = isDragging;
-		$[35] = visualSize;
-		$[36] = t13;
-	} else t13 = $[36];
-	useEffect(t12, t13);
-	let t14;
-	if ($[37] !== reconcileProvidedSize) {
-		t14 = () => {
-			const timer = setTimeout(reconcileProvidedSize, 500);
-			return () => clearTimeout(timer);
-		};
-		$[37] = reconcileProvidedSize;
-		$[38] = t14;
-	} else t14 = $[38];
-	let t15;
-	if ($[39] !== providedSize) {
-		t15 = [providedSize];
-		$[39] = providedSize;
-		$[40] = t15;
-	} else t15 = $[40];
-	useEffect(t14, t15);
-	let t16;
-	if ($[41] !== isDisabled || $[42] !== isDragging || $[43] !== isHorizontal) {
-		t16 = {
+	}, [providedSize]);
+	const mods = useMemo(() => {
+		return {
 			drag: isDragging,
 			horizontal: isHorizontal,
 			disabled: isDisabled
 		};
-		$[41] = isDisabled;
-		$[42] = isDragging;
-		$[43] = isHorizontal;
-		$[44] = t16;
-	} else t16 = $[44];
-	const mods = t16;
-	const T0 = StyledPanel;
-	const t17 = ref;
-	const t18 = isDisabled || visualSize == null;
-	let t19;
-	if ($[45] !== direction || $[46] !== mods || $[47] !== moveProps || $[48] !== t18) {
-		t19 = /* @__PURE__ */ jsx(Handler, {
-			isDisabled: t18,
+	}, [
+		isDragging,
+		isHorizontal,
+		isDisabled
+	]);
+	return /* @__PURE__ */ jsx(StyledPanel, {
+		ref,
+		"data-direction": direction,
+		mods,
+		extra: /* @__PURE__ */ jsx(Handler, {
+			isDisabled: isDisabled || visualSize == null,
 			direction,
 			...moveProps,
 			mods
-		});
-		$[45] = direction;
-		$[46] = mods;
-		$[47] = moveProps;
-		$[48] = t18;
-		$[49] = t19;
-	} else t19 = $[49];
-	const t20 = mergeProps$1(restProps, {
-		style: {
-			"--size": `${size_0}px`,
-			"--visual-size": `${visualSize}px`,
-			"--min-size": typeof minSize === "number" ? `${minSize}px` : minSize,
-			"--max-size": typeof maxSize === "number" ? `${maxSize}px` : maxSize
-		},
-		innerStyles: { margin: `$indent-compensation ${direction}` }
+		}),
+		...mergeProps$1(restProps, {
+			style: {
+				"--size": `${size}px`,
+				"--visual-size": `${visualSize}px`,
+				"--min-size": typeof minSize === "number" ? `${minSize}px` : minSize,
+				"--max-size": typeof maxSize === "number" ? `${maxSize}px` : maxSize
+			},
+			innerStyles: { margin: `$indent-compensation ${direction}` }
+		})
 	});
-	let t21;
-	if ($[50] !== T0 || $[51] !== direction || $[52] !== mods || $[53] !== t17 || $[54] !== t19 || $[55] !== t20) {
-		t21 = /* @__PURE__ */ jsx(T0, {
-			ref: t17,
-			"data-direction": direction,
-			mods,
-			extra: t19,
-			...t20
-		});
-		$[50] = T0;
-		$[51] = direction;
-		$[52] = mods;
-		$[53] = t17;
-		$[54] = t19;
-		$[55] = t20;
-		$[56] = t21;
-	} else t21 = $[56];
-	return t21;
 }
 const _ResizablePanel = forwardRef(ResizablePanel);
 _ResizablePanel.displayName = "ResizablePanel";

package/dist/components/layout/ResizablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizablePanel.js","names":["useResizeObserver","BasePropsWithoutChildren","Styles","tasty","ForwardedRef","forwardRef","useEffect","useEffectEvent","useMemo","useState","useHover","useMove","useDebouncedValue","useEvent","mergeProps","useCombinedRefs","CubePanelProps","Panel","Direction","CubeResizablePanelProps","handlerStyles","direction","size","onSizeChange","minSize","maxSize","isDisabled","HandlerElement","qa","styles","width","horizontal","height","top","bottom","right","left","transform","position","zIndex","cursor","disabled","padding","boxSizing","transition","Track","inset","fill","outline","drag","outlineOffset","Drag","display","gap","flow","gridColumns","gridRows","DragPart","radius","HandlerProps","Handler","props","$","_c","t0","otherProps","undefined","t1","Symbol","for","hoverProps","isHovered","isHorizontal","localIsHovered","T0","t2","mods","hovered","t3","t4","t5","StyledPanel","flexGrow","placeSelf","touchAction","ResizablePanel","ref","isControllable","providedSize","restProps","isDragging","setIsDragging","clamp","Math","min","max","size_0","setSize","visualSize","setVisualSize","current","offsetProp","containerSize","abs","onResize","t6","t7","onMoveStart","e","offsetProp_0","round","onMove","e_0","size_1","pointerType","deltaX","deltaY","onMoveEnd","e_1","size_2","moveProps","t8","size_3","reconcileProvidedSize","t9","t10","t11","next","dragging","notifySizeChange","t12","t13","t14","timer","setTimeout","clearTimeout","t15","t16","t18","t19","t20","style","innerStyles","margin","t21","t17","_ResizablePanel","displayName"],"sources":["../../../src/components/layout/ResizablePanel.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport { BasePropsWithoutChildren, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../_internal/hooks/use-debounced-value';\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { mergeProps } from '../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../utils/react/useCombinedRefs';\n\nimport { CubePanelProps, Panel } from './Panel';\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface CubeResizablePanelProps extends CubePanelProps {\n  handlerStyles?: Styles;\n  /**\n   * Optional because both `ResizablePanel` and `Handler` destructure it as\n   * `direction = 'right'`. Declaring it required contradicted that default and\n   * made `no-redundant-default-prop` unusable: the rule reads the same `'right'`\n   * default out of the generated registry and strips an explicit\n   * `direction=\"right\"`, which then fails to typecheck.\n   */\n  direction?: Direction;\n  size?: number;\n  onSizeChange?: (size: number) => void;\n  minSize?: string | number;\n  maxSize?: string | number;\n  isDisabled?: boolean;\n}\n\nconst HandlerElement = tasty({\n  qa: 'ResizeHandler',\n  styles: {\n    // The real size is slightly bigger than the visual one.\n    width: {\n      '': 'initial',\n      horizontal: '9px',\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': '9px',\n      horizontal: 'initial',\n      'disabled & !horizontal': '1bw',\n    },\n    top: {\n      '': 0,\n      '[data-direction=\"top\"]': 'initial',\n    },\n    bottom: {\n      '': 0,\n      '[data-direction=\"bottom\"]': 'initial',\n    },\n    right: {\n      '': 0,\n      '[data-direction=\"right\"]': 'initial',\n    },\n    left: {\n      '': 0,\n      '[data-direction=\"left\"]': 'initial',\n    },\n    // Transform requires a separate visual size property to respect size boundaries\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-direction=\"top\"]':\n        'translate(0, ($size-compensation - $visual-size))',\n      '[data-direction=\"right\"]':\n        'translate(($visual-size - $size-compensation), 0)',\n      '[data-direction=\"bottom\"]':\n        'translate(0, ($visual-size - $size-compensation))',\n      '[data-direction=\"left\"]':\n        'translate(($size-compensation - $visual-size), 0)',\n    },\n    position: 'absolute',\n    zIndex: 1,\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    padding: 0,\n    boxSizing: 'border-box',\n    transition: 'theme',\n    '--size-compensation': {\n      '': '6px',\n      disabled: '1bw',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag) & !disabled': '#purple-03',\n      },\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        drag: '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag': '#dark-02',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\ninterface HandlerProps extends BasePropsWithoutChildren {\n  direction?: Direction;\n}\n\nconst Handler = (props: HandlerProps) => {\n  const { direction = 'right', isDisabled, ...otherProps } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const isHorizontal = direction === 'left' || direction === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <HandlerElement\n      {...mergeProps(\n        hoverProps,\n        {\n          mods: {\n            hovered: localIsHovered,\n            horizontal: isHorizontal,\n            disabled: isDisabled,\n          },\n          'data-direction': direction,\n        },\n        otherProps,\n      )}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled ? (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      ) : null}\n    </HandlerElement>\n  );\n};\n\nconst StyledPanel = tasty(Panel, {\n  styles: {\n    flexGrow: 0,\n    width: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"top\"] | [data-direction=\"bottom\"]': 'initial',\n    },\n    height: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"left\"] | [data-direction=\"right\"]': 'initial',\n    },\n    placeSelf: 'stretch',\n    touchAction: 'none',\n\n    '$indent-compensation': {\n      '': '3px',\n      disabled: '1bw',\n    },\n  },\n});\n\nfunction ResizablePanel(\n  props: CubeResizablePanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const isControllable = typeof props.size === 'number';\n  const {\n    isDisabled,\n    direction = 'right',\n    size: providedSize,\n    onSizeChange,\n    minSize = 200,\n    maxSize = isControllable ? undefined : 'min(50%, 400px)',\n    ...restProps\n  } = props;\n  const [isDragging, setIsDragging] = useState(false);\n  const isHorizontal = direction === 'left' || direction === 'right';\n\n  ref = useCombinedRefs(ref);\n\n  function clamp(size: number) {\n    if (typeof maxSize === 'number') {\n      size = Math.min(maxSize, size);\n    }\n\n    if (typeof minSize === 'number' || !minSize) {\n      size = Math.max((minSize as number) || 0, size);\n    }\n\n    return Math.max(size, 0);\n  }\n\n  const [size, setSize] = useState<number>(\n    providedSize != null ? clamp(providedSize) : 200,\n  );\n  const [visualSize, setVisualSize] = useState<number | null>(null);\n\n  const onResize = useEvent(() => {\n    if (ref?.current) {\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n      const containerSize = ref.current[offsetProp];\n\n      if (Math.abs(containerSize - size) < 1 && !isDisabled) {\n        setVisualSize(size);\n      } else {\n        setVisualSize(containerSize);\n      }\n    }\n  });\n\n  useResizeObserver({\n    ref,\n    onResize,\n  });\n\n  let { moveProps } = useMove({\n    onMoveStart(e) {\n      if (isDisabled) {\n        return;\n      }\n\n      setIsDragging(true);\n\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n\n      if (ref.current && Math.abs(ref.current[offsetProp] - size) >= 1) {\n        setSize(Math.round(ref.current[offsetProp]));\n      }\n    },\n    onMove(e) {\n      setSize((size) => {\n        if (isDisabled) {\n          return size;\n        }\n\n        if (e.pointerType === 'keyboard') {\n          return size;\n        }\n\n        size += isHorizontal\n          ? e.deltaX * (direction === 'right' ? 1 : -1)\n          : e.deltaY * (direction === 'bottom' ? 1 : -1);\n\n        return size;\n      });\n    },\n    onMoveEnd(e) {\n      setIsDragging(false);\n      setSize((size) => clamp(Math.round(size)));\n    },\n  });\n\n  // Since we sync provided size and the local one in two ways,\n  // we need a way to prevent infinite loop in some cases.\n  // We will run this in setTimeout and make sure it will get the most recent state.\n  const reconcileProvidedSize = useEffectEvent(() => {\n    setSize((size) => {\n      if (providedSize != null && Math.abs(providedSize - size) > 0.5) {\n        return providedSize;\n      }\n\n      return size;\n    });\n  });\n\n  useEffect(() => {\n    onResize();\n  }, [size, isDisabled, isHorizontal, onResize]);\n\n  // Notifications follow measurement/drag changes. Callback replacement and\n  // controlled-prop updates must not echo a previous measurement to the parent.\n  const notifySizeChange = useEffectEvent(\n    (next: number | null, dragging: boolean) => {\n      if (\n        !dragging &&\n        next != null &&\n        (providedSize == null || Math.abs(providedSize - next) > 0.5)\n      ) {\n        onSizeChange?.(Math.round(next));\n      }\n    },\n  );\n\n  useEffect(() => {\n    notifySizeChange(visualSize, isDragging);\n  }, [visualSize, isDragging]);\n\n  useEffect(() => {\n    const timer = setTimeout(reconcileProvidedSize, 500);\n    return () => clearTimeout(timer);\n  }, [providedSize]);\n\n  const mods = useMemo(() => {\n    return {\n      drag: isDragging,\n      horizontal: isHorizontal,\n      disabled: isDisabled,\n    };\n  }, [isDragging, isHorizontal, isDisabled]);\n\n  return (\n    <StyledPanel\n      ref={ref}\n      data-direction={direction}\n      mods={mods}\n      extra={\n        <Handler\n          isDisabled={isDisabled || visualSize == null}\n          direction={direction}\n          {...moveProps}\n          mods={mods}\n        />\n      }\n      {...mergeProps(restProps, {\n        style: {\n          // We set the current size further via width/min-width/max-width styles to respect size boundaries\n          '--size': `${size}px`,\n          // We use a separate visual size to paint the handler for a smoother experience\n          '--visual-size': `${visualSize}px`,\n          '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n          '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,\n        },\n        innerStyles: {\n          // The panel inner space compensation for the handler\n          margin: `$indent-compensation ${direction}`,\n        },\n      })}\n    />\n  );\n}\n\nconst _ResizablePanel = forwardRef(ResizablePanel);\n\n_ResizablePanel.displayName = 'ResizablePanel';\n\nexport { _ResizablePanel as ResizablePanel };\n"],"mappings":"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"}
+{"version":3,"file":"ResizablePanel.js","names":["useResizeObserver","BasePropsWithoutChildren","Styles","tasty","ForwardedRef","forwardRef","useEffect","useMemo","useRef","useState","useHover","useMove","useDebouncedValue","useEvent","mergeProps","useCombinedRefs","CubePanelProps","Panel","Direction","CubeResizablePanelProps","handlerStyles","direction","size","onSizeChange","minSize","maxSize","isDisabled","HandlerElement","qa","styles","width","horizontal","height","top","bottom","right","left","transform","position","zIndex","cursor","disabled","padding","boxSizing","transition","Track","inset","fill","outline","drag","outlineOffset","Drag","display","gap","flow","gridColumns","gridRows","DragPart","radius","HandlerProps","Handler","props","$","_c","t0","otherProps","undefined","t1","Symbol","for","hoverProps","isHovered","isHorizontal","localIsHovered","T0","t2","mods","hovered","t3","t4","t5","StyledPanel","flexGrow","placeSelf","touchAction","ResizablePanel","ref","HTMLDivElement","timerRef","ReturnType","setTimeout","isControllable","providedSize","restProps","isDragging","setIsDragging","onResize","current","offsetProp","containerSize","Math","abs","setVisualSize","clamp","min","max","setSize","visualSize","moveProps","onMoveStart","e","round","onMove","pointerType","deltaX","deltaY","onMoveEnd","notifyChange","clearTimeout","style","innerStyles","margin","_ResizablePanel","displayName"],"sources":["../../../src/components/layout/ResizablePanel.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport { BasePropsWithoutChildren, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue, useEvent } from '../../_internal/hooks';\nimport { mergeProps, useCombinedRefs } from '../../utils/react';\n\nimport { CubePanelProps, Panel } from './Panel';\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface CubeResizablePanelProps extends CubePanelProps {\n  handlerStyles?: Styles;\n  /**\n   * Optional because both `ResizablePanel` and `Handler` destructure it as\n   * `direction = 'right'`. Declaring it required contradicted that default and\n   * made `no-redundant-default-prop` unusable: the rule reads the same `'right'`\n   * default out of the generated registry and strips an explicit\n   * `direction=\"right\"`, which then fails to typecheck.\n   */\n  direction?: Direction;\n  size?: number;\n  onSizeChange?: (size: number) => void;\n  minSize?: string | number;\n  maxSize?: string | number;\n  isDisabled?: boolean;\n}\n\nconst HandlerElement = tasty({\n  qa: 'ResizeHandler',\n  styles: {\n    // The real size is slightly bigger than the visual one.\n    width: {\n      '': 'initial',\n      horizontal: '9px',\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': '9px',\n      horizontal: 'initial',\n      'disabled & !horizontal': '1bw',\n    },\n    top: {\n      '': 0,\n      '[data-direction=\"top\"]': 'initial',\n    },\n    bottom: {\n      '': 0,\n      '[data-direction=\"bottom\"]': 'initial',\n    },\n    right: {\n      '': 0,\n      '[data-direction=\"right\"]': 'initial',\n    },\n    left: {\n      '': 0,\n      '[data-direction=\"left\"]': 'initial',\n    },\n    // Transform requires a separate visual size property to respect size boundaries\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-direction=\"top\"]':\n        'translate(0, ($size-compensation - $visual-size))',\n      '[data-direction=\"right\"]':\n        'translate(($visual-size - $size-compensation), 0)',\n      '[data-direction=\"bottom\"]':\n        'translate(0, ($visual-size - $size-compensation))',\n      '[data-direction=\"left\"]':\n        'translate(($size-compensation - $visual-size), 0)',\n    },\n    position: 'absolute',\n    zIndex: 1,\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    padding: 0,\n    boxSizing: 'border-box',\n    transition: 'theme',\n    '--size-compensation': {\n      '': '6px',\n      disabled: '1bw',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag) & !disabled': '#purple-03',\n      },\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        drag: '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag': '#dark-02',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\ninterface HandlerProps extends BasePropsWithoutChildren {\n  direction?: Direction;\n}\n\nconst Handler = (props: HandlerProps) => {\n  const { direction = 'right', isDisabled, ...otherProps } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const isHorizontal = direction === 'left' || direction === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <HandlerElement\n      {...mergeProps(\n        hoverProps,\n        {\n          mods: {\n            hovered: localIsHovered,\n            horizontal: isHorizontal,\n            disabled: isDisabled,\n          },\n          'data-direction': direction,\n        },\n        otherProps,\n      )}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled ? (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      ) : null}\n    </HandlerElement>\n  );\n};\n\nconst StyledPanel = tasty(Panel, {\n  styles: {\n    flexGrow: 0,\n    width: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"top\"] | [data-direction=\"bottom\"]': 'initial',\n    },\n    height: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"left\"] | [data-direction=\"right\"]': 'initial',\n    },\n    placeSelf: 'stretch',\n    touchAction: 'none',\n\n    '$indent-compensation': {\n      '': '3px',\n      disabled: '1bw',\n    },\n  },\n});\n\nfunction ResizablePanel(\n  props: CubeResizablePanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(null);\n  const isControllable = typeof props.size === 'number';\n  const {\n    isDisabled,\n    direction = 'right',\n    size: providedSize,\n    onSizeChange,\n    minSize = 200,\n    maxSize = isControllable ? undefined : 'min(50%, 400px)',\n    ...restProps\n  } = props;\n  const [isDragging, setIsDragging] = useState(false);\n  const isHorizontal = direction === 'left' || direction === 'right';\n\n  ref = useCombinedRefs(ref);\n\n  const onResize = useEvent(() => {\n    if (ref?.current) {\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n      const containerSize = ref.current[offsetProp];\n\n      if (Math.abs(containerSize - size) < 1 && !isDisabled) {\n        setVisualSize(size);\n      } else {\n        setVisualSize(containerSize);\n      }\n    }\n  });\n\n  useResizeObserver({\n    ref,\n    onResize,\n  });\n\n  function clamp(size: number) {\n    if (typeof maxSize === 'number') {\n      size = Math.min(maxSize, size);\n    }\n\n    if (typeof minSize === 'number' || !minSize) {\n      size = Math.max((minSize as number) || 0, size);\n    }\n\n    return Math.max(size, 0);\n  }\n\n  let [size, setSize] = useState<number>(\n    providedSize != null ? clamp(providedSize) : 200,\n  );\n  let [visualSize, setVisualSize] = useState<number | null>(null);\n\n  let { moveProps } = useMove({\n    onMoveStart(e) {\n      if (isDisabled) {\n        return;\n      }\n\n      setIsDragging(true);\n\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n\n      if (ref.current && Math.abs(ref.current[offsetProp] - size) >= 1) {\n        setSize(Math.round(ref.current[offsetProp]));\n      }\n    },\n    onMove(e) {\n      setSize((size) => {\n        if (isDisabled) {\n          return size;\n        }\n\n        if (e.pointerType === 'keyboard') {\n          return size;\n        }\n\n        size += isHorizontal\n          ? e.deltaX * (direction === 'right' ? 1 : -1)\n          : e.deltaY * (direction === 'bottom' ? 1 : -1);\n\n        return size;\n      });\n    },\n    onMoveEnd(e) {\n      setIsDragging(false);\n      setSize((size) => clamp(Math.round(size)));\n    },\n  });\n\n  // Since we sync provided size and the local one in two ways,\n  // we need a way to prevent infinite loop in some cases.\n  // We will run this in setTimeout and make sure it will get the most recent state.\n  const notifyChange = useEvent(() => {\n    setSize((size) => {\n      if (providedSize && Math.abs(providedSize - size) > 0.5) {\n        return providedSize;\n      }\n\n      return size;\n    });\n  });\n\n  useEffect(() => {\n    onResize();\n  }, [size, isDisabled]);\n\n  useEffect(() => {\n    if (\n      !isDragging &&\n      visualSize != null &&\n      (providedSize == null || Math.abs(providedSize - visualSize) > 0.5)\n    ) {\n      onSizeChange?.(Math.round(visualSize));\n    }\n  }, [visualSize, isDragging]);\n\n  useEffect(() => {\n    timerRef.current = setTimeout(notifyChange, 500);\n\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, [providedSize]);\n\n  const mods = useMemo(() => {\n    return {\n      drag: isDragging,\n      horizontal: isHorizontal,\n      disabled: isDisabled,\n    };\n  }, [isDragging, isHorizontal, isDisabled]);\n\n  return (\n    <StyledPanel\n      ref={ref}\n      data-direction={direction}\n      mods={mods}\n      extra={\n        <Handler\n          isDisabled={isDisabled || visualSize == null}\n          direction={direction}\n          {...moveProps}\n          mods={mods}\n        />\n      }\n      {...mergeProps(restProps, {\n        style: {\n          // We set the current size further via width/min-width/max-width styles to respect size boundaries\n          '--size': `${size}px`,\n          // We use a separate visual size to paint the handler for a smoother experience\n          '--visual-size': `${visualSize}px`,\n          '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n          '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,\n        },\n        innerStyles: {\n          // The panel inner space compensation for the handler\n          margin: `$indent-compensation ${direction}`,\n        },\n      })}\n    />\n  );\n}\n\nconst _ResizablePanel = forwardRef(ResizablePanel);\n\n_ResizablePanel.displayName = 'ResizablePanel';\n\nexport { _ResizablePanel as ResizablePanel };\n"],"mappings":"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"}

package/dist/components/layout/Space.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/layout/Suffix.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";