@coveo/atomic 3.60.0 → 3.60.2

package/dist/cjs/components/common/atomic-facet-date-input/atomic-facet-date-input.cjs

@@ -30,17 +30,17 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicFacetDateInput: ()=>AtomicFacetDateInput
 });
-const headless_namespaceObject = require("@coveo/headless");
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const if_defined_js_namespaceObject = require("lit/directives/if-defined.js");
-const ref_js_namespaceObject = require("lit/directives/ref.js");
-const external_button_cjs_namespaceObject = require("../button.cjs");
-const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
-const bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
-const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
-const light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
-const date_utils_cjs_namespaceObject = require("../../../utils/date-utils.cjs");
+var headless_namespaceObject = require("@coveo/headless");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var if_defined_js_namespaceObject = require("lit/directives/if-defined.js");
+var ref_js_namespaceObject = require("lit/directives/ref.js");
+var external_button_cjs_namespaceObject = require("../button.cjs");
+var binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
+var bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
+var error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
+var light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
+var date_utils_cjs_namespaceObject = require("../../../utils/date-utils.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-facet-number-input/atomic-facet-number-input.cjs

@@ -30,15 +30,15 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicFacetNumberInput: ()=>AtomicFacetNumberInput
 });
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const ref_js_namespaceObject = require("lit/directives/ref.js");
-const external_button_cjs_namespaceObject = require("../button.cjs");
-const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
-const bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
-const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
-const light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
-const event_utils_cjs_namespaceObject = require("../../../utils/event-utils.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var ref_js_namespaceObject = require("lit/directives/ref.js");
+var external_button_cjs_namespaceObject = require("../button.cjs");
+var binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
+var bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
+var error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
+var light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
+var event_utils_cjs_namespaceObject = require("../../../utils/event-utils.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-facet-placeholder/atomic-facet-placeholder.cjs

@@ -30,10 +30,10 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicFacetPlaceholder: ()=>AtomicFacetPlaceholder
 });
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const map_js_namespaceObject = require("lit/directives/map.js");
-const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var map_js_namespaceObject = require("lit/directives/map.js");
+var with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-focus-trap/atomic-focus-trap.cjs

@@ -30,13 +30,13 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicFocusTrap: ()=>AtomicFocusTrap
 });
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const boolean_converter_cjs_namespaceObject = require("../../../converters/boolean-converter.cjs");
-const watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
-const light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
-const accessibility_utils_cjs_namespaceObject = require("../../../utils/accessibility-utils.cjs");
-const utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var boolean_converter_cjs_namespaceObject = require("../../../converters/boolean-converter.cjs");
+var watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
+var light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
+var accessibility_utils_cjs_namespaceObject = require("../../../utils/accessibility-utils.cjs");
+var utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-generated-answer-content/answer-context.cjs

@@ -30,7 +30,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     answerContext: ()=>answerContext
 });
-const context_namespaceObject = require("@lit/context");
+var context_namespaceObject = require("@lit/context");
 const answerContext = (0, context_namespaceObject.createContext)(Symbol('answer-id'));
 exports.answerContext = __webpack_exports__.answerContext;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/cjs/components/common/atomic-generated-answer-content/atomic-generated-answer-content.cjs

@@ -39,18 +39,18 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicGeneratedAnswerContent: ()=>AtomicGeneratedAnswerContent
 });
-const external_lit_namespaceObject = require("lit");
-const context_namespaceObject = require("@lit/context");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const when_js_namespaceObject = require("lit/directives/when.js");
-const atomic_generated_answer_tw_css_cjs_namespaceObject = require("../../search/atomic-generated-answer/atomic-generated-answer.tw.css.cjs");
+var external_lit_namespaceObject = require("lit");
+var context_namespaceObject = require("@lit/context");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var when_js_namespaceObject = require("lit/directives/when.js");
+var atomic_generated_answer_tw_css_cjs_namespaceObject = require("../../search/atomic-generated-answer/atomic-generated-answer.tw.css.cjs");
 var atomic_generated_answer_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(atomic_generated_answer_tw_css_cjs_namespaceObject);
