e50d96e1f8
- @hookform/resolvers 3.10.0 → 5.2.2 - @tailwindcss/postcss 4.2.1 → 4.3.0 - @types/node 24.12.2 → 25.6.2 - @uiw/codemirror-* 4.25.8 → 4.25.9 - autoprefixer 10.4.27 → 10.5.0 - esbuild 0.27.4 → 0.28.0 - eslint 9.39.4 → 9.x (pinned; eslint 10 incompatible with eslint-config-next) - eslint-config-next 16.2.3 → 16.2.6 - lucide-react 0.564.0 → 1.14.0 - motion 12.36.0 → 12.38.0 - next 16.2.3 → 16.2.6 - postcss 8.5.8 → 8.5.14 - react/react-dom 19.2.4 → 19.2.6 - react-day-picker 9.13.2 → 10.0.0 - react-hook-form 7.71.2 → 7.75.0 - react-resizable-panels 2.1.9 → 4.11.0 - recharts 2.15.0 → 3.8.1 - sonner 1.7.4 → 2.0.7 - tailwindcss 4.2.1 → 4.3.0 - tw-animate-css 1.3.3 → 1.4.0 - typescript 5.7.3 → 6.0.3 - zod 3.25.76 → 4.4.3 Breaking changes fixed: - react-resizable-panels v4: PanelGroup→Group, PanelResizeHandle→Separator - react-day-picker v10: ClassNames.table renamed to month_grid - recharts v3: TooltipContentProps/DefaultLegendContentProps type changes, DataKey type for key prop - shiki: cast createHighlighter promise to local ShikiHighlighter type - voice/route.ts: pass requestUrl through buildDigitsResponse - pty-chat-parser.ts: declare _lastInputAt private field - sf-workspace-store.tsx: fix stale pi-coding-agent import path, add import for locally-used workspace types Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import { GripVerticalIcon } from "lucide-react";
|
|
import * as React from "react";
|
|
import { Group, Panel, Separator } from "react-resizable-panels";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
function ResizablePanelGroup({
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof Group>) {
|
|
return (
|
|
<Group
|
|
data-slot="resizable-panel-group"
|
|
className={cn(
|
|
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
|
|
function ResizablePanel({
|
|
...props
|
|
}: React.ComponentProps<typeof Panel>) {
|
|
return <Panel data-slot="resizable-panel" {...props} />;
|
|
}
|
|
|
|
function ResizableHandle({
|
|
withHandle,
|
|
className,
|
|
...props
|
|
}: React.ComponentProps<typeof Separator> & {
|
|
withHandle?: boolean;
|
|
}) {
|
|
return (
|
|
<Separator
|
|
data-slot="resizable-handle"
|
|
className={cn(
|
|
"bg-border 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}
|
|
>
|
|
{withHandle && (
|
|
<div className="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border">
|
|
<GripVerticalIcon className="size-2.5" />
|
|
</div>
|
|
)}
|
|
</Separator>
|
|
);
|
|
}
|
|
|
|
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|