@purpur/library 9.0.10 → 9.1.0

package/dist/components/dropdown/src/useDropdownHighlight.d.ts

@@ -0,0 +1,19 @@
+import { DropdownOption } from './dropdown.types';
+export type HighlightedOption = DropdownOption & {
+    isSetByClickEvent?: boolean;
+};
+export type UseDropdownHighlightParams = {
+    options: DropdownOption[];
+    highlightFirstOption: boolean;
+};
+export declare const useDropdownHighlight: ({ options, highlightFirstOption, }: UseDropdownHighlightParams) => {
+    highlightedOption: HighlightedOption | undefined;
+    listboxRef: import('react').RefObject<HTMLUListElement | null>;
+    optionRefs: import('react').RefObject<Record<string, HTMLLIElement>>;
+    findNextOption: (direction: "ArrowUp" | "ArrowDown", optionsToShow: DropdownOption[]) => DropdownOption | undefined;
+    highlightOption: (option: DropdownOption | undefined) => void;
+    highlightByClick: (option: DropdownOption) => void;
+    highlightSelected: (option: DropdownOption, eventType: "CLICK" | "KEYBOARD") => void;
+    resetHighlight: () => void;
+};
+//# sourceMappingURL=useDropdownHighlight.d.ts.map

package/dist/components/dropdown/src/useDropdownHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownHighlight.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdownHighlight.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,oCAGlC,0BAA0B;;;;gCAoBd,SAAS,GAAG,WAAW,iBACnB,cAAc,EAAE,KAC9B,cAAc,GAAG,SAAS;8BAcI,cAAc,GAAG,SAAS;+BAKzB,cAAc;gCAMb,cAAc,aAAa,OAAO,GAAG,UAAU;;CAsBnF,CAAC"}

package/dist/components/dropdown/src/useDropdownInput.d.ts

@@ -0,0 +1,12 @@
+import { DropdownOption } from './dropdown.types';
+export type UseDropdownInputParams = {
+    controlledInputValue?: string;
+    defaultInputValue?: string;
+    selectedOption?: DropdownOption;
+    onInputChange?: (value: string) => void;
+};
+export declare const useDropdownInput: ({ controlledInputValue, defaultInputValue, selectedOption, onInputChange, }: UseDropdownInputParams) => {
+    displayInputValue: string;
+    populateInputField: (value: string) => void;
+};
+//# sourceMappingURL=useDropdownInput.d.ts.map

package/dist/components/dropdown/src/useDropdownInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownInput.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdownInput.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,6EAK9B,sBAAsB;;gCAUY,MAAM;CAS1C,CAAC"}

package/dist/components/dropdown/src/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+export declare const useOnClickOutside: (element: HTMLElement | null, callback: () => void) => void;
+//# sourceMappingURL=useOnClickOutside.d.ts.map

package/dist/components/dropdown/src/useOnClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useOnClickOutside.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,GAAG,IAAI,EAAE,UAAU,MAAM,IAAI,SAgBlF,CAAC"}

package/dist/components/listbox/src/listbox-item.d.ts

@@ -7,6 +7,8 @@ export type ListboxItemProps = Omit<BaseProps<"li">, "role"> & {
     selected?: boolean;
     disabled?: boolean;
     noninteractive?: boolean;
+    /** When true, hides the built-in checkmark icon while preserving `aria-selected`. */
+    hideSelectedIcon?: boolean;
 };
 export declare const ListboxItem: React.ForwardRefExoticComponent<Omit<ListboxItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
 export declare const isListboxItem: (child?: ReactNode) => child is ReactElement<ListboxItemProps>;

