bake canonical build harness (deterministic /ship for forks) [product-management]

src/components/ui/separator.tsx

@@ -1,15 +1,20 @@
 import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+
 import { cn } from "@/lib/utils";
 
-export const Separator = ({ className, orientation = "horizontal", ...props }: React.HTMLAttributes<HTMLDivElement> & { orientation?: "horizontal" | "vertical" }) => (
-  <div
-    className={cn(
-      "shrink-0 bg-slate-200",
-      orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
-      className
-    )}
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
+  <SeparatorPrimitive.Root
+    ref={ref}
+    decorative={decorative}
+    orientation={orientation}
+    className={cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)}
     {...props}
   />
-);
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
 
-export default Separator;
+export { Separator };