@sfxcode/nuxt-ui-formkit 1.2.1 → 1.2.3

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

@@ -1,5 +1,7 @@
+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';
+export * from './createNuxtUiFormkitConfig.js';
 export * from './definitions/index.js';
 export * from './plugins/index.js';
 /**
@@ -47,6 +49,9 @@ declare module '@formkit/inputs' {
         nuxtUIListbox: {
             type: 'nuxtUIListbox';
         };
+        nuxtUIMultiStep: {
+            type: 'nuxtUIMultiStep';
+        };
         nuxtUIPinInput: {
             type: 'nuxtUIPinInput';
         };
@@ -62,6 +67,9 @@ declare module '@formkit/inputs' {
         nuxtUISlider: {
             type: 'nuxtUISlider';
         };
+        nuxtUIStep: {
+            type: 'nuxtUIStep';
+        };
         nuxtUISwitch: {
             type: 'nuxtUISwitch';
         };
@@ -100,9 +108,11 @@ declare module '@formkit/inputs' {
         nuxtUIInputTags: MergeSlots<FormKitBaseSlots<Props>, InputTagsSlots>;
         nuxtUIInputTime: MergeSlots<FormKitBaseSlots<Props>, InputTimeSlots>;
         nuxtUIListbox: MergeSlots<FormKitBaseSlots<Props>, ListboxSlots>;
+        nuxtUIMultiStep: MergeSlots<FormKitBaseSlots<Props>, FormKitMultiStepSlots<Props>>;
         nuxtUIRadioGroup: MergeSlots<FormKitBaseSlots<Props>, RadioGroupSlots>;
         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>;
     }

package/dist/runtime/formkit/index.js

@@ -1,2 +1,3 @@
+export * from "./createNuxtUiFormkitConfig.js";
 export * from "./definitions/index.js";
 export * from "./plugins/index.js";

package/dist/runtime/formkit/index.mjs

@@ -1,2 +1,3 @@
+export * from "./createNuxtUiFormkitConfig.mjs";
 export * from "./definitions/index.mjs";
 export * from "./plugins/index.mjs";

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

@@ -1,3 +1,4 @@
 import type { FormKitNode } from '@formkit/core';
+export { createMultiStepPlugin } from '@formkit/addons';
 export declare function addNuxtAsteriskPlugin(node: FormKitNode): void;
 export declare function addNuxtLabelPlugin(node: FormKitNode): void;

package/dist/runtime/formkit/plugins/index.js

@@ -1,3 +1,4 @@
+export { createMultiStepPlugin } from "@formkit/addons";
 export function addNuxtAsteriskPlugin(node) {
   if (!node.props.type.startsWith("nuxtUI") || node.props.type.startsWith("FUOutput"))
     return;

package/dist/runtime/formkit/plugins/index.mjs

@@ -1,3 +1,4 @@
+export { createMultiStepPlugin } from "@formkit/addons";
 export function addNuxtAsteriskPlugin(node) {
   if (!node.props.type.startsWith("nuxtUI") || node.props.type.startsWith("FUOutput"))
     return;

package/dist/runtime/plugin.js

@@ -1,6 +1,7 @@
 import { defineNuxtPlugin } from "#app";
-import { UButton, UIcon } from "#components";
+import { UButton, UIcon, UTabs } from "#components";
 export default defineNuxtPlugin((_nuxtApp) => {
   _nuxtApp.vueApp.component("UButton", UButton);
   _nuxtApp.vueApp.component("UIcon", UIcon);
+  _nuxtApp.vueApp.component("UTabs", UTabs);
 });

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

@@ -6,6 +6,7 @@ export interface DateConversionOptions {
     hideTimeZone?: boolean;
     timeZone?: string;
 }
+export declare function isDateValue(value: unknown): value is DateValue;
 /**
  * Converts an external value (JS `Date`, ISO 8601 string, or an already-native
  * `DateValue`) into the `DateValue` that `UInputDate`/`UCalendar` require.
@@ -24,12 +25,12 @@ export declare function toDateValueOrRangeOrArray(value: unknown, options?: Date
 /** Converts a `DateValue` emitted by `UInputDate`/`UCalendar` back into the shape the form value should take. */
 export declare function fromDateValue(value: DateValue | undefined, valueType: DateValueType, timeZone?: string): DateValue | Date | string | undefined;
 /** Same as {@link fromDateValue}, but also handles the `{ start, end }` range shape. */
