Add Field component system and migrate UI

resources/js/packages/ui/src/field/FieldLegend.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue';
+import { cn } from '@/lib/utils';
+
+const props = defineProps<{
+    class?: HTMLAttributes['class'];
+    variant?: 'legend' | 'label';
+}>();
+</script>
+
+<template>
+    <legend
+        data-slot="field-legend"
+        :data-variant="variant"
+        :class="
+            cn(
+                'mb-3 font-medium',
+                'data-[variant=legend]:text-base',
+                'data-[variant=label]:text-sm',
+                props.class
+            )
+        ">
+        <slot />
+    </legend>
+</template>