6989f44031
Install Tailwind CSS v4 + shadcn/ui with Radix UI primitives. Migrate all UI components (Sidebar, NoteList, Editor tabs, Inspector, dialogs, palette) from BEM CSS to Tailwind utility classes and shadcn components (Button, Input, Dialog, Badge, etc.). Map theme system to shadcn CSS variables while preserving BlockNote editor styles untouched. Remove 8 old CSS files. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
29 lines
694 B
TypeScript
29 lines
694 B
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import { Separator as SeparatorPrimitive } from "radix-ui"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
function Separator({
|
|
className,
|
|
orientation = "horizontal",
|
|
decorative = true,
|
|
...props
|
|
}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
|
|
return (
|
|
<SeparatorPrimitive.Root
|
|
data-slot="separator"
|
|
decorative={decorative}
|
|
orientation={orientation}
|
|
className={cn(
|
|
"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export { Separator }
|