@window-splitter/react 0.8.0

package/dist/commonjs/ReactWindowSplitter.js

@@ -0,0 +1,558 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelResizer = exports.Panel = exports.PanelGroup = void 0;
+const interface_1 = require("@window-splitter/interface");
+const react_1 = __importStar(require("react"));
+const state_1 = require("@window-splitter/state");
+const utils_1 = require("@react-aria/utils");
+const useIndexedChildren_js_1 = require("./useIndexedChildren.js");
+const useMove_js_1 = require("./useMove.js");
+// #region Components
+const GroupMachineState = (0, react_1.createContext)({
+    current: undefined,
+});
+const GroupMachineContext = (0, react_1.createContext)(undefined);
+const GroupMachineStateContextRef = (0, react_1.createContext)({
+    current: undefined,
+});
+const GroupMachineActor = (0, react_1.createContext)(() => { });
+const GroupMachine = {
+    useSelector(selector) {
+        const context = (0, react_1.useContext)(GroupMachineContext);
+        if (!context) {
+            throw new Error("GroupMachineContext must be used within a GroupMachineProvider");
+        }
+        return selector({ context });
+    },
+    useActorRef: () => {
+        const send = (0, react_1.useContext)(GroupMachineActor);
+        return { send };
+    },
+    useContextRef: () => {
+        const ref = (0, react_1.useContext)(GroupMachineStateContextRef);
+        if (!ref) {
+            throw new Error("GroupMachineContext must be used within a GroupMachineProvider");
+        }
+        return ref;
+    },
+    Provider: ({ input, children, }) => {
+        const [intiialValue, send, state] = (0, react_1.useMemo)(() => (0, state_1.groupMachine)(input, (value) => {
+            currentContextRef.current = value;
+            setCurrentValue({ ...value });
+        }), 
+        // We only want this to run once, we dont care about changes to the input
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        []);
+        const currentContextRef = (0, react_1.useRef)(intiialValue);
+        const [currentValue, setCurrentValue] = (0, react_1.useState)(intiialValue);
+        (0, react_1.useEffect)(() => {
+            send({ type: "unlockGroup" });
+            return () => {
+                // When we were on xstate we could fire off event during unmount and if the parent group
+                // unmounted too the events would never apply. With out own state machine code it doesn't
+                // do that so we have to lock the group as it unmounts so it's children don't de-register.
+                send({ type: "lockGroup" });
+            };
+        }, [send]);
+        return (react_1.default.createElement(GroupMachineState.Provider, { value: state },
+            react_1.default.createElement(GroupMachineStateContextRef.Provider, { value: currentContextRef },
+                react_1.default.createElement(GroupMachineContext.Provider, { value: currentValue },
+                    react_1.default.createElement(GroupMachineActor.Provider, { value: send }, children)))));
+    },
+};
+const InitialMapContext = (0, react_1.createContext)([]);
+const PreRenderContext = (0, react_1.createContext)(false);
+function PrerenderTree({ children, onPrerender, }) {
+    const [shouldPrerender, setShouldPrerender] = react_1.default.useState(true);
+    (0, utils_1.useLayoutEffect)(() => {
+        setShouldPrerender(false);
+        onPrerender();
+        // We only want this to run once
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return shouldPrerender ? (react_1.default.createElement("div", { className: "opacity-0 absolute" },
+        react_1.default.createElement(PreRenderContext.Provider, { value: true }, children))) : null;
+}
+function useGroupItem(itemArg) {
+    const isPrerender = react_1.default.useContext(PreRenderContext);
+    const initialMap = react_1.default.useContext(InitialMapContext);
+    const generatedId = (0, utils_1.useId)();
+    const id = itemArg.id || generatedId;
+    const { index } = (0, useIndexedChildren_js_1.useIndex)();
+    const item = { ...itemArg, id };
+    if (isPrerender) {
+        if (!initialMap.find((i) => i.id === item.id)) {
+            initialMap.push(item);
+        }
+        return item;
+    }
+    // The way this hooks is called is never conditional so the usage here is fine
+    /* eslint-disable react-hooks/rules-of-hooks */
+    const currentItem = GroupMachine.useSelector(({ context }) => context.items[index]);
+    const { send } = GroupMachine.useActorRef();
+    const machineRef = GroupMachine.useContextRef();
+    const onCollapseChangeRef = (0, state_1.isPanelData)(itemArg)
+        ? itemArg.onCollapseChange
+        : undefined;
+    const onResizeRef = (0, state_1.isPanelData)(itemArg) ? itemArg.onResize : undefined;
+    const onUnmountRef = (0, react_1.useRef)(undefined);
+    // We register panels before layout so it looks good
+    (0, utils_1.useLayoutEffect)(() => {
+        const context = machineRef.current;
+        if (!context) {
+            return;
+        }
+        let contextItem;
+        if (itemArg.id) {
+            contextItem = context.items.find((i) => i.id === itemArg.id);
+            if (!contextItem) {
+                if (!itemArg.id) {
+                    throw new Error("When using dynamic panels you must provide an id on the items. This applies to React strict mode as well.");
+                }
+                if ((0, state_1.isPanelData)(itemArg)) {
+                    send({
+                        type: "registerDynamicPanel",
+                        data: { ...itemArg, order: index },
+                    });
+                }
+                else {
+                    send({
+                        type: "registerPanelHandle",
+                        data: (0, state_1.initializePanelHandleData)({
+                            ...itemArg,
+                            order: index,
+                        }),
+                    });
+                }
+            }
+            else if (onCollapseChangeRef || onResizeRef) {
+                send({
+                    type: "rebindPanelCallbacks",
+                    data: {
+                        id: itemArg.id,
+                        onCollapseChange: onCollapseChangeRef,
+                        onResize: onResizeRef,
+                    },
+                });
+            }
+        }
+        else {
+            contextItem = context.items[index];
+        }
+        const unmountId = contextItem?.id || itemArg.id;
+        onUnmountRef.current = () => {
+            if (!unmountId)
+                return;
+            const el = document.querySelector(`[data-splitter-id="${unmountId}"]`);
+            if (el || !unmountId) {
+                return;
+            }
+            if ((0, state_1.isPanelData)(itemArg)) {
+                send({ type: "unregisterPanel", id: unmountId });
+            }
+            else {
+                send({ type: "unregisterPanelHandle", id: unmountId });
+            }
+        };
+    }, [index, itemArg, machineRef, send, onCollapseChangeRef, onResizeRef]);
+    // And unregister after layout so we can tell if the element was actually removed.
+    react_1.default.useEffect(() => {
+        return () => {
+            onUnmountRef.current?.();
+            onUnmountRef.current = undefined;
+        };
+    }, []);
+    return currentItem || item;
+    /* eslint-enable react-hooks/rules-of-hooks */
+}
+/** A group of panels that has constraints and a user can resize */
+exports.PanelGroup = react_1.default.forwardRef(function PanelGroup({ children, ...props }, ref) {
+    const [hasPreRendered, setHasPreRendered] = (0, react_1.useState)(false);
+    const initialMap = (0, react_1.useRef)([]);
+    const indexedChildren = (0, useIndexedChildren_js_1.useIndexedChildren)(children);
+    return (react_1.default.createElement(InitialMapContext.Provider, { value: initialMap.current },
+        !hasPreRendered && (react_1.default.createElement(PrerenderTree, { onPrerender: () => setHasPreRendered(true) }, indexedChildren)),
+        react_1.default.createElement(PanelGroupImpl, { ref: ref, initialItems: initialMap, ...props }, indexedChildren)));
+});
+const PanelGroupImpl = react_1.default.forwardRef(function PanelGroupImpl({ autosaveId, autosaveStrategy = "localStorage", snapshot: snapshotProp, initialItems, ...props }, ref) {
+    const defaultGroupId = `panel-group-${(0, utils_1.useId)()}`;
+    const groupId = autosaveId || props.id || defaultGroupId;
+    const [snapshot, setSnapshot] = react_1.default.useState(snapshotProp);
+    if (typeof window !== "undefined" &&
+        autosaveId &&
+        !snapshot &&
+        autosaveStrategy === "localStorage") {
+        const localSnapshot = localStorage.getItem(autosaveId);
+        if (localSnapshot) {
+            setSnapshot(JSON.parse(localSnapshot));
+        }
+        else {
+            setSnapshot(true);
+        }
+    }
+    const snapshotMemo = (0, react_1.useMemo)(() => {
+        return typeof snapshot === "object" ? (0, state_1.prepareSnapshot)(snapshot) : undefined;
+    }, [snapshot]);
+    return (react_1.default.createElement(GroupMachine.Provider, { input: {
+            orientation: props.orientation,
+            groupId,
+            items: initialItems.current,
+            autosaveStrategy,
+            ...(typeof snapshotMemo === "object" ? snapshotMemo : undefined),
+        } },
+        react_1.default.createElement(PanelGroupImplementation, { ref: ref, ...props })));
+});
+const PanelGroupImplementation = react_1.default.forwardRef(function PanelGroupImplementation({ handle, orientation: orientationProp, ...props }, outerRef) {
+    const { send } = GroupMachine.useActorRef();
+    const machineRef = GroupMachine.useContextRef();
+    const innerRef = react_1.default.useRef(null);
+    const ref = (0, utils_1.mergeRefs)(outerRef, innerRef);
+    const orientation = GroupMachine.useSelector((state) => state.context.orientation);
+    const groupId = GroupMachine.useSelector((state) => state.context.groupId);
+    const template = GroupMachine.useSelector((state) => (0, state_1.buildTemplate)(state.context));
+    // When the prop for `orientation` updates also update the state machine
+    if (orientationProp && orientationProp !== orientation) {
+        send({ type: "setOrientation", orientation: orientationProp });
+    }
+    // Track the size of the group
+    (0, utils_1.useLayoutEffect)(() => {
+        const { current: el } = innerRef;
+        if (!el) {
+            return;
+        }
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry) {
+                return;
+            }
+            send({ type: "setSize", size: entry.contentRect });
+        });
+        observer.observe(el);
+        send({ type: "setSize", size: el.getBoundingClientRect() });
+        return () => {
+            observer.disconnect();
+        };
+    }, [send, innerRef, groupId]);
+    const childIds = GroupMachine.useSelector((state) => state.context.items.map((i) => i.id).join(","));
+    (0, utils_1.useLayoutEffect)(() => {
+        return (0, interface_1.measureGroupChildren)(groupId, (childrenSizes) => {
+            send({ type: "setActualItemsSize", childrenSizes });
+        });
+    }, [send, groupId, childIds]);
+    // useDebugGroupMachineContext({ id: groupId });
+    const fallbackHandleRef = react_1.default.useRef(null);
+    const state = (0, react_1.useContext)(GroupMachineState);
+    (0, react_1.useImperativeHandle)(handle || fallbackHandleRef, () => {
+        return {
+            getId: () => groupId,
+            getPixelSizes: () => (0, state_1.getPanelGroupPixelSizes)(machineRef.current),
+            getPercentageSizes: () => (0, state_1.getPanelGroupPercentageSizes)(machineRef.current),
+            setSizes: (updates) => {
+                const context = machineRef.current;
+                for (let index = 0; index < updates.length; index++) {
+                    const item = context.items[index];
+                    const update = updates[index];
+                    if (item && (0, state_1.isPanelData)(item) && update) {
+                        send({
+                            type: "setPanelPixelSize",
+                            panelId: item.id,
+                            size: update,
+                        });
+                    }
+                }
+            },
+            getTemplate: () => {
+                const context = machineRef.current;
+                return (0, state_1.buildTemplate)({ ...context, items: (0, state_1.prepareItems)(context) });
+            },
+            getState: () => (state.current === "idle" ? "idle" : "dragging"),
+        };
+    });
+    return (react_1.default.createElement("div", { ref: ref, "data-group-id": groupId, "data-group-orientation": orientation, ...(0, interface_1.mergeAttributes)(props, {
+            style: {
+                display: "grid",
+                gridTemplateColumns: orientation === "horizontal" ? template : undefined,
+                gridTemplateRows: orientation === "vertical" ? template : undefined,
+                height: "100%",
+            },
+        }) }));
+});
+/** A panel within a `PanelGroup` */
+exports.Panel = react_1.default.forwardRef(function Panel({ defaultCollapsed, min, max, default: defaultSize, collapsedSize, onCollapseChange, onResize, collapseAnimation, isStaticAtRest, ...props }, outerRef) {
+    const { collapsible = false, collapsed } = props;
+    const isPrerender = react_1.default.useContext(PreRenderContext);
+    const onCollapseChangeRef = react_1.default.useRef(onCollapseChange);
+    (0, react_1.useEffect)(() => {
+        onCollapseChangeRef.current = onCollapseChange;
+    }, [onCollapseChange]);
+    const onResizeRef = react_1.default.useRef(onResize);
+    (0, react_1.useEffect)(() => {
+        onResizeRef.current = onResize;
+    }, [onResize]);
+    const panelDataRef = react_1.default.useMemo(() => {
+        return (0, state_1.initializePanel)({
+            min: min,
+            max: max,
+            collapsible: collapsible,
+            collapsed: collapsed,
+            collapsedSize: collapsedSize,
+            onCollapseChange: onCollapseChangeRef,
+            collapseAnimation: collapseAnimation,
+            onResize: onResizeRef,
+            id: props.id,
+            defaultCollapsed,
+            default: defaultSize,
+            isStaticAtRest,
+        });
+    }, [
+        collapseAnimation,
+        collapsed,
+        collapsedSize,
+        collapsible,
+        defaultCollapsed,
+        max,
+        min,
+        props.id,
+        defaultSize,
+        isStaticAtRest,
+    ]);
+    const { id: panelId } = useGroupItem(panelDataRef);
+    if (isPrerender) {
+        return null;
+    }
+    return (react_1.default.createElement(PanelVisible, { ref: outerRef, panelProp: panelDataRef, ...props, panelId: panelId }));
+});
+const PanelVisible = react_1.default.forwardRef(function PanelVisible({ collapsible = false, collapsed, handle, panelId, panelProp, ...props }, outerRef) {
+    const innerRef = react_1.default.useRef(null);
+    const ref = (0, utils_1.mergeRefs)(outerRef, innerRef);
+    const { send } = GroupMachine.useActorRef();
+    const machineRef = GroupMachine.useContextRef();
+    const groupId = GroupMachine.useSelector((state) => state.context.groupId);
+    const panel = GroupMachine.useSelector(({ context }) => {
+        try {
+            return (0, state_1.getPanelWithId)(context, panelId);
+        }
+        catch {
+            return undefined;
+        }
+    });
+    const contraintChanged = panel && (0, state_1.haveConstraintsChangedForPanel)(panelProp, panel);
+    const onConstraintChange = (0, utils_1.useEffectEvent)(() => {
+        if (contraintChanged) {
+            send({
+                type: "updateConstraints",
+                data: { ...panelProp, id: panel.id },
+            });
+        }
+    });
+    react_1.default.useEffect(() => {
+        if (contraintChanged) {
+            onConstraintChange();
+        }
+    }, [send, contraintChanged, onConstraintChange]);
+    // For controlled collapse we track if the `collapse` prop changes
+    // and update the state machine if it does.
+    react_1.default.useEffect(() => {
+        if (typeof collapsed !== "undefined") {
+            const context = machineRef.current;
+            if (context.items.length === 0) {
+                return;
+            }
+            const p = (0, state_1.getPanelWithId)(context, panelId);
+            if (collapsed === true && !p.collapsed) {
+                send({ type: "collapsePanel", panelId, controlled: true });
+            }
+            else if (collapsed === false && p.collapsed) {
+                send({ type: "expandPanel", panelId, controlled: true });
+            }
+        }
+    }, [send, collapsed, panelId, machineRef]);
+    const fallbackHandleRef = react_1.default.useRef(null);
+    (0, react_1.useImperativeHandle)(handle || fallbackHandleRef, () => {
+        return {
+            getId: () => panelId,
+            collapse: () => {
+                if (collapsible) {
+                    // TODO: setting controlled here might be wrong
+                    send({ type: "collapsePanel", panelId, controlled: true });
+                }
+            },
+            isCollapsed: () => Boolean(collapsible && panel?.collapsed),
+            expand: () => {
+                if (collapsible) {
+                    send({ type: "expandPanel", panelId, controlled: true });
+                }
+            },
+            isExpanded: () => Boolean(collapsible && !panel?.collapsed),
+            getPixelSize: () => {
+                const context = machineRef.current;
+                return (0, state_1.getPanelPixelSize)(context, panelId);
+            },
+            setSize: (size) => {
+                send({ type: "setPanelPixelSize", panelId, size });
+            },
+            getPercentageSize: () => {
+                const context = machineRef.current;
+                return (0, state_1.getPanelPercentageSize)(context, panelId);
+            },
+        };
+    });
+    return (react_1.default.createElement("div", { ref: ref, ...(0, interface_1.mergeAttributes)(props, (0, interface_1.getPanelDomAttributes)({
+            groupId,
+            id: panelId,
+            collapsed,
+            collapsible: panel?.collapsible,
+        }), {
+            style: {
+                minWidth: 0,
+                minHeight: 0,
+                overflow: "hidden",
+            },
+        }) }));
+});
+/** A resize handle to place between panels. */
+exports.PanelResizer = react_1.default.forwardRef(function PanelResizer(props, ref) {
+    const { size = "0px" } = props;
+    const isPrerender = react_1.default.useContext(PreRenderContext);
+    const data = react_1.default.useMemo(() => ({
+        type: "handle",
+        size: (0, state_1.parseUnit)(size),
+        id: props.id,
+    }), [size, props.id]);
+    useGroupItem(data);
+    if (isPrerender) {
+        return null;
+    }
+    return react_1.default.createElement(PanelResizerVisible, { ref: ref, panelHandleProp: data, ...props });
+});
+const PanelResizerVisible = react_1.default.forwardRef(function PanelResizerVisible({ size = "0px", disabled, onDragStart, onDrag, onDragEnd, panelHandleProp, ...props }, outerRef) {
+    const innerRef = react_1.default.useRef(null);
+    const ref = (0, utils_1.mergeRefs)(outerRef, innerRef);
+    const unit = (0, state_1.parseUnit)(size);
+    const { send } = GroupMachine.useActorRef();
+    const { index } = (0, useIndexedChildren_js_1.useIndex)();
+    const handleId = GroupMachine.useSelector(({ context }) => context.items[index]?.id || "");
+    const panelHandle = GroupMachine.useSelector(({ context }) => context.items[index]);
+    const panelBeforeHandle = GroupMachine.useSelector(({ context }) => {
+        const panel = context.items[index - 1];
+        if (!panel)
+            return undefined;
+        if (!(0, state_1.isPanelData)(panel))
+            return undefined;
+        return panel;
+    });
+    const collapsiblePanel = GroupMachine.useSelector(({ context }) => {
+        try {
+            return (0, state_1.getCollapsiblePanelForHandleId)(context, handleId);
+        }
+        catch {
+            return undefined;
+        }
+    });
+    const orientation = GroupMachine.useSelector((state) => state.context.orientation);
+    const groupsSize = GroupMachine.useSelector((state) => (0, state_1.getGroupSize)(state.context));
+    const overshoot = GroupMachine.useSelector((state) => state.context.dragOvershoot);
+    const activeDragHandleId = GroupMachine.useSelector((state) => state.context.activeDragHandleId);
+    const groupId = GroupMachine.useSelector((state) => state.context.groupId);
+    const [isDragging, setIsDragging] = react_1.default.useState(false);
+    let cursor;
+    if (disabled) {
+        cursor = "default";
+    }
+    else {
+        cursor = (0, state_1.getCursor)({ dragOvershoot: overshoot, orientation });
+    }
+    const { moveProps } = (0, useMove_js_1.useMove)({
+        onMoveStart: () => {
+            send({ type: "dragHandleStart", handleId: handleId });
+            onDragStart?.();
+            setIsDragging(true);
+            document.body.style.cursor = cursor || "auto";
+        },
+        onMove: (e) => {
+            send({ type: "dragHandle", handleId: handleId, value: e });
+            onDrag?.();
+        },
+        onMoveEnd: () => {
+            send({ type: "dragHandleEnd", handleId: handleId });
+            onDragEnd?.();
+            setIsDragging(false);
+            document.body.style.cursor = "auto";
+        },
+    });
+    const contraintChanged = panelHandle &&
+        (0, state_1.haveConstraintsChangedForPanelHandle)(panelHandleProp, panelHandle);
+    const onConstraintChange = (0, utils_1.useEffectEvent)(() => {
+        if (contraintChanged) {
+            send({
+                type: "updateConstraints",
+                data: { ...panelHandleProp, id: handleId },
+            });
+        }
+    });
+    react_1.default.useEffect(() => {
+        if (contraintChanged) {
+            onConstraintChange();
+        }
+    }, [send, contraintChanged, onConstraintChange]);
+    const onKeyDown = (e) => {
+        if (e.key === "Enter" && collapsiblePanel) {
+            if (collapsiblePanel.collapsed) {
+                send({ type: "expandPanel", panelId: collapsiblePanel.id });
+            }
+            else {
+                send({ type: "collapsePanel", panelId: collapsiblePanel.id });
+            }
+        }
+    };
+    return (react_1.default.createElement("div", { ref: ref, ...(0, interface_1.mergeAttributes)(props, disabled
+            ? {}
+            : (0, interface_1.mergeAttributes)(moveProps, {
+                onKeyDown,
+                tabIndex: 0,
+            }), (0, interface_1.getPanelResizerDomAttributes)({
+            groupId,
+            id: handleId,
+            orientation,
+            isDragging,
+            activeDragHandleId,
+            disabled,
+            controlsId: panelBeforeHandle?.id,
+            min: panelBeforeHandle?.min,
+            max: panelBeforeHandle?.max,
+            currentValue: panelBeforeHandle?.currentValue,
+            groupSize: groupsSize,
+        }), {
+            style: {
+                cursor,
+                ...(orientation === "horizontal"
+                    ? { width: unit.value.toNumber(), height: "100%" }
+                    : { height: unit.value.toNumber(), width: "100%" }),
+            },
+        }) }));
+});
+//# sourceMappingURL=ReactWindowSplitter.js.map