-const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+var with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 require("../atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.cjs");
-const generated_content_container_cjs_namespaceObject = require("../generated-answer/generated-content-container.cjs");
-const render_feedback_and_copy_buttons_cjs_namespaceObject = require("../generated-answer/render-feedback-and-copy-buttons.cjs");
-const source_citations_cjs_namespaceObject = require("../generated-answer/source-citations.cjs");
-const external_answer_context_cjs_namespaceObject = require("./answer-context.cjs");
+var generated_content_container_cjs_namespaceObject = require("../generated-answer/generated-content-container.cjs");
+var render_feedback_and_copy_buttons_cjs_namespaceObject = require("../generated-answer/render-feedback-and-copy-buttons.cjs");
+var source_citations_cjs_namespaceObject = require("../generated-answer/source-citations.cjs");
+var external_answer_context_cjs_namespaceObject = require("./answer-context.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.cjs

@@ -41,26 +41,26 @@ __webpack_require__.d(__webpack_exports__, {
 });
 require("../atomic-icon/atomic-icon.cjs");
 require("../atomic-modal/atomic-modal.cjs");
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const ref_js_namespaceObject = require("lit/directives/ref.js");
-const export_parts_cjs_namespaceObject = require("../atomic-modal/export-parts.cjs");
-const external_button_cjs_namespaceObject = require("../button.cjs");
-const external_fieldset_group_cjs_namespaceObject = require("../fieldset-group.cjs");
-const external_icon_button_cjs_namespaceObject = require("../icon-button.cjs");
-const external_radio_button_cjs_namespaceObject = require("../radio-button.cjs");
-const boolean_converter_cjs_namespaceObject = require("../../../converters/boolean-converter.cjs");
-const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
-const bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
-const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
-const watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
-const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
-const multi_class_map_cjs_namespaceObject = require("../../../directives/multi-class-map.cjs");
-const replace_breakpoint_utils_cjs_namespaceObject = require("../../../utils/replace-breakpoint-utils.cjs");
-const utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
-const close_cjs_namespaceObject = require("../../../images/close.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var ref_js_namespaceObject = require("lit/directives/ref.js");
+var export_parts_cjs_namespaceObject = require("../atomic-modal/export-parts.cjs");
+var external_button_cjs_namespaceObject = require("../button.cjs");
+var external_fieldset_group_cjs_namespaceObject = require("../fieldset-group.cjs");
+var external_icon_button_cjs_namespaceObject = require("../icon-button.cjs");
+var external_radio_button_cjs_namespaceObject = require("../radio-button.cjs");
+var boolean_converter_cjs_namespaceObject = require("../../../converters/boolean-converter.cjs");
+var binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
+var bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
+var error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
+var watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
+var with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+var multi_class_map_cjs_namespaceObject = require("../../../directives/multi-class-map.cjs");
+var replace_breakpoint_utils_cjs_namespaceObject = require("../../../utils/replace-breakpoint-utils.cjs");
+var utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
+var close_cjs_namespaceObject = require("../../../images/close.cjs");
 var close_cjs_default = /*#__PURE__*/ __webpack_require__.n(close_cjs_namespaceObject);
-const success_cjs_namespaceObject = require("../../../images/success.cjs");
+var success_cjs_namespaceObject = require("../../../images/success.cjs");
 var success_cjs_default = /*#__PURE__*/ __webpack_require__.n(success_cjs_namespaceObject);
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/components/common/atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.cjs

@@ -39,17 +39,17 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicGeneratedAnswerInlineLink: ()=>AtomicGeneratedAnswerInlineLink
 });
-const headless_namespaceObject = require("@coveo/headless");
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const external_atomic_generated_answer_inline_link_tw_css_cjs_namespaceObject = require("./atomic-generated-answer-inline-link.tw.css.cjs");
+var headless_namespaceObject = require("@coveo/headless");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var external_atomic_generated_answer_inline_link_tw_css_cjs_namespaceObject = require("./atomic-generated-answer-inline-link.tw.css.cjs");
 var external_atomic_generated_answer_inline_link_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_atomic_generated_answer_inline_link_tw_css_cjs_namespaceObject);
