refactor: consolidate Radix imports in the GitHub agent example

examples/github-agent/packages/dashboard/components/ui/accordion.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { Accordion as AccordionPrimitive } from "radix-ui"
 import { ChevronDownIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/alert-dialog.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { buttonVariants } from "@/components/ui/button"

examples/github-agent/packages/dashboard/components/ui/aspect-ratio.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui"
 
 function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {
   return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />

examples/github-agent/packages/dashboard/components/ui/avatar.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
+import { Avatar as AvatarPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/badge.tsx

@@ -1,4 +1,4 @@
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 import type * as React from "react"
 
@@ -29,7 +29,7 @@ function Badge({
   asChild = false,
   ...props
 }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "span"
+  const Comp = asChild ? SlotPrimitive.Slot : "span"
 
   return <Comp data-slot="badge" className={cn(badgeVariants({ variant }), className)} {...props} />
 }

examples/github-agent/packages/dashboard/components/ui/breadcrumb.tsx

@@ -1,4 +1,4 @@
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { ChevronRight, MoreHorizontal } from "lucide-react"
 import type * as React from "react"
 
@@ -38,7 +38,7 @@ function BreadcrumbLink({
 }: React.ComponentProps<"a"> & {
   asChild?: boolean
 }) {
-  const Comp = asChild ? Slot : "a"
+  const Comp = asChild ? SlotPrimitive.Slot : "a"
 
   return (
     <Comp

examples/github-agent/packages/dashboard/components/ui/button-group.tsx

@@ -1,4 +1,4 @@
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 
 import { Separator } from "@/components/ui/separator"
@@ -44,7 +44,7 @@ function ButtonGroupText({
 }: React.ComponentProps<"div"> & {
   asChild?: boolean
 }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? SlotPrimitive.Slot : "div"
 
   return (
     <Comp

examples/github-agent/packages/dashboard/components/ui/button.tsx

@@ -1,4 +1,4 @@
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 import type * as React from "react"
 
@@ -44,7 +44,7 @@ function Button({
   VariantProps<typeof buttonVariants> & {
     asChild?: boolean
   }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? SlotPrimitive.Slot : "button"
 
   return (
     <Comp

examples/github-agent/packages/dashboard/components/ui/checkbox.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Checkbox as CheckboxPrimitive } from "radix-ui"
 import { CheckIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/collapsible.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+import { Collapsible as CollapsiblePrimitive } from "radix-ui"
 
 function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
   return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />

examples/github-agent/packages/dashboard/components/ui/context-menu.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui"
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/dialog.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { Dialog as DialogPrimitive } from "radix-ui"
 import { XIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/dropdown-menu.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/form.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import type * as LabelPrimitive from "@radix-ui/react-label"
-import { Slot } from "@radix-ui/react-slot"
+import { type Label as LabelPrimitive, Slot as SlotPrimitive } from "radix-ui"
+
 import * as React from "react"
 import {
   Controller,
@@ -93,11 +93,11 @@ function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPri
   )
 }
 
-function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+function FormControl({ ...props }: React.ComponentProps<typeof SlotPrimitive.Slot>) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
 
   return (
-    <Slot
+    <SlotPrimitive.Slot
       data-slot="form-control"
       id={formItemId}
       aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}

examples/github-agent/packages/dashboard/components/ui/hover-card.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+import { HoverCard as HoverCardPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/item.tsx

@@ -1,4 +1,4 @@
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 import type * as React from "react"
 
@@ -55,7 +55,7 @@ function Item({
   asChild = false,
   ...props
 }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? SlotPrimitive.Slot : "div"
   return (
     <Comp
       data-slot="item"

examples/github-agent/packages/dashboard/components/ui/label.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as LabelPrimitive from "@radix-ui/react-label"
+import { Label as LabelPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/menubar.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as MenubarPrimitive from "@radix-ui/react-menubar"
+import { Menubar as MenubarPrimitive } from "radix-ui"
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/navigation-menu.tsx

@@ -1,4 +1,4 @@
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui"
 import { cva } from "class-variance-authority"
 import { ChevronDownIcon } from "lucide-react"
 import type * as React from "react"

examples/github-agent/packages/dashboard/components/ui/popover.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as PopoverPrimitive from "@radix-ui/react-popover"
+import { Popover as PopoverPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/progress.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as ProgressPrimitive from "@radix-ui/react-progress"
+import { Progress as ProgressPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/radio-group.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui"
 import { CircleIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/scroll-area.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/select.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as SelectPrimitive from "@radix-ui/react-select"
+import { Select as SelectPrimitive } from "radix-ui"
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/separator.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
+import { Separator as SeparatorPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/sheet.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { Dialog as SheetPrimitive } from "radix-ui"
 import { XIcon } from "lucide-react"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/sidebar.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 import { PanelLeftIcon } from "lucide-react"
 import * as React from "react"
@@ -380,7 +380,7 @@ function SidebarGroupLabel({
   asChild = false,
   ...props
 }: React.ComponentProps<"div"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? SlotPrimitive.Slot : "div"
 
   return (
     <Comp
@@ -401,7 +401,7 @@ function SidebarGroupAction({
   asChild = false,
   ...props
 }: React.ComponentProps<"button"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? SlotPrimitive.Slot : "button"
 
   return (
     <Comp
@@ -487,7 +487,7 @@ function SidebarMenuButton({
   isActive?: boolean
   tooltip?: string | React.ComponentProps<typeof TooltipContent>
 } & VariantProps<typeof sidebarMenuButtonVariants>) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? SlotPrimitive.Slot : "button"
   const { isMobile, state } = useSidebar()
 
   const button = (
@@ -533,7 +533,7 @@ function SidebarMenuAction({
   asChild?: boolean
   showOnHover?: boolean
 }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? SlotPrimitive.Slot : "button"
 
   return (
     <Comp
@@ -645,7 +645,7 @@ function SidebarMenuSubButton({
   size?: "sm" | "md"
   isActive?: boolean
 }) {
-  const Comp = asChild ? Slot : "a"
+  const Comp = asChild ? SlotPrimitive.Slot : "a"
 
   return (
     <Comp

examples/github-agent/packages/dashboard/components/ui/slider.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as SliderPrimitive from "@radix-ui/react-slider"
+import { Slider as SliderPrimitive } from "radix-ui"
 import * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/switch.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as SwitchPrimitive from "@radix-ui/react-switch"
+import { Switch as SwitchPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/tabs.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import { Tabs as TabsPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"

examples/github-agent/packages/dashboard/components/ui/toast.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as ToastPrimitives from "@radix-ui/react-toast"
+import { Toast as ToastPrimitives } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 import { X } from "lucide-react"
 import * as React from "react"

examples/github-agent/packages/dashboard/components/ui/toggle-group.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui"
 import type { VariantProps } from "class-variance-authority"
 import * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/toggle.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { Toggle as TogglePrimitive } from "radix-ui"
 import { type VariantProps, cva } from "class-variance-authority"
 import type * as React from "react"
 

examples/github-agent/packages/dashboard/components/ui/tooltip.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import { Tooltip as TooltipPrimitive } from "radix-ui"
 import type * as React from "react"
 
 import { cn } from "@/lib/utils"