From acea493694ceac422fff006f6238ea922f84c5bc Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 30 Dec 2025 19:10:20 +0000
Subject: [PATCH 1/7] Initial plan


From b637e8df87b4a750bfe5e16e303cdf34141fe940 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 30 Dec 2025 19:17:15 +0000
Subject: [PATCH 2/7] feat(atomic): migrate atomic-insight-result-template to
 Lit

Co-authored-by: alexprudhomme <78121423+alexprudhomme@users.noreply.github.com>
---
 .../atomic-insight-result-template.ts         | 104 ++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts

diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts
new file mode 100644
index 00000000000..aea49e2e714
--- /dev/null
+++ b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts
@@ -0,0 +1,104 @@
+import type {
+  ResultTemplate as InsightResultTemplate,
+  ResultTemplateCondition as InsightResultTemplateCondition,
+} from '@coveo/headless/insight';
+import {ResultTemplatesHelpers as InsightResultTemplatesHelpers} from '@coveo/headless/insight';
+import {html, LitElement, nothing} from 'lit';
+import {customElement, property, state} from 'lit/decorators.js';
+import {ResultTemplateController} from '@/src/components/common/result-templates/result-template-controller';
+import {makeMatchConditions} from '@/src/components/common/template-controller/template-utils';
+import {withTailwindStyles} from '@/src/decorators/with-tailwind-styles.js';
+import {mapProperty} from '@/src/utils/props-utils';
+import '@/src/components/common/atomic-component-error/atomic-component-error';
+import {arrayConverter} from '@/src/converters/array-converter';
+import {errorGuard} from '@/src/decorators/error-guard';
+import type {LitElementWithError} from '@/src/decorators/types';
+
+/**
+ * The `atomic-insight-result-template` component determines the format of the query results for Insight interfaces, depending on the conditions that are defined for each template.
+ *
+ * @slot default - The default slot where to insert the template element.
+ * @slot link - A `template` element that contains a single `atomic-result-link` component.
+ * @internal
+ */
+@customElement('atomic-insight-result-template')
+@withTailwindStyles
+export class AtomicInsightResultTemplate
+  extends LitElement
+  implements LitElementWithError
+{
+  private resultTemplateController: ResultTemplateController;
+
+  @state() error!: Error;
+
+  /**
+   * A function that must return true on results for the result template to apply.
+   * Set programmatically before initialization, not via attribute.
+   *
+   * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:
+   * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
+   */
+  @property({attribute: false, type: Array, converter: arrayConverter})
+  conditions: InsightResultTemplateCondition[] = [];
+
+  /**
+   * The field and values that define which result items the condition must be applied to.
+   *
+   * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype="lithiummessage,YouTubePlaylist"`
+   * @type {Record<string, string[]>}
+   * @default {}
+   */
+  @mapProperty({splitValues: true, attributePrefix: 'must-match'})
+  mustMatch!: Record<string, string[]>;
+
+  /**
+   * The field and values that define which result items the condition must not be applied to.
+   *
+   * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage"`
+   * @type {Record<string, string[]>}
+   * @default {}
+   */
+  @mapProperty({splitValues: true, attributePrefix: 'must-not-match'})
+  mustNotMatch!: Record<string, string[]>;
+
+  constructor() {
+    super();
+    const validParent = [
+      'atomic-insight-result-list',
+      'atomic-insight-folded-result-list',
+    ];
+    const allowEmpty = true;
+    this.resultTemplateController = new ResultTemplateController(
+      this,
+      validParent,
+      allowEmpty
+    );
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.resultTemplateController.matchConditions = makeMatchConditions(
+      this.mustMatch,
+      this.mustNotMatch,
+      InsightResultTemplatesHelpers
+    );
+  }
+
+  @errorGuard()
+  render() {
+    return html`${nothing}`;
+  }
+
+  /**
+   * Gets the appropriate result template based on conditions applied.
+   */
+  public async getTemplate(): Promise<InsightResultTemplate<DocumentFragment> | null> {
+    return this.resultTemplateController?.getTemplate(this.conditions) || null;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'atomic-insight-result-template': AtomicInsightResultTemplate;
+  }
+}

From a1dc190e184656dbf1815c821142e3cb77c01753 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 30 Dec 2025 19:22:46 +0000
Subject: [PATCH 3/7] test(atomic): add unit tests for
 atomic-insight-result-template

Co-authored-by: alexprudhomme <78121423+alexprudhomme@users.noreply.github.com>
---
 packages/atomic/src/components.d.ts           |  73 +--------
 .../atomic-insight-result-template.spec.ts    | 143 ++++++++++++++++++
 .../atomic/src/utils/custom-element-tags.ts   |   1 +
 3 files changed, 146 insertions(+), 71 deletions(-)
 create mode 100644 packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.spec.ts

