@coveo/atomic 3.34.0-pre.616c4e348b → 3.34.0-pre.61b8e221e3

package/dist/types/components/commerce/atomic-product/atomic-product.d.ts

@@ -1,20 +1,19 @@
 import type { InteractiveProduct, Product } from '@coveo/headless/commerce';
 import { type CSSResultGroup, LitElement } from 'lit';
+import type { CommerceStore } from "../atomic-commerce-interface/store";
+import type { CommerceRecommendationStore } from "../atomic-commerce-recommendation-interface/store";
 import type { DisplayConfig } from "../../common/item-list/context/item-display-config-context-controller";
 import { type ItemRenderingFunction } from "../../common/item-list/item-list-common";
-import { type ItemDisplayDensity, type ItemDisplayImageSize, type ItemDisplayLayout } from "../../common/layout/display-options";
+import type { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "../../common/layout/display-options";
 import type { InteractiveProductContextEvent, ProductContextEvent } from "../../../decorators/commerce/product-template-decorators";
-import type { CommerceStore } from '../atomic-commerce-interface/store';
-import type { CommerceRecommendationStore } from '../atomic-commerce-recommendation-interface/store';
 declare const AtomicProduct_base: typeof LitElement;
 /**
  * The `atomic-product` component is used internally by the `atomic-commerce-product-list` and `atomic-commerce-recommendation-list` components.
  */
 export declare class AtomicProduct extends AtomicProduct_base {
-    private layout;
     private productRootRef?;
     private linkContainerRef?;
-    private executedRenderingFunctionOnce;
+    private itemLayoutController;
     static styles: CSSResultGroup;
     /**
      * Whether `atomic-product-link` components nested in the `atomic-product` should stop click event propagation.
@@ -84,25 +83,14 @@ export declare class AtomicProduct extends AtomicProduct_base {
     clickLinkContainer: () => void;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
-    private get isCustomRenderFunctionMode();
     private getContentHTML;
     private getLinkHTML;
-    private shouldExecuteRenderFunction;
     render(): import("lit-html").TemplateResult<1>;
     firstUpdated(_changedProperties: Map<string, unknown>): void;
-    private getCombinedClasses;
-    private applyClassesToChildren;
-    updated(_changedProperties: Map<string, unknown>): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'atomic-product': AtomicProduct;
     }
-    interface HTMLElementEventMap {
-        'atomic/resolveResult': ProductContextEvent;
-        'atomic/resolveInteractiveResult': InteractiveProductContextEvent;
-        'atomic/resolveStopPropagation': CustomEvent;
-        'atomic/resolveResultDisplayConfig': ProductContextEvent<DisplayConfig>;
-    }
 }
 export {};

package/dist/types/components/common/atomic-layout-section/atomic-layout-section.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import type { Section } from './sections';
+import type { Section } from './atomic-layout-section-utils';
 declare const AtomicLayoutSection_base: import("../../../mixins/mixin-common").Constructor<{
     injectStyles(dynamicStyles?: import("lit").CSSResultGroup): Promise<void>;
 }> & typeof LitElement;

package/dist/types/components/common/facets/facet-search/facet-search-input-guard.d.ts

@@ -6,7 +6,7 @@ export interface FacetSearchInputGuardProps {
     numberOfDisplayedValues: number;
 }
 declare class FacetSearchInputGuardDirective extends Directive {
-    render({ canShowMoreValues, numberOfDisplayedValues, withSearch, }: FacetSearchInputGuardProps, content: () => unknown): typeof nothing | import("lit-html").TemplateResult<1>;
+    render({ canShowMoreValues, numberOfDisplayedValues, withSearch, }: FacetSearchInputGuardProps, content: () => unknown): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 export declare const facetSearchInputGuard: (values_0: FacetSearchInputGuardProps, content: () => unknown) => import("lit-html/directive.js").DirectiveResult<typeof FacetSearchInputGuardDirective>;
 export {};

package/dist/types/components/common/layout/custom-render-controller.d.ts

@@ -0,0 +1,25 @@
+import type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
+import type { ItemRenderingFunction } from "../item-list/item-list-common";
+import type { AnyItem } from "../item-list/unfolded-item";
+export interface CustomRenderHost extends ReactiveControllerHost {
+    shadowRoot?: ShadowRoot | null;
+}
+export interface CustomRenderOptions {
+    renderingFunction: () => ItemRenderingFunction<AnyItem> | undefined;
+    itemData: () => AnyItem | undefined;
+    rootElementRef: () => HTMLElement | undefined;
+    linkContainerRef?: () => HTMLElement | undefined;
+    onRenderComplete?: (element: HTMLElement, output: string) => void;
+}
+/**
+ * A reactive controller that manages custom rendering function execution for item components.
+ */
+export declare class CustomRenderController implements ReactiveController {
+    private options;
+    private hasExecutedRenderFunction;
+    constructor(host: CustomRenderHost & LitElement, options: CustomRenderOptions);
+    hostConnected(): void;
+    hostUpdated(): void;
+    private resetRenderState;
+    private executeRenderFunction;
+}

package/dist/types/components/common/layout/item-layout-controller.d.ts

@@ -0,0 +1,47 @@
+import type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
+import type { ItemRenderingFunction } from "../item-list/item-list-common";
+import type { AnyItem } from "../item-list/unfolded-item";
+import { type ItemDisplayDensity, type ItemDisplayImageSize, type ItemDisplayLayout, ItemLayout } from './display-options';
+export interface ItemLayoutHost extends ReactiveControllerHost {
+    shadowRoot?: ShadowRoot | null;
+}
+export interface LayoutDisplayConfig {
+    display: ItemDisplayLayout;
+    density: ItemDisplayDensity;
+    imageSize: ItemDisplayImageSize;
+}
+export interface ItemLayoutOptions {
+    elementPrefix: string;
+    renderingFunction: () => ItemRenderingFunction<AnyItem> | undefined;
+    content: () => ParentNode | undefined;
+    layoutConfig: () => LayoutDisplayConfig;
+    itemClasses: () => string;
+}
+/**
+ * A reactive controller that manages layout creation and class application for item components.
+ */
+export declare class ItemLayoutController implements ReactiveController {
+    private host;
+    private options;
+    private layoutInstance;
+    constructor(host: ItemLayoutHost & LitElement, options: ItemLayoutOptions);
+    hostConnected(): void;
+    hostUpdated(): void;
+    /**
+     * Gets the current layout instance
+     */
+    getLayout(): ItemLayout | null;
+    /**
+     * Gets combined layout and extra classes
+     */
+    getCombinedClasses(additionalContent?: string): string[];
+    /**
+     * Applies layout classes to a specific element (useful for custom rendering)
+     */
+    applyLayoutClassesToElement(element: HTMLElement, additionalContent?: string): void;
+    private applyLayoutClasses;
+    private createLayout;
+    private hasCustomRenderFunction;
+    private addClassesToElements;
+    private observeAndApplyClasses;
+}

package/dist/types/components/common/layout/item-layout-sections.d.ts

@@ -0,0 +1,6 @@
+declare const allTags: Set<"atomic-result-section-actions" | "atomic-result-section-badges" | "atomic-result-section-bottom-metadata" | "atomic-result-section-children" | "atomic-result-section-emphasized" | "atomic-result-section-excerpt" | "atomic-result-section-title" | "atomic-result-section-title-metadata" | "atomic-result-section-visual" | "atomic-product-section-actions" | "atomic-product-section-badges" | "atomic-product-section-bottom-metadata" | "atomic-product-section-children" | "atomic-product-section-description" | "atomic-product-section-emphasized" | "atomic-product-section-metadata" | "atomic-product-section-name" | "atomic-product-section-visual">;
+type SetValueType<T> = T extends Set<infer U> ? U : never;
+export type ItemSectionTagName = SetValueType<typeof allTags>;
+export declare function isResultSectionNode(element: Node): boolean;
+export declare function containsSections(content: string | NodeList | HTMLCollection): boolean;
+export {};

package/dist/types/components/common/no-items/guard.d.ts

@@ -6,7 +6,7 @@ interface NoItemsGuardProps {
     hasResults: boolean;
 }
 declare class NoItemsGuardDirective extends Directive {
-    render({ firstSearchExecuted, isLoading, hasResults }: NoItemsGuardProps, content: () => unknown): typeof nothing | import("lit-html").TemplateResult<1>;
+    render({ firstSearchExecuted, isLoading, hasResults }: NoItemsGuardProps, content: () => unknown): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 export declare const noItemsGuard: (values_0: NoItemsGuardProps, content: () => unknown) => import("lit-html/directive.js").DirectiveResult<typeof NoItemsGuardDirective>;
 export {};

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

@@ -6,7 +6,7 @@ export interface RefineToggleGuardProps {
     hasItems: boolean;
 }
 declare class RefineToggleGuardDirective extends Directive {
-    render({ hasError, firstRequestExecuted, hasItems }: RefineToggleGuardProps, content: () => unknown): typeof nothing | import("lit-html").TemplateResult<1>;
+    render({ hasError, firstRequestExecuted, hasItems }: RefineToggleGuardProps, content: () => unknown): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 export declare const refineToggleGuard: (values_0: RefineToggleGuardProps, content: () => unknown) => import("lit-html/directive.js").DirectiveResult<typeof RefineToggleGuardDirective>;
 export {};

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

@@ -5,5 +5,5 @@ interface SortGuardProps {
     hasError: boolean;
     isLoading: boolean;
 }
-export declare const sortGuard: ({ firstSearchExecuted, hasError, hasResults, isLoading }: SortGuardProps, sortTemplate: () => TemplateResult) => typeof nothing | TemplateResult | typeof noChange;
+export declare const sortGuard: ({ firstSearchExecuted, hasError, hasResults, isLoading }: SortGuardProps, sortTemplate: () => TemplateResult) => TemplateResult | typeof nothing | typeof noChange;
 export {};

package/dist/types/components/common/validate-props-controller/validate-props-controller.d.ts

@@ -0,0 +1,32 @@
+import type { Schema } from '@coveo/bueno';
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * A reactive controller that validates the props of a Lit component against a
+ * provided Bueno schema.
+ *
+ * It validates the props when the host is connected to the DOM and whenever
+ * the host updates, revalidating only if the props have changed since the last
+ * validation.
+ *
+ * If validation fails, the controller sets the `error` property on the host.
+ */
+export declare class ValidatePropsController<TProps extends Record<string, unknown>> implements ReactiveController {
+    private host;
+    private getProps;
+    private schema;
+    private currentProps?;
+    private previousProps?;
+    /**
+     * Creates a `ValidatePropsController`.
+     *
+     * @param host The host element.
+     * @param getProps A function that returns the current props to validate.
+     * @param schema The Bueno schema to validate the props against.
+     */
+    constructor(host: ReactiveControllerHost & HTMLElement & {
+        error: Error;
+    }, getProps: () => TProps, schema: Schema<TProps>);
+    hostConnected(): void;
+    hostUpdate(): void;
+    private _validateProps;
+}

package/dist/types/components/insight/atomic-insight-interface/atomic-insight-interface.d.ts

@@ -1,14 +1,26 @@
-import { LogLevel as InsightLogLevel, InsightEngine, InsightEngineConfiguration } from '@coveo/headless/insight';
-import { i18n } from 'i18next';
-import { InitializeEvent } from '../../../utils/initialization-utils';
-import { CommonBindings, NonceBindings } from '../../common/interface/bindings';
-import { StencilBaseAtomicInterface } from '../../common/interface/interface-common-stencil';
-import { InsightStore } from './store';
+import { type InsightEngine, type InsightEngineConfiguration, type LogLevel as InsightLogLevel } from '@coveo/headless/insight';
+import { type i18n } from 'i18next';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { CommonBindings, NonceBindings } from "../../common/interface/bindings";
+import { type BaseAtomicInterface } from "../../common/interface/interface-controller";
+import { type InsightStore } from './store.js';
 export type InsightInitializationOptions = InsightEngineConfiguration;
-export type InsightBindings = CommonBindings<InsightEngine, InsightStore, HTMLAtomicInsightInterfaceElement> & NonceBindings;
-export declare class AtomicInsightInterface implements StencilBaseAtomicInterface<InsightEngine> {
+export type InsightBindings = CommonBindings<InsightEngine, InsightStore, AtomicInsightInterface> & NonceBindings;
+declare const AtomicInsightInterface_base: typeof LitElement;
+/**
+ * The `atomic-insight-interface` component is the parent to all other atomic insight components in an insight page.
+ * It handles the headless insight engine and localization configurations.
+ *
+ * @slot default - The default slot where you can add child components to the interface.
+ * @slot full-search - A slot for components that should be positioned absolutely in the top-right corner.
+ */
+export declare class AtomicInsightInterface extends AtomicInsightInterface_base implements BaseAtomicInterface<InsightEngine> {
+    bindings: InsightBindings;
+    error: Error;
     private initialized;
-    error?: Error;
+    private interfaceController;
+    store: InsightStore;
+    static styles: CSSResultGroup;
     /**
      * The service insight interface headless engine.
      */
@@ -56,55 +68,36 @@ export declare class AtomicInsightInterface implements StencilBaseAtomicInterfac
      * The number of results per page. By default, this is set to `5`.
      */
     resultsPerPage: number;
-    /**
-     * The value to set the [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute to on inline script and style elements generated by this interface and its child components.
-     * If your application is served with a Content Security Policy (CSP) that doesn't include the `script-src: 'unsafe-inline'` or `style-src: 'unsafe-inline'` directives,
-     * you should ensure that your application server generates a new nonce on every page load and uses the generated value to set this prop and serve the corresponding CSP response headers
-     * (i.e., script-src 'nonce-<YOUR_GENERATED_NONCE>' and style-src 'nonce-<YOUR_GENERATED_NONCE>').
-     * Otherwise you may see console errors such as
-     *  - Refused to execute inline script because it violates the following Content Security Policy directive: [...]
-     *  - Refused to apply inline style because it violates the following Content Security Policy directive: [...].
-     * When using a nonce, the first import of Atomic should be to import & call the `setNonce` function with the generated nonce value.
-     * @example:
-     * ```html
-     * <script nonce="<YOUR_GENERATED_NONCE>">
-     *  import {setNonce} from '@coveo/atomic';
-     *  setNonce('<YOUR_GENERATED_NONCE>');
-     * </script>
-     * ```
-     */
-    CspNonce?: string;
-    host: HTMLAtomicInsightInterfaceElement;
-    private store;
-    private commonInterfaceHelper;
     private i18Initialized;
-    private componentWillLoadCalledPromise;
-    private componentWillLoadResolver;
     constructor();
     connectedCallback(): void;
-    componentWillLoad(): void;
-    private initResultsPerPage;
-    registerFieldsToInclude(): void;
     /**
      * Initializes the connection with the headless insight engine using options for `accessToken` (required), `organizationId` (required), `environment` (defaults to `prod`), and `renewAccessToken`.
      */
     initialize(options: InsightInitializationOptions): Promise<void>;
     /**
      * Initializes the connection with an already preconfigured headless insight engine.
-     *
      */
     initializeWithInsightEngine(engine: InsightEngine): Promise<void>;
     /**
-     *
      * Executes the first search and logs the interface load event to analytics, after initializing connection to the headless search engine.
      */
     executeFirstSearch(): Promise<void>;
-    updateIconAssetsPath(): void;
-    handleInitialization(event: InitializeEvent): void;
-    updateLanguage(): Promise<void>;
     toggleAnalytics(): void;
-    get bindings(): InsightBindings;
+    updateIconAssetsPath(): void;
+    updateLanguage(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private getBindings;
+    private handleInitialization;
     private initEngine;
+    private initResultsPerPage;
     private internalInitialization;
-    render(): any;
+    registerFieldsToInclude(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-interface': AtomicInsightInterface;
+    }
 }
+export {};

package/dist/types/components/insight/index.d.ts

@@ -1 +1 @@
-export {};
+export { AtomicInsightInterface } from './atomic-insight-interface/atomic-insight-interface.js';

package/dist/types/components/search/atomic-relevance-inspector/atomic-relevance-inspector.d.ts

@@ -1,15 +1,25 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { Bindings } from '../atomic-search-interface/atomic-search-interface';
+import { LitElement } from 'lit';
+import "../../common/atomic-modal/atomic-modal";
+import type { Bindings } from "../atomic-search-interface/interfaces";
+import type { InitializableComponent } from "../../../decorators/types.js";
 /**
  * The `atomic-relevance-inspector` component is used internally to offer insight on search page relevance, as well as information to help troubleshoot issues during development.
+ *
+ * @internal
  */
-export declare class AtomicRelevanceInspector {
-    /**
-     * The Atomic interface bindings, namely the headless search engine and i18n instances.
-     */
+export declare class AtomicRelevanceInspector extends LitElement implements InitializableComponent<Bindings> {
     bindings: Bindings;
+    error: Error;
     open: boolean;
-    closeRelevanceInspector: EventEmitter<null> | undefined;
-    render(): any;
+    initialize: () => void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private handleRelevanceInspectorDoubleClick;
+    private handleCloseRelevanceInspector;
     private get adminHref();
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-relevance-inspector': AtomicRelevanceInspector;
+    }
+}

package/dist/types/components/search/atomic-search-box-recent-queries/atomic-search-box-recent-queries.d.ts

@@ -0,0 +1,45 @@
+import { type SearchBox } from '@coveo/headless';
+import { LitElement } from 'lit';
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-types';
+import type { Bindings } from '../atomic-search-interface/interfaces';
+/**
+ * The `atomic-search-box-recent-queries` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of recent query suggestions.
+ */
+export declare class AtomicSearchBoxRecentQueries extends LitElement implements SearchBoxSuggestionsComponent<Bindings> {
+    bindings: SearchBoxSuggestionsBindings<SearchBox, Bindings>;
+    private recentQueriesList;
+    private storage;
+    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 to display when the user types in the input field.
+     */
+    maxWithQuery: number;
+    /**
+     * The maximum number of suggestions to display initially, when the input field is empty.
+     */
+    maxWithoutQuery?: number;
+    connectedCallback(): void;
+    initialize(): SearchBoxSuggestions;
+    private retrieveLocalStorage;
+    private updateLocalStorage;
+    private warnUser;
+    private disableFeature;
+    private renderItems;
+    private renderClear;
+    private renderItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-search-box-recent-queries': AtomicSearchBoxRecentQueries;
+    }
+}

package/dist/types/components/search/atomic-search-interface/atomic-search-interface.d.ts

@@ -3,6 +3,7 @@ import { type i18n } from 'i18next';
 import { type CSSResultGroup, LitElement } from 'lit';
 import type { CommonBindings, NonceBindings } from "../../common/interface/bindings";
 import { type BaseAtomicInterface } from "../../common/interface/interface-controller";
+import "../atomic-relevance-inspector/atomic-relevance-inspector";
 import { type SearchStore } from './store';
 import "../../common/atomic-modal/atomic-modal";
 export type InitializationOptions = SearchEngineConfiguration;
@@ -16,7 +17,6 @@ declare const AtomicSearchInterface_base: typeof LitElement;
 export declare class AtomicSearchInterface extends AtomicSearchInterface_base implements BaseAtomicInterface<SearchEngine> {
     bindings: Bindings;
     error: Error;
-    relevanceInspectorIsOpen: boolean;
     urlManager: UrlManager;
     searchStatus: SearchStatus;
     private unsubscribeUrlManager;
@@ -24,6 +24,7 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
     private initialized;
     private store;
     private interfaceController;
+    private relevanceInspector?;
     static styles: CSSResultGroup;
     /**
      * A list of non-default fields to include in the query results.
@@ -120,6 +121,9 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
     disconnectedCallback(): void;
     private handleInitialization;
     scrollToTop(): void;
+    /**
+     * @deprecated provided for backward compatibility. set the 'open' property directly on the relevance inspector instead.
+     */
     closeRelevanceInspector(): void;
     /**
      * Initializes the connection with the headless search engine using options for `accessToken` (required), `organizationId` (required), `environment` (defaults to `prod`), and `renewAccessToken`.
@@ -149,8 +153,6 @@ export declare class AtomicSearchInterface extends AtomicSearchInterface_base im
     private getSearchConfiguration;
     private get fragment();
     private initUrlManager;
-    private handleRelevanceInspectorDoubleClick;
-    private initRelevanceInspector;
     private initSearchStatus;
     private updateHash;
     private onHashChange;

package/dist/types/components/search/index.d.ts

@@ -1,14 +1,7 @@
 export { AtomicPager } from './atomic-pager/atomic-pager.js';
 export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
-export { AtomicResultSectionActions } from './atomic-result-section-actions/atomic-result-section-actions.js';
-export { AtomicResultSectionBadges } from './atomic-result-section-badges/atomic-result-section-badges.js';
-export { AtomicResultSectionBottomMetadata } from './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js';
-export { AtomicResultSectionChildren } from './atomic-result-section-children/atomic-result-section-children.js';
-export { AtomicResultSectionEmphasized } from './atomic-result-section-emphasized/atomic-result-section-emphasized.js';
-export { AtomicResultSectionExcerpt } from './atomic-result-section-excerpt/atomic-result-section-excerpt.js';
-export { AtomicResultSectionTitle } from './atomic-result-section-title/atomic-result-section-title.js';
-export { AtomicResultSectionTitleMetadata } from './atomic-result-section-title-metadata/atomic-result-section-title-metadata.js';
-export { AtomicResultSectionVisual } from './atomic-result-section-visual/atomic-result-section-visual.js';
+export { AtomicRelevanceInspector } from './atomic-relevance-inspector/atomic-relevance-inspector.js';
 export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
+export { AtomicSearchBoxRecentQueries } from './atomic-search-box-recent-queries/atomic-search-box-recent-queries.js';
 export { AtomicSearchInterface } from './atomic-search-interface/atomic-search-interface.js';
 export { AtomicSearchLayout } from './atomic-search-layout/atomic-search-layout.js';

package/dist/types/components/search/{atomic-result-section-actions → result-template-components/atomic-result-sections}/atomic-result-section-actions.d.ts

@@ -1,5 +1,3 @@
-import { LitElement } from 'lit';
-declare const AtomicResultSectionActions_base: typeof LitElement;
 /**
  * This section allows the information seeker to perform an action on an item without having to view its details.
  * For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.
@@ -10,11 +8,7 @@ declare const AtomicResultSectionActions_base: typeof LitElement;
  * * Is a wrapping flexbox with a gap.
  * * May appear over, next to, or beneath the visual section.
  */
-export declare class AtomicResultSectionActions extends AtomicResultSectionActions_base {
+export declare class AtomicResultSectionActions {
+    private host;
+    componentDidRender(): void;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-result-section-actions': AtomicResultSectionActions;
-    }
-}
-export {};

package/dist/types/components/search/{atomic-result-section-badges → result-template-components/atomic-result-sections}/atomic-result-section-badges.d.ts

@@ -1,5 +1,3 @@
-import { LitElement } from 'lit';
-declare const AtomicResultSectionBadges_base: typeof LitElement;
 /**
  * This section provides badges that highlight special features of the item.
  *
@@ -9,11 +7,7 @@ declare const AtomicResultSectionBadges_base: typeof LitElement;
  * * Is a wrapping flexbox with a gap.
  * * May appear over, next to, or beneath the visual section.
  */
-export declare class AtomicResultSectionBadges extends AtomicResultSectionBadges_base {
+export declare class AtomicResultSectionBadges {
+    private host;
+    componentDidRender(): void;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-result-section-badges': AtomicResultSectionBadges;
-    }
-}
-export {};

package/dist/types/components/search/{atomic-result-section-bottom-metadata → result-template-components/atomic-result-sections}/atomic-result-section-bottom-metadata.d.ts

@@ -1,5 +1,3 @@
-import { LitElement } from 'lit';
-declare const AtomicResultSectionBottomMetadata_base: typeof LitElement;
 /**
  * This section displays additional descriptive information about the item.
  *
@@ -10,11 +8,7 @@ declare const AtomicResultSectionBottomMetadata_base: typeof LitElement;
  * * Has a defined CSS `color` property for text.
  * * Has a font weight.
  */
-export declare class AtomicResultSectionBottomMetadata extends AtomicResultSectionBottomMetadata_base {
+export declare class AtomicResultSectionBottomMetadata {
+    private host;
+    componentDidRender(): void;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-result-section-bottom-metadata': AtomicResultSectionBottomMetadata;
-    }
-}
-export {};

package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-children.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This section displays the folded results, available when using the <atomic-result-children> component.
+ *
+ * Behavior:
+ * * Shows children at the bottom of the result, indented and wrapped in a border.
+ */
+export declare class AtomicResultSectionChildren {
+    private host;
+    componentDidRender(): void;
+}

package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-emphasized.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This section displays the field that's important for its search criteria.
+ * For example, in Commerce, a product's cost is often more important than the title itself.
+ *
+ * Behavior:
+ * * Has a very large font size.
+ * * Is the second closest element beneath the title section.
+ */
+export declare class AtomicResultSectionEmphasized {
+    private host;
+    componentDidRender(): void;
+}

package/dist/types/components/search/{atomic-result-section-excerpt → result-template-components/atomic-result-sections}/atomic-result-section-excerpt.d.ts

@@ -1,5 +1,3 @@
-import { LitElement } from 'lit';
-declare const AtomicResultSectionExcerpt_base: typeof LitElement;
 /**
  * This section contains an informative summary of the item's content.
  *
@@ -9,11 +7,7 @@ declare const AtomicResultSectionExcerpt_base: typeof LitElement;
  * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
  * * Has a defined CSS `color` property for text.
  */
-export declare class AtomicResultSectionExcerpt extends AtomicResultSectionExcerpt_base {
+export declare class AtomicResultSectionExcerpt {
+    private host;
+    componentDidRender(): void;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-result-section-excerpt': AtomicResultSectionExcerpt;
-    }
-}
-export {};

package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-title-metadata.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This section surfaces some fields that are directly related to the title of the item.
+ * For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
+ * rather than to the product's description.
+ *
+ * Behavior:
+ * * Has a very small font size.
+ * * Is the closest element beneath the title section.
+ */
+export declare class AtomicResultSectionTitleMetadata {
+    private host;
+    componentDidRender(): void;
+}

package/dist/types/components/search/{atomic-result-section-title → result-template-components/atomic-result-sections}/atomic-result-section-title.d.ts

@@ -1,5 +1,3 @@
-import { LitElement } from 'lit';
-declare const AtomicResultSectionTitle_base: typeof LitElement;
 /**
  * This section identifies the item by its name, and its main use is to make the result list scannable.
  * This is usually the page title.
@@ -9,11 +7,7 @@ declare const AtomicResultSectionTitle_base: typeof LitElement;
  * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
  * * Has a defined CSS `color` property for text.
  */
-export declare class AtomicResultSectionTitle extends AtomicResultSectionTitle_base {
+export declare class AtomicResultSectionTitle {
+    private host;
+    componentDidRender(): void;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-result-section-title': AtomicResultSectionTitle;
-    }
-}
-export {};

package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-visual.d.ts

@@ -0,0 +1,20 @@
+import { ItemDisplayImageSize } from '../../../common/layout/display-options';
+/**
+ * This section provides visual information about the item.
+ * For example, in Commerce, an image is a great shorthand for a product category.
+ * An icon can quickly show the item type, or an avatar can help identify to whom it is related.
+ *
+ * Behavior:
+ * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
+ * ** When the image size is set to `icon`, this section stays very small.
+ * ** You should ensure that elements inside of it take the available space.
+ * * Always has a 1:1 aspect ratio.
+ */
+export declare class AtomicResultSectionVisual {
+    private host;
+    /**
+     * How large or small the visual section of results using this template should be.
+     */
+    imageSize?: ItemDisplayImageSize;
+    componentDidRender(): void;
+}