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

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.14.0-beta.1",
+  "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.1";
+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/DropdownMenu.vue

@@ -110,8 +110,9 @@ const [DefineMenuSub, ReuseMenuSub] = createReusableTemplate<NDropdownMenuProps>
 
   <DefineMenuSub
     v-slot="subProps"
+    as="div"
   >
-    <!-- <template
+    <template
       v-if="subProps.menuLabel"
     >
       <DropdownMenuLabel
@@ -126,61 +127,61 @@ const [DefineMenuSub, ReuseMenuSub] = createReusableTemplate<NDropdownMenuProps>
         :una="forwarded.una?.dropdownMenuSeparator"
         v-bind="{ ...forwarded._dropdownMenuSeparator, ...subProps._dropdownMenuSeparator }"
       />
-    </template> -->
+    </template>
 
-    <!-- <DropdownMenuGroup
+    <DropdownMenuGroup
       :una="forwarded.una?.dropdownMenuGroup"
       v-bind="{ ...forwarded._dropdownMenuGroup, ...subProps._dropdownMenuGroup }"
-    > -->
-    <DropdownMenuSub>
-      <DropdownMenuSubTrigger
-        :size
-        :inset
-        :una="forwarded.una?.dropdownMenuSubTrigger"
-        :dropdown-menu-item
-        v-bind="omitProps({
-          ...subProps,
-          ...forwarded._dropdownMenuSubTrigger,
-          ...subProps._dropdownMenuSubTrigger,
-        }, ['$slots'])"
-      >
-        <slot name="sub-trigger" :label="subProps.label" />
-      </DropdownMenuSubTrigger>
-
-      <DropdownMenuPortal>
-        <DropdownMenuSubContent
-          v-bind="subProps._dropdownMenuSubContent"
-          :una="forwarded.una?.dropdownMenuSubContent"
+    >
+      <DropdownMenuSub>
+        <DropdownMenuSubTrigger
+          :size
+          :inset
+          :una="forwarded.una?.dropdownMenuSubTrigger"
+          :dropdown-menu-item
+          v-bind="omitProps({
+            ...subProps,
+            ...forwarded._dropdownMenuSubTrigger,
+            ...subProps._dropdownMenuSubTrigger,
+          }, ['$slots'])"
         >
-          <template
-            v-for="subItem in subProps.items"
-            :key="subItem.label"
+          <slot name="sub-trigger" :label="subProps.label" />
+        </DropdownMenuSubTrigger>
+
+        <DropdownMenuPortal>
+          <DropdownMenuSubContent
+            v-bind="subProps._dropdownMenuSubContent"
+            :una="forwarded.una?.dropdownMenuSubContent"
           >
-            <DropdownMenuItem
-              v-if="!subItem.items && subItem.label"
-              :size
-              :inset
-              :dropdown-menu-item
-              :una="forwarded.una?.dropdownMenuItem"
-              v-bind="{ ...subItem, ...forwarded._dropdownMenuItem, ...subItem._dropdownMenuItem }"
+            <template
+              v-for="subItem in subProps.items"
+              :key="subItem.label"
             >
-              {{ subItem.label }}
-            </DropdownMenuItem>
+              <DropdownMenuItem
+                v-if="!subItem.items && subItem.label"
+                :size
+                :inset
+                :dropdown-menu-item
+                :una="forwarded.una?.dropdownMenuItem"
+                v-bind="{ ...subItem, ...forwarded._dropdownMenuItem, ...subItem._dropdownMenuItem }"
+              >
+                {{ subItem.label }}
+              </DropdownMenuItem>
 
-            <DropdownMenuSeparator
-              v-else-if="!subItem.label && !subItem.items"
-              :una="forwarded.una?.dropdownMenuSeparator"
-              v-bind="{ ...forwarded._dropdownMenuSeparator, ...subItem._dropdownMenuSeparator }"
-            />
+              <DropdownMenuSeparator
+                v-else-if="!subItem.label && !subItem.items"
+                :una="forwarded.una?.dropdownMenuSeparator"
+                v-bind="{ ...forwarded._dropdownMenuSeparator, ...subItem._dropdownMenuSeparator }"
+              />
 
-            <ReuseMenuSub
-              v-else
-              v-bind="subItem"
-            />
-          </template>
-        </DropdownMenuSubContent>
-      </DropdownMenuPortal>
-    </DropdownMenuSub>
-    <!-- </DropdownMenuGroup> -->
+              <ReuseMenuSub
+                v-else
+                v-bind="subItem"
+              />
+            </template>
+          </DropdownMenuSubContent>
+        </DropdownMenuPortal>
+      </DropdownMenuSub>
+    </DropdownMenuGroup>
   </DefineMenuSub>
 </template>

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.1",
+  "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.1",
-    "@una-ui/preset": "^0.14.0-beta.1"
+    "@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"