@saasmakers/ui 0.1.109 → 0.1.110

package/app/components/fields/FieldSelect.vue

@@ -70,12 +70,6 @@ const selectedOption = computed(() => {
   })
 })
 
-function onBlur() {
-  if (props.openOnHover && !props.disabled) {
-    opened.value = false
-  }
-}
-
 function onClose() {
   reset()
 }
@@ -96,26 +90,20 @@ function onContainerKeypress(event: KeyboardEvent) {
   }
 }
 
-function onFocus() {
-  if (props.openOnHover && !props.disabled) {
-    opened.value = true
-  }
-}
-
 function onLabelClick() {
   if (!props.disabled) {
     opened.value = !opened.value
   }
 }
 
-function onMouseEnter() {
+function onMouseEnterOrFocus() {
   if (props.openOnHover && !props.disabled) {
     opened.value = true
   }
 }
 
-function onMouseLeave() {
-  if (props.openOnHover) {
+function onMouseLeaveOrBlur() {
+  if (props.openOnHover && !props.disabled) {
     opened.value = false
   }
 }
@@ -198,10 +186,10 @@ function selectOption(event: MouseEvent, value: string) {
           tabindex="0"
           @click="onContainerClick"
           @keypress.prevent="onContainerKeypress"
-          @mouseenter="onMouseEnter"
-          @mouseleave="onMouseLeave"
-          @focusin="onFocus"
-          @focusout="onBlur"
+          @mouseenter="onMouseEnterOrFocus"
+          @mouseleave="onMouseLeaveOrBlur"
+          @focusin="onMouseEnterOrFocus"
+          @focusout="onMouseLeaveOrBlur"
         >
           <template v-if="selectedOption">
             <BaseIcon

package/app/composables/useChartist.ts

@@ -50,6 +50,7 @@ export default function useChartist() {
           // Clean up the dash attributes after it finishes
           const total = delay + duration + (stagger ? stagger * (lineCtx.seriesIndex ?? 0) : 0)
 
+          // eslint-disable-next-line sonarjs/no-nested-functions
           globalThis.setTimeout(() => {
             lineCtx.element.attr({
               'stroke-dasharray': undefined,

package/app/composables/useToasts.ts

@@ -1,3 +1,5 @@
+import { randomUUID } from 'node:crypto'
+
 const toasts = ref<BaseToast[]>([])
 
 export default function useToast() {
@@ -20,7 +22,7 @@ export default function useToast() {
   const createToast = (message: string, status: BaseStatus = 'success', i18nParams?: Record<string, number | string>) => {
     if (import.meta.client) {
       const toast: BaseToast = {
-        id: Math.floor((1 + Math.random()) * 0x1_00_00).toString(16),
+        id: randomUUID(),
         status: status || 'success',
         text: message.includes(' ') ? message : nuxtApp.$i18n.t(`toasts.${message}`, i18nParams || {}),
       }

package/nuxt.config.ts

@@ -6,26 +6,21 @@ import uno from './uno.config.js'
 const currentDir = path.dirname(fileURLToPath(import.meta.url))
 
 export default defineNuxtConfig({
-  // --> BUILD <--
-
-  compatibilityDate: '2025-09-24',
-
-  experimental: { typedPages: true },
-
-  typescript: {
-    strict: true,
-
-    tsConfig: {
-      compilerOptions: {
-        noUncheckedIndexedAccess: false,
-        noUnusedParameters: true,
-      },
-
-      vueCompilerOptions: { strictTemplates: true },
-    },
-  },
-
-  // --> COMPONENTS, CSS & MODULES <--
+  modules: [
+    '@nuxt/icon',
+    '@nuxt/scripts',
+    '@nuxtjs/color-mode',
+    '@nuxtjs/i18n',
+    '@nuxtjs/plausible',
+    '@nuxtjs/robots',
+    '@nuxtjs/sitemap',
+    '@nuxtjs/storybook',
+    '@pinia/nuxt',
+    '@unocss/nuxt',
+    '@vueuse/nuxt',
+    'floating-vue/nuxt',
+    'motion-v/nuxt',
+  ],
 
   components: [
     {
@@ -42,6 +37,8 @@ export default defineNuxtConfig({
     },
   ],
 
+  devtools: { enabled: true },
+
   css: [
     '@unocss/reset/tailwind.css',
     path.join(currentDir, './app/assets/styles/chartist.css'),
@@ -49,31 +46,28 @@ export default defineNuxtConfig({
     path.join(currentDir, './app/assets/styles/v-popper.css'),
   ],
 
-  modules: [
-    '@nuxt/icon',
-    '@nuxt/scripts',
-    '@nuxtjs/color-mode',
-    '@nuxtjs/i18n',
-    '@nuxtjs/plausible',
-    '@nuxtjs/robots',
-    '@nuxtjs/sitemap',
-    '@nuxtjs/storybook',
-    '@pinia/nuxt',
-    '@unocss/nuxt',
-    '@vueuse/nuxt',
-    'floating-vue/nuxt',
-    'motion-v/nuxt',
-  ],
-
-  // --> MODULES <--
-
   colorMode: {
     classSuffix: '',
     fallback: 'light',
     preference: 'system',
   },
 
-  devtools: { enabled: true },
+  experimental: { typedPages: true },
+
+  compatibilityDate: '2025-09-24',
+
+  typescript: {
+    strict: true,
+
+    tsConfig: {
+      compilerOptions: {
+        noUncheckedIndexedAccess: false,
+        noUnusedParameters: true,
+      },
+
+      vueCompilerOptions: { strictTemplates: true },
+    },
+  },
 
   i18n: {
     defaultLocale: 'en',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "0.1.109",
+  "version": "0.1.110",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "repository": {
@@ -55,10 +55,10 @@
   "devDependencies": {
     "nuxt": "4.2.2",
     "typescript": "5.9.3",
-    "@saasmakers/shared": "0.1.15"
+    "@saasmakers/shared": "0.1.16"
   },
   "peerDependencies": {
-    "@saasmakers/shared": "^0.1.15",
+    "@saasmakers/shared": "^0.1.16",
     "nuxt": "4.2.2"
   },
   "publishConfig": {

package/uno.config.ts

@@ -187,9 +187,11 @@ export const theme = {
   /* eslint-enable perfectionist/sort-objects */
 }
 
+/* eslint-disable nuxt/nuxt-config-keys-order */
 export default defineConfig({
   presets,
   rules,
   shortcuts,
   theme,
 })
+/* eslint-enable nuxt/nuxt-config-keys-order */