@openreachtech/furo-vue 1.3.1

package/types/generated/components/molecules/FuroAutocompleteField/FuroAutocompleteFieldContext.d.ts

@@ -0,0 +1,722 @@
+/**
+ * Sentinel value for the select-all option (not stored in model).
+ */
+export const FURO_AUTOCOMPLETE_FIELD_SELECT_ALL_VALUE: "__furo_autocomplete_field_select_all__";
+/**
+ * Sentinel value for the create-option row (not stored in model).
+ */
+export const FURO_AUTOCOMPLETE_FIELD_CREATE_VALUE: "__furo_autocomplete_field_create__";
+/**
+ * Context class for managing FuroAutocompleteField component.
+ *
+ * @extends {BaseFuroContext<null, Props, EmitEventName>}
+ */
+export default class FuroAutocompleteFieldContext extends BaseFuroContext<null, Props, "CHANGE_VALUE" | "UPDATE_VALUE" | "COMMIT_VALUE" | "SEARCH_KEYWORD" | "UPDATE_SEARCH_KEYWORD" | "UPDATE_OPEN" | "CREATE_OPTION"> {
+    /**
+     * Factory method.
+     *
+     * @template {X extends typeof FuroAutocompleteFieldContext ? X : never} T, X
+     * @override
+     * @param {FuroAutocompleteFieldContextFactoryParams} params - Parameters of this factory method.
+     * @returns {InstanceType<T>} An instance of this class.
+     * @this {T}
+     */
+    static override create<T extends X extends typeof FuroAutocompleteFieldContext ? X : never, X>(this: T, { props, componentContext, refHash, filterCollator, }: FuroAutocompleteFieldContextFactoryParams): InstanceType<T>;
+    /**
+     * Build ref hash.
+     *
+     * @override
+     * @returns {FuroAutocompleteFieldContextParams['refHash']}
+     */
+    static override buildRefHash(): FuroAutocompleteFieldContextParams["refHash"];
+    /**
+     * Get emit event name.
+     *
+     * @override
+     * @returns {Readonly<{
+     *   CHANGE_VALUE: 'change-value'
+     *   COMMIT_VALUE: 'commit-value'
+     *   UPDATE_VALUE: 'update:value'
+     *   SEARCH_KEYWORD: 'search-keyword'
+     *   UPDATE_SEARCH_KEYWORD: 'update:search-keyword'
+     *   UPDATE_OPEN: 'update:open'
+     *   CREATE_OPTION: 'create-option'
+     * }>}
+     */
+    static override get EMIT_EVENT_NAME(): Readonly<{
+        CHANGE_VALUE: "change-value";
+        COMMIT_VALUE: "commit-value";
+        UPDATE_VALUE: "update:value";
+        SEARCH_KEYWORD: "search-keyword";
+        UPDATE_SEARCH_KEYWORD: "update:search-keyword";
+        UPDATE_OPEN: "update:open";
+        CREATE_OPTION: "create-option";
+    }>;
+    /**
+     * Get emit options.
+     *
+     * @returns {{
+     *   'change-value': (payload: import('./AutocompleteEmitPayload.js').default) => void
+     *   'commit-value': (payload: import('./AutocompleteEmitPayload.js').default) => void
+     *   'update:value': (value: FuroAutocompleteOption | null) => void
+     *   'update:search-keyword': (searchKeyword: string) => void
+     *   'search-keyword': (payload: { searchKeyword: string }) => void
+     *   'update:open': (isOpen: boolean) => void
+     *   'create-option': (payload: import('./AutocompleteEmitPayload.js').default) => void
+     * }}
+     */
+    static get EMIT_EVENT_HASH(): {
+        "change-value": (payload: import("./AutocompleteEmitPayload.js").default) => void;
+        "commit-value": (payload: import("./AutocompleteEmitPayload.js").default) => void;
+        "update:value": (value: FuroAutocompleteOption | null) => void;
+        "update:search-keyword": (searchKeyword: string) => void;
+        "search-keyword": (payload: {
+            searchKeyword: string;
+        }) => void;
+        "update:open": (isOpen: boolean) => void;
+        "create-option": (payload: import("./AutocompleteEmitPayload.js").default) => void;
+    };
+    /**
+     * get: Constructor of `EmitPayload`.
+     *
+     * @returns {typeof AutocompleteEmitPayload}
+     */
+    static get EmitPayloadCtor(): typeof AutocompleteEmitPayload;
+    /**
+     * Constructor.
+     *
+     * @param {FuroAutocompleteFieldContextParams} params - Parameters of this constructor.
+     */
+    constructor({ props, componentContext, refHash, filterCollator, }: FuroAutocompleteFieldContextParams);
+    refHash: {
+        triggerContentElementRef: import("vue").Ref<HTMLElement | null>;
+        internalValueRef: import("vue").Ref<FuroAutocompleteOption | null>;
+        internalSearchKeywordRef: import("vue").Ref<string>;
+        internalOpenPopoverRef: import("vue").Ref<boolean>;
+    };
+    filterCollator: {
+        startsWith: (string: string, substring: string) => boolean;
+        endsWith: (string: string, substring: string) => boolean;
+        contains: (string: string, substring: string) => boolean;
+    };
+    updateSearchKeywordTimerClerk: TimerClerk;
+    /**
+     * get: Constructor of this class.
+     *
+     * @override
+     * @returns {typeof FuroAutocompleteFieldContext}
+     */
+    override get Ctor(): typeof FuroAutocompleteFieldContext;
+    /**
+     * Get anchor trigger-content element ref.
+     *
+     * @returns {import('vue').Ref<HTMLElement | null>}
+     */
+    get triggerContentElementRef(): import("vue").Ref<HTMLElement | null>;
+    /**
+     * Get internal value ref.
+     *
+     * @returns {import('vue').Ref<FuroAutocompleteOption | Array<FuroAutocompleteOption> | FuroAcceptableValue | Array<FuroAcceptableValue> | null>}
+     */
+    get internalValueRef(): import("vue").Ref<FuroAutocompleteOption | Array<FuroAutocompleteOption> | FuroAcceptableValue | Array<FuroAcceptableValue> | null>;
+    /**
+     * Get internal search keyword ref.
+     *
+     * @returns {import('vue').Ref<string>}
+     */
+    get internalSearchKeywordRef(): import("vue").Ref<string>;
+    /**
+     * Get internal open ref.
+     *
+     * @returns {import('vue').Ref<boolean>}
+     */
+    get internalOpenPopoverRef(): import("vue").Ref<boolean>;
+    /**
+     * Get loading.
+     *
+     * @returns {boolean}
+     */
+    get loading(): boolean;
+    /**
+     * Whether the autocomplete is invalid.
+     *
+     * @returns {boolean}
+     */
+    get isInvalid(): boolean;
+    /**
+     * Whether the autocomplete is disabled.
+     *
+     * @returns {boolean}
+     */
+    get isDisabled(): boolean;
+    /**
+     * Whether the autocomplete is multiple.
+     *
+     * @returns {boolean}
+     */
+    get isMultiple(): boolean;
+    /**
+     * Whether the autocomplete allows creating new options.
+     *
+     * @returns {boolean}
+     */
+    get creatable(): boolean;
+    /**
+     * @returns {Array<FuroAutocompleteOption | FuroAcceptableValue>}
+     */
+    get options(): Array<FuroAutocompleteOption | FuroAcceptableValue>;
+    /**
+     * get: maximum number of chips to render before collapsing the rest into a
+     * `+{count}` indicator. Null means no cap (render every chip).
+     *
+     * @returns {number | null}
+     */
+    get maxVisibleChips(): number | null;
+    /**
+     * get: how chips behave when they exceed the trigger width — `'wrap'` (chips
+     * flow onto multiple lines) or `'ellipsis'` (single line, truncated).
+     *
+     * @returns {'wrap' | 'ellipsis'}
+     */
+    get chipOverflow(): "wrap" | "ellipsis";
+    /**
+     * Selected options currently held as chips (multiple mode).
+     *
+     * @returns {Array<FuroAutocompleteOption | FuroAcceptableValue>}
+     */
+    extractSelectedChips(): Array<FuroAutocompleteOption | FuroAcceptableValue>;
+    /**
+     * Chips to actually render — capped at `maxVisibleChips` when set.
+     *
+     * @returns {Array<FuroAutocompleteOption | FuroAcceptableValue>}
+     */
+    extractVisibleChips(): Array<FuroAutocompleteOption | FuroAcceptableValue>;
+    /**
+     * Number of selected chips hidden by the `maxVisibleChips` cap.
+     *
+     * @returns {number}
+     */
+    extractHiddenChipCount(): number;
+    /**
+     * Whether the `+{count}` overflow indicator should be shown.
+     *
+     * @returns {boolean}
+     */
+    hasHiddenChips(): boolean;
+    /**
+     * Whether chips render on a single truncated line (`chipOverflow: 'ellipsis'`).
+     *
+     * @returns {boolean}
+     */
+    hasEllipsisChipOverflow(): boolean;
+    /**
+     * get: how to derive an option's display label — a key name or a function.
+     *
+     * @returns {string | ((option: FuroAutocompleteOption | FuroAcceptableValue) => string) | null}
+     */
+    get optionLabel(): string | ((option: FuroAutocompleteOption | FuroAcceptableValue) => string) | null;
+    /**
+     * get: how to derive an option's model value — a key name or a function.
+     *
+     * @returns {string | ((option: FuroAutocompleteOption | FuroAcceptableValue) => FuroAcceptableValue) | null}
+     */
+    get optionValue(): string | ((option: FuroAutocompleteOption | FuroAcceptableValue) => FuroAcceptableValue) | null;
+    /**
+     * Resolve an option's display label.
+     *
+     * Uses `optionLabel` when set (function or key name); otherwise falls back to
+     * the option's own `label` (the historical default). Primitive options fall
+     * through to the caller (returns null) unless a function is given.
+     *
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {string | null} Display label, or null for primitives without a function.
+     */
+    resolveOptionLabel({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): string | null;
+    /**
+     * Resolve an option's model value.
+     *
+     * Uses `optionValue` when set (function or key name); otherwise falls back to
+     * the whole option (the historical default for FuroAutocompleteField).
+     *
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {*} Model value.
+     */
+    resolveOptionValue({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): any;
+    /**
+     * Resolve the value emitted via `update:value` from the current internal
+     * selection, mapping each selected option through `resolveOptionValue`.
+     *
+     * @returns {*} Emitted value — an array in multiple mode, a single value otherwise.
+     */
+    resolveEmittedValue(): any;
+    /**
+     * Find the option whose resolved model value equals the given value.
+     *
+     * @param {{
+     *   value: *
+     * }} params - Parameters of this method.
+     * @returns {FuroAutocompleteOption | FuroAcceptableValue | null} Matching option, or null.
+     */
+    findOptionByValue({ value, }: {
+        value: any;
+    }): FuroAutocompleteOption | FuroAcceptableValue | null;
+    /**
+     * Reverse the `optionValue` projection when ingesting a bound value.
+     *
+     * The internal model is kept in option space (the underlying combobox binds
+     * whole option objects), but `optionValue` makes `update:value` emit a
+     * projected value (e.g. an id). When the consumer feeds that projected value
+     * back via `parcel.value`, map it to the matching option so the selection is
+     * reflected. With no `optionValue` set, the bound value is already an option
+     * and passes through unchanged (backward compatible).
+     *
+     * @param {{
+     *   rawValue: *
+     * }} params - Parameters of this method.
+     * @returns {*} A value in option space (the raw value when unmatched).
+     */
+    resolveInternalValueFromRaw({ rawValue, }: {
+        rawValue: any;
+    }): any;
+    /**
+     * Reverse the `optionValue` projection for a single bound value.
+     *
+     * @param {{
+     *   rawValue: *
+     * }} params - Parameters of this method.
+     * @returns {*} The matching option, or the raw value when unmatched.
+     */
+    resolveSingleInternalValue({ rawValue, }: {
+        rawValue: any;
+    }): any;
+    /**
+     * Get attrs value.
+     *
+     * @returns {FuroAutocompleteOption | Array<FuroAutocompleteOption> | null}
+     */
+    get attrsValue(): FuroAutocompleteOption | Array<FuroAutocompleteOption> | null;
+    /**
+     * Get sentinel value for the select-all option.
+     *
+     * @returns {string}
+     */
+    get furoAutocompleteSelectAllValue(): string;
+    /**
+     * Get sentinel value for the create-option row.
+     *
+     * @returns {string}
+     */
+    get furoAutocompleteCreateValue(): string;
+    /**
+     * Whether the clear button should be shown.
+     *
+     * @returns {boolean}
+     */
+    get showClear(): boolean;
+    /**
+     * Setup component context.
+     *
+     * @template {X extends FuroAutocompleteFieldContext ? X : never} T, X
+     * @override
+     * @returns {T} - For method chaining.
+     * @this {T}
+     */
+    override setupComponent<T extends X extends FuroAutocompleteFieldContext ? X : never, X>(this: T): T;
+    /**
+     * @param {{
+     *   searchKeyword: string
+     * }} params - Parameters of this method.
+     */
+    onUpdateSearchKeyword({ searchKeyword, }: {
+        searchKeyword: string;
+    }): void;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue | null
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    isGroupOption({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue | null;
+    }): boolean;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {Array<FuroAutocompleteOption | FuroAcceptableValue>}
+     */
+    extractChildOptions({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): Array<FuroAutocompleteOption | FuroAcceptableValue>;
+    /**
+     * Whether the autocomplete has empty options.
+     *
+     * @returns {boolean}
+     */
+    hasEmptyOptions(): boolean;
+    /**
+     * Whether the clear button should be shown.
+     *
+     * @returns {boolean}
+     */
+    shouldShowClearButton(): boolean;
+    /**
+     * @param {{
+     *   isOpen: boolean
+     * }} params - Parameters of this method.
+     */
+    onUpdateOpenPopover({ isOpen, }: {
+        isOpen: boolean;
+    }): void;
+    /**
+     * Clear value.
+     *
+     * @param {{
+     *   rawEvent: PointerEvent
+     * }} params - Parameters of this method.
+     */
+    onClearValue({ rawEvent, }: {
+        rawEvent: PointerEvent;
+    }): void;
+    /**
+     * Extract display value.
+     *
+     * @param {{
+     *   option: FuroAutocompleteOption
+     * }} params - Parameters of this method.
+     * @returns {string}
+     */
+    extractDisplayValue({ option, }: {
+        option: FuroAutocompleteOption;
+    }): string;
+    /**
+     * Whether the select all option should be shown.
+     *
+     * @returns {boolean}
+     */
+    shouldShowSelectAllOption(): boolean;
+    /**
+     * Compare two options. Returns true if the options are the same.
+     *
+     * @param {{
+     *   optionA: FuroAutocompleteOption | FuroAcceptableValue
+     *   optionB: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    compareOption({ optionA, optionB, }: {
+        optionA: FuroAutocompleteOption | FuroAcceptableValue;
+        optionB: FuroAutocompleteOption | FuroAcceptableValue;
+    }): boolean;
+    /**
+     * @param {{
+     *   parentOption: FuroAutocompleteOption | FuroAcceptableValue
+     *   childOption: FuroAutocompleteOption | FuroAcceptableValue
+     *   childIndex: number
+     *   parentIndex: number
+     * }} params - Parameters of this method.
+     * @returns {number}
+     */
+    extractOptionIndex({ parentOption, childOption, childIndex, parentIndex, }: {
+        parentOption: FuroAutocompleteOption | FuroAcceptableValue;
+        childOption: FuroAutocompleteOption | FuroAcceptableValue;
+        childIndex: number;
+        parentIndex: number;
+    }): number;
+    /**
+     * @param {{
+     *   parentOption: FuroAutocompleteOption | FuroAcceptableValue
+     *   childOption: FuroAutocompleteOption | FuroAcceptableValue
+     *   parentIndex: number
+     * }} params - Parameters of this method.
+     * @returns {number | null}
+     */
+    extractGroupOptionIndex({ parentOption, childOption, parentIndex, }: {
+        parentOption: FuroAutocompleteOption | FuroAcceptableValue;
+        childOption: FuroAutocompleteOption | FuroAcceptableValue;
+        parentIndex: number;
+    }): number | null;
+    /**
+     * @param {{
+     *   rawEvent: Reka.SelectItemSelectEvent<FuroAutocompleteOption | FuroAcceptableValue> | null
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     *   selectedIndex: number
+     *   selectedGroupIndex: number | null
+     * }} params - Parameters of this method.
+     * @returns {AutocompleteRawEvent}
+     */
+    buildCustomEmitPayloadEvent({ rawEvent, option, selectedIndex, selectedGroupIndex, }: {
+        rawEvent: Reka.SelectItemSelectEvent<FuroAutocompleteOption | FuroAcceptableValue> | null;
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+        selectedIndex: number;
+        selectedGroupIndex: number | null;
+    }): AutocompleteRawEvent;
+    /**
+     * @param {{
+     *   rawEvent: Reka.SelectItemSelectEvent<FuroAutocompleteOption | FuroAcceptableValue>
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     *   selectedIndex: number
+     *   selectedGroupIndex: number | null
+     * }} params - Parameters of this method.
+     */
+    onSelectOption({ rawEvent, option, selectedIndex, selectedGroupIndex, }: {
+        rawEvent: Reka.SelectItemSelectEvent<FuroAutocompleteOption | FuroAcceptableValue>;
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+        selectedIndex: number;
+        selectedGroupIndex: number | null;
+    }): void;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption
+     * }} params - Parameters of this method.
+     */
+    onRemoveOption({ option, }: {
+        option: FuroAutocompleteOption;
+    }): void;
+    /**
+     * @param {{
+     *   rawEvent: CustomEvent<FuroAcceptableValue>
+     * }} params - Parameters of this method.
+     */
+    onSelectSelectAllOption({ rawEvent, }: {
+        rawEvent: CustomEvent<FuroAcceptableValue>;
+    }): void;
+    /**
+     * Generate the create-option row text with the typed keyword interpolated.
+     *
+     * @returns {string}
+     */
+    generateCreateOptionText(): string;
+    /**
+     * Whether the trimmed keyword exactly matches an existing option label or value.
+     *
+     * @returns {boolean}
+     */
+    hasExactOptionMatch(): boolean;
+    /**
+     * Whether the create-option row should be shown.
+     *
+     * @returns {boolean}
+     */
+    shouldShowCreateOption(): boolean;
+    /**
+     * Whether the empty row should be shown.
+     *
+     * @returns {boolean}
+     */
+    shouldShowEmpty(): boolean;
+    /**
+     * Emit the typed keyword so the parent can create and append a new option.
+     *
+     * @param {{
+     *   rawEvent: Reka.SelectItemSelectEvent<FuroAutocompleteOption | FuroAcceptableValue> | null
+     * }} params - Parameters of this method.
+     */
+    onCreateOption({ rawEvent, }: {
+        rawEvent: Reka.SelectItemSelectEvent<FuroAutocompleteOption | FuroAcceptableValue> | null;
+    }): void;
+    /**
+     * @returns {FuroAcceptableValue | Array<FuroAcceptableValue> | null}
+     */
+    extractListboxModelValue(): FuroAcceptableValue | Array<FuroAcceptableValue> | null;
+    /**
+     * @returns {Array<FuroAutocompleteOption | FuroAcceptableValue>}
+     */
+    filteredOptions(): Array<FuroAutocompleteOption | FuroAcceptableValue>;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    shouldShowOptionIcon({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): boolean;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    shouldShowSeparator({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): boolean;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    shouldShowParentSeparator({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): boolean;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    shouldDisableOption({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): boolean;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {string}
+     */
+    extractOptionDisplayValue({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): string;
+    /**
+     * @param {{
+     *   option: FuroAutocompleteOption | FuroAcceptableValue
+     * }} params - Parameters of this method.
+     * @returns {import('./AutocompleteEmitPayload.js').IconProps | null}
+     */
+    extractOptionIcon({ option, }: {
+        option: FuroAutocompleteOption | FuroAcceptableValue;
+    }): import("./AutocompleteEmitPayload.js").IconProps | null;
+    /**
+     * Extract empty text.
+     *
+     * @returns {string}
+     */
+    extractEmptyText(): string;
+    /**
+     * Extract select all text.
+     *
+     * @returns {string}
+     */
+    extractSelectAllText(): string;
+    /**
+     * Extract text direction value.
+     *
+     * @returns {'ltr' | 'rtl'}
+     */
+    extractTextDirectionValue(): "ltr" | "rtl";
+    /**
+     * Extract placeholder text.
+     *
+     * @returns {string}
+     */
+    extractPlaceholderText(): string;
+}
+export type FuroAutocompleteFieldContextParams = import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams & {
+    props: Props;
+    componentContext: ComponentContext;
+    refHash: {
+        triggerContentElementRef: import("vue").Ref<HTMLElement | null>;
+        internalValueRef: import("vue").Ref<FuroAutocompleteOption | null>;
+        internalSearchKeywordRef: import("vue").Ref<string>;
+        internalOpenPopoverRef: import("vue").Ref<boolean>;
+    };
+    filterCollator: ReturnType<typeof import("reka-ui").useFilter>;
+};
+export type FuroAutocompleteFieldContextFactoryParams = Omit<FuroAutocompleteFieldContextParams, "refHash"> & {
+    refHash?: FuroAutocompleteFieldContextParams["refHash"];
+    filterCollator: ReturnType<typeof import("reka-ui").useFilter>;
+};
+export type EmitEventName = keyof typeof FuroAutocompleteFieldContext.EMIT_EVENT_NAME;
+export type FuroAcceptableValue = string | number | bigint | Record<string, unknown> | null;
+export type Props = import("vue").HTMLAttributes & {
+    parcel?: FuroAutocompleteFieldParcel | null;
+};
+/**
+ * Closed-set Furo behavior for `<FuroAutocompleteField>`.
+ * JSON-serializable only. Not an open passthrough to the internal combobox library.
+ */
+export type FuroAutocompleteFieldParcel = {
+    value?: FuroAutocompleteOption | Array<FuroAutocompleteOption> | FuroAcceptableValue | Array<FuroAcceptableValue> | null;
+    options?: Array<FuroAutocompleteOption | FuroAcceptableValue>;
+    optionLabel?: string | ((option: FuroAutocompleteOption | FuroAcceptableValue) => string);
+    optionValue?: string | ((option: FuroAutocompleteOption | FuroAcceptableValue) => FuroAcceptableValue);
+    placeholder?: string | null;
+    loading?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    textDirection?: "toRight" | "toLeft";
+    multiple?: boolean;
+    showClear?: boolean;
+    searchKeyword?: string;
+    localCompare?: boolean;
+    debounceMilliseconds?: number;
+    open?: boolean;
+    openOnClick?: boolean;
+    showSelectAll?: boolean;
+    selectAllText?: string;
+    emptyText?: string;
+    creatable?: boolean;
+    createOptionText?: string;
+    maxVisibleChips?: number;
+    chipOverflow?: "wrap" | "ellipsis";
+};
+export type ExtraRootParcel = FuroAutocompleteFieldParcel;
+export type ComponentContext = import("vue").SetupContext<FuroAutocompleteFieldEmitHash, FuroAutocompleteFieldSlots>;
+export type FuroAutocompleteFieldEmitHash = typeof FuroAutocompleteFieldContext.EMIT_EVENT_HASH;
+export type FuroAutocompleteFieldSlots = import("vue").SlotsType<{
+    "trigger-content": {};
+    "trigger-left": {};
+    "trigger-right": {};
+    cancel: {};
+    "content-before": {};
+    "content-after": {};
+    "select-all": {
+        checked: boolean;
+        indeterminate: boolean;
+        disabled: boolean;
+    };
+    "create-option": {
+        searchKeyword: string;
+    };
+    group: {
+        group: FuroAutocompleteOption;
+        groupIndex: number;
+    };
+    "group-label": {
+        group: FuroAutocompleteOption;
+        groupIndex: number;
+    };
+    option: {
+        option: FuroAutocompleteOption;
+        optionIndex: number;
+        group?: FuroAutocompleteOption;
+        groupIndex?: number;
+    };
+    "option-text": {
+        option: FuroAutocompleteOption;
+        optionIndex: number;
+    };
+    "option-indicator": {
+        option: FuroAutocompleteOption;
+        optionIndex: number;
+    };
+    separator: {
+        option: FuroAutocompleteOption;
+        optionIndex: number;
+    };
+    empty: {
+        searchKeyword: string;
+        loading: boolean;
+    };
+    loading: {
+        searchKeyword: string;
+    };
+}>;
+export type FuroAutocompleteFieldSetup = (props: Props, componentContext: ComponentContext) => {
+    context: FuroAutocompleteFieldContext;
+};
+export type FuroAutocompleteOption = import("./AutocompleteEmitPayload.js").FuroAutocompleteOption;
+export type AutocompleteRawEvent = import("./AutocompleteEmitPayload.js").AutocompleteRawEvent;
+import BaseFuroContext from '../../../contexts/BaseFuroContext.js';
+import TimerClerk from '../../../tools/TimerClerk.js';
+import type * as Reka from 'reka-ui';
+import AutocompleteEmitPayload from './AutocompleteEmitPayload.js';