Add Field component system and migrate UI

resources/js/packages/ui/src/separator/Separator.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { SeparatorProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import { reactiveOmit } from '@vueuse/core';
+import { Separator } from 'reka-ui';
+import { cn } from '@/lib/utils';
+
+const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>(), {
+    orientation: 'horizontal',
+    decorative: true,
+});
+
+const delegatedProps = reactiveOmit(props, 'class');
+</script>
+
+<template>
+    <Separator
+        v-bind="delegatedProps"
+        :class="
+            cn(
+                'shrink-0 bg-border',
+                props.orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',
+                props.class
+            )
+        " />
+</template>

resources/js/packages/ui/src/separator/index.ts

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