@formkit/pro 0.113.0 → 0.114.0-3277316

package/index.d.ts

@@ -1,7 +1,16 @@
+import type { AllReals } from '@formkit/inputs';
 import { FormKitExtendableSchemaRoot } from '@formkit/core';
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { FormKitInputs } from '@formkit/inputs';
+import type { FormKitMessage } from '@formkit/core';
+import type { FormKitNode } from '@formkit/core';
+import type { FormKitOptionsItem } from '@formkit/inputs';
+import type { FormKitOptionsProp } from '@formkit/inputs';
+import type { FormKitOptionsValue } from '@formkit/inputs';
 import { FormKitPlugin } from '@formkit/core';
 import { FormKitSchemaExtendableSection } from '@formkit/inputs';
 import { FormKitSchemaNode } from '@formkit/core';
+import type { FormKitSlotData } from '@formkit/inputs';
 import { FormKitTypeDefinition } from '@formkit/core';
 
 /**
@@ -20,6 +29,129 @@ export declare function $if(condition: string, then: FormKitProExtendableSection
  */
 export declare const autocomplete: FormKitProInput;
 
+/**
+ * Data available to autocomplete slots.
+ *
+ * @public
+ */
+export declare interface AutocompleteSlotData {
+    options: FormKitOptionsItem[];
+    debounce?: number | string;
+    multiple?: Bool;
+    selectionAppearance?: 'option' | 'text-input' | 'text';
+    openOnClick?: Bool;
+    filter?: (option: FormKitOptionsItem, search?: string) => boolean;
+    optionLoader?: OptionLoader;
+    emptyMessage?: string;
+    closeOnSelect?: Bool;
+    activeDescendant?: string;
+    activeValue?: unknown;
+    dropdownWrapperStyles: Record<string, boolean>;
+    expanded: boolean;
+    forceExpanded: undefined | true;
+    hasNextPage: (data?: any) => void;
+    isLoadingOption?: boolean;
+    listboxStyles: Record<string, boolean>;
+    loadMoreOption: FormKitOptionsItem;
+    loadOnCreated: undefined | true;
+    loadOnScroll: undefined | true;
+    max?: number | string;
+    option: FormKitOptionsItem;
+    optionsLoader?: FormKitOptionsLoader;
+    page: number;
+    placeholder?: string;
+    selections: FormKitOptionsItem[];
+    showEmptyMessage?: boolean;
+    handlers: FormKitFrameworkContext['handlers'] & {
+        selectOption: (option: FormKitOptionsItem) => void;
+        loadMoreSelected: () => void;
+        selectTag: (option: FormKitOptionsItem) => void;
+        toggleListbox: () => void;
+        removeSelection: (option: FormKitOptionsItem) => void;
+        touchmove: (e: TouchEvent) => void;
+        touchend: (e: TouchEvent) => void;
+        click: (e: MouseEvent) => void;
+        keydown: (e: KeyboardEvent) => void;
+        focus: (e: FocusEvent) => void;
+        loadMore: () => void;
+    };
+    fns: FormKitFrameworkContext['fns'] & {
+        isSelected: (option: FormKitOptionsItem) => boolean;
+        isActive: (option: FormKitOptionsItem) => boolean;
+    };
+    ui: FormKitFrameworkContext['ui'] & {
+        isLoading: FormKitMessage;
+        loadMore: FormKitMessage;
+    };
+}
+
+declare interface BasePart<T extends string = string> {
+    /**
+     * A textual representation to use as a placeholder.
+     */
+    placeholder: string;
+    /**
+     * A token that represents this pattern
+     */
+    token: T;
+    /**
+     * In select mode, which direction should types values flow?
+     */
+    selectDirection?: 'left' | 'right';
+    /**
+     * An optional character to fill the selection with when in select mode.
+     * This is different than the placeholder character in that this character is
+     * only used when the section has a value but that value is not "complete".
+     * This character should be a single character, and valid for the given part.
+     * For example, numbers may use a "0" as the selectFill since it leads to a
+     * valid number with leading zeros. ### would be 001 when a user types "1".
+     */
+    selectFill?: string;
+}
+
+declare type Bool = 'true' | 'false' | true | false | '';
+
+/**
+ * A calendar is an array of months, where each month is an array of weeks,
+ * where each week is an array of days.
+ *
+ * @public
+ */
+export declare type Calendar = Array<CalendarMonth>;
+
+/**
+ * A calendar month is an array of weeks, where each week is an array of days.
+ *
+ * @public
+ */
+export declare type CalendarMonth = Array<CalendarWeek>;
+
+/**
+ * A calendar week is an array of 7 days (tuple of 7) where each day is a date.
+ *
+ * @public
+ */
+export declare type CalendarWeek = [
+monday: Date,
+tuesday: Date,
+wednesday: Date,
+thursday: Date,
+friday: Date,
+saturday: Date,
+sunday: Date
+];
+
+declare interface CharPart {
+    /**
+     * Defined the part as a fixed length value
+     */
+    type: 'char';
+    /**
+     * Regular expression that defines what characters can be applied.
+     */
+    pattern: RegExp;
+}
+
 /**
  * Creates a set of commonly used sections.
  * @param createSection - Creates commonly used sections.
@@ -56,23 +188,321 @@ export declare function createProPlugin(apiKey: string, inputs?: Record<string,
  */
 export declare function createSectionFactory(inputCode: string): SectionFactory;
 
+/**
+ * Possible options for a format style.
+ */
+declare type DateFormatStyle = 'full' | 'long' | 'medium' | 'short';
+
 /**
  * Input definition for a datepicker input.
  * @public
  */
 export declare const datepicker: FormKitProInput;
 
