@magicx-eng/ai-autocomplete-react 0.18.0 → 0.18.1

package/dist/index.mjs

@@ -1572,17 +1572,21 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   height: 1em;
 }
 
+/* Skeleton rows keep the icon's column (hidden, not removed) and the
+   hanging indent below, so a row that flips into loading and back \u2014 the
+   same element in React, a rebuilt one in vanilla \u2014 draws its bar and its
+   text at the same x and nothing slides sideways. */
 .SuggestionItem-module_item_d4vpD[data-aia-loading] .SuggestionItem-module_icon_Qw938 {
-  display: none;
+  visibility: hidden;
 }
 
 /* With an icon, the content box hangs its continuation lines: a left pad the
    width of the icon plus its gap, and a matching negative first-line indent
    that pulls the icon back into that pad. Wrapped lines then start under the
    first line's text rather than under the icon. \`.content\` is a flex item
-   (blockified), so text-indent applies to it directly. Skeleton rows are
-   excluded \u2014 their icon is hidden, so the pad would indent the bars. */
-.SuggestionItem-module_item_d4vpD:not([data-aia-loading]) .SuggestionItem-module_content_T-Qba:has(.SuggestionItem-module_icon_Qw938) {
+   (blockified), so text-indent applies to it directly. Skeleton rows keep
+   it too: their icon is hidden but still occupies its column. */
+.SuggestionItem-module_content_T-Qba:has(.SuggestionItem-module_icon_Qw938) {
   padding-left: calc(1em + 8px);
   text-indent: calc(-1em - 8px);
 }