perf(renderer): import published Radix primitives directly (#26256)

src/renderer/src/components/JiraIssueWorkspace.tsx

@@ -1,7 +1,7 @@
 /* oxlint-disable react-doctor/no-adjust-state-on-prop-change -- Why: Jira issue hydration, comments, transitions, priorities, and user options are loaded from provider IPC for the selected issue. */
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { toast } from 'sonner'
-import { VisuallyHidden } from 'radix-ui'
+import * as VisuallyHidden from 'radix-ui/visually-hidden'
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from '@/components/ui/sheet'
 import {
   getCommentBodySubmitState,

src/renderer/src/components/LinearIssueWorkspace.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react'
-import { VisuallyHidden } from 'radix-ui'
+import * as VisuallyHidden from 'radix-ui/visually-hidden'
 
 import { LinearIssueTextEditor } from '@/components/LinearIssueTextEditor'
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from '@/components/ui/sheet'

src/renderer/src/components/artifacts/ArtifactDetailDrawer.tsx

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from 'radix-ui'
+import * as VisuallyHidden from 'radix-ui/visually-hidden'
 import type { ArtifactListItem } from '../../../../shared/artifacts'
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from '@/components/ui/sheet'
 import { translate } from '@/i18n/i18n'

src/renderer/src/components/file-path-cursor-tooltip.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Slot } from 'radix-ui'
+import * as Slot from 'radix-ui/slot'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 
 // Clears the pointer without putting the label under the cursor's own hotspot.

src/renderer/src/components/github-project/ProjectItemSlugDialog.tsx

@@ -8,7 +8,7 @@
 // simplified surface; it also routes every write through slug-addressed
 // mutation helpers and patches the Project table cache on success.
 import React from 'react'
-import { VisuallyHidden } from 'radix-ui'
+import * as VisuallyHidden from 'radix-ui/visually-hidden'
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from '@/components/ui/sheet'
 import type { GitHubItemDialogProjectOrigin } from '@/components/GitHubItemDialog'
 import { SlugDialogBody } from './slug-dialog/SlugDialogBody'

src/renderer/src/components/gitlab-item-dialog/gitlab-item-dialog-view.tsx

@@ -1,6 +1,6 @@
 import { ImeTextarea } from '@/lib/ime-text-field'
 import { CircleDot, ExternalLink, GitMerge, LoaderCircle, RefreshCw, Send, X } from 'lucide-react'
-import { VisuallyHidden } from 'radix-ui'
+import * as VisuallyHidden from 'radix-ui/visually-hidden'
 import { Button } from '@/components/ui/button'
 import {
   Sheet,

src/renderer/src/components/linear-item-drawer-sheet.tsx

@@ -8,7 +8,7 @@ import {
   Plus,
   X
 } from 'lucide-react'
-import { VisuallyHidden } from 'radix-ui'
+import * as VisuallyHidden from 'radix-ui/visually-hidden'
 
 import { Button } from '@/components/ui/button'
 import { ButtonGroup } from '@/components/ui/button-group'

src/renderer/src/components/ui/accordion.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { ChevronDown } from 'lucide-react'
-import { Accordion as AccordionPrimitive } from 'radix-ui'
+import * as AccordionPrimitive from 'radix-ui/accordion'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { Slot } from 'radix-ui'
+import * as Slot from 'radix-ui/slot'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/button.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { Slot } from 'radix-ui'
+import * as Slot from 'radix-ui/slot'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/checkbox.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { CheckIcon, MinusIcon } from 'lucide-react'
-import { Checkbox as CheckboxPrimitive } from 'radix-ui'
+import * as CheckboxPrimitive from 'radix-ui/checkbox'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/collapsible.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/lib/utils'
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui'
+import * as CollapsiblePrimitive from 'radix-ui/collapsible'
 
 function Collapsible({
   ...props

src/renderer/src/components/ui/command.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { Command as CommandPrimitive } from 'cmdk'
 import { SearchIcon } from 'lucide-react'
-import { Dialog as DialogPrimitive } from 'radix-ui'
+import * as DialogPrimitive from 'radix-ui/dialog'
 
 import { cn } from '@/lib/utils'
 import { handleImeOverlayEscape } from '@/lib/ime-overlay-escape'

src/renderer/src/components/ui/context-menu.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { ChevronRightIcon, CircleIcon } from 'lucide-react'
-import { ContextMenu as ContextMenuPrimitive } from 'radix-ui'
+import * as ContextMenuPrimitive from 'radix-ui/context-menu'
 
 import { cn } from '@/lib/utils'
 import { handleImeOverlayEscape } from '@/lib/ime-overlay-escape'

src/renderer/src/components/ui/dialog.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { XIcon } from 'lucide-react'
-import { Dialog as DialogPrimitive } from 'radix-ui'
+import * as DialogPrimitive from 'radix-ui/dialog'
 
 import { cn } from '@/lib/utils'
 import { handleImeOverlayEscape } from '@/lib/ime-overlay-escape'

src/renderer/src/components/ui/dropdown-menu.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
-import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui'
+import * as DropdownMenuPrimitive from 'radix-ui/dropdown-menu'
 
 import { cn } from '@/lib/utils'
 import { handleImeOverlayEscape } from '@/lib/ime-overlay-escape'

src/renderer/src/components/ui/hover-card.tsx

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

src/renderer/src/components/ui/label.tsx

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

src/renderer/src/components/ui/popover.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import * as React from 'react'
-import { Popover as PopoverPrimitive } from 'radix-ui'
+import * as PopoverPrimitive from 'radix-ui/popover'
 
 import { cn } from '@/lib/utils'
 import { handleImeOverlayEscape } from '@/lib/ime-overlay-escape'

src/renderer/src/components/ui/progress.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Progress as ProgressPrimitive } from 'radix-ui'
+import * as ProgressPrimitive from 'radix-ui/progress'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/scroll-area.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui'
+import * as ScrollAreaPrimitive from 'radix-ui/scroll-area'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/select.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'
-import { Select as SelectPrimitive } from 'radix-ui'
+import * as SelectPrimitive from 'radix-ui/select'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/separator.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Separator as SeparatorPrimitive } from 'radix-ui'
+import * as SeparatorPrimitive from 'radix-ui/separator'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/sheet.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { XIcon } from 'lucide-react'
-import { Dialog as SheetPrimitive } from 'radix-ui'
+import * as SheetPrimitive from 'radix-ui/dialog'
 import { cva, type VariantProps } from 'class-variance-authority'
 
 import { cn } from '@/lib/utils'

src/renderer/src/components/ui/slider.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Slider as SliderPrimitive } from 'radix-ui'
+import * as SliderPrimitive from 'radix-ui/slider'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/switch.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Switch as SwitchPrimitive } from 'radix-ui'
+import * as SwitchPrimitive from 'radix-ui/switch'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/tabs.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { Tabs as TabsPrimitive } from 'radix-ui'
+import * as TabsPrimitive from 'radix-ui/tabs'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/toggle-group.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import type { VariantProps } from 'class-variance-authority'
-import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui'
+import * as ToggleGroupPrimitive from 'radix-ui/toggle-group'
 
 import { cn } from '@/lib/utils'
 import { toggleVariants } from '@/components/ui/toggle'

src/renderer/src/components/ui/toggle.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { Toggle as TogglePrimitive } from 'radix-ui'
+import * as TogglePrimitive from 'radix-ui/toggle'
 
 import { cn } from '@/lib/utils'
 

src/renderer/src/components/ui/tooltip.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Tooltip as TooltipPrimitive } from 'radix-ui'
+import * as TooltipPrimitive from 'radix-ui/tooltip'
 
 import { cn } from '@/lib/utils'