Updated a lot of stuff, trying out radix ui

packages/ui/src/cmp/label.tsx

@@ -1,18 +1,24 @@
-import * as React from "react";
+"use client"
 
-import { cn } from "../lib/utils";
+import * as React from "react"
+import { Label as LabelPrimitive } from "radix-ui"
 
-function Label({ className, ...props }: React.ComponentProps<"label">) {
+import { cn } from "../lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
   return (
-    <label
+    <LabelPrimitive.Root
       data-slot="label"
       className={cn(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className,
+        className
       )}
       {...props}
     />
-  );
+  )
 }
 
-export { Label };
+export { Label }