-const if_defined_js_namespaceObject = require("lit/directives/if-defined.js");
-const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
-const bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
-const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
-const context_namespaceObject = require("@lit/context");
-const answer_context_cjs_namespaceObject = require("../atomic-generated-answer-content/answer-context.cjs");
+var if_defined_js_namespaceObject = require("lit/directives/if-defined.js");
+var binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
+var bindings_cjs_namespaceObject = require("../../../decorators/bindings.cjs");
+var error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
+var context_namespaceObject = require("@lit/context");
+var answer_context_cjs_namespaceObject = require("../atomic-generated-answer-content/answer-context.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.tw.css.cjs

@@ -30,7 +30,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     default: ()=>atomic_generated_answer_inline_link_tw_css
 });
-const external_lit_namespaceObject = require("lit");
+var external_lit_namespaceObject = require("lit");
 const styles = (0, external_lit_namespaceObject.css)`
   @reference '../../../utils/tailwind.global.tw.css';
 
@@ -53,7 +53,7 @@ const styles = (0, external_lit_namespaceObject.css)`
     vertical-align: text-bottom;
   }
 `;
-const atomic_generated_answer_inline_link_tw_css = styles;
+var atomic_generated_answer_inline_link_tw_css = styles;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"

package/dist/cjs/components/common/atomic-generated-answer-thread/atomic-generated-answer-thread.cjs

@@ -30,12 +30,12 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicGeneratedAnswerThread: ()=>AtomicGeneratedAnswerThread
 });
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const repeat_js_namespaceObject = require("lit/directives/repeat.js");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var repeat_js_namespaceObject = require("lit/directives/repeat.js");
 require("../atomic-generated-answer-content/atomic-generated-answer-content.cjs");
 require("../atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.cjs");
-const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+var with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
@@ -56,6 +56,20 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
         }
     }
     render() {
+        if (1 === this.generatedAnswers.length) {
+            const answer = this.generatedAnswers[0];
+            return (0, external_lit_namespaceObject.html)`
+        <atomic-generated-answer-content
+          .generatedAnswer=${answer}
+          .i18n=${this.i18n}
+          .renderCitations=${this.renderCitations}
+          .onClickLike=${this.onClickLike}
+          .onClickDislike=${this.onClickDislike}
+          .onCopyToClipboard=${this.onCopyToClipboard}
+          exportparts=${GENERATED_ANSWER_CONTENT_EXPORT_PARTS}
+        ></atomic-generated-answer-content>
+      `;
+        }
         if (this.generatedAnswers.length > MIN_ANSWERS_TO_COLLAPSE && !this.allGeneratedAnswersDisplayed) {
             const lastGeneratedAnswer = this.generatedAnswers[this.generatedAnswers.length - 1];
             return (0, external_lit_namespaceObject.html)`
