@coveo/atomic 3.35.0-pre.67ccca567a → 3.35.0-pre.836ecb81ea

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { DisplayConfig } from '../../common/item-list/stencil-item-decorators';
 import { ItemRenderingFunction } from '../../common/item-list/stencil-item-list-common';
 import { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from '../../common/layout/display-options';
 import { SearchStore } from '../atomic-search-interface/store';
-import { InteractiveResultContextEvent, ResultContextEvent } from '../result-template-components/result-template-decorators';
+import { InteractiveResultContextEvent, ResultContextEvent } from "../result-template-component-utils/context/stencil-result-template-decorators";
 /**
  * The `atomic-result` component is used internally by the `atomic-result-list` component.
  */

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

@@ -1,9 +1,13 @@
+import { type SearchBox } from '@coveo/headless';
+import { LitElement } from 'lit';
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
+import type { Bindings } from "../atomic-search-interface/interfaces";
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
 /**
  * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
  */
-export declare class AtomicSearchBoxQuerySuggestions {
-    private bindings;
-    private host;
+export declare class AtomicSearchBoxQuerySuggestions extends LitElement implements SearchBoxSuggestionsComponent<Bindings> {
+    bindings: SearchBoxSuggestionsBindings<SearchBox, Bindings>;
     error: Error;
     /**
      * The SVG icon to display.
@@ -21,9 +25,14 @@ export declare class AtomicSearchBoxQuerySuggestions {
      * The maximum number of suggestions that will be displayed initially when the input field is empty.
      */
     maxWithoutQuery?: number;
-    componentWillLoad(): void;
-    private initialize;
+    connectedCallback(): void;
+    initialize(): SearchBoxSuggestions;
     private renderItems;
     private renderItem;
-    render(): any;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-search-box-query-suggestions': AtomicSearchBoxQuerySuggestions;
+    }
 }

package/dist/types/components/search/facets/color-facet-checkbox/color-facet-checkbox.d.ts

@@ -1,3 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { FacetValueProps } from '../../../common/facets/stencil-facet-common';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ColorFacetCheckbox: FunctionalComponent<FacetValueProps>;

package/dist/types/components/search/facets/facet-segmented-value/facet-segmented-value.d.ts

@@ -1,3 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { FacetValueProps } from '../../../common/facets/stencil-facet-common';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetSegmentedValue: FunctionalComponent<FacetValueProps>;

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

@@ -2,6 +2,7 @@ export { AtomicPager } from './atomic-pager/atomic-pager.js';
 export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
 export { AtomicRelevanceInspector } from './atomic-relevance-inspector/atomic-relevance-inspector.js';
 export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
+export { AtomicSearchBoxQuerySuggestions } from './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.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/result-template-component-utils/context/fetch-result-context.d.ts

@@ -0,0 +1,8 @@
+import type { FoldedResult, Result } from '@coveo/headless';
+/**
+ * Retrieves `Result` on a rendered `atomic-result`.
+ *
+ * @param element - The element that the event is dispatched to
+ * @returns A promise that resolves on initialization of the parent `atomic-result` element, or rejects if missing
+ */
+export declare function fetchResultContext<T extends Result | FoldedResult = Result>(element: Element): Promise<T>;

package/dist/types/components/search/result-template-component-utils/context/interactive-result-context-controller.d.ts

@@ -0,0 +1,12 @@
+import type { InteractiveResult } from '@coveo/headless';
+import type { LitElement } from 'lit';
+import { InteractiveItemContextController } from "../../../common/item-list/context/interactive-item-context-controller";
+/**
+ * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive result context in result template components.
+ *
+ * @param host - The Lit component instance
+ * @returns InteractiveItemContextController instance
+ */
+export declare function createInteractiveResultContextController(host: LitElement & {
+    error: Error;
+}): InteractiveItemContextController<InteractiveResult>;

package/dist/types/components/search/result-template-component-utils/context/result-context-controller.d.ts

@@ -0,0 +1,18 @@
+import type { FoldedResult, InteractiveResult, Result } from '@coveo/headless';
+import type { LitElement } from 'lit';
+import type { InteractiveItemContextEvent } from "../../../common/item-list/context/interactive-item-context-controller";
+import { ItemContextController, type ItemContextEvent } from "../../../common/item-list/context/item-context-controller";
+/**
+ * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing result context in result template components.
+ *
+ * @param host - The Lit component instance
+ * @param options - Configuration options
+ * @returns ItemContextController instance configured for atomic-result
+ */
+export declare function createResultContextController(host: LitElement & {
+    error: Error | null;
+}, options?: {
+    folded?: boolean;
+}): ItemContextController<Result | FoldedResult>;
+export type ResultContextEvent<T = Result | FoldedResult> = ItemContextEvent<T>;
+export type InteractiveResultContextEvent<T extends InteractiveResult = InteractiveResult> = InteractiveItemContextEvent<T>;

package/dist/types/components/search/{result-template-components/result-template-decorators.d.ts → result-template-component-utils/context/stencil-result-template-decorators.d.ts}

@@ -1,5 +1,5 @@
 import { FoldedResult, Result } from '@coveo/headless';
-import { InteractiveItemContextEvent, ItemContextEvent } from '../../common/item-list/stencil-item-decorators';
+import { InteractiveItemContextEvent, ItemContextEvent } from "../../../common/item-list/stencil-item-decorators";
 /**
  * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.
  * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.
@@ -8,6 +8,8 @@ import { InteractiveItemContextEvent, ItemContextEvent } from '../../common/item
  * @ResultContext() private result!: Result;
  *
  * For more information and examples, view the "Utilities" section of the readme.
+ *
+ * @deprecated should only be used for Stencil components. For Lit components, use `createResultContextController` from \@/src/components/search/result-template-component-utils/context/result-context-controller.ts
  */
 export declare function ResultContext(opts?: {
     folded: boolean;
@@ -22,7 +24,9 @@ export type InteractiveResultContextEvent = InteractiveItemContextEvent;
  *
  * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).
  *
- * @param element The element that the event is dispatched to, which must be the child of a rendered "atomic-result".
+ * @param element The element that the event is dispatched to, which must be the child of a rendered "atomic-result" element.
  * @returns A promise that resolves on initialization of the parent "atomic-result" element, or rejects when there is no parent "atomic-result" element.
+ *
+ * @deprecated should only be used for Stencil components. For Lit components, use `fetchResultContext` from \@/src/components/search/result-template-component-utils/context/fetch-result-context.ts
  */
 export declare function resultContext<T extends Result | FoldedResult = Result>(element: Element): Promise<T>;

package/dist/types/components/search/result-template-components/atomic-quickview-sidebar/atomic-quickview-sidebar.d.ts

@@ -2,7 +2,7 @@ import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 import type { HighlightKeywords } from '../atomic-quickview-modal/atomic-quickview-modal';
 import { QuickviewWordHighlight } from '../quickview-word-highlight/quickview-word-highlight';
-export interface QuickviewSidebarProps {
+interface QuickviewSidebarProps {
     words: Record<string, QuickviewWordHighlight>;
     i18n: i18n;
     highlightKeywords: HighlightKeywords;
@@ -11,3 +11,4 @@ export interface QuickviewSidebarProps {
     onMinimize: (minimize: boolean) => void;
 }
 export declare const QuickviewSidebar: FunctionalComponent<QuickviewSidebarProps>;
+export {};

package/dist/types/components/search/result-template-components/quickview-iframe/quickview-iframe.d.ts

@@ -1,5 +1,8 @@
 import { SearchEngine } from '@coveo/headless';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const QuickviewIframe: FunctionalComponent<{
     title: string;
     content?: string;

package/dist/types/components.d.ts

@@ -2325,23 +2325,6 @@ export namespace Components {
          */
         "setRenderFunction": (resultRenderingFunction: ItemRenderingFunction) => Promise<void>;
     }
-    /**
-     * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-     */
-    interface AtomicSearchBoxQuerySuggestions {
-        /**
-          * The SVG icon to display.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
-         */
-        "icon"?: string;
-        /**
-          * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
-         */
-        "maxWithQuery"?: number;
-        /**
-          * The maximum number of suggestions that will be displayed initially when the input field is empty.
-         */
-        "maxWithoutQuery"?: number;
-    }
     /**
      * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
      */
@@ -3955,15 +3938,6 @@ declare global {
         prototype: HTMLAtomicSearchBoxInstantResultsElement;
         new (): HTMLAtomicSearchBoxInstantResultsElement;
     };
-    /**
-     * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-     */
-    interface HTMLAtomicSearchBoxQuerySuggestionsElement extends Components.AtomicSearchBoxQuerySuggestions, HTMLStencilElement {
-    }
-    var HTMLAtomicSearchBoxQuerySuggestionsElement: {
-        prototype: HTMLAtomicSearchBoxQuerySuggestionsElement;
-        new (): HTMLAtomicSearchBoxQuerySuggestionsElement;
-    };
     /**
      * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
      */
@@ -4355,7 +4329,6 @@ declare global {
         "atomic-result-timespan": HTMLAtomicResultTimespanElement;
         "atomic-search-box": HTMLAtomicSearchBoxElement;
         "atomic-search-box-instant-results": HTMLAtomicSearchBoxInstantResultsElement;
-        "atomic-search-box-query-suggestions": HTMLAtomicSearchBoxQuerySuggestionsElement;
         "atomic-segmented-facet": HTMLAtomicSegmentedFacetElement;
         "atomic-segmented-facet-scrollable": HTMLAtomicSegmentedFacetScrollableElement;
         "atomic-smart-snippet": HTMLAtomicSmartSnippetElement;
@@ -6548,23 +6521,6 @@ declare namespace LocalJSX {
          */
         "maxResultsPerQuery"?: number;
     }
-    /**
-     * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-     */
-    interface AtomicSearchBoxQuerySuggestions {
-        /**
-          * The SVG icon to display.  - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location. - Use a value that starts with `assets://`, to display an icon from the Atomic package. - Use a stringified SVG to display it directly.
-         */
-        "icon"?: string;
-        /**
-          * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
-         */
-        "maxWithQuery"?: number;
-        /**
-          * The maximum number of suggestions that will be displayed initially when the input field is empty.
-         */
-        "maxWithoutQuery"?: number;
-    }
     /**
      * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
      */
@@ -7067,7 +7023,6 @@ declare namespace LocalJSX {
         "atomic-result-timespan": AtomicResultTimespan;
         "atomic-search-box": AtomicSearchBox;
         "atomic-search-box-instant-results": AtomicSearchBoxInstantResults;
-        "atomic-search-box-query-suggestions": AtomicSearchBoxQuerySuggestions;
         "atomic-segmented-facet": AtomicSegmentedFacet;
         "atomic-segmented-facet-scrollable": AtomicSegmentedFacetScrollable;
         "atomic-smart-snippet": AtomicSmartSnippet;
@@ -7570,10 +7525,6 @@ declare module "@stencil/core" {
              * This component is not supported on mobile.
              */
             "atomic-search-box-instant-results": LocalJSX.AtomicSearchBoxInstantResults & JSXBase.HTMLAttributes<HTMLAtomicSearchBoxInstantResultsElement>;
-            /**
-             * The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
-             */
-            "atomic-search-box-query-suggestions": LocalJSX.AtomicSearchBoxQuerySuggestions & JSXBase.HTMLAttributes<HTMLAtomicSearchBoxQuerySuggestionsElement>;
             /**
              * The `atomic-segmented-facet` displays a horizontal facet of the results for the current query.
              */

package/dist/types/index.d.ts

@@ -2,7 +2,8 @@ export type { i18n } from 'i18next';
 export { Components, JSX } from './components';
 export { CommerceBindings } from './components/commerce/atomic-commerce-interface/atomic-commerce-interface';
 export { SelectChildProductEventArgs } from './components/commerce/atomic-product-children/select-child-product-event';
-export { productContext } from './components/commerce/product-template-component-utils/stencil-product-template-decorators';
+export { fetchProductContext } from './components/commerce/product-template-component-utils/context/fetch-product-context';
+export { productContext } from './components/commerce/product-template-component-utils/context/stencil-product-template-decorators';
 export { PopoverChildFacet } from './components/common/facets/popover/popover-type';
 export { RedirectionPayload } from './components/common/search-box/redirection-payload';
 export { dispatchSearchBoxSuggestionsEvent } from './components/common/suggestions/suggestions-events';
@@ -10,7 +11,6 @@ export type { SearchBoxSuggestionElement, SearchBoxSuggestions, SearchBoxSuggest
 export { elementHasNoQuery, elementHasQuery, } from './components/common/suggestions/suggestions-utils';
 export { RecsBindings } from './components/recommendations/atomic-recs-interface/atomic-recs-interface';
 export { Bindings } from './components/search/atomic-search-interface/atomic-search-interface';
-export { resultContext } from './components/search/result-template-components/result-template-decorators';
-export { fetchProductContext } from './decorators/commerce/product-template-decorators';
+export { resultContext } from './components/search/result-template-component-utils/context/stencil-result-template-decorators';
 export { initializeBindings, MissingInterfaceParentError, } from './utils/initialization-utils';
 export { bindLogDocumentOpenOnResult } from './utils/result-utils';

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-08T13:10:24",
+  "timestamp": "2025-10-08T21:30:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -11825,13 +11825,11 @@
       ],
       "dependents": [],
       "dependencies": [
-        "atomic-suggestion-renderer",
-        "atomic-search-box-query-suggestions"
+        "atomic-suggestion-renderer"
       ],
       "dependencyGraph": {
         "atomic-search-box": [
-          "atomic-suggestion-renderer",
-          "atomic-search-box-query-suggestions"
+          "atomic-suggestion-renderer"
         ]
       }
     },
@@ -12052,103 +12050,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/search/search-box-suggestions/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-search-box-query-suggestions",
-      "docs": "The `atomic-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "icon",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "The SVG icon to display.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-with-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed if the user has typed something into the input field.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithoutQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-without-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed initially when the input field is empty.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-search-box"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-search-box": [
-          "atomic-search-box-query-suggestions"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/facets/atomic-segmented-facet/atomic-segmented-facet.tsx",
       "encapsulation": "shadow",