.

packages/shadcn-ui/src/components/button-group.tsx

@@ -1,7 +1,8 @@
-import { Slot } from "@radix-ui/react-slot";
-import { Separator } from "@repo/shadcn-ui/components/separator";
-import { cn } from "@repo/shadcn-ui/lib/utils";
-import { type VariantProps, cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@repo/shadcn-ui/lib/utils"
+import { Separator } from "@repo/shadcn-ui/components/separator"
 
 const buttonGroupVariants = cva(
   "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
@@ -18,7 +19,7 @@ const buttonGroupVariants = cva(
       orientation: "horizontal",
     },
   }
-);
+)
 
 function ButtonGroup({
   className,
@@ -27,13 +28,13 @@ function ButtonGroup({
 }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
   return (
     <div
-      className={cn(buttonGroupVariants({ orientation }), className)}
-      data-orientation={orientation}
-      data-slot="button-group"
       role="group"
+      data-slot="button-group"
+      data-orientation={orientation}
+      className={cn(buttonGroupVariants({ orientation }), className)}
       {...props}
     />
-  );
+  )
 }
 
 function ButtonGroupText({
@@ -41,9 +42,9 @@ function ButtonGroupText({
   asChild = false,
   ...props
 }: React.ComponentProps<"div"> & {
-  asChild?: boolean;
+  asChild?: boolean
 }) {
-  const Comp = asChild ? Slot : "div";
+  const Comp = asChild ? Slot : "div"
 
   return (
     <Comp
@@ -53,7 +54,7 @@ function ButtonGroupText({
       )}
       {...props}
     />
-  );
+  )
 }
 
 function ButtonGroupSeparator({
@@ -63,15 +64,20 @@ function ButtonGroupSeparator({
 }: React.ComponentProps<typeof Separator>) {
   return (
     <Separator
+      data-slot="button-group-separator"
+      orientation={orientation}
       className={cn(
         "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
         className
       )}
-      data-slot="button-group-separator"
-      orientation={orientation}
       {...props}
     />
-  );
+  )
 }
 
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  buttonGroupVariants,
+}

packages/shadcn-ui/src/components/separator.tsx

@@ -1,5 +1,3 @@
-"use client"
-
 import * as React from "react"
 import * as SeparatorPrimitive from "@radix-ui/react-separator"