Add Field component system and migrate UI

resources/js/Components/ui/label/Label.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { LabelProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { Label } from 'reka-ui';
+import { cn } from '@/lib/utils';
+
+const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>();
+
+const delegatedProps = reactiveOmit(props, 'class');
+</script>
+
+<template>
+    <Label
+        v-bind="delegatedProps"
+        :class="
+            cn(
+                'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
+                props.class
+            )
+        ">
+        <slot />
+    </Label>
+</template>

resources/js/Components/ui/label/index.ts

@@ -0,0 +1 @@
+export { default as Label } from './Label.vue';