@una-ui/nuxt 0.8.0-beta.1 → 0.9.0-beta.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.8.0-beta.1",
+  "version": "0.9.0-beta.2",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -7,7 +7,7 @@ import '@una-ui/preset/prefixes';
 import '@una-ui/extractor-vue-script';
 
 const name = "@una-ui/nuxt";
-const version = "0.8.0-beta.1";
+const version = "0.9.0-beta.2";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/elements/Separator.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { Separator } from 'radix-vue'
+import { cn, omitProps } from '../../utils'
+import type { NSeparatorProps } from '../../types'
+
+const props = withDefaults(defineProps<NSeparatorProps>(), {
+  orientation: 'horizontal',
+  label: '',
+  una: () => ({
+    separatorDefaultVariant: 'separator-default-variant',
+  }),
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = omitProps(props, ['una'])
+
+  return delegated
+})
+</script>
+
+<template>
+  <Separator
+    v-bind="omitProps(delegatedProps, ['una', 'separatorPosition'])"
+    :class="
+      cn(
+        'separator',
+        props.una?.separatorDefaultVariant,
+        props.una?.separator,
+        props.orientation === 'vertical' ? 'separator-vertical' : 'separator-horizontal',
+        props.class,
+      )
+    "
+  >
+    <span
+      v-if="props.label || $slots.default"
+      :separator-position="props.separatorPosition || 'center'"
+      :class="cn(
+        'separator-content',
+        props.una?.separatorContent,
+        props.orientation === 'vertical' ? 'separator-content-vertical' : 'separator-content-horizontal',
+      )"
+    >
+      <slot>
+        {{ props.label }}
+      </slot>
+    </span>
+  </Separator>
+</template>

package/dist/runtime/types/index.d.ts

@@ -19,6 +19,7 @@ export * from './slider.js';
 export * from './progress.js';
 export * from './skeleton.js';
 export * from './select.js';
+export * from './separator.js';
 export interface Colors {
     [key: string]: string;
 }

package/dist/runtime/types/index.js

@@ -19,3 +19,4 @@ export * from "./slider.js";
 export * from "./progress.js";
 export * from "./skeleton.js";
 export * from "./select.js";
+export * from "./separator.js";

package/dist/runtime/types/separator.d.ts

@@ -0,0 +1,43 @@
+import type { HTMLAttributes } from 'vue';
+import type { SeparatorProps } from 'radix-vue';
+type Extensions = SeparatorProps & {
+    class?: HTMLAttributes['class'];
+    label?: string;
+};
+export interface NSeparatorProps extends Extensions {
+    /**
+     * Allows you to add `UnaUI` separator preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/separator.ts
+     * @example
+     * separator="solid-green"
+     */
+    separator?: string;
+    /**
+     * Allows you to change the orientation and position of the separator.
+     *
+     * @default horizontal-center
+     */
+    separatorPosition?: HTMLAttributes['class'];
+    /**
+     * Allows you to change the size of the separator.
+     *
+     * @default md
+     *
+     * @example
+     * size="sm" | size="2cm" | size="2rem" | size="2px"
+     */
+    size?: string;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/separator.ts
+     */
+    una?: {
+        separator?: HTMLAttributes['class'];
+        separatorContent?: HTMLAttributes['class'];
+        separatorDefaultVariant?: HTMLAttributes['class'];
+    };
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.8.0-beta.1",
+  "version": "0.9.0-beta.2",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -48,8 +48,8 @@
     "typescript": "^5.5.3",
     "unocss": "^0.61.5",
     "unocss-preset-animations": "^1.1.0",
-    "@una-ui/extractor-vue-script": "^0.8.0-beta.1",
-    "@una-ui/preset": "^0.8.0-beta.1"
+    "@una-ui/extractor-vue-script": "^0.9.0-beta.2",
+    "@una-ui/preset": "^0.9.0-beta.2"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.8.1",