@sfxcode/nuxt-ui-formkit 0.8.2

package/dist/runtime/composables/useFormKitRepeater.js

@@ -0,0 +1,53 @@
+import { useFormKitSchema } from "./useFormKitSchema.js";
+export function useFormKitRepeater() {
+  const { addComponent, addElement, addElementsInOuterDiv } = useFormKitSchema();
+  function addInsertButton(label = "Add Item", icon = "i-lucide-plus", styleClass = "", render = "$node.children.length == 0") {
+    return addElement("div", [
+      addComponent("UButton", { onClick: "$addNode($node)", label, icon })
+    ], { class: styleClass }, render);
+  }
+  function addListGroupFunctions(data, addNodeDefaultObject = {}) {
+    const swapElements = (array, index1, index2) => {
+      const newArray = [...array];
+      const temp = newArray[index1];
+      newArray[index1] = newArray[index2];
+      newArray[index2] = temp;
+      return newArray;
+    };
+    data.addNode = (parentNode) => () => {
+      const newArray = [...parentNode.value, addNodeDefaultObject];
+      parentNode.input(newArray, false);
+    };
+    data.removeNode = (parentNode, index) => () => {
+      parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+    };
+    data.moveNodeUp = (parentNode, index) => () => {
+      const array = [...parentNode.value];
+      if (index > 0)
+        parentNode.input(swapElements(array, index - 1, index), false);
+    };
+    data.moveNodeDown = (parentNode, index) => () => {
+      const array = [...parentNode.value];
+      if (index < array.length - 1)
+        parentNode.input(swapElements(array, index, index + 1), false);
+    };
+    data.copyNode = (parentNode, index) => () => {
+      const obj = parentNode.value[index];
+      const array = [...parentNode.value];
+      array.splice(index + 1, 0, { ...obj });
+      parentNode.input(array, false);
+    };
+  }
+  function addGroupButtons(innerClass = "", outerClass = "", label = "", help = "", render = "true") {
+    const addButtonComponent = (onClick = "", icon = "", color = "", render2 = "true") => {
+      return addComponent("UButton", { onClick, icon, color }, render2);
+    };
+    return addElementsInOuterDiv([
+      addButtonComponent("$removeNode($node.parent, $index)", "i-lucide-x", "error"),
+      addButtonComponent("$copyNode($node.parent, $index)", "i-lucide-copy", "secondary"),
+      addButtonComponent("$moveNodeUp($node.parent, $index)", "i-lucide-arrow-up", "primary", "$index != 0"),
+      addButtonComponent("$moveNodeDown($node.parent, $index)", "i-lucide-arrow-down", "primary", "$index < $node.parent.value.length -1")
+    ], innerClass, outerClass, label, help, render);
+  }
+  return { addInsertButton, addGroupButtons, addListGroupFunctions };
+}

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

@@ -0,0 +1,26 @@
+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;
+};

package/dist/runtime/composables/useFormKitSchema.js

@@ -0,0 +1,58 @@
+export function useFormKitSchema() {
+  const addComponent = (component = "UButton", props = {}, render = true, formKitAttrs = {}) => {
+    return {
+      $cmp: component,
+      if: render.toString(),
+      props,
+      ...formKitAttrs
+    };
+  };
+  const addElement = (element = "div", children = [], attrs = {}, render = true, formKitAttrs = {}) => {
+    return {
+      $el: element,
+      if: render.toString(),
+      attrs,
+      children,
+      ...formKitAttrs
+    };
+  };
+  const addGroup = (name, children = [], render = true, formKitAttrs = {}) => {
+    return {
+      $formkit: "group",
+      if: render.toString(),
+      name,
+      children,
+      ...formKitAttrs
+    };
+  };
+  const addList = (name, children = [], dynamic = true, render = true, formKitAttrs = {}) => {
+    return {
+      $formkit: "list",
+      if: render.toString(),
+      name,
+      dynamic,
+      children,
+      ...formKitAttrs
+    };
+  };
+  const addListGroup = (children = [], render = true, formKitAttrs = {}) => {
+    return {
+      $formkit: "group",
+      if: render.toString(),
+      for: ["item", "index", "$items"],
+      // 👈 $items is in the slot’s scope
+      key: "$item",
+      index: "$index",
+      children,
+      ...formKitAttrs
+    };
+  };
+  const addElementsInOuterDiv = (children = [], innerClass = "", outerClass = "", label = "", help = "", render = true) => {
+    const inner = addElement("div", children, { class: `formkit-inner ${innerClass}`, style: "position: relative;" });
+    const labelDiv = addElement("label", [label], { class: "formkit-label" });
+    const wrapperDiv = addElement("div", [labelDiv, inner], { class: "formkit-wrapper" });
+    const helpDiv = addElement("div", [help], { class: "formkit-help" });
+    return addElement("div", [wrapperDiv, helpDiv], { class: `formkit-outer ${outerClass}`, style: "position: relative;" }, render);
+  };
+  return { addComponent, addElement, addGroup, addList, addListGroup, addElementsInOuterDiv };
+}

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

