@coveo/atomic 3.35.0-pre.e9982a2757 → 3.35.0-pre.ff63a360d9

package/dist/types/components/common/refine-modal/stencil-filters.d.ts

@@ -5,10 +5,16 @@ interface RefineModalFiltersSectionProps {
     withFacets: boolean;
     withAutomaticFacets: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const RefineModalFiltersSection: FunctionalComponent<RefineModalFiltersSectionProps>;
 interface RefineModalFiltersClearButtonProps {
     i18n: i18n;
     onClick: () => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const RefineModalFiltersClearButton: FunctionalComponent<RefineModalFiltersClearButtonProps>;
 export {};

package/dist/types/components/common/refine-modal/stencil-guard.d.ts

@@ -4,5 +4,8 @@ interface RefineToggleGuardProps {
     firstRequestExecuted: boolean;
     hasItems: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps>;
 export {};

package/dist/types/components/common/refine-modal/stencil-modal.d.ts

@@ -11,5 +11,8 @@ interface RefineModalProps {
     boundary?: 'page' | 'element';
     scope?: HTMLElement;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const RefineModal: FunctionalComponent<RefineModalProps>;
 export {};

package/dist/types/components/common/refine-modal/stencil-sort.d.ts

@@ -4,5 +4,8 @@ interface RefineModalSortSectionProps {
     i18n: i18n;
     onSelect: (e: Event) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const RefineModalSortSection: FunctionalComponent<RefineModalSortSectionProps>;
 export {};

package/dist/types/components/common/result-children/children-wrapper.d.ts

@@ -2,5 +2,8 @@ import { FunctionalComponent } from '../../../stencil-public-runtime';
 interface ChildrenWrapperProps {
     hasChildren: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ChildrenWrapper: FunctionalComponent<ChildrenWrapperProps>;
 export {};

package/dist/types/components/common/result-children/collection-guard.d.ts

@@ -9,5 +9,8 @@ interface CollectionGuardProps {
     imageSize: ItemDisplayImageSize;
     noResultText: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CollectionGuard: FunctionalComponent<CollectionGuardProps>;
 export {};

package/dist/types/components/common/result-children/guard.d.ts

@@ -4,5 +4,8 @@ interface ResultChildrenGuardProps {
     resultTemplateRegistered: boolean;
     templateHasError: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ResultChildrenGuard: FunctionalComponent<ResultChildrenGuardProps>;
 export {};

package/dist/types/components/common/result-children/show-hide-button.d.ts

@@ -7,5 +7,8 @@ interface ShowHideButtonProps {
     loadAllResults: string;
     collapseResults: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ShowHideButton: FunctionalComponent<ShowHideButtonProps>;
 export {};

package/dist/types/components/common/search-box/stencil-search-box-wrapper.d.ts

@@ -3,5 +3,8 @@ interface Props {
     disabled: boolean;
     onFocusout?: (event: FocusEvent) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SearchBoxWrapper: FunctionalComponent<Props>;
 export {};

package/dist/types/components/common/search-box/stencil-search-text-area.d.ts

@@ -15,5 +15,8 @@ interface Props extends JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement> {
         hasSuggestions: boolean;
     };
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SearchTextArea: FunctionalComponent<Props>;
 export {};

package/dist/types/components/common/search-box/stencil-submit-button.d.ts

@@ -5,5 +5,8 @@ interface Props {
     disabled: boolean;
     onClick: () => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SubmitButton: FunctionalComponent<Props>;
 export {};

package/dist/types/components/common/search-box/stencil-text-area-clear-button.d.ts

@@ -5,5 +5,8 @@ interface Props extends Partial<StencilButtonProps> {
     bindings: AnyBindings;
     inputRef: HTMLInputElement | HTMLTextAreaElement | null;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const TextAreaClearButton: FunctionalComponent<Props>;
 export {};

package/dist/types/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common.d.ts

@@ -1,21 +1,31 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface SmartSnippetQuestionProps {
-    headingLevel?: number;
-    question: string;
-}
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetWrapper: FunctionalComponent<{
     headingLevel?: number;
     i18n: i18n;
 }>;
-export declare const SmartSnippetQuestion: FunctionalComponent<{
+interface SmartSnippetQuestionProps {
     headingLevel?: number;
     question: string;
-}>;
+}
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+export declare const SmartSnippetQuestion: FunctionalComponent<SmartSnippetQuestionProps>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetTruncatedAnswer: FunctionalComponent<{
     answer: string;
     style?: string;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFooter: FunctionalComponent<{
     i18n: i18n;
 }>;
+export {};

package/dist/types/components/common/smart-snippets/atomic-smart-snippet-feedback-banner.d.ts

@@ -11,5 +11,8 @@ interface SmartSnippetFeedbackBannerProps {
     onPressExplainWhy(): void;
     explainWhyRef?(element?: HTMLButtonElement): void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeedbackBanner: FunctionalComponent<SmartSnippetFeedbackBannerProps>;
 export {};

package/dist/types/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.d.ts

@@ -1,16 +1,28 @@
 import type { SmartSnippetFeedback } from '@coveo/headless';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeedbackModalHeader: FunctionalComponent<{
     i18n: i18n;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeedbackModalBody: FunctionalComponent<{
     formId: string;
     onSubmit: (e: Event) => void;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeebackModalOptions: FunctionalComponent<{
     i18n: i18n;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeedbackModalOption: FunctionalComponent<{
     correspondingAnswer: SmartSnippetFeedback | 'other';
     currentAnswer?: SmartSnippetFeedback | 'other';
@@ -19,16 +31,25 @@ export declare const SmartSnippetFeedbackModalOption: FunctionalComponent<{
     localeKey: string;
     onChange: (e: Event) => void;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeedbackModalDetails: FunctionalComponent<{
     currentAnswer?: SmartSnippetFeedback | 'other';
     i18n: i18n;
     setDetailsInputRef: (ref?: HTMLTextAreaElement) => void;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetFeedbackModalFooter: FunctionalComponent<{
     formId: string;
     i18n: i18n;
     onClick: (e: MouseEvent) => void;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const smartSnippetFeedbackOptions: {
     id: string;
     localeKey: string;

package/dist/types/components/common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common.d.ts

@@ -1,13 +1,22 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetSuggestionsWrapper: FunctionalComponent<{
     headingLevel: number;
     i18n: i18n;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetSuggestionsQuestionWrapper: FunctionalComponent<{
     expanded: boolean;
     key: string;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetSuggestionsQuestion: FunctionalComponent<{
     ariaControls: string;
     expanded: boolean;
@@ -15,11 +24,20 @@ export declare const SmartSnippetSuggestionsQuestion: FunctionalComponent<{
     onClick: (event: MouseEvent) => void;
     question: string;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetSuggestionsAnswerAndSourceWrapper: FunctionalComponent<{
     expanded: boolean;
     id: string;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SmartSnippetSuggestionsFooter: FunctionalComponent<{
     i18n: i18n;
 }>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getQuestionPart: (base: string, expanded: boolean) => string;

package/dist/types/components/common/sort/container.d.ts

@@ -1,2 +1,5 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SortContainer: FunctionalComponent;

package/dist/types/components/common/sort/stencil-guard.d.ts

@@ -4,5 +4,8 @@ interface SortGuardProps {
     firstSearchExecuted: boolean;
     hasResults: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SortGuard: FunctionalComponent<SortGuardProps>;
 export {};

package/dist/types/components/common/sort/stencil-label.d.ts

@@ -4,5 +4,8 @@ interface SortLabelProps {
     id: string;
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SortLabel: FunctionalComponent<SortLabelProps>;
 export {};

package/dist/types/components/common/sort/stencil-option.d.ts

@@ -1,9 +1,13 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface SortOptionProps {
+interface SortOptionProps {
     value: string;
     selected: boolean;
     i18n: i18n;
     label: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SortOption: FunctionalComponent<SortOptionProps>;
+export {};

package/dist/types/components/common/sort/stencil-select.d.ts

@@ -5,5 +5,8 @@ interface SortSelectProps {
     i18n: i18n;
     onSelect: (opt: Event) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const SortSelect: FunctionalComponent<SortSelectProps>;
 export {};

package/dist/types/components/common/stencil-button.d.ts

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { ButtonStyle } from './stencil-button-style';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use ButtonProps interface instead
+ * @deprecated should only be used for Stencil components.
  */
 export interface StencilButtonProps {
     style: ButtonStyle;
@@ -25,6 +25,6 @@ export interface StencilButtonProps {
     ref?(element?: HTMLButtonElement): void;
 }
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the button.ts file instead
+ * @deprecated should only be used for Stencil components.
  */
 export declare const Button: FunctionalComponent<StencilButtonProps>;

package/dist/types/components/common/stencil-carousel.d.ts

@@ -1,11 +1,15 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { JSXBase } from '../../stencil-public-runtime';
 import { AnyBindings } from './interface/bindings.js';
-export interface CarouselProps {
+interface CarouselProps {
     bindings: AnyBindings;
     previousPage(): void;
     nextPage(): void;
     numberOfPages: number;
     currentPage: number;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const Carousel: FunctionalComponent<CarouselProps & JSXBase.HTMLAttributes<HTMLHeadingElement>>;
+export {};

package/dist/types/components/common/stencil-checkbox.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the CheckboxProps interface from the checkbox.ts file
+ * @deprecated should only be used for Stencil components.
  */
 export interface StencilCheckboxProps {
     checked: boolean;
@@ -17,6 +17,6 @@ export interface StencilCheckboxProps {
     onMouseDown?(evt: MouseEvent): void;
 }
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the Checkbox function from the checkbox.ts file
+ * @deprecated should only be used for Stencil components.
  */
 export declare const StencilCheckbox: FunctionalComponent<StencilCheckboxProps>;

package/dist/types/components/common/stencil-fieldset-group.d.ts

@@ -1,5 +1,9 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
-export interface GroupProps {
+interface GroupProps {
     label: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FieldsetGroup: FunctionalComponent<GroupProps>;
+export {};

package/dist/types/components/common/stencil-heading.d.ts

@@ -2,6 +2,6 @@ import { FunctionalComponent } from '../../stencil-public-runtime';
 import { JSXBase } from '../../stencil-public-runtime';
 import { HeadingProps } from './heading';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the heading function instead.
+ * @deprecated should only be used for Stencil components.
  */
 export declare const Heading: FunctionalComponent<Pick<HeadingProps, 'level'> & JSXBase.HTMLAttributes<HTMLHeadingElement>>;

package/dist/types/components/common/stencil-iconButton.d.ts

@@ -1,9 +1,13 @@
 import { FunctionalComponent, VNode } from '../../stencil-public-runtime';
 import { StencilButtonProps } from './stencil-button';
-export interface IconButtonProps extends StencilButtonProps {
+interface IconButtonProps extends StencilButtonProps {
     badge?: VNode;
     buttonRef?: (el?: HTMLButtonElement) => void;
     icon: string;
     partPrefix: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const IconButton: FunctionalComponent<IconButtonProps>;
+export {};

package/dist/types/components/common/stencil-radio-button.d.ts

@@ -1,12 +1,12 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { RadioButtonProps } from './radio-button';
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the RadioButtonProps from radio-button.ts instead.
+ * @deprecated should only be used for Stencil components.
  */
 export interface StencilRadioButtonProps extends Omit<RadioButtonProps, 'ref'> {
     ref?(element?: HTMLInputElement): void;
 }
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the radioButton function instead.
+ * @deprecated should only be used for Stencil components.
  */
 export declare const RadioButton: FunctionalComponent<StencilRadioButtonProps>;

package/dist/types/components/common/stencil-triStateCheckbox.d.ts

@@ -1,11 +1,11 @@
 import { FacetValueState } from '@coveo/headless';
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { StencilCheckboxProps } from './stencil-checkbox';
-export type TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {
+type TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {
     state: FacetValueState;
 };
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the triStateCheckbox.ts
- * This file is required to be in a tsx file to be able to use it in Stencil components.
+ * @deprecated should only be used for Stencil components.
  */
 export declare const TriStateCheckbox: FunctionalComponent<TriStateCheckboxProps>;
+export {};

package/dist/types/components/common/suggestions/stencil-instant-item.d.ts

@@ -1,10 +1,19 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 import { SearchBoxSuggestionElement } from './suggestions-types';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getPartialInstantItemElement: (i18n: i18n, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getPartialInstantItemShowAllElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
 interface InstantItemShowAllButtonProps {
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const InstantItemShowAllButton: FunctionalComponent<InstantItemShowAllButtonProps>;
 export {};

package/dist/types/components/common/suggestions/stencil-query-suggestions.d.ts

@@ -5,16 +5,28 @@ interface Suggestion {
     highlightedValue: string;
     rawValue: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const getPartialSearchBoxSuggestionElement: (suggestion: Suggestion, i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "query" | "part">;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuerySuggestionContainer: FunctionalComponent;
 interface QuerySuggestionIconProps {
     icon: string;
     hasSuggestion: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuerySuggestionIcon: FunctionalComponent<QuerySuggestionIconProps>;
 interface QuerySuggestionTextProps {
     suggestion: Suggestion;
     hasQuery: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuerySuggestionText: FunctionalComponent<QuerySuggestionTextProps>;
 export {};

package/dist/types/components/common/switch.d.ts

@@ -1,5 +1,5 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
-export interface SwitchProps {
+interface SwitchProps {
     checked?: boolean;
     onToggle?(checked: boolean): void;
     ariaLabel?: string;
@@ -8,4 +8,8 @@ export interface SwitchProps {
     title?: string;
     withToggle?: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const Switch: FunctionalComponent<SwitchProps>;
+export {};

package/dist/types/components/common/tabs/tab-guard.d.ts

@@ -4,5 +4,8 @@ interface TabGuardProps {
     tabsExcluded: string | string[];
     activeTab: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const TabGuard: FunctionalComponent<TabGuardProps>;
 export {};

package/dist/types/components/insight/user-actions/atomic-insight-user-actions-session/user-action.d.ts

@@ -5,5 +5,8 @@ interface UserAction {
     action: IUserAction;
     bindings: InsightBindings;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const UserAction: FunctionalComponent<UserAction>;
 export {};

package/dist/types/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.d.ts

@@ -0,0 +1,69 @@
+import { type Result, type SearchBox } from '@coveo/headless';
+import { LitElement } from 'lit';
+import type { ItemRenderingFunction } from "../../common/item-list/item-list-common";
+import type { ItemDisplayDensity, ItemDisplayImageSize } from "../../common/layout/display-options";
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
+import type { Bindings } from "../atomic-search-interface/interfaces";
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
+export type AriaLabelGenerator = (bindings: Bindings, result: Result) => string | undefined;
+/**
+ * The `atomic-search-box-instant-results` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior.
+ *
+ * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility).
+ *
+ * This component is not supported on mobile.
+ *
+ * @part instant-results-show-all-button - The 'See all results' button.
+ * @part instant-results-item - The individual instant result items.
+ *
+ * @slot default - The default slot where the instant results are rendered.
+ */
+export declare class AtomicSearchBoxInstantResults extends LitElement implements SearchBoxSuggestionsComponent<Bindings> {
+    bindings: SearchBoxSuggestionsBindings<SearchBox, Bindings>;
+    private itemRenderingFunction;
+    private results;
+    private itemTemplateProvider;
+    private instantResults;
+    private display;
+    error: Error;
+    private templateHasError;
+    /**
+     * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
+     * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.
+     *
+     * Do not use this method if you integrate Atomic in a plain HTML deployment.
+     *
+     * @param resultRenderingFunction
+     */
+    setRenderFunction(resultRenderingFunction: ItemRenderingFunction): Promise<void>;
+    /**
+     * The maximum number of results to show.
+     */
+    maxResultsPerQuery: number;
+    /**
+     * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
+     */
+    density: ItemDisplayDensity;
+    /**
+     * The expected size of the image displayed in the results.
+     */
+    imageSize: ItemDisplayImageSize;
+    /**
+     * The callback to generate an [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for a given result so that accessibility tools can fully describe what's visually rendered by a result.
+     *
+     * By default, or if an empty string is returned, `result.title` is used.
+     */
+    ariaLabelGenerator?: AriaLabelGenerator;
+    connectedCallback(): void;
+    private getLink;
+    private handleLinkClick;
+    private renderItems;
+    initialize(): SearchBoxSuggestions;
+    private onSuggestedQueryChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-search-box-instant-results': AtomicSearchBoxInstantResults;
+    }
+}

package/dist/types/components/search/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.d.ts

@@ -0,0 +1,38 @@
+import { type SearchBox } from '@coveo/headless';
+import { LitElement } from 'lit';
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
+import type { Bindings } from "../atomic-search-interface/interfaces";
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
+/**
+ * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
+ */
+export declare class AtomicSearchBoxQuerySuggestions extends LitElement implements SearchBoxSuggestionsComponent<Bindings> {
+    bindings: SearchBoxSuggestionsBindings<SearchBox, Bindings>;
+    error: Error;
+    /**
+     * The SVG icon to display.
+     *
+     * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
+     * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
+     * - Use a stringified SVG to display it directly.
+     */
+    icon?: string;
+    /**
+     * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
+     */
+    maxWithQuery?: number;
+    /**
+     * The maximum number of suggestions that will be displayed initially when the input field is empty.
+     */
+    maxWithoutQuery?: number;
+    connectedCallback(): void;
+    initialize(): SearchBoxSuggestions;
+    private renderItems;
+    private renderItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-search-box-query-suggestions': AtomicSearchBoxQuerySuggestions;
+    }
+}