@sfxcode/nuxt-ui-formkit 1.2.4 → 1.2.5

package/dist/runtime/utils/useFormKitOutput.js

@@ -1,5 +1,13 @@
-import { computed } from "vue";
+import { computed, onBeforeUnmount, ref } from "vue";
 export function useFormKitOutput(context) {
+  const ui = ref(context?.node?.props?.ui);
+  const uiReceipt = context?.node?.on?.("prop:ui", ({ payload }) => {
+    ui.value = payload;
+  });
+  onBeforeUnmount(() => {
+    if (uiReceipt !== void 0)
+      context?.node?.off?.(uiReceipt);
+  });
   const colorClass = computed(() => {
     const color = context.color ?? "neutral";
     const colorMap = {
@@ -41,6 +49,7 @@ export function useFormKitOutput(context) {
       colorClass.value,
       sizeClass.value,
       variantClass.value,
+      ui.value?.root,
       context?.attrs?.class
     ].filter(Boolean).join(" ");
   });
@@ -53,13 +62,19 @@ export function useFormKitOutput(context) {
       lg: "h-6 w-6",
       xl: "h-7 w-7"
     };
-    return iconSizeMap[size] || iconSizeMap.md;
+    return [iconSizeMap[size] || iconSizeMap.md, ui.value?.icon].filter(Boolean).join(" ");
   });
   const leadingIconName = computed(() => {
-    return context.leadingIcon || context.leading && context.icon || null;
+    const leadingIcon = context.leadingIcon;
+    const leading = context.leading;
+    const icon = context.icon;
+    return leadingIcon || leading && icon || null;
   });
   const trailingIconName = computed(() => {
-    return context.trailingIcon || context.trailing && context.icon || null;
+    const trailingIcon = context.trailingIcon;
+    const trailing = context.trailing;
+    const icon = context.icon;
+    return trailingIcon || trailing && icon || null;
   });
   return {
     colorClass,
@@ -68,6 +83,7 @@ export function useFormKitOutput(context) {
     containerClass,
     iconClass,
     leadingIconName,
-    trailingIconName
+    trailingIconName,
+    ui
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -97,12 +97,12 @@
   },
   "devDependencies": {
     "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/state": "^6.7.0",
+    "@codemirror/state": "^6.7.1",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.43.4",
+    "@codemirror/view": "^6.43.6",
     "@iconify-json/heroicons": "^1.2.3",
     "@iconify-json/lucide": "^1.2.116",
-    "@iconify-json/simple-icons": "^1.2.88",
+    "@iconify-json/simple-icons": "^1.2.89",
     "@nuxt/devtools": "4.0.0-alpha.7",
     "@nuxt/eslint-config": "^1.16.0",
     "@nuxt/module-builder": "^1.0.2",
@@ -122,10 +122,10 @@
     "unbuild": "^3.6.1",
     "valibot": "^1.4.2",
     "vitepress": "2.0.0-alpha.17",
-    "vitest": "^4.1.9",
+    "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "vue-i18n": "^11.4.6",
-    "vue-tsc": "^3.3.6",
+    "vue-tsc": "^3.3.7",
     "zod": "^4.4.3"
   },
   "packageManager": "pnpm@11.1.2+sha512.415a1cc25974731e75455c1468371be74c5aa5fb7621b50d4056d222451609f11412f23fd602e6169f1e060466641f798597e1be961a10688836a67b16569499"