@sfxcode/formkit-nuxt-ui 0.7.2

package/dist/runtime/components/output/FUOutputList.vue

@@ -0,0 +1,143 @@
+<script setup>
+import { computed } from "vue";
+import { useFormKitOutput } from "../../utils/useFormKitOutput";
+import FUIcon from "./FUIcon.vue";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const listValue = computed(() => {
+  const value = props.context._value;
+  if (!value) return [];
+  if (Array.isArray(value)) return value.map(String);
+  if (typeof value === "string") return value.split(",").map((s) => s.trim());
+  return [String(value)];
+});
+const listType = computed(() => props.context.listType ?? "span");
+const separator = computed(() => {
+  if (props.context.separator) return props.context.separator;
+  const separatorMap = {
+    comma: ", ",
+    semicolon: "; ",
+    pipe: " | ",
+    dash: " - ",
+    space: " "
+  };
+  return separatorMap[listType.value] || ", ";
+});
+const isInlineList = computed(() => {
+  return ["span", "comma", "semicolon", "pipe", "dash", "space"].includes(listType.value);
+});
+const displayValue = computed(() => {
+  if (isInlineList.value && listType.value !== "span") {
+    return listValue.value.join(separator.value);
+  }
+  return null;
+});
+const itemClass = computed(() => {
+  return props.context.itemClass ?? "";
+});
+const badgeVariant = computed(() => {
+  const variant = props.context.variant;
+  if (variant === "ghost" || variant === "none") return "soft";
+  return variant;
+});
+const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+</script>
+
+<template>
+  <div
+    :id="context.id"
+    :class="containerClass"
+    :style="context?.attrs?.style"
+  >
+    <FUIcon
+      v-if="leadingIconName"
+      :name="leadingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onLeadingIconClicked"
+    />
+
+    <!-- Inline list with separators (comma, semicolon, pipe, dash) -->
+    <span v-if="displayValue">{{ displayValue }}</span>
+
+    <!-- Span list (inline items without separator) -->
+    <template v-else-if="listType === 'span'">
+      <span
+        v-for="(item, index) in listValue"
+        :key="index"
+        :class="itemClass"
+      >
+        {{ item }}
+      </span>
+    </template>
+
+    <!-- Div list (block items) -->
+    <div
+      v-else-if="listType === 'div'"
+      class="flex flex-col gap-1"
+    >
+      <div
+        v-for="(item, index) in listValue"
+        :key="index"
+        :class="itemClass"
+      >
+        {{ item }}
+      </div>
+    </div>
+
+    <!-- Unordered list -->
+    <ul
+      v-else-if="listType === 'ul'"
+      class="list-disc list-inside"
+    >
+      <li
+        v-for="(item, index) in listValue"
+        :key="index"
+        :class="itemClass"
+      >
+        {{ item }}
+      </li>
+    </ul>
+
+    <!-- Ordered list -->
+    <ol
+      v-else-if="listType === 'ol'"
+      class="list-decimal list-inside"
+    >
+      <li
+        v-for="(item, index) in listValue"
+        :key="index"
+        :class="itemClass"
+      >
+        {{ item }}
+      </li>
+    </ol>
+
+    <!-- Badge list (styled like tags/badges) -->
+    <div
+      v-else-if="listType === 'badge'"
+      class="flex flex-wrap gap-2"
+    >
+      <UBadge
+        v-for="(item, index) in listValue"
+        :key="index"
+        :color="context.color"
+        :variant="badgeVariant"
+        :size="context.size"
+        :class="itemClass"
+      >
+        {{ item }}
+      </UBadge>
+    </div>
+
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,29 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FUIcon.vue.js';
+export interface FormKitOutputListProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    icon?: string;
+    itemClass?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    listType?: 'span' | 'div' | 'ul' | 'ol' | 'comma' | 'semicolon' | 'pipe' | 'dash' | 'space' | 'badge';
+    separator?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputListProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputListProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FUIcon.vue.js';
+export interface FormKitOutputNumberProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    formatOptions?: Intl.NumberFormatOptions;
+    icon?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    locale?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputNumberProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputNumberProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,52 @@
+<script setup>
+import { computed } from "vue";
+import { useFormKitOutput } from "../../utils/useFormKitOutput";
+import FUIcon from "./FUIcon.vue";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const numberValue = computed(() => {
+  const value = props.context._value;
+  if (value === null || value === void 0 || value === "")
+    return null;
+  return Number(value);
+});
+const displayValue = computed(() => {
+  if (numberValue.value === null || Number.isNaN(numberValue.value))
+    return "";
+  const locale = props.context.locale ?? "en-US";
+  const formatOptions = props.context.formatOptions ?? {};
+  try {
+    return new Intl.NumberFormat(locale, formatOptions).format(numberValue.value);
+  } catch (error) {
+    console.error("Error formatting number:", error);
+    return String(numberValue.value);
+  }
+});
+const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+</script>
+
+<template>
+  <div
+    :id="context.id"
+    :class="containerClass"
+    :style="context?.attrs?.style"
+  >
+    <FUIcon
+      v-if="leadingIconName"
+      :name="leadingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onLeadingIconClicked"
+    />
+    <span>{{ displayValue }}</span>
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FUIcon.vue.js';
+export interface FormKitOutputNumberProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    formatOptions?: Intl.NumberFormatOptions;
+    icon?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    locale?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputNumberProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputNumberProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FUIcon.vue.js';
+export interface FormKitOutputTextProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    icon?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputTextProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputTextProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,35 @@
+<script setup>
+import { computed } from "vue";
+import { useFormKitOutput } from "../../utils/useFormKitOutput";
+import FUIcon from "./FUIcon.vue";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const displayValue = computed(() => props.context._value ?? "");
+const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+</script>
+
+<template>
+  <div
+    :id="context.id"
+    :class="containerClass"
+    :style="context?.attrs?.style"
+  >
+    <FUIcon
+      v-if="leadingIconName"
+      :name="leadingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onLeadingIconClicked"
+    />
+    <span>{{ displayValue }}</span>
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,26 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FUIcon.vue.js';
+export interface FormKitOutputTextProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    icon?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputTextProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputTextProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+export declare function useFormKitRepeater(): {
+    addInsertButton: (label?: string, innerClass?: string, outerClass?: string, buttonClass?: string, iconClass?: string) => object;
+    addGroupButtons: (innerClass?: string, outerClass?: string, label?: string, help?: string, render?: string) => object;
+    addListGroupFunctions: (data: Record<string, unknown>, addNodeDefaultObject?: object) => void;
+};

