@sfxcode/nuxt-ui-formkit 0.8.2

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

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

package/dist/runtime/components/output/FUOutputLink.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 FormKitOutputLinkProps {
+    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';
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    rel?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputLinkProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputLinkProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,78 @@
+<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 linkUrl = computed(() => props.context._value ?? "");
+const isExternal = computed(() => {
+  const url = linkUrl.value;
+  if (!url)
+    return false;
+  return url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//");
+});
+const linkTarget = computed(() => {
+  return props.context.target ?? (isExternal.value ? "_blank" : void 0);
+});
+const linkRel = computed(() => {
+  if (props.context.rel)
+    return props.context.rel;
+  if (isExternal.value && linkTarget.value === "_blank")
+    return "noopener noreferrer";
+  return void 0;
+});
+const displayValue = computed(() => {
+  return linkUrl;
+});
+const { containerClass, iconClass, leadingIconName, trailingIconName } = useFormKitOutput(props.context);
+const linkClass = computed(() => {
+  const classes = [
+    containerClass.value
+  ];
+  return classes.filter(Boolean).join(" ");
+});
+</script>
+
+<template>
+  <div
+    :id="context.id"
+    :class="containerClass"
+    :style="context?.attrs?.style"
+  >
+    <FUIcon
+      v-if="leadingIconName"
+      :name="leadingIconName"
+      :class="iconClass"
+      :on-click="context?.onLeadingIconClicked"
+    />
+    <ULink
+      v-if="isExternal"
+      :href="isExternal ? linkUrl : void 0"
+      :target="linkTarget"
+      :rel="linkRel"
+      :class="linkClass"
+      :style="context?.attrs?.style"
+    >
+      <span>{{ displayValue }}</span>
+    </ULink>
+    <NuxtLink
+      v-else
+      :to="linkUrl"
+      :class="linkClass"
+      :style="context?.attrs?.style"
+    >
+      <span>{{ displayValue }}</span>
+    </NuxtLink>
+
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :class="iconClass"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

package/dist/runtime/components/output/FUOutputLink.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 FormKitOutputLinkProps {
+    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';
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    rel?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputLinkProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputLinkProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/output/FUOutputList.d.vue.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/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"
+      :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"
+      :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"
+      :class="iconClass"
+      :on-click="context?.onLeadingIconClicked"
+    />
+    <span>{{ displayValue }}</span>
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :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,27 @@
+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';
+    outputType?: 'text' | 'email' | 'url' | 'tel' | 'color' | 'duration';
+}
+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,90 @@
+<script setup>
+import { computed } from "vue";
+import { useFormKitOutput } from "../../utils/useFormKitOutput";
+import { convertColorToHex } from "../../utils/colorConverter";
+import { formattedDuration } from "../../utils/durationConverter";
+import FUIcon from "./FUIcon.vue";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const outputType = computed(() => props.context.outputType ?? "text");
+const displayValue = computed(() => {
+  let result = props.context._value ?? "";
+  if (outputType.value === "duration") {
+    result = formattedDuration(result);
+  }
+  return result;
+});
+const isLink = computed(() => ["email", "url", "tel"].includes(outputType.value));
+const linkHref = computed(() => {
+  const value = displayValue.value;
+  if (!value)
+    return "";
+  switch (outputType.value) {
+    case "email":
+      return value.startsWith("mailto:") ? value : `mailto:${value}`;
+    case "tel":
+      return value.startsWith("tel:") ? value : `tel:${value}`;
+    case "url":
+      return value;
+    default:
+      return "";
+  }
+});
+const colorValue = computed(() => {
+  if (outputType.value === "color") {
+    return convertColorToHex(displayValue.value);
+  }
+  return void 0;
+});
+const colorStyle = computed(() => {
+  if (outputType.value === "color") {
+    return `color: ${colorValue.value} `;
+  }
+  return " ";
+});
+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"
+      :class="iconClass"
+      :style="colorStyle"
+      :on-click="context?.onLeadingIconClicked"
+    />
+
+    <!-- Link output types (email, url, tel) -->
+    <ULink
+      v-if="isLink && displayValue"
+      :href="linkHref"
+      :target="outputType === 'url' ? '_blank' : void 0"
+      :rel="outputType === 'url' ? 'noopener noreferrer' : void 0"
+    >
+      {{ displayValue }}
+    </ULink>
+
+    <!-- Default text output -->
+    <span
+      v-else
+      :style="colorStyle"
+    >{{ displayValue }}</span>
+
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :class="iconClass"
+      :style="colorStyle"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,27 @@
+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';
+    outputType?: 'text' | 'email' | 'url' | 'tel' | 'color' | 'duration';
+}
+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, icon?: string, styleClass?: string, render?: string) => object;
+    addGroupButtons: (innerClass?: string, outerClass?: string, label?: string, help?: string, render?: string) => object;
+    addListGroupFunctions: (data: Record<string, unknown>, addNodeDefaultObject?: object) => void;
+};