chore(ui,dashboard): Use radix-ui package (#11195)

* update deps for ui

* chore(ui,dashboard): Use radix-ui package

---------

Co-authored-by: Oli Juhl <59018053+olivermrbl@users.noreply.github.com>
This commit is contained in:
Kasper Fabricius Kristensen
2025-02-02 14:20:34 +01:00
committed by GitHub
parent 12c3e6a03d
commit 9822bd930b
54 changed files with 1351 additions and 877 deletions
@@ -1,7 +1,7 @@
"use client"
import * as Primitives from "@radix-ui/react-switch"
import { VariantProps, cva } from "cva"
import { Switch as RadixSwitch } from "radix-ui"
import * as React from "react"
import { clx } from "@/utils/clx"
@@ -35,7 +35,7 @@ const thumbVariants = cva({
interface SwitchProps
extends Omit<
React.ComponentPropsWithoutRef<typeof Primitives.Root>,
React.ComponentPropsWithoutRef<typeof RadixSwitch.Root>,
"asChild"
>,
VariantProps<typeof switchVariants> {}
@@ -44,7 +44,7 @@ interface SwitchProps
* This component is based on the [Radix UI Switch](https://www.radix-ui.com/primitives/docs/components/switch) primitive.
*/
const Switch = React.forwardRef<
React.ElementRef<typeof Primitives.Root>,
React.ElementRef<typeof RadixSwitch.Root>,
SwitchProps
>(
(
@@ -58,13 +58,13 @@ const Switch = React.forwardRef<
}: SwitchProps,
ref
) => (
<Primitives.Root
<RadixSwitch.Root
className={clx(switchVariants({ size }), className)}
{...props}
ref={ref}
>
<Primitives.Thumb className={clx(thumbVariants({ size }))} />
</Primitives.Root>
<RadixSwitch.Thumb className={clx(thumbVariants({ size }))} />
</RadixSwitch.Root>
)
)
Switch.displayName = "Switch"