@purpur/library 9.0.10 → 9.1.1

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

@@ -0,0 +1,94 @@
+export type DropdownOption = {
+    label: string;
+    id: string;
+    value?: string;
+    disabled?: boolean;
+};
+/** Shared props across all variants */
+type DropdownBaseProps = {
+    /** Unique id used to prefix all sub-element ids. */
+    id?: string;
+    /** Visible label rendered above the field. */
+    label?: string;
+    /** Accessible label for the listbox popup (required for select/combobox). */
+    listboxLabel?: string;
+    /** Placeholder text shown when no value is selected. */
+    placeholder?: string;
+    /** Helper text rendered below the field. */
+    helperText?: string;
+    /** Error text rendered below the field. Puts the field in an error state. */
+    errorText?: string;
+    /** Render the field with a valid (success) appearance. */
+    valid?: boolean;
+    /** Show a loading spinner inside the field. */
+    loading?: boolean;
+    /** Render on dark backgrounds. */
+    negative?: boolean;
+    /** Mark the field as required. */
+    required?: boolean;
+    /** Disable the field. */
+    disabled?: boolean;
+    /** Make the field read-only. */
+    readOnly?: boolean;
+    className?: string;
+    ["data-testid"]?: string;
+};
+export type SelectProps = DropdownBaseProps & {
+    combobox?: false;
+    options: DropdownOption[];
+    /** Enable multi-select mode. */
+    multiple?: boolean;
+    /** Currently selected option (single-select, controlled). */
+    selectedOption?: DropdownOption;
+    /** Currently selected options (multi-select, controlled). */
+    selectedOptions?: DropdownOption[];
+    /** Fired when an option is selected or deselected. */
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    /** Open the listbox when the trigger receives focus. */
+    openOnFocus?: boolean;
+    /** Maximum height of the listbox popup. */
+    listboxMaxHeight?: string | number;
+    /** Not applicable. */
+    filterOption?: never;
+    /** Not applicable. */
+    onInputChange?: never;
+    /** Not applicable. */
+    inputValue?: never;
+    /** Not applicable. */
+    defaultInputValue?: never;
+    /** Not applicable. */
+    noOptionsText?: never;
+    /** Not applicable. */
+    highlightFirstOption?: never;
+};
+export type ComboboxProps = DropdownBaseProps & {
+    combobox: true;
+    options: DropdownOption[];
+    /** Enable multi-select mode. */
+    multiple?: boolean;
+    /** Currently selected option (single-select, controlled). */
+    selectedOption?: DropdownOption;
+    /** Currently selected options (multi-select, controlled). */
+    selectedOptions?: DropdownOption[];
+    /** Fired when an option is selected or deselected. */
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    /** Custom filter for autocomplete results. */
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    /** Controlled input value. */
+    inputValue?: string;
+    /** Default input value (uncontrolled). */
+    defaultInputValue?: string;
+    /** Fired when the text-input value changes. */
+    onInputChange?: (value: string) => void;
+    /** Text shown when filtering yields no results. */
+    noOptionsText?: React.ReactNode;
+    /** Highlight the first option automatically. */
+    highlightFirstOption?: boolean;
+    /** Open the listbox when the input receives focus. */
+    openOnFocus?: boolean;
+    /** Maximum height of the listbox popup. */
+    listboxMaxHeight?: string | number;
+};
+export type DropdownProps = SelectProps | ComboboxProps;
+export {};
+//# sourceMappingURL=dropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.types.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+import { CSSProperties } from 'react';
+import { ListboxItemProps, ListboxProps } from '../../listbox/src/listbox';
+import { DropdownOption } from './dropdown.types';
+export type UseDropdownParams = {
+    id: string;
+    variant: "select" | "combobox";
+    options: DropdownOption[];
+    listboxLabel: string;
+    multiple?: boolean;
+    selectedOption?: DropdownOption;
+    selectedOptions?: DropdownOption[];
+    onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    noOptionsText?: React.ReactNode;
+    highlightFirstOption?: boolean;
+    openOnFocus?: boolean;
+    listboxMaxHeight?: string | number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    ["data-testid"]?: string;
+};
+export type UseDropdownReturn = {
+    rootRef: React.RefObject<HTMLDivElement | null>;
+    triggerProps: Record<string, unknown>;
+    inputProps: Record<string, unknown> | null;
+    listboxProps: ListboxProps;
+    getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;
+    optionsToShow: DropdownOption[];
+    isOpen: boolean;
+    highlightedOption: DropdownOption | undefined;
+    selectedItems: DropdownOption[];
+    anchorStyle: CSSProperties;
+};
+export declare const useDropdown: ({ id, variant, options, listboxLabel, multiple, selectedOption, selectedOptions, onSelect, filterOption, inputValue: controlledInputValue, defaultInputValue, onInputChange, noOptionsText, highlightFirstOption, openOnFocus, listboxMaxHeight, disabled, readOnly, ["data-testid"]: dataTestId, }: UseDropdownParams) => UseDropdownReturn;
+//# sourceMappingURL=useDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAG3F,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACjF,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,GAAG,SAAS,CAAC;IAC9C,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,WAAW,EAAE,aAAa,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qSAoBzB,iBAAiB,KAAG,iBAiTtB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { DropdownOption } from './dropdown.types';
+export declare const getFilteredOptions: ({ options, searchTerm, filterOption, selectedOption, multiple, }: {
+    options: DropdownOption[];
+    searchTerm: string | undefined;
+    filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;
+    selectedOption?: DropdownOption;
+    multiple: boolean;
+}) => DropdownOption[];
+//# sourceMappingURL=useDropdownFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownFilter.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdownFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAiBvD,eAAO,MAAM,kBAAkB,GAAI,kEAMhC;IACD,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;IACnF,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;CACnB,KAAG,cAAc,EAKjB,CAAC"}

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/quantity-selector/src/quantity-selector-button.d.ts

