@sfxcode/nuxt-ui-formkit 1.2.4 → 1.2.5

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

@@ -7,7 +7,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, styleClass, color, modelValue, items, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, styleClass, color, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
 const handleContainerBlur = createContainerBlurHandler(props.context);
 </script>
 
@@ -30,7 +30,7 @@ const handleContainerBlur = createContainerBlurHandler(props.context);
     :description-key="context.descriptionKey"
     :loop="context.loop ?? false"
     :name="context.name"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
     @focusout="handleContainerBlur"

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

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, color, styleClass, modelValue, items, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, isInvalid, color, styleClass, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -45,7 +45,7 @@ const { handleInput, handleChange, isInvalid, color, styleClass, modelValue, ite
     :open="context.open"
     :default-open="context.defaultOpen"
     :autocomplete="context.autocomplete"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
   >

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

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, items, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, items, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -57,7 +57,7 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, ite
     :reset-model-value-on-clear="context.resetModelValueOnClear"
     :highlight-on-hover="context.highlightOnHover"
     :search-term="context.searchTerm"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
   >

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

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, styleClass, color, modelValue } = useFormKitInput(props.context);
+const { handleInput, handleChange, styleClass, color, modelValue, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -29,7 +29,7 @@ const { handleInput, handleChange, styleClass, color, modelValue } = useFormKitI
     :max="context.max"
     :step="context.step"
     :min-steps-between-thumbs="context.minStepsBetweenThumbs"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
   />

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

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, handleBlur, styleClass, color, modelValue, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, styleClass, color, modelValue, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -29,7 +29,7 @@ const { handleInput, handleChange, handleBlur, styleClass, color, modelValue, va
     :true-value="context.trueValue"
     :false-value="context.falseValue"
     :autofocus="context.autofocus"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
     @blur="handleBlur"

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

@@ -6,7 +6,7 @@ const props = defineProps({
     required: true
   }
 });
-const { handleInput, handleChange, handleBlur, styleClass, color, isInvalid, modelValue, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, styleClass, color, isInvalid, modelValue, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -43,7 +43,7 @@ const { handleInput, handleChange, handleBlur, styleClass, color, isInvalid, mod
     :maxlength="context.maxlength"
     :minlength="context.minlength"
     :wrap="context.wrap"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
     @blur="handleBlur"

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

@@ -1,4 +1,5 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
+import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { PropType } from 'vue';
 import type { FormKitIconProps } from './FUIcon.vue.js';
 export interface FormKitOutputBooleanProps {
@@ -14,6 +15,7 @@ export interface FormKitOutputBooleanProps {
     trueIcon?: string;
     trueValue?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    ui?: FormKitOutputUi;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

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

@@ -1,4 +1,5 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
+import type { FormKitOutputUi } from '../../utils/useFormKitOutput.js';
 import type { PropType } from 'vue';
 import type { FormKitIconProps } from './FUIcon.vue.js';
 export interface FormKitOutputBooleanProps {
@@ -14,6 +15,7 @@ export interface FormKitOutputBooleanProps {
     trueIcon?: string;
     trueValue?: string;
     variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    ui?: FormKitOutputUi;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

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

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

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

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

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

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

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

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

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

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

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

@@ -44,7 +44,7 @@ const badgeVariant = computed(() => {
   if (variant === "ghost" || variant === "none") return "soft";
   return variant;
 });
-const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const { containerClass, iconClass, leadingIconName, trailingIconName, ui } = useFormKitOutput(props.context);
 </script>
 
 <template>
@@ -128,6 +128,7 @@ const { containerClass, iconClass, leadingIconName, trailingIconName } = useForm
         :variant="badgeVariant"
         :size="context.size"
         :class="itemClass"
+        :ui="ui?.badge"
       >
         {{ item }}
       </UBadge>

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

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

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

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

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

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

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

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

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

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

package/dist/runtime/composables/useFormKitRepeater.js

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

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

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

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

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

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

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

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

@@ -42,6 +42,10 @@ export const nuxtUIRepeaterDefinition = createInput(
       addListGroup([
         addElement("div", [
           addDragHandle("$internalDragHandleClass", "$dragHandleIconName", "$renderDragHandle"),
+          // A bare `{ children }` node (no `$el`/`$cmp`/`$formkit` discriminant)
+          // is not representable by `FormKitSchemaNode`'s own type, but
+          // FormKit's schema compiler accepts it at runtime as a slot
+          // passthrough - cast rather than widen the shared `FormKitSchemaNode` type.
           { children: "$slots.default" },
           addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")
         ], {

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

@@ -42,6 +42,10 @@ export const nuxtUIRepeaterDefinition = createInput(
       addListGroup([
         addElement("div", [
           addDragHandle("$internalDragHandleClass", "$dragHandleIconName", "$renderDragHandle"),
+          // A bare `{ children }` node (no `$el`/`$cmp`/`$formkit` discriminant)
+          // is not representable by `FormKitSchemaNode`'s own type, but
+          // FormKit's schema compiler accepts it at runtime as a slot
+          // passthrough - cast rather than widen the shared `FormKitSchemaNode` type.
           { children: "$slots.default" },
           addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")
         ], {

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, SwitchSlots } from '@nuxt/ui';
+import type { CalendarSlots, CheckboxSlots, CheckboxGroupSlots, EditorSlots, FileUploadSlots, RadioGroupSlots, InputSlots, TextareaSlots, SelectSlots, SelectMenuSlots, InputDateSlots, InputMenuSlots, InputNumberSlots, InputTagsSlots, InputTimeSlots, ListboxSlots, PinInputSlots, SwitchSlots } from '@nuxt/ui';
 export * from './createNuxtUiFormkitConfig.js';
 export * from './definitions/index.js';
 export * from './plugins/index.js';
@@ -58,6 +58,9 @@ declare module '@formkit/inputs' {
         nuxtUIRadioGroup: {
             type: 'nuxtUIRadioGroup';
         };
+        nuxtUIRepeater: {
+            type: 'nuxtUIRepeater';
+        };
         nuxtUISelect: {
             type: 'nuxtUISelect';
         };
@@ -109,7 +112,9 @@ declare module '@formkit/inputs' {
         nuxtUIInputTime: MergeSlots<FormKitBaseSlots<Props>, InputTimeSlots>;
         nuxtUIListbox: MergeSlots<FormKitBaseSlots<Props>, ListboxSlots>;
         nuxtUIMultiStep: MergeSlots<FormKitBaseSlots<Props>, FormKitMultiStepSlots<Props>>;
+        nuxtUIPinInput: MergeSlots<FormKitBaseSlots<Props>, PinInputSlots>;
         nuxtUIRadioGroup: MergeSlots<FormKitBaseSlots<Props>, RadioGroupSlots>;
+        nuxtUIRepeater: FormKitBaseSlots<Props>;
         nuxtUISelect: MergeSlots<FormKitBaseSlots<Props>, SelectSlots>;
         nuxtUISelectMenu: MergeSlots<FormKitBaseSlots<Props>, SelectMenuSlots>;
         nuxtUIStep: MergeSlots<FormKitBaseSlots<Props>, FormKitStepSlots<Props>>;

package/dist/runtime/utils/useFormKitInput.d.ts

@@ -10,4 +10,5 @@ export declare function useFormKitInput(context: FormKitFrameworkContext): {
     handleSelect: (e: unknown) => void;
     modelValue: import("vue").WritableComputedRef<any, any>;
     items: import("vue").ComputedRef<any[]>;
+    ui: import("vue").Ref<any, any>;
 };

package/dist/runtime/utils/useFormKitInput.js

@@ -1,5 +1,13 @@
-import { computed } from "vue";
+import { computed, onBeforeUnmount, ref } from "vue";
 export function useFormKitInput(context) {
+  const ui = ref(context?.node?.props?.ui);
+  const uiReceipt = context?.node?.on?.("prop:ui", ({ payload }) => {
+    ui.value = payload;
+  });
+  onBeforeUnmount(() => {
+    if (uiReceipt !== void 0)
+      context?.node?.off?.(uiReceipt);
+  });
   const isInvalid = computed(() => {
     return context?.state?.validationVisible && !context?.state?.valid;
   });
@@ -38,5 +46,5 @@ export function useFormKitInput(context) {
     }
     return [];
   });
-  return { isInvalid, validSlotNames, styleClass, color, handleBlur, handleChange, handleInput, handleSelect, modelValue, items };
+  return { isInvalid, validSlotNames, styleClass, color, handleBlur, handleChange, handleInput, handleSelect, modelValue, items, ui };
 }

package/dist/runtime/utils/useFormKitOutput.d.ts

@@ -1,4 +1,12 @@
 import type { FormKitFrameworkContext } from '@formkit/core';
+export interface FormKitOutputUi {
+    /** Merged into `containerClass` - Output components have no themeable Nuxt UI root to forward to. */
+    root?: string;
+    /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */
+    icon?: string;
+    /** Forwarded unmodified to `UBadge`'s own `:ui` prop (`FUOutputList`'s badge display mode only). */
+    badge?: Record<string, unknown>;
+}
 export declare function useFormKitOutput(context: FormKitFrameworkContext): {
     colorClass: import("vue").ComputedRef<string>;
     sizeClass: import("vue").ComputedRef<string>;
@@ -7,4 +15,21 @@ export declare function useFormKitOutput(context: FormKitFrameworkContext): {
     iconClass: import("vue").ComputedRef<string>;
     leadingIconName: import("vue").ComputedRef<string | null>;
     trailingIconName: import("vue").ComputedRef<string | null>;
+    ui: import("vue").Ref<{
+        root?: string
+        /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */
+         | undefined;
+        icon?: string
+        /** Forwarded unmodified to `UBadge`'s own `:ui` prop (`FUOutputList`'s badge display mode only). */
+         | undefined;
+        badge?: Record<string, unknown> | undefined;
+    } | undefined, FormKitOutputUi | {
+        root?: string
+        /** Merged into `iconClass`, applied to every `FUIcon` an Output component renders. */
+         | undefined;
+        icon?: string
+        /** Forwarded unmodified to `UBadge`'s own `:ui` prop (`FUOutputList`'s badge display mode only). */
+         | undefined;
+        badge?: Record<string, unknown> | undefined;
+    } | undefined>;
 };