@sfxcode/formkit-nuxt-ui 0.7.2

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

@@ -0,0 +1,30 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+export interface FormKitPinInputProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    length?: string | number;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    highlight?: boolean;
+    fixed?: boolean;
+    defaultValue?: string[] | undefined;
+    mask?: boolean;
+    otp?: boolean;
+    placeholder?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPinInputProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPinInputProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,37 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+export interface RadioOption {
+    value: string | number | boolean;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface FormKitRadioGroupProps {
+    options?: RadioOption[];
+    legend?: string;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'table' | 'list' | 'card';
+    orientation?: 'horizontal' | 'vertical';
+    loop?: boolean;
+    name?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    indicator?: 'start' | 'end' | 'hidden';
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitRadioGroupProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitRadioGroupProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,35 @@
+<script setup>
+import { useFormKitInput } from "../../utils/useFormKitInput";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { handleInput, handleChange, styleClass, color, modelValue, items } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <URadioGroup
+    :id="context.id"
+    v-model="modelValue"
+    v-bind="{ ...context?.attrs }"
+    :class="styleClass"
+    :disabled="!!context?.disabled"
+    :style="context?.attrs.style"
+    :color="color"
+    :size="context.size ?? 'md'"
+    :variant="context.variant ?? 'list'"
+    :orientation="context.orientation ?? 'vertical'"
+    :items="items"
+    :legend="context.legend"
+    :value-key="context.valueKey"
+    :label-key="context.labelKey"
+    :description-key="context.descriptionKey"
+    :loop="context.loop ?? false"
+    :name="context.name"
+    :ui="context.ui"
+    @change="handleChange"
+    @update:model-value="handleInput"
+  />
+</template>

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

@@ -0,0 +1,37 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+export interface RadioOption {
+    value: string | number | boolean;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface FormKitRadioGroupProps {
+    options?: RadioOption[];
+    legend?: string;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'table' | 'list' | 'card';
+    orientation?: 'horizontal' | 'vertical';
+    loop?: boolean;
+    name?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    indicator?: 'start' | 'end' | 'hidden';
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitRadioGroupProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitRadioGroupProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,48 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { SelectMenuItem } from '#ui/components/SelectMenu.vue';
+import type { AvatarProps } from '#ui/components/Avatar.vue';
+export interface FormKitSelectProps {
+    options?: string[] | SelectMenuItem[] | SelectMenuItem[][];
+    placeholder?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    selectedIcon?: string;
+    arrow?: boolean;
+    portal?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    defaultValue?: unknown;
+    multiple?: boolean;
+    highlight?: boolean;
+    fixed?: boolean;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    autocomplete?: string & {} | 'on' | 'off';
+    icon?: string;
+    avatar?: AvatarProps;
+    leading?: boolean;
+    leadingIcon?: string;
+    trailing?: boolean;
+    trailingIcon?: string;
+    loading?: boolean;
+    loadingIcon?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,51 @@
+<script setup>
+import { useFormKitInput } from "../../utils/useFormKitInput";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { handleInput, handleChange, isInvalid, color, styleClass, modelValue, items } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <USelect
+    :id="context.id"
+    v-model="modelValue"
+    v-bind="{ ...context?.attrs }"
+    :class="styleClass"
+    :disabled="!!context?.disabled"
+    :style="context?.attrs.style"
+    :color="color"
+    :highlight="isInvalid || context.highlight"
+    :size="context.size ?? 'md'"
+    :variant="context.variant ?? 'outline'"
+    :items="items"
+    :placeholder="context.placeholder"
+    :selected-icon="context.selectedIcon"
+    :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"
+    :arrow="context.arrow"
+    :portal="context.portal"
+    :value-key="context.valueKey"
+    :label-key="context.labelKey"
+    :description-key="context.descriptionKey"
+    :default-value="context.defaultValue"
+    :multiple="context.multiple"
+    :autofocus="context.autofocus"
+    :autofocus-delay="context.autofocusDelay"
+    :open="context.open"
+    :default-open="context.defaultOpen"
+    :autocomplete="context.autocomplete"
+    :ui="context.ui"
+    @change="handleChange"
+    @update:model-value="handleInput"
+  />
+</template>

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

@@ -0,0 +1,48 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { SelectMenuItem } from '#ui/components/SelectMenu.vue';
+import type { AvatarProps } from '#ui/components/Avatar.vue';
+export interface FormKitSelectProps {
+    options?: string[] | SelectMenuItem[] | SelectMenuItem[][];
+    placeholder?: string;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    selectedIcon?: string;
+    arrow?: boolean;
+    portal?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    defaultValue?: unknown;
+    multiple?: boolean;
+    highlight?: boolean;
+    fixed?: boolean;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    autocomplete?: string & {} | 'on' | 'off';
+    icon?: string;
+    avatar?: AvatarProps;
+    leading?: boolean;
+    leadingIcon?: string;
+    trailing?: boolean;
+    trailingIcon?: string;
+    loading?: boolean;
+    loadingIcon?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,73 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { AvatarProps } from '#ui/components/Avatar.vue';
+export interface SelectMenuGroup {
+    label?: string;
+    items: SelectMenuItem[];
+}
+export interface SelectMenuItem {
+    label?: string;
+    value?: string | number | boolean;
+    icon?: string;
+    avatar?: {
+        src?: string;
+        alt?: string;
+    };
+    chip?: string | number;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface FormKitSelectMenuProps {
+    options?: SelectMenuItem[] | SelectMenuGroup[];
+    placeholder?: string;
+    searchInput?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    icon?: string;
+    avatar?: AvatarProps;
+    leading?: boolean;
+    leadingIcon?: string;
+    trailing?: boolean;
+    trailingIcon?: string;
+    loading?: boolean;
+    loadingIcon?: string;
+    selectedIcon?: string;
+    clear?: boolean;
+    arrow?: boolean;
+    portal?: boolean;
+    virtualize?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    defaultValue?: unknown;
+    multiple?: boolean;
+    highlight?: boolean;
+    fixed?: boolean;
+    createItem?: boolean;
+    filterFields?: string[];
+    ignoreFilter?: boolean;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    resetSearchTermOnBlur?: boolean;
+    resetSearchTermOnSelect?: boolean;
+    resetModelValueOnClear?: boolean;
+    highlightOnHover?: boolean;
+    searchTerm?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectMenuProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectMenuProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,62 @@
+<script setup>
+import { useFormKitInput } from "../../utils/useFormKitInput";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { handleInput, handleChange, isInvalid, styleClass, color, modelValue, items } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <USelectMenu
+    :id="context.id"
+    v-model="modelValue"
+    v-bind="{ ...context?.attrs }"
+    :class="styleClass"
+    :disabled="!!context?.disabled"
+    :style="context?.attrs.style"
+    :color="color"
+    :highlight="isInvalid || context.highlight"
+    :size="context.size ?? 'md'"
+    :variant="context.variant ?? 'outline'"
+    :items="items"
+    :placeholder="context.placeholder"
+    :selected-icon="context.selectedIcon"
+    :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"
+    :search-input="context.searchInput"
+    :clear="context.clear"
+    :clear-icon="context.clearIcon"
+    :arrow="context.arrow"
+    :portal="context.portal"
+    :virtualize="context.virtualize"
+    :value-key="context.valueKey"
+    :label-key="context.labelKey"
+    :description-key="context.descriptionKey"
+    :default-value="context.defaultValue"
+    :multiple="context.multiple"
+    :create-item="context.createItem"
+    :filter-fields="context.filterFields"
+    :ignore-filter="context.ignoreFilter"
+    :autofocus="context.autofocus"
+    :autofocus-delay="context.autofocusDelay"
+    :open="context.open"
+    :default-open="context.defaultOpen"
+    :reset-search-term-on-blur="context.resetSearchTermOnBlur"
+    :reset-search-term-on-select="context.resetSearchTermOnSelect"
+    :reset-model-value-on-clear="context.resetModelValueOnClear"
+    :highlight-on-hover="context.highlightOnHover"
+    :search-term="context.searchTerm"
+    :ui="context.ui"
+    @change="handleChange"
+    @update:model-value="handleInput"
+  />
+</template>

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

@@ -0,0 +1,73 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { AvatarProps } from '#ui/components/Avatar.vue';
+export interface SelectMenuGroup {
+    label?: string;
+    items: SelectMenuItem[];
+}
+export interface SelectMenuItem {
+    label?: string;
+    value?: string | number | boolean;
+    icon?: string;
+    avatar?: {
+        src?: string;
+        alt?: string;
+    };
+    chip?: string | number;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface FormKitSelectMenuProps {
+    options?: SelectMenuItem[] | SelectMenuGroup[];
+    placeholder?: string;
+    searchInput?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    variant?: 'outline' | 'soft' | 'subtle' | 'ghost' | 'none';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    icon?: string;
+    avatar?: AvatarProps;
+    leading?: boolean;
+    leadingIcon?: string;
+    trailing?: boolean;
+    trailingIcon?: string;
+    loading?: boolean;
+    loadingIcon?: string;
+    selectedIcon?: string;
+    clear?: boolean;
+    arrow?: boolean;
+    portal?: boolean;
+    virtualize?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    defaultValue?: unknown;
+    multiple?: boolean;
+    highlight?: boolean;
+    fixed?: boolean;
+    createItem?: boolean;
+    filterFields?: string[];
+    ignoreFilter?: boolean;
+    autofocus?: boolean;
+    autofocusDelay?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    resetSearchTermOnBlur?: boolean;
+    resetSearchTermOnSelect?: boolean;
+    resetModelValueOnClear?: boolean;
+    highlightOnHover?: boolean;
+    searchTerm?: string;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectMenuProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSelectMenuProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,29 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+export interface FormKitSliderProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    orientation?: 'horizontal' | 'vertical';
+    tooltip?: boolean;
+    defaultValue?: number | number[];
+    name?: string;
+    inverted?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    minStepsBetweenThumbs?: number;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSliderProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSliderProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,36 @@
+<script setup>
+import { useFormKitInput } from "../../utils/useFormKitInput";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { handleInput, handleChange, styleClass, color, modelValue } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <USlider
+    :id="context.id"
+    v-model="modelValue"
+    v-bind="{ ...context?.attrs }"
+    :class="styleClass"
+    :disabled="!!context?.disabled"
+    :style="context?.attrs.style"
+    :color="color"
+    :size="context.size ?? 'md'"
+    :variant="context.variant ?? 'outline'"
+    :orientation="context.orientation ?? 'horizontal'"
+    :tooltip="context.tooltip"
+    :default-value="context.defaultValue"
+    :name="context.name"
+    :inverted="context.inverted"
+    :min="context.min"
+    :max="context.max"
+    :step="context.step"
+    :min-steps-between-thumbs="context.minStepsBetweenThumbs"
+    :ui="context.ui"
+    @change="handleChange"
+    @update:model-value="handleInput"
+  />
+</template>

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

@@ -0,0 +1,29 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+export interface FormKitSliderProps {
+    color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    orientation?: 'horizontal' | 'vertical';
+    tooltip?: boolean;
+    defaultValue?: number | number[];
+    name?: string;
+    inverted?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    minStepsBetweenThumbs?: number;
+    ui?: Record<string, unknown>;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSliderProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitSliderProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/inputs/FUSwitch.d.vue.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/FUSwitch.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { useFormKitInput } from "../../utils/useFormKitInput";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { handleInput, handleChange, styleClass, color, modelValue } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <USwitch
+    :id="context.id"
+    v-model="modelValue"
+    v-bind="{ ...context?.attrs }"
+    :class="styleClass"
+    :disabled="!!context?.disabled"
+    :style="context?.attrs.style"
+    :color="color"
+    :size="context.size ?? 'md'"
+    :loading="context.loading"
+    :loading-icon="context.loadingIcon"
+    :checked-icon="context.checkedIcon"
+    :unchecked-icon="context.uncheckedIcon"
+    :label="context.label"
+    :description="context.description"
+    :default-value="context.defaultValue"
+    :autofocus="context.autofocus"
+    :ui="context.ui"
+    @change="handleChange"
+    @update:model-value="handleInput"
+  />
+</template>