@saasmakers/ui 2.0.40 → 2.0.42

package/app/components/fields/FieldInput.vue

@@ -181,6 +181,7 @@ defineExpose({
           :id="id"
           ref="input"
           :autocomplete="autocomplete ? 'on' : 'off'"
+          v-bind="autofocus ? { 'data-autofocus': '' } : {}"
           class="h-full w-full appearance-none items-center rounded-lg font-medium tracking-tight outline-none placeholder-gray-600 dark:placeholder-gray-400"
           :class="{
             'uppercase': uppercase,

package/app/composables/useDialog.ts

@@ -75,8 +75,12 @@ export default function useDialog(
 
       if (panelRef.value) {
         const focusableElements = getFocusableElements(panelRef.value)
+        const autofocusTarget = panelRef.value.querySelector<HTMLElement>('[data-autofocus]')
 
-        if (focusableElements.length > 0) {
+        if (autofocusTarget) {
+          autofocusTarget.focus()
+        }
+        else if (focusableElements.length > 0) {
           focusableElements[0].focus()
         }
         else {

package/app/composables/useToasts.ts

@@ -43,6 +43,7 @@ export default function useToast() {
       status: params.status,
       text,
     })
+
     const existingToast = toasts.value.find(item => getFingerprint({
       actionLabel: item.action?.label,
       emoji: item.emoji,

package/nuxt.config.ts

@@ -145,5 +145,12 @@ export default defineNuxtConfig({
     rules: uno.rules,
     shortcuts: uno.shortcuts,
     theme: uno.theme,
+    content: {
+      // Force consumers to scan layer classes even when resolved from node_modules,
+      // otherwise transition utilities used only here are purged during their prod build.
+      filesystem: [
+        path.join(currentDir, 'app/**/*.{vue,ts}'),
+      ],
+    },
   },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.40",
+  "version": "2.0.42",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",