@sfxcode/nuxt-ui-formkit 1.2.2 → 1.2.4

package/dist/runtime/components/inputs/FUCheckboxGroup.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, items, validSlotNames } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 </script>
 
 <template>
@@ -31,6 +33,7 @@ const { handleInput, handleChange, styleClass, color, modelValue, items, validSl
     :name="context.name"
     @change="handleChange"
     @update:model-value="handleInput"
+    @focusout="handleContainerBlur"
   >
     <template
       v-for="slotName in validSlotNames"

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

@@ -1,5 +1,6 @@
 <script setup>
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const DEFAULT_EDITOR_TOOLBAR_ITEMS = [
   [
     { kind: "undo", icon: "i-lucide-undo", tooltip: { text: "Undo" } },
@@ -61,61 +62,64 @@ const props = defineProps({
   }
 });
 const { handleInput, styleClass, modelValue } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 </script>
 
 <template>
-  <UEditor
-    :id="context.id"
-    v-model="modelValue"
-    v-bind="{ ...context?.attrs }"
-    :class="styleClass"
-    :editable="!context?.disabled"
-    :style="context?.attrs.style"
-    :content-type="context.contentType"
-    :starter-kit="context.starterKit"
-    :placeholder="context.placeholder"
-    :markdown="context.markdown"
-    :image="context.image"
-    :mention="context.mention"
-    :handlers="context.editorHandlers"
-    :extensions="context.extensions"
-    :autofocus="context.autofocus"
-    :ui="context.ui"
-    @update:model-value="handleInput"
-  >
-    <template #default="{ editor, handlers }">
-      <UEditorToolbar
-        v-if="context.toolbar !== false"
-        :editor="editor"
-        :items="context.toolbarItems ?? DEFAULT_EDITOR_TOOLBAR_ITEMS"
-        class="border-b border-default px-2 py-1 mb-2 flex-wrap"
-      />
-      <UEditorToolbar
-        v-if="context.bubbleToolbar !== false"
-        :editor="editor"
-        :items="context.bubbleToolbarItems ?? DEFAULT_BUBBLE_TOOLBAR_ITEMS"
-        layout="bubble"
-        :should-show="bubbleToolbarShouldShow"
-      />
-      <UEditorDragHandle
-        v-if="context.dragHandle"
-        :editor="editor"
-      />
-      <UEditorSuggestionMenu
-        v-if="context.suggestionMenu"
-        :editor="editor"
-        :items="context.suggestionMenuItems ?? DEFAULT_SUGGESTION_MENU_ITEMS"
-      />
-      <UEditorMentionMenu
-        v-if="context.mentionItems?.length"
-        :editor="editor"
-        :items="context.mentionItems"
-      />
-      <component
-        :is="context.slots.default"
-        v-if="context?.slots?.default"
-        v-bind="{ ...context, editor, handlers }"
-      />
-    </template>
-  </UEditor>
+  <div @focusout="handleContainerBlur">
+    <UEditor
+      :id="context.id"
+      v-model="modelValue"
+      v-bind="{ ...context?.attrs }"
+      :class="styleClass"
+      :editable="!context?.disabled"
+      :style="context?.attrs.style"
+      :content-type="context.contentType"
+      :starter-kit="context.starterKit"
+      :placeholder="context.placeholder"
+      :markdown="context.markdown"
+      :image="context.image"
+      :mention="context.mention"
+      :handlers="context.editorHandlers"
+      :extensions="context.extensions"
+      :autofocus="context.autofocus"
+      :ui="context.ui"
+      @update:model-value="handleInput"
+    >
+      <template #default="{ editor, handlers }">
+        <UEditorToolbar
+          v-if="context.toolbar !== false"
+          :editor="editor"
+          :items="context.toolbarItems ?? DEFAULT_EDITOR_TOOLBAR_ITEMS"
+          class="border-b border-default px-2 py-1 mb-2 flex-wrap"
+        />
+        <UEditorToolbar
+          v-if="context.bubbleToolbar !== false"
+          :editor="editor"
+          :items="context.bubbleToolbarItems ?? DEFAULT_BUBBLE_TOOLBAR_ITEMS"
+          layout="bubble"
+          :should-show="bubbleToolbarShouldShow"
+        />
+        <UEditorDragHandle
+          v-if="context.dragHandle"
+          :editor="editor"
+        />
+        <UEditorSuggestionMenu
+          v-if="context.suggestionMenu"
+          :editor="editor"
+          :items="context.suggestionMenuItems ?? DEFAULT_SUGGESTION_MENU_ITEMS"
+        />
+        <UEditorMentionMenu
+          v-if="context.mentionItems?.length"
+          :editor="editor"
+          :items="context.mentionItems"
+        />
+        <component
+          :is="context.slots.default"
+          v-if="context?.slots?.default"
+          v-bind="{ ...context, editor, handlers }"
+        />
+      </template>
+    </UEditor>
+  </div>
 </template>

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

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

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

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

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

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 import { fromDateValueOrRange, toDateValue, toDateValueOrRange } from "../../utils/dateValueConversion";
 const props = defineProps({
   context: {
@@ -8,7 +9,8 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, isInvalid, styleClass, color, validSlotNames } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 const conversionOptions = computed(() => ({
   granularity: props.context.granularity,
   hideTimeZone: props.context.hideTimeZone,
@@ -66,6 +68,8 @@ const minValue = computed(() => toDateValue(props.context.minValue, conversionOp
     :ui="context.ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handleBlur"
+    @focusout="handleContainerBlur"
   >
     <template
       v-for="slotName in validSlotNames"

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

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

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

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

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

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

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

@@ -1,12 +1,14 @@
 <script setup>
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const props = defineProps({
   context: {
     type: Object,
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, isInvalid, styleClass, color, modelValue, validSlotNames } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 </script>
 
 <template>
@@ -46,6 +48,8 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, val
     :ui="context.ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handleBlur"
+    @focusout="handleContainerBlur"
   >
     <template
       v-for="slotName in validSlotNames"

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

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, nextTick, ref, watch } from "vue";
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const props = defineProps({
   context: {
     type: Object,
@@ -8,6 +9,7 @@ const props = defineProps({
   }
 });
 const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, items, validSlotNames } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 const targetItems = ref(modelValue.value || []);
 const sourceSelection = ref([]);
 const targetSelection = ref([]);
@@ -240,6 +242,7 @@ watch(targetItems, (newVal) => {
     :ui="context.ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @focusout="handleContainerBlur"
   >
     <template
       v-for="slotName in validSlotNames"
@@ -255,6 +258,7 @@ watch(targetItems, (newVal) => {
   <div
     v-if="context.displayMode === 'transfer'"
     class="flex items-stretch gap-4 w-full"
+    @focusout="handleContainerBlur"
   >
     <div
       ref="sourceContainerRef"

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

@@ -1,12 +1,17 @@
 <script setup>
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const props = defineProps({
   context: {
     type: Object,
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, modelValue } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, isInvalid, styleClass, color, modelValue } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
+function handlePinBlur(event) {
+  handleBlur(event);
+}
 </script>
 
 <template>
@@ -35,5 +40,7 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue } =
     :ui="context.ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handlePinBlur"
+    @focusout="handleContainerBlur"
   />
 </template>

package/dist/runtime/components/inputs/FURadioGroup.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, items, validSlotNames } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
 </script>
 
 <template>
@@ -31,6 +33,7 @@ const { handleInput, handleChange, styleClass, color, modelValue, items, validSl
     :ui="context.ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @focusout="handleContainerBlur"
   >
     <template
       v-for="slotName in validSlotNames"

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

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

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

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

package/dist/runtime/composables/useFormKitForm.d.ts

@@ -1,5 +1,9 @@
 import type { ErrorMessages } from '@formkit/core';
-export declare function useFormKitForm(id: string): {
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+export interface UseFormKitFormOptions {
+    standardSchema?: StandardSchemaV1;
+}
+export declare function useFormKitForm(id: string, options?: UseFormKitFormOptions): {
     submit: (handler?: () => unknown | Promise<unknown>) => void;
     reset: (resetTo?: unknown) => void;
     setErrors: (localErrors: ErrorMessages, childErrors?: ErrorMessages) => void;

package/dist/runtime/composables/useFormKitForm.js

@@ -1,8 +1,14 @@
 import { clearErrors, reset, setErrors, submitForm } from "@formkit/core";
 import { useFormKitContextById } from "@formkit/vue";
-import { computed, ref } from "vue";
-export function useFormKitForm(id) {
-  const context = useFormKitContextById(id);
+import { computed, onScopeDispose, ref } from "vue";
+import { attachStandardSchema } from "./useFormKitStandardSchema.js";
+export function useFormKitForm(id, options) {
+  let detachStandardSchema;
+  const context = useFormKitContextById(id, (formContext) => {
+    if (options?.standardSchema)
+      detachStandardSchema = attachStandardSchema(formContext.node, options.standardSchema);
+  });
+  onScopeDispose(() => detachStandardSchema?.());
   const isLoading = ref(false);
   const isValid = computed(() => context.value?.state.valid ?? false);
   const isSubmitted = computed(() => context.value?.state.submitted ?? false);

package/dist/runtime/composables/useFormKitOverlay.d.ts

@@ -0,0 +1,20 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { AutoFormOverrides, ValibotLikeSchema, ZodLikeSchema } from './useFormKitAutoForm.js';
+export interface FormKitOverlayEditOptions {
+    data: unknown;
+    schema: FormKitSchemaDefinition;
+    title?: string;
+    as?: 'modal' | 'slideover';
+}
+export interface FormKitOverlayAutoOptions {
+    data?: unknown;
+    valibotSchema?: ValibotLikeSchema;
+    zodSchema?: ZodLikeSchema;
+    overrides?: AutoFormOverrides;
+    title?: string;
+    as?: 'modal' | 'slideover';
+}
+export declare function useFormKitOverlay(): {
+    edit: (options: FormKitOverlayEditOptions) => Promise<unknown>;
+    auto: (options: FormKitOverlayAutoOptions) => Promise<unknown>;
+};

package/dist/runtime/composables/useFormKitOverlay.js

@@ -0,0 +1,42 @@
+import { useOverlay } from "@nuxt/ui/composables";
+import FUAutoFormOverlay from "../components/FUAutoFormOverlay.vue";
+import FUDataEditOverlay from "../components/FUDataEditOverlay.vue";
+const registeredOverlays = /* @__PURE__ */ new WeakMap();
+const registeredAutoOverlays = /* @__PURE__ */ new WeakMap();
+let formIdCounter = 0;
+export function useFormKitOverlay() {
+  const overlay = useOverlay();
+  let registeredOverlay = registeredOverlays.get(overlay);
+  if (!registeredOverlay) {
+    registeredOverlay = overlay.create(FUDataEditOverlay);
+    registeredOverlays.set(overlay, registeredOverlay);
+  }
+  let registeredAutoOverlay = registeredAutoOverlays.get(overlay);
+  if (!registeredAutoOverlay) {
+    registeredAutoOverlay = overlay.create(FUAutoFormOverlay);
+    registeredAutoOverlays.set(overlay, registeredAutoOverlay);
+  }
+  function edit(options) {
+    const id = `formkit-overlay-${++formIdCounter}`;
+    return registeredOverlay.open({
+      id,
+      data: options.data,
+      schema: options.schema,
+      title: options.title,
+      as: options.as ?? "modal"
+    });
+  }
+  function auto(options) {
+    const id = `formkit-autoform-overlay-${++formIdCounter}`;
+    return registeredAutoOverlay.open({
+      id,
+      data: options.data,
+      valibotSchema: options.valibotSchema,
+      zodSchema: options.zodSchema,
+      overrides: options.overrides,
+      title: options.title,
+      as: options.as ?? "modal"
+    });
+  }
+  return { edit, auto };
+}

package/dist/runtime/composables/useFormKitStandardSchema.d.ts

@@ -0,0 +1,20 @@
+import type { FormKitNode } from '@formkit/core';
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+/**
+ * Runs `schema` against `node`'s live value and applies the resulting issues
+ * as `type: 'validation'` messages - to `node` itself for root-level issues,
+ * and to the addressed descendant (`resolveAddress(node, address)`) for
+ * every `childErrors` entry - so they respect each target's own
+ * `validationVisibility` timing exactly like FormKit's native rule-derived
+ * errors, instead of appearing instantly like `setErrors` does. See phase 1
+ * of the standard-schema-validation-bridge plan for why.
+ *
+ * Re-validates on the node's own `commit` event, which already fires once
+ * per settled change regardless of which descendant triggered it (a child's
+ * `calm()` cascades synchronously up through every ancestor's own `commit`),
+ * so this doesn't need a second debounce layer.
+ *
+ * Returns a detach function that stops re-validating and clears every
+ * schema-derived message this call ever applied.
+ */
+export declare function attachStandardSchema(node: FormKitNode, schema: StandardSchemaV1): () => void;

package/dist/runtime/composables/useFormKitStandardSchema.js

@@ -0,0 +1,68 @@
+import { createMessage, isNode } from "@formkit/core";
+import { issuesToFormKitErrors } from "../utils/standardSchemaErrors.js";
+const STANDARD_SCHEMA_SOURCE = "standard-schema";
+function isStandardSchemaMessage(message) {
+  return message.meta.source === STANDARD_SCHEMA_SOURCE;
+}
+function clearStandardSchemaMessages(node) {
+  node.store.filter((message) => !isStandardSchemaMessage(message), "validation");
+}
+function setStandardSchemaMessages(node, values) {
+  clearStandardSchemaMessages(node);
+  values.forEach((value, index) => {
+    node.store.set(createMessage({
+      key: `standard_schema_${index}`,
+      type: "validation",
+      blocking: true,
+      value,
+      meta: { source: STANDARD_SCHEMA_SOURCE }
+    }));
+  });
+}
+function resolveAddress(root, address) {
+  let pointer = root;
+  for (const segment of address.split(root.config.delimiter)) {
+    if (!pointer)
+      return void 0;
+    const matches = pointer.children.filter(isNode).filter((child) => String(child.name) === segment);
+    pointer = matches.find((child) => child.type !== "input") ?? matches[0];
+  }
+  return pointer;
+}
+export function attachStandardSchema(node, schema) {
+  let previousAddresses = /* @__PURE__ */ new Set();
+  let runToken = 0;
+  async function validate() {
+    const token = ++runToken;
+    const result = await schema["~standard"].validate(node.value);
+    if (token !== runToken)
+      return;
+    const { localErrors, childErrors } = issuesToFormKitErrors(result.issues ?? []);
+    setStandardSchemaMessages(node, localErrors);
+    const currentAddresses = new Set(Object.keys(childErrors));
+    for (const address of previousAddresses) {
+      if (currentAddresses.has(address))
+        continue;
+      const target = resolveAddress(node, address);
+      if (target)
+        clearStandardSchemaMessages(target);
+    }
+    for (const [address, messages] of Object.entries(childErrors)) {
+      const target = resolveAddress(node, address);
+      if (target)
+        setStandardSchemaMessages(target, messages);
+    }
+    previousAddresses = currentAddresses;
+  }
+  const receipt = node.on("commit", () => void validate());
+  void validate();
+  return function detachStandardSchema() {
+    node.off(receipt);
+    clearStandardSchemaMessages(node);
+    for (const address of previousAddresses) {
+      const target = resolveAddress(node, address);
+      if (target)
+        clearStandardSchemaMessages(target);
+    }
+  };
+}

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 };
+}