feat: add label component

apps/www/src/registry/default/ui/label.directive.ts

@@ -0,0 +1,28 @@
+import { computed, Directive, input } from "@angular/core";
+
+import { RdxLabelRootDirective } from "@radix-ng/primitives/label";
+import { cva } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+
+@Directive({
+  selector: "[ubLabel]",
+  standalone: true,
+  hostDirectives: [
+    {
+      directive: RdxLabelRootDirective,
+      inputs: ["htmlFor"],
+    },
+  ],
+  host: {
+    "[class]": "computedClass()",
+  },
+})
+export class UbLabelDirective {
+  readonly class = input<string>("");
+  protected computedClass = computed(() => cn(labelVariants(), this.class()));
+}

apps/www/src/registry/new-york/ui/label.directive.ts

@@ -0,0 +1,28 @@
+import { computed, Directive, input } from "@angular/core";
+
+import { RdxLabelRootDirective } from "@radix-ng/primitives/label";
+import { cva } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+
+@Directive({
+  selector: "[ubLabel]",
+  standalone: true,
+  hostDirectives: [
+    {
+      directive: RdxLabelRootDirective,
+      inputs: ["htmlFor"],
+    },
+  ],
+  host: {
+    "[class]": "computedClass()",
+  },
+})
+export class UbLabelDirective {
+  readonly class = input<string>("");
+  protected computedClass = computed(() => cn(labelVariants(), this.class()));
+}

apps/www/src/registry/ui.ts

@@ -21,6 +21,12 @@ export const ui: Registry = [
     type: "components:ui",
     files: ["ui/card.directive.ts"],
   },
+  {
+    name: "label",
+    type: "components:ui",
+    dependencies: ["@radix-ng/primitives"],
+    files: ["ui/label.directive.ts"],
+  },
   {
     name: "separator",
     type: "components:ui",