@sfxcode/nuxt-ui-formkit 1.2.4 → 1.2.6

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

@@ -1,5 +1,6 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
+import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { FormKitIconProps } from './FUIcon.vue.js';
 export interface FormKitOutputNumberProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
@@ -12,6 +13,7 @@ export interface FormKitOutputNumberProps {
     trailing?: boolean;
     trailingIcon?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    ui?: FormKitOutputUi;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

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

@@ -1,5 +1,6 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
+import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { FormKitIconProps } from './FUIcon.vue.js';
 export interface FormKitOutputTextProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
@@ -11,6 +12,7 @@ export interface FormKitOutputTextProps {
     trailingIcon?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     outputType?: 'text' | 'email' | 'url' | 'tel' | 'color' | 'duration' | 'i18n';
+    ui?: FormKitOutputUi;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

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

@@ -1,5 +1,6 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
 import type { PropType } from 'vue';
+import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { FormKitIconProps } from './FUIcon.vue.js';
 export interface FormKitOutputTextProps {
     color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
@@ -11,6 +12,7 @@ export interface FormKitOutputTextProps {
     trailingIcon?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
     outputType?: 'text' | 'email' | 'url' | 'tel' | 'color' | 'duration' | 'i18n';
+    ui?: FormKitOutputUi;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

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

@@ -1,6 +1,7 @@
 import type { FormKitSchemaNode } from '@formkit/core';
 export type AutoFormOverrides = Record<string, Record<string, unknown> | boolean>;
 export declare function inferFormSchema(data: Record<string, unknown>, overrides?: AutoFormOverrides): FormKitSchemaNode[];
+export declare function inferFormSchemaFromSamples(samples: Record<string, unknown>[], overrides?: AutoFormOverrides): FormKitSchemaNode[];
 export interface ValibotLikePipeEntry {
     kind: string;
     type: string;
@@ -33,6 +34,7 @@ export interface ZodLikeSchema {
 export declare function inferFormSchemaFromZod(schema: object, overrides?: AutoFormOverrides): FormKitSchemaNode[];
 export declare function useFormKitAutoForm(): {
     inferFormSchema: typeof inferFormSchema;
+    inferFormSchemaFromSamples: typeof inferFormSchemaFromSamples;
     inferFormSchemaFromValibot: typeof inferFormSchemaFromValibot;
     inferFormSchemaFromZod: typeof inferFormSchemaFromZod;
 };

package/dist/runtime/composables/useFormKitAutoForm.js

@@ -127,6 +127,91 @@ function inferNodes(data, overrides, pathPrefix = "") {
 export function inferFormSchema(data, overrides) {
   return inferNodes(data, overrides);
 }
+function isFilled(value) {
+  if (value === void 0 || value === null) {
+    return false;
+  }
+  if (typeof value === "string") {
+    return value !== "";
+  }
+  if (Array.isArray(value)) {
+    return value.length > 0;
+  }
+  return true;
+}
+function transposeSamples(samples) {
+  const columns = {};
+  for (const sample of samples) {
+    for (const key of Object.keys(sample)) {
+      columns[key] ??= samples.map((entry) => entry[key]);
+    }
+  }
+  return columns;
+}
+function inferSampleNode(name, values, overrides, path) {
+  const presentValues = values.filter((value) => value !== void 0 && value !== null);
+  if (presentValues.length === 0) {
+    return void 0;
+  }
+  const filledValues = presentValues.filter(isFilled);
+  const required = filledValues.length === values.length;
+  const representative = filledValues[0] ?? presentValues[0];
+  const label = humanizeKey(name);
+  const validation = required && typeof representative !== "boolean" ? "required" : void 0;
+  const base = validation ? { name, label, validation } : { name, label };
+  if (typeof representative === "boolean") {
+    return { $formkit: "nuxtUISwitch", ...base };
+  }
+  if (typeof representative === "number") {
+    return { $formkit: "nuxtUIInputNumber", ...base };
+  }
+  if (representative instanceof Date) {
+    return { $formkit: "nuxtUIInputDate", ...base, valueType: "date" };
+  }
+  if (isDateValue(representative)) {
+    return { $formkit: "nuxtUIInputDate", ...base, valueType: "calendar" };
+  }
+  if (typeof representative === "string") {
+    if (isIsoDateString(representative)) {
+      return { $formkit: "nuxtUIInputDate", ...base, valueType: "iso" };
+    }
+    if (representative.includes("\n")) {
+      return { $formkit: "nuxtUITextarea", ...base };
+    }
+    return { $formkit: "nuxtUIInput", ...base };
+  }
+  if (Array.isArray(representative)) {
+    const [first] = representative;
+    if (isPlainObject(first)) {
+      const rows = presentValues.filter(Array.isArray).flat().filter(isPlainObject);
+      return {
+        $formkit: "nuxtUIRepeater",
+        ...base,
+        newItem: blankItem(rows[0] ?? first),
+        children: inferSampleNodes(rows, overrides, path),
+        ...REPEATER_BUTTON_DEFAULTS
+      };
+    }
+    return { $formkit: "nuxtUIInputTags", ...base };
+  }
+  if (isPlainObject(representative)) {
+    return { $formkit: "group", name, children: inferSampleNodes(presentValues.filter(isPlainObject), overrides, path) };
+  }
+  return void 0;
+}
+function inferSampleNodes(samples, overrides, pathPrefix = "") {
+  return buildNodes(transposeSamples(samples), (key, values, path) => inferSampleNode(key, values, overrides, path), overrides, pathPrefix);
+}
+export function inferFormSchemaFromSamples(samples, overrides) {
+  if (!Array.isArray(samples)) {
+    return [];
+  }
+  const records = samples.filter(isPlainObject);
+  if (records.length === 0) {
+    return [];
+  }
+  return inferSampleNodes(records, overrides);
+}
 const OPTIONAL_WRAPPER_TYPES = /* @__PURE__ */ new Set(["optional", "nullable", "nullish", "exact_optional"]);
 function unwrapValibot(entry) {
   let schema = entry;
@@ -345,5 +430,5 @@ export function inferFormSchemaFromZod(schema, overrides) {
   return inferZodNodes(root.shape, overrides);
 }
 export function useFormKitAutoForm() {
-  return { inferFormSchema, inferFormSchemaFromValibot, inferFormSchemaFromZod };
+  return { inferFormSchema, inferFormSchemaFromSamples, inferFormSchemaFromValibot, inferFormSchemaFromZod };
 }

package/dist/runtime/composables/useFormKitRepeater.js

@@ -40,7 +40,7 @@ export function useFormKitRepeater() {
           return `formkit-item-${index}-${uuid}`;
         };
         node.context.insertNode = (parentNode) => () => {
-          if (parentNode && Array.isArray(parentNode._value)) {
+          if (parentNode && Array.isArray(parentNode.value)) {
             const newArray = [{ ...newItem }, ...parentNode.value];
             parentNode.input(newArray, false);
             syncOuterValue(newArray);
@@ -54,7 +54,7 @@ export function useFormKitRepeater() {
           }
         };
         node.context.addNode = (parentNode, index) => () => {
-          if (parentNode && Array.isArray(parentNode._value)) {
+          if (parentNode && Array.isArray(parentNode.value)) {
             const array = parentNode.value;
             array.splice(index + 1, 0, { ...newItem });
             parentNode.input(array, false);
@@ -62,7 +62,7 @@ export function useFormKitRepeater() {
           }
         };
         node.context.cloneNode = (parentNode, index) => () => {
-          if (parentNode && Array.isArray(parentNode._value)) {
+          if (parentNode && Array.isArray(parentNode.value)) {
             const item = parentNode.value[index];
             const array = parentNode.value;
             array.splice(index + 1, 0, { ...item });
@@ -80,7 +80,7 @@ export function useFormKitRepeater() {
           }
         };
         node.context.moveNodeDown = (parentNode, index) => () => {
-          if (parentNode && Array.isArray(parentNode._value)) {
+          if (parentNode && Array.isArray(parentNode.value)) {
             if (index < parentNode.value.length - 1) {
               const newArray = swapElements(parentNode.value, index, index + 1);
               parentNode.input(newArray, false);
@@ -107,7 +107,7 @@ export function useFormKitRepeater() {
         };
         node.context.dropNode = (parentNode, targetIndex) => (event) => {
           event?.preventDefault();
-          if (!parentNode || !Array.isArray(parentNode._value)) {
+          if (!parentNode || !Array.isArray(parentNode.value)) {
             dragOverIndex = null;
             return;
           }

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

@@ -1,26 +1,9 @@
+import type { FormKitSchemaAttributes, FormKitSchemaComponent, FormKitSchemaFormKit, FormKitSchemaNode } from '@formkit/core';
 export declare function useFormKitSchema(): {
-    addComponent: (component?: string, props?: object, render?: string | boolean, formKitAttrs?: object) => object;
-    addElement: (element?: string, children?: unknown[] | string, attrs?: object, render?: string | boolean, formKitAttrs?: object) => object;
-    addGroup: (name: string, children?: object[], render?: string | boolean, formKitAttrs?: object) => {
-        $formkit: string;
-        if: string;
-        name: string;
-        children: object[];
-    };
-    addList: (name: string, children?: object[], dynamic?: boolean, render?: string | boolean, formKitAttrs?: object) => {
-        $formkit: string;
-        if: string;
-        name: string;
-        dynamic: boolean;
-        children: object[];
-    };
-    addListGroup: (children?: object[], render?: string | boolean, formKitAttrs?: object) => {
-        $formkit: string;
-        if: string;
-        for: string[];
-        key: string;
-        index: string;
-        children: object[];
-    };
-    addElementsInOuterDiv: (children?: object[], innerClass?: string, outerClass?: string, label?: string, help?: string, render?: string | boolean) => object;
+    addComponent: (component?: string, props?: Record<string, unknown>, render?: string | boolean, formKitAttrs?: Record<string, unknown>) => FormKitSchemaComponent;
+    addElement: (element?: string, children?: FormKitSchemaNode[] | string, attrs?: FormKitSchemaAttributes, render?: string | boolean, formKitAttrs?: Record<string, unknown>) => FormKitSchemaNode;
+    addGroup: (name: string, children?: FormKitSchemaNode[], render?: string | boolean, formKitAttrs?: Record<string, unknown>) => FormKitSchemaFormKit;
+    addList: (name: string, children?: FormKitSchemaNode[], dynamic?: boolean, render?: string | boolean, formKitAttrs?: Record<string, unknown>) => FormKitSchemaFormKit;
+    addListGroup: (children?: FormKitSchemaNode[], render?: string | boolean, formKitAttrs?: Record<string, unknown>) => FormKitSchemaFormKit;
+    addElementsInOuterDiv: (children?: FormKitSchemaNode[], innerClass?: string, outerClass?: string, label?: string, help?: string, render?: string | boolean) => FormKitSchemaNode;
 };

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

@@ -24,6 +24,7 @@ export declare const nuxtUIInputs: {
     nuxtUIStep: import("@formkit/core").FormKitTypeDefinition;
     nuxtUISwitch: import("@formkit/core").FormKitTypeDefinition;
     nuxtUITextarea: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUITree: import("@formkit/core").FormKitTypeDefinition;
     nuxtUIRepeater: import("@formkit/core").FormKitTypeDefinition;
 };
 export declare const nuxtUIOutputs: {

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

@@ -1,4 +1,4 @@
-import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition } from "./input.js";
+import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition, nuxtUITreeDefinition } from "./input.js";
 import { nuxtUIMultiStepDefinition, nuxtUIStepDefinition } from "./multiStep.js";
 import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "./output.js";
 import { nuxtUIRepeaterDefinition } from "./repeater.js";
@@ -28,6 +28,7 @@ export const nuxtUIInputs = {
   nuxtUIStep: nuxtUIStepDefinition,
   nuxtUISwitch: nuxtUISwitchDefinition,
   nuxtUITextarea: nuxtUITextareaDefinition,
+  nuxtUITree: nuxtUITreeDefinition,
   nuxtUIRepeater: nuxtUIRepeaterDefinition
 };
 export const nuxtUIOutputs = {

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

@@ -1,4 +1,4 @@
-import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition } from "./input.mjs";
+import { nuxtUICalendarDefinition, nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIEditorDefinition, nuxtUIFileUploadDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIListboxDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition, nuxtUITreeDefinition } from "./input.mjs";
 import { nuxtUIMultiStepDefinition, nuxtUIStepDefinition } from "./multiStep.mjs";
 import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "./output.mjs";
 import { nuxtUIRepeaterDefinition } from "./repeater.mjs";
@@ -28,6 +28,7 @@ export const nuxtUIInputs = {
   nuxtUIStep: nuxtUIStepDefinition,
   nuxtUISwitch: nuxtUISwitchDefinition,
   nuxtUITextarea: nuxtUITextareaDefinition,
+  nuxtUITree: nuxtUITreeDefinition,
   nuxtUIRepeater: nuxtUIRepeaterDefinition
 };
 export const nuxtUIOutputs = {

package/dist/runtime/formkit/definitions/input.d.ts

@@ -19,3 +19,4 @@ export declare const nuxtUISelectMenuDefinition: FormKitTypeDefinition;
 export declare const nuxtUISliderDefinition: FormKitTypeDefinition;
 export declare const nuxtUISwitchDefinition: FormKitTypeDefinition;
 export declare const nuxtUITextareaDefinition: FormKitTypeDefinition;
+export declare const nuxtUITreeDefinition: FormKitTypeDefinition;

package/dist/runtime/formkit/definitions/input.js

@@ -19,12 +19,13 @@ import FUSelectMenu from "../../../runtime/components/inputs/FUSelectMenu.vue";
 import FUSlider from "../../../runtime/components/inputs/FUSlider.vue";
 import FUSwitch from "../../../runtime/components/inputs/FUSwitch.vue";
 import FUTextarea from "../../../runtime/components/inputs/FUTextarea.vue";
+import FUTree from "../../../runtime/components/inputs/FUTree.vue";
 export const nuxtUICalendarDefinition = createInput(FUCalendar, {
   props: ["type", "range", "multiple", "color", "variant", "size", "weekNumbers", "monthControls", "yearControls", "viewControl", "defaultValue", "minValue", "maxValue", "isDateDisabled", "isDateUnavailable", "ui", "valueType", "timeZone"],
   family: "NuxtUIInput"
 });
 export const nuxtUICheckboxDefinition = createInput(FUCheckbox, {
-  props: ["label", "description", "color", "variant", "size", "indicator", "icon", "indeterminateIcon", "trueValue", "falseValue", "autofocus", "ui"],
+  props: ["label", "description", "color", "variant", "size", "indicator", "icon", "indeterminateIcon", "trueValue", "falseValue", "autofocus", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUICheckboxGroupDefinition = createInput(FUCheckboxGroup, {
@@ -52,7 +53,7 @@ export const nuxtUIInputDateDefinition = createInput(FUInputDate, {
   family: "NuxtUIInput"
 });
 export const nuxtUIInputMenuDefinition = createInput(FUInputMenu, {
-  props: ["options", "inputType", "placeholder", "color", "variant", "size", "autofocus", "autofocusDelay", "trailingIcon", "selectedIcon", "deleteIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "mode", "by", "open", "valueKey", "labelKey", "descriptionKey", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "openOnClick", "openOnFocus", "icon", "leading", "leadingIcon", "trailing", "loading", "loadingIcon", "list", "autocomplete", "searchTerm", "ui"],
+  props: ["options", "inputType", "placeholder", "color", "variant", "size", "autofocus", "autofocusDelay", "trailingIcon", "selectedIcon", "deleteIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "mode", "by", "open", "valueKey", "labelKey", "descriptionKey", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "openOnClick", "openOnFocus", "icon", "leading", "leadingIcon", "trailing", "loading", "loadingIcon", "list", "autocomplete", "searchTerm", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUIInputNumberDefinition = createInput(FUInputNumber, {
@@ -68,11 +69,11 @@ export const nuxtUIInputTimeDefinition = createInput(FUInputTime, {
   family: "NuxtUIInput"
 });
 export const nuxtUIListboxDefinition = createInput(FUListbox, {
-  props: ["options", "as", "color", "size", "by", "orientation", "selectionBehavior", "disabled", "defaultValue", "multiple", "valueKey", "labelKey", "descriptionKey", "loading", "loadingIcon", "filter", "filterFields", "ignoreFilter", "selectedIcon", "virtualize", "highlight", "highlightOnHover", "autofocus", "autofocusDelay", "searchTerm", "ui", "displayMode", "transferLeftHeaderText", "transferRightHeaderText", "transferAll", "transferHeaderClass", "transferSortIcons", "transferItemDraggable"],
+  props: ["options", "as", "color", "size", "by", "orientation", "selectionBehavior", "disabled", "defaultValue", "multiple", "valueKey", "labelKey", "descriptionKey", "loading", "loadingIcon", "filter", "filterFields", "ignoreFilter", "selectedIcon", "virtualize", "highlight", "highlightOnHover", "autofocus", "autofocusDelay", "searchTerm", "name", "ui", "displayMode", "transferLeftHeaderText", "transferRightHeaderText", "transferAll", "transferHeaderClass", "transferSortIcons", "transferItemDraggable"],
   family: "NuxtUIInput"
 });
 export const nuxtUIPinInputDefinition = createInput(FUPinInput, {
-  props: ["color", "variant", "size", "length", "autofocus", "autofocusDelay", "highlight", "fixed", "defaultValue", "mask", "otp", "separator", "type", "placeholder", "ui"],
+  props: ["color", "variant", "size", "length", "autofocus", "autofocusDelay", "highlight", "fixed", "defaultValue", "mask", "otp", "separator", "type", "placeholder", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUIRadioGroupDefinition = createInput(FURadioGroup, {
@@ -80,11 +81,11 @@ export const nuxtUIRadioGroupDefinition = createInput(FURadioGroup, {
   family: "NuxtUIInput"
 });
 export const nuxtUISelectDefinition = createInput(FUSelect, {
-  props: ["options", "placeholder", "color", "variant", "size", "selectedIcon", "arrow", "portal", "content", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "autofocus", "autofocusDelay", "open", "defaultOpen", "autocomplete", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "ui"],
+  props: ["options", "placeholder", "color", "variant", "size", "selectedIcon", "arrow", "portal", "content", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "autofocus", "autofocusDelay", "open", "defaultOpen", "autocomplete", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUISelectMenuDefinition = createInput(FUSelectMenu, {
-  props: ["options", "placeholder", "searchInput", "color", "variant", "size", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "selectedIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "by", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "autofocus", "autofocusDelay", "open", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "searchTerm", "ui"],
+  props: ["options", "placeholder", "searchInput", "color", "variant", "size", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "selectedIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "by", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "autofocus", "autofocusDelay", "open", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "searchTerm", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUISliderDefinition = createInput(FUSlider, {
@@ -92,10 +93,14 @@ export const nuxtUISliderDefinition = createInput(FUSlider, {
   family: "NuxtUIInput"
 });
 export const nuxtUISwitchDefinition = createInput(FUSwitch, {
-  props: ["color", "size", "loading", "loadingIcon", "checkedIcon", "uncheckedIcon", "label", "description", "defaultValue", "trueValue", "falseValue", "autofocus", "ui"],
+  props: ["color", "size", "loading", "loadingIcon", "checkedIcon", "uncheckedIcon", "label", "description", "defaultValue", "trueValue", "falseValue", "autofocus", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUITextareaDefinition = createInput(FUTextarea, {
   props: ["color", "size", "variant", "placeholder", "autofocus", "autofocusDelay", "autoresize", "autoresizeDelay", "rows", "maxrows", "highlight", "fixed", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "cols", "dirname", "maxlength", "minlength", "wrap", "ui"],
   family: "NuxtUIInput"
 });
+export const nuxtUITreeDefinition = createInput(FUTree, {
+  props: ["color", "size", "disabled", "multiple", "nested", "virtualize", "labelKey", "trailingIcon", "expandedIcon", "collapsedIcon", "expanded", "defaultExpanded", "selectionBehavior", "propagateSelect", "bubbleSelect", "ui", "items", "options"],
+  family: "NuxtUIInput"
+});

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

@@ -19,12 +19,13 @@ import FUSelectMenu from "../../../runtime/components/inputs/FUSelectMenu.vue";
 import FUSlider from "../../../runtime/components/inputs/FUSlider.vue";
 import FUSwitch from "../../../runtime/components/inputs/FUSwitch.vue";
 import FUTextarea from "../../../runtime/components/inputs/FUTextarea.vue";
+import FUTree from "../../../runtime/components/inputs/FUTree.vue";
 export const nuxtUICalendarDefinition = createInput(FUCalendar, {
   props: ["type", "range", "multiple", "color", "variant", "size", "weekNumbers", "monthControls", "yearControls", "viewControl", "defaultValue", "minValue", "maxValue", "isDateDisabled", "isDateUnavailable", "ui", "valueType", "timeZone"],
   family: "NuxtUIInput"
 });
 export const nuxtUICheckboxDefinition = createInput(FUCheckbox, {
-  props: ["label", "description", "color", "variant", "size", "indicator", "icon", "indeterminateIcon", "trueValue", "falseValue", "autofocus", "ui"],
+  props: ["label", "description", "color", "variant", "size", "indicator", "icon", "indeterminateIcon", "trueValue", "falseValue", "autofocus", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUICheckboxGroupDefinition = createInput(FUCheckboxGroup, {
@@ -52,7 +53,7 @@ export const nuxtUIInputDateDefinition = createInput(FUInputDate, {
   family: "NuxtUIInput"
 });
 export const nuxtUIInputMenuDefinition = createInput(FUInputMenu, {
-  props: ["options", "inputType", "placeholder", "color", "variant", "size", "autofocus", "autofocusDelay", "trailingIcon", "selectedIcon", "deleteIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "mode", "by", "open", "valueKey", "labelKey", "descriptionKey", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "openOnClick", "openOnFocus", "icon", "leading", "leadingIcon", "trailing", "loading", "loadingIcon", "list", "autocomplete", "searchTerm", "ui"],
+  props: ["options", "inputType", "placeholder", "color", "variant", "size", "autofocus", "autofocusDelay", "trailingIcon", "selectedIcon", "deleteIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "mode", "by", "open", "valueKey", "labelKey", "descriptionKey", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "openOnClick", "openOnFocus", "icon", "leading", "leadingIcon", "trailing", "loading", "loadingIcon", "list", "autocomplete", "searchTerm", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUIInputNumberDefinition = createInput(FUInputNumber, {
@@ -68,11 +69,11 @@ export const nuxtUIInputTimeDefinition = createInput(FUInputTime, {
   family: "NuxtUIInput"
 });
 export const nuxtUIListboxDefinition = createInput(FUListbox, {
-  props: ["options", "as", "color", "size", "by", "orientation", "selectionBehavior", "disabled", "defaultValue", "multiple", "valueKey", "labelKey", "descriptionKey", "loading", "loadingIcon", "filter", "filterFields", "ignoreFilter", "selectedIcon", "virtualize", "highlight", "highlightOnHover", "autofocus", "autofocusDelay", "searchTerm", "ui", "displayMode", "transferLeftHeaderText", "transferRightHeaderText", "transferAll", "transferHeaderClass", "transferSortIcons", "transferItemDraggable"],
+  props: ["options", "as", "color", "size", "by", "orientation", "selectionBehavior", "disabled", "defaultValue", "multiple", "valueKey", "labelKey", "descriptionKey", "loading", "loadingIcon", "filter", "filterFields", "ignoreFilter", "selectedIcon", "virtualize", "highlight", "highlightOnHover", "autofocus", "autofocusDelay", "searchTerm", "name", "ui", "displayMode", "transferLeftHeaderText", "transferRightHeaderText", "transferAll", "transferHeaderClass", "transferSortIcons", "transferItemDraggable"],
   family: "NuxtUIInput"
 });
 export const nuxtUIPinInputDefinition = createInput(FUPinInput, {
-  props: ["color", "variant", "size", "length", "autofocus", "autofocusDelay", "highlight", "fixed", "defaultValue", "mask", "otp", "separator", "type", "placeholder", "ui"],
+  props: ["color", "variant", "size", "length", "autofocus", "autofocusDelay", "highlight", "fixed", "defaultValue", "mask", "otp", "separator", "type", "placeholder", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUIRadioGroupDefinition = createInput(FURadioGroup, {
@@ -80,11 +81,11 @@ export const nuxtUIRadioGroupDefinition = createInput(FURadioGroup, {
   family: "NuxtUIInput"
 });
 export const nuxtUISelectDefinition = createInput(FUSelect, {
-  props: ["options", "placeholder", "color", "variant", "size", "selectedIcon", "arrow", "portal", "content", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "autofocus", "autofocusDelay", "open", "defaultOpen", "autocomplete", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "ui"],
+  props: ["options", "placeholder", "color", "variant", "size", "selectedIcon", "arrow", "portal", "content", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "autofocus", "autofocusDelay", "open", "defaultOpen", "autocomplete", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUISelectMenuDefinition = createInput(FUSelectMenu, {
-  props: ["options", "placeholder", "searchInput", "color", "variant", "size", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "selectedIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "by", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "autofocus", "autofocusDelay", "open", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "searchTerm", "ui"],
+  props: ["options", "placeholder", "searchInput", "color", "variant", "size", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "selectedIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "content", "by", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "autofocus", "autofocusDelay", "open", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "searchTerm", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUISliderDefinition = createInput(FUSlider, {
@@ -92,10 +93,14 @@ export const nuxtUISliderDefinition = createInput(FUSlider, {
   family: "NuxtUIInput"
 });
 export const nuxtUISwitchDefinition = createInput(FUSwitch, {
-  props: ["color", "size", "loading", "loadingIcon", "checkedIcon", "uncheckedIcon", "label", "description", "defaultValue", "trueValue", "falseValue", "autofocus", "ui"],
+  props: ["color", "size", "loading", "loadingIcon", "checkedIcon", "uncheckedIcon", "label", "description", "defaultValue", "trueValue", "falseValue", "autofocus", "name", "ui"],
   family: "NuxtUIInput"
 });
 export const nuxtUITextareaDefinition = createInput(FUTextarea, {
   props: ["color", "size", "variant", "placeholder", "autofocus", "autofocusDelay", "autoresize", "autoresizeDelay", "rows", "maxrows", "highlight", "fixed", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "cols", "dirname", "maxlength", "minlength", "wrap", "ui"],
   family: "NuxtUIInput"
 });
+export const nuxtUITreeDefinition = createInput(FUTree, {
+  props: ["color", "size", "disabled", "multiple", "nested", "virtualize", "labelKey", "trailingIcon", "expandedIcon", "collapsedIcon", "expanded", "defaultExpanded", "selectionBehavior", "propagateSelect", "bubbleSelect", "ui", "items", "options"],
+  family: "NuxtUIInput"
+});

package/dist/runtime/formkit/definitions/multiStep.js

@@ -1,4 +1,4 @@
-import { disablesChildren } from "@formkit/inputs";
+import { disablesChildren, localize } from "@formkit/inputs";
 import { createInput } from "@formkit/vue";
 import { useFormKitMultiStep } from "../../composables/useFormKitMultiStep.js";
 import { useFormKitSchema } from "../../composables/useFormKitSchema.js";
@@ -14,14 +14,14 @@ export const nuxtUIStepDefinition = createInput(
     addElement("div", "$slots.default", { class: "formkit-step-inner" }),
     addElement("div", [
       addStepActionButton(
-        { if: "$previousLabel", then: "$previousLabel", else: "Previous" },
+        { if: "$previousLabel", then: "$previousLabel", else: "$ui.prev.value" },
         "$handlers.previous",
         "$previousAttrs",
         "$isFirstStep === false",
         "outline"
       ),
       addStepActionButton(
-        { if: "$nextLabel", then: "$nextLabel", else: "Next" },
+        { if: "$nextLabel", then: "$nextLabel", else: "$ui.next.value" },
         "$handlers.next",
         "$nextAttrs",
         "$isLastStep === false || $stepIndex === 0",
@@ -42,7 +42,11 @@ export const nuxtUIStepDefinition = createInput(
     forceTypeProp: "step",
     family: "NuxtUIInput",
     props: ["beforeStepChange", "nextAttrs", "nextLabel", "previousAttrs", "previousLabel", "validStepIcon", "ui", "stepActionsClass"],
-    features: [disablesChildren, addStepHandler]
+    // `localize('next')`/`localize('prev')` seed the `node.store` "ui" messages
+    // that `$ui.next.value`/`$ui.prev.value` (in the schema above) read - without
+    // them the schema expression resolves to nothing. Matches `@formkit/addons`'
+    // own `step` input definition, which includes the same two features.
+    features: [disablesChildren, addStepHandler, localize("next"), localize("prev")]
   },
   {
     // `createInput()` always wraps the given schema in FormKit's standard

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

@@ -1,4 +1,4 @@
-import { disablesChildren } from "@formkit/inputs";
+import { disablesChildren, localize } from "@formkit/inputs";
 import { createInput } from "@formkit/vue";
 import { useFormKitMultiStep } from "../../composables/useFormKitMultiStep";
 import { useFormKitSchema } from "../../composables/useFormKitSchema";
@@ -14,14 +14,14 @@ export const nuxtUIStepDefinition = createInput(
     addElement("div", "$slots.default", { class: "formkit-step-inner" }),
     addElement("div", [
       addStepActionButton(
-        { if: "$previousLabel", then: "$previousLabel", else: "Previous" },
+        { if: "$previousLabel", then: "$previousLabel", else: "$ui.prev.value" },
         "$handlers.previous",
         "$previousAttrs",
         "$isFirstStep === false",
         "outline"
       ),
       addStepActionButton(
-        { if: "$nextLabel", then: "$nextLabel", else: "Next" },
+        { if: "$nextLabel", then: "$nextLabel", else: "$ui.next.value" },
         "$handlers.next",
         "$nextAttrs",
         "$isLastStep === false || $stepIndex === 0",
@@ -42,7 +42,11 @@ export const nuxtUIStepDefinition = createInput(
     forceTypeProp: "step",
     family: "NuxtUIInput",
     props: ["beforeStepChange", "nextAttrs", "nextLabel", "previousAttrs", "previousLabel", "validStepIcon", "ui", "stepActionsClass"],
-    features: [disablesChildren, addStepHandler]
+    // `localize('next')`/`localize('prev')` seed the `node.store` "ui" messages
+    // that `$ui.next.value`/`$ui.prev.value` (in the schema above) read - without
+    // them the schema expression resolves to nothing. Matches `@formkit/addons`'
+    // own `step` input definition, which includes the same two features.
+    features: [disablesChildren, addStepHandler, localize("next"), localize("prev")]
   },
   {
     // `createInput()` always wraps the given schema in FormKit's standard

package/dist/runtime/formkit/definitions/output.js

@@ -6,26 +6,26 @@ import FUOutputLink from "../../../runtime/components/output/FUOutputLink.vue";
 import FUOutputNumber from "../../../runtime/components/output/FUOutputNumber.vue";
 import FUOutputList from "../../../runtime/components/output/FUOutputList.vue";
 export const nuxtUIOutputTextDefinition = createInput(FUOutputText, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputBooleanDefinition = createInput(FUOutputBoolean, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "falseIcon", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "falseIcon", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputDateDefinition = createInput(FUOutputDate, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputLinkDefinition = createInput(FUOutputLink, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputNumberDefinition = createInput(FUOutputNumber, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputListDefinition = createInput(FUOutputList, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });

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

@@ -6,26 +6,26 @@ import FUOutputLink from "../../../runtime/components/output/FUOutputLink.vue";
 import FUOutputNumber from "../../../runtime/components/output/FUOutputNumber.vue";
 import FUOutputList from "../../../runtime/components/output/FUOutputList.vue";
 export const nuxtUIOutputTextDefinition = createInput(FUOutputText, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "outputType", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputBooleanDefinition = createInput(FUOutputBoolean, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "falseIcon", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "trueValue", "falseValue", "trueIcon", "falseIcon", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputDateDefinition = createInput(FUOutputDate, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "dateStyle", "timeStyle", "locale", "relative", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputLinkDefinition = createInput(FUOutputLink, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "target", "rel", "underline", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputNumberDefinition = createInput(FUOutputNumber, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "locale", "formatOptions", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });
 export const nuxtUIOutputListDefinition = createInput(FUOutputList, {
-  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked"],
+  props: ["size", "color", "variant", "icon", "leadingIcon", "trailingIcon", "leading", "trailing", "listType", "separator", "itemClass", "onIconClicked", "onLeadingIconClicked", "onTrailingIconClicked", "ui"],
   family: "NuxtUIOutput"
 });

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

@@ -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")
         ], {