first init

fe/src/components/ui/separator/Separator.vue

@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+import { cn } from "@mykopkb/core/utils/cn";
+import { separator } from "@mykopkb/core/styles/separator.styles";
+
+const {
+  class: className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+} = defineProps<{
+  class?: string;
+  asChild?: boolean;
+  orientation?: "vertical" | "horizontal" | "responsive";
+  decorative?: boolean;
+}>();
+</script>
+
+<template>
+  <div data-part="separator" :data-decorative="decorative" :data-orientation="orientation"
+    :class="cn(separator, className)" v-bind="{ ...props }" />
+</template>

fe/src/components/ui/separator/index.ts

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