@@ -74,7 +88,6 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
     `;
     }
     renderThread(generatedAnswers) {
-        const showTimelineDot = this.generatedAnswers.length > 1;
         return (0, external_lit_namespaceObject.html)`
       ${(0, repeat_js_namespaceObject.repeat)(generatedAnswers, (answer)=>answer.answerId, (answer, index)=>{
             const isLastAnswer = index === generatedAnswers.length - 1;
@@ -84,7 +97,6 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
               .hideLine=${isLastAnswer}
               .disableCollapse=${isLastAnswer}
               .isExpanded=${isLastAnswer}
-              .showTimelineDot=${showTimelineDot}
             >
               <atomic-generated-answer-content
                 .generatedAnswer=${answer}
@@ -110,12 +122,13 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
         const showPreviousButtonClasses = `
       text-on-background text-base min-w-0 inline-flex text-left mr-auto
       px-2 py-1.5 font-normal bg-transparent border-0 appearance-none
-      transition-colors hover:bg-neutral-light rounded-md cursor-pointer
+      transition-colors hover:bg-neutral hover:text-primary rounded-md cursor-pointer
       focus-visible:outline-none focus-visible:ring-2
       focus-visible:ring-primary focus-visible:ring-offset-2
     `;
         const timelineDotClasses = `
-      h-2 w-2 rounded-full bg-neutral-dim
+      h-2 w-2 rounded-full bg-neutral-dim transition-colors
+      hover:bg-neutral-dark group-has-[button:hover]/title:bg-neutral-dark
     `;
         const timelineConnectorClasses = `
       relative h-full w-px bg-neutral
@@ -125,23 +138,27 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
       after:h-[8px] after:w-px after:bg-neutral after:content-['']
     `;
         return (0, external_lit_namespaceObject.html)`
-      <li class="grid min-w-0">
-        <div class="flex min-w-0 items-center gap-3">
-          <div class="flex w-[10px] shrink-0 items-center justify-center">
+      <li class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
+        <div class="row-span-2 flex flex-col items-center">
+          <div
+            class="flex justify-center items-center text-base h-[1lh] my-1.5"
+          >
             <span class=${timelineDotClasses}></span>
           </div>
-          <div class="flex min-w-0 flex-col">
-            <button
-              type="button"
-              class=${showPreviousButtonClasses}
-              @click=${this.handleShowAllClick}
-            >
-              ${label}
-            </button>
+          <div
+            class="flex grow w-full justify-center items-center py-2 -my-2 min-h-3"
+          >
+            <span class=${timelineConnectorClasses}> </span>
           </div>
         </div>
-        <div class="flex h-3 w-[10px] shrink-0 justify-center">
-          <span class=${timelineConnectorClasses}> </span>
+        <div class="flex min-w-0 flex-col">
+          <button
+            type="button"
+            class=${showPreviousButtonClasses}
+            @click=${this.handleShowAllClick}
+          >
+            ${label}
+          </button>
         </div>
       </li>
     `;

package/dist/cjs/components/common/atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.cjs

@@ -30,11 +30,11 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicGeneratedAnswerThreadItem: ()=>AtomicGeneratedAnswerThreadItem
 });
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const class_map_js_namespaceObject = require("lit/directives/class-map.js");
-const when_js_namespaceObject = require("lit/directives/when.js");
-const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var class_map_js_namespaceObject = require("lit/directives/class-map.js");
+var when_js_namespaceObject = require("lit/directives/when.js");
+var with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
@@ -69,11 +69,14 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
         const titleButtonClasses = (0, class_map_js_namespaceObject.classMap)({
             ...titleBaseClasses,
             ...titleWeightClasses,
-            'bg-transparent': true,
+            'bg-transparent': !this.isDotHovered,
+            'bg-neutral': this.isDotHovered,
+            'text-primary': this.isDotHovered,
             'border-0': true,
             'appearance-none': true,
             'transition-colors': true,
-            'hover:bg-neutral-light': true,
+            'hover:bg-neutral': true,
+            'hover:text-primary': true,
             'rounded-md': true,
             'cursor-pointer': true,
             'focus-visible:outline-none': true,
@@ -93,87 +96,87 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
             'bg-neutral-dark': this.isExpanded,
             'bg-neutral-dim': !this.isExpanded,
             'cursor-pointer': isTimelineDotInteractive,
-            'group-hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive
+            'hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive,
+            'group-has-[button:hover]/title:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive
         });
         const timelineDotToggleClasses = (0, class_map_js_namespaceObject.classMap)({
             flex: true,
-            'w-[10px]': true,
-            'shrink-0': true,
             'justify-center': true,
-            'items-center': true
+            'items-center': true,
+            'text-base': true,
+            'h-[1lh] my-1.5': true
         });
         const timelineLineToggleClasses = (0, class_map_js_namespaceObject.classMap)({
             flex: true,
-            'w-[10px]': true,
-            'shrink-0': true,
+            grow: true,
+            'w-full': true,
             'justify-center': true,
             'items-center': true,
             group: isTimelineLineInteractive,
             'cursor-pointer': isTimelineLineInteractive,
             'py-2': true,
-            '-my-2': true
-        });
-        const timelineBodyRowClasses = (0, class_map_js_namespaceObject.classMap)({
-            flex: true,
-            'min-w-0': true,
-            'gap-3': true,
+            '-my-2': true,
             'min-h-3': !this.isExpanded
         });
         const timelineConnectorClasses = "relative h-full w-px bg-neutral transition-colors duration-150 group-hover:bg-neutral-dark before:absolute before:left-0 before:top-[-8px] before:h-[8px] before:w-px before:bg-neutral before:transition-colors before:duration-150 group-hover:before:bg-neutral-dark before:content-[''] after:absolute after:bottom-[-8px] after:left-0 after:h-[8px] after:w-px after:bg-neutral after:transition-colors after:duration-150 group-hover:after:bg-neutral-dark after:content-['']";
         return (0, external_lit_namespaceObject.html)`
-      <div class="grid min-w-0">
-        <div class="flex min-w-0 items-center gap-3">
+      <div class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
+        <div class="row-span-2 flex flex-col items-center">
           <div class=${timelineDotToggleClasses}>
             ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)`
                 <span
                   class=${timelineDotClasses}
                   @click=${isTimelineDotInteractive ? this.toggle : null}
+                  @mouseenter=${isTimelineDotInteractive ? this.handleDotMouseEnter : null}
+                  @mouseleave=${isTimelineDotInteractive ? this.handleDotMouseLeave : null}
                 ></span>
               `)}
           </div>
-          <div class="flex min-w-0 flex-col">
-            ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
-                  type="button"
-                  aria-expanded=${this.isExpanded}
-                  aria-controls=${this.contentId}
-                  class=${titleButtonClasses}
-                  @click=${this.toggle}
-                >
-                  <span part="thread-item-title" style=${clampedTitleStyles}
-                    >${this.title}</span
-                  >
-                </button>`, ()=>(0, external_lit_namespaceObject.html)`<span
-                  class=${titleTextClasses}
-                  part="thread-item-title"
-                  style=${clampedTitleStyles}
-                  >${this.title}</span
-                >`)}
-          </div>
-        </div>
-        <div class=${timelineBodyRowClasses}>
           <div
             class=${timelineLineToggleClasses}
             @click=${isTimelineLineInteractive ? this.toggle : null}
           >
             ${(0, when_js_namespaceObject.when)(this.hideLine, ()=>(0, external_lit_namespaceObject.html)``, ()=>(0, external_lit_namespaceObject.html)`<span class=${timelineConnectorClasses}> </span>`)}
           </div>
