@sfxcode/nuxt-ui-formkit 1.2.3 → 1.2.5

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

@@ -1,12 +1,17 @@
 <script setup>
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const props = defineProps({
   context: {
     type: Object,
     required: true
   }
 });
-const { handleInput, handleChange, isInvalid, styleClass, color, modelValue } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, isInvalid, styleClass, color, modelValue, ui } = useFormKitInput(props.context);
+const handleContainerBlur = createContainerBlurHandler(props.context);
+function handlePinBlur(event) {
+  handleBlur(event);
+}
 </script>
 
 <template>
@@ -32,8 +37,10 @@ const { handleInput, handleChange, isInvalid, styleClass, color, modelValue } =
     :separator="context.separator"
     :type="context.type ?? 'text'"
     :placeholder="context.placeholder"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handlePinBlur"
+    @focusout="handleContainerBlur"
   />
 </template>

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

@@ -1,12 +1,14 @@
 <script setup>
 import { useFormKitInput } from "../../utils/useFormKitInput";
+import { createContainerBlurHandler } from "../../utils/useFormKitContainerBlur";
 const props = defineProps({
   context: {
     type: Object,
     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>
 
 <template>
@@ -28,9 +30,10 @@ const { handleInput, handleChange, styleClass, color, modelValue, items, validSl
     :description-key="context.descriptionKey"
     :loop="context.loop ?? false"
     :name="context.name"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @focusout="handleContainerBlur"
   >
     <template
       v-for="slotName in validSlotNames"

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, styleClass, color, modelValue, validSlotNames } = useFormKitInput(props.context);
+const { handleInput, handleChange, handleBlur, styleClass, color, modelValue, validSlotNames, ui } = useFormKitInput(props.context);
 </script>
 
 <template>
@@ -29,9 +29,10 @@ const { handleInput, handleChange, styleClass, color, modelValue, validSlotNames
     :true-value="context.trueValue"
     :false-value="context.falseValue"
     :autofocus="context.autofocus"
-    :ui="context.ui"
+    :ui="ui"
     @change="handleChange"
     @update:model-value="handleInput"
+    @blur="handleBlur"
   >
     <template
       v-for="slotName in validSlotNames"

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

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

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/useFormKitOverlay.d.ts

@@ -0,0 +1,20 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { AutoFormOverrides, ValibotLikeSchema, ZodLikeSchema } from './useFormKitAutoForm.js';
+export interface FormKitOverlayEditOptions {
+    data: unknown;
+    schema: FormKitSchemaDefinition;
+    title?: string;
+    as?: 'modal' | 'slideover';
+}
+export interface FormKitOverlayAutoOptions {
+    data?: unknown;
+    valibotSchema?: ValibotLikeSchema;
+    zodSchema?: ZodLikeSchema;
+    overrides?: AutoFormOverrides;
+    title?: string;
+    as?: 'modal' | 'slideover';
+}
+export declare function useFormKitOverlay(): {
+    edit: (options: FormKitOverlayEditOptions) => Promise<unknown>;
+    auto: (options: FormKitOverlayAutoOptions) => Promise<unknown>;
+};

package/dist/runtime/composables/useFormKitOverlay.js

@@ -0,0 +1,42 @@
+import { useOverlay } from "@nuxt/ui/composables";
+import FUAutoFormOverlay from "../components/FUAutoFormOverlay.vue";
+import FUDataEditOverlay from "../components/FUDataEditOverlay.vue";
+const registeredOverlays = /* @__PURE__ */ new WeakMap();
+const registeredAutoOverlays = /* @__PURE__ */ new WeakMap();
+let formIdCounter = 0;
+export function useFormKitOverlay() {
+  const overlay = useOverlay();
+  let registeredOverlay = registeredOverlays.get(overlay);
+  if (!registeredOverlay) {
+    registeredOverlay = overlay.create(FUDataEditOverlay);
+    registeredOverlays.set(overlay, registeredOverlay);
+  }
+  let registeredAutoOverlay = registeredAutoOverlays.get(overlay);
+  if (!registeredAutoOverlay) {
+    registeredAutoOverlay = overlay.create(FUAutoFormOverlay);
+    registeredAutoOverlays.set(overlay, registeredAutoOverlay);
+  }
+  function edit(options) {
+    const id = `formkit-overlay-${++formIdCounter}`;
+    return registeredOverlay.open({
+      id,
+      data: options.data,
+      schema: options.schema,
+      title: options.title,
+      as: options.as ?? "modal"
+    });
+  }
+  function auto(options) {
+    const id = `formkit-autoform-overlay-${++formIdCounter}`;
+    return registeredAutoOverlay.open({
+      id,
+      data: options.data,
+      valibotSchema: options.valibotSchema,
+      zodSchema: options.zodSchema,
+      overrides: options.overrides,
+      title: options.title,
+      as: options.as ?? "modal"
+    });
+  }
+  return { edit, auto };
+}

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