feat(label): Add label component

Author: immohammadjaved

projects/core/src/lib/label.ts

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from "@angular/core";
+import { tv } from "tailwind-variants";
+import { NgpLabel } from "ng-primitives/form-field";
+
+const labelVariants = tv({
+    base: 'flex items-center gap-2 text-sm leading-none font-medium select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50'
+});
+
+@Directive({
+    selector: '[uiLabel]',
+    exportAs: 'uiLabel',
+    host: {
+        '[class]': 'computedClass()'
+    },
+    hostDirectives: [NgpLabel],
+})
+export class UiLabel {
+    inputClass = input<string>('', { alias: 'class' });
+    computedClass = computed(() => labelVariants({ class: this.inputClass() }));
+}

projects/core/src/public-api.ts

@@ -11,5 +11,6 @@ export * from './lib/tooltip';
 export * from './lib/card';
 export * from './lib/toast';
 export * from './lib/separator';
+export * from './lib/label';
 export * from './lib/input';
 export * from './lib/form-field';