@sfxcode/nuxt-ui-formkit 1.3.2 → 1.3.4

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "1.3.2",
+  "version": "1.3.4",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/runtime/components/inputs/FUSelect.vue

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, color, styleClass, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, isInvalid, color, styleClass, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -54,6 +54,7 @@ const { handleInput, handleChange, isInvalid, color, styleClass, modelValue, ite
     :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handleBlur"
   >
     <template
       v-for="slotName in validSlotNames"

package/dist/runtime/components/inputs/FUSelectMenu.vue

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, isInvalid, styleClass, color, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -66,6 +66,7 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, ite
     :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handleBlur"
   >
     <template
       v-for="slotName in validSlotNames"

package/dist/runtime/components/inputs/FUSlider.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const props = defineProps({
   context: {
     type: Object,
@@ -7,6 +8,7 @@ const props = defineProps({
   }
 });
 const { handleInput, handleChange, styleClass, color, modelValue, ui } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 </script>
 
 <template>
@@ -32,5 +34,6 @@ const { handleInput, handleChange, styleClass, color, modelValue, ui } = useForm
     :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @focusout="handleContainerBlur"
   />
 </template>

package/dist/runtime/components/output/FUIcon.d.vue.ts

@@ -42,8 +42,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     onClick: () => void;
-    iconClass: string;
     tooltip: FUIconTooltip;
+    iconClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/output/FUIcon.vue.d.ts

@@ -42,8 +42,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     onClick: () => void;
-    iconClass: string;
     tooltip: FUIconTooltip;
+    iconClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/plugin.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: any;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -90,43 +90,43 @@
   "dependencies": {
     "@formkit/addons": "^2.1.2",
     "@formkit/nuxt": "^2.1.2",
-    "@nuxt/ui": "^4.11.0",
+    "@nuxt/ui": "^4.11.3",
     "@standard-schema/spec": "^1.1.0",
-    "@vue/compiler-dom": "^3.5.42"
+    "@vue/compiler-dom": "^3.5.43"
   },
   "devDependencies": {
     "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/state": "^6.7.2",
+    "@codemirror/state": "^6.7.6",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.10",
+    "@codemirror/view": "^6.43.13",
     "@iconify-json/heroicons": "^1.2.3",
-    "@iconify-json/lucide": "^1.2.129",
-    "@iconify-json/simple-icons": "^1.2.94",
-    "@nuxt/devtools": "4.0.0-alpha.16",
+    "@iconify-json/lucide": "^1.2.139",
+    "@iconify-json/simple-icons": "^1.2.98",
+    "@nuxt/devtools": "4.0.0-beta.3",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/kit": "^4.5.2",
     "@nuxt/module-builder": "^1.0.3",
     "@nuxt/schema": "^4.5.2",
-    "@nuxt/test-utils": "^4.2.0",
+    "@nuxt/test-utils": "^4.3.3",
     "@types/node": "latest",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "@vue/test-utils": "^2.5.0",
+    "@vitejs/plugin-vue": "^6.0.9",
+    "@vue/test-utils": "^2.5.1",
     "changelogen": "^0.6.2",
     "codemirror": "^6.0.2",
-    "eslint": "^10.9.1",
-    "jsdom": "^30.0.1",
+    "eslint": "^10.12.0",
+    "jsdom": "^30.1.2",
     "mkdist": "^2.4.1",
     "nuxt": "^4.5.2",
-    "sass-embedded": "^1.103.1",
+    "sass-embedded": "^1.105.1",
     "typescript": "~6.0.3",
     "unbuild": "^3.6.1",
-    "valibot": "^1.4.2",
-    "vitepress": "2.0.0-alpha.17",
-    "vitest": "^4.1.11",
-    "vue": "^3.5.42",
-    "vue-i18n": "^11.4.10",
-    "vue-tsc": "^3.3.11",
-    "zod": "^4.5.4"
+    "valibot": "^1.5.0",
+    "vitepress": "2.0.0-alpha.20",
+    "vitest": "^5.0.3",
+    "vue": "^3.5.43",
+    "vue-i18n": "^11.4.13",
+    "vue-tsc": "^3.3.12",
+    "zod": "^4.6.5"
   },
   "packageManager": "pnpm@11.17.0+sha512.cca3cea332ad254bb84145f966d19f4879615210346fc92c79a047f23a0d7b3cca3c3792f0076ba1f1831d277efbcf0a9119b31a9a60eca7fb3d6231f331ef72"
 }