+/**
+ * Slot information that pertains specifically to the datepicker input.
+ *
+ * @public
+ */
+export declare type DatePickerSlotData = {
+    panel: Panels;
+    calendar: Calendar;
+    inputText: string;
+    renderedDate: Date;
+    expanded: boolean;
+    showPagination: boolean;
+    localTime: string;
+    visibilityStyles: Record<string, boolean>;
+    fns: FormKitFrameworkContext['fns'] & {
+        format: (date: Date | string, format: string) => string;
+        sameDay: (date: Date) => boolean;
+        sameMonth: (month: Date) => boolean;
+        notInMonth: (month: Date, day: Date) => boolean;
+        isDisabled: (node: FormKitNode, date?: Date) => boolean;
+        isDisabledMonth: (month: Date) => boolean;
+        isSelected: (date: Date) => boolean;
+    };
+    handlers: FormKitFrameworkContext['handlers'] & {
+        next: () => void;
+        prev: () => void;
+        open: () => void;
+        _blurOut: () => void;
+        jumpTo: (date: Date) => void;
+        localTime: (e: InputEvent) => void;
+        setDate: (date: Date) => () => void;
+        keydown: (e: KeyboardEvent) => void;
+        mouseEnter: (date: Date) => void;
+        mouseLeave: () => void;
+    };
+    ui: FormKitFrameworkContext['ui'] & {
+        changeDate: FormKitMessage;
+        chooseDate: FormKitMessage;
+    };
+    dayButtonFormat: string;
+    monthButtonFormat: string;
+    yearFormat: string;
+};
+
 /**
  * Input definition for a dropdown input.
  * @public
  */
 export declare const dropdown: FormKitProInput;
 
+/**
+ * Slot data for dropdown types.
+ *
+ * @public
+ */
+export declare interface DropdownSlotData {
+    options: FormKitOptionsItem[];
+    option?: FormKitOptionsItem;
+    debounce?: number | string;
+    multiple?: Bool;
+    selectionAppearance?: 'truncate' | 'tags';
+    openOnClick?: Bool;
+    filter?: (option: FormKitOptionsItem, search: string) => boolean;
+    optionLoader?: OptionLoader;
+    emptyMessage?: string;
+    max?: number | string;
+    closeOnSelect?: Bool;
+    activeDescendant?: string;
+    activeValue?: unknown;
+    dropdownWrapperStyles: Record<string, boolean>;
+    expanded: boolean;
+    fns: FormKitFrameworkContext['fns'] & {};
+    handlers: FormKitFrameworkContext['handlers'] & {};
+    ui: FormKitFrameworkContext['ui'] & {
+        isLoading: FormKitMessage;
+        loadMore: FormKitMessage;
+    };
+}
+
+declare interface EnumPart {
+    /**
+     * Defines the part as an enumerated list of options.
+     */
+    type: 'enum';
+    /**
+     * The values allowed by an enum part.
+     */
+    values: string[];
+}
+
 /**
  * A schema section that is compatible with FormKitPro’s schema composition.
  */
 declare type ExtendableSchema<IsRoot> = IsRoot extends true ? FormKitExtendableSchemaRoot : FormKitSchemaExtendableSection;
 