package/dist/commonjs/ReactWindowSplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactWindowSplitter.js","sourceRoot":"","sources":["../../src/ReactWindowSplitter.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport {\n  getPanelDomAttributes,\n  getPanelResizerDomAttributes,\n  measureGroupChildren,\n  PanelGroupHandle,\n  PanelHandle,\n  SharedPanelGroupProps,\n  SharedPanelProps,\n  SharedPanelResizerProps,\n  mergeAttributes,\n} from \"@window-splitter/interface\";\nimport React, {\n  useEffect,\n  useImperativeHandle,\n  createContext,\n  useRef,\n  useState,\n  useMemo,\n  useContext,\n} from \"react\";\nimport {\n  buildTemplate,\n  getCollapsiblePanelForHandleId,\n  getGroupSize,\n  getPanelWithId,\n  groupMachine,\n  GroupMachineContextValue,\n  initializePanel,\n  InitializePanelHandleData,\n  isPanelData,\n  Item,\n  PanelData,\n  parseUnit,\n  prepareItems,\n  prepareSnapshot,\n  getPanelGroupPixelSizes,\n  getPanelGroupPercentageSizes,\n  getPanelPixelSize,\n  getPanelPercentageSize,\n  getCursor,\n  haveConstraintsChangedForPanel,\n  PanelHandleData,\n  ParsedPixelUnit,\n  haveConstraintsChangedForPanelHandle,\n  GroupMachineInput,\n  GroupMachineEvent,\n  State,\n  initializePanelHandleData,\n} from \"@window-splitter/state\";\nimport {\n  useEffectEvent,\n  useId,\n  useLayoutEffect,\n  mergeRefs,\n} from \"@react-aria/utils\";\nimport { useIndex, useIndexedChildren } from \"./useIndexedChildren.js\";\nimport { useMove } from \"./useMove.js\";\n\n// #region Components\n\nconst GroupMachineState = createContext<{ current: State | undefined }>({\n  current: undefined,\n});\nconst GroupMachineContext = createContext<GroupMachineContextValue | undefined>(\n  undefined\n);\nconst GroupMachineStateContextRef = createContext<\n  React.MutableRefObject<GroupMachineContextValue>\n>({\n  current: undefined,\n} as unknown as React.MutableRefObject<GroupMachineContextValue>);\nconst GroupMachineActor = createContext<(e: GroupMachineEvent) => void>(\n  () => {}\n);\nconst GroupMachine = {\n  useSelector<R>(\n    selector: (data: { context: GroupMachineContextValue }) => R\n  ): R {\n    const context = useContext(GroupMachineContext);\n    if (!context) {\n      throw new Error(\n        \"GroupMachineContext must be used within a GroupMachineProvider\"\n      );\n    }\n    return selector({ context });\n  },\n  useActorRef: () => {\n    const send = useContext(GroupMachineActor);\n    return { send };\n  },\n  useContextRef: () => {\n    const ref = useContext(GroupMachineStateContextRef);\n    if (!ref) {\n      throw new Error(\n        \"GroupMachineContext must be used within a GroupMachineProvider\"\n      );\n    }\n    return ref;\n  },\n  Provider: ({\n    input,\n    children,\n  }: {\n    input: GroupMachineInput;\n    children: React.ReactNode;\n  }) => {\n    const [intiialValue, send, state] = useMemo(\n      () =>\n        groupMachine(input, (value) => {\n          currentContextRef.current = value;\n          setCurrentValue({ ...value });\n        }),\n      // We only want this to run once, we dont care about changes to the input\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      []\n    );\n    const currentContextRef = useRef(intiialValue);\n    const [currentValue, setCurrentValue] = useState(intiialValue);\n\n    useEffect(() => {\n      send({ type: \"unlockGroup\" });\n\n      return () => {\n        // When we were on xstate we could fire off event during unmount and if the parent group\n        // unmounted too the events would never apply. With out own state machine code it doesn't\n        // do that so we have to lock the group as it unmounts so it's children don't de-register.\n        send({ type: \"lockGroup\" });\n      };\n    }, [send]);\n\n    return (\n      <GroupMachineState.Provider value={state}>\n        <GroupMachineStateContextRef.Provider value={currentContextRef}>\n          <GroupMachineContext.Provider value={currentValue}>\n            <GroupMachineActor.Provider value={send}>\n              {children}\n            </GroupMachineActor.Provider>\n          </GroupMachineContext.Provider>\n        </GroupMachineStateContextRef.Provider>\n      </GroupMachineState.Provider>\n    );\n  },\n};\n\n// function useDebugGroupMachineContext({ id }: { id: string }) {\n//   const value = GroupMachineContext.useSelector((state) => state.value);\n//   const context = GroupMachineContext.useSelector((state) => state.context);\n//   console.log(\n//     \"GROUP CONTEXT\",\n//     buildTemplate(context),\n//     context.size,\n//     context.items.map((item) =>\n//       isPanelData(item)\n//         ? {\n//             type: item.currentValue.type,\n//             value: item.currentValue.value.toNumber(),\n//           }\n//         : { type: item.size.type, value: item.size.value.toNumber() }\n//     )\n//   );\n// }\n\nexport interface PanelGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    SharedPanelGroupProps {\n  /** Imperative handle to control the group */\n  handle?: React.Ref<PanelGroupHandle>;\n}\n\nconst InitialMapContext = createContext<Item[]>([]);\nconst PreRenderContext = createContext(false);\n\nfunction PrerenderTree({\n  children,\n  onPrerender,\n}: {\n  children: React.ReactNode;\n  onPrerender: () => void;\n}) {\n  const [shouldPrerender, setShouldPrerender] = React.useState(true);\n\n  useLayoutEffect(() => {\n    setShouldPrerender(false);\n    onPrerender();\n    // We only want this to run once\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return shouldPrerender ? (\n    <div className=\"opacity-0 absolute\">\n      <PreRenderContext.Provider value>{children}</PreRenderContext.Provider>\n    </div>\n  ) : null;\n}\n\nfunction useGroupItem<T extends Item>(\n  itemArg: Omit<T, \"id\"> & { id?: string }\n): T {\n  const isPrerender = React.useContext(PreRenderContext);\n  const initialMap = React.useContext(InitialMapContext);\n  const generatedId = useId();\n  const id = itemArg.id || generatedId;\n  const { index } = useIndex();\n  const item = { ...itemArg, id } as T;\n\n  if (isPrerender) {\n    if (!initialMap.find((i) => i.id === item.id)) {\n      initialMap.push(item);\n    }\n    return item;\n  }\n\n  // The way this hooks is called is never conditional so the usage here is fine\n  /* eslint-disable react-hooks/rules-of-hooks */\n  const currentItem = GroupMachine.useSelector(\n    ({ context }) => context.items[index]\n  ) as T;\n  const { send } = GroupMachine.useActorRef();\n  const machineRef = GroupMachine.useContextRef();\n\n  const onCollapseChangeRef = isPanelData(itemArg)\n    ? itemArg.onCollapseChange\n    : undefined;\n  const onResizeRef = isPanelData(itemArg) ? itemArg.onResize : undefined;\n  const onUnmountRef = useRef<(() => void) | undefined>(undefined);\n\n  // We register panels before layout so it looks good\n  useLayoutEffect(() => {\n    const context = machineRef.current;\n\n    if (!context) {\n      return;\n    }\n\n    let contextItem: Item | undefined;\n\n    if (itemArg.id) {\n      contextItem = context.items.find((i) => i.id === itemArg.id);\n\n      if (!contextItem) {\n        if (!itemArg.id) {\n          throw new Error(\n            \"When using dynamic panels you must provide an id on the items. This applies to React strict mode as well.\"\n          );\n        }\n\n        if (isPanelData(itemArg)) {\n          send({\n            type: \"registerDynamicPanel\",\n            data: { ...itemArg, order: index },\n          });\n        } else {\n          send({\n            type: \"registerPanelHandle\",\n            data: initializePanelHandleData({\n              ...(itemArg as unknown as InitializePanelHandleData),\n              order: index,\n            }),\n          });\n        }\n      } else if (onCollapseChangeRef || onResizeRef) {\n        send({\n          type: \"rebindPanelCallbacks\",\n          data: {\n            id: itemArg.id,\n            onCollapseChange: onCollapseChangeRef,\n            onResize: onResizeRef,\n          },\n        });\n      }\n    } else {\n      contextItem = context.items[index];\n    }\n\n    const unmountId = contextItem?.id || itemArg.id;\n\n    onUnmountRef.current = () => {\n      if (!unmountId) return;\n\n      const el = document.querySelector(\n        `[data-splitter-id=\"${unmountId}\"]`\n      ) as HTMLElement;\n\n      if (el || !unmountId) {\n        return;\n      }\n\n      if (isPanelData(itemArg)) {\n        send({ type: \"unregisterPanel\", id: unmountId });\n      } else {\n        send({ type: \"unregisterPanelHandle\", id: unmountId });\n      }\n    };\n  }, [index, itemArg, machineRef, send, onCollapseChangeRef, onResizeRef]);\n\n  // And unregister after layout so we can tell if the element was actually removed.\n  React.useEffect(() => {\n    return () => {\n      onUnmountRef.current?.();\n      onUnmountRef.current = undefined;\n    };\n  }, []);\n\n  return currentItem || item;\n  /* eslint-enable react-hooks/rules-of-hooks */\n}\n\n/** A group of panels that has constraints and a user can resize */\nexport const PanelGroup = React.forwardRef<HTMLDivElement, PanelGroupProps>(\n  function PanelGroup({ children, ...props }, ref) {\n    const [hasPreRendered, setHasPreRendered] = useState(false);\n    const initialMap = useRef<Item[]>([]);\n    const indexedChildren = useIndexedChildren(children);\n\n    return (\n      <InitialMapContext.Provider value={initialMap.current}>\n        {!hasPreRendered && (\n          <PrerenderTree onPrerender={() => setHasPreRendered(true)}>\n            {indexedChildren}\n          </PrerenderTree>\n        )}\n\n        <PanelGroupImpl ref={ref} initialItems={initialMap} {...props}>\n          {indexedChildren}\n        </PanelGroupImpl>\n      </InitialMapContext.Provider>\n    );\n  }\n);\n\nconst PanelGroupImpl = React.forwardRef<\n  HTMLDivElement,\n  PanelGroupProps & {\n    initialItems: { current: Item[] };\n  }\n>(function PanelGroupImpl(\n  {\n    autosaveId,\n    autosaveStrategy = \"localStorage\",\n    snapshot: snapshotProp,\n    initialItems,\n    ...props\n  },\n  ref\n) {\n  const defaultGroupId = `panel-group-${useId()}`;\n  const groupId = autosaveId || props.id || defaultGroupId;\n  const [snapshot, setSnapshot] = React.useState<\n    GroupMachineContextValue | true | undefined\n  >(snapshotProp);\n\n  if (\n    typeof window !== \"undefined\" &&\n    autosaveId &&\n    !snapshot &&\n    autosaveStrategy === \"localStorage\"\n  ) {\n    const localSnapshot = localStorage.getItem(autosaveId);\n\n    if (localSnapshot) {\n      setSnapshot(JSON.parse(localSnapshot));\n    } else {\n      setSnapshot(true);\n    }\n  }\n\n  const snapshotMemo = useMemo(() => {\n    return typeof snapshot === \"object\" ? prepareSnapshot(snapshot) : undefined;\n  }, [snapshot]);\n\n  return (\n    <GroupMachine.Provider\n      input={{\n        orientation: props.orientation,\n        groupId,\n        items: initialItems.current,\n        autosaveStrategy,\n        ...(typeof snapshotMemo === \"object\" ? snapshotMemo : undefined),\n      }}\n    >\n      <PanelGroupImplementation ref={ref} {...props} />\n    </GroupMachine.Provider>\n  );\n});\n\nconst PanelGroupImplementation = React.forwardRef<\n  HTMLDivElement,\n  PanelGroupProps\n>(function PanelGroupImplementation(\n  { handle, orientation: orientationProp, ...props },\n  outerRef\n) {\n  const { send } = GroupMachine.useActorRef();\n  const machineRef = GroupMachine.useContextRef();\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const ref = mergeRefs(outerRef, innerRef);\n  const orientation = GroupMachine.useSelector(\n    (state) => state.context.orientation\n  );\n  const groupId = GroupMachine.useSelector((state) => state.context.groupId);\n  const template = GroupMachine.useSelector((state) =>\n    buildTemplate(state.context)\n  );\n\n  // When the prop for `orientation` updates also update the state machine\n  if (orientationProp && orientationProp !== orientation) {\n    send({ type: \"setOrientation\", orientation: orientationProp });\n  }\n\n  // Track the size of the group\n  useLayoutEffect(() => {\n    const { current: el } = innerRef;\n\n    if (!el) {\n      return;\n    }\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n\n      if (!entry) {\n        return;\n      }\n\n      send({ type: \"setSize\", size: entry.contentRect });\n    });\n\n    observer.observe(el);\n\n    send({ type: \"setSize\", size: el.getBoundingClientRect() });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [send, innerRef, groupId]);\n\n  const childIds = GroupMachine.useSelector((state) =>\n    state.context.items.map((i) => i.id).join(\",\")\n  );\n  useLayoutEffect(() => {\n    return measureGroupChildren(groupId, (childrenSizes) => {\n      send({ type: \"setActualItemsSize\", childrenSizes });\n    });\n  }, [send, groupId, childIds]);\n\n  // useDebugGroupMachineContext({ id: groupId });\n\n  const fallbackHandleRef = React.useRef<PanelGroupHandle>(null);\n  const state = useContext(GroupMachineState);\n\n  useImperativeHandle(handle || fallbackHandleRef, () => {\n    return {\n      getId: () => groupId,\n      getPixelSizes: () => getPanelGroupPixelSizes(machineRef.current),\n      getPercentageSizes: () =>\n        getPanelGroupPercentageSizes(machineRef.current),\n      setSizes: (updates) => {\n        const context = machineRef.current;\n\n        for (let index = 0; index < updates.length; index++) {\n          const item = context.items[index];\n          const update = updates[index];\n\n          if (item && isPanelData(item) && update) {\n            send({\n              type: \"setPanelPixelSize\",\n              panelId: item.id,\n              size: update,\n            });\n          }\n        }\n      },\n      getTemplate: () => {\n        const context = machineRef.current;\n        return buildTemplate({ ...context, items: prepareItems(context) });\n      },\n      getState: () => (state.current === \"idle\" ? \"idle\" : \"dragging\"),\n    };\n  });\n\n  return (\n    <div\n      ref={ref}\n      data-group-id={groupId}\n      data-group-orientation={orientation}\n      {...mergeAttributes(props, {\n        style: {\n          display: \"grid\",\n          gridTemplateColumns:\n            orientation === \"horizontal\" ? template : undefined,\n          gridTemplateRows: orientation === \"vertical\" ? template : undefined,\n          height: \"100%\",\n        },\n      })}\n    />\n  );\n});\n\nexport interface PanelProps\n  extends SharedPanelProps<boolean>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onResize\"> {\n  /** Imperative handle to control the panel */\n  handle?: React.Ref<PanelHandle>;\n}\n\n/** A panel within a `PanelGroup` */\nexport const Panel = React.forwardRef<HTMLDivElement, PanelProps>(\n  function Panel(\n    {\n      defaultCollapsed,\n      min,\n      max,\n      default: defaultSize,\n      collapsedSize,\n      onCollapseChange,\n      onResize,\n      collapseAnimation,\n      isStaticAtRest,\n      ...props\n    },\n    outerRef\n  ) {\n    const { collapsible = false, collapsed } = props;\n    const isPrerender = React.useContext(PreRenderContext);\n    const onCollapseChangeRef = React.useRef(onCollapseChange);\n    useEffect(() => {\n      onCollapseChangeRef.current = onCollapseChange;\n    }, [onCollapseChange]);\n    const onResizeRef = React.useRef(onResize);\n    useEffect(() => {\n      onResizeRef.current = onResize;\n    }, [onResize]);\n    const panelDataRef = React.useMemo(() => {\n      return initializePanel({\n        min: min,\n        max: max,\n        collapsible: collapsible,\n        collapsed: collapsed,\n        collapsedSize: collapsedSize,\n        onCollapseChange: onCollapseChangeRef,\n        collapseAnimation: collapseAnimation,\n        onResize: onResizeRef,\n        id: props.id,\n        defaultCollapsed,\n        default: defaultSize,\n        isStaticAtRest,\n      });\n    }, [\n      collapseAnimation,\n      collapsed,\n      collapsedSize,\n      collapsible,\n      defaultCollapsed,\n      max,\n      min,\n      props.id,\n      defaultSize,\n      isStaticAtRest,\n    ]);\n\n    const { id: panelId } = useGroupItem(panelDataRef);\n\n    if (isPrerender) {\n      return null;\n    }\n\n    return (\n      <PanelVisible\n        ref={outerRef}\n        panelProp={panelDataRef}\n        {...props}\n        panelId={panelId}\n      />\n    );\n  }\n);\n\nconst PanelVisible = React.forwardRef<\n  HTMLDivElement,\n  Omit<\n    PanelProps,\n    | \"collapsedSize\"\n    | \"onCollapseChange\"\n    | \"defaultCollapsed\"\n    | \"min\"\n    | \"max\"\n    | \"collapseAnimation\"\n    | \"onResize\"\n  > & {\n    panelId: string;\n    /** The latest prop that was received by the `Panel` component */\n    panelProp: Omit<PanelData, \"id\">;\n  }\n>(function PanelVisible(\n  { collapsible = false, collapsed, handle, panelId, panelProp, ...props },\n  outerRef\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const ref = mergeRefs(outerRef, innerRef);\n  const { send } = GroupMachine.useActorRef();\n  const machineRef = GroupMachine.useContextRef();\n  const groupId = GroupMachine.useSelector((state) => state.context.groupId);\n  const panel = GroupMachine.useSelector(({ context }) => {\n    try {\n      return getPanelWithId(context, panelId);\n    } catch {\n      return undefined;\n    }\n  });\n\n  const contraintChanged =\n    panel && haveConstraintsChangedForPanel(panelProp, panel);\n\n  const onConstraintChange = useEffectEvent(() => {\n    if (contraintChanged) {\n      send({\n        type: \"updateConstraints\",\n        data: { ...panelProp, id: panel.id },\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (contraintChanged) {\n      onConstraintChange();\n    }\n  }, [send, contraintChanged, onConstraintChange]);\n\n  // For controlled collapse we track if the `collapse` prop changes\n  // and update the state machine if it does.\n  React.useEffect(() => {\n    if (typeof collapsed !== \"undefined\") {\n      const context = machineRef.current;\n\n      if (context.items.length === 0) {\n        return;\n      }\n\n      const p = getPanelWithId(context, panelId);\n\n      if (collapsed === true && !p.collapsed) {\n        send({ type: \"collapsePanel\", panelId, controlled: true });\n      } else if (collapsed === false && p.collapsed) {\n        send({ type: \"expandPanel\", panelId, controlled: true });\n      }\n    }\n  }, [send, collapsed, panelId, machineRef]);\n\n  const fallbackHandleRef = React.useRef<PanelHandle>(null);\n\n  useImperativeHandle(handle || fallbackHandleRef, () => {\n    return {\n      getId: () => panelId,\n      collapse: () => {\n        if (collapsible) {\n          // TODO: setting controlled here might be wrong\n          send({ type: \"collapsePanel\", panelId, controlled: true });\n        }\n      },\n      isCollapsed: () => Boolean(collapsible && panel?.collapsed),\n      expand: () => {\n        if (collapsible) {\n          send({ type: \"expandPanel\", panelId, controlled: true });\n        }\n      },\n      isExpanded: () => Boolean(collapsible && !panel?.collapsed),\n      getPixelSize: () => {\n        const context = machineRef.current;\n        return getPanelPixelSize(context, panelId);\n      },\n      setSize: (size) => {\n        send({ type: \"setPanelPixelSize\", panelId, size });\n      },\n      getPercentageSize: () => {\n        const context = machineRef.current;\n        return getPanelPercentageSize(context, panelId);\n      },\n    };\n  });\n\n  return (\n    <div\n      ref={ref}\n      {...mergeAttributes(\n        props,\n        getPanelDomAttributes({\n          groupId,\n          id: panelId,\n          collapsed,\n          collapsible: panel?.collapsible,\n        }),\n        {\n          style: {\n            minWidth: 0,\n            minHeight: 0,\n            overflow: \"hidden\",\n          },\n        }\n      )}\n    />\n  );\n});\n\nexport interface PanelResizerProps\n  extends SharedPanelResizerProps,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onDragStart\" | \"onDrag\" | \"onDragEnd\"\n    > {}\n\n/** A resize handle to place between panels. */\nexport const PanelResizer = React.forwardRef<HTMLDivElement, PanelResizerProps>(\n  function PanelResizer(props, ref) {\n    const { size = \"0px\" } = props;\n    const isPrerender = React.useContext(PreRenderContext);\n    const data = React.useMemo(\n      () => ({\n        type: \"handle\" as const,\n        size: parseUnit(size) as ParsedPixelUnit,\n        id: props.id,\n      }),\n      [size, props.id]\n    );\n\n    useGroupItem(data);\n\n    if (isPrerender) {\n      return null;\n    }\n\n    return <PanelResizerVisible ref={ref} panelHandleProp={data} {...props} />;\n  }\n);\n\nconst PanelResizerVisible = React.forwardRef<\n  HTMLDivElement,\n  PanelResizerProps & { panelHandleProp: Omit<PanelHandleData, \"id\"> }\n>(function PanelResizerVisible(\n  {\n    size = \"0px\",\n    disabled,\n    onDragStart,\n    onDrag,\n    onDragEnd,\n    panelHandleProp,\n    ...props\n  },\n  outerRef\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const ref = mergeRefs(outerRef, innerRef);\n  const unit = parseUnit(size);\n  const { send } = GroupMachine.useActorRef();\n  const { index } = useIndex();\n  const handleId = GroupMachine.useSelector(\n    ({ context }) => context.items[index]?.id || \"\"\n  );\n  const panelHandle = GroupMachine.useSelector(\n    ({ context }) => context.items[index] as PanelHandleData\n  );\n  const panelBeforeHandle = GroupMachine.useSelector(({ context }) => {\n    const panel = context.items[index - 1];\n    if (!panel) return undefined;\n    if (!isPanelData(panel)) return undefined;\n    return panel;\n  });\n  const collapsiblePanel = GroupMachine.useSelector(({ context }) => {\n    try {\n      return getCollapsiblePanelForHandleId(context, handleId);\n    } catch {\n      return undefined;\n    }\n  });\n  const orientation = GroupMachine.useSelector(\n    (state) => state.context.orientation\n  );\n  const groupsSize = GroupMachine.useSelector((state) =>\n    getGroupSize(state.context)\n  );\n  const overshoot = GroupMachine.useSelector(\n    (state) => state.context.dragOvershoot\n  );\n  const activeDragHandleId = GroupMachine.useSelector(\n    (state) => state.context.activeDragHandleId\n  );\n  const groupId = GroupMachine.useSelector((state) => state.context.groupId);\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  let cursor: React.CSSProperties[\"cursor\"];\n\n  if (disabled) {\n    cursor = \"default\";\n  } else {\n    cursor = getCursor({ dragOvershoot: overshoot, orientation });\n  }\n\n  const { moveProps } = useMove({\n    onMoveStart: () => {\n      send({ type: \"dragHandleStart\", handleId: handleId });\n      onDragStart?.();\n      setIsDragging(true);\n      document.body.style.cursor = cursor || \"auto\";\n    },\n    onMove: (e) => {\n      send({ type: \"dragHandle\", handleId: handleId, value: e });\n      onDrag?.();\n    },\n    onMoveEnd: () => {\n      send({ type: \"dragHandleEnd\", handleId: handleId });\n      onDragEnd?.();\n      setIsDragging(false);\n      document.body.style.cursor = \"auto\";\n    },\n  });\n\n  const contraintChanged =\n    panelHandle &&\n    haveConstraintsChangedForPanelHandle(panelHandleProp, panelHandle);\n\n  const onConstraintChange = useEffectEvent(() => {\n    if (contraintChanged) {\n      send({\n        type: \"updateConstraints\",\n        data: { ...panelHandleProp, id: handleId },\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (contraintChanged) {\n      onConstraintChange();\n    }\n  }, [send, contraintChanged, onConstraintChange]);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Enter\" && collapsiblePanel) {\n      if (collapsiblePanel.collapsed) {\n        send({ type: \"expandPanel\", panelId: collapsiblePanel.id });\n      } else {\n        send({ type: \"collapsePanel\", panelId: collapsiblePanel.id });\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={ref as unknown as React.Ref<HTMLDivElement>}\n      {...mergeAttributes(\n        props,\n        disabled\n          ? {}\n          : mergeAttributes(moveProps as React.HTMLAttributes<HTMLDivElement>, {\n              onKeyDown,\n              tabIndex: 0,\n            }),\n        getPanelResizerDomAttributes({\n          groupId,\n          id: handleId,\n          orientation,\n          isDragging,\n          activeDragHandleId,\n          disabled,\n          controlsId: panelBeforeHandle?.id,\n          min: panelBeforeHandle?.min,\n          max: panelBeforeHandle?.max,\n          currentValue: panelBeforeHandle?.currentValue,\n          groupSize: groupsSize,\n        }),\n        {\n          style: {\n            cursor,\n            ...(orientation === \"horizontal\"\n              ? { width: unit.value.toNumber(), height: \"100%\" }\n              : { height: unit.value.toNumber(), width: \"100%\" }),\n          },\n        }\n      )}\n    />\n  );\n});\n\n// #endregion\n"]}