@@ -0,0 +1,28 @@
+export * from './input.js';
+export * from './output.js';
+export declare const nuxtUIInputs: {
+    nuxtUICheckbox: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUICheckboxGroup: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIColorPicker: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInput: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInputDate: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInputMenu: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInputNumber: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInputTags: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIInputTime: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIPinInput: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIRadioGroup: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUISelect: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUISelectMenu: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUISlider: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUISwitch: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUITextarea: import("@formkit/core").FormKitTypeDefinition;
+};
+export declare const nuxtUIOutputs: {
+    nuxtUIOutputBoolean: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIOutputDate: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIOutputLink: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIOutputList: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIOutputNumber: import("@formkit/core").FormKitTypeDefinition;
+    nuxtUIOutputText: import("@formkit/core").FormKitTypeDefinition;
+};

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

@@ -0,0 +1,30 @@
+import { nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition } from "./input.js";
+import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "./output.js";
+export * from "./input.js";
+export * from "./output.js";
+export const nuxtUIInputs = {
+  nuxtUICheckbox: nuxtUICheckboxDefinition,
+  nuxtUICheckboxGroup: nuxtUICheckboxGroupDefinition,
+  nuxtUIColorPicker: nuxtUIColorPickerDefinition,
+  nuxtUIInput: nuxtUIInputDefinition,
+  nuxtUIInputDate: nuxtUIInputDateDefinition,
+  nuxtUIInputMenu: nuxtUIInputMenuDefinition,
+  nuxtUIInputNumber: nuxtUIInputNumberDefinition,
+  nuxtUIInputTags: nuxtUIInputTagsDefinition,
+  nuxtUIInputTime: nuxtUIInputTimeDefinition,
+  nuxtUIPinInput: nuxtUIPinInputDefinition,
+  nuxtUIRadioGroup: nuxtUIRadioGroupDefinition,
+  nuxtUISelect: nuxtUISelectDefinition,
+  nuxtUISelectMenu: nuxtUISelectMenuDefinition,
+  nuxtUISlider: nuxtUISliderDefinition,
+  nuxtUISwitch: nuxtUISwitchDefinition,
+  nuxtUITextarea: nuxtUITextareaDefinition
+};
+export const nuxtUIOutputs = {
+  nuxtUIOutputBoolean: nuxtUIOutputBooleanDefinition,
+  nuxtUIOutputDate: nuxtUIOutputDateDefinition,
+  nuxtUIOutputLink: nuxtUIOutputLinkDefinition,
+  nuxtUIOutputList: nuxtUIOutputListDefinition,
+  nuxtUIOutputNumber: nuxtUIOutputNumberDefinition,
+  nuxtUIOutputText: nuxtUIOutputTextDefinition
+};

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

