@nexxtmove/ui 1.2.1 → 1.2.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,12 +20,12 @@
     "tailwind"
   ],
   "dependencies": {
-    "@floating-ui/vue": "^1.1.11",
-    "@number-flow/vue": "^0.5.0",
-    "@vueuse/core": "^14.3.0",
-    "date-fns": "^4.1.0",
+    "@floating-ui/vue": "^2.0.1",
+    "@number-flow/vue": "^0.5.2",
+    "@vueuse/core": "^14.4.0",
+    "date-fns": "^4.4.0",
     "date-fns-tz": "^3.2.0",
-    "reka-ui": "^2.9.6"
+    "reka-ui": "^2.10.3"
   },
   "peerDependencies": {
     "tailwindcss": "^4.0.0",
@@ -34,43 +34,43 @@
   "devDependencies": {
     "@awesome.me/kit-37b149f3ef": "^1.0.8",
     "@eslint/js": "^10.0.1",
-    "@nuxt/kit": "^4.4.8",
-    "@nuxt/schema": "^4.4.4",
-    "@storybook/addon-a11y": "^10.5.4",
+    "@nuxt/kit": "^4.5.2",
+    "@nuxt/schema": "^4.5.2",
+    "@storybook/addon-a11y": "^10.5.7",
     "@storybook/addon-designs": "^11.1.4",
-    "@storybook/addon-docs": "^10.5.4",
-    "@storybook/addon-vitest": "^10.5.4",
-    "@storybook/builder-vite": "^10.5.4",
-    "@storybook/vue3-vite": "^10.5.4",
-    "@tailwindcss/vite": "^4.3.1",
-    "@types/node": "^26.0.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vitest/coverage-v8": "^4.1.9",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-vitest": "^10.5.7",
+    "@storybook/builder-vite": "^10.5.7",
+    "@storybook/vue3-vite": "^10.5.7",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^26.2.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitest/coverage-v8": "^4.1.10",
     "@vue/eslint-config-typescript": "^14.9.0",
     "@vue/test-utils": "^2.4.11",
     "@vue/tsconfig": "^0.9.1",
     "consola": "^3.4.2",
-    "eslint": "^10.6.0",
+    "eslint": "^10.8.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.6",
-    "eslint-plugin-storybook": "10.5.4",
-    "eslint-plugin-vue": "^10.9.2",
+    "eslint-plugin-storybook": "10.5.7",
+    "eslint-plugin-vue": "^10.10.0",
     "flag-icons": "^7.5.0",
-    "globals": "^17.7.0",
+    "globals": "^17.11.0",
     "jsdom": "^29.1.1",
-    "prettier": "^3.8.3",
-    "prettier-plugin-tailwindcss": "^0.8.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "prettier": "^3.9.6",
+    "prettier-plugin-tailwindcss": "^0.8.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "remark-frontmatter": "^5.0.0",
-    "storybook": "^10.5.4",
-    "typescript-eslint": "^8.62.0",
-    "vite": "^8.1.0",
+    "storybook": "^10.5.7",
+    "typescript-eslint": "^8.67.0",
+    "vite": "^8.2.1",
     "vite-plugin-dts": "^5.0.3",
     "vite-svg-loader": "^5.1.1",
-    "vitest": "^4.1.9"
+    "vitest": "^4.1.10"
   },
   "engines": {
     "node": ">=22.18.0"

package/src/components/Avatar/Avatar.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, ref, watch } from 'vue'
 import NexxtSquircle from '../Squircle/Squircle.vue'
 
 interface NexxtAvatarProps {
   name: string
+  src?: string
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
   squircle?: boolean
 }
@@ -17,6 +18,17 @@ const props = withDefaults(defineProps<NexxtAvatarProps>(), {
   squircle: false,
 })
 
+const imageFailed = ref(false)
+
+watch(
+  () => props.src,
+  () => {
+    imageFailed.value = false
+  },
+)
+
+const showImage = computed(() => Boolean(props.src) && !imageFailed.value)
+
 const computedInitials = computed(() => {
   const cleanName = props.name?.replace(/[^\p{L}\p{N}\s]/gu, '').trim()
   if (!cleanName) return ''
@@ -54,7 +66,14 @@ const fontSizeClasses = {
       class="flex h-full w-full items-center justify-center bg-cornflower-blue-50 font-semibold text-cornflower-blue-500"
       :class="[fontSizeClasses[size]]"
     >
-      {{ computedInitials }}
+      <img
+        v-if="showImage"
+        :src="src"
+        :alt="name"
+        class="h-full w-full object-cover"
+        @error="imageFailed = true"
+      />
+      <template v-else>{{ computedInitials }}</template>
     </div>
   </NexxtSquircle>
   <div
@@ -65,6 +84,13 @@ const fontSizeClasses = {
       fontSizeClasses[size],
     ]"
   >
-    {{ computedInitials }}
+    <img
+      v-if="showImage"
+      :src="src"
+      :alt="name"
+      class="h-full w-full object-cover"
+      @error="imageFailed = true"
+    />
+    <template v-else>{{ computedInitials }}</template>
   </div>
 </template>

package/src/components/Combobox/Combobox.vue

@@ -36,8 +36,8 @@ const selected = defineModel<(string | number)[]>({ default: [] })
 
 const panelRef = ref<InstanceType<typeof ComboboxPanel> | null>(null)
 
-const floatingPlacement = computed(
-  (): Placement => (placement === 'right' ? 'bottom-end' : 'bottom-start'),
+const floatingPlacement = computed((): Placement =>
+  placement === 'right' ? 'bottom-end' : 'bottom-start',
 )
 
 // showChips defaults to true (via withDefaults); singleSelect being true overrides to false

package/src/components/DropdownButton/DropdownButton.vue

@@ -48,8 +48,8 @@ const emit = defineEmits<{
 
 const panelRef = ref<InstanceType<typeof NexxtFloatingPanel> | null>(null)
 
-const floatingPlacement = computed(
-  (): Placement => (placement === 'right' ? 'bottom-end' : 'bottom-start'),
+const floatingPlacement = computed((): Placement =>
+  placement === 'right' ? 'bottom-end' : 'bottom-start',
 )
 
 const flatItems = computed<NexxtDropdownButton[]>(() =>

package/src/components/EnergyLabel/EnergyLabel.vue

@@ -2,17 +2,7 @@
 import { computed } from 'vue'
 
 export type EnergyLabelLetter =
-  | 'A++++'
-  | 'A+++'
-  | 'A++'
-  | 'A+'
-  | 'A'
-  | 'B'
-  | 'C'
-  | 'D'
-  | 'E'
-  | 'F'
-  | 'G'
+  'A++++' | 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G'
 
 interface NexxtEnergyLabelProps {
   label: EnergyLabelLetter | Lowercase<EnergyLabelLetter>