@sfxcode/nuxt-ui-formkit 1.2.4 → 1.2.6

package/dist/runtime/formkit/definitions/repeater.mjs

@@ -42,6 +42,10 @@ export const nuxtUIRepeaterDefinition = createInput(
       addListGroup([
         addElement("div", [
           addDragHandle("$internalDragHandleClass", "$dragHandleIconName", "$renderDragHandle"),
+          // A bare `{ children }` node (no `$el`/`$cmp`/`$formkit` discriminant)
+          // is not representable by `FormKitSchemaNode`'s own type, but
+          // FormKit's schema compiler accepts it at runtime as a slot
+          // passthrough - cast rather than widen the shared `FormKitSchemaNode` type.
           { children: "$slots.default" },
           addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")
         ], {

package/dist/runtime/formkit/index.d.ts

@@ -1,6 +1,6 @@
 import type { FormKitMultiStepSlots, FormKitStepSlots } from '@formkit/addons';
 import type { FormKitBaseSlots, FormKitInputs } from '@formkit/inputs';
-import type { CalendarSlots, CheckboxSlots, CheckboxGroupSlots, EditorSlots, FileUploadSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputTagsSlots, InputTimeSlots, ListboxSlots, SwitchSlots } from '@nuxt/ui';
+import type { CalendarSlots, CheckboxSlots, CheckboxGroupSlots, EditorSlots, FileUploadSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputTagsSlots, InputTimeSlots, ListboxSlots, PinInputSlots, SwitchSlots, TreeSlots } from '@nuxt/ui';
 export * from './createNuxtUiFormkitConfig.js';
 export * from './definitions/index.js';
 export * from './plugins/index.js';
@@ -58,6 +58,9 @@ declare module '@formkit/inputs' {
         nuxtUIRadioGroup: {
             type: 'nuxtUIRadioGroup';
         };
+        nuxtUIRepeater: {
+            type: 'nuxtUIRepeater';
+        };
         nuxtUISelect: {
             type: 'nuxtUISelect';
         };
@@ -76,6 +79,9 @@ declare module '@formkit/inputs' {
         nuxtUITextarea: {
             type: 'nuxtUITextarea';
         };
+        nuxtUITree: {
+            type: 'nuxtUITree';
+        };
         nuxtUIOutputText: {
             type: 'nuxtUIOutputText';
         };
@@ -109,11 +115,14 @@ declare module '@formkit/inputs' {
         nuxtUIInputTime: MergeSlots<FormKitBaseSlots<Props>, InputTimeSlots>;
         nuxtUIListbox: MergeSlots<FormKitBaseSlots<Props>, ListboxSlots>;
         nuxtUIMultiStep: MergeSlots<FormKitBaseSlots<Props>, FormKitMultiStepSlots<Props>>;
+        nuxtUIPinInput: MergeSlots<FormKitBaseSlots<Props>, PinInputSlots>;
         nuxtUIRadioGroup: MergeSlots<FormKitBaseSlots<Props>, RadioGroupSlots>;
+        nuxtUIRepeater: FormKitBaseSlots<Props>;
         nuxtUISelect: MergeSlots<FormKitBaseSlots<Props>, SelectSlots>;
         nuxtUISelectMenu: MergeSlots<FormKitBaseSlots<Props>, SelectMenuSlots>;
         nuxtUIStep: MergeSlots<FormKitBaseSlots<Props>, FormKitStepSlots<Props>>;
         nuxtUISwitch: MergeSlots<FormKitBaseSlots<Props>, SwitchSlots>;
         nuxtUITextarea: MergeSlots<FormKitBaseSlots<Props>, TextareaSlots>;
+        nuxtUITree: MergeSlots<FormKitBaseSlots<Props>, TreeSlots>;
     }
 }

package/dist/runtime/utils/useFormKitInput.d.ts

@@ -10,4 +10,5 @@ export declare function useFormKitInput(context: FormKitFrameworkContext): {
     handleSelect: (e: unknown) => void;
     modelValue: import("vue").WritableComputedRef<any, any>;
     items: import("vue").ComputedRef<any[]>;
+    ui: import("vue").Ref<any, any>;
 };

package/dist/runtime/utils/useFormKitInput.js

@@ -1,5 +1,13 @@
-import { computed } from "vue";
+import { computed, onBeforeUnmount, ref } from "vue";
 export function useFormKitInput(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 isInvalid = computed(() => {
     return context?.state?.validationVisible && !context?.state?.valid;
   });
@@ -38,5 +46,5 @@ export function useFormKitInput(context) {
     }
     return [];
   });
-  return { isInvalid, validSlotNames, styleClass, color, handleBlur, handleChange, handleInput, handleSelect, modelValue, items };
+  return { isInvalid, validSlotNames, styleClass, color, handleBlur, handleChange, handleInput, handleSelect, modelValue, items, ui };
 }

package/dist/runtime/utils/useFormKitOutput.d.ts

@@ -1,4 +1,12 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
+export interface FormKitOutputUi {
+    /** Merged into `containerClass` - Output components have no themeable Nuxt UI root to forward to. */
+    root?: string;
+    /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */
+    icon?: string;
+    /** Forwarded unmodified to `UBadge`'s own `:ui` prop (`FUOutputList`'s badge display mode only). */
+    badge?: Record<string, unknown>;
+}
 export declare function useFormKitOutput(context: FormKitFrameworkContext): {
     colorClass: import("vue").ComputedRef<string>;
     sizeClass: import("vue").ComputedRef<string>;
@@ -7,4 +15,21 @@ export declare function useFormKitOutput(context: FormKitFrameworkContext): {
     iconClass: import("vue").ComputedRef<string>;
     leadingIconName: import("vue").ComputedRef<string | null>;
     trailingIconName: import("vue").ComputedRef<string | null>;
+    ui: import("vue").Ref<{
+        root?: string
+        /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */
+         | undefined;
+        icon?: string
+        /** Forwarded unmodified to `UBadge`'s own `:ui` prop (`FUOutputList`'s badge display mode only). */
+         | undefined;
+        badge?: Record<string, unknown> | undefined;
+    } | undefined, FormKitOutputUi | {
+        root?: string
+        /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */
+         | undefined;
+        icon?: string
+        /** Forwarded unmodified to `UBadge`'s own `:ui` prop (`FUOutputList`'s badge display mode only). */
+         | undefined;
+        badge?: Record<string, unknown> | undefined;
+    } | undefined>;
 };

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.6",
   "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"