package/dist/components/listbox/src/listbox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox-item.d.ts","sourceRoot":"","sources":["../../../../../../components/listbox/src/listbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAWtD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,WAAW,qGAiCtB,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,SAAS,KAAG,KAAK,IAAI,YAAY,CAAC,gBAAgB,CAChB,CAAC"}
+{"version":3,"file":"listbox-item.d.ts","sourceRoot":"","sources":["../../../../../../components/listbox/src/listbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAWtD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,qGAoCtB,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,SAAS,KAAG,KAAK,IAAI,YAAY,CAAC,gBAAgB,CAChB,CAAC"}

package/dist/components/search-field/src/search-field-autocomplete.d.ts

@@ -0,0 +1,73 @@
+import { default as React } from 'react';
+import { AutocompleteOption } from '@purpur/use-autocomplete';
+import { SearchFieldAutocompleteEnhancements, SearchFieldBaseProps } from './search-field-base';
+export type SearchFieldAutocompleteProps = SearchFieldBaseProps & Extract<SearchFieldAutocompleteEnhancements, {
+    suggestions: AutocompleteOption[];
+}>;
+export declare const SearchFieldAutocomplete: React.ForwardRefExoticComponent<(Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
+    iconOnlySearchButton?: false;
+    searchButtonLabel: string;
+    variant: "button-attached";
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions: AutocompleteOption[];
+    suggestionsLabel: string;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
+    iconOnlySearchButton: true;
+    searchButtonLabel: string;
+    variant: "button-attached";
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions: AutocompleteOption[];
+    suggestionsLabel: string;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
+    searchButtonLabel?: never;
+    variant: "no-button";
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions: AutocompleteOption[];
+    suggestionsLabel: string;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=search-field-autocomplete.d.ts.map

package/dist/components/search-field/src/search-field-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../components/search-field/src/search-field-autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,kBAAkB,EAAmB,MAAM,0BAA0B,CAAC;AAIpF,OAAO,EACL,KAAK,mCAAmC,EAExC,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,GAC7D,OAAO,CAAC,mCAAmC,EAAE;IAAE,WAAW,EAAE,kBAAkB,EAAE,CAAA;CAAE,CAAC,CAAC;AAEtF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAqEnC,CAAC"}

package/dist/components/search-field/src/search-field-base.d.ts

@@ -0,0 +1,97 @@
+import { default as React, ChangeEvent, CSSProperties, FormEvent, RefObject } from 'react';
+import { TextFieldProps } from '../../text-field/src/text-field';
+import { AutocompleteOption } from '@purpur/use-autocomplete';
+export declare const searchFieldVariants: readonly ["button-attached", "no-button"];
+type Variant = (typeof searchFieldVariants)[number];
+type DefaultProps = {
+    ["data-testid"]?: string;
+    /**
+     * An accessible label for the clear button.
+     * */
+    clearButtonAriaLabel: string;
+    /**
+     * Disables both the input field and submit button if `true`.
+     * */
+    disabled?: boolean;
+    /**
+     * Will display only a search icon in the search button if `true`.
+     * */
+    iconOnlySearchButton?: boolean;
+    /**
+     * Event handler called when the value of the search field changes.
+     * */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Event handler called when the clear button is clicked.
+     * */
+    onClear: () => void;
+    /**
+     * Event handler called when the search form is submitted.
+     * */
+    onSearch?: (e: FormEvent<HTMLFormElement>) => void;
+    /**
+     * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.
+     * */
+    searchButtonLabel?: string;
+    variant: Variant;
+    formRef?: RefObject<HTMLFormElement>;
+};
+type TextSearchButton = {
+    iconOnlySearchButton?: false;
+    searchButtonLabel: string;
+    variant: "button-attached";
+};
+type IconOnlySearchButton = {
+    iconOnlySearchButton: true;
+    searchButtonLabel: string;
+    variant: "button-attached";
+};
+type NoButton = {
+    searchButtonLabel?: never;
+    variant: "no-button";
+};
+export type SearchFieldBaseProps = DefaultProps & (TextSearchButton | IconOnlySearchButton | NoButton) & Omit<TextFieldProps, "startAdornment" | "endAdornment" | "afterField" | "onChange" | "variant">;
+type SearchFieldAutocompleteSharedProps = {
+    /**
+     * Called when the user selects a suggestion.
+     */
+    onSelectSuggestion?: (option: AutocompleteOption) => void;
+    /**
+     * Open the suggestions listbox when the input receives focus.
+     */
+    openSuggestionsOnFocus?: boolean;
+    /**
+     * Maximum height of the suggestions listbox. A number is interpreted as px.
+     */
+    suggestionsMaxHeight?: string | number;
+};
+type SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {
+    suggestions?: never;
+    suggestionsLabel?: never;
+};
+type SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {
+    /**
+     * The list of suggestions to display in a listbox below the field.
+     * No filtering is applied — pass the already-correct (pre-filtered) list.
+     * If autocomplete should stay enabled while there are temporarily no matches,
+     * pass an empty array instead of `undefined` or `null`. Changing this prop
+     * from an absent value to an array switches between the regular and
+     * autocomplete variants, which causes a re-render, drops input focus, and
+     * hides the listbox.
+     */
+    suggestions: AutocompleteOption[];
+    /**
+     * Accessible label for the suggestions listbox.
+     */
+    suggestionsLabel: string;
+};
+export type SearchFieldAutocompleteEnhancements = SearchFieldWithoutAutocomplete | SearchFieldWithAutocomplete;
+export declare const SearchFieldBase: React.ForwardRefExoticComponent<(Omit<DefaultProps & TextSearchButton & Omit<TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    wrapperStyle?: CSSProperties;
+}, "ref"> | Omit<DefaultProps & IconOnlySearchButton & Omit<TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    wrapperStyle?: CSSProperties;
+}, "ref"> | Omit<DefaultProps & NoButton & Omit<TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    wrapperStyle?: CSSProperties;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=search-field-base.d.ts.map

package/dist/components/search-field/src/search-field-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-base.d.ts","sourceRoot":"","sources":["../../../../../../components/search-field/src/search-field-base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAMnE,eAAO,MAAM,mBAAmB,2CAA4C,CAAC;AAE7E,KAAK,OAAO,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,KAAK,YAAY,GAAG;IAClB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB;;SAEK;IACL,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;SAEK;IACL,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACnD;;SAEK;IACL,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACtC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,EAAE,IAAI,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAC7C,CAAC,gBAAgB,GAAG,oBAAoB,GAAG,QAAQ,CAAC,GACpD,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAMlG,KAAK,kCAAkC,GAAG;IACxC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC,CAAC;AAEF,KAAK,8BAA8B,GAAG,kCAAkC,GAAG;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,KAAK,2BAA2B,GAAG,kCAAkC,GAAG;IACtE;;;;;;;;OAQG;IACH,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAC3C,8BAA8B,GAC9B,2BAA2B,CAAC;AAKhC,eAAO,MAAM,eAAe;mBA/CX,aAAa;;mBAAb,aAAa;;mBAAb,aAAa;mDAkH7B,CAAC"}

package/dist/components/search-field/src/search-field.d.ts

@@ -1,55 +1,137 @@
-import { default as React, ChangeEvent, FormEvent, RefObject } from 'react';
-import { TextFieldProps } from '../../text-field/src/text-field';
-export declare const searchFieldVariants: readonly ["button-attached", "no-button"];
-type Variant = (typeof searchFieldVariants)[number];
-type DefaultProps = {
-    ["data-testid"]?: string;
-    /**
-     * An accessible label for the clear button.
-     * */
+import { default as React } from 'react';
+import { SearchFieldAutocompleteEnhancements, SearchFieldBaseProps, searchFieldVariants } from './search-field-base';
+export { searchFieldVariants };
+export type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;
+export declare const SearchField: React.ForwardRefExoticComponent<(Omit<{
+    "data-testid"?: string;
     clearButtonAriaLabel: string;
-    /**
-     * Disables both the input field and submit button if `true`.
-     * */
     disabled?: boolean;
-    /**
-     * Will display only a search icon in the search button if `true`.
-     * */
     iconOnlySearchButton?: boolean;
-    /**
-     * Event handler called when the value of the search field changes.
-     * */
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Event handler called when the clear button is clicked.
-     * */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onClear: () => void;
-    /**
-     * Event handler called when the search form is submitted.
-     * */
-    onSearch?: (e: FormEvent<HTMLFormElement>) => void;
-    /**
-     * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.
-     * */
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
     searchButtonLabel?: string;
-    variant: Variant;
-    formRef?: RefObject<HTMLFormElement>;
-};
-type TextSearchButton = {
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
     iconOnlySearchButton?: false;
     searchButtonLabel: string;
     variant: "button-attached";
-};
-type IconOnlySearchButton = {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions: import('@purpur/use-autocomplete').AutocompleteOption[];
+    suggestionsLabel: string;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
     iconOnlySearchButton: true;
     searchButtonLabel: string;
     variant: "button-attached";
-};
-type NoButton = {
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions: import('@purpur/use-autocomplete').AutocompleteOption[];
+    suggestionsLabel: string;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
+    searchButtonLabel?: never;
+    variant: "no-button";
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions: import('@purpur/use-autocomplete').AutocompleteOption[];
+    suggestionsLabel: string;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
+    iconOnlySearchButton?: false;
+    searchButtonLabel: string;
+    variant: "button-attached";
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions?: never;
+    suggestionsLabel?: never;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
+    iconOnlySearchButton: true;
+    searchButtonLabel: string;
+    variant: "button-attached";
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions?: never;
+    suggestionsLabel?: never;
+}, "ref"> | Omit<{
+    "data-testid"?: string;
+    clearButtonAriaLabel: string;
+    disabled?: boolean;
+    iconOnlySearchButton?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: () => void;
+    onSearch?: (e: React.FormEvent<HTMLFormElement>) => void;
+    searchButtonLabel?: string;
+    variant: "button-attached" | "no-button";
+    formRef?: React.RefObject<HTMLFormElement>;
+} & {
     searchButtonLabel?: never;
     variant: "no-button";
-};
-export type SearchFieldProps = DefaultProps & (TextSearchButton | IconOnlySearchButton | NoButton) & Omit<TextFieldProps, "startAdornment" | "endAdornment" | "afterField" | "onChange">;
-export declare const SearchField: React.ForwardRefExoticComponent<(Omit<DefaultProps & TextSearchButton & Omit<TextFieldProps, "onChange" | "afterField" | "endAdornment" | "startAdornment">, "ref"> | Omit<DefaultProps & IconOnlySearchButton & Omit<TextFieldProps, "onChange" | "afterField" | "endAdornment" | "startAdornment">, "ref"> | Omit<DefaultProps & NoButton & Omit<TextFieldProps, "onChange" | "afterField" | "endAdornment" | "startAdornment">, "ref">) & React.RefAttributes<HTMLInputElement>>;
-export {};
+} & Omit<import('../../text-field/src/text-field').TextFieldProps, "onChange" | "variant" | "afterField" | "endAdornment" | "startAdornment"> & {
+    onSelectSuggestion?: (option: import('@purpur/use-autocomplete').AutocompleteOption) => void;
+    openSuggestionsOnFocus?: boolean;
+    suggestionsMaxHeight?: string | number;
+} & {
+    suggestions?: never;
+    suggestionsLabel?: never;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;
+export { SearchFieldAutocomplete, type SearchFieldAutocompleteProps, } from './search-field-autocomplete';
 //# sourceMappingURL=search-field.d.ts.map

package/dist/components/search-field/src/search-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../../../components/search-field/src/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMpE,eAAO,MAAM,mBAAmB,2CAA4C,CAAC;AAE7E,KAAK,OAAO,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,KAAK,YAAY,GAAG;IAClB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB;;SAEK;IACL,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;SAEK;IACL,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;SAEK;IACL,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACnD;;SAEK;IACL,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACtC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,EAAE,IAAI,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACzC,CAAC,gBAAgB,GAAG,oBAAoB,GAAG,QAAQ,CAAC,GACpD,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC;AAKtF,eAAO,MAAM,WAAW,qdAiEvB,CAAC"}
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../../../components/search-field/src/search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EACL,KAAK,mCAAmC,EAExC,KAAK,oBAAoB,EACzB,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,mCAAmC,CAAC;AAE1F,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAMtB,CAAC;AAIH,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,6BAA6B,CAAC"}