@coveo/atomic 3.33.9-pre.f81b55a35b → 3.34.0-pre.00dc0c9faa

package/dist/types/components.d.ts

@@ -1423,23 +1423,6 @@ export namespace Components {
          */
         "start": number;
     }
-    /**
-     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-     */
-    interface AtomicPager {
-        /**
-          * The SVG icon to use to display the Next button.  - 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.
-         */
-        "nextButtonIcon": string;
-        /**
-          * Specifies how many page buttons to display in the pager.
-         */
-        "numberOfPages": number;
-        /**
-          * The SVG icon to use to display the Previous button.  - 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.
-         */
-        "previousButtonIcon": string;
-    }
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -2179,100 +2162,6 @@ export namespace Components {
          */
         "maxValueInIndex": number;
     }
-    /**
-     * 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.
-     * Behavior:
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-     * * Is a wrapping flexbox with a gap.
-     * * May appear over, next to, or beneath the visual section.
-     */
-    interface AtomicResultSectionActions {
-    }
-    /**
-     * This section provides badges that highlight special features of the item.
-     * Behavior:
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-     * * Is a wrapping flexbox with a gap.
-     * * May appear over, next to, or beneath the visual section.
-     */
-    interface AtomicResultSectionBadges {
-    }
-    /**
-     * This section displays additional descriptive information about the item.
-     * Behavior:
-     * * Has a maximum height of two lines.
-     * ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
-     * * Exposes the `--line-height` variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     * * Has a font weight.
-     */
-    interface AtomicResultSectionBottomMetadata {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionChildren {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionEmphasized {
-    }
-    /**
-     * This section contains an informative summary of the item's content.
-     * Behavior:
-     * * Has a fixed height of one to three lines, depending on the layout and density.
-     * * Ellipses overflowing text.
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     */
-    interface AtomicResultSectionExcerpt {
-    }
-    /**
-     * 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.
-     * Behavior:
-     * * Has a fixed height of two lines on grid layouts.
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     */
-    interface AtomicResultSectionTitle {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionTitleMetadata {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionVisual {
-        /**
-          * How large or small the visual section of results using this template should be.
-         */
-        "imageSize"?: ItemDisplayImageSize;
-    }
     /**
      * The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
      */
@@ -2857,10 +2746,6 @@ export interface AtomicIpxModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicIpxModalElement;
 }
-export interface AtomicPagerCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLAtomicPagerElement;
-}
 export interface AtomicQuickviewModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAtomicQuickviewModalElement;
@@ -3537,26 +3422,6 @@ declare global {
         prototype: HTMLAtomicNumericRangeElement;
         new (): HTMLAtomicNumericRangeElement;
     };
-    interface HTMLAtomicPagerElementEventMap {
-        "atomic/scrollToTop": any;
-    }
-    /**
-     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-     */
-    interface HTMLAtomicPagerElement extends Components.AtomicPager, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLAtomicPagerElementEventMap>(type: K, listener: (this: HTMLAtomicPagerElement, ev: AtomicPagerCustomEvent<HTMLAtomicPagerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLAtomicPagerElementEventMap>(type: K, listener: (this: HTMLAtomicPagerElement, ev: AtomicPagerCustomEvent<HTMLAtomicPagerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLAtomicPagerElement: {
-        prototype: HTMLAtomicPagerElement;
-        new (): HTMLAtomicPagerElement;
-    };
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -3917,132 +3782,6 @@ declare global {
         prototype: HTMLAtomicResultRatingElement;
         new (): HTMLAtomicResultRatingElement;
     };
-    /**
-     * 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.
-     * Behavior:
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-     * * Is a wrapping flexbox with a gap.
-     * * May appear over, next to, or beneath the visual section.
-     */
-    interface HTMLAtomicResultSectionActionsElement extends Components.AtomicResultSectionActions, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionActionsElement: {
-        prototype: HTMLAtomicResultSectionActionsElement;
-        new (): HTMLAtomicResultSectionActionsElement;
-    };
-    /**
-     * This section provides badges that highlight special features of the item.
-     * Behavior:
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-     * * Is a wrapping flexbox with a gap.
-     * * May appear over, next to, or beneath the visual section.
-     */
-    interface HTMLAtomicResultSectionBadgesElement extends Components.AtomicResultSectionBadges, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionBadgesElement: {
-        prototype: HTMLAtomicResultSectionBadgesElement;
-        new (): HTMLAtomicResultSectionBadgesElement;
-    };
-    /**
-     * This section displays additional descriptive information about the item.
-     * Behavior:
-     * * Has a maximum height of two lines.
-     * ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
-     * * Exposes the `--line-height` variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     * * Has a font weight.
-     */
-    interface HTMLAtomicResultSectionBottomMetadataElement extends Components.AtomicResultSectionBottomMetadata, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionBottomMetadataElement: {
-        prototype: HTMLAtomicResultSectionBottomMetadataElement;
-        new (): HTMLAtomicResultSectionBottomMetadataElement;
-    };
-    /**
-     * 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.
-     */
-    interface HTMLAtomicResultSectionChildrenElement extends Components.AtomicResultSectionChildren, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionChildrenElement: {
-        prototype: HTMLAtomicResultSectionChildrenElement;
-        new (): HTMLAtomicResultSectionChildrenElement;
-    };
-    /**
-     * 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.
-     */
-    interface HTMLAtomicResultSectionEmphasizedElement extends Components.AtomicResultSectionEmphasized, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionEmphasizedElement: {
-        prototype: HTMLAtomicResultSectionEmphasizedElement;
-        new (): HTMLAtomicResultSectionEmphasizedElement;
-    };
-    /**
-     * This section contains an informative summary of the item's content.
-     * Behavior:
-     * * Has a fixed height of one to three lines, depending on the layout and density.
-     * * Ellipses overflowing text.
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     */
-    interface HTMLAtomicResultSectionExcerptElement extends Components.AtomicResultSectionExcerpt, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionExcerptElement: {
-        prototype: HTMLAtomicResultSectionExcerptElement;
-        new (): HTMLAtomicResultSectionExcerptElement;
-    };
-    /**
-     * 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.
-     * Behavior:
-     * * Has a fixed height of two lines on grid layouts.
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     */
-    interface HTMLAtomicResultSectionTitleElement extends Components.AtomicResultSectionTitle, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionTitleElement: {
-        prototype: HTMLAtomicResultSectionTitleElement;
-        new (): HTMLAtomicResultSectionTitleElement;
-    };
-    /**
-     * 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.
-     */
-    interface HTMLAtomicResultSectionTitleMetadataElement extends Components.AtomicResultSectionTitleMetadata, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionTitleMetadataElement: {
-        prototype: HTMLAtomicResultSectionTitleMetadataElement;
-        new (): HTMLAtomicResultSectionTitleMetadataElement;
-    };
-    /**
-     * 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.
-     */
-    interface HTMLAtomicResultSectionVisualElement extends Components.AtomicResultSectionVisual, HTMLStencilElement {
-    }
-    var HTMLAtomicResultSectionVisualElement: {
-        prototype: HTMLAtomicResultSectionVisualElement;
-        new (): HTMLAtomicResultSectionVisualElement;
-    };
     /**
      * The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
      */
@@ -4477,7 +4216,6 @@ declare global {
         "atomic-notifications": HTMLAtomicNotificationsElement;
         "atomic-numeric-facet": HTMLAtomicNumericFacetElement;
         "atomic-numeric-range": HTMLAtomicNumericRangeElement;
-        "atomic-pager": HTMLAtomicPagerElement;
         "atomic-popover": HTMLAtomicPopoverElement;
         "atomic-query-error": HTMLAtomicQueryErrorElement;
         "atomic-quickview": HTMLAtomicQuickviewElement;
@@ -4509,15 +4247,6 @@ declare global {
         "atomic-result-placeholder": HTMLAtomicResultPlaceholderElement;
         "atomic-result-printable-uri": HTMLAtomicResultPrintableUriElement;
         "atomic-result-rating": HTMLAtomicResultRatingElement;
-        "atomic-result-section-actions": HTMLAtomicResultSectionActionsElement;
-        "atomic-result-section-badges": HTMLAtomicResultSectionBadgesElement;
-        "atomic-result-section-bottom-metadata": HTMLAtomicResultSectionBottomMetadataElement;
-        "atomic-result-section-children": HTMLAtomicResultSectionChildrenElement;
-        "atomic-result-section-emphasized": HTMLAtomicResultSectionEmphasizedElement;
-        "atomic-result-section-excerpt": HTMLAtomicResultSectionExcerptElement;
-        "atomic-result-section-title": HTMLAtomicResultSectionTitleElement;
-        "atomic-result-section-title-metadata": HTMLAtomicResultSectionTitleMetadataElement;
-        "atomic-result-section-visual": HTMLAtomicResultSectionVisualElement;
         "atomic-result-table-placeholder": HTMLAtomicResultTablePlaceholderElement;
         "atomic-result-template": HTMLAtomicResultTemplateElement;
         "atomic-result-text": HTMLAtomicResultTextElement;
@@ -5868,24 +5597,6 @@ declare namespace LocalJSX {
          */
         "start": number;
     }
-    /**
-     * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-     */
-    interface AtomicPager {
-        /**
-          * The SVG icon to use to display the Next button.  - 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.
-         */
-        "nextButtonIcon"?: string;
-        /**
-          * Specifies how many page buttons to display in the pager.
-         */
-        "numberOfPages"?: number;
-        "onAtomic/scrollToTop"?: (event: AtomicPagerCustomEvent<any>) => void;
-        /**
-          * The SVG icon to use to display the Previous button.  - 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.
-         */
-        "previousButtonIcon"?: string;
-    }
     /**
      * The `atomic-popover` component displays any facet as a popover menu.
      */
@@ -6563,100 +6274,6 @@ declare namespace LocalJSX {
          */
         "maxValueInIndex"?: number;
     }
-    /**
-     * 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.
-     * Behavior:
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-     * * Is a wrapping flexbox with a gap.
-     * * May appear over, next to, or beneath the visual section.
-     */
-    interface AtomicResultSectionActions {
-    }
-    /**
-     * This section provides badges that highlight special features of the item.
-     * Behavior:
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-     * * Is a wrapping flexbox with a gap.
-     * * May appear over, next to, or beneath the visual section.
-     */
-    interface AtomicResultSectionBadges {
-    }
-    /**
-     * This section displays additional descriptive information about the item.
-     * Behavior:
-     * * Has a maximum height of two lines.
-     * ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
-     * * Exposes the `--line-height` variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     * * Has a font weight.
-     */
-    interface AtomicResultSectionBottomMetadata {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionChildren {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionEmphasized {
-    }
-    /**
-     * This section contains an informative summary of the item's content.
-     * Behavior:
-     * * Has a fixed height of one to three lines, depending on the layout and density.
-     * * Ellipses overflowing text.
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     */
-    interface AtomicResultSectionExcerpt {
-    }
-    /**
-     * 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.
-     * Behavior:
-     * * Has a fixed height of two lines on grid layouts.
-     * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-     * * Has a defined CSS `color` property for text.
-     */
-    interface AtomicResultSectionTitle {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionTitleMetadata {
-    }
-    /**
-     * 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.
-     */
-    interface AtomicResultSectionVisual {
-        /**
-          * How large or small the visual section of results using this template should be.
-         */
-        "imageSize"?: ItemDisplayImageSize;
-    }
     /**
      * The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
      */
@@ -7282,7 +6899,6 @@ declare namespace LocalJSX {
         "atomic-notifications": AtomicNotifications;
         "atomic-numeric-facet": AtomicNumericFacet;
         "atomic-numeric-range": AtomicNumericRange;
-        "atomic-pager": AtomicPager;
         "atomic-popover": AtomicPopover;
         "atomic-query-error": AtomicQueryError;
         "atomic-quickview": AtomicQuickview;
@@ -7314,15 +6930,6 @@ declare namespace LocalJSX {
         "atomic-result-placeholder": AtomicResultPlaceholder;
         "atomic-result-printable-uri": AtomicResultPrintableUri;
         "atomic-result-rating": AtomicResultRating;
-        "atomic-result-section-actions": AtomicResultSectionActions;
-        "atomic-result-section-badges": AtomicResultSectionBadges;
-        "atomic-result-section-bottom-metadata": AtomicResultSectionBottomMetadata;
-        "atomic-result-section-children": AtomicResultSectionChildren;
-        "atomic-result-section-emphasized": AtomicResultSectionEmphasized;
-        "atomic-result-section-excerpt": AtomicResultSectionExcerpt;
-        "atomic-result-section-title": AtomicResultSectionTitle;
-        "atomic-result-section-title-metadata": AtomicResultSectionTitleMetadata;
-        "atomic-result-section-visual": AtomicResultSectionVisual;
         "atomic-result-table-placeholder": AtomicResultTablePlaceholder;
         "atomic-result-template": AtomicResultTemplate;
         "atomic-result-text": AtomicResultText;
@@ -7547,10 +7154,6 @@ declare module "@stencil/core" {
              * The `atomic-numeric-range` component defines the range of an `atomic-numeric-facet`, and therefore must be defined within an `atomic-numeric-facet` component.
              */
             "atomic-numeric-range": LocalJSX.AtomicNumericRange & JSXBase.HTMLAttributes<HTMLAtomicNumericRangeElement>;
-            /**
-             * The `atomic-pager` provides buttons that allow the end user to navigate through the different result pages.
-             */
-            "atomic-pager": LocalJSX.AtomicPager & JSXBase.HTMLAttributes<HTMLAtomicPagerElement>;
             /**
              * The `atomic-popover` component displays any facet as a popover menu.
              */
@@ -7733,87 +7336,6 @@ declare module "@stencil/core" {
              * The `atomic-result-rating` element renders a star rating.
              */
             "atomic-result-rating": LocalJSX.AtomicResultRating & JSXBase.HTMLAttributes<HTMLAtomicResultRatingElement>;
-            /**
-             * 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.
-             * Behavior:
-             * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-             * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-             * * Is a wrapping flexbox with a gap.
-             * * May appear over, next to, or beneath the visual section.
-             */
-            "atomic-result-section-actions": LocalJSX.AtomicResultSectionActions & JSXBase.HTMLAttributes<HTMLAtomicResultSectionActionsElement>;
-            /**
-             * This section provides badges that highlight special features of the item.
-             * Behavior:
-             * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-             * ** You should ensure that elements inside of it have `height: var(--line-height)`.
-             * * Is a wrapping flexbox with a gap.
-             * * May appear over, next to, or beneath the visual section.
-             */
-            "atomic-result-section-badges": LocalJSX.AtomicResultSectionBadges & JSXBase.HTMLAttributes<HTMLAtomicResultSectionBadgesElement>;
-            /**
-             * This section displays additional descriptive information about the item.
-             * Behavior:
-             * * Has a maximum height of two lines.
-             * ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
-             * * Exposes the `--line-height` variable so child elements can adjust to the current line height.
-             * * Has a defined CSS `color` property for text.
-             * * Has a font weight.
-             */
-            "atomic-result-section-bottom-metadata": LocalJSX.AtomicResultSectionBottomMetadata & JSXBase.HTMLAttributes<HTMLAtomicResultSectionBottomMetadataElement>;
-            /**
-             * 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.
-             */
-            "atomic-result-section-children": LocalJSX.AtomicResultSectionChildren & JSXBase.HTMLAttributes<HTMLAtomicResultSectionChildrenElement>;
-            /**
-             * 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.
-             */
-            "atomic-result-section-emphasized": LocalJSX.AtomicResultSectionEmphasized & JSXBase.HTMLAttributes<HTMLAtomicResultSectionEmphasizedElement>;
-            /**
-             * This section contains an informative summary of the item's content.
-             * Behavior:
-             * * Has a fixed height of one to three lines, depending on the layout and density.
-             * * Ellipses overflowing text.
-             * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-             * * Has a defined CSS `color` property for text.
-             */
-            "atomic-result-section-excerpt": LocalJSX.AtomicResultSectionExcerpt & JSXBase.HTMLAttributes<HTMLAtomicResultSectionExcerptElement>;
-            /**
-             * 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.
-             * Behavior:
-             * * Has a fixed height of two lines on grid layouts.
-             * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
-             * * Has a defined CSS `color` property for text.
-             */
-            "atomic-result-section-title": LocalJSX.AtomicResultSectionTitle & JSXBase.HTMLAttributes<HTMLAtomicResultSectionTitleElement>;
-            /**
-             * 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.
-             */
-            "atomic-result-section-title-metadata": LocalJSX.AtomicResultSectionTitleMetadata & JSXBase.HTMLAttributes<HTMLAtomicResultSectionTitleMetadataElement>;
-            /**
-             * 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.
-             */
-            "atomic-result-section-visual": LocalJSX.AtomicResultSectionVisual & JSXBase.HTMLAttributes<HTMLAtomicResultSectionVisualElement>;
             /**
              * The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
              */