import { jsx as _jsx } from "react/jsx-runtime";
import { Minus } from "lucide-react";
import * as ResizablePrimitive from "react-resizable-panels";
import { cn } from "../libs/utils";
function ResizablePanelGroup({ className, ...props }) {
    return (_jsx(ResizablePrimitive.PanelGroup, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className), ...props }));
}
function ResizablePanel({ ...props }) {
    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
}
function ResizableHandle({ withHandle, className, ...props }) {
    return (_jsx(ResizablePrimitive.PanelResizeHandle, { "data-slot": "resizable-handle", className: cn("bg-muted focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex size-4 items-center justify-center rounded-xs font-semibold", children: _jsx(Minus, { className: "size-4 rotate-90" }) })) }));
}
export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
//# sourceMappingURL=resizeable.js.map