package/dist/runtime/composables/useFormKitRepeater.js

@@ -0,0 +1,54 @@
+import { useFormKitSchema } from "./useFormKitSchema.js";
+export function useFormKitRepeater() {
+  const { addElement, addComponent, addElementsInOuterDiv } = useFormKitSchema();
+  function addInsertButton(label = "Add", innerClass = "", outerClass = "", buttonClass = "p-button-sm", iconClass = "pi pi-plus") {
+    return addElementsInOuterDiv([
+      addComponent("Button", { onClick: "$addNode($node.parent)", label, class: buttonClass, icon: iconClass }, "$node.parent.value.length == 0")
+    ], innerClass, outerClass);
+  }
+  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 newArray = [...parentNode.value, { ...obj }];
+      parentNode.input(newArray, false);
+    };
+  }
+  function addGroupButtons(innerClass = "", outerClass = "col-4", label = "Actions", help = "", render = "true") {
+    const addButtonComponent = (onClick = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm") => {
+      return addComponent("Button", { onClick, label: label2, icon, class: styleClass, severity }, render2);
+    };
+    return addElementsInOuterDiv([
+      addButtonComponent("$removeNode($node.parent, $index)", "", "pi pi-times", "danger"),
+      addButtonComponent("$copyNode($node.parent, $index)", "", "pi pi-plus"),
+      addButtonComponent("$moveNodeUp($node.parent, $index)", "", "pi pi-arrow-up", "secondary", "$index != 0"),
+      addElement("span", [], { class: "p-space" }, "$index == 0"),
+      addButtonComponent("$moveNodeDown($node.parent, $index)", "", "pi pi-arrow-down", "secondary", "$index < $node.parent.value.length -1"),
+      addElement("span", [], { class: "p-space" }, "$index == $node.parent.value.length -1")
+    ], `p-action-buttons ${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 = "Button", 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/definitions/index.d.ts

@@ -0,0 +1,26 @@
+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/definitions/index.js

@@ -0,0 +1,28 @@
+import { nuxtUICheckboxDefinition, nuxtUICheckboxGroupDefinition, nuxtUIColorPickerDefinition, nuxtUIInputDateDefinition, nuxtUIInputDefinition, nuxtUIInputMenuDefinition, nuxtUIInputNumberDefinition, nuxtUIInputTagsDefinition, nuxtUIInputTimeDefinition, nuxtUIPinInputDefinition, nuxtUIRadioGroupDefinition, nuxtUISelectDefinition, nuxtUISelectMenuDefinition, nuxtUISliderDefinition, nuxtUISwitchDefinition, nuxtUITextareaDefinition } from "../definitions/input.js";
+import { nuxtUIOutputBooleanDefinition, nuxtUIOutputDateDefinition, nuxtUIOutputLinkDefinition, nuxtUIOutputListDefinition, nuxtUIOutputNumberDefinition, nuxtUIOutputTextDefinition } from "../definitions/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/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;