@una-ui/nuxt 0.14.0-beta.2 → 0.15.0-beta.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.14.0-beta.2",
+  "version": "0.15.0-beta.1",
   "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.14.0-beta.2";
+const version = "0.15.0-beta.1";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -77,7 +77,7 @@ export default defineComponent({
 
 <template>
   <NuxtLink
-    v-slot="{ route, href, target, rel, navigate, isActive, isExactActive, isExternal }"
+    v-slot="{ route, href, target, rel, navigate, isActive, isExactActive, isExternal, exact }"
     v-bind="$props"
     custom
   >

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<any, {
+declare const _default: import("vue").DefineComponent<{}, {
     resolveLinkClass: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<any, {
         isActive: boolean;
         isExactActive: boolean;
     }) => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any>, {} | {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {} | {
     [x: string]: any;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
 export default _default;

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { DropdownMenuTrigger, useForwardProps } from 'radix-vue'
 import Button from '../Button.vue'
-import { cn } from '../../../utils'
+import { cn, randomId } from '../../../utils'
 import type { NDropdownMenuTriggerProps } from '../../../types'
 
-const props = withDefaults(defineProps<NDropdownMenuTriggerProps>(), {
-})
+const props = defineProps<NDropdownMenuTriggerProps>()
 
 const forwardedProps = useForwardProps(props)
 </script>
@@ -16,6 +15,7 @@ const forwardedProps = useForwardProps(props)
   >
     <Button
       v-bind="forwardedProps"
+      :id="randomId('dropdown-menu-trigger')"
       :class="cn(
         'dropdown-menu-trigger justify-start font-normal',
         props.class,

package/dist/runtime/components/forms/select/SelectTrigger.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { SelectTrigger, useForwardProps } from 'radix-vue'
-import { cn } from '../../../utils'
+import { cn, randomId } from '../../../utils'
 import type { NSelectTriggerProps } from '../../../types'
 import Button from '../../elements/Button.vue'
 
-const props = withDefaults(defineProps<NSelectTriggerProps>(), {
-})
+const props = defineProps<NSelectTriggerProps>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
@@ -55,6 +54,7 @@ const statusClassVariants = computed(() => {
   >
     <Button
       v-bind="forwardedProps"
+      :id="randomId('select-trigger')"
       :class="cn(
         'select-trigger justify-between font-normal',
         props.class,

package/dist/runtime/components/slots/AvatarGroupDefault.d.ts

@@ -1,6 +1,6 @@
 import type { PropType, VNode } from 'vue';
 import type { NAvatarGroupProps } from '../../types.js';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     max: {
         type: NumberConstructor;
         required: true;
@@ -8,15 +8,11 @@ declare const _default: import("vue").DefineComponent<{
     avatar: {
         type: PropType<NAvatarGroupProps>;
     };
-}, (() => null) | (() => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, (() => null) | (() => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null)[]), unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    max: {
-        type: NumberConstructor;
-        required: true;
-    };
-    avatar: {
-        type: PropType<NAvatarGroupProps>;
-    };
-}>>, {}, {}>;
+}> | null)[]), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    max: number;
+} & {
+    avatar?: NAvatarGroupProps | undefined;
+} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
 export default _default;

package/dist/runtime/components/slots/FormGroupDefault.d.ts

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -9,17 +9,11 @@ declare const _default: import("vue").DefineComponent<{
         validator: (v: string) => boolean;
         required: false;
     };
-}, (() => null) | (() => VNode<unknown, unknown, {
+}>, (() => null) | (() => VNode<unknown, unknown, {
     [key: string]: any;
-}>[]), unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    status: {
-        type: StringConstructor;
-        validator: (v: string) => boolean;
-        required: false;
-    };
-}>>, {}, {}>;
+}>[]), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    id: string;
+} & {
+    status?: string | undefined;
+} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
 export default _default;

package/dist/runtime/components/slots/FormGroupLabel.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { NFormGroupProps } from '../../types.js';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     for: {
         type: PropType<NFormGroupProps["for"]>;
         required: false;
@@ -9,16 +9,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<NFormGroupProps["id"]>;
         required: false;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    for: {
-        type: PropType<NFormGroupProps["for"]>;
-        required: false;
-    };
-    id: {
-        type: PropType<NFormGroupProps["id"]>;
-        required: false;
-    };
-}>>, {}, {}>;
+}> | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{} & {
+    id?: string | undefined;
+    for?: string | boolean | undefined;
+} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
 export default _default;

package/dist/runtime/utils/index.js

@@ -1,3 +1,4 @@
+import { useId } from "vue";
 export * from "./cn.js";
 export function rgbToHex(r, g, b) {
   return `#${[r, g, b].map((x) => {
@@ -16,7 +17,7 @@ export function hexToRgb(hex) {
   ];
 }
 export function randomId(prefix) {
-  return `una-${prefix}-${Math.random().toString(36).slice(2)}`;
+  return `una-${prefix}-${useId()}`;
 }
 export function omitProps(obj, propsToOmit) {
   const newObj = { ...obj };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.14.0-beta.2",
+  "version": "0.15.0-beta.1",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -49,13 +49,14 @@
     "typescript": "^5.5.4",
     "unocss": "^0.62.2",
     "unocss-preset-animations": "^1.1.0",
-    "@una-ui/extractor-vue-script": "^0.14.0-beta.2",
-    "@una-ui/preset": "^0.14.0-beta.2"
+    "@una-ui/extractor-vue-script": "^0.15.0-beta.1",
+    "@una-ui/preset": "^0.15.0-beta.1"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.8.1",
     "@nuxt/schema": "^3.12.4",
-    "nuxt": "^3.12.4"
+    "nuxt": "^3.12.4",
+    "vue": "3.5.0"
   },
   "publishConfig": {
     "access": "public"