-          <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
-            <div
-              class="mb-2"
-              ?hidden=${!this.isExpanded}
-              aria-hidden=${this.isExpanded ? 'false' : 'true'}
-            >
-              <slot></slot>
-            </div>
+        </div>
+        <div class="flex min-w-0 flex-col">
+          ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
+                type="button"
+                aria-expanded=${this.isExpanded}
+                aria-controls=${this.contentId}
+                class=${titleButtonClasses}
+                @click=${this.toggle}
+              >
+                <span part="thread-item-title" style=${clampedTitleStyles}
+                  >${this.title}</span
+                >
+              </button>`, ()=>(0, external_lit_namespaceObject.html)`<span
+                class=${titleTextClasses}
+                part="thread-item-title"
+                style=${clampedTitleStyles}
+                >${this.title}</span
+              >`)}
+        </div>
+        <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
+          <div
+            class="mb-2"
+            ?hidden=${!this.isExpanded}
+            aria-hidden=${this.isExpanded ? 'false' : 'true'}
+          >
+            <slot></slot>
           </div>
         </div>
       </div>
     `;
     }
     constructor(...args){
-        super(...args), this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`, this.title = '', this.disableCollapse = false, this.hideLine = false, this.isExpanded = false, this.showTimelineDot = true, this.toggle = ()=>{
+        super(...args), this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`, this.title = '', this.disableCollapse = false, this.hideLine = false, this.isExpanded = false, this.showTimelineDot = true, this.isDotHovered = false, this.toggle = ()=>{
             if (this.disableCollapse) return;
             this.isExpanded = !this.isExpanded;
+        }, this.handleDotMouseEnter = ()=>{
+            this.isDotHovered = true;
+        }, this.handleDotMouseLeave = ()=>{
+            this.isDotHovered = false;
         };
     }
 }
