diff options
Diffstat (limited to 'packages/ui-new/src/components/ui/separator.tsx')
| -rw-r--r-- | packages/ui-new/src/components/ui/separator.tsx | 11 |
1 files changed, 4 insertions, 7 deletions
diff --git a/packages/ui-new/src/components/ui/separator.tsx b/packages/ui-new/src/components/ui/separator.tsx index 50733e0..e91a862 100644 --- a/packages/ui-new/src/components/ui/separator.tsx +++ b/packages/ui-new/src/components/ui/separator.tsx @@ -1,23 +1,20 @@ "use client"; -import * as SeparatorPrimitive from "@radix-ui/react-separator"; -import type * as React from "react"; +import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"; import { cn } from "@/lib/utils"; function Separator({ className, orientation = "horizontal", - decorative = true, ...props -}: React.ComponentProps<typeof SeparatorPrimitive.Root>) { +}: SeparatorPrimitive.Props) { return ( - <SeparatorPrimitive.Root + <SeparatorPrimitive 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", + "bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className, )} {...props} |