xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: migrated to latest radix to improve performance / tree-shaking

Browse Source
This commit is contained in:
Hyteq
2025-06-23 09:06:42 +03:00
parent 79b8275bc0
commit 589f4a20a1
34 changed files with 251 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/ui/accordion.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as AccordionPrimitive from "@radix-ui/react-accordion";
import { Accordion as AccordionPrimitive } from "radix-ui";
import { ChevronDown } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/alert-dialog.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
import { cn } from "../../lib/utils";
import { buttonVariants } from "./button";

2
apps/web/src/components/ui/aspect-ratio.tsx
View File

@ -1,6 +1,6 @@
"use client"
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
import { AspectRatio as AspectRatioPrimitive } from "radix-ui"
const AspectRatio = AspectRatioPrimitive.Root

2
apps/web/src/components/ui/avatar.tsx
View File

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

4
apps/web/src/components/ui/breadcrumb.tsx
View File

@ -1,5 +1,5 @@
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { Slot as SlotPrimitive } from "radix-ui";
import { ChevronRight, MoreHorizontal } from "lucide-react";
import { cn } from "../../lib/utils";
@ -45,7 +45,7 @@ const BreadcrumbLink = React.forwardRef<
asChild?: boolean;
}
>(({ asChild, className, ...props }, ref) => {
const Comp = asChild ? Slot : "a";
const Comp = asChild ? SlotPrimitive.Slot : "a";
return (
<Comp

4
apps/web/src/components/ui/button.tsx
View File

@ -1,5 +1,5 @@
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { Slot as SlotPrimitive } from "radix-ui";
import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "../../lib/utils";
@ -42,7 +42,7 @@ export interface ButtonProps
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
({ className, variant, size, asChild = false, ...props }, ref) => {
const Comp = asChild ? Slot : "button";
const Comp = asChild ? SlotPrimitive.Slot : "button";
return (
<Comp
className={cn(buttonVariants({ variant, size, className }))}

2
apps/web/src/components/ui/checkbox.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
import { Checkbox as CheckboxPrimitive } from "radix-ui";
import { Check } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/collapsible.tsx
View File

@ -1,6 +1,6 @@
"use client"
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
import { Collapsible as CollapsiblePrimitive } from "radix-ui"
const Collapsible = CollapsiblePrimitive.Root

2
apps/web/src/components/ui/command.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import { type DialogProps } from "@radix-ui/react-dialog";
import { type DialogProps } from "radix-ui";
import { Command as CommandPrimitive } from "cmdk";
import { Search } from "lucide-react";

2
apps/web/src/components/ui/context-menu.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
import { Check, ChevronRight, Circle } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/dialog.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as DialogPrimitive from "@radix-ui/react-dialog";
import { Dialog as DialogPrimitive } from "radix-ui";
import { X } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/dropdown-menu.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
import { Check, ChevronRight, Circle } from "lucide-react";
import { cva, type VariantProps } from "class-variance-authority";

10
apps/web/src/components/ui/form.tsx
View File

@ -1,8 +1,8 @@
"use client";
import * as React from "react";
import * as LabelPrimitive from "@radix-ui/react-label";
import { Slot } from "@radix-ui/react-slot";
import { Label as LabelPrimitive, Slot as SlotPrimitive } from "radix-ui";
import {
Controller,
ControllerProps,
@ -104,14 +104,14 @@ const FormLabel = React.forwardRef<
FormLabel.displayName = "FormLabel";
const FormControl = React.forwardRef<
React.ElementRef<typeof Slot>,
React.ComponentPropsWithoutRef<typeof Slot>
React.ElementRef<typeof SlotPrimitive.Slot>,
React.ComponentPropsWithoutRef<typeof SlotPrimitive.Slot>
>(({ ...props }, ref) => {
const { error, formItemId, formDescriptionId, formMessageId } =
useFormField();
return (
<Slot
<SlotPrimitive.Slot
ref={ref}
id={formItemId}
aria-describedby={

2
apps/web/src/components/ui/hover-card.tsx
View File

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

2
apps/web/src/components/ui/label.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as LabelPrimitive from "@radix-ui/react-label";
import { Label as LabelPrimitive } from "radix-ui";
import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/menubar.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as MenubarPrimitive from "@radix-ui/react-menubar";
import { Menubar as MenubarPrimitive } from "radix-ui";
import { Check, ChevronRight, Circle } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/navigation-menu.tsx
View File

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

2
apps/web/src/components/ui/popover.tsx
View File

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

2
apps/web/src/components/ui/progress.tsx
View File

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

2
apps/web/src/components/ui/radio-group.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
import { Circle } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/scroll-area.tsx
View File

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

2
apps/web/src/components/ui/select.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as SelectPrimitive from "@radix-ui/react-select";
import { Select as SelectPrimitive } from "radix-ui";
import { Check, ChevronDown, ChevronUp } from "lucide-react";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/separator.tsx
View File

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

2
apps/web/src/components/ui/sheet.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as SheetPrimitive from "@radix-ui/react-dialog";
import { Dialog as SheetPrimitive } from "radix-ui";
import { cva, type VariantProps } from "class-variance-authority";
import { X } from "lucide-react";

12
apps/web/src/components/ui/sidebar.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { Slot as SlotPrimitive } from "radix-ui";
import { VariantProps, cva } from "class-variance-authority";
import { PanelLeft } from "lucide-react";
@ -432,7 +432,7 @@ const SidebarGroupLabel = React.forwardRef<
HTMLDivElement,
React.ComponentProps<"div"> & { asChild?: boolean }
>(({ className, asChild = false, ...props }, ref) => {
const Comp = asChild ? Slot : "div";
const Comp = asChild ? SlotPrimitive.Slot : "div";
return (
<Comp
@ -453,7 +453,7 @@ const SidebarGroupAction = React.forwardRef<
HTMLButtonElement,
React.ComponentProps<"button"> & { asChild?: boolean }
>(({ className, asChild = false, ...props }, ref) => {
const Comp = asChild ? Slot : "button";
const Comp = asChild ? SlotPrimitive.Slot : "button";
return (
<Comp
@ -553,7 +553,7 @@ const SidebarMenuButton = React.forwardRef<
},
ref
) => {
const Comp = asChild ? Slot : "button";
const Comp = asChild ? SlotPrimitive.Slot : "button";
const { isMobile, state } = useSidebar();
const button = (
@ -599,7 +599,7 @@ const SidebarMenuAction = React.forwardRef<
showOnHover?: boolean;
}
>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
const Comp = asChild ? Slot : "button";
const Comp = asChild ? SlotPrimitive.Slot : "button";
return (
<Comp
@ -713,7 +713,7 @@ const SidebarMenuSubButton = React.forwardRef<
isActive?: boolean;
}
>(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
const Comp = asChild ? Slot : "a";
const Comp = asChild ? SlotPrimitive.Slot : "a";
return (
<Comp

2
apps/web/src/components/ui/slider.tsx
View File

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

2
apps/web/src/components/ui/switch.tsx
View File

@ -1,7 +1,7 @@
"use client";
import * as React from "react";
import * as SwitchPrimitives from "@radix-ui/react-switch";
import { Switch as SwitchPrimitives } from "radix-ui";
import { cn } from "../../lib/utils";

2
apps/web/src/components/ui/tabs.tsx
View File

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

2
apps/web/src/components/ui/toast.tsx
View File

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

2
apps/web/src/components/ui/toggle-group.tsx
View File

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

2
apps/web/src/components/ui/toggle.tsx
View File

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

2
apps/web/src/components/ui/tooltip.tsx
View File

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