-export declare function fromDateValueOrRange(value: unknown, valueType: DateValueType, timeZone?: string): string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | {
-    start: string | Date | DateValue | undefined;
-    end: string | Date | DateValue | undefined;
+export declare function fromDateValueOrRange(value: unknown, valueType: DateValueType, timeZone?: string): string | CalendarDate | CalendarDateTime | ZonedDateTime | Date | {
+    start: string | DateValue | Date | undefined;
+    end: string | DateValue | Date | undefined;
 } | undefined;
 /** Same as {@link fromDateValueOrRange}, but also handles arrays (multiple-selection mode). */
-export declare function fromDateValueOrRangeOrArray(value: unknown, valueType: DateValueType, timeZone?: string): string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | {
-    start: string | Date | DateValue | undefined;
-    end: string | Date | DateValue | undefined;
-} | (string | Date | DateValue | undefined)[] | undefined;
+export declare function fromDateValueOrRangeOrArray(value: unknown, valueType: DateValueType, timeZone?: string): string | CalendarDate | CalendarDateTime | ZonedDateTime | Date | {
+    start: string | DateValue | Date | undefined;
+    end: string | DateValue | Date | undefined;
+} | (string | DateValue | Date | undefined)[] | undefined;

package/dist/runtime/utils/dateValueConversion.js

@@ -1,7 +1,7 @@
 import { CalendarDate, CalendarDateTime, ZonedDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseDate, parseDateTime, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
 const ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 const ISO_HAS_ZONE = /(?:Z|[+-]\d{2}:\d{2})(?:\[[^\]]+\])?$/;
-function isDateValue(value) {
+export function isDateValue(value) {
   return value instanceof CalendarDate || value instanceof CalendarDateTime || value instanceof ZonedDateTime;
 }
 function isRangeLike(value) {

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

@@ -0,0 +1,14 @@
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+export interface FormKitStandardSchemaErrors {
+    localErrors: string[];
+    childErrors: Record<string, string[]>;
+}
+/**
+ * Normalizes a Standard Schema `Issue[]` array into FormKit's
+ * `setErrors`/`clearErrors` address shape. Mirrors `@nuxt/ui`'s own
+ * `validateStandardSchema()` path-flattening exactly (`item.key` for object
+ * path segments, the bare value otherwise, joined with `.`) so a Zod/Valibot
+ * issue at `items[2].email` resolves to the same FormKit node address
+ * (`"items.2.email"`) Nuxt UI's own forms would use for the same schema.
+ */
+export declare function issuesToFormKitErrors(issues: readonly StandardSchemaV1.Issue[]): FormKitStandardSchemaErrors;

package/dist/runtime/utils/standardSchemaErrors.js

@@ -0,0 +1,15 @@
+export function issuesToFormKitErrors(issues) {
+  const localErrors = [];
+  const childErrors = {};
+  for (const issue of issues) {
+    const address = issue.path?.map((item) => typeof item === "object" ? item.key : item).join(".");
+    if (!address) {
+      localErrors.push(issue.message);
+      continue;
+    }
+    if (!childErrors[address])
+      childErrors[address] = [];
+    childErrors[address].push(issue.message);
+  }
+  return { localErrors, childErrors };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -92,6 +92,7 @@
     "@formkit/nuxt": "^2.1.0",
     "@nuxt/kit": "4.4.8",
     "@nuxt/ui": "^4.9.0",
+    "@standard-schema/spec": "^1.1.0",
     "@vue/compiler-dom": "^3.5.39"
   },
   "devDependencies": {
@@ -109,6 +110,7 @@
     "@nuxt/test-utils": "^4.0.3",
     "@types/node": "latest",
     "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/test-utils": "^2.4.11",
     "changelogen": "^0.6.2",
     "codemirror": "^6.0.2",
     "eslint": "^10.6.0",
@@ -118,11 +120,13 @@
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
     "unbuild": "^3.6.1",
+    "valibot": "^1.4.2",
     "vitepress": "2.0.0-alpha.17",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
     "vue-i18n": "^11.4.6",
-    "vue-tsc": "^3.3.6"
+    "vue-tsc": "^3.3.6",
+    "zod": "^4.4.3"
   },
   "packageManager": "pnpm@11.1.2+sha512.415a1cc25974731e75455c1468371be74c5aa5fb7621b50d4056d222451609f11412f23fd602e6169f1e060466641f798597e1be961a10688836a67b16569499"
 }