@coveo/atomic 3.47.1 → 3.49.0

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

@@ -1,3 +1,4 @@
+import "../atomic-icon/atomic-icon";
 import type { i18n } from 'i18next';
 import type { SearchBoxSuggestionElement } from './suggestions-types.js';
 interface Suggestion {

package/dist/types/components/common/suggestions/recent-queries.d.ts

@@ -1,3 +1,4 @@
+import "../atomic-icon/atomic-icon";
 import type { i18n } from 'i18next';
 import type { SearchBoxSuggestionElement } from './suggestions-types';
 export declare const getPartialRecentQueryElement: (value: string, i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "query" | "part">;

package/dist/types/components/insight/atomic-insight-folded-result-list/atomic-insight-folded-result-list.d.ts

@@ -0,0 +1,99 @@
+import { type FoldedResultList as InsightFoldedResultList, type ResultsPerPage as InsightResultsPerPage } from '@coveo/headless/insight';
+import { type CSSResultGroup, LitElement } from 'lit';
+import { type ItemRenderingFunction } from "../../common/item-list/item-list-common";
+import { type ItemDisplayDensity, type ItemDisplayImageSize } from "../../common/layout/item-layout-utils";
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
+import "../atomic-insight-result/atomic-insight-result";
+import "../atomic-insight-result-template/atomic-insight-result-template";
+declare const AtomicInsightFoldedResultList_base: typeof LitElement;
+/**
+ * The `atomic-insight-folded-result-list` component is responsible for displaying folded query results in an insight panel,
+ * by applying one or more result templates.
+ *
+ * @slot default - The default slot where the result templates are inserted.
+ * @part result-list - The element containing every result of a result list
+ * @part outline - The element displaying an outline or a divider around a result
+ */
+export declare class AtomicInsightFoldedResultList extends AtomicInsightFoldedResultList_base implements InitializableComponent<InsightBindings> {
+    static styles: CSSResultGroup;
+    private static readonly propsSchema;
+    foldedResultList: InsightFoldedResultList;
+    resultsPerPage: InsightResultsPerPage;
+    private itemRenderingFunction;
+    private loadingFlag;
+    private nextNewResultTarget?;
+    private resultListCommon;
+    private resultTemplateProvider;
+    private readonly display;
+    /**
+     * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
+     */
+    density: ItemDisplayDensity;
+    /**
+     * The expected size of the image displayed in the results.
+     */
+    imageSize: ItemDisplayImageSize;
+    /**
+     * The name of the field on which to do the folding. The folded result list component will use the values of this field to resolve the collections of result items.
+     *
+     * @defaultValue `foldingcollection`
+     */
+    collectionField?: string;
+    /**
+     * The name of the field that determines whether a certain result is a top result containing other child results within a collection.
+     *
+     * @defaultValue `foldingparent`
+     */
+    parentField?: string;
+    /**
+     * The name of the field that uniquely identifies a result within a collection.
+     *
+     * @defaultValue `foldingchild`
+     */
+    childField?: string;
+    /**
+     * The initial number of child results to request for each folded collection, before expansion.
+     *
+     * @defaultValue `2`
+     */
+    numberOfFoldedResults: number;
+    bindings: InsightBindings;
+    error: Error;
+    private isAppLoaded;
+    private isEveryResultReady;
+    private resultTemplateRegistered;
+    private templateHasError;
+    private foldedResultListState;
+    private resultsPerPageState;
+    constructor();
+    disconnectedCallback(): void;
+    initialize(): void;
+    /**
+     * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
+     * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.
+     *
+     * Do not use this method if you integrate Atomic in a plain HTML deployment.
+     */
+    setRenderFunction(resultRenderingFunction: ItemRenderingFunction): Promise<void>;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private updateResultReadyState;
+    private handleResolveFoldedResultList;
+    private handleLoadCollection;
+    private initFolding;
+    private initResultTemplateProvider;
+    private initResultListCommon;
+    private computeListDisplayClasses;
+    private renderList;
+    private get focusTarget();
+    private getContent;
+    private getInteractiveResult;
+    private getResultId;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-folded-result-list': AtomicInsightFoldedResultList;
+    }
+}
+export {};

package/dist/types/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.d.ts

@@ -1,27 +1,66 @@
-import { QuerySummary as InsightQuerySummary, QuerySummaryState as InsightQuerySummaryState, BreadcrumbManagerState as InsightBreadcrumbManagerState } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
+import { type BreadcrumbManager as InsightBreadcrumbManager, type BreadcrumbManagerState as InsightBreadcrumbManagerState, type QuerySummary as InsightQuerySummary, type QuerySummaryState as InsightQuerySummaryState } from '@coveo/headless/insight';
+import { LitElement, type PropertyValues } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
 /**
- * @internal
+ * The `atomic-insight-refine-modal` component displays a modal with filters for refining search results.
+ *
+ * This component should not be used directly. It is internally used by the `atomic-insight-refine-toggle` component to display the refine modal.
+ *
+ * @part title - The title of the modal.
+ * @part close-button - The button in the header that closes the modal.
+ * @part close-icon - The icon of the close button.
+ * @part content - The wrapper around the content inside the body of the modal.
+ * @part section-title - The title for each section.
+ * @part section-filters-title - The title for the filters section.
+ * @part filter-section - The section containing facets and the "filters" title.
+ * @part filter-clear-all - The button that resets all actively selected facet values.
+ * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.
+ * @part footer-button - The button in the footer that closes the modal.
+ * @part footer-button-text - The text inside the button in the footer that closes the modal.
+ * @part footer-button-count - The count inside the button in the footer that closes the modal.
+ * @part footer-wrapper - The wrapper with a shadow or background color around the footer.
+ * @part footer - The footer of the modal.
+ * @part header-ruler - The horizontal ruler underneath the header.
+ * @part body-wrapper - The wrapper around the body.
+ * @part body - The body of the modal, between the header and the footer.
+ * @part header-wrapper - The wrapper around the header.
+ * @part header - The header of the modal, containing the title.
+ * @part container - The modal's outermost container.
  */
-export declare class AtomicInsightRefineModal implements InitializableComponent<InsightBindings> {
+export declare class AtomicInsightRefineModal extends LitElement implements InitializableComponent<InsightBindings> {
     bindings: InsightBindings;
-    host: HTMLElement;
+    error: Error;
     querySummaryState: InsightQuerySummaryState;
     breadcrumbManagerState: InsightBreadcrumbManagerState;
-    error: Error;
     interfaceDimensions?: DOMRect;
+    /**
+     * The element that opens the modal when clicked.
+     */
     openButton?: HTMLElement;
+    /**
+     * Whether the modal is open.
+     */
     isOpen: boolean;
     querySummary: InsightQuerySummary;
-    private breadcrumbManager;
-    watchEnabled(isOpen: boolean): void;
+    breadcrumbManager: InsightBreadcrumbManager;
+    private backdropStyleSheet;
+    private animationFrameId?;
+    initialize(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    watchEnabled(): void;
     private onAnimationFrame;
     private dimensionChanged;
     updateDimensions(): void;
-    initialize(): void;
+    private updateBackdropStyles;
     private renderHeader;
     private renderBody;
-    render(): any;
-    componentDidLoad(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-refine-modal': AtomicInsightRefineModal;
+    }
 }

package/dist/types/components/insight/atomic-insight-refine-toggle/atomic-insight-refine-toggle.d.ts

@@ -2,6 +2,7 @@ import { type BreadcrumbManager, type SearchStatus } from '@coveo/headless/insig
 import { LitElement } from 'lit';
 import type { InitializableComponent } from "../../../decorators/types";
 import type { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
+import "../atomic-insight-refine-modal/atomic-insight-refine-modal";
 /**
  * The `atomic-insight-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
  *

package/dist/types/components/insight/atomic-insight-result-action-bar/atomic-insight-result-action-bar.d.ts

@@ -1,7 +1,15 @@
+import { LitElement } from 'lit';
+declare const AtomicInsightResultActionBar_base: typeof LitElement;
 /**
- * @internal
+ * The `atomic-insight-result-action-bar` component displays an action bar for an Insight result and hosts action buttons such as share, open, or more options related to the result.
+ *
+ * @slot (default) - Action buttons to display in the action bar.
  */
-export declare class AtomicInsightResultActionBar {
-    private host;
-    componentDidRender(): void;
+export declare class AtomicInsightResultActionBar extends AtomicInsightResultActionBar_base {
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-result-action-bar': AtomicInsightResultActionBar;
+    }
+}
+export {};

package/dist/types/components/insight/atomic-insight-result-attach-to-case-indicator/atomic-insight-result-attach-to-case-indicator.d.ts

@@ -1,19 +1,24 @@
-import { AttachToCase } from '@coveo/headless/insight';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { InsightBindings } from '../atomic-insight-interface/atomic-insight-interface';
+import { type AttachToCase } from '@coveo/headless/insight';
+import { LitElement, nothing } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
 /**
- * @internal
  * The `atomic-insight-result-attach-to-case-indicator` component can be included inside a result template to indicate whether a result is attached to the current case.
  *
- * @part icon The icon that indicates whether the result is attached to the case.
+ * @part icon - The icon that indicates whether the result is attached to the case.
  */
-export declare class AtomicInsightResultAttachToCaseIndicator implements InitializableComponent<InsightBindings> {
+export declare class AtomicInsightResultAttachToCaseIndicator extends LitElement implements InitializableComponent<InsightBindings> {
     bindings: InsightBindings;
-    private result;
-    host: HTMLElement;
     error: Error;
     attachToCase: AttachToCase;
-    attachToCaseState: {};
+    attachToCaseState: Record<string, never>;
+    private itemContextController;
+    constructor();
     initialize(): void;
-    render(): any;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-result-attach-to-case-indicator': AtomicInsightResultAttachToCaseIndicator;
+    }
 }

package/dist/types/components/insight/atomic-insight-result-list/atomic-insight-result-list.d.ts

@@ -0,0 +1,72 @@
+import { type ResultList as InsightResultList, type ResultsPerPage as InsightResultsPerPage } from '@coveo/headless/insight';
+import { type CSSResultGroup, LitElement } from 'lit';
+import { type ItemRenderingFunction } from "../../common/item-list/item-list-common";
+import { type ItemDisplayDensity, type ItemDisplayImageSize } from "../../common/layout/item-layout-utils";
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
+import "../atomic-insight-result/atomic-insight-result";
+import "../atomic-insight-result-template/atomic-insight-result-template";
+declare const AtomicInsightResultList_base: typeof LitElement;
+/**
+ * The `atomic-insight-result-list` component is responsible for displaying insight query results by applying one or more result templates.
+ *
+ * @slot default - The default slot where the result templates are inserted.
+ * @part result-list - The element containing every result of a result list
+ * @part outline - The element displaying an outline or a divider around a result
+ */
+export declare class AtomicInsightResultList extends AtomicInsightResultList_base implements InitializableComponent<InsightBindings> {
+    static styles: CSSResultGroup;
+    private static readonly propsSchema;
+    resultList: InsightResultList;
+    resultsPerPage: InsightResultsPerPage;
+    private itemRenderingFunction;
+    private loadingFlag;
+    private nextNewResultTarget?;
+    private resultListCommon;
+    private resultTemplateProvider;
+    private readonly display;
+    bindings: InsightBindings;
+    error: Error;
+    private isAppLoaded;
+    private isEveryResultReady;
+    private resultTemplateRegistered;
+    private templateHasError;
+    private resultListState;
+    private resultsPerPageState;
+    /**
+     * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
+     */
+    density: ItemDisplayDensity;
+    /**
+     * The expected size of the image displayed in the results.
+     */
+    imageSize: ItemDisplayImageSize;
+    constructor();
+    /**
+     * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
+     * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.
+     *
+     * Do not use this method if you integrate Atomic in a plain HTML deployment.
+     *
+     * @param resultRenderingFunction
+     */
+    setRenderFunction(resultRenderingFunction: ItemRenderingFunction): Promise<void>;
+    initialize(): void;
+    willUpdate(changedProperties: Map<string, unknown>): Promise<void>;
+    private get shouldMarkResultsAsReady();
+    private updateResultReadyState;
+    render(): import("lit-html").TemplateResult<1>;
+    private initResultTemplateProvider;
+    private initResultListCommon;
+    private computeListDisplayClasses;
+    private renderList;
+    private get focusTarget();
+    private getInteractiveResult;
+    private getResultId;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-result-list': AtomicInsightResultList;
+    }
+}
+export {};

package/dist/types/components/insight/atomic-insight-result-list/insight-list-display.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

package/dist/types/components/insight/atomic-insight-result-quickview-action/atomic-insight-result-quickview-action.d.ts

@@ -1,18 +1,24 @@
-import { QuickviewState, Quickview } from '@coveo/headless';
-import { InitializableComponent } from '../../../utils/initialization-utils';
-import { FocusTargetController } from '../../../utils/stencil-accessibility-utils';
-import { Bindings } from '../../search/atomic-search-interface/atomic-search-interface';
+import type { Quickview, QuickviewState } from '@coveo/headless';
+import { LitElement } from 'lit';
+import "../../search/atomic-quickview-modal/atomic-quickview-modal";
+import type { Bindings } from "../../search/atomic-search-interface/interfaces";
+import type { InitializableComponent } from "../../../decorators/types";
+declare const AtomicInsightResultQuickviewAction_base: import("../../../mixins/mixin-common").Constructor<{
+    injectStyles(dynamicStyles?: import("lit").CSSResultGroup): Promise<void>;
+}> & typeof LitElement;
 /**
- * @internal
+ * The `atomic-insight-result-quickview-action` component renders a button that, when clicked,
+ * opens a modal containing a preview of the result document. This allows users to quickly
+ * view the content of a document without navigating away from the insight panel.
+ *
+ * This component must be used inside an `atomic-insight-result-template` component.
+ *
+ * @part result-action-container - The container wrapping the button.
+ * @part result-action-button - The button that opens the quickview modal.
+ * @part result-action-icon - The icon displayed in the button.
  */
-export declare class AtomicInsightResultQuickviewAction implements InitializableComponent {
-    bindings: Bindings;
-    private result;
-    private buttonFocusTarget?;
-    host: HTMLElement;
-    error: Error;
-    quickview: Quickview;
-    quickviewState: QuickviewState;
+export declare class AtomicInsightResultQuickviewAction extends AtomicInsightResultQuickviewAction_base implements InitializableComponent<Bindings> {
+    private static readonly propsSchema;
     /**
      * The `sandbox` attribute to apply to the quickview iframe.
      *
@@ -25,15 +31,32 @@ export declare class AtomicInsightResultQuickviewAction implements Initializable
      * `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.
      */
     sandbox: string;
-    protected quickviewAriaMessage: string;
-    onNextQuickview(evt: Event): void;
-    onPreviousQuickview(evt: Event): void;
+    bindings: Bindings;
+    error: Error;
+    private result;
+    quickviewState: QuickviewState;
+    quickview: Quickview;
+    private resultContext;
+    private buttonFocusTarget;
+    private ariaLiveRegion;
     private quickviewModalRef?;
-    get focusTarget(): FocusTargetController;
+    private buttonRef;
+    private nextQuickviewHandler;
+    private previousQuickviewHandler;
+    constructor();
     initialize(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private addQuickviewModalIfNeeded;
     private updateModalContent;
     private onClick;
     private get shouldRenderQuickview();
-    render(): any;
+    updated(): void;
+    render(): typeof import("lit-html").nothing | import("lit-html").TemplateResult | undefined;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-result-quickview-action': AtomicInsightResultQuickviewAction;
+    }
 }
+export {};

package/dist/types/components/insight/atomic-insight-search-box/atomic-insight-search-box.d.ts

@@ -3,6 +3,7 @@ import { LitElement, type TemplateResult } from 'lit';
 import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
 import type { InitializableComponent } from "../../../decorators/types";
 import "../../common/atomic-icon/atomic-icon";
+import '@coveo/atomic-legacy/atomic-suggestion-renderer';
 /**
  * The `atomic-insight-search-box` component allows users to enter and submit search queries within the Insight interface.
  * It provides query suggestions as the user types.

package/dist/types/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.d.ts

@@ -0,0 +1,73 @@
+import { type SmartSnippet as InsightSmartSnippet, type SmartSnippetState as InsightSmartSnippetState } from '@coveo/headless/insight';
+import { LitElement } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
+import "../../common/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper";
+import "../../common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer";
+import "../../common/atomic-smart-snippet-source/atomic-smart-snippet-source";
+import "../atomic-insight-smart-snippet-feedback-modal/atomic-insight-smart-snippet-feedback-modal";
+/**
+ * The `atomic-insight-smart-snippet` component displays a smart snippet for an Insight Panel query.
+ * Smart snippets are generated answers extracted from relevant documents.
+ *
+ * @part smart-snippet - The container for the smart snippet.
+ * @part body - The expandable answer body.
+ * @part feedback-banner - The feedback banner container.
+ * @part feedback-inquiry - The feedback inquiry text.
+ * @part feedback-buttons - The container for feedback buttons.
+ * @part feedback-like-button - The like button.
+ * @part feedback-dislike-button - The dislike button.
+ * @part feedback-thank-you-wrapper - The thank you message wrapper.
+ * @part feedback-thank-you - The thank you message.
+ * @part feedback-explain-why-button - The explain why button.
+ *
+ * @slot source-anchor-attributes - Slot for attributes to apply to the source anchor element.
+ */
+export declare class AtomicInsightSmartSnippet extends LitElement implements InitializableComponent<InsightBindings> {
+    static styles: import("lit").CSSResult;
+    bindings: InsightBindings;
+    error: Error;
+    smartSnippetState: InsightSmartSnippetState;
+    smartSnippet: InsightSmartSnippet;
+    private feedbackSent;
+    private smartSnippetId;
+    private modalRef?;
+    private feedbackSentHandler;
+    /**
+     * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the question at the top of the snippet, from 1 to 5.
+     */
+    headingLevel: number;
+    /**
+     * The maximum height (in pixels) a snippet can have before the component truncates it and displays a "show more" button.
+     */
+    maximumHeight: number;
+    /**
+     * When the answer is partly hidden, how much of its height (in pixels) should be visible.
+     */
+    collapsedHeight: number;
+    /**
+     * Sets the style of the snippet.
+     *
+     * Example:
+     * ```ts
+     * smartSnippet.snippetStyle = `
+     *   b {
+     *     color: blue;
+     *   }
+     * `;
+     * ```
+     */
+    snippetStyle?: string;
+    initialize(): void;
+    disconnectedCallback(): void;
+    willUpdate(): void;
+    private loadModal;
+    private renderSource;
+    private renderFeedbackBanner;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-smart-snippet': AtomicInsightSmartSnippet;
+    }
+}

package/dist/types/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

package/dist/types/components/insight/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.d.ts

@@ -0,0 +1,83 @@
+import type { SmartSnippetQuestionsList, SmartSnippetQuestionsListState } from '@coveo/headless/insight';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
+import "../../common/atomic-icon/atomic-icon";
+import "../../common/atomic-smart-snippet-source/atomic-smart-snippet-source";
+import "../../common/atomic-smart-snippet-answer/atomic-smart-snippet-answer";
+/**
+ * The `atomic-insight-smart-snippet-suggestions` component displays an accordion of questions related to the query with their corresponding answers.
+ *
+ * You can style the snippets either with the `snippetStyle` prop, or by inserting a template element like this:
+ * ```html
+ * <atomic-insight-smart-snippet-suggestions>
+ *   <template>
+ *     <style>
+ *       b {
+ *         color: blue;
+ *       }
+ *     </style>
+ *   </template>
+ * </atomic-insight-smart-snippet-suggestions>
+ * ```
+ *
+ * @slot source-anchor-attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.
+ * To be used exclusively in anchor elements, such as: `<a slot="source-anchor-attributes" target="_blank"></a>`.
+ *
+ * @part container - The wrapper with a border around the entire component.
+ * @part heading - The heading above the list of related questions.
+ * @part questions - The list of related questions.
+ * @part question-answer-expanded - An expanded related question.
+ * @part question-answer-collapsed - A collapsed related question.
+ * @part question-button-expanded - The button to collapse a related question.
+ * @part question-button-collapsed - The button to expand a related question.
+ * @part question-icon-expanded - The caret of an expanded related question.
+ * @part question-icon-collapsed - The caret of a collapsed related question.
+ * @part question-text-expanded - The title of an expanded related question.
+ * @part question-text-collapsed - The title of a collapsed related question.
+ * @part answer-and-source - The wrapper around the answer and source of a related question.
+ * @part answer - The container displaying the full document excerpt of a related question's answer.
+ * @part footer - The wrapper around the source of a related question's answer.
+ * @part source-url - The URL to the document a related question's answer is extracted from.
+ * @part source-title - The title of the document a related question's answer is extracted from.
+ */
+export declare class AtomicInsightSmartSnippetSuggestions extends LitElement implements InitializableComponent<InsightBindings> {
+    private static readonly propsSchema;
+    static styles: CSSResultGroup;
+    bindings: InsightBindings;
+    error: Error;
+    smartSnippetQuestionsListState: SmartSnippetQuestionsListState;
+    smartSnippetQuestionsList: SmartSnippetQuestionsList;
+    /**
+     * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the "People also ask" heading over the snippets, from 1 to 5.
+     */
+    headingLevel: number;
+    /**
+     * Sets the style of the snippets.
+     *
+     * Example:
+     * ```ts
+     * smartSnippet.snippetStyle = `
+     *   b {
+     *     color: blue;
+     *   }
+     * `;
+     * ```
+     */
+    snippetStyle?: string;
+    private accordionId;
+    constructor();
+    initialize(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderRelatedQuestion;
+    private renderQuestionButton;
+    private renderAnswer;
+    private renderSource;
+    private get computedSnippetStyle();
+    private toggleQuestion;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-smart-snippet-suggestions': AtomicInsightSmartSnippetSuggestions;
+    }
+}

package/dist/types/components/insight/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

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

@@ -0,0 +1,67 @@
+import "../../common/atomic-modal/atomic-modal";
+import "../atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline";
+import { LitElement, type PropertyValues } from 'lit';
+import type { InsightBindings } from "../atomic-insight-interface/atomic-insight-interface";
+import type { InitializableComponent } from "../../../decorators/types";
+/**
+ * The `atomic-insight-user-actions-modal` is automatically created as a child of the `atomic-insight-interface` when the `atomic-insight-user-actions-toggle` is initialized.
+ *
+ * When the modal is opened, the CSS class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.
+ *
+ * @internal
+ *
+ * @part title - The title element displaying "user-actions" text.
+ * @part close-button - The button used to close the modal.
+ * @part close-icon - The close icon within the close button.
+ *
+ * @part backdrop - The transparent backdrop hiding the content behind the modal (inherited from atomic-modal).
+ * @part container - The modal's outermost container with the outline and background (inherited from atomic-modal).
+ * @part header-wrapper - The wrapper around the header (inherited from atomic-modal).
+ * @part header - The header at the top of the modal (inherited from atomic-modal).
+ * @part header-ruler - The horizontal ruler underneath the header (inherited from atomic-modal).
+ * @part body-wrapper - The wrapper around the body (inherited from atomic-modal).
+ * @part body - The body of the modal, between the header and the footer (inherited from atomic-modal).
+ * @part footer-wrapper - The wrapper with a shadow or background color around the footer (inherited from atomic-modal).
+ * @part footer - The footer at the bottom of the modal (inherited from atomic-modal).
+ */
+export declare class AtomicInsightUserActionsModal extends LitElement implements InitializableComponent<InsightBindings> {
+    static styles: import("lit").CSSResult;
+    bindings: InsightBindings;
+    error: Error;
+    private interfaceDimensions?;
+    /**
+     * The element that triggers the modal.
+     */
+    openButton?: HTMLElement;
+    /**
+     * Whether the modal is open.
+     */
+    isOpen: boolean;
+    /**
+     * The ID of the user whose actions are being displayed.
+     */
+    userId: string;
+    /**
+     * The date and time when the case was created. For example "2024-01-01T00:00:00Z"
+     */
+    ticketCreationDateTime: string;
+    /**
+     * The names of custom events to exclude.
+     */
+    excludedCustomActions: string[];
+    private animationFrameId?;
+    disconnectedCallback(): void;
+    initialize(): void;
+    updated(changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderHeader;
+    private renderBody;
+    private onAnimationFrame;
+    private dimensionChanged;
+    private updateDimensions;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'atomic-insight-user-actions-modal': AtomicInsightUserActionsModal;
+    }
+}