@cube-dev/ui-kit 0.190.9 → 0.192.0

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
-import { c } from "react-compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
+import { c } from "react/compiler-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.d.ts

@@ -1,7 +1,7 @@
 
 import { BaseProps } from "@tenphi/tasty";
+import * as react from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/helpers/IconSwitch/IconSwitch.d.ts
 interface CubeIconSwitchProps extends BaseProps {
@@ -20,7 +20,7 @@ interface CubeIconSwitchProps extends BaseProps {
  * When only `children` changes (same `contentKey`), content is updated in-place
  * without transition, allowing self-animating icons (like DirectionIcon) to work.
  */
-declare function IconSwitch(props: CubeIconSwitchProps): react_jsx_runtime0.JSX.Element;
+declare function IconSwitch(props: CubeIconSwitchProps): react.JSX.Element;
 //#endregion
 export { CubeIconSwitchProps, IconSwitch };
 //# sourceMappingURL=IconSwitch.d.ts.map

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -15,7 +15,7 @@ import { useBoardLayout } from "./use-board-layout.js";
 import { useBoardSelectModifierKey } from "./use-board-select-modifier-key.js";
 import { useBoardSelection } from "./use-board-selection.js";
 import { WidgetHost } from "./WidgetHost.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Board/BoardProvider.d.ts

@@ -1,7 +1,7 @@
 
 import { WidgetTransferInfo } from "./board-context.js";
+import * as react from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/layout/Board/BoardProvider.d.ts
 interface CubeBoardProviderProps {
@@ -22,7 +22,7 @@ interface CubeBoardProviderProps {
  * A standalone `Board` provides its own registry automatically; wrap several
  * boards in a `BoardProvider` only when you need cross-board dragging.
  */
-declare function BoardProvider(props: CubeBoardProviderProps): react_jsx_runtime0.JSX.Element;
+declare function BoardProvider(props: CubeBoardProviderProps): react.JSX.Element;
 //#endregion
 export { BoardProvider, CubeBoardProviderProps };
 //# sourceMappingURL=BoardProvider.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { BoardDragActiveProvider, BoardRegistryContext } from "./board-context.js";
 import { useBoardRegistry } from "./use-board-registry.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getCompactor } from "./grid-core/compactors.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useBoardRegistry } from "./board-context.js";

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

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { BoardHostContext, useBoardHost } from "./board-context.js";
 import { calcGridColWidth, calcGridItemPosition } from "./grid-core/calculate.js";
-import { c } from "react-compiler-runtime";
+import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Board/board-context.d.ts

@@ -1,8 +1,8 @@
 
 import { LayoutItem } from "./grid-core/types.js";
 import "./board-store.js";
+import * as react from "react";
 import { MutableRefObject, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/layout/Board/board-context.d.ts
 /** Emitted when a widget is dropped from one board into another. */
@@ -37,7 +37,7 @@ interface CubeBoardDragActiveProviderProps {
  * outer board drags would read as "no drag" to the tabs inside it. Provide it
  * at the same level as your drag registry, which is where `Board` provides it.
  */
-declare function BoardDragActiveProvider(props: CubeBoardDragActiveProviderProps): react_jsx_runtime0.JSX.Element;
+declare function BoardDragActiveProvider(props: CubeBoardDragActiveProviderProps): react.JSX.Element;
 //#endregion
 export { BoardDragActiveProvider, CubeBoardDragActiveProviderProps, WidgetTransferInfo };
 //# sourceMappingURL=board-context.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.9 | Cube Dev Team */
-import { c } from "react-compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
-import { c } from "react-compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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.190.9 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.192.0 | 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, useMemo, useRef, useState } from "react";
+import { forwardRef, useEffect, useEffectEvent, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHover, useMove } from "react-aria";
 import { useResizeObserver } from "@react-aria/utils";
@@ -206,100 +206,225 @@ const StyledPanel = tasty(_Panel, { styles: {
 	}
 } });
 function ResizablePanel(props, ref) {
-	const timerRef = useRef(null);
+	const $ = c(57);
 	const isControllable = typeof props.size === "number";
-	const { isDisabled, direction = "right", size: providedSize, onSizeChange, minSize = 200, maxSize = isControllable ? void 0 : "min(50%, 400px)", ...restProps } = props;
+	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 [isDragging, setIsDragging] = useState(false);
 	const isHorizontal = direction === "left" || direction === "right";
 	ref = useCombinedRefs(ref);
-	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;
+	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;
 			});
-		},
-		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);
 		};
-	}, [providedSize]);
-	const mods = useMemo(() => {
-		return {
+		$[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 = {
 			drag: isDragging,
 			horizontal: isHorizontal,
 			disabled: isDisabled
 		};
-	}, [
-		isDragging,
-		isHorizontal,
-		isDisabled
-	]);
-	return /* @__PURE__ */ jsx(StyledPanel, {
-		ref,
-		"data-direction": direction,
-		mods,
-		extra: /* @__PURE__ */ jsx(Handler, {
-			isDisabled: isDisabled || visualSize == null,
+		$[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,
 			direction,
 			...moveProps,
 			mods
-		}),
-		...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}` }
-		})
+		});
+		$[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}` }
 	});
+	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";