diff --git a/packages/atomic/src/components.d.ts b/packages/atomic/src/components.d.ts
index 83074a36a0f..841f460da5d 100644
--- a/packages/atomic/src/components.d.ts
+++ b/packages/atomic/src/components.d.ts
@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { DateFilterRange, DateRangeRequest, FacetResultsMustMatch, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, RangeFacetSortCriterion, Result, ResultTemplate, ResultTemplateCondition } from "@coveo/headless";
-import { FacetSortCriterion as InsightFacetSortCriterion, FoldedResult as InsightFoldedResult, InteractiveResult as InsightInteractiveResult, RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm, RangeFacetSortCriterion as InsightRangeFacetSortCriterion, Result as InsightResult, ResultTemplate as InsightResultTemplate, ResultTemplateCondition as InsightResultTemplateCondition, UserAction as IUserAction } from "@coveo/headless/insight";
+import { FacetSortCriterion as InsightFacetSortCriterion, FoldedResult as InsightFoldedResult, InteractiveResult as InsightInteractiveResult, RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm, RangeFacetSortCriterion as InsightRangeFacetSortCriterion, Result as InsightResult, UserAction as IUserAction } from "@coveo/headless/insight";
 import { ItemDisplayBasicLayout, ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "./components/common/layout/display-options";
 import { ItemRenderingFunction } from "./components/common/item-list/stencil-item-list-common";
 import { NumberInputType } from "./components/common/facets/facet-number-input/number-input-type";
@@ -20,7 +20,7 @@ import { AnyBindings } from "./components/common/interface/bindings";
 import { i18n } from "i18next";
 import { SearchBoxSuggestionElement } from "./components/common/suggestions/suggestions-types";
 export { DateFilterRange, DateRangeRequest, FacetResultsMustMatch, GeneratedAnswer, GeneratedAnswerCitation, InlineLink, InteractiveCitation, RangeFacetSortCriterion, Result, ResultTemplate, ResultTemplateCondition } from "@coveo/headless";
-export { FacetSortCriterion as InsightFacetSortCriterion, FoldedResult as InsightFoldedResult, InteractiveResult as InsightInteractiveResult, RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm, RangeFacetSortCriterion as InsightRangeFacetSortCriterion, Result as InsightResult, ResultTemplate as InsightResultTemplate, ResultTemplateCondition as InsightResultTemplateCondition, UserAction as IUserAction } from "@coveo/headless/insight";
+export { FacetSortCriterion as InsightFacetSortCriterion, FoldedResult as InsightFoldedResult, InteractiveResult as InsightInteractiveResult, RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm, RangeFacetSortCriterion as InsightRangeFacetSortCriterion, Result as InsightResult, UserAction as IUserAction } from "@coveo/headless/insight";
 export { ItemDisplayBasicLayout, ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "./components/common/layout/display-options";
 export { ItemRenderingFunction } from "./components/common/item-list/stencil-item-list-common";
 export { NumberInputType } from "./components/common/facets/facet-number-input/number-input-type";
@@ -397,38 +397,6 @@ export namespace Components {
          */
         "sandbox": string;
     }
-    interface AtomicInsightResultTemplate {
-        /**
-          * A function that must return true on results for the result template to apply. Set programmatically before initialization, not via attribute.  For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`: `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
-         */
-        "conditions": InsightResultTemplateCondition[];
-        /**
-          * Gets the appropriate result template based on conditions applied.
-         */
-        "getTemplate": () => Promise<InsightResultTemplate<DocumentFragment> | null>;
-        /**
-          * The field that, when defined on a result item, would allow the template to be applied.  For example, a template with the following attribute only applies to result items whose `filetype` and `sourcetype` fields are defined: `if-defined="filetype,sourcetype"`
-         */
-        "ifDefined"?: string;
-        /**
-          * The field that, when defined on a result item, would prevent the template from being applied.  For example, a template with the following attribute only applies to result items whose `filetype` and `sourcetype` fields are NOT defined: `if-not-defined="filetype,sourcetype"`
-         */
-        "ifNotDefined"?: string;
-        /**
-          * The field and values that define which result items the condition must be applied to.  For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype="lithiummessage,YouTubePlaylist"`
-         */
-        "mustMatch": Record<
-    string,
-    string[]
-  >;
-        /**
-          * The field and values that define which result items the condition must not be applied to.  For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage"`
-         */
-        "mustNotMatch": Record<
-    string,
-    string[]
-  >;
-    }
     interface AtomicInsightSearchBox {
         /**
           * Whether to prevent the user from triggering a search from the component. Perfect for use cases where you need to disable the search conditionally, like when the input is empty.
@@ -1343,12 +1311,6 @@ declare global {
         prototype: HTMLAtomicInsightResultQuickviewActionElement;
         new (): HTMLAtomicInsightResultQuickviewActionElement;
     };
-    interface HTMLAtomicInsightResultTemplateElement extends Components.AtomicInsightResultTemplate, HTMLStencilElement {
-    }
-    var HTMLAtomicInsightResultTemplateElement: {
-        prototype: HTMLAtomicInsightResultTemplateElement;
-        new (): HTMLAtomicInsightResultTemplateElement;
-    };
     interface HTMLAtomicInsightSearchBoxElement extends Components.AtomicInsightSearchBox, HTMLStencilElement {
     }
     var HTMLAtomicInsightSearchBoxElement: {
@@ -1789,7 +1751,6 @@ declare global {
         "atomic-insight-result-children-template": HTMLAtomicInsightResultChildrenTemplateElement;
         "atomic-insight-result-list": HTMLAtomicInsightResultListElement;
         "atomic-insight-result-quickview-action": HTMLAtomicInsightResultQuickviewActionElement;
-        "atomic-insight-result-template": HTMLAtomicInsightResultTemplateElement;
         "atomic-insight-search-box": HTMLAtomicInsightSearchBoxElement;
         "atomic-insight-smart-snippet": HTMLAtomicInsightSmartSnippetElement;
         "atomic-insight-smart-snippet-feedback-modal": HTMLAtomicInsightSmartSnippetFeedbackModalElement;
@@ -2181,34 +2142,6 @@ declare namespace LocalJSX {
          */
         "sandbox"?: string;
     }
-    interface AtomicInsightResultTemplate {
-        /**
-          * A function that must return true on results for the result template to apply. Set programmatically before initialization, not via attribute.  For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`: `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
-         */
-        "conditions"?: InsightResultTemplateCondition[];
-        /**
-          * The field that, when defined on a result item, would allow the template to be applied.  For example, a template with the following attribute only applies to result items whose `filetype` and `sourcetype` fields are defined: `if-defined="filetype,sourcetype"`
-         */
-        "ifDefined"?: string;
-        /**
-          * The field that, when defined on a result item, would prevent the template from being applied.  For example, a template with the following attribute only applies to result items whose `filetype` and `sourcetype` fields are NOT defined: `if-not-defined="filetype,sourcetype"`
-         */
-        "ifNotDefined"?: string;
-        /**
-          * The field and values that define which result items the condition must be applied to.  For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype="lithiummessage,YouTubePlaylist"`
-         */
-        "mustMatch"?: Record<
-    string,
-    string[]
-  >;
-        /**
-          * The field and values that define which result items the condition must not be applied to.  For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage"`
-         */
-        "mustNotMatch"?: Record<
-    string,
-    string[]
-  >;
-    }
     interface AtomicInsightSearchBox {
         /**
           * Whether to prevent the user from triggering a search from the component. Perfect for use cases where you need to disable the search conditionally, like when the input is empty.
@@ -2878,7 +2811,6 @@ declare namespace LocalJSX {
         "atomic-insight-result-children-template": AtomicInsightResultChildrenTemplate;
         "atomic-insight-result-list": AtomicInsightResultList;
         "atomic-insight-result-quickview-action": AtomicInsightResultQuickviewAction;
-        "atomic-insight-result-template": AtomicInsightResultTemplate;
         "atomic-insight-search-box": AtomicInsightSearchBox;
         "atomic-insight-smart-snippet": AtomicInsightSmartSnippet;
         "atomic-insight-smart-snippet-feedback-modal": AtomicInsightSmartSnippetFeedbackModal;
@@ -2949,7 +2881,6 @@ declare module "@stencil/core" {
             "atomic-insight-result-children-template": LocalJSX.AtomicInsightResultChildrenTemplate & JSXBase.HTMLAttributes<HTMLAtomicInsightResultChildrenTemplateElement>;
             "atomic-insight-result-list": LocalJSX.AtomicInsightResultList & JSXBase.HTMLAttributes<HTMLAtomicInsightResultListElement>;
             "atomic-insight-result-quickview-action": LocalJSX.AtomicInsightResultQuickviewAction & JSXBase.HTMLAttributes<HTMLAtomicInsightResultQuickviewActionElement>;
-            "atomic-insight-result-template": LocalJSX.AtomicInsightResultTemplate & JSXBase.HTMLAttributes<HTMLAtomicInsightResultTemplateElement>;
             "atomic-insight-search-box": LocalJSX.AtomicInsightSearchBox & JSXBase.HTMLAttributes<HTMLAtomicInsightSearchBoxElement>;
             "atomic-insight-smart-snippet": LocalJSX.AtomicInsightSmartSnippet & JSXBase.HTMLAttributes<HTMLAtomicInsightSmartSnippetElement>;
             "atomic-insight-smart-snippet-feedback-modal": LocalJSX.AtomicInsightSmartSnippetFeedbackModal & JSXBase.HTMLAttributes<HTMLAtomicInsightSmartSnippetFeedbackModalElement>;
diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.spec.ts b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.spec.ts
new file mode 100644
index 00000000000..7aa6a6f2560
--- /dev/null
+++ b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.spec.ts
@@ -0,0 +1,143 @@
+import type {Result as InsightResult} from '@coveo/headless/insight';
+import {ResultTemplatesHelpers as InsightResultTemplatesHelpers} from '@coveo/headless/insight';
+import {html} from 'lit';
+import {describe, expect, it, vi} from 'vitest';
+import {ResultTemplateController} from '@/src/components/common/result-templates/result-template-controller.js';
+import {makeMatchConditions} from '@/src/components/common/template-controller/template-utils';
+import {fixture} from '@/vitest-utils/testing-helpers/fixture';
+import {sanitizeHtml} from '@/vitest-utils/testing-helpers/testing-utils/sanitize-html';
+import {AtomicInsightResultTemplate} from './atomic-insight-result-template.js';
+
+vi.mock('@coveo/headless/insight', {spy: true});
+vi.mock('@/src/components/common/template-controller/template-utils', {
+  spy: true,
+});
+
+describe('atomic-insight-result-template', () => {
+  type AtomicInsightResultTemplateProps = Pick<
+    AtomicInsightResultTemplate,
+    'conditions' | 'mustMatch' | 'mustNotMatch'
+  >;
+
+  const setupElement = async (
+    options: Partial<AtomicInsightResultTemplateProps> = {}
+  ) => {
+    const defaultProps: AtomicInsightResultTemplateProps = {
+      conditions: [],
+      mustMatch: {},
+      mustNotMatch: {},
+    };
+
+    const container = document.createElement('atomic-insight-result-list');
+    const element = await fixture<AtomicInsightResultTemplate>(
+      html`
+        <atomic-insight-result-template
+          .conditions=${options.conditions || defaultProps.conditions}
+          .mustMatch=${options.mustMatch || defaultProps.mustMatch}
+          .mustNotMatch=${options.mustNotMatch || defaultProps.mustNotMatch}
+        >
+          <template>
+            <div>Result Template Content</div>
+          </template>
+        </atomic-insight-result-template>
+      `,
+      container
+    );
+    return element;
+  };
+
+  it('should instantiate without errors', async () => {
+    const element = await setupElement();
+    expect(element).toBeInstanceOf(AtomicInsightResultTemplate);
+  });
+
+  it('should have default empty mustMatch, mustNotMatch, and conditions', async () => {
+    const element = await setupElement();
+    expect(element.mustMatch).toEqual({});
+    expect(element.mustNotMatch).toEqual({});
+    expect(element.conditions).toEqual([]);
+  });
+
+  describe('when added to the DOM (#connectedCallback)', () => {
+    it('should call the #makeMatchConditions util function with the correct arguments', async () => {
+      const mockMakeMatchConditions = vi.mocked(makeMatchConditions);
+      await setupElement({
+        mustMatch: {filetype: ['pdf']},
+        mustNotMatch: {source: ['spam']},
+      });
+      expect(mockMakeMatchConditions).toHaveBeenCalledExactlyOnceWith(
+        {filetype: ['pdf']},
+        {source: ['spam']},
+        InsightResultTemplatesHelpers
+      );
+    });
+
+    it('should set matchConditions on ResultTemplateController with correct value', async () => {
+      const mustMatch = {filetype: ['pdf']};
+      const mustNotMatch = {source: ['spam']};
+      const element = await setupElement({mustMatch, mustNotMatch});
+
+      const expected = makeMatchConditions(
+        mustMatch,
+        mustNotMatch,
+        InsightResultTemplatesHelpers
+      );
+
+      const template = await element.getTemplate();
+      expect(template).not.toBeNull();
+      expect(template!.conditions).toHaveLength(expected.length);
+    });
+  });
+
+  describe('#getTemplate', () => {
+    it('should call getTemplate on the controller', async () => {
+      const titleConditions = (result: InsightResult) =>
+        result.title === 'Coveo';
+      const fakeTemplate = {
+        conditions: [],
+        content: document.createDocumentFragment(),
+        priority: 1,
+      };
+      const spy = vi
+        .spyOn(ResultTemplateController.prototype, 'getTemplate')
+        .mockResolvedValue(fakeTemplate);
+      const element = await setupElement({conditions: [titleConditions]});
+      const result = await element.getTemplate();
+
+      expect(spy).toHaveBeenCalledWith([titleConditions]);
+      expect(result).toBe(fakeTemplate);
+      spy.mockRestore();
+    });
+  });
+
+  it('should render nothing by default', async () => {
+    const element = await setupElement();
+    expect(sanitizeHtml(element.shadowRoot!.innerHTML)).toBe('');
+  });
+
+  it('should render an atomic-component-error if error is thrown', async () => {
+    const mockedConsoleError = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {});
+
+    const container = await fixture(html`
+      <div>
+        <atomic-insight-result-template>
+          <template slot="default"><div>content</div></template>
+        </atomic-insight-result-template>
+      </div>
+    `);
+
+    const element = container.querySelector(
+      'atomic-insight-result-template'
+    ) as AtomicInsightResultTemplate;
+
+    await element.updateComplete;
+
+    const errorComponent = element.shadowRoot?.querySelector(
+      'atomic-component-error'
+    );
+    expect(errorComponent).toBeDefined();
+    mockedConsoleError.mockRestore();
+  });
+});
diff --git a/packages/atomic/src/utils/custom-element-tags.ts b/packages/atomic/src/utils/custom-element-tags.ts
index 85485a08de3..a921f3a176a 100644
--- a/packages/atomic/src/utils/custom-element-tags.ts
+++ b/packages/atomic/src/utils/custom-element-tags.ts
@@ -59,6 +59,7 @@ export const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set<string>([
   'atomic-icon',
   'atomic-insight-generate-answer-button',
   'atomic-insight-interface',
+  'atomic-insight-result-template',
   'atomic-insight-tab',
   'atomic-insight-tabs',
   'atomic-ipx-tab',

From 3b77ab93010302a90a336c74e9352fd5fab124b7 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 30 Dec 2025 19:25:16 +0000
Subject: [PATCH 4/7] docs(atomic): add MDX documentation for
 atomic-insight-result-template

Co-authored-by: alexprudhomme <78121423+alexprudhomme@users.noreply.github.com>
---
 .../atomic-insight-result-template.mdx        | 190 ++++++++++++++++++
 1 file changed, 190 insertions(+)
 create mode 100644 packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx

diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx
new file mode 100644
index 00000000000..89167f9606d
--- /dev/null
+++ b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx
@@ -0,0 +1,190 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+import * as AtomicInsightInterfaceStories from '../../atomic-insight-interface/atomic-insight-interface.new.stories';
+import { AtomicDocTemplate } from '@/storybook-utils/documentation/atomic-doc-template';
+
+<Meta title="Atomic/Insight/ResultTemplate" />
+
+# atomic-insight-result-template
+
+The `atomic-insight-result-template` component defines the UI display of your search results within an Insight interface.
+
+A `template` element must be the child of an `atomic-insight-result-template`. Furthermore, an `atomic-insight-result-list` or `atomic-insight-folded-result-list` must be the parent of each `atomic-insight-result-template`.
+
+**Note:** Any `<script>` tags that are defined inside a `<template>` element will not be executed when the results are being rendered.
+
+## Usage
+
+Example using the `atomic-insight-result-list`:
+
+```html
+<atomic-insight-interface>
+  <atomic-insight-result-list>
+    <atomic-insight-result-template>
+      <template>
+        <atomic-result-section-visual>
+          <atomic-result-image field="ytthumbnailurl" fallback="https://picsum.photos/seed/picsum/350"></atomic-result-image>
+        </atomic-result-section-visual>
+        
+        <atomic-result-section-badges>
+          <atomic-field-condition must-match-sourcetype="YouTube">
+            <atomic-result-badge
+              label="YouTube"
+              class="youtube-badge"
+            ></atomic-result-badge>
+          </atomic-field-condition>
+        </atomic-result-section-badges>
+
+        <atomic-result-section-title>
+          <atomic-result-link></atomic-result-link>
+        </atomic-result-section-title>
+
+        <atomic-result-section-excerpt>
+          <atomic-result-text field="excerpt"></atomic-result-text>
+        </atomic-result-section-excerpt>
+
+        <atomic-result-section-bottom-metadata>
+          <atomic-result-fields-list>
+            <atomic-field-condition class="field" if-defined="source">
+              <span class="field-label">
+                <atomic-text value="source"></atomic-text>:
+              </span>
+              <atomic-result-text field="source"></atomic-result-text>
+            </atomic-field-condition>
+            
+            <atomic-field-condition class="field" if-defined="author">
+              <span class="field-label">
+                <atomic-text value="author"></atomic-text>:
+              </span>
+              <atomic-result-text field="author"></atomic-result-text>
+            </atomic-field-condition>
+            
+            <atomic-field-condition class="field" if-defined="date">
+              <span class="field-label">
+                <atomic-text value="date"></atomic-text>:
+              </span>
+              <atomic-result-date></atomic-result-date>
+            </atomic-field-condition>
+          </atomic-result-fields-list>
+        </atomic-result-section-bottom-metadata>
+      </template>
+    </atomic-insight-result-template>
+  </atomic-insight-result-list>
+</atomic-insight-interface>
+```
+
+## Template Conditions
+
+You can use conditions to display different templates based on result properties. You can specify as many `must-match-*` and `must-not-match-*` attributes as you want on a template, each targeting a different field. Each attribute can accept multiple comma-separated values.
+
+**Comma represents OR:** Within a single attribute, comma-separated values represent a logical OR. For example, `must-match-sourcetype="YouTube,Salesforce"` means the sourcetype must be YouTube OR Salesforce.
+
+**Multiple attributes represent AND:** All conditions from different attributes must be met (logical AND) for the template to apply to a result.
+
+If you set both `must-match-*` and `must-not-match-*` for the same field and there is any overlap in values, the template will be ignored (it will never match any result).
+
+**Order of declaration matters:** The first template whose conditions are met will be applied. If a default template (without conditions) is declared first, it will apply to all results, even if other templates with conditions are declared later.
+
+### Examples
+
+```html
+<!-- Template applies if sourcetype is YouTube or Salesforce, and language is NOT fr -->
+<atomic-insight-result-template
+  must-match-sourcetype="YouTube,Salesforce"
+  must-not-match-language="fr"
+>
+  <template>
+    <!-- ... -->
+  </template>
+</atomic-insight-result-template>
+
+<!-- This template will never apply, because the same value is required and forbidden -->
+<atomic-insight-result-template
+  must-match-sourcetype="YouTube"
+  must-not-match-sourcetype="YouTube"
+>
+  <template>
+    <!-- ... -->
+  </template>
+</atomic-insight-result-template>
+```
+
+### Multiple Templates Example
+
+```html
+<atomic-insight-result-list>
+  <!-- Template for YouTube videos -->
+  <atomic-insight-result-template must-match-sourcetype="YouTube">
+    <template>
+      <atomic-result-section-visual>
+        <atomic-result-image field="ytthumbnailurl"></atomic-result-image>
+      </atomic-result-section-visual>
+      <atomic-result-section-title>
+        <atomic-result-link></atomic-result-link>
+      </atomic-result-section-title>
+      <atomic-result-section-excerpt>
+        <atomic-result-text field="excerpt"></atomic-result-text>
+      </atomic-result-section-excerpt>
+    </template>
+  </atomic-insight-result-template>
+
+  <!-- Default template for all other results -->
+  <atomic-insight-result-template>
+    <template>
+      <atomic-result-section-title>
+        <atomic-result-link></atomic-result-link>
+      </atomic-result-section-title>
+      <atomic-result-section-excerpt>
+        <atomic-result-text field="excerpt"></atomic-result-text>
+      </atomic-result-section-excerpt>
+    </template>
+  </atomic-insight-result-template>
+</atomic-insight-result-list>
+```
+
+## Properties
+
+### conditions
+
+A function that must return true on results for the result template to apply. Set programmatically before initialization, not via attribute.
+
+For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:
+
+```javascript
+document.querySelector('#target-template').conditions = [
+  (result) => /singapore/i.test(result.title)
+];
+```
+
+### must-match-*
+
+The field and values that define which result items the condition must be applied to.
+
+For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
+
+```html
+<atomic-insight-result-template must-match-filetype="lithiummessage,YouTubePlaylist">
+```
+
+### must-not-match-*
+
+The field and values that define which result items the condition must not be applied to.
+
+For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`:
+
+```html
+<atomic-insight-result-template must-not-match-filetype="lithiummessage">
+```
+
+## Methods
+
+### getTemplate()
+
+Gets the appropriate result template based on conditions applied.
+
+Returns: `Promise<InsightResultTemplate<DocumentFragment> | null>`
+
+## Related Components
+
+- [atomic-insight-result-list](../?path=/docs/atomic-insight-resultlist--docs)
+- [atomic-insight-folded-result-list](../?path=/docs/atomic-insight-foldedresultlist--docs)
+- [atomic-insight-interface](../?path=/docs/atomic-insight-interface--docs)

From 579a11cfeec20aa506f7c7bdb10e14313068880d Mon Sep 17 00:00:00 2001
From: Alex Prudhomme <78121423+alexprudhomme@users.noreply.github.com>
Date: Fri, 2 Jan 2026 09:05:12 -0500
Subject: [PATCH 5/7] works

---
 .../src/components/commerce/components.ts     |   7 +
 .../src/components/search/components.ts       |   7 +
 .../atomic/src/components/commerce/index.ts   |   6 +-
 .../src/components/commerce/lazy-index.ts     | 219 ++++------------
 .../atomic/src/components/common/index.ts     |   6 +-
 .../src/components/common/lazy-index.ts       |  58 ++--
 .../atomic-insight-result-template.mdx        |   2 +-
 .../atomic-insight-result-template.spec.ts    |   0
 .../atomic-insight-result-template.ts         |  11 +-
 .../atomic/src/components/insight/index.ts    |   7 +-
 .../src/components/insight/lazy-index.ts      |  25 +-
 .../atomic-insight-result-template.tsx        | 106 --------
 packages/atomic/src/components/ipx/index.ts   |   6 +-
 .../atomic/src/components/ipx/lazy-index.ts   |  16 +-
 .../src/components/recommendations/index.ts   |   6 +-
 .../components/recommendations/lazy-index.ts  |  13 +-
 .../atomic/src/components/search/index.ts     |   6 +-
 .../src/components/search/lazy-index.ts       | 248 ++++++------------
 18 files changed, 220 insertions(+), 529 deletions(-)
 rename packages/atomic/src/components/insight/{result-templates => }/atomic-insight-result-template/atomic-insight-result-template.mdx (98%)
 rename packages/atomic/src/components/insight/{result-templates => }/atomic-insight-result-template/atomic-insight-result-template.spec.ts (100%)
 rename packages/atomic/src/components/insight/{result-templates => }/atomic-insight-result-template/atomic-insight-result-template.ts (95%)
 delete mode 100644 packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.tsx

diff --git a/packages/atomic-react/src/components/commerce/components.ts b/packages/atomic-react/src/components/commerce/components.ts
index 6bcfecff5f8..2039889d4f2 100644
--- a/packages/atomic-react/src/components/commerce/components.ts
+++ b/packages/atomic-react/src/components/commerce/components.ts
@@ -31,6 +31,7 @@ import {
   AtomicIcon as LitAtomicIcon,
   AtomicInsightGenerateAnswerButton as LitAtomicInsightGenerateAnswerButton,
   AtomicInsightInterface as LitAtomicInsightInterface,
+  AtomicInsightResultTemplate as LitAtomicInsightResultTemplate,
   AtomicLayoutSection as LitAtomicLayoutSection,
   AtomicNumericRange as LitAtomicNumericRange,
   AtomicProduct as LitAtomicProduct,
@@ -251,6 +252,12 @@ export const AtomicInsightInterface = createComponent({
   elementClass: LitAtomicInsightInterface,
 });
 
+export const AtomicInsightResultTemplate = createComponent({
+  tagName: 'atomic-insight-result-template',
+  react: React,
+  elementClass: LitAtomicInsightResultTemplate,
+});
+
 export const AtomicLayoutSection = createComponent({
   tagName: 'atomic-layout-section',
   react: React,
diff --git a/packages/atomic-react/src/components/search/components.ts b/packages/atomic-react/src/components/search/components.ts
index db3743b8a99..4e46ff2c3a8 100644
--- a/packages/atomic-react/src/components/search/components.ts
+++ b/packages/atomic-react/src/components/search/components.ts
@@ -20,6 +20,7 @@ import {
   AtomicIcon as LitAtomicIcon,
   AtomicInsightGenerateAnswerButton as LitAtomicInsightGenerateAnswerButton,
   AtomicInsightInterface as LitAtomicInsightInterface,
+  AtomicInsightResultTemplate as LitAtomicInsightResultTemplate,
   AtomicLayoutSection as LitAtomicLayoutSection,
   AtomicLoadMoreResults as LitAtomicLoadMoreResults,
   AtomicNoResults as LitAtomicNoResults,
@@ -207,6 +208,12 @@ export const AtomicInsightInterface = createComponent({
   elementClass: LitAtomicInsightInterface,
 });
 
+export const AtomicInsightResultTemplate = createComponent({
+  tagName: 'atomic-insight-result-template',
+  react: React,
+  elementClass: LitAtomicInsightResultTemplate,
+});
+
 export const AtomicLayoutSection = createComponent({
   tagName: 'atomic-layout-section',
   react: React,
diff --git a/packages/atomic/src/components/commerce/index.ts b/packages/atomic/src/components/commerce/index.ts
index 95ef20ee858..bd8a06e7fd4 100644
--- a/packages/atomic/src/components/commerce/index.ts
+++ b/packages/atomic/src/components/commerce/index.ts
@@ -1,5 +1,6 @@
-// Auto-generated file
-export {AtomicCommerceBreadbox} from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
+
+    // Auto-generated file
+    export {AtomicCommerceBreadbox} from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
 export {AtomicCommerceCategoryFacet} from './atomic-commerce-category-facet/atomic-commerce-category-facet.js';
 export {AtomicCommerceDidYouMean} from './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js';
 export {AtomicCommerceFacet} from './atomic-commerce-facet/atomic-commerce-facet.js';
@@ -48,3 +49,4 @@ export {AtomicProductSectionName} from './atomic-product-section-name/atomic-pro
 export {AtomicProductSectionVisual} from './atomic-product-section-visual/atomic-product-section-visual.js';
 export {AtomicProductTemplate} from './atomic-product-template/atomic-product-template.js';
 export {AtomicProductText} from './atomic-product-text/atomic-product-text.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/commerce/lazy-index.ts b/packages/atomic/src/components/commerce/lazy-index.ts
index 256ad70a61e..d4beb98bdf4 100644
--- a/packages/atomic/src/components/commerce/lazy-index.ts
+++ b/packages/atomic/src/components/commerce/lazy-index.ts
@@ -1,165 +1,56 @@
-// Auto-generated file
-export default {
-  'atomic-commerce-breadbox': async () =>
-    await import('./atomic-commerce-breadbox/atomic-commerce-breadbox.js'),
-  'atomic-commerce-category-facet': async () =>
-    await import(
-      './atomic-commerce-category-facet/atomic-commerce-category-facet.js'
-    ),
-  'atomic-commerce-did-you-mean': async () =>
-    await import(
-      './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'
-    ),
-  'atomic-commerce-facet': async () =>
-    await import('./atomic-commerce-facet/atomic-commerce-facet.js'),
-  'atomic-commerce-facet-number-input': async () =>
-    await import(
-      './atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js'
-    ),
-  'atomic-commerce-facets': async () =>
-    await import('./atomic-commerce-facets/atomic-commerce-facets.js'),
-  'atomic-commerce-interface': async () =>
-    await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
-  'atomic-commerce-layout': async () =>
-    await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
-  'atomic-commerce-load-more-products': async () =>
-    await import(
-      './atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'
-    ),
-  'atomic-commerce-no-products': async () =>
-    await import(
-      './atomic-commerce-no-products/atomic-commerce-no-products.js'
-    ),
-  'atomic-commerce-numeric-facet': async () =>
-    await import(
-      './atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js'
-    ),
-  'atomic-commerce-pager': async () =>
-    await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
-  'atomic-commerce-product-list': async () =>
-    await import(
-      './atomic-commerce-product-list/atomic-commerce-product-list.js'
-    ),
-  'atomic-commerce-products-per-page': async () =>
-    await import(
-      './atomic-commerce-products-per-page/atomic-commerce-products-per-page.js'
-    ),
-  'atomic-commerce-query-error': async () =>
-    await import(
-      './atomic-commerce-query-error/atomic-commerce-query-error.js'
-    ),
-  'atomic-commerce-query-summary': async () =>
-    await import(
-      './atomic-commerce-query-summary/atomic-commerce-query-summary.js'
-    ),
-  'atomic-commerce-recommendation-interface': async () =>
-    await import(
-      './atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'
-    ),
-  'atomic-commerce-recommendation-list': async () =>
-    await import(
-      './atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'
-    ),
-  'atomic-commerce-refine-modal': async () =>
-    await import(
-      './atomic-commerce-refine-modal/atomic-commerce-refine-modal.js'
-    ),
-  'atomic-commerce-refine-toggle': async () =>
-    await import(
-      './atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'
-    ),
-  'atomic-commerce-search-box': async () =>
-    await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
-  'atomic-commerce-search-box-instant-products': async () =>
-    await import(
-      './atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'
-    ),
-  'atomic-commerce-search-box-query-suggestions': async () =>
-    await import(
-      './atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'
-    ),
-  'atomic-commerce-search-box-recent-queries': async () =>
-    await import(
-      './atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js'
-    ),
-  'atomic-commerce-sort-dropdown': async () =>
-    await import(
-      './atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js'
-    ),
-  'atomic-commerce-text': async () =>
-    await import('./atomic-commerce-text/atomic-commerce-text.js'),
-  'atomic-commerce-timeframe-facet': async () =>
-    await import(
-      './atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js'
-    ),
-  'atomic-product': async () =>
-    await import('./atomic-product/atomic-product.js'),
-  'atomic-product-children': async () =>
-    await import('./atomic-product-children/atomic-product-children.js'),
-  'atomic-product-description': async () =>
-    await import('./atomic-product-description/atomic-product-description.js'),
-  'atomic-product-excerpt': async () =>
-    await import('./atomic-product-excerpt/atomic-product-excerpt.js'),
-  'atomic-product-field-condition': async () =>
-    await import(
-      './atomic-product-field-condition/atomic-product-field-condition.js'
-    ),
-  'atomic-product-image': async () =>
-    await import('./atomic-product-image/atomic-product-image.js'),
-  'atomic-product-link': async () =>
-    await import('./atomic-product-link/atomic-product-link.js'),
-  'atomic-product-multi-value-text': async () =>
-    await import(
-      './atomic-product-multi-value-text/atomic-product-multi-value-text.js'
-    ),
-  'atomic-product-numeric-field-value': async () =>
-    await import(
-      './atomic-product-numeric-field-value/atomic-product-numeric-field-value.js'
-    ),
-  'atomic-product-price': async () =>
-    await import('./atomic-product-price/atomic-product-price.js'),
-  'atomic-product-rating': async () =>
-    await import('./atomic-product-rating/atomic-product-rating.js'),
-  'atomic-product-section-actions': async () =>
-    await import(
-      './atomic-product-section-actions/atomic-product-section-actions.js'
-    ),
-  'atomic-product-section-badges': async () =>
-    await import(
-      './atomic-product-section-badges/atomic-product-section-badges.js'
-    ),
-  'atomic-product-section-bottom-metadata': async () =>
-    await import(
-      './atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js'
-    ),
-  'atomic-product-section-children': async () =>
-    await import(
-      './atomic-product-section-children/atomic-product-section-children.js'
-    ),
-  'atomic-product-section-description': async () =>
-    await import(
-      './atomic-product-section-description/atomic-product-section-description.js'
-    ),
-  'atomic-product-section-emphasized': async () =>
-    await import(
-      './atomic-product-section-emphasized/atomic-product-section-emphasized.js'
-    ),
-  'atomic-product-section-metadata': async () =>
-    await import(
-      './atomic-product-section-metadata/atomic-product-section-metadata.js'
-    ),
-  'atomic-product-section-name': async () =>
-    await import(
-      './atomic-product-section-name/atomic-product-section-name.js'
-    ),
-  'atomic-product-section-visual': async () =>
-    await import(
-      './atomic-product-section-visual/atomic-product-section-visual.js'
-    ),
-  'atomic-product-template': async () =>
-    await import('./atomic-product-template/atomic-product-template.js'),
-  'atomic-product-text': async () =>
-    await import('./atomic-product-text/atomic-product-text.js'),
-} as Record<string, () => Promise<unknown>>;
 
-export type * from './index.js';
+    // Auto-generated file
+    export default {
+       'atomic-commerce-breadbox': async () => await import('./atomic-commerce-breadbox/atomic-commerce-breadbox.js'),
+  'atomic-commerce-category-facet': async () => await import('./atomic-commerce-category-facet/atomic-commerce-category-facet.js'),
+  'atomic-commerce-did-you-mean': async () => await import('./atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'),
+  'atomic-commerce-facet': async () => await import('./atomic-commerce-facet/atomic-commerce-facet.js'),
+  'atomic-commerce-facet-number-input': async () => await import('./atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js'),
+  'atomic-commerce-facets': async () => await import('./atomic-commerce-facets/atomic-commerce-facets.js'),
+  'atomic-commerce-interface': async () => await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
+  'atomic-commerce-layout': async () => await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
+  'atomic-commerce-load-more-products': async () => await import('./atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'),
+  'atomic-commerce-no-products': async () => await import('./atomic-commerce-no-products/atomic-commerce-no-products.js'),
+  'atomic-commerce-numeric-facet': async () => await import('./atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js'),
+  'atomic-commerce-pager': async () => await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
+  'atomic-commerce-product-list': async () => await import('./atomic-commerce-product-list/atomic-commerce-product-list.js'),
+  'atomic-commerce-products-per-page': async () => await import('./atomic-commerce-products-per-page/atomic-commerce-products-per-page.js'),
+  'atomic-commerce-query-error': async () => await import('./atomic-commerce-query-error/atomic-commerce-query-error.js'),
+  'atomic-commerce-query-summary': async () => await import('./atomic-commerce-query-summary/atomic-commerce-query-summary.js'),
+  'atomic-commerce-recommendation-interface': async () => await import('./atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'),
+  'atomic-commerce-recommendation-list': async () => await import('./atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'),
+  'atomic-commerce-refine-modal': async () => await import('./atomic-commerce-refine-modal/atomic-commerce-refine-modal.js'),
+  'atomic-commerce-refine-toggle': async () => await import('./atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'),
+  'atomic-commerce-search-box': async () => await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
+  'atomic-commerce-search-box-instant-products': async () => await import('./atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'),
+  'atomic-commerce-search-box-query-suggestions': async () => await import('./atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'),
+  'atomic-commerce-search-box-recent-queries': async () => await import('./atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js'),
+  'atomic-commerce-sort-dropdown': async () => await import('./atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js'),
+  'atomic-commerce-text': async () => await import('./atomic-commerce-text/atomic-commerce-text.js'),
+  'atomic-commerce-timeframe-facet': async () => await import('./atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js'),
+  'atomic-product': async () => await import('./atomic-product/atomic-product.js'),
+  'atomic-product-children': async () => await import('./atomic-product-children/atomic-product-children.js'),
+  'atomic-product-description': async () => await import('./atomic-product-description/atomic-product-description.js'),
+  'atomic-product-excerpt': async () => await import('./atomic-product-excerpt/atomic-product-excerpt.js'),
+  'atomic-product-field-condition': async () => await import('./atomic-product-field-condition/atomic-product-field-condition.js'),
+  'atomic-product-image': async () => await import('./atomic-product-image/atomic-product-image.js'),
+  'atomic-product-link': async () => await import('./atomic-product-link/atomic-product-link.js'),
+  'atomic-product-multi-value-text': async () => await import('./atomic-product-multi-value-text/atomic-product-multi-value-text.js'),
+  'atomic-product-numeric-field-value': async () => await import('./atomic-product-numeric-field-value/atomic-product-numeric-field-value.js'),
+  'atomic-product-price': async () => await import('./atomic-product-price/atomic-product-price.js'),
+  'atomic-product-rating': async () => await import('./atomic-product-rating/atomic-product-rating.js'),
+  'atomic-product-section-actions': async () => await import('./atomic-product-section-actions/atomic-product-section-actions.js'),
+  'atomic-product-section-badges': async () => await import('./atomic-product-section-badges/atomic-product-section-badges.js'),
+  'atomic-product-section-bottom-metadata': async () => await import('./atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js'),
+  'atomic-product-section-children': async () => await import('./atomic-product-section-children/atomic-product-section-children.js'),
+  'atomic-product-section-description': async () => await import('./atomic-product-section-description/atomic-product-section-description.js'),
+  'atomic-product-section-emphasized': async () => await import('./atomic-product-section-emphasized/atomic-product-section-emphasized.js'),
+  'atomic-product-section-metadata': async () => await import('./atomic-product-section-metadata/atomic-product-section-metadata.js'),
+  'atomic-product-section-name': async () => await import('./atomic-product-section-name/atomic-product-section-name.js'),
+  'atomic-product-section-visual': async () => await import('./atomic-product-section-visual/atomic-product-section-visual.js'),
+  'atomic-product-template': async () => await import('./atomic-product-template/atomic-product-template.js'),
+  'atomic-product-text': async () => await import('./atomic-product-text/atomic-product-text.js'),
+    } as Record<string, () => Promise<unknown>>;
+ 
+    export type * from './index.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/common/index.ts b/packages/atomic/src/components/common/index.ts
index d34638fdcc4..bf3f5956a40 100644
--- a/packages/atomic/src/components/common/index.ts
+++ b/packages/atomic/src/components/common/index.ts
@@ -1,5 +1,6 @@
-// Auto-generated file
-export {AtomicAriaLive} from './atomic-aria-live/atomic-aria-live.js';
+
+    // Auto-generated file
+    export {AtomicAriaLive} from './atomic-aria-live/atomic-aria-live.js';
 export {AtomicComponentError} from './atomic-component-error/atomic-component-error.js';
 export {AtomicFacetDateInput} from './atomic-facet-date-input/atomic-facet-date-input.js';
 export {AtomicFacetNumberInput} from './atomic-facet-number-input/atomic-facet-number-input.js';
@@ -15,3 +16,4 @@ export {AtomicTabBar} from './atomic-tab-bar/atomic-tab-bar.js';
 export {AtomicTabButton} from './atomic-tab-button/atomic-tab-button.js';
 export {AtomicTabPopover} from './atomic-tab-popover/atomic-tab-popover.js';
 export {AtomicTimeframe} from './atomic-timeframe/atomic-timeframe.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/common/lazy-index.ts b/packages/atomic/src/components/common/lazy-index.ts
index a8c6227fb46..d17abc0d6d4 100644
--- a/packages/atomic/src/components/common/lazy-index.ts
+++ b/packages/atomic/src/components/common/lazy-index.ts
@@ -1,39 +1,23 @@
-// Auto-generated file
-export default {
-  'atomic-aria-live': async () =>
-    await import('./atomic-aria-live/atomic-aria-live.js'),
-  'atomic-component-error': async () =>
-    await import('./atomic-component-error/atomic-component-error.js'),
-  'atomic-facet-date-input': async () =>
-    await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
-  'atomic-facet-number-input': async () =>
-    await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
-  'atomic-facet-placeholder': async () =>
-    await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
-  'atomic-focus-trap': async () =>
-    await import('./atomic-focus-trap/atomic-focus-trap.js'),
+
+    // Auto-generated file
+    export default {
+       'atomic-aria-live': async () => await import('./atomic-aria-live/atomic-aria-live.js'),
+  'atomic-component-error': async () => await import('./atomic-component-error/atomic-component-error.js'),
+  'atomic-facet-date-input': async () => await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
+  'atomic-facet-number-input': async () => await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
+  'atomic-facet-placeholder': async () => await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
+  'atomic-focus-trap': async () => await import('./atomic-focus-trap/atomic-focus-trap.js'),
   'atomic-icon': async () => await import('./atomic-icon/atomic-icon.js'),
-  'atomic-layout-section': async () =>
-    await import('./atomic-layout-section/atomic-layout-section.js'),
+  'atomic-layout-section': async () => await import('./atomic-layout-section/atomic-layout-section.js'),
   'atomic-modal': async () => await import('./atomic-modal/atomic-modal.js'),
-  'atomic-numeric-range': async () =>
-    await import('./atomic-numeric-range/atomic-numeric-range.js'),
-  'atomic-smart-snippet-collapse-wrapper': async () =>
-    await import(
-      './atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'
-    ),
-  'atomic-smart-snippet-expandable-answer': async () =>
-    await import(
-      './atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'
-    ),
-  'atomic-tab-bar': async () =>
-    await import('./atomic-tab-bar/atomic-tab-bar.js'),
-  'atomic-tab-button': async () =>
-    await import('./atomic-tab-button/atomic-tab-button.js'),
-  'atomic-tab-popover': async () =>
-    await import('./atomic-tab-popover/atomic-tab-popover.js'),
-  'atomic-timeframe': async () =>
-    await import('./atomic-timeframe/atomic-timeframe.js'),
-} as Record<string, () => Promise<unknown>>;
-
-export type * from './index.js';
+  'atomic-numeric-range': async () => await import('./atomic-numeric-range/atomic-numeric-range.js'),
+  'atomic-smart-snippet-collapse-wrapper': async () => await import('./atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'),
+  'atomic-smart-snippet-expandable-answer': async () => await import('./atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'),
+  'atomic-tab-bar': async () => await import('./atomic-tab-bar/atomic-tab-bar.js'),
+  'atomic-tab-button': async () => await import('./atomic-tab-button/atomic-tab-button.js'),
+  'atomic-tab-popover': async () => await import('./atomic-tab-popover/atomic-tab-popover.js'),
+  'atomic-timeframe': async () => await import('./atomic-timeframe/atomic-timeframe.js'),
+    } as Record<string, () => Promise<unknown>>;
+ 
+    export type * from './index.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx
similarity index 98%
rename from packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx
rename to packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx
index 89167f9606d..b0884a02b83 100644
--- a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.mdx
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx
@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/addon-docs/blocks';
-import * as AtomicInsightInterfaceStories from '../../atomic-insight-interface/atomic-insight-interface.new.stories';
+import * as AtomicInsightInterfaceStories from '../atomic-insight-interface/atomic-insight-interface.new.stories';
 import { AtomicDocTemplate } from '@/storybook-utils/documentation/atomic-doc-template';
 
 <Meta title="Atomic/Insight/ResultTemplate" />
diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.spec.ts b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.spec.ts
similarity index 100%
rename from packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.spec.ts
rename to packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.spec.ts
diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.ts
similarity index 95%
rename from packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts
rename to packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.ts
index aea49e2e714..ee9716c3f55 100644
--- a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.ts
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.ts
@@ -7,19 +7,17 @@ import {html, LitElement, nothing} from 'lit';
 import {customElement, property, state} from 'lit/decorators.js';
 import {ResultTemplateController} from '@/src/components/common/result-templates/result-template-controller';
 import {makeMatchConditions} from '@/src/components/common/template-controller/template-utils';
-import {withTailwindStyles} from '@/src/decorators/with-tailwind-styles.js';
-import {mapProperty} from '@/src/utils/props-utils';
-import '@/src/components/common/atomic-component-error/atomic-component-error';
 import {arrayConverter} from '@/src/converters/array-converter';
 import {errorGuard} from '@/src/decorators/error-guard';
 import type {LitElementWithError} from '@/src/decorators/types';
+import {withTailwindStyles} from '@/src/decorators/with-tailwind-styles.js';
+import {mapProperty} from '@/src/utils/props-utils';
 
 /**
  * The `atomic-insight-result-template` component determines the format of the query results for Insight interfaces, depending on the conditions that are defined for each template.
  *
  * @slot default - The default slot where to insert the template element.
  * @slot link - A `template` element that contains a single `atomic-result-link` component.
- * @internal
  */
 @customElement('atomic-insight-result-template')
 @withTailwindStyles
@@ -28,7 +26,6 @@ export class AtomicInsightResultTemplate
   implements LitElementWithError
 {
   private resultTemplateController: ResultTemplateController;
-
   @state() error!: Error;
 
   /**
@@ -93,7 +90,9 @@ export class AtomicInsightResultTemplate
    * Gets the appropriate result template based on conditions applied.
    */
   public async getTemplate(): Promise<InsightResultTemplate<DocumentFragment> | null> {
-    return this.resultTemplateController?.getTemplate(this.conditions) || null;
+    const template =
+      this.resultTemplateController?.getTemplate(this.conditions) || null;
+    return template;
   }
 }
 
diff --git a/packages/atomic/src/components/insight/index.ts b/packages/atomic/src/components/insight/index.ts
index 2397cc73d6a..4787cf70b46 100644
--- a/packages/atomic/src/components/insight/index.ts
+++ b/packages/atomic/src/components/insight/index.ts
@@ -1,5 +1,8 @@
-// Auto-generated file
-export {AtomicInsightGenerateAnswerButton} from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
+
+    // Auto-generated file
+    export {AtomicInsightGenerateAnswerButton} from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
 export {AtomicInsightInterface} from './atomic-insight-interface/atomic-insight-interface.js';
+export {AtomicInsightResultTemplate} from './atomic-insight-result-template/atomic-insight-result-template.js';
 export {AtomicInsightTab} from './atomic-insight-tab/atomic-insight-tab.js';
 export {AtomicInsightTabs} from './atomic-insight-tabs/atomic-insight-tabs.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/insight/lazy-index.ts b/packages/atomic/src/components/insight/lazy-index.ts
index 60500915b59..b8e4625adf9 100644
--- a/packages/atomic/src/components/insight/lazy-index.ts
+++ b/packages/atomic/src/components/insight/lazy-index.ts
@@ -1,15 +1,12 @@
-// Auto-generated file
-export default {
-  'atomic-insight-generate-answer-button': async () =>
-    await import(
-      './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'
-    ),
-  'atomic-insight-interface': async () =>
-    await import('./atomic-insight-interface/atomic-insight-interface.js'),
-  'atomic-insight-tab': async () =>
-    await import('./atomic-insight-tab/atomic-insight-tab.js'),
-  'atomic-insight-tabs': async () =>
-    await import('./atomic-insight-tabs/atomic-insight-tabs.js'),
-} as Record<string, () => Promise<unknown>>;
 
-export type * from './index.js';
+    // Auto-generated file
+    export default {
+       'atomic-insight-generate-answer-button': async () => await import('./atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'),
+  'atomic-insight-interface': async () => await import('./atomic-insight-interface/atomic-insight-interface.js'),
+  'atomic-insight-result-template': async () => await import('./atomic-insight-result-template/atomic-insight-result-template.js'),
+  'atomic-insight-tab': async () => await import('./atomic-insight-tab/atomic-insight-tab.js'),
+  'atomic-insight-tabs': async () => await import('./atomic-insight-tabs/atomic-insight-tabs.js'),
+    } as Record<string, () => Promise<unknown>>;
+ 
+    export type * from './index.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.tsx b/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.tsx
deleted file mode 100644
index a21d8471644..00000000000
--- a/packages/atomic/src/components/insight/result-templates/atomic-insight-result-template/atomic-insight-result-template.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import {
-  ResultTemplate as InsightResultTemplate,
-  ResultTemplateCondition as InsightResultTemplateCondition,
-} from '@coveo/headless/insight';
-import {Component, Element, Prop, Method, State} from '@stencil/core';
-import {MapProp} from '../../../../utils/props-utils';
-import {
-  makeDefinedConditions,
-  makeMatchConditions,
-  ResultTemplateCommon,
-} from '../../../common/result-templates/stencil-result-template-common';
-
-/**
- * @internal
- */
-@Component({
-  tag: 'atomic-insight-result-template',
-  shadow: true,
-})
-export class AtomicInsightResultTemplate {
-  private resultTemplateCommon!: ResultTemplateCommon;
-
-  @State() public error!: Error;
-
-  @Element() public host!: HTMLDivElement;
-  public matchConditions: InsightResultTemplateCondition[] = [];
-
-  /**
-   * A function that must return true on results for the result template to apply.
-   * Set programmatically before initialization, not via attribute.
-   *
-   * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:
-   * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
-   */
-  @Prop() public conditions: InsightResultTemplateCondition[] = [];
-
-  /**
-   * The field that, when defined on a result item, would allow the template to be applied.
-   *
-   * For example, a template with the following attribute only applies to result items whose `filetype` and `sourcetype` fields are defined: `if-defined="filetype,sourcetype"`
-   */
-  @Prop({reflect: true}) ifDefined?: string;
-
-  /**
-   * The field that, when defined on a result item, would prevent the template from being applied.
-   *
-   * For example, a template with the following attribute only applies to result items whose `filetype` and `sourcetype` fields are NOT defined: `if-not-defined="filetype,sourcetype"`
-   */
-  @Prop({reflect: true}) ifNotDefined?: string;
-
-  /**
-   * The field and values that define which result items the condition must be applied to.
-   *
-   * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype="lithiummessage,YouTubePlaylist"`
-   */
-  @Prop() @MapProp({splitValues: true}) public mustMatch: Record<
-    string,
-    string[]
-  > = {};
-
-  /**
-   * The field and values that define which result items the condition must not be applied to.
-   *
-   * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage"`
-   */
-  @Prop() @MapProp({splitValues: true}) public mustNotMatch: Record<
-    string,
-    string[]
-  > = {};
-
-  constructor() {}
-
-  connectedCallback() {
-    this.resultTemplateCommon = new ResultTemplateCommon({
-      host: this.host,
-      setError: (err) => {
-        this.error = err;
-      },
-      validParents: [
-        'atomic-insight-result-list',
-        'atomic-insight-folded-result-list',
-      ],
-      allowEmpty: true,
-    });
-  }
-
-  public componentWillLoad() {
-    this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);
-    this.resultTemplateCommon.matchConditions = makeMatchConditions(
-      this.mustMatch,
-      this.mustNotMatch
-    );
-  }
-
-  /**
-   * Gets the appropriate result template based on conditions applied.
-   */
-  @Method()
-  public async getTemplate(): Promise<InsightResultTemplate<DocumentFragment> | null> {
-    return this.resultTemplateCommon.getTemplate(this.conditions, this.error);
-  }
-
-  public render() {
-    return this.resultTemplateCommon.renderIfError(this.error);
-  }
-}
diff --git a/packages/atomic/src/components/ipx/index.ts b/packages/atomic/src/components/ipx/index.ts
index bfe520d72ba..7ed171429e3 100644
--- a/packages/atomic/src/components/ipx/index.ts
+++ b/packages/atomic/src/components/ipx/index.ts
@@ -1,3 +1,5 @@
-// Auto-generated file
-export {AtomicIpxTab} from './atomic-ipx-tab/atomic-ipx-tab.js';
+
+    // Auto-generated file
+    export {AtomicIpxTab} from './atomic-ipx-tab/atomic-ipx-tab.js';
 export {AtomicIpxTabs} from './atomic-ipx-tabs/atomic-ipx-tabs.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/ipx/lazy-index.ts b/packages/atomic/src/components/ipx/lazy-index.ts
index 83a55473320..298b6907bf2 100644
--- a/packages/atomic/src/components/ipx/lazy-index.ts
+++ b/packages/atomic/src/components/ipx/lazy-index.ts
@@ -1,9 +1,9 @@
-// Auto-generated file
-export default {
-  'atomic-ipx-tab': async () =>
-    await import('./atomic-ipx-tab/atomic-ipx-tab.js'),
-  'atomic-ipx-tabs': async () =>
-    await import('./atomic-ipx-tabs/atomic-ipx-tabs.js'),
-} as Record<string, () => Promise<unknown>>;
 
-export type * from './index.js';
+    // Auto-generated file
+    export default {
+       'atomic-ipx-tab': async () => await import('./atomic-ipx-tab/atomic-ipx-tab.js'),
+  'atomic-ipx-tabs': async () => await import('./atomic-ipx-tabs/atomic-ipx-tabs.js'),
+    } as Record<string, () => Promise<unknown>>;
+ 
+    export type * from './index.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/recommendations/index.ts b/packages/atomic/src/components/recommendations/index.ts
index 8f4a792a441..63cf621cd06 100644
--- a/packages/atomic/src/components/recommendations/index.ts
+++ b/packages/atomic/src/components/recommendations/index.ts
@@ -1,2 +1,4 @@
-// Auto-generated file
-export {AtomicRecsInterface} from './atomic-recs-interface/atomic-recs-interface.js';
+
+    // Auto-generated file
+    export {AtomicRecsInterface} from './atomic-recs-interface/atomic-recs-interface.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/recommendations/lazy-index.ts b/packages/atomic/src/components/recommendations/lazy-index.ts
index a5602cb16b7..b937d54209f 100644
--- a/packages/atomic/src/components/recommendations/lazy-index.ts
+++ b/packages/atomic/src/components/recommendations/lazy-index.ts
@@ -1,7 +1,8 @@
-// Auto-generated file
-export default {
-  'atomic-recs-interface': async () =>
-    await import('./atomic-recs-interface/atomic-recs-interface.js'),
-} as Record<string, () => Promise<unknown>>;
 
-export type * from './index.js';
+    // Auto-generated file
+    export default {
+       'atomic-recs-interface': async () => await import('./atomic-recs-interface/atomic-recs-interface.js'),
+    } as Record<string, () => Promise<unknown>>;
+ 
+    export type * from './index.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/search/index.ts b/packages/atomic/src/components/search/index.ts
index 3a7e09e5e57..14069616cdc 100644
--- a/packages/atomic/src/components/search/index.ts
+++ b/packages/atomic/src/components/search/index.ts
@@ -1,5 +1,6 @@
-// Auto-generated file
-export {AtomicAutomaticFacet} from './atomic-automatic-facet/atomic-automatic-facet.js';
+
+    // Auto-generated file
+    export {AtomicAutomaticFacet} from './atomic-automatic-facet/atomic-automatic-facet.js';
 export {AtomicAutomaticFacetGenerator} from './atomic-automatic-facet-generator/atomic-automatic-facet-generator.js';
 export {AtomicBreadbox} from './atomic-breadbox/atomic-breadbox.js';
 export {AtomicCategoryFacet} from './atomic-category-facet/atomic-category-facet.js';
@@ -71,3 +72,4 @@ export {AtomicTab} from './atomic-tab/atomic-tab.js';
 export {AtomicTabManager} from './atomic-tab-manager/atomic-tab-manager.js';
 export {AtomicTableElement} from './atomic-table-element/atomic-table-element.js';
 export {AtomicText} from './atomic-text/atomic-text.js';
+  
\ No newline at end of file
diff --git a/packages/atomic/src/components/search/lazy-index.ts b/packages/atomic/src/components/search/lazy-index.ts
index 0053229787b..8fc723dcf59 100644
--- a/packages/atomic/src/components/search/lazy-index.ts
+++ b/packages/atomic/src/components/search/lazy-index.ts
@@ -1,181 +1,79 @@
-// Auto-generated file
-export default {
-  'atomic-automatic-facet': async () =>
-    await import('./atomic-automatic-facet/atomic-automatic-facet.js'),
-  'atomic-automatic-facet-generator': async () =>
-    await import(
-      './atomic-automatic-facet-generator/atomic-automatic-facet-generator.js'
-    ),
-  'atomic-breadbox': async () =>
-    await import('./atomic-breadbox/atomic-breadbox.js'),
-  'atomic-category-facet': async () =>
-    await import('./atomic-category-facet/atomic-category-facet.js'),
-  'atomic-color-facet': async () =>
-    await import('./atomic-color-facet/atomic-color-facet.js'),
-  'atomic-did-you-mean': async () =>
-    await import('./atomic-did-you-mean/atomic-did-you-mean.js'),
-  'atomic-external': async () =>
-    await import('./atomic-external/atomic-external.js'),
+
+    // Auto-generated file
+    export default {
+       'atomic-automatic-facet': async () => await import('./atomic-automatic-facet/atomic-automatic-facet.js'),
+  'atomic-automatic-facet-generator': async () => await import('./atomic-automatic-facet-generator/atomic-automatic-facet-generator.js'),
+  'atomic-breadbox': async () => await import('./atomic-breadbox/atomic-breadbox.js'),
+  'atomic-category-facet': async () => await import('./atomic-category-facet/atomic-category-facet.js'),
+  'atomic-color-facet': async () => await import('./atomic-color-facet/atomic-color-facet.js'),
+  'atomic-did-you-mean': async () => await import('./atomic-did-you-mean/atomic-did-you-mean.js'),
+  'atomic-external': async () => await import('./atomic-external/atomic-external.js'),
   'atomic-facet': async () => await import('./atomic-facet/atomic-facet.js'),
-  'atomic-facet-manager': async () =>
-    await import('./atomic-facet-manager/atomic-facet-manager.js'),
-  'atomic-field-condition': async () =>
-    await import('./atomic-field-condition/atomic-field-condition.js'),
-  'atomic-folded-result-list': async () =>
-    await import('./atomic-folded-result-list/atomic-folded-result-list.js'),
-  'atomic-format-currency': async () =>
-    await import('./atomic-format-currency/atomic-format-currency.js'),
-  'atomic-format-number': async () =>
-    await import('./atomic-format-number/atomic-format-number.js'),
-  'atomic-format-unit': async () =>
-    await import('./atomic-format-unit/atomic-format-unit.js'),
-  'atomic-generated-answer': async () =>
-    await import('./atomic-generated-answer/atomic-generated-answer.js'),
+  'atomic-facet-manager': async () => await import('./atomic-facet-manager/atomic-facet-manager.js'),
+  'atomic-field-condition': async () => await import('./atomic-field-condition/atomic-field-condition.js'),
+  'atomic-folded-result-list': async () => await import('./atomic-folded-result-list/atomic-folded-result-list.js'),
+  'atomic-format-currency': async () => await import('./atomic-format-currency/atomic-format-currency.js'),
+  'atomic-format-number': async () => await import('./atomic-format-number/atomic-format-number.js'),
+  'atomic-format-unit': async () => await import('./atomic-format-unit/atomic-format-unit.js'),
+  'atomic-generated-answer': async () => await import('./atomic-generated-answer/atomic-generated-answer.js'),
   'atomic-html': async () => await import('./atomic-html/atomic-html.js'),
-  'atomic-load-more-results': async () =>
-    await import('./atomic-load-more-results/atomic-load-more-results.js'),
-  'atomic-no-results': async () =>
-    await import('./atomic-no-results/atomic-no-results.js'),
-  'atomic-notifications': async () =>
-    await import('./atomic-notifications/atomic-notifications.js'),
-  'atomic-numeric-facet': async () =>
-    await import('./atomic-numeric-facet/atomic-numeric-facet.js'),
+  'atomic-load-more-results': async () => await import('./atomic-load-more-results/atomic-load-more-results.js'),
+  'atomic-no-results': async () => await import('./atomic-no-results/atomic-no-results.js'),
+  'atomic-notifications': async () => await import('./atomic-notifications/atomic-notifications.js'),
+  'atomic-numeric-facet': async () => await import('./atomic-numeric-facet/atomic-numeric-facet.js'),
   'atomic-pager': async () => await import('./atomic-pager/atomic-pager.js'),
-  'atomic-popover': async () =>
-    await import('./atomic-popover/atomic-popover.js'),
-  'atomic-query-error': async () =>
-    await import('./atomic-query-error/atomic-query-error.js'),
-  'atomic-query-summary': async () =>
-    await import('./atomic-query-summary/atomic-query-summary.js'),
-  'atomic-quickview': async () =>
-    await import('./atomic-quickview/atomic-quickview.js'),
-  'atomic-rating-facet': async () =>
-    await import('./atomic-rating-facet/atomic-rating-facet.js'),
-  'atomic-rating-range-facet': async () =>
-    await import('./atomic-rating-range-facet/atomic-rating-range-facet.js'),
-  'atomic-refine-toggle': async () =>
-    await import('./atomic-refine-toggle/atomic-refine-toggle.js'),
-  'atomic-relevance-inspector': async () =>
-    await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
+  'atomic-popover': async () => await import('./atomic-popover/atomic-popover.js'),
+  'atomic-query-error': async () => await import('./atomic-query-error/atomic-query-error.js'),
+  'atomic-query-summary': async () => await import('./atomic-query-summary/atomic-query-summary.js'),
+  'atomic-quickview': async () => await import('./atomic-quickview/atomic-quickview.js'),
+  'atomic-rating-facet': async () => await import('./atomic-rating-facet/atomic-rating-facet.js'),
+  'atomic-rating-range-facet': async () => await import('./atomic-rating-range-facet/atomic-rating-range-facet.js'),
+  'atomic-refine-toggle': async () => await import('./atomic-refine-toggle/atomic-refine-toggle.js'),
+  'atomic-relevance-inspector': async () => await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
   'atomic-result': async () => await import('./atomic-result/atomic-result.js'),
-  'atomic-result-badge': async () =>
-    await import('./atomic-result-badge/atomic-result-badge.js'),
-  'atomic-result-children': async () =>
-    await import('./atomic-result-children/atomic-result-children.js'),
-  'atomic-result-children-template': async () =>
-    await import(
-      './atomic-result-children-template/atomic-result-children-template.js'
-    ),
-  'atomic-result-date': async () =>
-    await import('./atomic-result-date/atomic-result-date.js'),
-  'atomic-result-fields-list': async () =>
-    await import('./atomic-result-fields-list/atomic-result-fields-list.js'),
-  'atomic-result-html': async () =>
-    await import('./atomic-result-html/atomic-result-html.js'),
-  'atomic-result-icon': async () =>
-    await import('./atomic-result-icon/atomic-result-icon.js'),
-  'atomic-result-image': async () =>
-    await import('./atomic-result-image/atomic-result-image.js'),
-  'atomic-result-link': async () =>
-    await import('./atomic-result-link/atomic-result-link.js'),
-  'atomic-result-list': async () =>
-    await import('./atomic-result-list/atomic-result-list.js'),
-  'atomic-result-localized-text': async () =>
-    await import(
-      './atomic-result-localized-text/atomic-result-localized-text.js'
-    ),
-  'atomic-result-multi-value-text': async () =>
-    await import(
-      './atomic-result-multi-value-text/atomic-result-multi-value-text.js'
-    ),
-  'atomic-result-number': async () =>
-    await import('./atomic-result-number/atomic-result-number.js'),
-  'atomic-result-printable-uri': async () =>
-    await import(
-      './atomic-result-printable-uri/atomic-result-printable-uri.js'
-    ),
-  'atomic-result-rating': async () =>
-    await import('./atomic-result-rating/atomic-result-rating.js'),
-  'atomic-result-section-actions': async () =>
-    await import(
-      './atomic-result-section-actions/atomic-result-section-actions.js'
-    ),
-  'atomic-result-section-badges': async () =>
-    await import(
-      './atomic-result-section-badges/atomic-result-section-badges.js'
-    ),
-  'atomic-result-section-bottom-metadata': async () =>
-    await import(
-      './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'
-    ),
-  'atomic-result-section-children': async () =>
-    await import(
-      './atomic-result-section-children/atomic-result-section-children.js'
-    ),
-  'atomic-result-section-emphasized': async () =>
-    await import(
-      './atomic-result-section-emphasized/atomic-result-section-emphasized.js'
-    ),
-  'atomic-result-section-excerpt': async () =>
-    await import(
-      './atomic-result-section-excerpt/atomic-result-section-excerpt.js'
-    ),
-  'atomic-result-section-title': async () =>
-    await import(
-      './atomic-result-section-title/atomic-result-section-title.js'
-    ),
-  'atomic-result-section-title-metadata': async () =>
-    await import(
-      './atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'
-    ),
-  'atomic-result-section-visual': async () =>
-    await import(
-      './atomic-result-section-visual/atomic-result-section-visual.js'
-    ),
-  'atomic-result-table-placeholder': async () =>
-    await import(
-      './atomic-result-table-placeholder/atomic-result-table-placeholder.js'
-    ),
-  'atomic-result-template': async () =>
-    await import('./atomic-result-template/atomic-result-template.js'),
-  'atomic-result-text': async () =>
-    await import('./atomic-result-text/atomic-result-text.js'),
-  'atomic-result-timespan': async () =>
-    await import('./atomic-result-timespan/atomic-result-timespan.js'),
-  'atomic-results-per-page': async () =>
-    await import('./atomic-results-per-page/atomic-results-per-page.js'),
-  'atomic-search-box-instant-results': async () =>
-    await import(
-      './atomic-search-box-instant-results/atomic-search-box-instant-results.js'
-    ),
-  'atomic-search-box-query-suggestions': async () =>
-    await import(
-      './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'
-    ),
-  'atomic-search-box-recent-queries': async () =>
-    await import(
-      './atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'
-    ),
-  'atomic-search-interface': async () =>
-    await import('./atomic-search-interface/atomic-search-interface.js'),
-  'atomic-search-layout': async () =>
-    await import('./atomic-search-layout/atomic-search-layout.js'),
-  'atomic-segmented-facet': async () =>
-    await import('./atomic-segmented-facet/atomic-segmented-facet.js'),
-  'atomic-segmented-facet-scrollable': async () =>
-    await import(
-      './atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js'
-    ),
-  'atomic-sort-dropdown': async () =>
-    await import('./atomic-sort-dropdown/atomic-sort-dropdown.js'),
-  'atomic-sort-expression': async () =>
-    await import('./atomic-sort-expression/atomic-sort-expression.js'),
+  'atomic-result-badge': async () => await import('./atomic-result-badge/atomic-result-badge.js'),
+  'atomic-result-children': async () => await import('./atomic-result-children/atomic-result-children.js'),
+  'atomic-result-children-template': async () => await import('./atomic-result-children-template/atomic-result-children-template.js'),
+  'atomic-result-date': async () => await import('./atomic-result-date/atomic-result-date.js'),
+  'atomic-result-fields-list': async () => await import('./atomic-result-fields-list/atomic-result-fields-list.js'),
+  'atomic-result-html': async () => await import('./atomic-result-html/atomic-result-html.js'),
+  'atomic-result-icon': async () => await import('./atomic-result-icon/atomic-result-icon.js'),
+  'atomic-result-image': async () => await import('./atomic-result-image/atomic-result-image.js'),
+  'atomic-result-link': async () => await import('./atomic-result-link/atomic-result-link.js'),
+  'atomic-result-list': async () => await import('./atomic-result-list/atomic-result-list.js'),
+  'atomic-result-localized-text': async () => await import('./atomic-result-localized-text/atomic-result-localized-text.js'),
+  'atomic-result-multi-value-text': async () => await import('./atomic-result-multi-value-text/atomic-result-multi-value-text.js'),
+  'atomic-result-number': async () => await import('./atomic-result-number/atomic-result-number.js'),
+  'atomic-result-printable-uri': async () => await import('./atomic-result-printable-uri/atomic-result-printable-uri.js'),
+  'atomic-result-rating': async () => await import('./atomic-result-rating/atomic-result-rating.js'),
+  'atomic-result-section-actions': async () => await import('./atomic-result-section-actions/atomic-result-section-actions.js'),
+  'atomic-result-section-badges': async () => await import('./atomic-result-section-badges/atomic-result-section-badges.js'),
+  'atomic-result-section-bottom-metadata': async () => await import('./atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'),
+  'atomic-result-section-children': async () => await import('./atomic-result-section-children/atomic-result-section-children.js'),
+  'atomic-result-section-emphasized': async () => await import('./atomic-result-section-emphasized/atomic-result-section-emphasized.js'),
+  'atomic-result-section-excerpt': async () => await import('./atomic-result-section-excerpt/atomic-result-section-excerpt.js'),
+  'atomic-result-section-title': async () => await import('./atomic-result-section-title/atomic-result-section-title.js'),
+  'atomic-result-section-title-metadata': async () => await import('./atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'),
+  'atomic-result-section-visual': async () => await import('./atomic-result-section-visual/atomic-result-section-visual.js'),
+  'atomic-result-table-placeholder': async () => await import('./atomic-result-table-placeholder/atomic-result-table-placeholder.js'),
+  'atomic-result-template': async () => await import('./atomic-result-template/atomic-result-template.js'),
+  'atomic-result-text': async () => await import('./atomic-result-text/atomic-result-text.js'),
+  'atomic-result-timespan': async () => await import('./atomic-result-timespan/atomic-result-timespan.js'),
+  'atomic-results-per-page': async () => await import('./atomic-results-per-page/atomic-results-per-page.js'),
+  'atomic-search-box-instant-results': async () => await import('./atomic-search-box-instant-results/atomic-search-box-instant-results.js'),
+  'atomic-search-box-query-suggestions': async () => await import('./atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'),
+  'atomic-search-box-recent-queries': async () => await import('./atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'),
+  'atomic-search-interface': async () => await import('./atomic-search-interface/atomic-search-interface.js'),
+  'atomic-search-layout': async () => await import('./atomic-search-layout/atomic-search-layout.js'),
+  'atomic-segmented-facet': async () => await import('./atomic-segmented-facet/atomic-segmented-facet.js'),
+  'atomic-segmented-facet-scrollable': async () => await import('./atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js'),
+  'atomic-sort-dropdown': async () => await import('./atomic-sort-dropdown/atomic-sort-dropdown.js'),
+  'atomic-sort-expression': async () => await import('./atomic-sort-expression/atomic-sort-expression.js'),
   'atomic-tab': async () => await import('./atomic-tab/atomic-tab.js'),
-  'atomic-tab-manager': async () =>
-    await import('./atomic-tab-manager/atomic-tab-manager.js'),
-  'atomic-table-element': async () =>
-    await import('./atomic-table-element/atomic-table-element.js'),
+  'atomic-tab-manager': async () => await import('./atomic-tab-manager/atomic-tab-manager.js'),
+  'atomic-table-element': async () => await import('./atomic-table-element/atomic-table-element.js'),
   'atomic-text': async () => await import('./atomic-text/atomic-text.js'),
-} as Record<string, () => Promise<unknown>>;
-
-export type * from './index.js';
+    } as Record<string, () => Promise<unknown>>;
+ 
+    export type * from './index.js';
+  
\ No newline at end of file

From d25211b23424220abb5420271782eb166c2df0a7 Mon Sep 17 00:00:00 2001
From: "developer-experience-bot[bot]"
 <91079284+developer-experience-bot[bot]@users.noreply.github.com>
Date: Fri, 2 Jan 2026 14:13:29 +0000
Subject: [PATCH 6/7] Add generated files

---
 .../atomic/src/components/commerce/index.ts   |   6 +-
 .../src/components/commerce/lazy-index.ts     | 219 ++++++++++++----
 .../atomic/src/components/common/index.ts     |   6 +-
 .../src/components/common/lazy-index.ts       |  58 ++--
 .../atomic/src/components/insight/index.ts    |   6 +-
 .../src/components/insight/lazy-index.ts      |  29 +-
 packages/atomic/src/components/ipx/index.ts   |   6 +-
 .../atomic/src/components/ipx/lazy-index.ts   |  16 +-
 .../src/components/recommendations/index.ts   |   6 +-
 .../components/recommendations/lazy-index.ts  |  13 +-
 .../atomic/src/components/search/index.ts     |   6 +-
 .../src/components/search/lazy-index.ts       | 248 ++++++++++++------
 12 files changed, 420 insertions(+), 199 deletions(-)

diff --git a/packages/atomic/src/components/commerce/index.ts b/packages/atomic/src/components/commerce/index.ts
index bd8a06e7fd4..95ef20ee858 100644
--- a/packages/atomic/src/components/commerce/index.ts
+++ b/packages/atomic/src/components/commerce/index.ts
@@ -1,6 +1,5 @@
-
-    // Auto-generated file
-    export {AtomicCommerceBreadbox} from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
+// Auto-generated file
+export {AtomicCommerceBreadbox} from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
 export {AtomicCommerceCategoryFacet} from './atomic-commerce-category-facet/atomic-commerce-category-facet.js';
 export {AtomicCommerceDidYouMean} from './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js';
 export {AtomicCommerceFacet} from './atomic-commerce-facet/atomic-commerce-facet.js';
@@ -49,4 +48,3 @@ export {AtomicProductSectionName} from './atomic-product-section-name/atomic-pro
 export {AtomicProductSectionVisual} from './atomic-product-section-visual/atomic-product-section-visual.js';
 export {AtomicProductTemplate} from './atomic-product-template/atomic-product-template.js';
 export {AtomicProductText} from './atomic-product-text/atomic-product-text.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/commerce/lazy-index.ts b/packages/atomic/src/components/commerce/lazy-index.ts
index d4beb98bdf4..256ad70a61e 100644
--- a/packages/atomic/src/components/commerce/lazy-index.ts
+++ b/packages/atomic/src/components/commerce/lazy-index.ts
@@ -1,56 +1,165 @@
+// Auto-generated file
+export default {
+  'atomic-commerce-breadbox': async () =>
+    await import('./atomic-commerce-breadbox/atomic-commerce-breadbox.js'),
+  'atomic-commerce-category-facet': async () =>
+    await import(
+      './atomic-commerce-category-facet/atomic-commerce-category-facet.js'
+    ),
+  'atomic-commerce-did-you-mean': async () =>
+    await import(
+      './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'
+    ),
+  'atomic-commerce-facet': async () =>
+    await import('./atomic-commerce-facet/atomic-commerce-facet.js'),
+  'atomic-commerce-facet-number-input': async () =>
+    await import(
+      './atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js'
+    ),
+  'atomic-commerce-facets': async () =>
+    await import('./atomic-commerce-facets/atomic-commerce-facets.js'),
+  'atomic-commerce-interface': async () =>
+    await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
+  'atomic-commerce-layout': async () =>
+    await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
+  'atomic-commerce-load-more-products': async () =>
+    await import(
+      './atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'
+    ),
+  'atomic-commerce-no-products': async () =>
+    await import(
+      './atomic-commerce-no-products/atomic-commerce-no-products.js'
+    ),
+  'atomic-commerce-numeric-facet': async () =>
+    await import(
+      './atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js'
+    ),
+  'atomic-commerce-pager': async () =>
+    await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
+  'atomic-commerce-product-list': async () =>
+    await import(
+      './atomic-commerce-product-list/atomic-commerce-product-list.js'
+    ),
+  'atomic-commerce-products-per-page': async () =>
+    await import(
+      './atomic-commerce-products-per-page/atomic-commerce-products-per-page.js'
+    ),
+  'atomic-commerce-query-error': async () =>
+    await import(
+      './atomic-commerce-query-error/atomic-commerce-query-error.js'
+    ),
+  'atomic-commerce-query-summary': async () =>
+    await import(
+      './atomic-commerce-query-summary/atomic-commerce-query-summary.js'
+    ),
+  'atomic-commerce-recommendation-interface': async () =>
+    await import(
+      './atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'
+    ),
+  'atomic-commerce-recommendation-list': async () =>
+    await import(
+      './atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'
+    ),
+  'atomic-commerce-refine-modal': async () =>
+    await import(
+      './atomic-commerce-refine-modal/atomic-commerce-refine-modal.js'
+    ),
+  'atomic-commerce-refine-toggle': async () =>
+    await import(
+      './atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'
+    ),
+  'atomic-commerce-search-box': async () =>
+    await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
+  'atomic-commerce-search-box-instant-products': async () =>
+    await import(
+      './atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'
+    ),
+  'atomic-commerce-search-box-query-suggestions': async () =>
+    await import(
+      './atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'
+    ),
+  'atomic-commerce-search-box-recent-queries': async () =>
+    await import(
+      './atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js'
+    ),
+  'atomic-commerce-sort-dropdown': async () =>
+    await import(
+      './atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js'
+    ),
+  'atomic-commerce-text': async () =>
+    await import('./atomic-commerce-text/atomic-commerce-text.js'),
+  'atomic-commerce-timeframe-facet': async () =>
+    await import(
+      './atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js'
+    ),
+  'atomic-product': async () =>
+    await import('./atomic-product/atomic-product.js'),
+  'atomic-product-children': async () =>
+    await import('./atomic-product-children/atomic-product-children.js'),
+  'atomic-product-description': async () =>
+    await import('./atomic-product-description/atomic-product-description.js'),
+  'atomic-product-excerpt': async () =>
+    await import('./atomic-product-excerpt/atomic-product-excerpt.js'),
+  'atomic-product-field-condition': async () =>
+    await import(
+      './atomic-product-field-condition/atomic-product-field-condition.js'
+    ),
+  'atomic-product-image': async () =>
+    await import('./atomic-product-image/atomic-product-image.js'),
+  'atomic-product-link': async () =>
+    await import('./atomic-product-link/atomic-product-link.js'),
+  'atomic-product-multi-value-text': async () =>
+    await import(
+      './atomic-product-multi-value-text/atomic-product-multi-value-text.js'
+    ),
+  'atomic-product-numeric-field-value': async () =>
+    await import(
+      './atomic-product-numeric-field-value/atomic-product-numeric-field-value.js'
+    ),
+  'atomic-product-price': async () =>
+    await import('./atomic-product-price/atomic-product-price.js'),
+  'atomic-product-rating': async () =>
+    await import('./atomic-product-rating/atomic-product-rating.js'),
+  'atomic-product-section-actions': async () =>
+    await import(
+      './atomic-product-section-actions/atomic-product-section-actions.js'
+    ),
+  'atomic-product-section-badges': async () =>
+    await import(
+      './atomic-product-section-badges/atomic-product-section-badges.js'
+    ),
+  'atomic-product-section-bottom-metadata': async () =>
+    await import(
+      './atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js'
+    ),
+  'atomic-product-section-children': async () =>
+    await import(
+      './atomic-product-section-children/atomic-product-section-children.js'
+    ),
+  'atomic-product-section-description': async () =>
+    await import(
+      './atomic-product-section-description/atomic-product-section-description.js'
+    ),
+  'atomic-product-section-emphasized': async () =>
+    await import(
+      './atomic-product-section-emphasized/atomic-product-section-emphasized.js'
+    ),
+  'atomic-product-section-metadata': async () =>
+    await import(
+      './atomic-product-section-metadata/atomic-product-section-metadata.js'
+    ),
+  'atomic-product-section-name': async () =>
+    await import(
+      './atomic-product-section-name/atomic-product-section-name.js'
+    ),
+  'atomic-product-section-visual': async () =>
+    await import(
+      './atomic-product-section-visual/atomic-product-section-visual.js'
+    ),
+  'atomic-product-template': async () =>
+    await import('./atomic-product-template/atomic-product-template.js'),
+  'atomic-product-text': async () =>
+    await import('./atomic-product-text/atomic-product-text.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-commerce-breadbox': async () => await import('./atomic-commerce-breadbox/atomic-commerce-breadbox.js'),
-  'atomic-commerce-category-facet': async () => await import('./atomic-commerce-category-facet/atomic-commerce-category-facet.js'),
-  'atomic-commerce-did-you-mean': async () => await import('./atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'),
-  'atomic-commerce-facet': async () => await import('./atomic-commerce-facet/atomic-commerce-facet.js'),
-  'atomic-commerce-facet-number-input': async () => await import('./atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js'),
-  'atomic-commerce-facets': async () => await import('./atomic-commerce-facets/atomic-commerce-facets.js'),
-  'atomic-commerce-interface': async () => await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
-  'atomic-commerce-layout': async () => await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
-  'atomic-commerce-load-more-products': async () => await import('./atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'),
-  'atomic-commerce-no-products': async () => await import('./atomic-commerce-no-products/atomic-commerce-no-products.js'),
-  'atomic-commerce-numeric-facet': async () => await import('./atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js'),
-  'atomic-commerce-pager': async () => await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
-  'atomic-commerce-product-list': async () => await import('./atomic-commerce-product-list/atomic-commerce-product-list.js'),
-  'atomic-commerce-products-per-page': async () => await import('./atomic-commerce-products-per-page/atomic-commerce-products-per-page.js'),
-  'atomic-commerce-query-error': async () => await import('./atomic-commerce-query-error/atomic-commerce-query-error.js'),
-  'atomic-commerce-query-summary': async () => await import('./atomic-commerce-query-summary/atomic-commerce-query-summary.js'),
-  'atomic-commerce-recommendation-interface': async () => await import('./atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'),
-  'atomic-commerce-recommendation-list': async () => await import('./atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'),
-  'atomic-commerce-refine-modal': async () => await import('./atomic-commerce-refine-modal/atomic-commerce-refine-modal.js'),
-  'atomic-commerce-refine-toggle': async () => await import('./atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'),
-  'atomic-commerce-search-box': async () => await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
-  'atomic-commerce-search-box-instant-products': async () => await import('./atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'),
-  'atomic-commerce-search-box-query-suggestions': async () => await import('./atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'),
-  'atomic-commerce-search-box-recent-queries': async () => await import('./atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js'),
-  'atomic-commerce-sort-dropdown': async () => await import('./atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js'),
-  'atomic-commerce-text': async () => await import('./atomic-commerce-text/atomic-commerce-text.js'),
-  'atomic-commerce-timeframe-facet': async () => await import('./atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js'),
-  'atomic-product': async () => await import('./atomic-product/atomic-product.js'),
-  'atomic-product-children': async () => await import('./atomic-product-children/atomic-product-children.js'),
-  'atomic-product-description': async () => await import('./atomic-product-description/atomic-product-description.js'),
-  'atomic-product-excerpt': async () => await import('./atomic-product-excerpt/atomic-product-excerpt.js'),
-  'atomic-product-field-condition': async () => await import('./atomic-product-field-condition/atomic-product-field-condition.js'),
-  'atomic-product-image': async () => await import('./atomic-product-image/atomic-product-image.js'),
-  'atomic-product-link': async () => await import('./atomic-product-link/atomic-product-link.js'),
-  'atomic-product-multi-value-text': async () => await import('./atomic-product-multi-value-text/atomic-product-multi-value-text.js'),
-  'atomic-product-numeric-field-value': async () => await import('./atomic-product-numeric-field-value/atomic-product-numeric-field-value.js'),
-  'atomic-product-price': async () => await import('./atomic-product-price/atomic-product-price.js'),
-  'atomic-product-rating': async () => await import('./atomic-product-rating/atomic-product-rating.js'),
-  'atomic-product-section-actions': async () => await import('./atomic-product-section-actions/atomic-product-section-actions.js'),
-  'atomic-product-section-badges': async () => await import('./atomic-product-section-badges/atomic-product-section-badges.js'),
-  'atomic-product-section-bottom-metadata': async () => await import('./atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js'),
-  'atomic-product-section-children': async () => await import('./atomic-product-section-children/atomic-product-section-children.js'),
-  'atomic-product-section-description': async () => await import('./atomic-product-section-description/atomic-product-section-description.js'),
-  'atomic-product-section-emphasized': async () => await import('./atomic-product-section-emphasized/atomic-product-section-emphasized.js'),
-  'atomic-product-section-metadata': async () => await import('./atomic-product-section-metadata/atomic-product-section-metadata.js'),
-  'atomic-product-section-name': async () => await import('./atomic-product-section-name/atomic-product-section-name.js'),
-  'atomic-product-section-visual': async () => await import('./atomic-product-section-visual/atomic-product-section-visual.js'),
-  'atomic-product-template': async () => await import('./atomic-product-template/atomic-product-template.js'),
-  'atomic-product-text': async () => await import('./atomic-product-text/atomic-product-text.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/common/index.ts b/packages/atomic/src/components/common/index.ts
index bf3f5956a40..d34638fdcc4 100644
--- a/packages/atomic/src/components/common/index.ts
+++ b/packages/atomic/src/components/common/index.ts
@@ -1,6 +1,5 @@
-
-    // Auto-generated file
-    export {AtomicAriaLive} from './atomic-aria-live/atomic-aria-live.js';
+// Auto-generated file
+export {AtomicAriaLive} from './atomic-aria-live/atomic-aria-live.js';
 export {AtomicComponentError} from './atomic-component-error/atomic-component-error.js';
 export {AtomicFacetDateInput} from './atomic-facet-date-input/atomic-facet-date-input.js';
 export {AtomicFacetNumberInput} from './atomic-facet-number-input/atomic-facet-number-input.js';
@@ -16,4 +15,3 @@ export {AtomicTabBar} from './atomic-tab-bar/atomic-tab-bar.js';
 export {AtomicTabButton} from './atomic-tab-button/atomic-tab-button.js';
 export {AtomicTabPopover} from './atomic-tab-popover/atomic-tab-popover.js';
 export {AtomicTimeframe} from './atomic-timeframe/atomic-timeframe.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/common/lazy-index.ts b/packages/atomic/src/components/common/lazy-index.ts
index d17abc0d6d4..a8c6227fb46 100644
--- a/packages/atomic/src/components/common/lazy-index.ts
+++ b/packages/atomic/src/components/common/lazy-index.ts
@@ -1,23 +1,39 @@
-
-    // Auto-generated file
-    export default {
-       'atomic-aria-live': async () => await import('./atomic-aria-live/atomic-aria-live.js'),
-  'atomic-component-error': async () => await import('./atomic-component-error/atomic-component-error.js'),
-  'atomic-facet-date-input': async () => await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
-  'atomic-facet-number-input': async () => await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
-  'atomic-facet-placeholder': async () => await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
-  'atomic-focus-trap': async () => await import('./atomic-focus-trap/atomic-focus-trap.js'),
+// Auto-generated file
+export default {
+  'atomic-aria-live': async () =>
+    await import('./atomic-aria-live/atomic-aria-live.js'),
+  'atomic-component-error': async () =>
+    await import('./atomic-component-error/atomic-component-error.js'),
+  'atomic-facet-date-input': async () =>
+    await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
+  'atomic-facet-number-input': async () =>
+    await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
+  'atomic-facet-placeholder': async () =>
+    await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
+  'atomic-focus-trap': async () =>
+    await import('./atomic-focus-trap/atomic-focus-trap.js'),
   'atomic-icon': async () => await import('./atomic-icon/atomic-icon.js'),
-  'atomic-layout-section': async () => await import('./atomic-layout-section/atomic-layout-section.js'),
+  'atomic-layout-section': async () =>
+    await import('./atomic-layout-section/atomic-layout-section.js'),
   'atomic-modal': async () => await import('./atomic-modal/atomic-modal.js'),
-  'atomic-numeric-range': async () => await import('./atomic-numeric-range/atomic-numeric-range.js'),
-  'atomic-smart-snippet-collapse-wrapper': async () => await import('./atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'),
-  'atomic-smart-snippet-expandable-answer': async () => await import('./atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'),
-  'atomic-tab-bar': async () => await import('./atomic-tab-bar/atomic-tab-bar.js'),
-  'atomic-tab-button': async () => await import('./atomic-tab-button/atomic-tab-button.js'),
-  'atomic-tab-popover': async () => await import('./atomic-tab-popover/atomic-tab-popover.js'),
-  'atomic-timeframe': async () => await import('./atomic-timeframe/atomic-timeframe.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+  'atomic-numeric-range': async () =>
+    await import('./atomic-numeric-range/atomic-numeric-range.js'),
+  'atomic-smart-snippet-collapse-wrapper': async () =>
+    await import(
+      './atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'
+    ),
+  'atomic-smart-snippet-expandable-answer': async () =>
+    await import(
+      './atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'
+    ),
+  'atomic-tab-bar': async () =>
+    await import('./atomic-tab-bar/atomic-tab-bar.js'),
+  'atomic-tab-button': async () =>
+    await import('./atomic-tab-button/atomic-tab-button.js'),
+  'atomic-tab-popover': async () =>
+    await import('./atomic-tab-popover/atomic-tab-popover.js'),
+  'atomic-timeframe': async () =>
+    await import('./atomic-timeframe/atomic-timeframe.js'),
+} as Record<string, () => Promise<unknown>>;
+
+export type * from './index.js';
diff --git a/packages/atomic/src/components/insight/index.ts b/packages/atomic/src/components/insight/index.ts
index 4787cf70b46..6c20a79b174 100644
--- a/packages/atomic/src/components/insight/index.ts
+++ b/packages/atomic/src/components/insight/index.ts
@@ -1,8 +1,6 @@
-
-    // Auto-generated file
-    export {AtomicInsightGenerateAnswerButton} from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
+// Auto-generated file
+export {AtomicInsightGenerateAnswerButton} from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
 export {AtomicInsightInterface} from './atomic-insight-interface/atomic-insight-interface.js';
 export {AtomicInsightResultTemplate} from './atomic-insight-result-template/atomic-insight-result-template.js';
 export {AtomicInsightTab} from './atomic-insight-tab/atomic-insight-tab.js';
 export {AtomicInsightTabs} from './atomic-insight-tabs/atomic-insight-tabs.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/insight/lazy-index.ts b/packages/atomic/src/components/insight/lazy-index.ts
index b8e4625adf9..23a8dfc647d 100644
--- a/packages/atomic/src/components/insight/lazy-index.ts
+++ b/packages/atomic/src/components/insight/lazy-index.ts
@@ -1,12 +1,19 @@
+// Auto-generated file
+export default {
+  'atomic-insight-generate-answer-button': async () =>
+    await import(
+      './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'
+    ),
+  'atomic-insight-interface': async () =>
+    await import('./atomic-insight-interface/atomic-insight-interface.js'),
+  'atomic-insight-result-template': async () =>
+    await import(
+      './atomic-insight-result-template/atomic-insight-result-template.js'
+    ),
+  'atomic-insight-tab': async () =>
+    await import('./atomic-insight-tab/atomic-insight-tab.js'),
+  'atomic-insight-tabs': async () =>
+    await import('./atomic-insight-tabs/atomic-insight-tabs.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-insight-generate-answer-button': async () => await import('./atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'),
-  'atomic-insight-interface': async () => await import('./atomic-insight-interface/atomic-insight-interface.js'),
-  'atomic-insight-result-template': async () => await import('./atomic-insight-result-template/atomic-insight-result-template.js'),
-  'atomic-insight-tab': async () => await import('./atomic-insight-tab/atomic-insight-tab.js'),
-  'atomic-insight-tabs': async () => await import('./atomic-insight-tabs/atomic-insight-tabs.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/ipx/index.ts b/packages/atomic/src/components/ipx/index.ts
index 7ed171429e3..bfe520d72ba 100644
--- a/packages/atomic/src/components/ipx/index.ts
+++ b/packages/atomic/src/components/ipx/index.ts
@@ -1,5 +1,3 @@
-
-    // Auto-generated file
-    export {AtomicIpxTab} from './atomic-ipx-tab/atomic-ipx-tab.js';
+// Auto-generated file
+export {AtomicIpxTab} from './atomic-ipx-tab/atomic-ipx-tab.js';
 export {AtomicIpxTabs} from './atomic-ipx-tabs/atomic-ipx-tabs.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/ipx/lazy-index.ts b/packages/atomic/src/components/ipx/lazy-index.ts
index 298b6907bf2..83a55473320 100644
--- a/packages/atomic/src/components/ipx/lazy-index.ts
+++ b/packages/atomic/src/components/ipx/lazy-index.ts
@@ -1,9 +1,9 @@
+// Auto-generated file
+export default {
+  'atomic-ipx-tab': async () =>
+    await import('./atomic-ipx-tab/atomic-ipx-tab.js'),
+  'atomic-ipx-tabs': async () =>
+    await import('./atomic-ipx-tabs/atomic-ipx-tabs.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-ipx-tab': async () => await import('./atomic-ipx-tab/atomic-ipx-tab.js'),
-  'atomic-ipx-tabs': async () => await import('./atomic-ipx-tabs/atomic-ipx-tabs.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/recommendations/index.ts b/packages/atomic/src/components/recommendations/index.ts
index 63cf621cd06..8f4a792a441 100644
--- a/packages/atomic/src/components/recommendations/index.ts
+++ b/packages/atomic/src/components/recommendations/index.ts
@@ -1,4 +1,2 @@
-
-    // Auto-generated file
-    export {AtomicRecsInterface} from './atomic-recs-interface/atomic-recs-interface.js';
-  
\ No newline at end of file
+// Auto-generated file
+export {AtomicRecsInterface} from './atomic-recs-interface/atomic-recs-interface.js';
diff --git a/packages/atomic/src/components/recommendations/lazy-index.ts b/packages/atomic/src/components/recommendations/lazy-index.ts
index b937d54209f..a5602cb16b7 100644
--- a/packages/atomic/src/components/recommendations/lazy-index.ts
+++ b/packages/atomic/src/components/recommendations/lazy-index.ts
@@ -1,8 +1,7 @@
+// Auto-generated file
+export default {
+  'atomic-recs-interface': async () =>
+    await import('./atomic-recs-interface/atomic-recs-interface.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-recs-interface': async () => await import('./atomic-recs-interface/atomic-recs-interface.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/search/index.ts b/packages/atomic/src/components/search/index.ts
index 14069616cdc..3a7e09e5e57 100644
--- a/packages/atomic/src/components/search/index.ts
+++ b/packages/atomic/src/components/search/index.ts
@@ -1,6 +1,5 @@
-
-    // Auto-generated file
-    export {AtomicAutomaticFacet} from './atomic-automatic-facet/atomic-automatic-facet.js';
+// Auto-generated file
+export {AtomicAutomaticFacet} from './atomic-automatic-facet/atomic-automatic-facet.js';
 export {AtomicAutomaticFacetGenerator} from './atomic-automatic-facet-generator/atomic-automatic-facet-generator.js';
 export {AtomicBreadbox} from './atomic-breadbox/atomic-breadbox.js';
 export {AtomicCategoryFacet} from './atomic-category-facet/atomic-category-facet.js';
@@ -72,4 +71,3 @@ export {AtomicTab} from './atomic-tab/atomic-tab.js';
 export {AtomicTabManager} from './atomic-tab-manager/atomic-tab-manager.js';
 export {AtomicTableElement} from './atomic-table-element/atomic-table-element.js';
 export {AtomicText} from './atomic-text/atomic-text.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/search/lazy-index.ts b/packages/atomic/src/components/search/lazy-index.ts
index 8fc723dcf59..0053229787b 100644
--- a/packages/atomic/src/components/search/lazy-index.ts
+++ b/packages/atomic/src/components/search/lazy-index.ts
@@ -1,79 +1,181 @@
-
-    // Auto-generated file
-    export default {
-       'atomic-automatic-facet': async () => await import('./atomic-automatic-facet/atomic-automatic-facet.js'),
-  'atomic-automatic-facet-generator': async () => await import('./atomic-automatic-facet-generator/atomic-automatic-facet-generator.js'),
-  'atomic-breadbox': async () => await import('./atomic-breadbox/atomic-breadbox.js'),
-  'atomic-category-facet': async () => await import('./atomic-category-facet/atomic-category-facet.js'),
-  'atomic-color-facet': async () => await import('./atomic-color-facet/atomic-color-facet.js'),
-  'atomic-did-you-mean': async () => await import('./atomic-did-you-mean/atomic-did-you-mean.js'),
-  'atomic-external': async () => await import('./atomic-external/atomic-external.js'),
+// Auto-generated file
+export default {
+  'atomic-automatic-facet': async () =>
+    await import('./atomic-automatic-facet/atomic-automatic-facet.js'),
+  'atomic-automatic-facet-generator': async () =>
+    await import(
+      './atomic-automatic-facet-generator/atomic-automatic-facet-generator.js'
+    ),
+  'atomic-breadbox': async () =>
+    await import('./atomic-breadbox/atomic-breadbox.js'),
+  'atomic-category-facet': async () =>
+    await import('./atomic-category-facet/atomic-category-facet.js'),
+  'atomic-color-facet': async () =>
+    await import('./atomic-color-facet/atomic-color-facet.js'),
+  'atomic-did-you-mean': async () =>
+    await import('./atomic-did-you-mean/atomic-did-you-mean.js'),
+  'atomic-external': async () =>
+    await import('./atomic-external/atomic-external.js'),
   'atomic-facet': async () => await import('./atomic-facet/atomic-facet.js'),
-  'atomic-facet-manager': async () => await import('./atomic-facet-manager/atomic-facet-manager.js'),
-  'atomic-field-condition': async () => await import('./atomic-field-condition/atomic-field-condition.js'),
-  'atomic-folded-result-list': async () => await import('./atomic-folded-result-list/atomic-folded-result-list.js'),
-  'atomic-format-currency': async () => await import('./atomic-format-currency/atomic-format-currency.js'),
-  'atomic-format-number': async () => await import('./atomic-format-number/atomic-format-number.js'),
-  'atomic-format-unit': async () => await import('./atomic-format-unit/atomic-format-unit.js'),
-  'atomic-generated-answer': async () => await import('./atomic-generated-answer/atomic-generated-answer.js'),
+  'atomic-facet-manager': async () =>
+    await import('./atomic-facet-manager/atomic-facet-manager.js'),
+  'atomic-field-condition': async () =>
+    await import('./atomic-field-condition/atomic-field-condition.js'),
+  'atomic-folded-result-list': async () =>
+    await import('./atomic-folded-result-list/atomic-folded-result-list.js'),
+  'atomic-format-currency': async () =>
+    await import('./atomic-format-currency/atomic-format-currency.js'),
+  'atomic-format-number': async () =>
+    await import('./atomic-format-number/atomic-format-number.js'),
+  'atomic-format-unit': async () =>
+    await import('./atomic-format-unit/atomic-format-unit.js'),
+  'atomic-generated-answer': async () =>
+    await import('./atomic-generated-answer/atomic-generated-answer.js'),
   'atomic-html': async () => await import('./atomic-html/atomic-html.js'),
-  'atomic-load-more-results': async () => await import('./atomic-load-more-results/atomic-load-more-results.js'),
-  'atomic-no-results': async () => await import('./atomic-no-results/atomic-no-results.js'),
-  'atomic-notifications': async () => await import('./atomic-notifications/atomic-notifications.js'),
-  'atomic-numeric-facet': async () => await import('./atomic-numeric-facet/atomic-numeric-facet.js'),
+  'atomic-load-more-results': async () =>
+    await import('./atomic-load-more-results/atomic-load-more-results.js'),
+  'atomic-no-results': async () =>
+    await import('./atomic-no-results/atomic-no-results.js'),
+  'atomic-notifications': async () =>
+    await import('./atomic-notifications/atomic-notifications.js'),
+  'atomic-numeric-facet': async () =>
+    await import('./atomic-numeric-facet/atomic-numeric-facet.js'),
   'atomic-pager': async () => await import('./atomic-pager/atomic-pager.js'),
-  'atomic-popover': async () => await import('./atomic-popover/atomic-popover.js'),
-  'atomic-query-error': async () => await import('./atomic-query-error/atomic-query-error.js'),
-  'atomic-query-summary': async () => await import('./atomic-query-summary/atomic-query-summary.js'),
-  'atomic-quickview': async () => await import('./atomic-quickview/atomic-quickview.js'),
-  'atomic-rating-facet': async () => await import('./atomic-rating-facet/atomic-rating-facet.js'),
-  'atomic-rating-range-facet': async () => await import('./atomic-rating-range-facet/atomic-rating-range-facet.js'),
-  'atomic-refine-toggle': async () => await import('./atomic-refine-toggle/atomic-refine-toggle.js'),
-  'atomic-relevance-inspector': async () => await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
+  'atomic-popover': async () =>
+    await import('./atomic-popover/atomic-popover.js'),
+  'atomic-query-error': async () =>
+    await import('./atomic-query-error/atomic-query-error.js'),
+  'atomic-query-summary': async () =>
+    await import('./atomic-query-summary/atomic-query-summary.js'),
+  'atomic-quickview': async () =>
+    await import('./atomic-quickview/atomic-quickview.js'),
+  'atomic-rating-facet': async () =>
+    await import('./atomic-rating-facet/atomic-rating-facet.js'),
+  'atomic-rating-range-facet': async () =>
+    await import('./atomic-rating-range-facet/atomic-rating-range-facet.js'),
+  'atomic-refine-toggle': async () =>
+    await import('./atomic-refine-toggle/atomic-refine-toggle.js'),
+  'atomic-relevance-inspector': async () =>
+    await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
   'atomic-result': async () => await import('./atomic-result/atomic-result.js'),
-  'atomic-result-badge': async () => await import('./atomic-result-badge/atomic-result-badge.js'),
-  'atomic-result-children': async () => await import('./atomic-result-children/atomic-result-children.js'),
-  'atomic-result-children-template': async () => await import('./atomic-result-children-template/atomic-result-children-template.js'),
-  'atomic-result-date': async () => await import('./atomic-result-date/atomic-result-date.js'),
-  'atomic-result-fields-list': async () => await import('./atomic-result-fields-list/atomic-result-fields-list.js'),
-  'atomic-result-html': async () => await import('./atomic-result-html/atomic-result-html.js'),
-  'atomic-result-icon': async () => await import('./atomic-result-icon/atomic-result-icon.js'),
-  'atomic-result-image': async () => await import('./atomic-result-image/atomic-result-image.js'),
-  'atomic-result-link': async () => await import('./atomic-result-link/atomic-result-link.js'),
-  'atomic-result-list': async () => await import('./atomic-result-list/atomic-result-list.js'),
-  'atomic-result-localized-text': async () => await import('./atomic-result-localized-text/atomic-result-localized-text.js'),
-  'atomic-result-multi-value-text': async () => await import('./atomic-result-multi-value-text/atomic-result-multi-value-text.js'),
-  'atomic-result-number': async () => await import('./atomic-result-number/atomic-result-number.js'),
-  'atomic-result-printable-uri': async () => await import('./atomic-result-printable-uri/atomic-result-printable-uri.js'),
-  'atomic-result-rating': async () => await import('./atomic-result-rating/atomic-result-rating.js'),
-  'atomic-result-section-actions': async () => await import('./atomic-result-section-actions/atomic-result-section-actions.js'),
-  'atomic-result-section-badges': async () => await import('./atomic-result-section-badges/atomic-result-section-badges.js'),
-  'atomic-result-section-bottom-metadata': async () => await import('./atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'),
-  'atomic-result-section-children': async () => await import('./atomic-result-section-children/atomic-result-section-children.js'),
-  'atomic-result-section-emphasized': async () => await import('./atomic-result-section-emphasized/atomic-result-section-emphasized.js'),
-  'atomic-result-section-excerpt': async () => await import('./atomic-result-section-excerpt/atomic-result-section-excerpt.js'),
-  'atomic-result-section-title': async () => await import('./atomic-result-section-title/atomic-result-section-title.js'),
-  'atomic-result-section-title-metadata': async () => await import('./atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'),
-  'atomic-result-section-visual': async () => await import('./atomic-result-section-visual/atomic-result-section-visual.js'),
-  'atomic-result-table-placeholder': async () => await import('./atomic-result-table-placeholder/atomic-result-table-placeholder.js'),
-  'atomic-result-template': async () => await import('./atomic-result-template/atomic-result-template.js'),
-  'atomic-result-text': async () => await import('./atomic-result-text/atomic-result-text.js'),
-  'atomic-result-timespan': async () => await import('./atomic-result-timespan/atomic-result-timespan.js'),
-  'atomic-results-per-page': async () => await import('./atomic-results-per-page/atomic-results-per-page.js'),
-  'atomic-search-box-instant-results': async () => await import('./atomic-search-box-instant-results/atomic-search-box-instant-results.js'),
-  'atomic-search-box-query-suggestions': async () => await import('./atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'),
-  'atomic-search-box-recent-queries': async () => await import('./atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'),
-  'atomic-search-interface': async () => await import('./atomic-search-interface/atomic-search-interface.js'),
-  'atomic-search-layout': async () => await import('./atomic-search-layout/atomic-search-layout.js'),
-  'atomic-segmented-facet': async () => await import('./atomic-segmented-facet/atomic-segmented-facet.js'),
-  'atomic-segmented-facet-scrollable': async () => await import('./atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js'),
-  'atomic-sort-dropdown': async () => await import('./atomic-sort-dropdown/atomic-sort-dropdown.js'),
-  'atomic-sort-expression': async () => await import('./atomic-sort-expression/atomic-sort-expression.js'),
+  'atomic-result-badge': async () =>
+    await import('./atomic-result-badge/atomic-result-badge.js'),
+  'atomic-result-children': async () =>
+    await import('./atomic-result-children/atomic-result-children.js'),
+  'atomic-result-children-template': async () =>
+    await import(
+      './atomic-result-children-template/atomic-result-children-template.js'
+    ),
+  'atomic-result-date': async () =>
+    await import('./atomic-result-date/atomic-result-date.js'),
+  'atomic-result-fields-list': async () =>
+    await import('./atomic-result-fields-list/atomic-result-fields-list.js'),
+  'atomic-result-html': async () =>
+    await import('./atomic-result-html/atomic-result-html.js'),
+  'atomic-result-icon': async () =>
+    await import('./atomic-result-icon/atomic-result-icon.js'),
+  'atomic-result-image': async () =>
+    await import('./atomic-result-image/atomic-result-image.js'),
+  'atomic-result-link': async () =>
+    await import('./atomic-result-link/atomic-result-link.js'),
+  'atomic-result-list': async () =>
+    await import('./atomic-result-list/atomic-result-list.js'),
+  'atomic-result-localized-text': async () =>
+    await import(
+      './atomic-result-localized-text/atomic-result-localized-text.js'
+    ),
+  'atomic-result-multi-value-text': async () =>
+    await import(
+      './atomic-result-multi-value-text/atomic-result-multi-value-text.js'
+    ),
+  'atomic-result-number': async () =>
+    await import('./atomic-result-number/atomic-result-number.js'),
+  'atomic-result-printable-uri': async () =>
+    await import(
+      './atomic-result-printable-uri/atomic-result-printable-uri.js'
+    ),
+  'atomic-result-rating': async () =>
+    await import('./atomic-result-rating/atomic-result-rating.js'),
+  'atomic-result-section-actions': async () =>
+    await import(
+      './atomic-result-section-actions/atomic-result-section-actions.js'
+    ),
+  'atomic-result-section-badges': async () =>
+    await import(
+      './atomic-result-section-badges/atomic-result-section-badges.js'
+    ),
+  'atomic-result-section-bottom-metadata': async () =>
+    await import(
+      './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'
+    ),
+  'atomic-result-section-children': async () =>
+    await import(
+      './atomic-result-section-children/atomic-result-section-children.js'
+    ),
+  'atomic-result-section-emphasized': async () =>
+    await import(
+      './atomic-result-section-emphasized/atomic-result-section-emphasized.js'
+    ),
+  'atomic-result-section-excerpt': async () =>
+    await import(
+      './atomic-result-section-excerpt/atomic-result-section-excerpt.js'
+    ),
+  'atomic-result-section-title': async () =>
+    await import(
+      './atomic-result-section-title/atomic-result-section-title.js'
+    ),
+  'atomic-result-section-title-metadata': async () =>
+    await import(
+      './atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'
+    ),
+  'atomic-result-section-visual': async () =>
+    await import(
+      './atomic-result-section-visual/atomic-result-section-visual.js'
+    ),
+  'atomic-result-table-placeholder': async () =>
+    await import(
+      './atomic-result-table-placeholder/atomic-result-table-placeholder.js'
+    ),
+  'atomic-result-template': async () =>
+    await import('./atomic-result-template/atomic-result-template.js'),
+  'atomic-result-text': async () =>
+    await import('./atomic-result-text/atomic-result-text.js'),
+  'atomic-result-timespan': async () =>
+    await import('./atomic-result-timespan/atomic-result-timespan.js'),
+  'atomic-results-per-page': async () =>
+    await import('./atomic-results-per-page/atomic-results-per-page.js'),
+  'atomic-search-box-instant-results': async () =>
+    await import(
+      './atomic-search-box-instant-results/atomic-search-box-instant-results.js'
+    ),
+  'atomic-search-box-query-suggestions': async () =>
+    await import(
+      './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'
+    ),
+  'atomic-search-box-recent-queries': async () =>
+    await import(
+      './atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'
+    ),
+  'atomic-search-interface': async () =>
+    await import('./atomic-search-interface/atomic-search-interface.js'),
+  'atomic-search-layout': async () =>
+    await import('./atomic-search-layout/atomic-search-layout.js'),
+  'atomic-segmented-facet': async () =>
+    await import('./atomic-segmented-facet/atomic-segmented-facet.js'),
+  'atomic-segmented-facet-scrollable': async () =>
+    await import(
+      './atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js'
+    ),
+  'atomic-sort-dropdown': async () =>
+    await import('./atomic-sort-dropdown/atomic-sort-dropdown.js'),
+  'atomic-sort-expression': async () =>
+    await import('./atomic-sort-expression/atomic-sort-expression.js'),
   'atomic-tab': async () => await import('./atomic-tab/atomic-tab.js'),
-  'atomic-tab-manager': async () => await import('./atomic-tab-manager/atomic-tab-manager.js'),
-  'atomic-table-element': async () => await import('./atomic-table-element/atomic-table-element.js'),
+  'atomic-tab-manager': async () =>
+    await import('./atomic-tab-manager/atomic-tab-manager.js'),
+  'atomic-table-element': async () =>
+    await import('./atomic-table-element/atomic-table-element.js'),
   'atomic-text': async () => await import('./atomic-text/atomic-text.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+} as Record<string, () => Promise<unknown>>;
+
+export type * from './index.js';

From b118d66252983bc4ace1219260c1d1a99365face Mon Sep 17 00:00:00 2001
From: Alex Prudhomme <78121423+alexprudhomme@users.noreply.github.com>
Date: Fri, 2 Jan 2026 09:19:01 -0500
Subject: [PATCH 7/7] done

---
 .../atomic/src/components/commerce/index.ts   |   6 +-
 .../src/components/commerce/lazy-index.ts     | 219 ++++++++++----
 .../atomic/src/components/common/index.ts     |   6 +-
 .../src/components/common/lazy-index.ts       |  58 ++--
 .../atomic-insight-result-template.mdx        |  65 +---
 ...ic-insight-result-template.new.stories.tsx | 284 ++++++++++++++++++
 .../e2e/atomic-insight-result-template.e2e.ts |  27 ++
 .../e2e/fixture.ts                            |  14 +
 .../e2e/page-object.ts                        |  24 ++
 .../atomic/src/components/insight/index.ts    |   6 +-
 .../src/components/insight/lazy-index.ts      |  29 +-
 packages/atomic/src/components/ipx/index.ts   |   6 +-
 .../atomic/src/components/ipx/lazy-index.ts   |  16 +-
 .../src/components/recommendations/index.ts   |   6 +-
 .../components/recommendations/lazy-index.ts  |  13 +-
 .../atomic/src/components/search/index.ts     |   6 +-
 .../src/components/search/lazy-index.ts       | 248 ++++++++++-----
 17 files changed, 780 insertions(+), 253 deletions(-)
 create mode 100644 packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.new.stories.tsx
 create mode 100644 packages/atomic/src/components/insight/atomic-insight-result-template/e2e/atomic-insight-result-template.e2e.ts
 create mode 100644 packages/atomic/src/components/insight/atomic-insight-result-template/e2e/fixture.ts
 create mode 100644 packages/atomic/src/components/insight/atomic-insight-result-template/e2e/page-object.ts

diff --git a/packages/atomic/src/components/commerce/index.ts b/packages/atomic/src/components/commerce/index.ts
index bd8a06e7fd4..95ef20ee858 100644
--- a/packages/atomic/src/components/commerce/index.ts
+++ b/packages/atomic/src/components/commerce/index.ts
@@ -1,6 +1,5 @@
-
-    // Auto-generated file
-    export {AtomicCommerceBreadbox} from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
+// Auto-generated file
+export {AtomicCommerceBreadbox} from './atomic-commerce-breadbox/atomic-commerce-breadbox.js';
 export {AtomicCommerceCategoryFacet} from './atomic-commerce-category-facet/atomic-commerce-category-facet.js';
 export {AtomicCommerceDidYouMean} from './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js';
 export {AtomicCommerceFacet} from './atomic-commerce-facet/atomic-commerce-facet.js';
@@ -49,4 +48,3 @@ export {AtomicProductSectionName} from './atomic-product-section-name/atomic-pro
 export {AtomicProductSectionVisual} from './atomic-product-section-visual/atomic-product-section-visual.js';
 export {AtomicProductTemplate} from './atomic-product-template/atomic-product-template.js';
 export {AtomicProductText} from './atomic-product-text/atomic-product-text.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/commerce/lazy-index.ts b/packages/atomic/src/components/commerce/lazy-index.ts
index d4beb98bdf4..256ad70a61e 100644
--- a/packages/atomic/src/components/commerce/lazy-index.ts
+++ b/packages/atomic/src/components/commerce/lazy-index.ts
@@ -1,56 +1,165 @@
+// Auto-generated file
+export default {
+  'atomic-commerce-breadbox': async () =>
+    await import('./atomic-commerce-breadbox/atomic-commerce-breadbox.js'),
+  'atomic-commerce-category-facet': async () =>
+    await import(
+      './atomic-commerce-category-facet/atomic-commerce-category-facet.js'
+    ),
+  'atomic-commerce-did-you-mean': async () =>
+    await import(
+      './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'
+    ),
+  'atomic-commerce-facet': async () =>
+    await import('./atomic-commerce-facet/atomic-commerce-facet.js'),
+  'atomic-commerce-facet-number-input': async () =>
+    await import(
+      './atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js'
+    ),
+  'atomic-commerce-facets': async () =>
+    await import('./atomic-commerce-facets/atomic-commerce-facets.js'),
+  'atomic-commerce-interface': async () =>
+    await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
+  'atomic-commerce-layout': async () =>
+    await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
+  'atomic-commerce-load-more-products': async () =>
+    await import(
+      './atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'
+    ),
+  'atomic-commerce-no-products': async () =>
+    await import(
+      './atomic-commerce-no-products/atomic-commerce-no-products.js'
+    ),
+  'atomic-commerce-numeric-facet': async () =>
+    await import(
+      './atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js'
+    ),
+  'atomic-commerce-pager': async () =>
+    await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
+  'atomic-commerce-product-list': async () =>
+    await import(
+      './atomic-commerce-product-list/atomic-commerce-product-list.js'
+    ),
+  'atomic-commerce-products-per-page': async () =>
+    await import(
+      './atomic-commerce-products-per-page/atomic-commerce-products-per-page.js'
+    ),
+  'atomic-commerce-query-error': async () =>
+    await import(
+      './atomic-commerce-query-error/atomic-commerce-query-error.js'
+    ),
+  'atomic-commerce-query-summary': async () =>
+    await import(
+      './atomic-commerce-query-summary/atomic-commerce-query-summary.js'
+    ),
+  'atomic-commerce-recommendation-interface': async () =>
+    await import(
+      './atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'
+    ),
+  'atomic-commerce-recommendation-list': async () =>
+    await import(
+      './atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'
+    ),
+  'atomic-commerce-refine-modal': async () =>
+    await import(
+      './atomic-commerce-refine-modal/atomic-commerce-refine-modal.js'
+    ),
+  'atomic-commerce-refine-toggle': async () =>
+    await import(
+      './atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'
+    ),
+  'atomic-commerce-search-box': async () =>
+    await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
+  'atomic-commerce-search-box-instant-products': async () =>
+    await import(
+      './atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'
+    ),
+  'atomic-commerce-search-box-query-suggestions': async () =>
+    await import(
+      './atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'
+    ),
+  'atomic-commerce-search-box-recent-queries': async () =>
+    await import(
+      './atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js'
+    ),
+  'atomic-commerce-sort-dropdown': async () =>
+    await import(
+      './atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js'
+    ),
+  'atomic-commerce-text': async () =>
+    await import('./atomic-commerce-text/atomic-commerce-text.js'),
+  'atomic-commerce-timeframe-facet': async () =>
+    await import(
+      './atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js'
+    ),
+  'atomic-product': async () =>
+    await import('./atomic-product/atomic-product.js'),
+  'atomic-product-children': async () =>
+    await import('./atomic-product-children/atomic-product-children.js'),
+  'atomic-product-description': async () =>
+    await import('./atomic-product-description/atomic-product-description.js'),
+  'atomic-product-excerpt': async () =>
+    await import('./atomic-product-excerpt/atomic-product-excerpt.js'),
+  'atomic-product-field-condition': async () =>
+    await import(
+      './atomic-product-field-condition/atomic-product-field-condition.js'
+    ),
+  'atomic-product-image': async () =>
+    await import('./atomic-product-image/atomic-product-image.js'),
+  'atomic-product-link': async () =>
+    await import('./atomic-product-link/atomic-product-link.js'),
+  'atomic-product-multi-value-text': async () =>
+    await import(
+      './atomic-product-multi-value-text/atomic-product-multi-value-text.js'
+    ),
+  'atomic-product-numeric-field-value': async () =>
+    await import(
+      './atomic-product-numeric-field-value/atomic-product-numeric-field-value.js'
+    ),
+  'atomic-product-price': async () =>
+    await import('./atomic-product-price/atomic-product-price.js'),
+  'atomic-product-rating': async () =>
+    await import('./atomic-product-rating/atomic-product-rating.js'),
+  'atomic-product-section-actions': async () =>
+    await import(
+      './atomic-product-section-actions/atomic-product-section-actions.js'
+    ),
+  'atomic-product-section-badges': async () =>
+    await import(
+      './atomic-product-section-badges/atomic-product-section-badges.js'
+    ),
+  'atomic-product-section-bottom-metadata': async () =>
+    await import(
+      './atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js'
+    ),
+  'atomic-product-section-children': async () =>
+    await import(
+      './atomic-product-section-children/atomic-product-section-children.js'
+    ),
+  'atomic-product-section-description': async () =>
+    await import(
+      './atomic-product-section-description/atomic-product-section-description.js'
+    ),
+  'atomic-product-section-emphasized': async () =>
+    await import(
+      './atomic-product-section-emphasized/atomic-product-section-emphasized.js'
+    ),
+  'atomic-product-section-metadata': async () =>
+    await import(
+      './atomic-product-section-metadata/atomic-product-section-metadata.js'
+    ),
+  'atomic-product-section-name': async () =>
+    await import(
+      './atomic-product-section-name/atomic-product-section-name.js'
+    ),
+  'atomic-product-section-visual': async () =>
+    await import(
+      './atomic-product-section-visual/atomic-product-section-visual.js'
+    ),
+  'atomic-product-template': async () =>
+    await import('./atomic-product-template/atomic-product-template.js'),
+  'atomic-product-text': async () =>
+    await import('./atomic-product-text/atomic-product-text.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-commerce-breadbox': async () => await import('./atomic-commerce-breadbox/atomic-commerce-breadbox.js'),
-  'atomic-commerce-category-facet': async () => await import('./atomic-commerce-category-facet/atomic-commerce-category-facet.js'),
-  'atomic-commerce-did-you-mean': async () => await import('./atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'),
-  'atomic-commerce-facet': async () => await import('./atomic-commerce-facet/atomic-commerce-facet.js'),
-  'atomic-commerce-facet-number-input': async () => await import('./atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js'),
-  'atomic-commerce-facets': async () => await import('./atomic-commerce-facets/atomic-commerce-facets.js'),
-  'atomic-commerce-interface': async () => await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
-  'atomic-commerce-layout': async () => await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
-  'atomic-commerce-load-more-products': async () => await import('./atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'),
-  'atomic-commerce-no-products': async () => await import('./atomic-commerce-no-products/atomic-commerce-no-products.js'),
-  'atomic-commerce-numeric-facet': async () => await import('./atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js'),
-  'atomic-commerce-pager': async () => await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
-  'atomic-commerce-product-list': async () => await import('./atomic-commerce-product-list/atomic-commerce-product-list.js'),
-  'atomic-commerce-products-per-page': async () => await import('./atomic-commerce-products-per-page/atomic-commerce-products-per-page.js'),
-  'atomic-commerce-query-error': async () => await import('./atomic-commerce-query-error/atomic-commerce-query-error.js'),
-  'atomic-commerce-query-summary': async () => await import('./atomic-commerce-query-summary/atomic-commerce-query-summary.js'),
-  'atomic-commerce-recommendation-interface': async () => await import('./atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'),
-  'atomic-commerce-recommendation-list': async () => await import('./atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'),
-  'atomic-commerce-refine-modal': async () => await import('./atomic-commerce-refine-modal/atomic-commerce-refine-modal.js'),
-  'atomic-commerce-refine-toggle': async () => await import('./atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'),
-  'atomic-commerce-search-box': async () => await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
-  'atomic-commerce-search-box-instant-products': async () => await import('./atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'),
-  'atomic-commerce-search-box-query-suggestions': async () => await import('./atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'),
-  'atomic-commerce-search-box-recent-queries': async () => await import('./atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js'),
-  'atomic-commerce-sort-dropdown': async () => await import('./atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js'),
-  'atomic-commerce-text': async () => await import('./atomic-commerce-text/atomic-commerce-text.js'),
-  'atomic-commerce-timeframe-facet': async () => await import('./atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js'),
-  'atomic-product': async () => await import('./atomic-product/atomic-product.js'),
-  'atomic-product-children': async () => await import('./atomic-product-children/atomic-product-children.js'),
-  'atomic-product-description': async () => await import('./atomic-product-description/atomic-product-description.js'),
-  'atomic-product-excerpt': async () => await import('./atomic-product-excerpt/atomic-product-excerpt.js'),
-  'atomic-product-field-condition': async () => await import('./atomic-product-field-condition/atomic-product-field-condition.js'),
-  'atomic-product-image': async () => await import('./atomic-product-image/atomic-product-image.js'),
-  'atomic-product-link': async () => await import('./atomic-product-link/atomic-product-link.js'),
-  'atomic-product-multi-value-text': async () => await import('./atomic-product-multi-value-text/atomic-product-multi-value-text.js'),
-  'atomic-product-numeric-field-value': async () => await import('./atomic-product-numeric-field-value/atomic-product-numeric-field-value.js'),
-  'atomic-product-price': async () => await import('./atomic-product-price/atomic-product-price.js'),
-  'atomic-product-rating': async () => await import('./atomic-product-rating/atomic-product-rating.js'),
-  'atomic-product-section-actions': async () => await import('./atomic-product-section-actions/atomic-product-section-actions.js'),
-  'atomic-product-section-badges': async () => await import('./atomic-product-section-badges/atomic-product-section-badges.js'),
-  'atomic-product-section-bottom-metadata': async () => await import('./atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js'),
-  'atomic-product-section-children': async () => await import('./atomic-product-section-children/atomic-product-section-children.js'),
-  'atomic-product-section-description': async () => await import('./atomic-product-section-description/atomic-product-section-description.js'),
-  'atomic-product-section-emphasized': async () => await import('./atomic-product-section-emphasized/atomic-product-section-emphasized.js'),
-  'atomic-product-section-metadata': async () => await import('./atomic-product-section-metadata/atomic-product-section-metadata.js'),
-  'atomic-product-section-name': async () => await import('./atomic-product-section-name/atomic-product-section-name.js'),
-  'atomic-product-section-visual': async () => await import('./atomic-product-section-visual/atomic-product-section-visual.js'),
-  'atomic-product-template': async () => await import('./atomic-product-template/atomic-product-template.js'),
-  'atomic-product-text': async () => await import('./atomic-product-text/atomic-product-text.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/common/index.ts b/packages/atomic/src/components/common/index.ts
index bf3f5956a40..d34638fdcc4 100644
--- a/packages/atomic/src/components/common/index.ts
+++ b/packages/atomic/src/components/common/index.ts
@@ -1,6 +1,5 @@
-
-    // Auto-generated file
-    export {AtomicAriaLive} from './atomic-aria-live/atomic-aria-live.js';
+// Auto-generated file
+export {AtomicAriaLive} from './atomic-aria-live/atomic-aria-live.js';
 export {AtomicComponentError} from './atomic-component-error/atomic-component-error.js';
 export {AtomicFacetDateInput} from './atomic-facet-date-input/atomic-facet-date-input.js';
 export {AtomicFacetNumberInput} from './atomic-facet-number-input/atomic-facet-number-input.js';
@@ -16,4 +15,3 @@ export {AtomicTabBar} from './atomic-tab-bar/atomic-tab-bar.js';
 export {AtomicTabButton} from './atomic-tab-button/atomic-tab-button.js';
 export {AtomicTabPopover} from './atomic-tab-popover/atomic-tab-popover.js';
 export {AtomicTimeframe} from './atomic-timeframe/atomic-timeframe.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/common/lazy-index.ts b/packages/atomic/src/components/common/lazy-index.ts
index d17abc0d6d4..a8c6227fb46 100644
--- a/packages/atomic/src/components/common/lazy-index.ts
+++ b/packages/atomic/src/components/common/lazy-index.ts
@@ -1,23 +1,39 @@
-
-    // Auto-generated file
-    export default {
-       'atomic-aria-live': async () => await import('./atomic-aria-live/atomic-aria-live.js'),
-  'atomic-component-error': async () => await import('./atomic-component-error/atomic-component-error.js'),
-  'atomic-facet-date-input': async () => await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
-  'atomic-facet-number-input': async () => await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
-  'atomic-facet-placeholder': async () => await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
-  'atomic-focus-trap': async () => await import('./atomic-focus-trap/atomic-focus-trap.js'),
+// Auto-generated file
+export default {
+  'atomic-aria-live': async () =>
+    await import('./atomic-aria-live/atomic-aria-live.js'),
+  'atomic-component-error': async () =>
+    await import('./atomic-component-error/atomic-component-error.js'),
+  'atomic-facet-date-input': async () =>
+    await import('./atomic-facet-date-input/atomic-facet-date-input.js'),
+  'atomic-facet-number-input': async () =>
+    await import('./atomic-facet-number-input/atomic-facet-number-input.js'),
+  'atomic-facet-placeholder': async () =>
+    await import('./atomic-facet-placeholder/atomic-facet-placeholder.js'),
+  'atomic-focus-trap': async () =>
+    await import('./atomic-focus-trap/atomic-focus-trap.js'),
   'atomic-icon': async () => await import('./atomic-icon/atomic-icon.js'),
-  'atomic-layout-section': async () => await import('./atomic-layout-section/atomic-layout-section.js'),
+  'atomic-layout-section': async () =>
+    await import('./atomic-layout-section/atomic-layout-section.js'),
   'atomic-modal': async () => await import('./atomic-modal/atomic-modal.js'),
-  'atomic-numeric-range': async () => await import('./atomic-numeric-range/atomic-numeric-range.js'),
-  'atomic-smart-snippet-collapse-wrapper': async () => await import('./atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'),
-  'atomic-smart-snippet-expandable-answer': async () => await import('./atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'),
-  'atomic-tab-bar': async () => await import('./atomic-tab-bar/atomic-tab-bar.js'),
-  'atomic-tab-button': async () => await import('./atomic-tab-button/atomic-tab-button.js'),
-  'atomic-tab-popover': async () => await import('./atomic-tab-popover/atomic-tab-popover.js'),
-  'atomic-timeframe': async () => await import('./atomic-timeframe/atomic-timeframe.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+  'atomic-numeric-range': async () =>
+    await import('./atomic-numeric-range/atomic-numeric-range.js'),
+  'atomic-smart-snippet-collapse-wrapper': async () =>
+    await import(
+      './atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.js'
+    ),
+  'atomic-smart-snippet-expandable-answer': async () =>
+    await import(
+      './atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.js'
+    ),
+  'atomic-tab-bar': async () =>
+    await import('./atomic-tab-bar/atomic-tab-bar.js'),
+  'atomic-tab-button': async () =>
+    await import('./atomic-tab-button/atomic-tab-button.js'),
+  'atomic-tab-popover': async () =>
+    await import('./atomic-tab-popover/atomic-tab-popover.js'),
+  'atomic-timeframe': async () =>
+    await import('./atomic-timeframe/atomic-timeframe.js'),
+} as Record<string, () => Promise<unknown>>;
+
+export type * from './index.js';
diff --git a/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx
index b0884a02b83..64542518f90 100644
--- a/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.mdx
@@ -1,19 +1,22 @@
 import { Meta } from '@storybook/addon-docs/blocks';
-import * as AtomicInsightInterfaceStories from '../atomic-insight-interface/atomic-insight-interface.new.stories';
+import * as AtomicInsightResultTemplateStories from './atomic-insight-result-template.new.stories';
 import { AtomicDocTemplate } from '@/storybook-utils/documentation/atomic-doc-template';
 
-<Meta title="Atomic/Insight/ResultTemplate" />
+<Meta of={AtomicInsightResultTemplateStories} />
 
-# atomic-insight-result-template
-
-The `atomic-insight-result-template` component defines the UI display of your search results within an Insight interface.
+<AtomicDocTemplate
+  stories={AtomicInsightResultTemplateStories}
+  defaultStory="Default"
+  githubPath="insight/atomic-insight-result-template/atomic-insight-result-template.ts"
+  tagName="atomic-insight-result-template"
+  className="AtomicInsightResultTemplate"
+>
 
+This component defines the UI display of your search results within an Insight interface.
 A `template` element must be the child of an `atomic-insight-result-template`. Furthermore, an `atomic-insight-result-list` or `atomic-insight-folded-result-list` must be the parent of each `atomic-insight-result-template`.
 
 **Note:** Any `<script>` tags that are defined inside a `<template>` element will not be executed when the results are being rendered.
 
-## Usage
-
 Example using the `atomic-insight-result-list`:
 
 ```html
@@ -141,50 +144,4 @@ If you set both `must-match-*` and `must-not-match-*` for the same field and the
 </atomic-insight-result-list>
 ```
 
-## Properties
-
-### conditions
-
-A function that must return true on results for the result template to apply. Set programmatically before initialization, not via attribute.
-
-For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:
-
-```javascript
-document.querySelector('#target-template').conditions = [
-  (result) => /singapore/i.test(result.title)
-];
-```
-
-### must-match-*
-
-The field and values that define which result items the condition must be applied to.
-
-For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
-
-```html
-<atomic-insight-result-template must-match-filetype="lithiummessage,YouTubePlaylist">
-```
-
-### must-not-match-*
-
-The field and values that define which result items the condition must not be applied to.
-
-For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`:
-
-```html
-<atomic-insight-result-template must-not-match-filetype="lithiummessage">
-```
-
-## Methods
-
-### getTemplate()
-
-Gets the appropriate result template based on conditions applied.
-
-Returns: `Promise<InsightResultTemplate<DocumentFragment> | null>`
-
-## Related Components
-
-- [atomic-insight-result-list](../?path=/docs/atomic-insight-resultlist--docs)
-- [atomic-insight-folded-result-list](../?path=/docs/atomic-insight-foldedresultlist--docs)
-- [atomic-insight-interface](../?path=/docs/atomic-insight-interface--docs)
+</AtomicDocTemplate>
diff --git a/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.new.stories.tsx b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.new.stories.tsx
new file mode 100644
index 00000000000..52e5b258569
--- /dev/null
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/atomic-insight-result-template.new.stories.tsx
@@ -0,0 +1,284 @@
+import type {Meta, StoryObj as Story} from '@storybook/web-components-vite';
+import {getStorybookHelpers} from '@wc-toolkit/storybook-helpers';
+import {html} from 'lit';
+import {MockInsightApi} from '@/storybook-utils/api/insight/mock';
+import {parameters} from '@/storybook-utils/common/common-meta-parameters';
+import {wrapInInsightInterface} from '@/storybook-utils/insight/insight-interface-wrapper';
+
+const mockInsightApi = new MockInsightApi();
+
+const TEMPLATE_EXAMPLE = `<template>
+  <atomic-result-section-visual>
+    <atomic-result-image field="ytthumbnailurl" fallback="https://picsum.photos/seed/picsum/350"></atomic-result-image>
+  </atomic-result-section-visual>
+  <atomic-result-section-badges>
+    <atomic-field-condition must-match-sourcetype="YouTube">
+      <atomic-result-badge
+        label="YouTube"
+        class="youtube-badge"
+      ></atomic-result-badge>
+    </atomic-field-condition>
+    <atomic-result-badge
+      icon="https://raw.githubusercontent.com/Rush/Font-Awesome-SVG-PNG/master/black/svg/language.svg"
+    >
+      <atomic-result-multi-value-text
+        field="language"
+      ></atomic-result-multi-value-text>
+    </atomic-result-badge>
+  </atomic-result-section-badges>
+  <atomic-result-section-title>
+    <atomic-result-link></atomic-result-link>
+  </atomic-result-section-title>
+  <atomic-result-section-excerpt>
+    <atomic-result-text field="excerpt"></atomic-result-text>
+  </atomic-result-section-excerpt>
+  <atomic-result-section-bottom-metadata>
+    <atomic-result-fields-list>
+      <atomic-field-condition class="field" if-defined="source">
+        <span class="field-label">
+          <atomic-text value="source"></atomic-text>:
+        </span>
+        <atomic-result-text field="source"></atomic-result-text>
+      </atomic-field-condition>
+      <atomic-field-condition class="field" if-defined="author">
+        <span class="field-label">
+          <atomic-text value="author"></atomic-text>:
+        </span>
+        <atomic-result-text field="author"></atomic-result-text>
+      </atomic-field-condition>
+      <atomic-field-condition class="field" if-defined="date">
+        <span class="field-label">
+          <atomic-text value="date"></atomic-text>:
+        </span>
+        <atomic-result-date></atomic-result-date>
+      </atomic-field-condition>
+    </atomic-result-fields-list>
+  </atomic-result-section-bottom-metadata>
+</template>`;
+
+const FOLDED_TEMPLATE_EXAMPLE = `<template>
+  <style>
+    .field {
+      display: inline-flex;
+      align-items: center;
+    }
+
+    .field-label {
+      font-weight: bold;
+      margin-right: 0.25rem;
+    }
+
+    .thumbnail {
+      border-radius: var(--atomic-border-radius);
+    }
+  </style>
+  <atomic-result-section-visual>
+    <atomic-result-image field="ytthumbnailurl" fallback="https://picsum.photos/seed/picsum/350" class="thumbnail"></atomic-result-image>
+  </atomic-result-section-visual>
+  <atomic-result-section-title>
+    <atomic-result-link></atomic-result-link>
+  </atomic-result-section-title>
+  <atomic-result-section-excerpt>
+    <atomic-result-text field="excerpt"></atomic-result-text>
+  </atomic-result-section-excerpt>
+  <atomic-result-section-bottom-metadata>
+    <atomic-result-fields-list>
+      <atomic-field-condition class="field" if-defined="source">
+        <span class="field-label">Source:</span>
+        <atomic-result-text field="source"></atomic-result-text>
+      </atomic-field-condition>
+      <atomic-field-condition class="field" if-defined="author">
+        <span class="field-label">Author:</span>
+        <atomic-result-text field="author"></atomic-result-text>
+      </atomic-field-condition>
+    </atomic-result-fields-list>
+  </atomic-result-section-bottom-metadata>
+  <atomic-result-section-children>
+    <atomic-insight-result-children image-size="icon">
+      <atomic-insight-result-children-template>
+        <template>
+          <style>
+            .field {
+              display: inline-flex;
+              align-items: center;
+            }
+
+            .field-label {
+              font-weight: bold;
+              margin-right: 0.25rem;
+            }
+
+            .child-thumbnail {
+              border-radius: var(--atomic-border-radius);
+            }
+          </style>
+          <atomic-result-section-visual>
+            <atomic-result-image field="ytthumbnailurl" fallback="https://picsum.photos/seed/child/200" class="child-thumbnail"></atomic-result-image>
+          </atomic-result-section-visual>
+          <atomic-result-section-title>
+            <atomic-result-link></atomic-result-link>
+          </atomic-result-section-title>
+          <atomic-result-section-excerpt>
+            <atomic-result-text field="excerpt"></atomic-result-text>
+          </atomic-result-section-excerpt>
+          <atomic-result-section-children>
+            <atomic-insight-result-children inherit-templates></atomic-insight-result-children>
+          </atomic-result-section-children>
+        </template>
+      </atomic-insight-result-children-template>
+    </atomic-insight-result-children>
+  </atomic-result-section-children>
+</template>`;
+
+const {events, args, argTypes, template} = getStorybookHelpers(
+  'atomic-insight-result-template',
+  {excludeCategories: ['methods']}
+);
+
+const meta: Meta = {
+  component: 'atomic-insight-result-template',
+  title: 'Insight/Result Template',
+  id: 'atomic-insight-result-template',
+  render: (args) => template(args),
+  parameters: {
+    ...parameters,
+    actions: {
+      handles: events,
+    },
+    msw: {
+      handlers: [...mockInsightApi.handlers],
+    },
+  },
+  args: {
+    ...args,
+    'default-slot': TEMPLATE_EXAMPLE,
+  },
+  argTypes: {
+    ...argTypes,
+    'must-match': {
+      ...argTypes['must-match'],
+      control: false,
+    },
+    'must-not-match': {
+      ...argTypes['must-not-match'],
+      control: false,
+    },
+    conditions: {
+      ...argTypes.conditions,
+      control: false,
+    },
+  },
+};
+
+export default meta;
+
+const {decorator: insightInterfaceDecorator, play: initializeInsightInterface} =
+  wrapInInsightInterface();
+
+export const Default: Story = {
+  name: 'In a result list',
+  decorators: [
+    (story) => html`
+      <atomic-insight-layout>
+        <atomic-layout-section section="results">
+          <atomic-insight-result-list
+            display="list"
+            density="normal"
+            image-size="icon"
+          >
+            ${story()}
+          </atomic-insight-result-list>
+        </atomic-layout-section>
+      </atomic-insight-layout>
+    `,
+    insightInterfaceDecorator,
+  ],
+  play: initializeInsightInterface,
+};
+
+export const InAFoldedResultList: Story = {
+  name: 'In a folded result list',
+  args: {
+    ...args,
+    'default-slot': FOLDED_TEMPLATE_EXAMPLE,
+  },
+  decorators: [
+    (story) => html`
+      <atomic-insight-layout>
+        <atomic-layout-section section="results">
+          <atomic-insight-folded-result-list
+            image-size="small"
+            display="list"
+            collection-field="foldingcollection"
+            parent-field="foldingparent"
+            child-field="foldingchild"
+          >
+            ${story()}
+          </atomic-insight-folded-result-list>
+        </atomic-layout-section>
+      </atomic-insight-layout>
+    `,
+    insightInterfaceDecorator,
+  ],
+  parameters: {
+    docs: {
+      source: {
+        code: `<atomic-insight-folded-result-list
+  image-size="small"
+  display="list"
+  collection-field="foldingcollection"
+  parent-field="foldingparent"
+  child-field="foldingchild"
+>
+  <atomic-insight-result-template>
+${FOLDED_TEMPLATE_EXAMPLE}
+  </atomic-insight-result-template>
+</atomic-insight-folded-result-list>`,
+      },
+    },
+  },
+  play: initializeInsightInterface,
+};
+
+export const WithConditions: Story = {
+  name: 'With conditions',
+  args: {
+    ...args,
+    'default-slot': TEMPLATE_EXAMPLE,
+  },
+  decorators: [
+    (story) => html`
+      <atomic-insight-layout>
+        <atomic-layout-section section="results">
+          <atomic-insight-result-list
+            display="list"
+            density="normal"
+            image-size="icon"
+          >
+            <!-- Template for specific source types -->
+            <atomic-insight-result-template must-match-sourcetype="YouTube">
+              <template>
+                <atomic-result-section-badges>
+                  <atomic-result-badge
+                    label="YouTube Video"
+                    class="youtube-badge"
+                  ></atomic-result-badge>
+                </atomic-result-section-badges>
+                <atomic-result-section-title>
+                  <atomic-result-link></atomic-result-link>
+                </atomic-result-section-title>
+                <atomic-result-section-excerpt>
+                  <atomic-result-text field="excerpt"></atomic-result-text>
+                </atomic-result-section-excerpt>
+              </template>
+            </atomic-insight-result-template>
+            <!-- Default template -->
+            ${story()}
+          </atomic-insight-result-list>
+        </atomic-layout-section>
+      </atomic-insight-layout>
+    `,
+    insightInterfaceDecorator,
+  ],
+  play: initializeInsightInterface,
+};
diff --git a/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/atomic-insight-result-template.e2e.ts b/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/atomic-insight-result-template.e2e.ts
new file mode 100644
index 00000000000..ba1bc26230c
--- /dev/null
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/atomic-insight-result-template.e2e.ts
@@ -0,0 +1,27 @@
+import {expect, test} from './fixture';
+
+test.describe('atomic-insight-result-template', () => {
+  test('should display results when a child of a result list', async ({
+    resultTemplate,
+  }) => {
+    await resultTemplate.load({story: 'default'});
+
+    await expect(resultTemplate.result).toBeVisible();
+  });
+
+  test('should display results when a child of a folded result list', async ({
+    resultTemplate,
+  }) => {
+    await resultTemplate.load({story: 'in-a-folded-result-list'});
+
+    await expect(resultTemplate.result).toBeVisible();
+  });
+
+  test('should display results with conditions applied', async ({
+    resultTemplate,
+  }) => {
+    await resultTemplate.load({story: 'with-conditions'});
+
+    await expect(resultTemplate.result).toBeVisible();
+  });
+});
diff --git a/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/fixture.ts b/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/fixture.ts
new file mode 100644
index 00000000000..7c47f806667
--- /dev/null
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/fixture.ts
@@ -0,0 +1,14 @@
+import {test as base} from '@playwright/test';
+import {InsightResultTemplateObject} from './page-object';
+
+interface TestFixture {
+  resultTemplate: InsightResultTemplateObject;
+}
+
+export const test = base.extend<TestFixture>({
+  resultTemplate: async ({page}, use) => {
+    await use(new InsightResultTemplateObject(page));
+  },
+});
+
+export {expect} from '@playwright/test';
diff --git a/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/page-object.ts b/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/page-object.ts
new file mode 100644
index 00000000000..4e41940e564
--- /dev/null
+++ b/packages/atomic/src/components/insight/atomic-insight-result-template/e2e/page-object.ts
@@ -0,0 +1,24 @@
+import type {Page} from '@playwright/test';
+import {BasePageObject} from '@/playwright-utils/lit-base-page-object';
+
+export class InsightResultTemplateObject extends BasePageObject {
+  constructor(page: Page) {
+    super(page, 'atomic-insight-result-template');
+  }
+
+  get result() {
+    return this.page.locator('atomic-insight-result').first();
+  }
+
+  get error() {
+    return this.page.locator('atomic-component-error').first();
+  }
+
+  get resultList() {
+    return this.page.locator('atomic-insight-result-list');
+  }
+
+  get foldedResultList() {
+    return this.page.locator('atomic-insight-folded-result-list');
+  }
+}
diff --git a/packages/atomic/src/components/insight/index.ts b/packages/atomic/src/components/insight/index.ts
index 4787cf70b46..6c20a79b174 100644
--- a/packages/atomic/src/components/insight/index.ts
+++ b/packages/atomic/src/components/insight/index.ts
@@ -1,8 +1,6 @@
-
-    // Auto-generated file
-    export {AtomicInsightGenerateAnswerButton} from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
+// Auto-generated file
+export {AtomicInsightGenerateAnswerButton} from './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js';
 export {AtomicInsightInterface} from './atomic-insight-interface/atomic-insight-interface.js';
 export {AtomicInsightResultTemplate} from './atomic-insight-result-template/atomic-insight-result-template.js';
 export {AtomicInsightTab} from './atomic-insight-tab/atomic-insight-tab.js';
 export {AtomicInsightTabs} from './atomic-insight-tabs/atomic-insight-tabs.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/insight/lazy-index.ts b/packages/atomic/src/components/insight/lazy-index.ts
index b8e4625adf9..23a8dfc647d 100644
--- a/packages/atomic/src/components/insight/lazy-index.ts
+++ b/packages/atomic/src/components/insight/lazy-index.ts
@@ -1,12 +1,19 @@
+// Auto-generated file
+export default {
+  'atomic-insight-generate-answer-button': async () =>
+    await import(
+      './atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'
+    ),
+  'atomic-insight-interface': async () =>
+    await import('./atomic-insight-interface/atomic-insight-interface.js'),
+  'atomic-insight-result-template': async () =>
+    await import(
+      './atomic-insight-result-template/atomic-insight-result-template.js'
+    ),
+  'atomic-insight-tab': async () =>
+    await import('./atomic-insight-tab/atomic-insight-tab.js'),
+  'atomic-insight-tabs': async () =>
+    await import('./atomic-insight-tabs/atomic-insight-tabs.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-insight-generate-answer-button': async () => await import('./atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'),
-  'atomic-insight-interface': async () => await import('./atomic-insight-interface/atomic-insight-interface.js'),
-  'atomic-insight-result-template': async () => await import('./atomic-insight-result-template/atomic-insight-result-template.js'),
-  'atomic-insight-tab': async () => await import('./atomic-insight-tab/atomic-insight-tab.js'),
-  'atomic-insight-tabs': async () => await import('./atomic-insight-tabs/atomic-insight-tabs.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/ipx/index.ts b/packages/atomic/src/components/ipx/index.ts
index 7ed171429e3..bfe520d72ba 100644
--- a/packages/atomic/src/components/ipx/index.ts
+++ b/packages/atomic/src/components/ipx/index.ts
@@ -1,5 +1,3 @@
-
-    // Auto-generated file
-    export {AtomicIpxTab} from './atomic-ipx-tab/atomic-ipx-tab.js';
+// Auto-generated file
+export {AtomicIpxTab} from './atomic-ipx-tab/atomic-ipx-tab.js';
 export {AtomicIpxTabs} from './atomic-ipx-tabs/atomic-ipx-tabs.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/ipx/lazy-index.ts b/packages/atomic/src/components/ipx/lazy-index.ts
index 298b6907bf2..83a55473320 100644
--- a/packages/atomic/src/components/ipx/lazy-index.ts
+++ b/packages/atomic/src/components/ipx/lazy-index.ts
@@ -1,9 +1,9 @@
+// Auto-generated file
+export default {
+  'atomic-ipx-tab': async () =>
+    await import('./atomic-ipx-tab/atomic-ipx-tab.js'),
+  'atomic-ipx-tabs': async () =>
+    await import('./atomic-ipx-tabs/atomic-ipx-tabs.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-ipx-tab': async () => await import('./atomic-ipx-tab/atomic-ipx-tab.js'),
-  'atomic-ipx-tabs': async () => await import('./atomic-ipx-tabs/atomic-ipx-tabs.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/recommendations/index.ts b/packages/atomic/src/components/recommendations/index.ts
index 63cf621cd06..8f4a792a441 100644
--- a/packages/atomic/src/components/recommendations/index.ts
+++ b/packages/atomic/src/components/recommendations/index.ts
@@ -1,4 +1,2 @@
-
-    // Auto-generated file
-    export {AtomicRecsInterface} from './atomic-recs-interface/atomic-recs-interface.js';
-  
\ No newline at end of file
+// Auto-generated file
+export {AtomicRecsInterface} from './atomic-recs-interface/atomic-recs-interface.js';
diff --git a/packages/atomic/src/components/recommendations/lazy-index.ts b/packages/atomic/src/components/recommendations/lazy-index.ts
index b937d54209f..a5602cb16b7 100644
--- a/packages/atomic/src/components/recommendations/lazy-index.ts
+++ b/packages/atomic/src/components/recommendations/lazy-index.ts
@@ -1,8 +1,7 @@
+// Auto-generated file
+export default {
+  'atomic-recs-interface': async () =>
+    await import('./atomic-recs-interface/atomic-recs-interface.js'),
+} as Record<string, () => Promise<unknown>>;
 
-    // Auto-generated file
-    export default {
-       'atomic-recs-interface': async () => await import('./atomic-recs-interface/atomic-recs-interface.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+export type * from './index.js';
diff --git a/packages/atomic/src/components/search/index.ts b/packages/atomic/src/components/search/index.ts
index 14069616cdc..3a7e09e5e57 100644
--- a/packages/atomic/src/components/search/index.ts
+++ b/packages/atomic/src/components/search/index.ts
@@ -1,6 +1,5 @@
-
-    // Auto-generated file
-    export {AtomicAutomaticFacet} from './atomic-automatic-facet/atomic-automatic-facet.js';
+// Auto-generated file
+export {AtomicAutomaticFacet} from './atomic-automatic-facet/atomic-automatic-facet.js';
 export {AtomicAutomaticFacetGenerator} from './atomic-automatic-facet-generator/atomic-automatic-facet-generator.js';
 export {AtomicBreadbox} from './atomic-breadbox/atomic-breadbox.js';
 export {AtomicCategoryFacet} from './atomic-category-facet/atomic-category-facet.js';
@@ -72,4 +71,3 @@ export {AtomicTab} from './atomic-tab/atomic-tab.js';
 export {AtomicTabManager} from './atomic-tab-manager/atomic-tab-manager.js';
 export {AtomicTableElement} from './atomic-table-element/atomic-table-element.js';
 export {AtomicText} from './atomic-text/atomic-text.js';
-  
\ No newline at end of file
diff --git a/packages/atomic/src/components/search/lazy-index.ts b/packages/atomic/src/components/search/lazy-index.ts
index 8fc723dcf59..0053229787b 100644
--- a/packages/atomic/src/components/search/lazy-index.ts
+++ b/packages/atomic/src/components/search/lazy-index.ts
@@ -1,79 +1,181 @@
-
-    // Auto-generated file
-    export default {
-       'atomic-automatic-facet': async () => await import('./atomic-automatic-facet/atomic-automatic-facet.js'),
-  'atomic-automatic-facet-generator': async () => await import('./atomic-automatic-facet-generator/atomic-automatic-facet-generator.js'),
-  'atomic-breadbox': async () => await import('./atomic-breadbox/atomic-breadbox.js'),
-  'atomic-category-facet': async () => await import('./atomic-category-facet/atomic-category-facet.js'),
-  'atomic-color-facet': async () => await import('./atomic-color-facet/atomic-color-facet.js'),
-  'atomic-did-you-mean': async () => await import('./atomic-did-you-mean/atomic-did-you-mean.js'),
-  'atomic-external': async () => await import('./atomic-external/atomic-external.js'),
+// Auto-generated file
+export default {
+  'atomic-automatic-facet': async () =>
+    await import('./atomic-automatic-facet/atomic-automatic-facet.js'),
+  'atomic-automatic-facet-generator': async () =>
+    await import(
+      './atomic-automatic-facet-generator/atomic-automatic-facet-generator.js'
+    ),
+  'atomic-breadbox': async () =>
+    await import('./atomic-breadbox/atomic-breadbox.js'),
+  'atomic-category-facet': async () =>
+    await import('./atomic-category-facet/atomic-category-facet.js'),
+  'atomic-color-facet': async () =>
+    await import('./atomic-color-facet/atomic-color-facet.js'),
+  'atomic-did-you-mean': async () =>
+    await import('./atomic-did-you-mean/atomic-did-you-mean.js'),
+  'atomic-external': async () =>
+    await import('./atomic-external/atomic-external.js'),
   'atomic-facet': async () => await import('./atomic-facet/atomic-facet.js'),
-  'atomic-facet-manager': async () => await import('./atomic-facet-manager/atomic-facet-manager.js'),
-  'atomic-field-condition': async () => await import('./atomic-field-condition/atomic-field-condition.js'),
-  'atomic-folded-result-list': async () => await import('./atomic-folded-result-list/atomic-folded-result-list.js'),
-  'atomic-format-currency': async () => await import('./atomic-format-currency/atomic-format-currency.js'),
-  'atomic-format-number': async () => await import('./atomic-format-number/atomic-format-number.js'),
-  'atomic-format-unit': async () => await import('./atomic-format-unit/atomic-format-unit.js'),
-  'atomic-generated-answer': async () => await import('./atomic-generated-answer/atomic-generated-answer.js'),
+  'atomic-facet-manager': async () =>
+    await import('./atomic-facet-manager/atomic-facet-manager.js'),
+  'atomic-field-condition': async () =>
+    await import('./atomic-field-condition/atomic-field-condition.js'),
+  'atomic-folded-result-list': async () =>
+    await import('./atomic-folded-result-list/atomic-folded-result-list.js'),
+  'atomic-format-currency': async () =>
+    await import('./atomic-format-currency/atomic-format-currency.js'),
+  'atomic-format-number': async () =>
+    await import('./atomic-format-number/atomic-format-number.js'),
+  'atomic-format-unit': async () =>
+    await import('./atomic-format-unit/atomic-format-unit.js'),
+  'atomic-generated-answer': async () =>
+    await import('./atomic-generated-answer/atomic-generated-answer.js'),
   'atomic-html': async () => await import('./atomic-html/atomic-html.js'),
-  'atomic-load-more-results': async () => await import('./atomic-load-more-results/atomic-load-more-results.js'),
-  'atomic-no-results': async () => await import('./atomic-no-results/atomic-no-results.js'),
-  'atomic-notifications': async () => await import('./atomic-notifications/atomic-notifications.js'),
-  'atomic-numeric-facet': async () => await import('./atomic-numeric-facet/atomic-numeric-facet.js'),
+  'atomic-load-more-results': async () =>
+    await import('./atomic-load-more-results/atomic-load-more-results.js'),
+  'atomic-no-results': async () =>
+    await import('./atomic-no-results/atomic-no-results.js'),
+  'atomic-notifications': async () =>
+    await import('./atomic-notifications/atomic-notifications.js'),
+  'atomic-numeric-facet': async () =>
+    await import('./atomic-numeric-facet/atomic-numeric-facet.js'),
   'atomic-pager': async () => await import('./atomic-pager/atomic-pager.js'),
-  'atomic-popover': async () => await import('./atomic-popover/atomic-popover.js'),
-  'atomic-query-error': async () => await import('./atomic-query-error/atomic-query-error.js'),
-  'atomic-query-summary': async () => await import('./atomic-query-summary/atomic-query-summary.js'),
-  'atomic-quickview': async () => await import('./atomic-quickview/atomic-quickview.js'),
-  'atomic-rating-facet': async () => await import('./atomic-rating-facet/atomic-rating-facet.js'),
-  'atomic-rating-range-facet': async () => await import('./atomic-rating-range-facet/atomic-rating-range-facet.js'),
-  'atomic-refine-toggle': async () => await import('./atomic-refine-toggle/atomic-refine-toggle.js'),
-  'atomic-relevance-inspector': async () => await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
+  'atomic-popover': async () =>
+    await import('./atomic-popover/atomic-popover.js'),
+  'atomic-query-error': async () =>
+    await import('./atomic-query-error/atomic-query-error.js'),
+  'atomic-query-summary': async () =>
+    await import('./atomic-query-summary/atomic-query-summary.js'),
+  'atomic-quickview': async () =>
+    await import('./atomic-quickview/atomic-quickview.js'),
+  'atomic-rating-facet': async () =>
+    await import('./atomic-rating-facet/atomic-rating-facet.js'),
+  'atomic-rating-range-facet': async () =>
+    await import('./atomic-rating-range-facet/atomic-rating-range-facet.js'),
+  'atomic-refine-toggle': async () =>
+    await import('./atomic-refine-toggle/atomic-refine-toggle.js'),
+  'atomic-relevance-inspector': async () =>
+    await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
   'atomic-result': async () => await import('./atomic-result/atomic-result.js'),
-  'atomic-result-badge': async () => await import('./atomic-result-badge/atomic-result-badge.js'),
-  'atomic-result-children': async () => await import('./atomic-result-children/atomic-result-children.js'),
-  'atomic-result-children-template': async () => await import('./atomic-result-children-template/atomic-result-children-template.js'),
-  'atomic-result-date': async () => await import('./atomic-result-date/atomic-result-date.js'),
-  'atomic-result-fields-list': async () => await import('./atomic-result-fields-list/atomic-result-fields-list.js'),
-  'atomic-result-html': async () => await import('./atomic-result-html/atomic-result-html.js'),
-  'atomic-result-icon': async () => await import('./atomic-result-icon/atomic-result-icon.js'),
-  'atomic-result-image': async () => await import('./atomic-result-image/atomic-result-image.js'),
-  'atomic-result-link': async () => await import('./atomic-result-link/atomic-result-link.js'),
-  'atomic-result-list': async () => await import('./atomic-result-list/atomic-result-list.js'),
-  'atomic-result-localized-text': async () => await import('./atomic-result-localized-text/atomic-result-localized-text.js'),
-  'atomic-result-multi-value-text': async () => await import('./atomic-result-multi-value-text/atomic-result-multi-value-text.js'),
-  'atomic-result-number': async () => await import('./atomic-result-number/atomic-result-number.js'),
-  'atomic-result-printable-uri': async () => await import('./atomic-result-printable-uri/atomic-result-printable-uri.js'),
-  'atomic-result-rating': async () => await import('./atomic-result-rating/atomic-result-rating.js'),
-  'atomic-result-section-actions': async () => await import('./atomic-result-section-actions/atomic-result-section-actions.js'),
-  'atomic-result-section-badges': async () => await import('./atomic-result-section-badges/atomic-result-section-badges.js'),
-  'atomic-result-section-bottom-metadata': async () => await import('./atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'),
-  'atomic-result-section-children': async () => await import('./atomic-result-section-children/atomic-result-section-children.js'),
-  'atomic-result-section-emphasized': async () => await import('./atomic-result-section-emphasized/atomic-result-section-emphasized.js'),
-  'atomic-result-section-excerpt': async () => await import('./atomic-result-section-excerpt/atomic-result-section-excerpt.js'),
-  'atomic-result-section-title': async () => await import('./atomic-result-section-title/atomic-result-section-title.js'),
-  'atomic-result-section-title-metadata': async () => await import('./atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'),
-  'atomic-result-section-visual': async () => await import('./atomic-result-section-visual/atomic-result-section-visual.js'),
-  'atomic-result-table-placeholder': async () => await import('./atomic-result-table-placeholder/atomic-result-table-placeholder.js'),
-  'atomic-result-template': async () => await import('./atomic-result-template/atomic-result-template.js'),
-  'atomic-result-text': async () => await import('./atomic-result-text/atomic-result-text.js'),
-  'atomic-result-timespan': async () => await import('./atomic-result-timespan/atomic-result-timespan.js'),
-  'atomic-results-per-page': async () => await import('./atomic-results-per-page/atomic-results-per-page.js'),
-  'atomic-search-box-instant-results': async () => await import('./atomic-search-box-instant-results/atomic-search-box-instant-results.js'),
-  'atomic-search-box-query-suggestions': async () => await import('./atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'),
-  'atomic-search-box-recent-queries': async () => await import('./atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'),
-  'atomic-search-interface': async () => await import('./atomic-search-interface/atomic-search-interface.js'),
-  'atomic-search-layout': async () => await import('./atomic-search-layout/atomic-search-layout.js'),
-  'atomic-segmented-facet': async () => await import('./atomic-segmented-facet/atomic-segmented-facet.js'),
-  'atomic-segmented-facet-scrollable': async () => await import('./atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js'),
-  'atomic-sort-dropdown': async () => await import('./atomic-sort-dropdown/atomic-sort-dropdown.js'),
-  'atomic-sort-expression': async () => await import('./atomic-sort-expression/atomic-sort-expression.js'),
+  'atomic-result-badge': async () =>
+    await import('./atomic-result-badge/atomic-result-badge.js'),
+  'atomic-result-children': async () =>
+    await import('./atomic-result-children/atomic-result-children.js'),
+  'atomic-result-children-template': async () =>
+    await import(
+      './atomic-result-children-template/atomic-result-children-template.js'
+    ),
+  'atomic-result-date': async () =>
+    await import('./atomic-result-date/atomic-result-date.js'),
+  'atomic-result-fields-list': async () =>
+    await import('./atomic-result-fields-list/atomic-result-fields-list.js'),
+  'atomic-result-html': async () =>
+    await import('./atomic-result-html/atomic-result-html.js'),
+  'atomic-result-icon': async () =>
+    await import('./atomic-result-icon/atomic-result-icon.js'),
+  'atomic-result-image': async () =>
+    await import('./atomic-result-image/atomic-result-image.js'),
+  'atomic-result-link': async () =>
+    await import('./atomic-result-link/atomic-result-link.js'),
+  'atomic-result-list': async () =>
+    await import('./atomic-result-list/atomic-result-list.js'),
+  'atomic-result-localized-text': async () =>
+    await import(
+      './atomic-result-localized-text/atomic-result-localized-text.js'
+    ),
+  'atomic-result-multi-value-text': async () =>
+    await import(
+      './atomic-result-multi-value-text/atomic-result-multi-value-text.js'
+    ),
+  'atomic-result-number': async () =>
+    await import('./atomic-result-number/atomic-result-number.js'),
+  'atomic-result-printable-uri': async () =>
+    await import(
+      './atomic-result-printable-uri/atomic-result-printable-uri.js'
+    ),
+  'atomic-result-rating': async () =>
+    await import('./atomic-result-rating/atomic-result-rating.js'),
+  'atomic-result-section-actions': async () =>
+    await import(
+      './atomic-result-section-actions/atomic-result-section-actions.js'
+    ),
+  'atomic-result-section-badges': async () =>
+    await import(
+      './atomic-result-section-badges/atomic-result-section-badges.js'
+    ),
+  'atomic-result-section-bottom-metadata': async () =>
+    await import(
+      './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'
+    ),
+  'atomic-result-section-children': async () =>
+    await import(
+      './atomic-result-section-children/atomic-result-section-children.js'
+    ),
+  'atomic-result-section-emphasized': async () =>
+    await import(
+      './atomic-result-section-emphasized/atomic-result-section-emphasized.js'
+    ),
+  'atomic-result-section-excerpt': async () =>
+    await import(
+      './atomic-result-section-excerpt/atomic-result-section-excerpt.js'
+    ),
+  'atomic-result-section-title': async () =>
+    await import(
+      './atomic-result-section-title/atomic-result-section-title.js'
+    ),
+  'atomic-result-section-title-metadata': async () =>
+    await import(
+      './atomic-result-section-title-metadata/atomic-result-section-title-metadata.js'
+    ),
+  'atomic-result-section-visual': async () =>
+    await import(
+      './atomic-result-section-visual/atomic-result-section-visual.js'
+    ),
+  'atomic-result-table-placeholder': async () =>
+    await import(
+      './atomic-result-table-placeholder/atomic-result-table-placeholder.js'
+    ),
+  'atomic-result-template': async () =>
+    await import('./atomic-result-template/atomic-result-template.js'),
+  'atomic-result-text': async () =>
+    await import('./atomic-result-text/atomic-result-text.js'),
+  'atomic-result-timespan': async () =>
+    await import('./atomic-result-timespan/atomic-result-timespan.js'),
+  'atomic-results-per-page': async () =>
+    await import('./atomic-results-per-page/atomic-results-per-page.js'),
+  'atomic-search-box-instant-results': async () =>
+    await import(
+      './atomic-search-box-instant-results/atomic-search-box-instant-results.js'
+    ),
+  'atomic-search-box-query-suggestions': async () =>
+    await import(
+      './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js'
+    ),
+  'atomic-search-box-recent-queries': async () =>
+    await import(
+      './atomic-search-box-recent-queries/atomic-search-box-recent-queries.js'
+    ),
+  'atomic-search-interface': async () =>
+    await import('./atomic-search-interface/atomic-search-interface.js'),
+  'atomic-search-layout': async () =>
+    await import('./atomic-search-layout/atomic-search-layout.js'),
+  'atomic-segmented-facet': async () =>
+    await import('./atomic-segmented-facet/atomic-segmented-facet.js'),
+  'atomic-segmented-facet-scrollable': async () =>
+    await import(
+      './atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js'
+    ),
+  'atomic-sort-dropdown': async () =>
+    await import('./atomic-sort-dropdown/atomic-sort-dropdown.js'),
+  'atomic-sort-expression': async () =>
+    await import('./atomic-sort-expression/atomic-sort-expression.js'),
   'atomic-tab': async () => await import('./atomic-tab/atomic-tab.js'),
-  'atomic-tab-manager': async () => await import('./atomic-tab-manager/atomic-tab-manager.js'),
-  'atomic-table-element': async () => await import('./atomic-table-element/atomic-table-element.js'),
+  'atomic-tab-manager': async () =>
+    await import('./atomic-tab-manager/atomic-tab-manager.js'),
+  'atomic-table-element': async () =>
+    await import('./atomic-table-element/atomic-table-element.js'),
   'atomic-text': async () => await import('./atomic-text/atomic-text.js'),
-    } as Record<string, () => Promise<unknown>>;
- 
-    export type * from './index.js';
-  
\ No newline at end of file
+} as Record<string, () => Promise<unknown>>;
+
+export type * from './index.js';