feat: add slot for BreadcrumbEllipsis icons too

build registry, bump radix-vue

apps/www/package.json

@@ -31,7 +31,7 @@
     "embla-carousel-autoplay": "^8.0.0",
     "embla-carousel-vue": "^8.0.0",
     "lucide-vue-next": "^0.350.0",
-    "radix-vue": "^1.5.0",
+    "radix-vue": "^1.5.2",
     "tailwindcss-animate": "^1.0.7",
     "v-calendar": "^3.1.2",
     "vaul-vue": "^0.1.0",

apps/www/src/lib/registry/default/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -14,7 +14,9 @@ const props = defineProps<{
     aria-hidden="true"
     :class="cn('flex h-9 w-9 items-center justify-center', props.class)"
   >
-    <MoreHorizontal class="h-4 w-4" />
+    <slot>
+      <MoreHorizontal class="h-4 w-4" />
+    </slot>
     <span class="sr-only">More</span>
   </span>
 </template>

apps/www/src/lib/registry/new-york/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -14,7 +14,9 @@ const props = defineProps<{
     aria-hidden="true"
     :class="cn('flex h-9 w-9 items-center justify-center', props.class)"
   >
-    <DotsHorizontalIcon class="h-4 w-4" />
+    <slot>
+      <DotsHorizontalIcon class="h-4 w-4" />
+    </slot>
     <span class="sr-only">More</span>
   </span>
 </template>

apps/www/src/public/registry/styles/default/breadcrumb.json

@@ -11,7 +11,7 @@
     },
     {
       "name": "BreadcrumbEllipsis.vue",
-      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue'\nimport { MoreHorizontal } from 'lucide-vue-next'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    :class=\"cn('flex h-9 w-9 items-center justify-center', props.class)\"\n  >\n    <MoreHorizontal class=\"h-4 w-4\" />\n    <span class=\"sr-only\">More</span>\n  </span>\n</template>\n"
+      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue'\nimport { MoreHorizontal } from 'lucide-vue-next'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    :class=\"cn('flex h-9 w-9 items-center justify-center', props.class)\"\n  >\n    <slot>\n      <MoreHorizontal class=\"h-4 w-4\" />\n    </slot>\n    <span class=\"sr-only\">More</span>\n  </span>\n</template>\n"
     },
     {
       "name": "BreadcrumbItem.vue",

apps/www/src/public/registry/styles/new-york/breadcrumb.json

@@ -11,7 +11,7 @@
     },
     {
       "name": "BreadcrumbEllipsis.vue",
-      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue'\nimport { DotsHorizontalIcon } from '@radix-icons/vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    :class=\"cn('flex h-9 w-9 items-center justify-center', props.class)\"\n  >\n    <DotsHorizontalIcon class=\"h-4 w-4\" />\n    <span class=\"sr-only\">More</span>\n  </span>\n</template>\n"
+      "content": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue'\nimport { DotsHorizontalIcon } from '@radix-icons/vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    :class=\"cn('flex h-9 w-9 items-center justify-center', props.class)\"\n  >\n    <slot>\n      <DotsHorizontalIcon class=\"h-4 w-4\" />\n    </slot>\n    <span class=\"sr-only\">More</span>\n  </span>\n</template>\n"
     },
     {
       "name": "BreadcrumbItem.vue",

pnpm-lock.yaml

@@ -90,8 +90,8 @@ importers:
         specifier: ^0.350.0
         version: 0.350.0(vue@3.4.21)
       radix-vue:
-        specifier: ^1.5.0
+        specifier: ^1.5.2
-        version: 1.5.0(vue@3.4.21)
+        version: 1.5.2(vue@3.4.21)
       tailwindcss-animate:
         specifier: ^1.0.7
         version: 1.0.7(tailwindcss@3.4.1)
@@ -11166,6 +11166,19 @@ packages:
       - vue
     dev: false
 
+  /radix-vue@1.5.2(vue@3.4.21):
+    resolution: {integrity: sha512-XyXB6mYm7dthW56LDHG4ttR3x+XtspTi48nSq4vHoHldgGZzAEa5VXlqUCr2J21fNKrt3NIYhIIRLB6kKwWwrA==}
+    dependencies:
+      '@floating-ui/dom': 1.6.1
+      '@floating-ui/vue': 1.0.6(vue@3.4.21)
+      '@internationalized/date': 3.5.2
+      fast-deep-equal: 3.1.3
+      nanoid: 5.0.6
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
   /radix3@1.1.0:
     resolution: {integrity: sha512-pNsHDxbGORSvuSScqNJ+3Km6QAVqk8CfsCBIEoDgpqLrkD2f3QM4I7d1ozJJ172OmIcoUcerZaNWqtLkRXTV3A==}
     dev: true
@@ -13049,7 +13062,7 @@ packages:
     resolution: {integrity: sha512-3PYWMbN3cSdsciv3fzewskxZFnX61PYq1uNsbvizXDo/8sN4SMrWkYDqWaPdTD3GTEm6wpx7j5flRLg7A5ZXbQ==}
     dependencies:
       '@vueuse/core': 10.9.0(vue@3.4.21)
-      radix-vue: 1.5.0(vue@3.4.21)
+      radix-vue: 1.5.2(vue@3.4.21)
       vue: 3.4.21(typescript@5.4.2)
     transitivePeerDependencies:
       - '@vue/composition-api'