@una-ui/nuxt 0.42.1 → 0.44.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.42.1",
+  "version": "0.44.0",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.42.1";
+const version = "0.44.0";
 
 const module = defineNuxtModule({
   meta: {
@@ -44,147 +44,147 @@ const module = defineNuxtModule({
       path: resolve(runtimeDir, "components", "elements"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "tabs"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "card"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "dropdown-menu"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "popover"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "collapsible"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "tooltip"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "pagination"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/elements", "dialog"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "forms"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/forms", "select"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/forms", "radio-group"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "misc"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "navigation"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/data", "table"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/navigation", "breadcrumb"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "overlays"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components/overlays", "toast"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "sheet"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "sidebar"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     addComponentsDir({
       path: resolve(runtimeDir, "components", "scroll-area"),
       prefix: options.prefix,
       global: options.global,
-      watch: nuxt.options.dev,
+      watch: options.dev,
       priority: 10
     });
     if (options.themeable) {

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

@@ -8,6 +8,10 @@ export default defineComponent({
   props: {
     ...NuxtLink.props,
     // config
+    label: {
+      type: String,
+      default: void 0
+    },
     exact: {
       type: Boolean,
       default: false
@@ -105,7 +109,8 @@ export default defineComponent({
       resolveLinkClass,
       resolveNavLinkActive,
       resolveNavLinkInactive,
-      isLinkActive
+      isLinkActive,
+      label: props.label
     };
   }
 });
@@ -127,7 +132,9 @@ export default defineComponent({
       :nav-link-inactive="resolveNavLinkInactive(route, $route, { isActive, isExactActive })"
       @click="(e) => !isExternal && navigate(e)"
     >
-      <slot :active="isLinkActive({ route, isActive, isExactActive })" />
+      <slot :active="isLinkActive({ route, isActive, isExactActive })">
+        {{ label }}
+      </slot>
     </a>
   </NuxtLink>
 </template>

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

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         isExactActive: boolean;
     }) => string | null;
     isLinkActive: ({ route: linkRoute, isActive, isExactActive }: any) => any;
+    label: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {} | {
     [x: string]: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -4,14 +4,12 @@ import type { NSelectProps, SelectGroup as SelectGroupType } from '../../../type
 </script>
 
 <script setup lang="ts" generic="T extends AcceptableValue">
-import { reactivePick } from '@vueuse/core'
-import { useForwardPropsEmits } from 'reka-ui'
-import { isEqualObject } from '../../../utils'
+import { SelectRoot, useForwardPropsEmits } from 'reka-ui'
+import { cn, isEqualObject } from '../../../utils'
 import SelectContent from './SelectContent.vue'
 import SelectGroup from './SelectGroup.vue'
 import SelectItem from './SelectItem.vue'
 import SelectLabel from './SelectLabel.vue'
-import SelectRoot from './SelectRoot.vue'
 import SelectSeparator from './SelectSeparator.vue'
 import SelectTrigger from './SelectTrigger.vue'
 import SelectValue from './SelectValue.vue'
@@ -22,13 +20,7 @@ const props = withDefaults(defineProps<NSelectProps<T>>(), {
 
 const emits = defineEmits<SelectRootEmits>()
 
-const rootProps = reactivePick(props, [
-  'modelValue',
-  'defaultValue',
-  'multiple',
-  'disabled',
-])
-const forwarded = useForwardPropsEmits(rootProps, emits)
+const forwarded = useForwardPropsEmits(props, emits)
 
 function formatSelectedValue(value: unknown) {
   if (!value || (Array.isArray(value) && value.length === 0))
@@ -71,118 +63,124 @@ function isItemSelected(item: unknown, modelValue: unknown) {
 <template>
   <SelectRoot
     v-slot="{ modelValue, open }"
+    :class="cn(
+      props.una?.select,
+      props.class,
+    )"
     v-bind="forwarded"
   >
-    <SelectTrigger
-      :id
-      :size
-      :status
-      :select
-      v-bind="props._selectTrigger"
-      :una
-    >
-      <slot name="trigger" :model-value :open="open">
-        <SelectValue
-          :placeholder="props.placeholder"
-          v-bind="props._selectValue"
-          :aria-label="formatSelectedValue(modelValue)"
-          :data-status="status"
-          :una
-        >
-          <slot name="value" :model-value :open>
-            {{ formatSelectedValue(modelValue) || props.placeholder }}
-          </slot>
-        </SelectValue>
-      </slot>
-    </SelectTrigger>
-
-    <SelectContent
-      :size
-      v-bind="{
-        ..._selectContent,
-        _selectScrollDownButton,
-        _selectScrollUpButton,
-      }"
-      :una
-    >
-      <slot name="content" :items="items">
-        <template v-if="!group">
-          <SelectLabel
-            v-if="label"
-            v-bind="_selectLabel"
+    <slot name="root" :model-value :open>
+      <SelectTrigger
+        :id
+        :size
+        :status
+        :select
+        v-bind="props._selectTrigger"
+        :una
+      >
+        <slot name="trigger" :model-value :open="open">
+          <SelectValue
+            :placeholder="props.placeholder"
+            v-bind="props._selectValue"
+            :aria-label="formatSelectedValue(modelValue)"
+            :data-status="status"
             :una
           >
-            <slot name="label" :label>
-              {{ label }}
+            <slot name="value" :model-value :open>
+              {{ formatSelectedValue(modelValue) || props.placeholder }}
             </slot>
-          </SelectLabel>
-
-          <template
-            v-for="item in items"
-            :key="item"
-          >
-            <SelectItem
-              :value="item"
-              :size
-              :select-item
-              v-bind="props._selectItem"
-              :is-selected="isItemSelected(item, modelValue)"
+          </SelectValue>
+        </slot>
+      </SelectTrigger>
+
+      <SelectContent
+        :size
+        v-bind="{
+          ..._selectContent,
+          _selectScrollDownButton,
+          _selectScrollUpButton,
+        }"
+        :una
+      >
+        <slot name="content" :items="items">
+          <template v-if="!group">
+            <SelectLabel
+              v-if="label"
+              v-bind="_selectLabel"
               :una
             >
-              <slot name="item" :item="item">
-                {{ props.itemKey && item ? (item as any)[props.itemKey] : item }}
+              <slot name="label" :label>
+                {{ label }}
               </slot>
-            </SelectItem>
-          </template>
-        </template>
-
-        <template v-if="group">
-          <SelectGroup
-            v-for="(group, i) in items as SelectGroupType<T>[]"
-            :key="i"
-            v-bind="props._selectGroup"
-            :una
-          >
-            <SelectSeparator
-              v-if="i > 0"
-              v-bind="props._selectSeparator"
-              :una
-            />
+            </SelectLabel>
 
-            <slot name="group" :items="group">
-              <SelectLabel
-                v-if="group.label"
+            <template
+              v-for="item in items"
+              :key="item"
+            >
+              <SelectItem
+                :value="item"
                 :size
-                v-bind="{ ...props._selectLabel, ...group._selectLabel }"
+                :select-item
+                v-bind="props._selectItem"
+                :is-selected="isItemSelected(item, modelValue)"
                 :una
               >
-                <slot name="label" :label="group.label">
-                  {{ group.label }}
+                <slot name="item" :item="item">
+                  {{ props.itemKey && item ? (item as any)[props.itemKey] : item }}
                 </slot>
-              </SelectLabel>
+              </SelectItem>
+            </template>
+          </template>
 
-              <template
-                v-for="item in group.items"
-                :key="item"
-              >
-                <SelectItem
-                  :value="item"
+          <template v-if="group">
+            <SelectGroup
+              v-for="(group, i) in items as SelectGroupType<T>[]"
+              :key="i"
+              v-bind="props._selectGroup"
+              :una
+            >
+              <SelectSeparator
+                v-if="i > 0"
+                v-bind="props._selectSeparator"
+                :una
+              />
+
+              <slot name="group" :items="group">
+                <SelectLabel
+                  v-if="group.label"
                   :size
-                  :select-item
-                  v-bind="{ ..._selectItem, ...group._selectItem }"
-                  :is-selected="isItemSelected(item, modelValue)"
+                  v-bind="{ ...props._selectLabel, ...group._selectLabel }"
                   :una
                 >
-                  <slot name="item" :item="item">
-                    {{ props.itemKey ? (item as any)[props.itemKey] : item }}
+                  <slot name="label" :label="group.label">
+                    {{ group.label }}
                   </slot>
-                </SelectItem>
-              </template>
-            </slot>
-          </SelectGroup>
-        </template>
-        <slot />
-      </slot>
-    </SelectContent>
+                </SelectLabel>
+
+                <template
+                  v-for="item in group.items"
+                  :key="item"
+                >
+                  <SelectItem
+                    :value="item"
+                    :size
+                    :select-item
+                    v-bind="{ ..._selectItem, ...group._selectItem }"
+                    :is-selected="isItemSelected(item, modelValue)"
+                    :una
+                  >
+                    <slot name="item" :item="item">
+                      {{ props.itemKey ? (item as any)[props.itemKey] : item }}
+                    </slot>
+                  </SelectItem>
+                </template>
+              </slot>
+            </SelectGroup>
+          </template>
+          <slot />
+        </slot>
+      </SelectContent>
+    </slot>
   </SelectRoot>
 </template>

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

@@ -59,7 +59,7 @@ const status = computed(() => props.status ?? 'default')
           props.una?.selectTriggerLeading,
         ),
         btnTrailing: cn(
-          'select-trigger-trailing',
+          'select-trigger-trailing rtl:mr-auto ltr:ml-auto',
           props.una?.btnTrailing,
           props.una?.selectTriggerTrailing,
         ),

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

@@ -1,5 +1,9 @@
 import type { NuxtLinkProps } from 'nuxt/app';
 export interface NLinkProps extends NuxtLinkProps {
+    /**
+     * The label of the link
+     */
+    label?: string;
     /**
      * Manually enable/disable the exact match
      *

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

@@ -5,7 +5,6 @@ interface BaseExtensions {
     class?: HTMLAttributes['class'];
     size?: HTMLAttributes['class'];
 }
-type RootExtensions = SelectRootProps & BaseExtensions;
 type TriggerExtensions = SelectTriggerProps & Omit<NButtonProps, 'una'> & BaseExtensions;
 type ValueExtensions = SelectValueProps & BaseExtensions;
 type ScrollDownButtonExtensions = SelectScrollDownButtonProps & BaseExtensions;
@@ -16,7 +15,7 @@ type ItemTextExtensions = SelectItemTextProps & BaseExtensions;
 type GroupExtensions = SelectGroupProps & BaseExtensions;
 type LabelExtensions = SelectLabelProps & BaseExtensions;
 type SeparatorExtensions = SelectSeparatorProps & BaseExtensions;
-type SelectExtensions = NSelectRootProps & BaseExtensions & Pick<NSelectValueProps, 'placeholder'> & Pick<NSelectItemProps, 'selectItem'> & Pick<NSelectTriggerProps, 'status' | 'select' | 'id'>;
+type SelectExtensions = SelectRootProps & BaseExtensions & Pick<NSelectValueProps, 'placeholder'> & Pick<NSelectItemProps, 'selectItem'> & Pick<NSelectTriggerProps, 'status' | 'select' | 'id'>;
 export interface SelectGroup<T extends AcceptableValue> {
     label?: string;
     items: T[];
@@ -60,11 +59,6 @@ export interface NSelectProps<T extends AcceptableValue> extends SelectExtension
     _selectLabel?: Partial<NSelectLabelProps>;
     una?: NSelectUnaProps;
 }
-export interface NSelectRootProps extends RootExtensions {
-    una?: {
-        selectRoot?: HTMLAttributes['class'];
-    };
-}
 export interface NSelectTriggerProps extends TriggerExtensions {
     /**
      * The unique id of the select trigger to be used for the form field.
@@ -131,7 +125,6 @@ export interface NSelectSeparator extends SeparatorExtensions {
 }
 export interface NSelectUnaProps {
     select?: HTMLAttributes['class'];
-    selectRoot?: HTMLAttributes['class'];
     selectTrigger?: HTMLAttributes['class'];
     selectTriggerTrailing?: HTMLAttributes['class'];
     selectTriggerTrailingIcon?: HTMLAttributes['class'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.42.1",
+  "version": "0.44.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -48,8 +48,8 @@
     "typescript": "5.6.3",
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.1.1",
-    "@una-ui/preset": "^0.42.1",
-    "@una-ui/extractor-vue-script": "^0.42.1"
+    "@una-ui/extractor-vue-script": "^0.44.0",
+    "@una-ui/preset": "^0.44.0"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.30",

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

@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import type { SelectRootEmits } from 'reka-ui'
-import type { NSelectRootProps } from '../../../types'
-import { SelectRoot, useForwardPropsEmits } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NSelectRootProps>()
-const emits = defineEmits<SelectRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <SelectRoot
-    v-slot="slotProps"
-    :class="cn(
-      'select-root',
-      props.una?.selectRoot,
-      props.class,
-    )"
-    v-bind="forwarded"
-  >
-    <slot
-      v-bind="slotProps"
-    />
-  </SelectRoot>
-</template>