@sfxcode/nuxt-ui-formkit 1.2.5 → 1.2.7

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/formkit/definitions/index.d.ts

@@ -12,6 +12,7 @@ export declare const nuxtUIInputs: {
     nuxtUIInputDate: import("@formkit/core").FormKitTypeDefinition;
     nuxtUIInputMenu: import("@formkit/core").FormKitTypeDefinition;
     nuxtUIInputNumber: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInputRating: import("@formkit/core").FormKitTypeDefinition;
     nuxtUIInputTags: import("@formkit/core").FormKitTypeDefinition;
     nuxtUIInputTime: import("@formkit/core").FormKitTypeDefinition;
     nuxtUIListbox: import("@formkit/core").FormKitTypeDefinition;
@@ -24,6 +25,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, nuxtUIInputRatingDefinition, 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";
@@ -16,6 +16,7 @@ export const nuxtUIInputs = {
   nuxtUIInputDate: nuxtUIInputDateDefinition,
   nuxtUIInputMenu: nuxtUIInputMenuDefinition,
   nuxtUIInputNumber: nuxtUIInputNumberDefinition,
+  nuxtUIInputRating: nuxtUIInputRatingDefinition,
   nuxtUIInputTags: nuxtUIInputTagsDefinition,
   nuxtUIInputTime: nuxtUIInputTimeDefinition,
   nuxtUIListbox: nuxtUIListboxDefinition,
@@ -28,6 +29,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, nuxtUIInputRatingDefinition, 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";
@@ -16,6 +16,7 @@ export const nuxtUIInputs = {
   nuxtUIInputDate: nuxtUIInputDateDefinition,
   nuxtUIInputMenu: nuxtUIInputMenuDefinition,
   nuxtUIInputNumber: nuxtUIInputNumberDefinition,
+  nuxtUIInputRating: nuxtUIInputRatingDefinition,
   nuxtUIInputTags: nuxtUIInputTagsDefinition,
   nuxtUIInputTime: nuxtUIInputTimeDefinition,
   nuxtUIListbox: nuxtUIListboxDefinition,
@@ -28,6 +29,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

@@ -9,6 +9,7 @@ export declare const nuxtUIInputDefinition: FormKitTypeDefinition;
 export declare const nuxtUIInputDateDefinition: FormKitTypeDefinition;
 export declare const nuxtUIInputMenuDefinition: FormKitTypeDefinition;
 export declare const nuxtUIInputNumberDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputRatingDefinition: FormKitTypeDefinition;
 export declare const nuxtUIInputTagsDefinition: FormKitTypeDefinition;
 export declare const nuxtUIInputTimeDefinition: FormKitTypeDefinition;
 export declare const nuxtUIListboxDefinition: FormKitTypeDefinition;
@@ -19,3 +20,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

@@ -9,6 +9,7 @@ import FUInput from "../../../runtime/components/inputs/FUInput.vue";
 import FUInputDate from "../../../runtime/components/inputs/FUInputDate.vue";
 import FUInputMenu from "../../../runtime/components/inputs/FUInputMenu.vue";
 import FUInputNumber from "../../../runtime/components/inputs/FUInputNumber.vue";
+import FUInputRating from "../../../runtime/components/inputs/FUInputRating.vue";
 import FUInputTags from "../../../runtime/components/inputs/FUInputTags.vue";
 import FUInputTime from "../../../runtime/components/inputs/FUInputTime.vue";
 import FUListbox from "../../../runtime/components/inputs/FUListbox.vue";
@@ -19,12 +20,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,13 +54,17 @@ 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, {
   props: ["placeholder", "color", "variant", "size", "highlight", "fixed", "orientation", "increment", "incrementIcon", "incrementDisabled", "decrement", "decrementIcon", "decrementDisabled", "autofocus", "autofocusDelay", "min", "max", "step", "stepSnapping", "formatOptions", "disableWheelChange", "invertWheelChange", "focusOnChange", "locale", "list", "autocomplete", "ui"],
   family: "NuxtUIInput"
 });
+export const nuxtUIInputRatingDefinition = createInput(FUInputRating, {
+  props: ["color", "size", "orientation", "icon", "emptyIcon", "readonly", "clearable", "hoverable", "length", "step", "defaultValue", "name", "ui"],
+  family: "NuxtUIInput"
+});
 export const nuxtUIInputTagsDefinition = createInput(FUInputTags, {
   props: ["placeholder", "maxLength", "color", "variant", "size", "autofocus", "autofocusDelay", "deleteIcon", "highlight", "fixed", "addOnPaste", "addOnTab", "addOnBlur", "duplicate", "delimiter", "max", "convertValue", "displayValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "list", "autocomplete", "ui"],
   family: "NuxtUIInput"
@@ -68,11 +74,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 +86,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 +98,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

@@ -9,6 +9,7 @@ import FUInput from "../../../runtime/components/inputs/FUInput.vue";
 import FUInputDate from "../../../runtime/components/inputs/FUInputDate.vue";
 import FUInputMenu from "../../../runtime/components/inputs/FUInputMenu.vue";
 import FUInputNumber from "../../../runtime/components/inputs/FUInputNumber.vue";
+import FUInputRating from "../../../runtime/components/inputs/FUInputRating.vue";
 import FUInputTags from "../../../runtime/components/inputs/FUInputTags.vue";
 import FUInputTime from "../../../runtime/components/inputs/FUInputTime.vue";
 import FUListbox from "../../../runtime/components/inputs/FUListbox.vue";
@@ -19,12 +20,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,13 +54,17 @@ 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, {
   props: ["placeholder", "color", "variant", "size", "highlight", "fixed", "orientation", "increment", "incrementIcon", "incrementDisabled", "decrement", "decrementIcon", "decrementDisabled", "autofocus", "autofocusDelay", "min", "max", "step", "stepSnapping", "formatOptions", "disableWheelChange", "invertWheelChange", "focusOnChange", "locale", "list", "autocomplete", "ui"],
   family: "NuxtUIInput"
 });
+export const nuxtUIInputRatingDefinition = createInput(FUInputRating, {
+  props: ["color", "size", "orientation", "icon", "emptyIcon", "readonly", "clearable", "hoverable", "length", "step", "defaultValue", "name", "ui"],
+  family: "NuxtUIInput"
+});
 export const nuxtUIInputTagsDefinition = createInput(FUInputTags, {
   props: ["placeholder", "maxLength", "color", "variant", "size", "autofocus", "autofocusDelay", "deleteIcon", "highlight", "fixed", "addOnPaste", "addOnTab", "addOnBlur", "duplicate", "delimiter", "max", "convertValue", "displayValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "list", "autocomplete", "ui"],
   family: "NuxtUIInput"
@@ -68,11 +74,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 +86,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 +98,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/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, PinInputSlots, SwitchSlots } from '@nuxt/ui';
+import type { CalendarSlots, CheckboxSlots, CheckboxGroupSlots, EditorSlots, FileUploadSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputRatingSlots, InputTagsSlots, InputTimeSlots, ListboxSlots, PinInputSlots, SwitchSlots, TreeSlots } from '@nuxt/ui';
 export * from './createNuxtUiFormkitConfig.js';
 export * from './definitions/index.js';
 export * from './plugins/index.js';
@@ -40,6 +40,9 @@ declare module '@formkit/inputs' {
         nuxtUIInputNumber: {
             type: 'nuxtUIInputNumber';
         };
+        nuxtUIInputRating: {
+            type: 'nuxtUIInputRating';
+        };
         nuxtUIInputTags: {
             type: 'nuxtUIInputTags';
         };
@@ -79,6 +82,9 @@ declare module '@formkit/inputs' {
         nuxtUITextarea: {
             type: 'nuxtUITextarea';
         };
+        nuxtUITree: {
+            type: 'nuxtUITree';
+        };
         nuxtUIOutputText: {
             type: 'nuxtUIOutputText';
         };
@@ -108,6 +114,7 @@ declare module '@formkit/inputs' {
         nuxtUIInputDate: MergeSlots<FormKitBaseSlots<Props>, InputDateSlots>;
         nuxtUIInputMenu: MergeSlots<FormKitBaseSlots<Props>, InputMenuSlots>;
         nuxtUIInputNumber: MergeSlots<FormKitBaseSlots<Props>, InputNumberSlots>;
+        nuxtUIInputRating: MergeSlots<FormKitBaseSlots<Props>, InputRatingSlots>;
         nuxtUIInputTags: MergeSlots<FormKitBaseSlots<Props>, InputTagsSlots>;
         nuxtUIInputTime: MergeSlots<FormKitBaseSlots<Props>, InputTimeSlots>;
         nuxtUIListbox: MergeSlots<FormKitBaseSlots<Props>, ListboxSlots>;
@@ -120,5 +127,6 @@ declare module '@formkit/inputs' {
         nuxtUIStep: MergeSlots<FormKitBaseSlots<Props>, FormKitStepSlots<Props>>;
         nuxtUISwitch: MergeSlots<FormKitBaseSlots<Props>, SwitchSlots>;
         nuxtUITextarea: MergeSlots<FormKitBaseSlots<Props>, TextareaSlots>;
+        nuxtUITree: MergeSlots<FormKitBaseSlots<Props>, TreeSlots>;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfxcode/nuxt-ui-formkit",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "FormKit integration for Nuxt UI - Seamlessly connect FormKit form handling with Nuxt UI components",
   "author": {
     "name": "Tom",
@@ -91,9 +91,9 @@
     "@formkit/addons": "^2.1.0",
     "@formkit/nuxt": "^2.1.0",
     "@nuxt/kit": "4.4.8",
-    "@nuxt/ui": "^4.9.0",
+    "@nuxt/ui": "^4.10.0",
     "@standard-schema/spec": "^1.1.0",
-    "@vue/compiler-dom": "^3.5.39"
+    "@vue/compiler-dom": "^3.5.40"
   },
   "devDependencies": {
     "@codemirror/lang-json": "^6.0.2",
@@ -101,19 +101,19 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.6",
     "@iconify-json/heroicons": "^1.2.3",
-    "@iconify-json/lucide": "^1.2.116",
-    "@iconify-json/simple-icons": "^1.2.89",
+    "@iconify-json/lucide": "^1.2.117",
+    "@iconify-json/simple-icons": "^1.2.90",
     "@nuxt/devtools": "4.0.0-alpha.7",
     "@nuxt/eslint-config": "^1.16.0",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "4.4.8",
     "@nuxt/test-utils": "^4.0.3",
     "@types/node": "latest",
-    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
     "changelogen": "^0.6.2",
     "codemirror": "^6.0.2",
-    "eslint": "^10.6.0",
+    "eslint": "^10.7.0",
     "jsdom": "^29.1.1",
     "mkdist": "^2.4.1",
     "nuxt": "4.4.8",
@@ -123,7 +123,7 @@
     "valibot": "^1.4.2",
     "vitepress": "2.0.0-alpha.17",
     "vitest": "^4.1.10",
-    "vue": "^3.5.39",
+    "vue": "^3.5.40",
     "vue-i18n": "^11.4.6",
     "vue-tsc": "^3.3.7",
     "zod": "^4.4.3"