@@ -0,0 +1,30 @@
+import { nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition } from "./input.mjs";
+import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "./output.mjs";
+export * from "./input.mjs";
+export * from "./output.mjs";
+export const nuxtUIInputs = {
+  nuxtUICheckbox: nuxtUICheckboxDefinition,
+  nuxtUICheckboxGroup: nuxtUICheckboxGroupDefinition,
+  nuxtUIColorPicker: nuxtUIColorPickerDefinition,
+  nuxtUIInput: nuxtUIInputDefinition,
+  nuxtUIInputDate: nuxtUIInputDateDefinition,
+  nuxtUIInputMenu: nuxtUIInputMenuDefinition,
+  nuxtUIInputNumber: nuxtUIInputNumberDefinition,
+  nuxtUIInputTags: nuxtUIInputTagsDefinition,
+  nuxtUIInputTime: nuxtUIInputTimeDefinition,
+  nuxtUIPinInput: nuxtUIPinInputDefinition,
+  nuxtUIRadioGroup: nuxtUIRadioGroupDefinition,
+  nuxtUISelect: nuxtUISelectDefinition,
+  nuxtUISelectMenu: nuxtUISelectMenuDefinition,
+  nuxtUISlider: nuxtUISliderDefinition,
+  nuxtUISwitch: nuxtUISwitchDefinition,
+  nuxtUITextarea: nuxtUITextareaDefinition
+};
+export const nuxtUIOutputs = {
+  nuxtUIOutputBoolean: nuxtUIOutputBooleanDefinition,
+  nuxtUIOutputDate: nuxtUIOutputDateDefinition,
+  nuxtUIOutputLink: nuxtUIOutputLinkDefinition,
+  nuxtUIOutputList: nuxtUIOutputListDefinition,
+  nuxtUIOutputNumber: nuxtUIOutputNumberDefinition,
+  nuxtUIOutputText: nuxtUIOutputTextDefinition
+};

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

@@ -0,0 +1,17 @@
+import type { FormKitTypeDefinition } from '@formkit/core';
+export declare const nuxtUICheckboxDefinition: FormKitTypeDefinition;
+export declare const nuxtUICheckboxGroupDefinition: FormKitTypeDefinition;
+export declare const nuxtUIColorPickerDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputDateDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputMenuDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputNumberDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputTagsDefinition: FormKitTypeDefinition;
+export declare const nuxtUIInputTimeDefinition: FormKitTypeDefinition;
+export declare const nuxtUIPinInputDefinition: FormKitTypeDefinition;
+export declare const nuxtUIRadioGroupDefinition: FormKitTypeDefinition;
+export declare const nuxtUISelectDefinition: FormKitTypeDefinition;
+export declare const nuxtUISelectMenuDefinition: FormKitTypeDefinition;
+export declare const nuxtUISliderDefinition: FormKitTypeDefinition;
+export declare const nuxtUISwitchDefinition: FormKitTypeDefinition;
+export declare const nuxtUITextareaDefinition: FormKitTypeDefinition;

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