@@ -3,12 +3,13 @@ type variant = "primary" | "secondary";
 type buttonType = "increment" | "decrement";
 type QuantitySelectorButtonProps = {
     ["data-testid"]?: string;
+    ["aria-label"]?: string;
     disabled?: boolean;
     hasGap: boolean;
     variant: variant;
     buttonType: buttonType;
     onClick: (buttonType: buttonType) => void;
 };
-export declare const QuantitySelectorButton: ({ ["data-testid"]: dataTestid, disabled, hasGap, variant, buttonType, onClick, }: QuantitySelectorButtonProps) => React.JSX.Element;
+export declare const QuantitySelectorButton: ({ ["data-testid"]: dataTestid, ["aria-label"]: ariaLabel, disabled, hasGap, variant, buttonType, onClick, }: QuantitySelectorButtonProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=quantity-selector-button.d.ts.map

package/dist/components/quantity-selector/src/quantity-selector-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-selector-button.d.ts","sourceRoot":"","sources":["../../../../../../components/quantity-selector/src/quantity-selector-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AAE5C,KAAK,2BAA2B,GAAG;IACjC,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3C,CAAC;AAKF,eAAO,MAAM,sBAAsB,GAAI,kFAOpC,2BAA2B,sBAuB7B,CAAC"}
+{"version":3,"file":"quantity-selector-button.d.ts","sourceRoot":"","sources":["../../../../../../components/quantity-selector/src/quantity-selector-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AAE5C,KAAK,2BAA2B,GAAG;IACjC,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3C,CAAC;AAKF,eAAO,MAAM,sBAAsB,GAAI,6GAQpC,2BAA2B,sBAwB7B,CAAC"}

package/dist/components/quantity-selector/src/quantity-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-selector.d.ts","sourceRoot":"","sources":["../../../../../../components/quantity-selector/src/quantity-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAC3E,eAAO,MAAM,8BAA8B,mCAAoC,CAAC;AAEhF,KAAK,OAAO,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AACzD,KAAK,aAAa,GAAG,CAAC,OAAO,8BAA8B,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,gBAAgB,6GAsJ5B,CAAC"}
+{"version":3,"file":"quantity-selector.d.ts","sourceRoot":"","sources":["../../../../../../components/quantity-selector/src/quantity-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAC3E,eAAO,MAAM,8BAA8B,mCAAoC,CAAC;AAEhF,KAAK,OAAO,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AACzD,KAAK,aAAa,GAAG,CAAC,OAAO,8BAA8B,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,gBAAgB,6GAuJ5B,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"}