@coveo/atomic 3.35.0-pre.ebf3345026 → 3.35.0-pre.ef36eacfa0

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AutomaticFacet, CategoryFacetSortCriterion, DateFilterRange, DateRangeRequest, FacetResultsMustMatch, FacetSortCriterion, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, NumericFilter, NumericFilterState, RangeFacetRangeAlgorithm, RangeFacetSortCriterion, RelativeDateUnit, Result, ResultTemplate, ResultTemplateCondition, SearchStatus } from "@coveo/headless";
+import { AutomaticFacet, CategoryFacetSortCriterion, DateFilterRange, DateRangeRequest, FacetResultsMustMatch, FacetSortCriterion, FoldedResult, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, InteractiveResult, NumericFilter, NumericFilterState, RangeFacetRangeAlgorithm, RangeFacetSortCriterion, RelativeDateUnit, Result, ResultTemplate, ResultTemplateCondition, SearchStatus } from "@coveo/headless";
 import { AtomicInterface } from "./utils/initialization-utils";
 import { AnyBindings } from "./components/common/interface/bindings";
 import { NumberInputType } from "./components/common/facets/facet-number-input/number-input-type";
@@ -19,9 +19,10 @@ import { RecommendationEngine, InteractiveResult as RecsInteractiveResult, LogLe
 import { i18n } from "i18next";
 import { RecsInitializationOptions } from "./components/recommendations/atomic-recs-interface/atomic-recs-interface";
 import { RecsStore } from "./components/recommendations/atomic-recs-interface/store";
+import { SearchStore } from "./components/search/atomic-search-interface/store";
 import { RedirectionPayload } from "./components/common/search-box/redirection-payload";
 import { SearchBoxSuggestionElement } from "./components/common/suggestions/suggestions-types";
-export { AutomaticFacet, CategoryFacetSortCriterion, DateFilterRange, DateRangeRequest, FacetResultsMustMatch, FacetSortCriterion, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, NumericFilter, NumericFilterState, RangeFacetRangeAlgorithm, RangeFacetSortCriterion, RelativeDateUnit, Result, ResultTemplate, ResultTemplateCondition, SearchStatus } from "@coveo/headless";
+export { AutomaticFacet, CategoryFacetSortCriterion, DateFilterRange, DateRangeRequest, FacetResultsMustMatch, FacetSortCriterion, FoldedResult, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, InteractiveResult, NumericFilter, NumericFilterState, RangeFacetRangeAlgorithm, RangeFacetSortCriterion, RelativeDateUnit, Result, ResultTemplate, ResultTemplateCondition, SearchStatus } from "@coveo/headless";
 export { AtomicInterface } from "./utils/initialization-utils";
 export { AnyBindings } from "./components/common/interface/bindings";
 export { NumberInputType } from "./components/common/facets/facet-number-input/number-input-type";
@@ -35,6 +36,7 @@ export { RecommendationEngine, InteractiveResult as RecsInteractiveResult, LogLe
 export { i18n } from "i18next";
 export { RecsInitializationOptions } from "./components/recommendations/atomic-recs-interface/atomic-recs-interface";
 export { RecsStore } from "./components/recommendations/atomic-recs-interface/store";
+export { SearchStore } from "./components/search/atomic-search-interface/store";
 export { RedirectionPayload } from "./components/common/search-box/redirection-payload";
 export { SearchBoxSuggestionElement } from "./components/common/suggestions/suggestions-types";
 export namespace Components {
@@ -1758,6 +1760,57 @@ export namespace Components {
          */
         "collapseFacetsAfter": number;
     }
+    /**
+     * The `atomic-result` component is used internally by the `atomic-result-list` component.
+     */
+    interface AtomicResult {
+        /**
+          * The classes to add to the result element.
+         */
+        "classes": string;
+        /**
+          * The result content to display.
+         */
+        "content"?: ParentNode;
+        /**
+          * How large or small results should be.
+         */
+        "density": ItemDisplayDensity;
+        /**
+          * How results should be displayed.
+         */
+        "display": ItemDisplayLayout;
+        /**
+          * The size of the visual section in result list items.  This is overwritten by the image size defined in the result content, if it exists.
+         */
+        "imageSize": ItemDisplayImageSize;
+        /**
+          * The InteractiveResult item.
+         */
+        "interactiveResult": InteractiveResult;
+        /**
+          * The result link to use when the result is clicked in a grid layout.
+          * @default - An `atomic-result-link` without any customization.
+         */
+        "linkContent": ParentNode;
+        "loadingFlag"?: string;
+        /**
+          * Internal function used by atomic-recs-list in advanced setups, which lets you bypass the standard HTML template system. Particularly useful for Atomic React
+         */
+        "renderingFunction": ItemRenderingFunction;
+        /**
+          * The result item.
+         */
+        "result": Result | FoldedResult;
+        /**
+          * Whether an atomic-result-link inside atomic-result should stop click event propagation.
+         */
+        "stopPropagation"?: boolean;
+        /**
+          * Global Atomic state.
+         */
+        "store"?: SearchStore;
+    }
     /**
      * The `atomic-result-badge` element renders a badge to highlight special features of a result.
      * A badge can either display:
@@ -2038,6 +2091,100 @@ 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.
      */
@@ -3369,6 +3516,15 @@ declare global {
         prototype: HTMLAtomicRefineToggleElement;
         new (): HTMLAtomicRefineToggleElement;
     };
+    /**
+     * The `atomic-result` component is used internally by the `atomic-result-list` component.
+     */
+    interface HTMLAtomicResultElement extends Components.AtomicResult, HTMLStencilElement {
+    }
+    var HTMLAtomicResultElement: {
+        prototype: HTMLAtomicResultElement;
+        new (): HTMLAtomicResultElement;
+    };
     /**
      * The `atomic-result-badge` element renders a badge to highlight special features of a result.
      * A badge can either display:
@@ -3557,6 +3713,132 @@ 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.
      */
@@ -3974,6 +4256,7 @@ declare global {
         "atomic-recs-result-template": HTMLAtomicRecsResultTemplateElement;
         "atomic-refine-modal": HTMLAtomicRefineModalElement;
         "atomic-refine-toggle": HTMLAtomicRefineToggleElement;
+        "atomic-result": HTMLAtomicResultElement;
         "atomic-result-badge": HTMLAtomicResultBadgeElement;
         "atomic-result-children": HTMLAtomicResultChildrenElement;
         "atomic-result-children-template": HTMLAtomicResultChildrenTemplateElement;
@@ -3990,6 +4273,15 @@ 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;
@@ -5651,6 +5943,44 @@ declare namespace LocalJSX {
          */
         "collapseFacetsAfter"?: number;
     }
+    /**
+     * The `atomic-result` component is used internally by the `atomic-result-list` component.
+     */
+    interface AtomicResult {
+        /**
+          * The classes to add to the result element.
+         */
+        "classes"?: string;
+        /**
+          * The result content to display.
+         */
+        "content"?: ParentNode;
+        /**
+          * How large or small results should be.
+         */
+        "density"?: ItemDisplayDensity;
+        /**
+          * How results should be displayed.
+         */
+        "display"?: ItemDisplayLayout;
+        /**
+          * The size of the visual section in result list items.  This is overwritten by the image size defined in the result content, if it exists.
+         */
+        "imageSize"?: ItemDisplayImageSize;
+        /**
+          * The result link to use when the result is clicked in a grid layout.
+          * @default - An `atomic-result-link` without any customization.
+         */
+        "linkContent"?: ParentNode;
+        /**
+          * The result item.
+         */
+        "result": Result | FoldedResult;
+        /**
+          * Whether an atomic-result-link inside atomic-result should stop click event propagation.
+         */
+        "stopPropagation"?: boolean;
+    }
     /**
      * The `atomic-result-badge` element renders a badge to highlight special features of a result.
      * A badge can either display:
@@ -5922,6 +6252,100 @@ 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.
      */
@@ -6502,6 +6926,7 @@ declare namespace LocalJSX {
         "atomic-recs-result-template": AtomicRecsResultTemplate;
         "atomic-refine-modal": AtomicRefineModal;
         "atomic-refine-toggle": AtomicRefineToggle;
+        "atomic-result": AtomicResult;
         "atomic-result-badge": AtomicResultBadge;
         "atomic-result-children": AtomicResultChildren;
         "atomic-result-children-template": AtomicResultChildrenTemplate;
@@ -6518,6 +6943,15 @@ 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;
@@ -6804,6 +7238,10 @@ declare module "@stencil/core" {
              * When this component is added to the `atomic-search-interface`, an `atomic-refine-modal` component is automatically created.
              */
             "atomic-refine-toggle": LocalJSX.AtomicRefineToggle & JSXBase.HTMLAttributes<HTMLAtomicRefineToggleElement>;
+            /**
+             * The `atomic-result` component is used internally by the `atomic-result-list` component.
+             */
+            "atomic-result": LocalJSX.AtomicResult & JSXBase.HTMLAttributes<HTMLAtomicResultElement>;
             /**
              * The `atomic-result-badge` element renders a badge to highlight special features of a result.
              * A badge can either display:
@@ -6912,6 +7350,87 @@ 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.
              */

package/dist/types/mixins/item-section-mixin.d.ts

@@ -1,11 +1,11 @@
 import type { CSSResultGroup, LitElement } from 'lit';
 import type { Constructor } from './mixin-common.js';
 /**
- * Mixin for item section components that provides common functionality.
- * All item section components extend LitElement and call hideEmptySection in updated().
+ * Mixin for product section components that provides common functionality.
+ * All product section components extend LitElement and call hideEmptySection in updated().
  *
  * @param superClass - The base class to extend
  * @param styles - The styles to apply to the section.
- * @returns A class that extends the superClass with item section functionality
+ * @returns A class that extends the superClass with product section functionality
  */
 export declare function ItemSectionMixin<T extends Constructor<LitElement>>(superClass: T, styles?: CSSResultGroup): T;