+/**
+ * Possible objects for the dateStyle and timeStyle.
+ */
+export declare type FormatStyleObj = {
+    date: DateFormatStyle;
+    time: TimeFormatStyle;
+} | {
+    date: DateFormatStyle;
+} | {
+    time: TimeFormatStyle;
+};
+
+export declare interface FormKitAutocompleteSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, AutocompleteSlotData>;
+    wrapper: FormKitSlotData<Props, AutocompleteSlotData>;
+    label: FormKitSlotData<Props, AutocompleteSlotData>;
+    inner: FormKitSlotData<Props, AutocompleteSlotData>;
+    prefixIcon: FormKitSlotData<Props, AutocompleteSlotData>;
+    prefix: FormKitSlotData<Props, AutocompleteSlotData>;
+    input: FormKitSlotData<Props, AutocompleteSlotData>;
+    selections: FormKitSlotData<Props, AutocompleteSlotData>;
+    selection: FormKitSlotData<Props, AutocompleteSlotData>;
+    listboxButton: FormKitSlotData<Props, AutocompleteSlotData>;
+    dropdownWrapper: FormKitSlotData<Props, AutocompleteSlotData>;
+    listbox: FormKitSlotData<Props, AutocompleteSlotData>;
+    listitem: FormKitSlotData<Props, AutocompleteSlotData>;
+    loadMore: FormKitSlotData<Props, AutocompleteSlotData>;
+    emptyMessageInner: FormKitSlotData<Props, AutocompleteSlotData>;
+    selectedIcon: FormKitSlotData<Props, AutocompleteSlotData & {
+        option: FormKitOptionsItem<OptionsProValue<Props['options']>>;
+        index: number;
+    }>;
+    option: FormKitSlotData<Props, AutocompleteSlotData & {
+        option: FormKitOptionsItem<OptionsProValue<Props['options']>>;
+        index: number;
+    }>;
+    optionLoading: FormKitSlotData<Props, AutocompleteSlotData & {
+        option: FormKitOptionsItem<OptionsProValue<Props['options']>>;
+        index: number;
+    }>;
+    removeSelection: FormKitSlotData<Props, AutocompleteSlotData & {
+        option: FormKitOptionsItem<OptionsProValue<Props['options']>>;
+        index: number;
+    }>;
+    suffix: FormKitSlotData<Props, AutocompleteSlotData>;
+    suffixIcon: FormKitSlotData<Props, AutocompleteSlotData>;
+    help: FormKitSlotData<Props, AutocompleteSlotData>;
+    messages: FormKitSlotData<Props, AutocompleteSlotData>;
+    message: FormKitSlotData<Props, AutocompleteSlotData>;
+}
+
+/**
+ * Slot information that pertains specifically to the datepicker input.
+ *
+ * @public
+ */
+export declare interface FormKitDatePickerSlots<Props extends FormKitInputs<Props>> {
+    calendar: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+    }>;
+    calendarHeader: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+    }>;
+    calendarWeeks: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+    }>;
+    day: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+        week: CalendarWeek;
+        day: Date;
+    }>;
+    dayButton: FormKitSlotData<Props, DatePickerSlotData & {
+        day: Date;
+    }>;
+    dayCell: FormKitSlotData<Props, DatePickerSlotData & {
+        day: Date;
+        week: CalendarWeek;
+        month: CalendarMonth;
+    }>;
+    daysHeader: FormKitSlotData<Props, DatePickerSlotData>;
+    help: FormKitSlotData<Props, DatePickerSlotData>;
+    prefixIcon: FormKitSlotData<Props, DatePickerSlotData>;
+    suffixIcon: FormKitSlotData<Props, DatePickerSlotData>;
+    inner: FormKitSlotData<Props, DatePickerSlotData>;
+    input: FormKitSlotData<Props, DatePickerSlotData>;
+    label: FormKitSlotData<Props, DatePickerSlotData>;
+    message: FormKitSlotData<Props, DatePickerSlotData & {
+        message: FormKitMessage;
+    }>;
+    messages: FormKitSlotData<Props, DatePickerSlotData>;
+    month: FormKitSlotData<Props, DatePickerSlotData & {
+        month: Date;
+        months: Array<Date>;
+    }>;
+    monthButton: FormKitSlotData<Props, DatePickerSlotData>;
+    months: FormKitSlotData<Props, DatePickerSlotData>;
+    monthsHeader: FormKitSlotData<Props, DatePickerSlotData>;
+    next: FormKitSlotData<Props, DatePickerSlotData>;
+    nextLabel: FormKitSlotData<Props, DatePickerSlotData>;
+    openButton: FormKitSlotData<Props, DatePickerSlotData>;
+    outer: FormKitSlotData<Props, DatePickerSlotData>;
+    panel: FormKitSlotData<Props, DatePickerSlotData>;
+    panelHeader: FormKitSlotData<Props, DatePickerSlotData>;
+    panelWrapper: FormKitSlotData<Props, DatePickerSlotData>;
+    prefix: FormKitSlotData<Props, DatePickerSlotData>;
+    prev: FormKitSlotData<Props, DatePickerSlotData>;
+    prevLabel: FormKitSlotData<Props, DatePickerSlotData>;
+    suffix: FormKitSlotData<Props, DatePickerSlotData>;
+    time: FormKitSlotData<Props, DatePickerSlotData>;
+    timeHeader: FormKitSlotData<Props, DatePickerSlotData>;
+    timeInput: FormKitSlotData<Props, DatePickerSlotData>;
+    week: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+    }>;
+    weekDay: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+    }>;
+    weekDays: FormKitSlotData<Props, DatePickerSlotData & {
+        month: CalendarMonth;
+    }>;
+    wrapper: FormKitSlotData<Props, DatePickerSlotData>;
+    year: FormKitSlotData<Props, DatePickerSlotData & {
+        years: Array<Date>;
+    }>;
+    yearButton: FormKitSlotData<Props, DatePickerSlotData & {
+        years: Array<Date>;
+        year: Date;
+    }>;
+    years: FormKitSlotData<Props, DatePickerSlotData & {
+        years: Array<Date>;
+    }>;
+    yearsHeader: FormKitSlotData<Props, DatePickerSlotData>;
+}
+
+export declare interface FormKitDropdownSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, DropdownSlotData>;
+    wrapper: FormKitSlotData<Props, DropdownSlotData>;
+    inner: FormKitSlotData<Props, DropdownSlotData>;
+    label: FormKitSlotData<Props, DropdownSlotData>;
+    prefix: FormKitSlotData<Props, DropdownSlotData>;
+    prefixIcon: FormKitSlotData<Props, DropdownSlotData>;
+    selector: FormKitSlotData<Props, DropdownSlotData>;
+    selection: FormKitSlotData<Props, DropdownSlotData>;
+    suffix: FormKitSlotData<Props, DropdownSlotData>;
+    suffixIcon: FormKitSlotData<Props, DropdownSlotData>;
+    help: FormKitSlotData<Props, DropdownSlotData>;
+    messages: FormKitSlotData<Props, DropdownSlotData>;
+    message: FormKitSlotData<Props, DropdownSlotData & {
+        message: FormKitMessage;
+    }>;
+    listboxButton: FormKitSlotData<Props, TaglistSlotData>;
+    dropdownWrapper: FormKitSlotData<Props, TaglistSlotData>;
+    listbox: FormKitSlotData<Props, TaglistSlotData>;
+    listitem: FormKitSlotData<Props, TaglistSlotData>;
+    loadMore: FormKitSlotData<Props, TaglistSlotData>;
+    emptyMessageInner: FormKitSlotData<Props, TaglistSlotData>;
+    selectedIcon: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    option: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    optionLoading: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    removeSelection: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    placeholder: FormKitSlotData<Props, DropdownSlotData>;
+    tag: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+}
+
+/**
+ * The option loader function type.
+ *
+ * @public
+ */
+export declare interface FormKitOptionsLoader {
+    (context: FormKitFrameworkContext<any>): Promise<FormKitOptionsProp> | FormKitOptionsProp;
+    (...args: any[]): Promise<FormKitOptionsProp> | FormKitOptionsProp;
+}
+
+export declare type FormKitOverlaySlots<Props extends FormKitInputs<Props>> = Props['overlay'] extends Yes ? {
+    overlay: FormKitSlotData<Props, DatePickerSlotData>;
+    overlayChar: FormKitSlotData<Props, DatePickerSlotData & {
+        part: Meta;
+    }>;
+    overlayEnum: FormKitSlotData<Props, DatePickerSlotData & {
+        part: Meta;
+    }>;
+    overlayInner: FormKitSlotData<Props, DatePickerSlotData>;
+    overlayLiteral: FormKitSlotData<Props, DatePickerSlotData & {
+        part: Meta;
+    }>;
+    overlayParts: FormKitSlotData<Props, DatePickerSlotData & {
+        part: Meta;
+    }>;
+    overlayPlaceholder: FormKitSlotData<Props, DatePickerSlotData & {
+        part: Meta;
+    }>;
+} : {};
+
 /**
  * An extendable schema section that is compatible with FormKitPro’s schema
  * composition.
@@ -89,6 +519,14 @@ export declare type FormKitProInput = Omit<FormKitTypeDefinition, 'schema'> & {
     schema: FormKitProSchema;
 };
 
+/**
+ * The options prop for option-based inputs in pro like `autocomplete` and
+ * `dropdown`.
+ *
+ * @public
+ */
+export declare type FormKitProOptionsProp = FormKitOptionsProp | FormKitOptionsLoader;
+
 /**
  * The type definition of a FormKit pro schema.
  * @public
@@ -104,6 +542,243 @@ declare interface FormKitProSection<IsRoot extends boolean = false> {
     (...children: Array<string | FormKitProExtendableSection>): FormKitProExtendableSection<IsRoot>;
 }
 
+export declare interface FormKitRatingSlots<Props extends FormKitInputs<Props>> {
+    itemsWrapper: FormKitSlotData<Props, RatingSlotData>;
+    onItem: FormKitSlotData<Props, RatingSlotData & {
+        item: number;
+    }>;
+    offItem: FormKitSlotData<Props, RatingSlotData & {
+        item: number;
+    }>;
+    default: FormKitSlotData<Props, RatingSlotData & {
+        item: number;
+    }>;
+    ratingIcon: FormKitSlotData<Props, RatingSlotData & {
+        item: number;
+    }>;
+}
+
+/**
+ * Slot information that pertains specifically to the datepicker input.
+ *
+ * @public
+ */
+export declare interface FormKitRepeaterSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, RepeaterSlotData>;
+    fieldset: FormKitSlotData<Props, RepeaterSlotData>;
+    legend: FormKitSlotData<Props, RepeaterSlotData>;
+    help: FormKitSlotData<Props, RepeaterSlotData>;
+    prefix: FormKitSlotData<Props, RepeaterSlotData>;
+    default: FormKitSlotData<Props, RepeaterSlotData>;
+    items: FormKitSlotData<Props, RepeaterSlotData>;
+    item: FormKitSlotData<Props, RepeaterSlotData>;
+    content: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    group: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    controls: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    up: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    upControl: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    controlLabel: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    moveUpIcon: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    remove: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    removeControl: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    removeIcon: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    insert: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    insertControl: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    addIcon: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    down: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    downControl: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    moveDownIcon: FormKitSlotData<Props, RepeaterSlotData & {
+        item: symbol;
+        index: number;
+    }>;
+    suffix: FormKitSlotData<Props, RepeaterSlotData>;
+    addButton: FormKitSlotData<Props, RepeaterSlotData>;
+    message: FormKitSlotData<Props, RepeaterSlotData & {
+        message: FormKitMessage;
+    }>;
+    messages: FormKitSlotData<Props, RepeaterSlotData>;
+}
+
+/**
+ * Slots available to the slider.
+ *
+ * @public
+ */
+export declare interface FormKitSliderSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, SliderSlotData>;
+    wrapper: FormKitSlotData<Props, SliderSlotData>;
+    label: FormKitSlotData<Props, SliderSlotData>;
+    help: FormKitSlotData<Props, SliderSlotData>;
+    sliderInner: FormKitSlotData<Props, SliderSlotData>;
+    iconPrefix: FormKitSlotData<Props, SliderSlotData>;
+    prefix: FormKitSlotData<Props, SliderSlotData>;
+    track: FormKitSlotData<Props, SliderSlotData>;
+    trackWrapper: FormKitSlotData<Props, SliderSlotData>;
+    trackInner: FormKitSlotData<Props, SliderSlotData>;
+    fill: FormKitSlotData<Props, SliderSlotData>;
+    marks: FormKitSlotData<Props, SliderSlotData>;
+    mark: FormKitSlotData<Props, SliderSlotData>;
+    markLabel: FormKitSlotData<Props, SliderSlotData & {
+        index: number;
+        step: {
+            at: number;
+            label?: string;
+        };
+    }>;
+    handles: FormKitSlotData<Props, SliderSlotData>;
+    handleMin: FormKitSlotData<Props, SliderSlotData>;
+    handleMax: FormKitSlotData<Props, SliderSlotData>;
+    tooltipMin: FormKitSlotData<Props, SliderSlotData>;
+    tooltipMax: FormKitSlotData<Props, SliderSlotData>;
+    suffix: FormKitSlotData<Props, SliderSlotData>;
+    suffixIcon: FormKitSlotData<Props, SliderSlotData>;
+    minValue: FormKitSlotData<Props, SliderSlotData>;
+    maxValue: FormKitSlotData<Props, SliderSlotData>;
+    linkedValues: FormKitSlotData<Props, SliderSlotData>;
+    message: FormKitSlotData<Props, SliderSlotData & {
+        message: FormKitMessage;
+    }>;
+    messages: FormKitSlotData<Props, SliderSlotData>;
+}
+
+export declare interface FormKitTaglistSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, TaglistSlotData>;
+    wrapper: FormKitSlotData<Props, TaglistSlotData>;
+    inner: FormKitSlotData<Props, TaglistSlotData>;
+    label: FormKitSlotData<Props, TaglistSlotData>;
+    prefix: FormKitSlotData<Props, TaglistSlotData>;
+    prefixIcon: FormKitSlotData<Props, TaglistSlotData>;
+    tag: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    tagWrapper: FormKitSlotData<Props, TaglistSlotData>;
+    tagLoading: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    suffix: FormKitSlotData<Props, TaglistSlotData>;
+    suffixIcon: FormKitSlotData<Props, TaglistSlotData>;
+    help: FormKitSlotData<Props, TaglistSlotData>;
+    messages: FormKitSlotData<Props, TaglistSlotData>;
+    message: FormKitSlotData<Props, TaglistSlotData & {
+        message: FormKitMessage;
+    }>;
+    listboxButton: FormKitSlotData<Props, TaglistSlotData>;
+    dropdownWrapper: FormKitSlotData<Props, TaglistSlotData>;
+    listbox: FormKitSlotData<Props, TaglistSlotData>;
+    listitem: FormKitSlotData<Props, TaglistSlotData>;
+    loadMore: FormKitSlotData<Props, TaglistSlotData>;
+    emptyMessageInner: FormKitSlotData<Props, TaglistSlotData>;
+    selectedIcon: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    option: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    optionLoading: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    removeSelection: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+    input: FormKitSlotData<Props, TaglistSlotData>;
+    tags: FormKitSlotData<Props, TaglistSlotData>;
+    tagLabel: FormKitSlotData<Props, TaglistSlotData & {
+        option: FormKitOptionsItem;
+        index: number;
+    }>;
+}
+
+/**
+ * Toggle slots.
+ *
+ * @public
+ */
+export declare interface FormKitToggleSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    wrapper: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    altLabel: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    inner: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    prefix: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    input: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    track: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    innerLabel: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    thumbWrapper: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    suffix: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    valueLabel: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    label: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    help: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    messages: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    message: FormKitSlotData<Props, ToggleSlotData<Props> & {
+        message: FormKitMessage;
+    }>;
+}
+
+/**
+ * Behavioral group options.
+ */
+declare interface GroupOptions {
+    repeat?: boolean;
+    optional?: boolean;
+    placeholder?: string;
+    nextPart?: MaskPart;
+}
+
+declare type GroupPart = {
+    type: 'group';
+    parts: MaskPart[];
+} & GroupOptions;
+
 declare namespace inputs {
     export {
         dropdown,
@@ -120,24 +795,110 @@ declare namespace inputs {
 }
 export { inputs }
 
+declare interface LiteralPart<T extends string = string> {
+    /**
+     * Defines a literal (immutable) string.
+     */
+    type: 'literal';
+    /**
+     * The value of the immutable string.
+     */
+    value: T;
+}
+
 /**
  * Input definition for a mask input.
  * @public
  */
 export declare const mask: FormKitProInput;
 
+/**
+ * Defines a specific part of a mask pattern.
+ */
+declare type MaskPart<T extends string = string> = ((BasePart<T> & CharPart) | (BasePart<T> & EnumPart)) | LiteralPart<T> | GroupPart;
+
+declare interface Meta {
+    value: string;
+    type: 'placeholder' | 'literal' | 'char' | 'enum';
+}
+
+export declare interface OptionLoader {
+    (value: any, cachedItem: FormKitOptionsItem<any>): FormKitOptionsItem<any> | string | void | Promise<FormKitOptionsItem<any> | string | void>;
+}
+
+/**
+ * Gets the allowed value type from the `options` prop.
+ *
+ * @public
+ */
+export declare type OptionsProValue<Options> = Options extends FormKitProOptionsProp ? Options extends (...args: any[]) => any ? ReturnType<Options> extends FormKitOptionsProp ? FormKitOptionsValue<ReturnType<Options>> : ReturnType<Options> extends Promise<infer T> ? T extends FormKitOptionsProp ? FormKitOptionsValue<T> : unknown : unknown : Options extends FormKitOptionsProp ? FormKitOptionsValue<Options> : unknown : unknown;
+
+/**
+ * The available popover panels for the datepicker.
+ *
+ * @public
+ */
+export declare type Panels = 'year' | 'month' | 'day' | 'time';
+
+/**
+ * A map of the parts used
+ */
+export declare type PartMap<T = MaskPart> = {
+    [index: string]: T;
+};
+
 /**
  * Input definition for a rating input.
  * @public
  */
 export declare const rating: FormKitProInput;
 
+/**
+ * Slot data for ratings
+ *
+ * @public
+ */
+declare interface RatingSlotData {
+    min: number;
+    max: number;
+    offWidth: number;
+    onWidth: number;
+    onColor: number;
+    offColor: number;
+    handlers: FormKitFrameworkContext['handlers'] & {
+        ratingHoverOver: () => void;
+        ratingHoverOut: () => void;
+        handleClick: () => void;
+    };
+}
+
 /**
  * Input definition for a repeater input.
  * @public
  */
 export declare const repeater: FormKitProInput;
 
+declare interface RepeaterSlotData {
+    items: Array<symbol>;
+    removeControl: boolean;
+    insertControl: boolean;
+    upControl: boolean;
+    downControl: boolean;
+    addLabel?: string;
+    fns: FormKitFrameworkContext['fns'] & {
+        createShift: (index: number, delta: 1 | -1) => () => void;
+        createInsert: (index: number) => () => void;
+        createAppend: () => () => void;
+        createRemove: (index: number) => () => void;
+    };
+    ui: FormKitFrameworkContext['ui'] & {
+        moveUp: FormKitMessage;
+        moveDown: FormKitMessage;
+        add: FormKitMessage;
+        remove: FormKitMessage;
+    };
+}
+
 /**
  * A factory that creates createSection functions that are curried with the
  * input code.
@@ -150,37 +911,237 @@ declare type SectionFactory = <IsRoot extends boolean = false>(sectionName: stri
  */
 export declare const slider: FormKitProInput;
 
+/**
+ * Conditional slots available to the slider when using a chart.
+ *
+ * @public
+ */
+export declare interface SliderChartSlots<Props extends FormKitInputs<Props>> {
+    chart: FormKitSlotData<Props, SliderSlotData>;
+    chartBar: FormKitSlotData<Props, SliderSlotData>;
+}
+
+/**
+ * Slot data for sliders.
+ *
+ * @public
+ */
+export declare interface SliderSlotData {
+    chart?: Array<{
+        value: number;
+        at: number;
+    }>;
+    inputAttrs?: Record<string, any>;
+    marks?: Bool | Array<{
+        at?: number;
+        label?: string;
+    }>;
+    markLabel?: Bool;
+    max: number | string;
+    maxInputAttrs?: Record<string, any>;
+    min: number;
+    minInputAttrs?: Record<string, any>;
+    prefix?: string;
+    showInput?: Bool;
+    snapToMarks?: Bool;
+    suffix?: string;
+    tooltip?: Bool;
+    isMulti: boolean;
+    fillStyles: Record<string, boolean>;
+    lastHandleInteraction?: 'min' | 'max';
+    handlers: FormKitFrameworkContext['handlers'] & {
+        clickTrack: (e: MouseEvent) => void;
+        focus: (e: FocusEvent) => void;
+        clickHandle: (e: MouseEvent) => void;
+        startDrag: (e: Event) => void;
+        keydown: (e: KeyboardEvent) => void;
+        maxNode: (node: FormKitNode) => void;
+        minNode: (node: FormKitNode) => void;
+        inputBlur: () => void;
+    };
+}
+
 /**
  * Input definition for a taglist input.
  * @public
  */
 export declare const taglist: FormKitProInput;
 
+export declare interface TaglistSlotData {
+    options: FormKitOptionsItem[];
+    debounce?: number | string;
+    openOnClick?: Bool;
+    filter?: (option: FormKitOptionsItem, search: string) => boolean;
+    optionLoader?: OptionLoader;
+    emptyMessage?: string;
+    max?: number | string;
+    closeOnSelect?: Bool;
+    activeDescendant?: string;
+    activeValue?: unknown;
+    dropdownWrapperStyles: Record<string, boolean>;
+    expanded: boolean;
+    page: number;
+    search: string;
+    hasNextPage: (data?: any) => void;
+    fns: FormKitFrameworkContext['fns'] & {};
+    handlers: FormKitFrameworkContext['handlers'] & {
+        removeSelection: (option: FormKitOptionsItem) => void;
+    };
+    ui: FormKitFrameworkContext['ui'] & {
+        isLoading: FormKitMessage;
+        loadMore: FormKitMessage;
+    };
+}
+
+declare type TimeFormatStyle = 'long' | 'medium' | 'short';
+
 /**
  * Input definition for a toggle input.
  * @public
  */
 export declare const toggle: FormKitProInput;
 
+/**
+ * Slot data for toggles
+ */
+export declare interface ToggleSlotData<Props extends FormKitInputs<Props>> {
+    onValue: Props['onValue'] extends AllReals ? Props['onValue'] : true;
+    offValue: Props['offValue'] extends AllReals ? Props['offValue'] : true;
+    altLabelPosition?: Bool;
+    offValueLabel?: string;
+    onValueLabel?: string;
+    valueLabelDisplay?: 'on' | 'off' | 'inner' | 'hidden';
+    valueLabelColorOff?: string;
+    valueLabelColorOn?: string;
+    thumbIcon?: string;
+    thumbColorOn?: string;
+    iconColorOff?: string;
+    iconColorOn?: string;
+    trackColorOff?: string;
+    trackColorOn?: string;
+    handlers: FormKitFrameworkContext['handlers'] & {
+        toggles: (e: InputEvent) => void;
+    };
+}
+
 /**
  * Input definition for a transferlist input.
  * @public
  */
 export declare const transferlist: FormKitProInput;
 
-
-/**
- * @public
- */
-declare module '@formkit/inputs' {
-  export interface FormKitOptionsPropExtensions {
-    asLoaderFunction: FormKitOptionsLoader | Promise<FormKitOptionsLoader>
-  }
-}
-
-/**
- * @public
- */
+/**
+ * Data available to transfer lists.
+ *
+ * @public
+ */
+export declare interface TransferlistSlotData {
+    options: FormKitOptionsItem[];
+    debounce?: string | number;
+    filter?: (option: FormKitOptionsItem, search?: string) => boolean;
+    optionLoader?: OptionLoader;
+    sourceEmptyMessage?: string;
+    targetEmptyMessage?: string;
+    max?: string | number;
+    clearOnSelect?: Bool;
+    searchable?: Bool;
+    sourceLabel?: string;
+    targetLabel?: string;
+    transferOnSelect?: boolean;
+    placeholder?: string;
+    selections: FormKitOptionsItem[];
+    activeValue?: unknown;
+    activeDescendant?: string;
+    sourceSelected?: boolean;
+    targetOptions?: FormKitOptionsItem[];
+    sourceOptions?: FormKitOptionsItem[];
+    inputText: string;
+    hasNextPage?: (dataForNextPage?: unknown) => void;
+    page: number;
+    targetLoading?: boolean;
+    disabled?: boolean;
+    showSourceEmptyMessage: boolean;
+    showTargetEmptyMessage: boolean;
+    fns: FormKitFrameworkContext['fns'] & {
+        isSelected: (option: FormKitOptionsItem) => boolean;
+        isActive: (option: FormKitOptionsItem) => boolean;
+        optionValue: (option: FormKitOptionsItem) => unknown;
+        getOptionCount: (targetOptions: boolean) => number;
+    };
+    handlers: FormKitFrameworkContext['handlers'] & {
+        clearSearch: () => void;
+        selectOption: (option: FormKitOptionsItem, isSource: boolean) => void;
+        transferForward: () => void;
+        transferForwardAll: () => void;
+        transferBackward: () => void;
+        transferBackwardAll: () => void;
+        onSearch: (e: InputEvent) => void;
+        handleSourceSearchKeyDown: (e: KeyboardEvent) => void;
+        sourceKeyDown: (e: KeyboardEvent) => void;
+        targetKeyDown: (e: KeyboardEvent) => void;
+        sourceFocused: () => void;
+        targetFocused: () => void;
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+}
+
+export declare interface TransferlistSlots<Props extends FormKitInputs<Props>> {
+    outer: FormKitSlotData<Props, TransferlistSlotData>;
+    fieldset: FormKitSlotData<Props, TransferlistSlotData>;
+    legend: FormKitSlotData<Props, TransferlistSlotData>;
+    help: FormKitSlotData<Props, TransferlistSlotData>;
+    wrapper: FormKitSlotData<Props, TransferlistSlotData>;
+    source: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceHeader: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceHeaderLabel: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceHeaderItemCount: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceControls: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceSearch: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceSearchInput: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceSearchClear: FormKitSlotData<Props, TransferlistSlotData>;
+    closeIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceListItems: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceEmptyMessage: FormKitSlotData<Props, TransferlistSlotData>;
+    emptyMessageInner: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceListItem: FormKitSlotData<Props, TransferlistSlotData>;
+    selectedIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    sourceOption: FormKitSlotData<Props, TransferlistSlotData & {
+        option: FormKitOptionsItem;
+    }>;
+    sourceLoadMore: FormKitSlotData<Props, TransferlistSlotData>;
+    loadMoreInner: FormKitSlotData<Props, TransferlistSlotData>;
+    loaderIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    transferControls: FormKitSlotData<Props, TransferlistSlotData>;
+    transferButtonForward: FormKitSlotData<Props, TransferlistSlotData>;
+    transferButtonForwardAll: FormKitSlotData<Props, TransferlistSlotData>;
+    transferButtonBackward: FormKitSlotData<Props, TransferlistSlotData>;
+    transferButtonBackwardAll: FormKitSlotData<Props, TransferlistSlotData>;
+    controlLabel: FormKitSlotData<Props, TransferlistSlotData>;
+    fastForwardIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    moveRightIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    moveLeftIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    rewindIcon: FormKitSlotData<Props, TransferlistSlotData>;
+    target: FormKitSlotData<Props, TransferlistSlotData>;
+    targetHeader: FormKitSlotData<Props, TransferlistSlotData>;
+    targetHeaderLabel: FormKitSlotData<Props, TransferlistSlotData>;
+    targetHeaderItemCount: FormKitSlotData<Props, TransferlistSlotData>;
+    targetListItems: FormKitSlotData<Props, TransferlistSlotData>;
+    targetEmptyMessage: FormKitSlotData<Props, TransferlistSlotData>;
+    targetListItem: FormKitSlotData<Props, TransferlistSlotData>;
+    targetOption: FormKitSlotData<Props, TransferlistSlotData & {
+        option: FormKitOptionsItem;
+    }>;
+    targetLoadMore: FormKitSlotData<Props, TransferlistSlotData>;
+    messages: FormKitSlotData<Props, ToggleSlotData<Props>>;
+    message: FormKitSlotData<Props, ToggleSlotData<Props> & {
+        message: FormKitMessage;
+    }>;
+}
+
+declare type Yes = 'true' | true | '';
+
+/* <declare> */
 declare module '@formkit/core' {
   export interface FormKitFrameworkContext {
     hasNextPage: (dataForNextPage?: unknown) => void
@@ -188,6 +1149,235 @@ declare module '@formkit/core' {
     search: string
   }
 }
+/* </declare> */
+/* <declare> */
+
+export interface OptionLoader {
+  (value: any, cachedItem: FormKitOptionsItem<any>):
+    | FormKitOptionsItem<any>
+    | string
+    | void
+    | Promise<FormKitOptionsItem<any> | string | void>
+}
+
+declare module '@formkit/inputs' {
+  interface FormKitConditionalProps {
+    overlay?: undefined
+    chart?: undefined
+  }
+
+  /**
+   * General input events available to all FormKit inputs.
+   * @public
+   */
+  interface FormKitBaseEvents<Props extends FormKitInputs<Props>> {
+    (event: 'input', value: PropType<Props, 'value'>, node: FormKitNode): any
+    (event: 'inputRaw', value: PropType<Props, 'value'>, node: FormKitNode): any
+    (
+      event: 'input-raw',
+      value: PropType<Props, 'value'>,
+      node: FormKitNode
+    ): any
+    (event: 'update:modelValue', value: PropType<Props, 'value'>): any
+    (event: 'update:model-value', value: PropType<Props, 'value'>): any
+    (event: 'node', node: FormKitNode): any
+  }
+
+  interface FormKitInputProps<Props extends FormKitInputs<Props>> {
+    autocomplete: {
+      type: 'autocomplete'
+      value?: Props['multiple'] extends Yes ? any[] : any
+      debounce?: number | string
+      multiple?: Bool
+      options: FormKitProOptionsProp
+      selectionAppearance?: 'option' | 'text-input'
+      openOnClick?: Bool
+      filter?: (option: FormKitOptionsItem, search: string) => boolean
+      optionLoader?: OptionLoader
+      emptyMessage?: string
+      max?: Props['multiple'] extends Yes ? number | string : undefined
+      closeOnSelect?: Bool
+      alwaysLoadOnOpen?: Bool
+      loadOnCreated?: Bool
+      clearSearchOnOpen?: Bool
+      // TODO: audit these props.
+    }
+
+    datepicker: {
+      type: 'datepicker'
+      value?: string | Date
+      dateFormat?: string
+      disabledDays?: (node: FormKitNode, date: Date) => boolean
+      format?: string | FormatStyleObj
+      maxDate?: Date | string
+      maxScan?: number
+      minDate?: Date | string
+      monthButtonFormat?: 'M' | 'MM' | 'MMM' | 'MMMM'
+      monthFormat?: 'M' | 'MM' | 'MMM' | 'MMMM'
+      overlay?: Bool
+      pickerOnly?: Bool
+      showMonths?: number
+      sequence?: Array<Panels>
+      valueFormat?: string
+      valueLocale?: string
+      weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6
+      weekDayFormat?: 'dddd' | 'ddd' | 'dd'
+      yearFormat?: 'YY' | 'YYYY'
+      prefixIcon?: string
+      suffixIcon?: string
+    }
+
+    dropdown: {
+      type: 'dropdown'
+      value?: Props['multiple'] extends Yes ? any[] : any
+      debounce?: number | string
+      multiple?: Bool
+      options?: FormKitProOptionsProp
+      selectionAppearance?: 'truncate' | 'tags'
+      openOnClick?: Bool
+      filter?: (option: FormKitOptionsItem, search: string) => boolean
+      optionLoader?: OptionLoader
+      emptyMessage?: string
+      max?: Props['multiple'] extends Yes ? number | string : undefined
+      closeOnSelect?: Bool
+      alwaysLoadOnOpen?: Bool
+      loadOnCreated?: Bool
+      clearSearchOnOpen?: Bool
+      // TODO: audit these props.
+    }
+
+    rating: {
+      value?: number | string
+      type: 'rating'
+      min?: string | number
+      max?: string | number
+      step?: string | number
+      hoverHighlight?: Bool
+      offColor?: string
+      onColor?: string
+    }
+
+    repeater: {
+      type: 'repeater'
+      value?: Array<Record<string, any>>
+      addLabel?: string
+      addAttrs?: Record<string, any>
+      addButton?: Bool
+      upControl?: Bool
+      downControl?: Bool
+      insertControl?: Bool
+      removeControl?: Bool
+      min?: number | string
+      max?: number | string | null
+    }
+
+    mask: {
+      type: 'mask'
+      mask: string
+      value?: string
+      allowIncomplete?: Bool
+      mode?: 'shift' | 'replace' | 'select'
+      overlay?: Bool
+      prefix?: string
+      showMask?: Bool
+      suffix?: string
+      tokens?: PartMap
+      unmaskValue?: Bool
+    }
+
+    slider: {
+      type: 'slider'
+      value?: string | string[] | number | number[]
+      chart?: Array<{ value: number; at: number }>
+      inputAttrs?: Record<string, any>
+      marks?: Bool | Array<{ at?: number; label?: string }>
+      markLabel?: Bool
+      max?: number | string
+      maxInputAttrs?: Record<string, any>
+      min?: string | number
+      minInputAttrs?: Record<string, any>
+      prefix?: string
+      showInput?: Bool
+      snapToMarks?: Bool
+      step?: number | string
+      suffix?: string
+      tooltip?: Bool
+      tooltipFormat?: (value: number, handle: string) => string | undefined
+    }
+
+    taglist: {
+      type: 'taglist'
+      value?: any[]
+      debounce?: number | string
+      options?: FormKitProOptionsProp
+      selectionAppearance?: 'truncate' | 'tags'
+      openOnClick?: Bool
+      filter?: (option: FormKitOptionsItem, search: string) => boolean
+      optionLoader?: OptionLoader
+      emptyMessage?: string
+      max?: number | string
+      closeOnSelect?: Bool
+      alwaysLoadOnOpen?: Bool
+      loadOnCreated?: Bool
+      clearSearchOnOpen?: Bool
+    }
+
+    toggle: {
+      type: 'toggle'
+      onValue?: any
+      offValue?: any
+      value?:
+        | (Props['onValue'] extends AllReals ? Props['onValue'] : true)
+        | (Props['offValue'] extends AllReals ? Props['offValue'] : false)
+      altLabelPosition?: Bool
+      offValueLabel?: string
+      onValueLabel?: string
+      valueLabelDisplay?: 'on' | 'off' | 'inner' | 'hidden'
+      valueLabelColorOff?: string
+      valueLabelColorOn?: string
+      thumbIcon?: string
+      thumbColorOn?: string
+      iconColorOff?: string
+      iconColorOn?: string
+      trackColorOff?: string
+      trackColorOn?: string
+    }
+
+    transferlist: {
+      type: 'transferlist'
+      value?: OptionsProValue<Props['options']>[]
+      options: FormKitProOptionsProp
+      debounce?: number | string
+      filter?: (option: FormKitOptionsItem, search: string) => boolean
+      optionLoader?: OptionLoader
+      sourceEmptyMessage?: string
+      targetEmptyMessage?: string
+      max?: string | number
+      clearOnSelect?: Bool
+      searchable?: Bool
+      sourceLabel?: string
+      targetLabel?: string
+      transferOnSelect?: Bool
+    }
+  }
+
+  interface FormKitInputSlots<Props extends FormKitInputs<Props>> {
+    autocomplete: FormKitAutocompleteSlots<Props>
+    datepicker: FormKitDatePickerSlots<Props> & FormKitOverlaySlots<Props>
+    dropdown: FormKitDropdownSlots<Props>
+    mask: FormKitBaseSlots<Props> & FormKitOverlaySlots<Props>
+    rating: FormKitBaseSlots<Props> & FormKitRatingSlots<Props>
+    repeater: FormKitRepeaterSlots<Props>
+    slider: FormKitSliderSlots<Props> &
+      (Props['chart'] extends Array<{ at: number; value: number }>
+        ? SliderChartSlots<Props>
+        : {})
+    taglist: FormKitTaglistSlots<Props>
+    toggle: FormKitToggleSlots<Props>
+    transferlist: TransferlistSlots<Props>
+  }
+}
+/* </declare> */
 
 export { }