@@ -206,6 +209,9 @@ _ts_decorate([
         attribute: 'show-timeline-dot'
     })
 ], AtomicGeneratedAnswerThreadItem.prototype, "showTimelineDot", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)()
+], AtomicGeneratedAnswerThreadItem.prototype, "isDotHovered", void 0);
 AtomicGeneratedAnswerThreadItem = _ts_decorate([
     (0, decorators_js_namespaceObject.customElement)('atomic-generated-answer-thread-item'),
     with_tailwind_styles_cjs_namespaceObject.withTailwindStyles

package/dist/cjs/components/common/atomic-icon/atomic-icon.cjs

@@ -39,19 +39,19 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicIcon: ()=>AtomicIcon
 });
-const external_dompurify_namespaceObject = require("dompurify");
+var external_dompurify_namespaceObject = require("dompurify");
 var external_dompurify_default = /*#__PURE__*/ __webpack_require__.n(external_dompurify_namespaceObject);
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const guard_js_namespaceObject = require("lit/directives/guard.js");
-const unsafe_svg_js_namespaceObject = require("lit/directives/unsafe-svg.js");
-const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
-const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
-const watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
-const bindings_mixin_cjs_namespaceObject = require("../../../mixins/bindings-mixin.cjs");
-const light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
-const asset_path_utils_cjs_namespaceObject = require("../../../utils/asset-path-utils.cjs");
-const external_fetch_icon_cjs_namespaceObject = require("./fetch-icon.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var guard_js_namespaceObject = require("lit/directives/guard.js");
+var unsafe_svg_js_namespaceObject = require("lit/directives/unsafe-svg.js");
+var binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
+var error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
+var watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
+var bindings_mixin_cjs_namespaceObject = require("../../../mixins/bindings-mixin.cjs");
+var light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
+var asset_path_utils_cjs_namespaceObject = require("../../../utils/asset-path-utils.cjs");
+var external_fetch_icon_cjs_namespaceObject = require("./fetch-icon.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-icon/fetch-icon.cjs

@@ -31,7 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
     clearIconCache: ()=>clearIconCache,
     fetchIcon: ()=>fetchIcon
 });
-const memoize_cjs_namespaceObject = require("../../../utils/memoize.cjs");
+var memoize_cjs_namespaceObject = require("../../../utils/memoize.cjs");
 class IconFetchError extends Error {
     static fromStatusCode(url, statusCode, statusText) {
         return new IconFetchError(url, `status code ${statusCode} (${statusText})`);

package/dist/cjs/components/common/atomic-layout-section/atomic-layout-section.cjs

@@ -30,9 +30,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AtomicLayoutSection: ()=>AtomicLayoutSection
 });
-const external_lit_namespaceObject = require("lit");
-const decorators_js_namespaceObject = require("lit/decorators.js");
-const light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
+var external_lit_namespaceObject = require("lit");
+var decorators_js_namespaceObject = require("lit/decorators.js");
+var light_dom_cjs_namespaceObject = require("../../../mixins/light-dom.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/atomic-layout-section/layout.cjs

@@ -30,7 +30,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     buildCommonLayout: ()=>buildCommonLayout
 });
-const external_atomic_layout_section_utils_cjs_namespaceObject = require("./atomic-layout-section-utils.cjs");
+var external_atomic_layout_section_utils_cjs_namespaceObject = require("./atomic-layout-section-utils.cjs");
 function makeDesktopQuery(mobileBreakpoint) {
     return `only screen and (min-width: ${mobileBreakpoint})`;
 }