@sfxcode/formkit-nuxt-ui 0.7.2

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

@@ -0,0 +1,28 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+export interface FormKitSwitchProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    loading?: boolean;
+    loadingIcon?: string;
+    checkedIcon?: string;
+    uncheckedIcon?: string;
+    label?: string;
+    description?: string;
+    defaultValue?: boolean;
+    autofocus?: false | true | 'true' | 'false';
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSwitchProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSwitchProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,44 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { AvatarProps } from '#ui/components/Avatar.vue';
+export interface FormKitTextareaProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    placeholder?: string;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    autoresize?: boolean;
+    autoresizeDelay?: number;
+    rows?: number;
+    maxrows?: number;
+    highlight?: boolean;
+    fixed?: boolean;
+    icon?: string;
+    avatar?: AvatarProps;
+    leading?: boolean;
+    leadingIcon?: string;
+    trailing?: boolean;
+    trailingIcon?: string;
+    loading?: boolean;
+    loadingIcon?: boolean;
+    cols?: number | string;
+    dirname?: string;
+    maxlength?: number | string;
+    minlength?: number | string;
+    wrap?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitTextareaProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitTextareaProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,50 @@
+<script setup>
+import { useFormKitInput } from "../../utils/useFormKitInput";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { handleInput, handleChange, styleClass, color, isInvalid, modelValue } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <UTextarea
+    :id="context.id"
+    v-model="modelValue"
+    v-bind="{ ...context?.attrs }"
+    :class="styleClass"
+    :disabled="!!context?.disabled"
+    :readonly="context?.attrs.readonly ?? false"
+    :style="context?.attrs.style"
+    :color="color"
+    :highlight="isInvalid || context.highlight"
+    :size="context.size ?? 'md'"
+    :variant="context.variant ?? 'outline'"
+    :placeholder="context.placeholder"
+    :autofocus="context.autofocus"
+    :autofocus-delay="context.autofocusDelay"
+    :autoresize="context.autoresize"
+    :autoresize-delay="context.autoresizeDelay"
+    :rows="context.rows"
+    :maxrows="context.maxrows"
+    :fixed="context.fixed"
+    :icon="context.icon"
+    :avatar="context.avatar"
+    :leading="context.leading"
+    :leading-icon="context.leadingIcon"
+    :trailing="context.trailing"
+    :trailing-icon="context.trailingIcon"
+    :loading="context.loading"
+    :loading-icon="context.loadingIcon"
+    :cols="context.cols"
+    :dirname="context.dirname"
+    :maxlength="context.maxlength"
+    :minlength="context.minlength"
+    :wrap="context.wrap"
+    :ui="context.ui"
+    @change="handleChange"
+    @update:model-value="handleInput"
+  />
+</template>

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

@@ -0,0 +1,44 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { AvatarProps } from '#ui/components/Avatar.vue';
+export interface FormKitTextareaProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    placeholder?: string;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    autoresize?: boolean;
+    autoresizeDelay?: number;
+    rows?: number;
+    maxrows?: number;
+    highlight?: boolean;
+    fixed?: boolean;
+    icon?: string;
+    avatar?: AvatarProps;
+    leading?: boolean;
+    leadingIcon?: string;
+    trailing?: boolean;
+    trailingIcon?: string;
+    loading?: boolean;
+    loadingIcon?: boolean;
+    cols?: number | string;
+    dirname?: string;
+    maxlength?: number | string;
+    minlength?: number | string;
+    wrap?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitTextareaProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitTextareaProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,38 @@
+import type { PropType } from 'vue';
+export interface FormKitIconProps {
+    onIconClicked?: () => void;
+    onLeadingIconClicked?: () => void;
+    onTrailingIconClicked?: () => void;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    onClick: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    onClick: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    onClick: () => void;
+    iconClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,21 @@
+<script setup>
+defineProps({
+  name: {
+    type: String,
+    required: true
+  },
+  onClick: { type: Function, default: void 0 },
+  iconClass: {
+    type: String,
+    default: ""
+  }
+});
+</script>
+
+<template>
+  <UIcon
+    :name="name"
+    :class="iconClass"
+    @click="onClick"
+  />
+</template>

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

@@ -0,0 +1,38 @@
+import type { PropType } from 'vue';
+export interface FormKitIconProps {
+    onIconClicked?: () => void;
+    onLeadingIconClicked?: () => void;
+    onTrailingIconClicked?: () => void;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    onClick: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    onClick: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    onClick: () => void;
+    iconClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/output/FUOutputBoolean.d.vue.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 FormKitOutputBooleanProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    falseIcon?: string;
+    falseValue?: string;
+    icon?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    trueIcon?: string;
+    trueValue?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputBooleanProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputBooleanProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,56 @@
+<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 booleanValue = computed(() => Boolean(props.context._value));
+const displayValue = computed(() => {
+  if (booleanValue.value) {
+    return props.context.trueValue ?? "Yes";
+  }
+  return props.context.falseValue ?? "No";
+});
+const booleanIcon = computed(() => {
+  if (booleanValue.value && props.context.trueIcon) {
+    return props.context.trueIcon;
+  }
+  if (!booleanValue.value && props.context.falseIcon) {
+    return props.context.falseIcon;
+  }
+  return void 0;
+});
+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"
+    />
+    <FUIcon
+      v-if="booleanIcon"
+      :name="booleanIcon"
+      :icon-class="iconClass"
+      :on-click="context?.onIconClicked"
+    />
+    <span>{{ displayValue }}</span>
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

package/dist/runtime/components/output/FUOutputBoolean.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 FormKitOutputBooleanProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    falseIcon?: string;
+    falseValue?: string;
+    icon?: string;
+    leading?: boolean;
+    leadingIcon?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    trailing?: boolean;
+    trailingIcon?: string;
+    trueIcon?: string;
+    trueValue?: string;
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputBooleanProps & FormKitIconProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitOutputBooleanProps & FormKitIconProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/output/FUOutputDate.d.vue.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/FUOutputDate.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 dateValue = computed(() => {
+  const value = props.context._value;
+  if (!value) return void 0;
+  try {
+    const date = value instanceof Date ? value : new Date(value);
+    return Number.isNaN(date.getTime()) ? void 0 : date;
+  } catch {
+    return void 0;
+  }
+});
+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"
+    />
+    <NuxtTime
+      v-if="dateValue"
+      :datetime="dateValue"
+      :date-style="context.dateStyle ?? 'medium'"
+      :time-style="context.timeStyle"
+      :locale="context.locale"
+      :relative="context.relative"
+    />
+    <span v-else>{{ context._value }}</span>
+    <FUIcon
+      v-if="trailingIconName"
+      :name="trailingIconName"
+      :icon-class="iconClass"
+      :on-click="context?.onTrailingIconClicked"
+    />
+  </div>
+</template>

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"
+      :icon-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"
+      :icon-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;