Unify workspace dropdowns; Update layouts (#458)

Unified Account and Workspace drop-downs; Layout updates, now header lives within the PageBody component; Sidebars now use floating variant

packages/ui/src/shadcn/label.tsx

@@ -2,21 +2,19 @@
 
 import * as React from 'react';
 
-import { type VariantProps, cva } from 'class-variance-authority';
-import { Label as LabelPrimitive } from 'radix-ui';
+import { cn } from '#lib/utils';
 
-import { cn } from '../lib/utils';
-
-const labelVariants = cva(
-  'text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
-);
-
-const Label: React.FC<
-  React.ComponentPropsWithRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
-> = ({ className, ...props }) => (
-  <LabelPrimitive.Root className={cn(labelVariants(), className)} {...props} />
-);
-Label.displayName = LabelPrimitive.Root.displayName;
+function Label({ className, ...props }: React.ComponentProps<'label'>) {
+  return (
+    <label
+      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,
+      )}
+      {...props}
+    />
+  );
+}
 
 export { Label };