@nexxtmove/ui 1.1.0 → 1.1.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -34,12 +34,12 @@
     "@eslint/js": "^10.0.1",
     "@nuxt/kit": "^4.4.8",
     "@nuxt/schema": "^4.4.4",
-    "@storybook/addon-a11y": "^10.4.6",
-    "@storybook/addon-designs": "^11.1.3",
-    "@storybook/addon-docs": "^10.4.6",
-    "@storybook/addon-vitest": "^10.4.6",
-    "@storybook/builder-vite": "^10.4.6",
-    "@storybook/vue3-vite": "^10.4.6",
+    "@storybook/addon-a11y": "^10.5.0",
+    "@storybook/addon-designs": "^11.1.4",
+    "@storybook/addon-docs": "^10.5.0",
+    "@storybook/addon-vitest": "^10.5.0",
+    "@storybook/builder-vite": "^10.5.0",
+    "@storybook/vue3-vite": "^10.5.0",
     "@tailwindcss/vite": "^4.3.1",
     "@types/node": "^26.0.1",
     "@types/react": "^19.2.17",
@@ -53,7 +53,7 @@
     "eslint": "^10.6.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.6",
-    "eslint-plugin-storybook": "10.4.6",
+    "eslint-plugin-storybook": "10.5.0",
     "eslint-plugin-vue": "^10.9.2",
     "flag-icons": "^7.5.0",
     "globals": "^17.7.0",
@@ -63,7 +63,7 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "remark-frontmatter": "^5.0.0",
-    "storybook": "^10.4.6",
+    "storybook": "^10.5.0",
     "typescript-eslint": "^8.62.0",
     "vite": "^8.1.0",
     "vite-plugin-dts": "^5.0.3",

package/src/components/Chip/Chip.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 
 interface NexxtChipProps {
-  variant?: 'default' | 'warning' | 'success' | 'danger'
+  variant?: 'default' | 'warning' | 'success' | 'danger' | 'neutral'
   ghost?: boolean
 }
 
@@ -21,6 +21,8 @@ const styles = computed(() => {
         return { bg: 'bg-green-50', border: 'border border-green-500', text: 'text-green-500' }
       case 'danger':
         return { bg: 'bg-brick-100/20', border: 'border border-brick-500', text: 'text-brick-500' }
+      case 'neutral':
+        return { bg: 'bg-gray-100', border: 'border border-gray-600', text: 'text-gray-700' }
       default:
         return {
           bg: 'bg-cornflower-blue-50',
@@ -36,6 +38,8 @@ const styles = computed(() => {
       return { bg: 'bg-green-500', border: '', text: 'text-white' }
     case 'danger':
       return { bg: 'bg-brick-500', border: '', text: 'text-white' }
+    case 'neutral':
+      return { bg: 'bg-gray-700', border: '', text: 'text-white' }
     default:
       return { bg: 'bg-cornflower-blue-600', border: '', text: 'text-white' }
   }

package/src/components/DropdownButton/DropdownButton.vue

@@ -27,7 +27,7 @@ type NexxtDropdownButtonBase = {
 }
 
 export type NexxtDropdownButtonProps =
-  | (NexxtDropdownButtonBase & { iconOnly?: false; label: string; action: string | (() => void) })
+  | (NexxtDropdownButtonBase & { iconOnly?: false; label: string; action?: string | (() => void) })
   | (NexxtDropdownButtonBase & { iconOnly: true; label?: string; action?: string | (() => void) })
 
 const {
@@ -134,7 +134,7 @@ const buttonClasses = computed(() => {
           <button
             class="flex cursor-pointer items-center gap-2 px-4 py-2 transition-colors duration-200"
             :class="buttonClasses"
-            @click="action && handleAction(action)"
+            @click="action ? handleAction(action) : toggle()"
           >
             <NexxtIcon v-if="icon" :name="icon" aria-hidden="true" />
             {{ label }}

package/src/index.ts

@@ -1,5 +1,7 @@
 // This file is auto-generated by scripts/generate-index.ts
+// Third-party type re-exports for consumers of this library
 export type { Placement } from '@floating-ui/vue'
+
 export { default as NexxtAnimatedNumber } from './components/AnimatedNumber/AnimatedNumber.vue'
 export { default as NexxtAnnouncement } from './components/Announcement/Announcement.vue'
 export { default as NexxtAvatar } from './components/Avatar/Avatar.vue'