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

package/docs/atomic-docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-06T14:57:04",
+  "timestamp": "2025-10-07T21:05:10",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -3346,6 +3346,14 @@
           "atomic-result",
           "atomic-result-placeholder",
           "atomic-result-table-placeholder"
+        ],
+        "atomic-result-placeholder": [
+          "atomic-result-section-visual",
+          "atomic-result-section-badges",
+          "atomic-result-section-actions",
+          "atomic-result-section-title",
+          "atomic-result-section-excerpt",
+          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -4268,406 +4276,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/insight/atomic-insight-interface/atomic-insight-interface.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-insight-interface",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "CspNonce",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "csp-nonce",
-          "reflectToAttr": true,
-          "docs": "The value to set the [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute to on inline script and style elements generated by this interface and its child components.\nIf your application is served with a Content Security Policy (CSP) that doesn't include the `script-src: 'unsafe-inline'` or `style-src: 'unsafe-inline'` directives,\nyou should ensure that your application server generates a new nonce on every page load and uses the generated value to set this prop and serve the corresponding CSP response headers\n(i.e., script-src 'nonce-<YOUR_GENERATED_NONCE>' and style-src 'nonce-<YOUR_GENERATED_NONCE>').\nOtherwise you may see console errors such as\n - Refused to execute inline script because it violates the following Content Security Policy directive: [...]\n - Refused to apply inline style because it violates the following Content Security Policy directive: [...].\nWhen using a nonce, the first import of Atomic should be to import & call the `setNonce` function with the generated nonce value.",
-          "docsTags": [
-            {
-              "name": "example",
-              "text": ":\n```html\n<script nonce=\"<YOUR_GENERATED_NONCE>\">\nimport {setNonce} from '@coveo/atomic';\nsetNonce('<YOUR_GENERATED_NONCE>');\n</script>\n```"
-            }
-          ],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "analytics",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "analytics",
-          "reflectToAttr": true,
-          "docs": "Whether analytics should be enabled.",
-          "docsTags": [],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "engine",
-          "type": "InsightEngine<{}> | undefined",
-          "complexType": {
-            "original": "InsightEngine",
-            "resolved": "InsightEngine<{}> | undefined",
-            "references": {
-              "InsightEngine": {
-                "location": "import",
-                "path": "@coveo/headless/insight",
-                "id": "../headless/dist/definitions/insight.index.d.ts::InsightEngine"
-              }
-            }
-          },
-          "mutable": true,
-          "reflectToAttr": false,
-          "docs": "The service insight interface headless engine.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "InsightEngine<{}>"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "fieldsToInclude",
-          "type": "string | string[]",
-          "complexType": {
-            "original": "string[] | string",
-            "resolved": "string | string[]",
-            "references": {}
-          },
-          "mutable": true,
-          "attr": "fields-to-include",
-          "reflectToAttr": false,
-          "docs": "A list of non-default fields to include in the query results.\n\nSpecify the property as an array using a JSON string representation:\n```html\n<atomic-insight-interface fields-to-include='[\"fieldA\", \"fieldB\"]'></atomic-insight-interface>\n```",
-          "docsTags": [],
-          "default": "'[]'",
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "i18n",
-          "type": "i18n",
-          "complexType": {
-            "original": "i18n",
-            "resolved": "i18n",
-            "references": {
-              "i18n": {
-                "location": "import",
-                "path": "i18next",
-                "id": "../../node_modules/i18next/index.d.mts::i18n"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The service insight interface i18next instance.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "i18n"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "iconAssetsPath",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon-assets-path",
-          "reflectToAttr": true,
-          "docs": "The icon assets path. By default, this will be a relative URL pointing to `./assets`.\n\nExample: \"/mypublicpath/icons\"",
-          "docsTags": [],
-          "default": "'./assets'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "language",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "language",
-          "reflectToAttr": true,
-          "docs": "The service insight interface language.",
-          "docsTags": [],
-          "default": "'en'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "languageAssetsPath",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "language-assets-path",
-          "reflectToAttr": true,
-          "docs": "The language assets path. By default, this will be a relative URL pointing to `./lang`.\n\nExample: \"/mypublicpath/languages\"",
-          "docsTags": [],
-          "default": "'./lang'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "logLevel",
-          "type": "\"debug\" | \"error\" | \"fatal\" | \"info\" | \"silent\" | \"trace\" | \"warn\" | undefined",
-          "complexType": {
-            "original": "InsightLogLevel",
-            "resolved": "\"debug\" | \"error\" | \"fatal\" | \"info\" | \"silent\" | \"trace\" | \"warn\" | undefined",
-            "references": {
-              "InsightLogLevel": {
-                "location": "import",
-                "path": "@coveo/headless/insight",
-                "id": "../headless/dist/definitions/insight.index.d.ts::LogLevel"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "log-level",
-          "reflectToAttr": true,
-          "docs": "The severity level of the messages to log in the console.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "debug",
-              "type": "string"
-            },
-            {
-              "value": "error",
-              "type": "string"
-            },
-            {
-              "value": "fatal",
-              "type": "string"
-            },
-            {
-              "value": "info",
-              "type": "string"
-            },
-            {
-              "value": "silent",
-              "type": "string"
-            },
-            {
-              "value": "trace",
-              "type": "string"
-            },
-            {
-              "value": "warn",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "resultsPerPage",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "results-per-page",
-          "reflectToAttr": true,
-          "docs": "The number of results per page. By default, this is set to `5`.",
-          "docsTags": [],
-          "default": "5",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "executeFirstSearch",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "executeFirstSearch() => Promise<void>",
-          "parameters": [],
-          "docs": "\nExecutes the first search and logs the interface load event to analytics, after initializing connection to the headless search engine.",
-          "docsTags": []
-        },
-        {
-          "name": "initialize",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(options: InsightInitializationOptions) => Promise<void>",
-            "parameters": [
-              {
-                "name": "options",
-                "type": "InsightEngineConfiguration",
-                "docs": ""
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "InsightInitializationOptions": {
-                "location": "local",
-                "path": "/home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/insight/atomic-insight-interface/atomic-insight-interface.tsx",
-                "id": "src/components/insight/atomic-insight-interface/atomic-insight-interface.tsx::InsightInitializationOptions"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "initialize(options: InsightInitializationOptions) => Promise<void>",
-          "parameters": [
-            {
-              "name": "options",
-              "type": "InsightEngineConfiguration",
-              "docs": ""
-            }
-          ],
-          "docs": "Initializes the connection with the headless insight engine using options for `accessToken` (required), `organizationId` (required), `environment` (defaults to `prod`), and `renewAccessToken`.",
-          "docsTags": []
-        },
-        {
-          "name": "initializeWithInsightEngine",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(engine: InsightEngine) => Promise<void>",
-            "parameters": [
-              {
-                "name": "engine",
-                "type": "InsightEngine<{}>",
-                "docs": ""
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              },
-              "InsightEngine": {
-                "location": "import",
-                "path": "@coveo/headless/insight",
-                "id": "../headless/dist/definitions/insight.index.d.ts::InsightEngine"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "initializeWithInsightEngine(engine: InsightEngine) => Promise<void>",
-          "parameters": [
-            {
-              "name": "engine",
-              "type": "InsightEngine<{}>",
-              "docs": ""
-            }
-          ],
-          "docs": "Initializes the connection with an already preconfigured headless insight engine.",
-          "docsTags": []
-        }
-      ],
-      "events": [],
-      "listeners": [
-        {
-          "event": "atomic/initializeComponent",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
     {
       "filePath": "src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.tsx",
       "encapsulation": "shadow",
@@ -8298,6 +7906,14 @@
           "atomic-recs-result",
           "atomic-result-placeholder",
           "atomic-result-table-placeholder"
+        ],
+        "atomic-result-placeholder": [
+          "atomic-result-section-visual",
+          "atomic-result-section-badges",
+          "atomic-result-section-actions",
+          "atomic-result-section-title",
+          "atomic-result-section-excerpt",
+          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -9129,117 +8745,35 @@
             }
           ],
           "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [
-        {
-          "name": "button",
-          "docs": "The refine toggle button."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [
-        "atomic-refine-modal"
-      ],
-      "dependencyGraph": {
-        "atomic-refine-toggle": [
-          "atomic-refine-modal"
-        ],
-        "atomic-refine-modal": [
-          "atomic-automatic-facet-generator"
-        ],
-        "atomic-automatic-facet-generator": [
-          "atomic-automatic-facet"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/search/atomic-relevance-inspector/atomic-relevance-inspector.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-relevance-inspector",
-      "docs": "The `atomic-relevance-inspector` component is used internally to offer insight on search page relevance, as well as information to help troubleshoot issues during development.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "bindings",
-          "type": "CommonBindings<SearchEngine<{}>, SearchStore, AtomicSearchInterface> & NonceBindings",
-          "complexType": {
-            "original": "Bindings",
-            "resolved": "CommonBindings<SearchEngine<{}>, SearchStore, AtomicSearchInterface> & NonceBindings",
-            "references": {
-              "Bindings": {
-                "location": "import",
-                "path": "../atomic-search-interface/atomic-search-interface",
-                "id": "src/components/search/atomic-search-interface/atomic-search-interface.ts::Bindings"
-              }
-            }
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "The Atomic interface bindings, namely the headless search engine and i18n instances.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "CommonBindings<SearchEngine<{}>, SearchStore, AtomicSearchInterface> & NonceBindings"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "open",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "open",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "atomic/relevanceInspector/close",
-          "detail": "any",
-          "bubbles": true,
-          "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
+          "required": false
         }
       ],
+      "methods": [],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "button",
+          "docs": "The refine toggle button."
+        }
+      ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "atomic-refine-modal"
+      ],
+      "dependencyGraph": {
+        "atomic-refine-toggle": [
+          "atomic-refine-modal"
+        ],
+        "atomic-refine-modal": [
+          "atomic-automatic-facet-generator"
+        ],
+        "atomic-automatic-facet-generator": [
+          "atomic-automatic-facet"
+        ]
+      }
     },
     {
       "filePath": "src/components/search/atomic-result/atomic-result.tsx",
@@ -9857,6 +9391,14 @@
           "atomic-result",
           "atomic-result-placeholder",
           "atomic-result-table-placeholder"
+        ],
+        "atomic-result-placeholder": [
+          "atomic-result-section-visual",
+          "atomic-result-section-badges",
+          "atomic-result-section-actions",
+          "atomic-result-section-title",
+          "atomic-result-section-excerpt",
+          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -10721,6 +10263,14 @@
           "atomic-result-placeholder",
           "atomic-result-table-placeholder",
           "atomic-text"
+        ],
+        "atomic-result-placeholder": [
+          "atomic-result-section-visual",
+          "atomic-result-section-badges",
+          "atomic-result-section-actions",
+          "atomic-result-section-title",
+          "atomic-result-section-excerpt",
+          "atomic-result-section-bottom-metadata"
         ]
       }
     },
@@ -11045,106 +10595,351 @@
       "events": [],
       "listeners": [],
       "styles": [],
-      "slots": [
-        {
-          "name": "attributes",
-          "docs": "Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.\nTo be used exclusively in anchor elements, such as: `<a slot=\"attributes\" target=\"_blank\" download></a>`."
-        }
-      ],
+      "slots": [
+        {
+          "name": "attributes",
+          "docs": "Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.\nTo be used exclusively in anchor elements, such as: `<a slot=\"attributes\" target=\"_blank\" download></a>`."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "atomic-result-text"
+      ],
+      "dependencyGraph": {
+        "atomic-result-printable-uri": [
+          "atomic-result-text"
+        ],
+        "atomic-result-text": [
+          "atomic-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.tsx",
+      "encapsulation": "shadow",
+      "tag": "atomic-result-rating",
+      "docs": "The `atomic-result-rating` element renders a star rating.",
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "value-rating - The wrapper that contains the row of inactive stars and the row of active stars."
+        },
+        {
+          "name": "part",
+          "text": "value-rating-icon - The individual star icons used in the rating display."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "field",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "field",
+          "reflectToAttr": true,
+          "docs": "The field whose values you want to display as a rating.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": true,
+          "docs": "The SVG icon to use to display the rating.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.\n\nWhen using a custom icon, at least part of your icon should have the color set to `fill=\"currentColor\"`.\nThis part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):\n\n- `--atomic-rating-icon-active-color`\n- `--atomic-rating-icon-inactive-color`",
+          "docsTags": [],
+          "default": "Star",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "maxValueInIndex",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max-value-in-index",
+          "reflectToAttr": true,
+          "docs": "The maximum value of the field. This value is also used as the number of icons to be displayed.",
+          "docsTags": [],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "value-rating",
+          "docs": "The wrapper that contains the row of inactive stars and the row of active stars."
+        },
+        {
+          "name": "value-rating-icon",
+          "docs": "The individual star icons used in the rating display."
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-actions.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-actions",
+      "docs": "This section allows the information seeker to perform an action on an item without having to view its details.\nFor example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.\n\nBehavior:\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n** You should ensure that elements inside of it have `height: var(--line-height)`.\n* Is a wrapping flexbox with a gap.\n* May appear over, next to, or beneath the visual section.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "atomic-result-placeholder"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "atomic-result-placeholder": [
+          "atomic-result-section-actions"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-badges.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-badges",
+      "docs": "This section provides badges that highlight special features of the item.\n\nBehavior:\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n** You should ensure that elements inside of it have `height: var(--line-height)`.\n* Is a wrapping flexbox with a gap.\n* May appear over, next to, or beneath the visual section.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "atomic-result-placeholder"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "atomic-result-placeholder": [
+          "atomic-result-section-badges"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-bottom-metadata.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-bottom-metadata",
+      "docs": "This section displays additional descriptive information about the item.\n\nBehavior:\n* Has a maximum height of two lines.\n** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.\n* Exposes the `--line-height` variable so child elements can adjust to the current line height.\n* Has a defined CSS `color` property for text.\n* Has a font weight.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "atomic-result-placeholder"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "atomic-result-placeholder": [
+          "atomic-result-section-bottom-metadata"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-children.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-children",
+      "docs": "This section displays the folded results, available when using the <atomic-result-children> component.\n\nBehavior:\n* Shows children at the bottom of the result, indented and wrapped in a border.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-emphasized.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-emphasized",
+      "docs": "This section displays the field that's important for its search criteria.\nFor example, in Commerce, a product's cost is often more important than the title itself.\n\nBehavior:\n* Has a very large font size.\n* Is the second closest element beneath the title section.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-excerpt.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-excerpt",
+      "docs": "This section contains an informative summary of the item's content.\n\nBehavior:\n* Has a fixed height of one to three lines, depending on the layout and density.\n* Ellipses overflowing text.\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n* Has a defined CSS `color` property for text.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "atomic-result-placeholder"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "atomic-result-placeholder": [
+          "atomic-result-section-excerpt"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-title",
+      "docs": "This section identifies the item by its name, and its main use is to make the result list scannable.\nThis is usually the page title.\n\nBehavior:\n* Has a fixed height of two lines on grid layouts.\n* Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n* Has a defined CSS `color` property for text.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
       "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "atomic-result-text"
+      "dependents": [
+        "atomic-result-placeholder"
       ],
+      "dependencies": [],
       "dependencyGraph": {
-        "atomic-result-printable-uri": [
-          "atomic-result-text"
-        ],
-        "atomic-result-text": [
-          "atomic-text"
+        "atomic-result-placeholder": [
+          "atomic-result-section-title"
         ]
       }
     },
     {
-      "filePath": "src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-result-rating",
-      "docs": "The `atomic-result-rating` element renders a star rating.",
-      "docsTags": [
-        {
-          "name": "part",
-          "text": "value-rating - The wrapper that contains the row of inactive stars and the row of active stars."
-        },
-        {
-          "name": "part",
-          "text": "value-rating-icon - The individual star icons used in the rating display."
-        }
-      ],
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title-metadata.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-title-metadata",
+      "docs": "This section surfaces some fields that are directly related to the title of the item.\nFor example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,\nrather than to the product's description.\n\nBehavior:\n* Has a very small font size.\n* Is the closest element beneath the title section.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/components/search/result-template-components/atomic-result-sections/atomic-result-section-visual.tsx",
+      "encapsulation": "none",
+      "tag": "atomic-result-section-visual",
+      "docs": "This section provides visual information about the item.\nFor example, in Commerce, an image is a great shorthand for a product category.\nAn icon can quickly show the item type, or an avatar can help identify to whom it is related.\n\nBehavior:\n* Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.\n** When the image size is set to `icon`, this section stays very small.\n** You should ensure that elements inside of it take the available space.\n* Always has a 1:1 aspect ratio.",
+      "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "field",
-          "type": "string",
+          "name": "imageSize",
+          "type": "\"icon\" | \"large\" | \"none\" | \"small\" | undefined",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "ItemDisplayImageSize",
+            "resolved": "\"icon\" | \"large\" | \"none\" | \"small\" | undefined",
+            "references": {
+              "ItemDisplayImageSize": {
+                "location": "import",
+                "path": "../../../common/layout/display-options",
+                "id": "src/components/common/layout/display-options.ts::ItemDisplayImageSize"
+              }
+            }
           },
           "mutable": false,
-          "attr": "field",
+          "attr": "image-size",
           "reflectToAttr": true,
-          "docs": "The field whose values you want to display as a rating.",
+          "docs": "How large or small the visual section of results using this template should be.",
           "docsTags": [],
           "values": [
             {
+              "value": "icon",
               "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true
-        },
-        {
-          "name": "icon",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": true,
-          "docs": "The SVG icon to use to display the rating.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.\n\nWhen using a custom icon, at least part of your icon should have the color set to `fill=\"currentColor\"`.\nThis part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):\n\n- `--atomic-rating-icon-active-color`\n- `--atomic-rating-icon-inactive-color`",
-          "docsTags": [],
-          "default": "Star",
-          "values": [
+            },
             {
+              "value": "large",
               "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "maxValueInIndex",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-value-in-index",
-          "reflectToAttr": true,
-          "docs": "The maximum value of the field. This value is also used as the number of icons to be displayed.",
-          "docsTags": [],
-          "default": "5",
-          "values": [
+            },
             {
-              "type": "number"
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -11153,19 +10948,16 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [
-        {
-          "name": "value-rating",
-          "docs": "The wrapper that contains the row of inactive stars and the row of active stars."
-        },
-        {
-          "name": "value-rating-icon",
-          "docs": "The individual star icons used in the rating display."
-        }
+      "parts": [],
+      "dependents": [
+        "atomic-result-placeholder"
       ],
-      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "atomic-result-placeholder": [
+          "atomic-result-section-visual"
+        ]
+      }
     },
     {
       "filePath": "src/components/search/result-templates/atomic-result-template/atomic-result-template.tsx",
@@ -12034,13 +11826,11 @@
       "dependents": [],
       "dependencies": [
         "atomic-suggestion-renderer",
-        "atomic-search-box-recent-queries",
         "atomic-search-box-query-suggestions"
       ],
       "dependencyGraph": {
         "atomic-search-box": [
           "atomic-suggestion-renderer",
-          "atomic-search-box-recent-queries",
           "atomic-search-box-query-suggestions"
         ]
       }
@@ -12359,101 +12149,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/search/search-box-suggestions/atomic-search-box-recent-queries/atomic-search-box-recent-queries.tsx",
-      "encapsulation": "shadow",
-      "tag": "atomic-search-box-recent-queries",
-      "docs": "The `atomic-search-box-recent-queries` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of recent query suggestions.",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "icon",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "The SVG icon to display.\n\n- Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n- Use a value that starts with `assets://`, to display an icon from the Atomic package.\n- Use a stringified SVG to display it directly.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxWithQuery",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-with-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed if the user has typed something into the input field.",
-          "docsTags": [],
-          "default": "3",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "maxWithoutQuery",
-          "type": "number | undefined",
-          "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "max-without-query",
-          "reflectToAttr": true,
-          "docs": "The maximum number of suggestions that will be displayed initially when the input field is empty.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "atomic-search-box"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "atomic-search-box": [
-          "atomic-search-box-recent-queries"
-        ]
-      }
-    },
     {
       "filePath": "src/components/search/facets/atomic-segmented-facet/atomic-segmented-facet.tsx",
       "encapsulation": "shadow",
@@ -15011,26 +14706,6 @@
     }
   ],
   "typeLibrary": {
-    "../headless/dist/definitions/insight.index.d.ts::InsightEngine": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "../headless/dist/definitions/insight.index.d.ts"
-    },
-    "../../node_modules/i18next/index.d.mts::i18n": {
-      "declaration": "export interface i18n extends i18nextMod.i18n, CustomInstanceExtensions {}",
-      "docstring": "",
-      "path": "../../node_modules/i18next/index.d.mts"
-    },
-    "../headless/dist/definitions/insight.index.d.ts::LogLevel": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "../headless/dist/definitions/insight.index.d.ts"
-    },
-    "src/components/insight/atomic-insight-interface/atomic-insight-interface.tsx::InsightInitializationOptions": {
-      "declaration": "export interface InsightEngineConfiguration extends EngineConfiguration {\n    /**\n     * Specifies the unique identifier of the target insight configuration.\n     */\n    insightId: string;\n    /**\n     * Specifies the configuration for the insight search.\n     */\n    search?: InsightEngineSearchConfigurationOptions;\n}",
-      "docstring": "The insight engine configuration.",
-      "path": "src/components/insight/atomic-insight-interface/atomic-insight-interface.tsx"
-    },
     "src/components/insight/atomic-insight-result-action/atomic-insight-result-action.tsx::Actions": {
       "declaration": "export enum Actions {\n  CopyToClipboard = 'copyToClipboard',\n  AttachToCase = 'attachToCase',\n  Quickview = 'quickview',\n  PostToFeed = 'postToFeed',\n  SendAsEmail = 'sendAsEmail',\n}",
       "docstring": "",
@@ -15051,6 +14726,11 @@
       "docstring": "",
       "path": "../headless/dist/definitions/recommendation.index.d.ts"
     },
+    "../../node_modules/i18next/index.d.mts::i18n": {
+      "declaration": "export interface i18n extends i18nextMod.i18n, CustomInstanceExtensions {}",
+      "docstring": "",
+      "path": "../../node_modules/i18next/index.d.mts"
+    },
     "../headless/dist/definitions/recommendation.index.d.ts::LogLevel": {
       "declaration": "any",
       "docstring": "",
@@ -15251,11 +14931,6 @@
       "docstring": "",
       "path": "src/utils/initialization-utils.tsx"
     },
-    "src/components/search/atomic-search-interface/atomic-search-interface.ts::Bindings": {
-      "declaration": "export type Bindings = CommonBindings<\n  SearchEngine,\n  SearchStore,\n  AtomicSearchInterface\n> &\n  //TODO: KIT-4893 - Remove once atomic-quickview-modal migration is complete.\n  NonceBindings;",
-      "docstring": "",
-      "path": "src/components/search/atomic-search-interface/atomic-search-interface.ts"
-    },
     "../headless/dist/definitions/index.d.ts::FoldedResult": {
       "declaration": "any",
       "docstring": "",