@@ -0,0 +1,81 @@
+import { createInput } from "@formkit/vue";
+import FUCheckbox from "../../../runtime/components/inputs/FUCheckbox.vue";
+import FUCheckboxGroup from "../../../runtime/components/inputs/FUCheckboxGroup.vue";
+import FUColorPicker from "../../../runtime/components/inputs/FUColorPicker.vue";
+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 FUInputTags from "../../../runtime/components/inputs/FUInputTags.vue";
+import FUInputTime from "../../../runtime/components/inputs/FUInputTime.vue";
+import FUPinInput from "../../../runtime/components/inputs/FUPinInput.vue";
+import FURadioGroup from "../../../runtime/components/inputs/FURadioGroup.vue";
+import FUSelect from "../../../runtime/components/inputs/FUSelect.vue";
+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";
+export const nuxtUICheckboxDefinition = createInput(FUCheckbox, {
+  props: ["label", "description", "color", "variant", "size", "indicator", "icon", "indeterminateIcon", "autofocus", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUICheckboxGroupDefinition = createInput(FUCheckboxGroup, {
+  props: ["options", "legend", "valueKey", "labelKey", "descriptionKey", "size", "variant", "orientation", "loop", "color", "indicator", "icon", "ui", "items"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIColorPickerDefinition = createInput(FUColorPicker, {
+  props: ["size", "inputClass", "format", "throttle", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputDefinition = createInput(FUInput, {
+  props: ["inputType", "size", "autocomplete", "autofocus", "autofocusDelay", "highlight", "fixed", "color", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "list", "max", "maxLength", "min", "minLength", "pattern", "step", "variant", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputDateDefinition = createInput(FUInputDate, {
+  props: ["defaultValue", "color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "range", "separatorIcon", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "defaultPlaceholder", "hourCycle", "step", "granularity", "hideTimeZone", "maxValue", "minValue", "isDateUnavailable", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputMenuDefinition = createInput(FUInputMenu, {
+  props: ["options", "inputType", "placeholder", "color", "variant", "size", "autofocus", "autofocusDelay", "trailingIcon", "selectedIcon", "deleteIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "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"],
+  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", "list", "autocomplete", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputTagsDefinition = createInput(FUInputTags, {
+  props: ["placeholder", "maxLength", "color", "variant", "size", "autofocus", "autofocusDelay", "deleteIcon", "highlight", "fixed", "addOnPaste", "addOnTab", "addOnBlur", "duplicate", "delimiters", "max", "convertValue", "displayValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "list", "autocomplete", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputTimeDefinition = createInput(FUInputTime, {
+  props: ["color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "defaultValue", "placeholder", "defaultPlaceholder", "hourCycle", "step", "stepSnapping", "granularity", "hideTimeZone", "maxValue", "minValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIPinInputDefinition = createInput(FUPinInput, {
+  props: ["color", "variant", "size", "length", "autofocus", "autofocusDelay", "highlight", "fixed", "defaultValue", "mask", "otp", "placeholder", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIRadioGroupDefinition = createInput(FURadioGroup, {
+  props: ["options", "legend", "valueKey", "labelKey", "descriptionKey", "size", "variant", "orientation", "loop", "name", "color", "indicator", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISelectDefinition = createInput(FUSelect, {
+  props: ["options", "placeholder", "color", "variant", "size", "selectedIcon", "arrow", "portal", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "autofocus", "autofocusDelay", "open", "defaultOpen", "autocomplete", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISelectMenuDefinition = createInput(FUSelectMenu, {
+  props: ["options", "placeholder", "searchInput", "color", "variant", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "selectedIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "autofocus", "autofocusDelay", "open", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "searchTerm", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISliderDefinition = createInput(FUSlider, {
+  props: ["color", "size", "orientation", "tooltip", "defaultValue", "name", "inverted", "min", "max", "step", "minStepsBetweenThumbs", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISwitchDefinition = createInput(FUSwitch, {
+  props: ["color", "size", "loading", "loadingIcon", "checkedIcon", "uncheckedIcon", "label", "description", "defaultValue", "autofocus", "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"
+});

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

@@ -0,0 +1,81 @@
+import { createInput } from "@formkit/vue";
+import FUCheckbox from "../../../runtime/components/inputs/FUCheckbox.vue";
+import FUCheckboxGroup from "../../../runtime/components/inputs/FUCheckboxGroup.vue";
+import FUColorPicker from "../../../runtime/components/inputs/FUColorPicker.vue";
+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 FUInputTags from "../../../runtime/components/inputs/FUInputTags.vue";
+import FUInputTime from "../../../runtime/components/inputs/FUInputTime.vue";
+import FUPinInput from "../../../runtime/components/inputs/FUPinInput.vue";
+import FURadioGroup from "../../../runtime/components/inputs/FURadioGroup.vue";
+import FUSelect from "../../../runtime/components/inputs/FUSelect.vue";
+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";
+export const nuxtUICheckboxDefinition = createInput(FUCheckbox, {
+  props: ["label", "description", "color", "variant", "size", "indicator", "icon", "indeterminateIcon", "autofocus", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUICheckboxGroupDefinition = createInput(FUCheckboxGroup, {
+  props: ["options", "legend", "valueKey", "labelKey", "descriptionKey", "size", "variant", "orientation", "loop", "color", "indicator", "icon", "ui", "items"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIColorPickerDefinition = createInput(FUColorPicker, {
+  props: ["size", "inputClass", "format", "throttle", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputDefinition = createInput(FUInput, {
+  props: ["inputType", "size", "autocomplete", "autofocus", "autofocusDelay", "highlight", "fixed", "color", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "list", "max", "maxLength", "min", "minLength", "pattern", "step", "variant", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputDateDefinition = createInput(FUInputDate, {
+  props: ["defaultValue", "color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "range", "separatorIcon", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "placeholder", "defaultPlaceholder", "hourCycle", "step", "granularity", "hideTimeZone", "maxValue", "minValue", "isDateUnavailable", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputMenuDefinition = createInput(FUInputMenu, {
+  props: ["options", "inputType", "placeholder", "color", "variant", "size", "autofocus", "autofocusDelay", "trailingIcon", "selectedIcon", "deleteIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "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"],
+  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", "list", "autocomplete", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputTagsDefinition = createInput(FUInputTags, {
+  props: ["placeholder", "maxLength", "color", "variant", "size", "autofocus", "autofocusDelay", "deleteIcon", "highlight", "fixed", "addOnPaste", "addOnTab", "addOnBlur", "duplicate", "delimiters", "max", "convertValue", "displayValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "list", "autocomplete", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIInputTimeDefinition = createInput(FUInputTime, {
+  props: ["color", "variant", "size", "highlight", "fixed", "autofocus", "autofocusDelay", "defaultValue", "placeholder", "defaultPlaceholder", "hourCycle", "step", "stepSnapping", "granularity", "hideTimeZone", "maxValue", "minValue", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIPinInputDefinition = createInput(FUPinInput, {
+  props: ["color", "variant", "size", "length", "autofocus", "autofocusDelay", "highlight", "fixed", "defaultValue", "mask", "otp", "placeholder", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUIRadioGroupDefinition = createInput(FURadioGroup, {
+  props: ["options", "legend", "valueKey", "labelKey", "descriptionKey", "size", "variant", "orientation", "loop", "name", "color", "indicator", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISelectDefinition = createInput(FUSelect, {
+  props: ["options", "placeholder", "color", "variant", "size", "selectedIcon", "arrow", "portal", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "autofocus", "autofocusDelay", "open", "defaultOpen", "autocomplete", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISelectMenuDefinition = createInput(FUSelectMenu, {
+  props: ["options", "placeholder", "searchInput", "color", "variant", "icon", "avatar", "leading", "leadingIcon", "trailing", "trailingIcon", "loading", "loadingIcon", "selectedIcon", "clear", "clearIcon", "arrow", "portal", "virtualize", "valueKey", "labelKey", "descriptionKey", "defaultValue", "multiple", "highlight", "fixed", "createItem", "filterFields", "ignoreFilter", "autofocus", "autofocusDelay", "open", "defaultOpen", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "searchTerm", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISliderDefinition = createInput(FUSlider, {
+  props: ["color", "size", "orientation", "tooltip", "defaultValue", "name", "inverted", "min", "max", "step", "minStepsBetweenThumbs", "ui"],
+  family: "NuxtUIInput"
+});
+export const nuxtUISwitchDefinition = createInput(FUSwitch, {
+  props: ["color", "size", "loading", "loadingIcon", "checkedIcon", "uncheckedIcon", "label", "description", "defaultValue", "autofocus", "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"
+});

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

@@ -0,0 +1,7 @@
+import type { FormKitTypeDefinition } from '@formkit/core';
+export declare const nuxtUIOutputTextDefinition: FormKitTypeDefinition;
+export declare const nuxtUIOutputBooleanDefinition: FormKitTypeDefinition;
+export declare const nuxtUIOutputDateDefinition: FormKitTypeDefinition;
+export declare const nuxtUIOutputLinkDefinition: FormKitTypeDefinition;
+export declare const nuxtUIOutputNumberDefinition: FormKitTypeDefinition;
+export declare const nuxtUIOutputListDefinition: FormKitTypeDefinition;

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

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

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

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

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

@@ -0,0 +1,93 @@
+import type { FormKitBaseSlots, FormKitInputs } from '@formkit/inputs';
+import type { CheckboxSlots, CheckboxGroupSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputTagsSlots, InputTimeSlots, SwitchSlots } from '@nuxt/ui';
+export * from './definitions/index.js';
+export * from './plugins/index.js';
+/**
+ * Keeps all slots from 1st argument, add any slots from 2nd type which do not collide with the 1st's names.
+ */
+type MergeSlots<A, B> = A & Omit<B, keyof A>;
+declare module '@formkit/inputs' {
+    interface FormKitInputProps<Props extends FormKitInputs<Props>> {
+        nuxtUICheckbox: {
+            type: 'nuxtUICheckbox';
+        };
+        nuxtUICheckboxGroup: {
+            type: 'nuxtUICheckboxGroup';
+        };
+        nuxtUIColorPicker: {
+            type: 'nuxtUIColorPicker';
+        };
+        nuxtUIInput: {
+            type: 'nuxtUIInput';
+        };
+        nuxtUIInputDate: {
+            type: 'nuxtUIInputDate';
+        };
+        nuxtUIInputMenu: {
+            type: 'nuxtUIInputMenu';
+        };
+        nuxtUIInputNumber: {
+            type: 'nuxtUIInputNumber';
+        };
+        nuxtUIInputTags: {
+            type: 'nuxtUIInputTags';
+        };
+        nuxtUIInputTime: {
+            type: 'nuxtUIInputTime';
+        };
+        nuxtUIPinInput: {
+            type: 'nuxtUIPinInput';
+        };
+        nuxtUIRadioGroup: {
+            type: 'nuxtUIRadioGroup';
+        };
+        nuxtUISelect: {
+            type: 'nuxtUISelect';
+        };
+        nuxtUISelectMenu: {
+            type: 'nuxtUISelectMenu';
+        };
+        nuxtUISlider: {
+            type: 'nuxtUISlider';
+        };
+        nuxtUISwitch: {
+            type: 'nuxtUISwitch';
+        };
+        nuxtUITextarea: {
+            type: 'nuxtUITextarea';
+        };
+        nuxtUIOutputText: {
+            type: 'nuxtUIOutputText';
+        };
+        nuxtUIOutputBoolean: {
+            type: 'nuxtUIOutputBoolean';
+        };
+        nuxtUIOutputDate: {
+            type: 'nuxtUIOutputDate';
+        };
+        nuxtUIOutputLink: {
+            type: 'nuxtUIOutputLink';
+        };
+        nuxtUIOutputNumber: {
+            type: 'nuxtUIOutputNumber';
+        };
+        nuxtUIOutputList: {
+            type: 'nuxtUIOutputList';
+        };
+    }
+    interface FormKitInputSlots<Props extends FormKitInputs<Props>> {
+        nuxtUICheckbox: MergeSlots<FormKitBaseSlots<Props>, CheckboxSlots>;
+        nuxtUICheckboxGroup: MergeSlots<FormKitBaseSlots<Props>, CheckboxGroupSlots>;
+        nuxtUIInput: MergeSlots<FormKitBaseSlots<Props>, InputSlots>;
+        nuxtUIInputDate: MergeSlots<FormKitBaseSlots<Props>, InputDateSlots>;
+        nuxtUIInputMenu: MergeSlots<FormKitBaseSlots<Props>, InputMenuSlots>;
+        nuxtUIInputNumber: MergeSlots<FormKitBaseSlots<Props>, InputNumberSlots>;
+        nuxtUIInputTags: MergeSlots<FormKitBaseSlots<Props>, InputTagsSlots>;
+        nuxtUIInputTime: MergeSlots<FormKitBaseSlots<Props>, InputTimeSlots>;
+        nuxtUIRadioGroup: MergeSlots<FormKitBaseSlots<Props>, RadioGroupSlots>;
+        nuxtUISelect: MergeSlots<FormKitBaseSlots<Props>, SelectSlots>;
+        nuxtUISelectMenu: MergeSlots<FormKitBaseSlots<Props>, SelectMenuSlots>;
+        nuxtUISwitch: MergeSlots<FormKitBaseSlots<Props>, SwitchSlots>;
+        nuxtUITextarea: MergeSlots<FormKitBaseSlots<Props>, TextareaSlots>;
+    }
+}

package/dist/runtime/formkit/index.js

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

package/dist/runtime/formkit/index.mjs

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

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

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