@una-ui/nuxt 0.32.0-beta.2 → 0.33.0-beta.1

package/dist/module.json

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

package/dist/module.mjs

@@ -7,7 +7,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.32.0-beta.2";
+const version = "0.33.0-beta.1";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -37,7 +37,7 @@ const statusClassVariants = computed(() => {
     success: props.una?.selectTriggerSuccessIcon ?? 'select-trigger-success-icon',
     warning: props.una?.selectTriggerWarningIcon ?? 'select-trigger-warning-icon',
     error: props.una?.selectTriggerErrorIcon ?? 'select-trigger-error-icon',
-    default: 'select-trigger-trailing-icon',
+    default: props.una?.selectTriggerTrailingIcon ?? 'select-trigger-trailing-icon',
   }
 
   return {

package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue

@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import type { NBreadcrumbProps } from '../../../types'
 import { cn } from '../../../utils'
+import DropdownMenu from '../../elements/dropdown-menu/DropdownMenu.vue'
+import BreadcrumbEllipsis from './BreadcrumbEllipsis.vue'
 import BreadcrumbItem from './BreadcrumbItem.vue'
 import BreadcrumbLink from './BreadcrumbLink.vue'
 import BreadcrumbList from './BreadcrumbList.vue'
@@ -28,7 +30,7 @@ const props = defineProps<NBreadcrumbProps>()
         v-bind="_breadcrumbList"
       >
         <template
-          v-for="(item, i) in props.items"
+          v-for="(item, i) in items"
           :key="i"
         >
           <slot name="list" :item="item">
@@ -39,6 +41,7 @@ const props = defineProps<NBreadcrumbProps>()
             >
               <slot name="item" :item="item">
                 <BreadcrumbLink
+                  v-if="!item.children?.length"
                   :active="i === items.length - 1"
                   :breadcrumb-active="props.breadcrumbActive"
                   :breadcrumb-inactive="props.breadcrumbInactive"
@@ -48,8 +51,26 @@ const props = defineProps<NBreadcrumbProps>()
                     ..._breadcrumbLink,
                   }"
                 >
-                  <slot :item="item" />
+                  <slot :item="item" :index="i" :is-active="i === items.length - 1" />
                 </BreadcrumbLink>
+                <template v-else>
+                  <slot name="dropdown" :item="item">
+                    <DropdownMenu
+                      :size
+                      :modal="false"
+                      :items="item.children"
+                      :_dropdown-menu-item="{
+                        ..._breadcrumbLink,
+                      }"
+                    >
+                      <BreadcrumbEllipsis
+                        :size
+                        :icon="ellipsis"
+                        v-bind="_breadcrumbEllipsis"
+                      />
+                    </DropdownMenu>
+                  </slot>
+                </template>
               </slot>
             </BreadcrumbItem>
             <BreadcrumbSeparator

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { NBreadcrumbEllipsisProps } from '../../../types'
 import { cn } from '../../../utils'
+import Icon from '../../elements/Icon.vue'
 
 const props = withDefaults(defineProps<NBreadcrumbEllipsisProps>(), {
   icon: 'breadcrumb-ellipsis-icon',
@@ -10,7 +11,7 @@ const props = withDefaults(defineProps<NBreadcrumbEllipsisProps>(), {
 </script>
 
 <template>
-  <span
+  <div
     role="presentation"
     aria-hidden="true"
     :class="cn(
@@ -21,12 +22,12 @@ const props = withDefaults(defineProps<NBreadcrumbEllipsisProps>(), {
     :size
   >
     <slot>
-      <NIcon
+      <Icon
         :name="icon"
         :class="props.una?.breadcrumbEllipsisIcon"
         aria-hidden="true"
       />
     </slot>
     <span class="sr-only">More</span>
-  </span>
+  </div>
 </template>

package/dist/runtime/components/navigation/breadcrumb/BreadcrumbSeparator.vue

@@ -14,7 +14,7 @@ const props = withDefaults(defineProps<NBreadcrumbSeparatorProps>(), {
     role="presentation"
     aria-hidden="true"
     :class="cn(
-      '',
+      'breadcrumb-separator',
       props.class,
       props.una?.breadcrumbSeparator,
     )"

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

@@ -3,6 +3,9 @@ import type { NButtonProps } from './button.js';
 interface BaseExtensions {
     class?: HTMLAttributes['class'];
 }
+type BreadcrumbListItem = NButtonProps & {
+    children?: NButtonProps[];
+};
 export interface NBreadcrumbProps extends BaseExtensions, Pick<NBreadcrumbLinkProps, 'breadcrumbActive' | 'breadcrumbInactive'> {
     /**
      * List of items to display in the breadcrumb.
@@ -10,7 +13,7 @@ export interface NBreadcrumbProps extends BaseExtensions, Pick<NBreadcrumbLinkPr
      * @example
      * items: [{ label: 'Home', to: '/' }, { label: 'About', to: '/about' }]
      */
-    items: Partial<NButtonProps>[];
+    items: Partial<BreadcrumbListItem>[];
     separator?: NBreadcrumbSeparatorProps['icon'];
     ellipsis?: NBreadcrumbEllipsisProps['icon'];
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.32.0-beta.2",
+  "version": "0.33.0-beta.1",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -49,8 +49,8 @@
     "typescript": "5.6.3",
     "unocss": "^0.64.1",
     "unocss-preset-animations": "^1.1.0",
-    "@una-ui/preset": "^0.32.0-beta.2",
-    "@una-ui/extractor-vue-script": "^0.32.0-beta.2"
+    "@una-ui/extractor-vue-script": "^0.33.0-beta.1",
+    "@una-ui/preset": "^0.33.0-beta.1"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.8.4",