superdoc 2.23.1-next.9 → 2.24.0-next.10

package/dist/style.css

@@ -706,6 +706,9 @@
   --sd-ui-surface-content-padding: 16px 20px 20px;
   --sd-ui-dialog-backdrop: rgba(0, 0, 0, 0.4);
   --sd-ui-dialog-max-width: 480px;
+  --sd-ui-cross-reference-max-width: 480px;
+  --sd-ui-cross-reference-list-height: 320px;
+  --sd-ui-cross-reference-selected-bg: color-mix(in srgb, var(--sd-ui-action) 8%, var(--sd-ui-surface-bg));
   --sd-ui-floating-width: 360px;
   --sd-ui-floating-max-width: 480px;
   --sd-ui-floating-max-height: min(60vh, calc(100% - 32px));
@@ -1493,7 +1496,7 @@ img[data-v-c95b2073] {
   font-size: 11px;
 }
 
-.comments-dialog[data-v-c189ab35] {
+.comments-dialog[data-v-5ace8cef] {
   display: flex;
   flex-direction: column;
   padding: var(--sd-ui-comments-card-padding, 16px);
@@ -1512,79 +1515,79 @@ img[data-v-c95b2073] {
   overflow-wrap: break-word;
   word-break: break-word;
 }
-.comments-dialog[data-v-c189ab35]:not(.is-active) {
+.comments-dialog[data-v-5ace8cef]:not(.is-active) {
   cursor: pointer;
 }
-.comments-dialog[data-v-c189ab35]:not(.is-active):not(.is-resolved):hover {
+.comments-dialog[data-v-5ace8cef]:not(.is-active):not(.is-resolved):hover {
   background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
 }
-.comments-dialog[data-v-c189ab35]:not(.is-resolved):hover .overflow-menu {
+.comments-dialog[data-v-5ace8cef]:not(.is-resolved):hover .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.comments-dialog.is-active[data-v-c189ab35] {
+.comments-dialog.is-active[data-v-5ace8cef] {
   background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
   border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
   box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
   z-index: 10;
 }
-.comments-dialog.is-resolved[data-v-c189ab35] {
+.comments-dialog.is-resolved[data-v-5ace8cef] {
   background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
 }
-.comment-separator[data-v-c189ab35] {
+.comment-separator[data-v-5ace8cef] {
   background-color: var(--sd-ui-comments-separator, #e0e0e0);
   height: 1px;
   width: 100%;
   margin: 10px 0;
 }
-.comment[data-v-c189ab35] {
+.comment[data-v-5ace8cef] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   white-space: pre-wrap;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.comment[data-v-c189ab35] p {
+.comment[data-v-5ace8cef] p {
   margin: 0;
 }
-.comment[data-v-c189ab35] a {
+.comment[data-v-5ace8cef] a {
   color: var(--sd-ui-action, #1354ff);
   text-decoration: underline;
 }
-.tracked-change[data-v-c189ab35] {
+.tracked-change[data-v-5ace8cef] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.change-type[data-v-c189ab35] {
+.change-type[data-v-5ace8cef] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text[data-v-c189ab35] {
+.tracked-change-text[data-v-5ace8cef] {
   color: var(--sd-ui-comments-body-text, #212121);
   white-space: pre-wrap;
 }
-.tracked-change-text.is-deleted[data-v-c189ab35] {
+.tracked-change-text.is-deleted[data-v-5ace8cef] {
   color: var(--sd-ui-comments-delete-text, #cb0e47);
 }
-.tracked-change-text.is-inserted[data-v-c189ab35] {
+.tracked-change-text.is-inserted[data-v-5ace8cef] {
   color: var(--sd-ui-comments-insert-text, #1f6feb);
   font-weight: 500;
 }
-.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-c189ab35] {
+.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-5ace8cef] {
   color: var(--sd-ui-comments-move-from-text, #00853d);
 }
-.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-c189ab35] {
+.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-5ace8cef] {
   color: var(--sd-ui-comments-move-to-text, #00853d);
 }
-.tracked-change-detail-lines[data-v-c189ab35] {
+.tracked-change-detail-lines[data-v-5ace8cef] {
   margin-top: 4px;
 }
-.tracked-change-detail-line[data-v-c189ab35] {
+.tracked-change-detail-line[data-v-5ace8cef] {
   font-size: 12px;
   line-height: 1.4;
 }
-.tracked-change-image-preview[data-v-c189ab35] {
+.tracked-change-image-preview[data-v-5ace8cef] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1595,7 +1598,7 @@ img[data-v-c95b2073] {
   max-width: 96px;
   max-height: 96px;
 }
-.tracked-change-image-preview__image[data-v-c189ab35] {
+.tracked-change-image-preview__image[data-v-5ace8cef] {
   display: block;
   width: auto;
   height: auto;
@@ -1605,7 +1608,7 @@ img[data-v-c95b2073] {
 }
 
 /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
-.tracked-change-decision-alert[data-v-c189ab35] {
+.tracked-change-decision-alert[data-v-5ace8cef] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1619,12 +1622,12 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.4;
 }
-.tracked-change-decision-alert__retry[data-v-c189ab35] {
+.tracked-change-decision-alert__retry[data-v-5ace8cef] {
   flex-shrink: 0;
 }
 
 /* ── Resolved badge ── */
-.resolved-badge[data-v-c189ab35] {
+.resolved-badge[data-v-5ace8cef] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1633,33 +1636,33 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-comments-resolved-text, #00853d);
   margin-bottom: 4px;
 }
-.resolved-badge__icon[data-v-c189ab35] {
+.resolved-badge__icon[data-v-5ace8cef] {
   display: inline-flex;
   width: 12px;
   height: 12px;
 }
-.resolved-badge__icon[data-v-c189ab35] svg {
+.resolved-badge__icon[data-v-5ace8cef] svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 /* ── Text truncation ── */
-.comment.is-truncated[data-v-c189ab35],
-.tracked-change.is-truncated[data-v-c189ab35] {
+.comment.is-truncated[data-v-5ace8cef],
+.tracked-change.is-truncated[data-v-5ace8cef] {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   max-height: 4.5em;
   overflow: hidden;
 }
-.comment.is-scrollable[data-v-c189ab35],
-.tracked-change.is-scrollable[data-v-c189ab35] {
+.comment.is-scrollable[data-v-5ace8cef],
+.tracked-change.is-scrollable[data-v-5ace8cef] {
   max-height: 220px;
   overflow-y: auto;
   padding-right: 4px;
 }
-.show-more-toggle[data-v-c189ab35] {
+.show-more-toggle[data-v-5ace8cef] {
   font-size: 12px;
   color: var(--sd-ui-action, #1355ff);
   cursor: pointer;
@@ -1667,12 +1670,12 @@ img[data-v-c95b2073] {
   margin-top: 4px;
   user-select: none;
 }
-.show-more-toggle[data-v-c189ab35]:hover {
+.show-more-toggle[data-v-5ace8cef]:hover {
   text-decoration: underline;
 }
 
 /* ── Thread collapse ── */
-.collapsed-replies[data-v-c189ab35] {
+.collapsed-replies[data-v-5ace8cef] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1683,24 +1686,24 @@ img[data-v-c95b2073] {
   cursor: pointer;
   user-select: none;
 }
-.collapsed-replies[data-v-c189ab35]:hover {
+.collapsed-replies[data-v-5ace8cef]:hover {
   text-decoration: underline;
 }
-.collapsed-avatars[data-v-c189ab35] {
+.collapsed-avatars[data-v-5ace8cef] {
   display: flex;
 }
-.collapsed-avatars .mini-avatar[data-v-c189ab35] {
+.collapsed-avatars .mini-avatar[data-v-5ace8cef] {
   --sd-comment-avatar-size: 20px;
   --sd-comment-avatar-font-size: 8px;
   margin-left: -4px;
   border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
 }
-.collapsed-avatars .mini-avatar[data-v-c189ab35]:first-child {
+.collapsed-avatars .mini-avatar[data-v-5ace8cef]:first-child {
   margin-left: 0;
 }
 
 /* ── New comment input ── */
-.new-comment-input-wrapper[data-v-c189ab35] {
+.new-comment-input-wrapper[data-v-5ace8cef] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1709,17 +1712,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow: visible;
 }
-.new-comment-input-wrapper[data-v-c189ab35]:focus-within {
+.new-comment-input-wrapper[data-v-5ace8cef]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.new-comment-input-wrapper[data-v-c189ab35] .comment-entry {
+.new-comment-input-wrapper[data-v-5ace8cef] .comment-entry {
   border-radius: 0;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .input-section {
+.new-comment-input-wrapper[data-v-5ace8cef] .input-section {
   margin: 0;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .superdoc-field {
+.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1730,18 +1733,18 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .superdoc-field:focus,
-.new-comment-input-wrapper[data-v-c189ab35] .superdoc-field:active {
+.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,
+.new-comment-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.new-comment-input-wrapper[data-v-c189ab35] .sd-editor-placeholder::before {
+.new-comment-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder::before {
   content: 'Comment or add others with @';
 }
 
 /* ── Reply pill & expanded input ── */
-.reply-pill[data-v-c189ab35] {
+.reply-pill[data-v-5ace8cef] {
   width: 100%;
   padding: 8.5px 10.5px;
   border: 1.5px solid transparent;
@@ -1755,16 +1758,16 @@ img[data-v-c95b2073] {
   cursor: text;
   transition: background 150ms ease;
 }
-.reply-pill[data-v-c189ab35]:hover {
+.reply-pill[data-v-5ace8cef]:hover {
   background: var(--sd-color-gray-200, #f2f2f2);
 }
-.reply-pill[data-v-c189ab35]:disabled {
+.reply-pill[data-v-5ace8cef]:disabled {
   cursor: not-allowed;
 }
-.reply-expanded[data-v-c189ab35] {
+.reply-expanded[data-v-5ace8cef] {
   margin-top: 10px;
 }
-.reply-input-wrapper[data-v-c189ab35] {
+.reply-input-wrapper[data-v-5ace8cef] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1772,17 +1775,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow: visible;
 }
-.reply-input-wrapper[data-v-c189ab35]:focus-within {
+.reply-input-wrapper[data-v-5ace8cef]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.reply-input-wrapper[data-v-c189ab35] .comment-entry {
+.reply-input-wrapper[data-v-5ace8cef] .comment-entry {
   border-radius: 0;
 }
-.reply-input-wrapper[data-v-c189ab35] .input-section {
+.reply-input-wrapper[data-v-5ace8cef] .input-section {
   margin: 0;
 }
-.reply-input-wrapper[data-v-c189ab35] .superdoc-field {
+.reply-input-wrapper[data-v-5ace8cef] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1793,23 +1796,23 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.reply-input-wrapper[data-v-c189ab35] .superdoc-field:focus,
-.reply-input-wrapper[data-v-c189ab35] .superdoc-field:active {
+.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:focus,
+.reply-input-wrapper[data-v-5ace8cef] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.reply-input-wrapper[data-v-c189ab35] .sd-editor-placeholder::before {
+.reply-input-wrapper[data-v-5ace8cef] .sd-editor-placeholder::before {
   content: 'Reply or add others with @';
 }
-.reply-actions[data-v-c189ab35] {
+.reply-actions[data-v-5ace8cef] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 16px;
   margin-top: 8px;
 }
-.reply-btn-cancel[data-v-c189ab35] {
+.reply-btn-cancel[data-v-5ace8cef] {
   background: none;
   border: none;
   font-size: 13px;
@@ -1820,10 +1823,10 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: color 150ms;
 }
-.reply-btn-cancel[data-v-c189ab35]:hover {
+.reply-btn-cancel[data-v-5ace8cef]:hover {
   color: var(--sd-ui-text, #212121);
 }
-.reply-btn-primary[data-v-c189ab35] {
+.reply-btn-primary[data-v-5ace8cef] {
   background: var(--sd-ui-action, #1355ff);
   border: none;
   font-size: 13px;
@@ -1835,19 +1838,19 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: background 150ms;
 }
-.reply-btn-primary[data-v-c189ab35]:hover {
+.reply-btn-primary[data-v-5ace8cef]:hover {
   background: var(--sd-ui-action-hover, #0f44cc);
 }
-.reply-btn-primary.sd-is-disabled[data-v-c189ab35] {
+.reply-btn-primary.sd-is-disabled[data-v-5ace8cef] {
   background: var(--sd-color-gray-400, #dbdbdb);
   color: var(--sd-color-gray-600, #888888);
   cursor: default;
   pointer-events: none;
 }
-.existing-internal-input[data-v-c189ab35] {
+.existing-internal-input[data-v-5ace8cef] {
   margin-bottom: 10px;
 }
-.sd-internal-dropdown[data-v-c189ab35] {
+.sd-internal-dropdown[data-v-5ace8cef] {
   display: inline-block;
 }
 
@@ -1975,12 +1978,12 @@ img[data-v-c95b2073] {
   padding: 38px 75px 75px;
 }
 
-.link-input-wrapper[data-v-498a6e6e] {
+.link-input-wrapper[data-v-360db842] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.link-input-ctn[data-v-498a6e6e] {
+.link-input-ctn[data-v-360db842] {
   width: 320px;
   display: flex;
   flex-direction: column;
@@ -1989,20 +1992,20 @@ img[data-v-c95b2073] {
   background-color: var(--sd-ui-dropdown-bg, #ffffff);
   box-sizing: border-box;
 }
-.link-input-ctn[data-v-498a6e6e] svg {
+.link-input-ctn[data-v-360db842] svg {
     width: 100%;
     height: 100%;
     display: block;
     fill: currentColor;
 }
-.link-input-ctn .input-row[data-v-498a6e6e] {
+.link-input-ctn .input-row[data-v-360db842] {
     align-content: baseline;
     display: flex;
     align-items: center;
     position: relative;
     font-size: var(--sd-ui-font-size-600, 16px);
 }
-.link-input-ctn .input-row input[data-v-498a6e6e] {
+.link-input-ctn .input-row input[data-v-360db842] {
       font-size: var(--sd-ui-font-size-300, 13px);
       flex-grow: 1;
       min-width: 0;
@@ -2014,22 +2017,22 @@ img[data-v-c95b2073] {
       border: 1px solid var(--sd-ui-border, #dbdbdb);
       box-sizing: border-box;
 }
-.link-input-ctn .input-row input[data-v-498a6e6e]:active,
-      .link-input-ctn .input-row input[data-v-498a6e6e]:focus {
+.link-input-ctn .input-row input[data-v-360db842]:active,
+      .link-input-ctn .input-row input[data-v-360db842]:focus {
         outline: none;
         border: 1px solid var(--sd-ui-action, #1355ff);
 }
-.link-input-ctn .input-row input[readonly][data-v-498a6e6e] {
+.link-input-ctn .input-row input[readonly][data-v-360db842] {
         background-color: var(--sd-ui-disabled-bg, #f5f5f5);
         cursor: default;
         color: var(--sd-ui-text-disabled, #888);
         border-color: var(--sd-ui-border, #e0e0e0);
 }
-.link-input-ctn .input-row input[readonly][data-v-498a6e6e]:active,
-        .link-input-ctn .input-row input[readonly][data-v-498a6e6e]:focus {
+.link-input-ctn .input-row input[readonly][data-v-360db842]:active,
+        .link-input-ctn .input-row input[readonly][data-v-360db842]:focus {
           border-color: var(--sd-ui-border, #e0e0e0);
 }
-.link-input-ctn .input-icon[data-v-498a6e6e] {
+.link-input-ctn .input-icon[data-v-360db842] {
     position: absolute;
     left: 12px;
     width: 14px;
@@ -2038,18 +2041,18 @@ img[data-v-c95b2073] {
     text-align: center;
     z-index: 1;
 }
-.link-input-ctn .input-icon[data-v-498a6e6e]:not(.text-input-icon) {
+.link-input-ctn .input-icon[data-v-360db842]:not(.text-input-icon) {
     transform: rotate(45deg);
     height: 14px;
 }
-.link-input-ctn.high-contrast .input-icon[data-v-498a6e6e] {
+.link-input-ctn.high-contrast .input-icon[data-v-360db842] {
       color: var(--sd-ui-text, #47484a);
 }
-.link-input-ctn.high-contrast .input-row input[data-v-498a6e6e] {
+.link-input-ctn.high-contrast .input-row input[data-v-360db842] {
       color: var(--sd-ui-text, #47484a);
       border-color: var(--sd-ui-text, #47484a);
 }
-.open-link-icon[data-v-498a6e6e] {
+.open-link-icon[data-v-360db842] {
   margin-left: 10px;
   width: 30px;
   height: 30px;
@@ -2062,57 +2065,57 @@ img[data-v-c95b2073] {
   transition: all 0.2s ease;
   cursor: pointer;
 }
-.open-link-icon[data-v-498a6e6e]:hover {
+.open-link-icon[data-v-360db842]:hover {
   color: var(--sd-ui-action, #1355ff);
   background-color: var(--sd-ui-bg, #ffffff);
   border: 1px solid var(--sd-ui-border, #dbdbdb);
 }
-.open-link-icon[data-v-498a6e6e] svg {
+.open-link-icon[data-v-360db842] svg {
   width: 15px;
   height: 15px;
 }
-.sd-disabled[data-v-498a6e6e] {
+.sd-disabled[data-v-360db842] {
   opacity: 0.6;
   cursor: not-allowed;
   pointer-events: none;
 }
-.link-buttons[data-v-498a6e6e] {
+.link-buttons[data-v-360db842] {
   display: flex;
   justify-content: flex-end;
   margin-top: 10px;
 }
-.remove-btn__icon[data-v-498a6e6e] {
+.remove-btn__icon[data-v-360db842] {
   display: inline-flex;
   width: 13px;
   height: 13px;
   flex-shrink: 0;
   margin-right: 4px;
 }
-.link-buttons button[data-v-498a6e6e] {
+.link-buttons button[data-v-360db842] {
   margin-left: 5px;
 }
-.disable-btn[data-v-498a6e6e] {
+.disable-btn[data-v-360db842] {
   opacity: 0.6;
   cursor: not-allowed;
   pointer-events: none;
 }
-.go-to-anchor a[data-v-498a6e6e] {
+.go-to-anchor a[data-v-360db842] {
   font-size: var(--sd-ui-font-size-400, 14px);
   text-decoration: underline;
 }
-.clickable[data-v-498a6e6e] {
+.clickable[data-v-360db842] {
   cursor: pointer;
 }
-.link-title[data-v-498a6e6e] {
+.link-title[data-v-360db842] {
   font-size: var(--sd-ui-font-size-400, 14px);
   font-weight: 600;
   color: var(--sd-ui-text, #47484a);
   margin-bottom: 10px;
 }
-.hasBottomMargin[data-v-498a6e6e] {
+.hasBottomMargin[data-v-360db842] {
   margin-bottom: 1em;
 }
-.remove-btn[data-v-498a6e6e] {
+.remove-btn[data-v-360db842] {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -2128,10 +2131,10 @@ img[data-v-c95b2073] {
   border: 1px solid var(--sd-ui-border, #dbdbdb);
   box-sizing: border-box;
 }
-.remove-btn[data-v-498a6e6e]:hover {
+.remove-btn[data-v-360db842]:hover {
   background-color: var(--sd-ui-hover-bg, #dbdbdb);
 }
-.sd-submit-btn[data-v-498a6e6e] {
+.sd-submit-btn[data-v-360db842] {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -2147,10 +2150,10 @@ img[data-v-c95b2073] {
   transition: all 0.2s ease;
   box-sizing: border-box;
 }
-.sd-submit-btn[data-v-498a6e6e]:hover {
+.sd-submit-btn[data-v-360db842]:hover {
     background-color: var(--sd-ui-action-hover, #0f44cc);
 }
-.sd-error[data-v-498a6e6e] {
+.sd-error[data-v-360db842] {
   border-color: red !important;
   background-color: #ff00001a;
 }
@@ -2159,7 +2162,7 @@ img[data-v-c95b2073] {
   width: 100%;
 }
 
-.sd-surface-dialog-backdrop[data-v-582b6534] {
+.sd-surface-dialog-backdrop[data-v-5cee3b11] {
   position: fixed;
   inset: 0;
   z-index: var(--sd-ui-dialog-z-index, 2147483001);
@@ -2170,7 +2173,7 @@ img[data-v-c95b2073] {
   justify-content: center;
   background: var(--sd-ui-dialog-backdrop, rgba(18, 24, 38, 0.32));
 }
-.sd-surface-dialog[data-v-582b6534] {
+.sd-surface-dialog[data-v-5cee3b11] {
   box-sizing: border-box;
   min-width: 0;
   background: var(--sd-ui-surface-bg);
@@ -2185,35 +2188,35 @@ img[data-v-c95b2073] {
   font-family: var(--sd-ui-font-family);
   color: var(--sd-ui-text);
 }
-.sd-surface-dialog__title[data-v-582b6534] {
+.sd-surface-dialog__title[data-v-5cee3b11] {
   padding: var(--sd-ui-surface-title-padding);
   font-size: var(--sd-ui-font-size-500, 15px);
   font-weight: 600;
   line-height: 1.4;
 }
-.sd-surface-dialog__content[data-v-582b6534] {
+.sd-surface-dialog__content[data-v-5cee3b11] {
   padding: var(--sd-ui-surface-content-padding);
 }
 
 /* Built-in dialogs share chrome while their components own fields and actions. */
-.sd-surface-dialog[data-v-582b6534]:has(.sd-dialog-content) {
+.sd-surface-dialog[data-v-5cee3b11]:has(.sd-dialog-content) {
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.sd-surface-dialog__content[data-v-582b6534]:has(> .sd-dialog-content) {
+.sd-surface-dialog__content[data-v-5cee3b11]:has(> .sd-dialog-content) {
   display: flex;
   flex-direction: column;
   min-height: 0;
   padding: 0;
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-content {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-content {
   display: flex;
   flex-direction: column;
   min-height: 0;
   max-height: calc(100dvh - 34px);
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-header {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header {
   display: flex;
   flex: none;
   align-items: center;
@@ -2222,13 +2225,13 @@ img[data-v-c95b2073] {
   padding: 14px 16px;
   border-bottom: 1px solid var(--sd-ui-surface-border, #e4e7ec);
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-header h2 {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-header h2 {
   margin: 0;
   font-size: 18px;
   font-weight: 650;
   letter-spacing: -0.01em;
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-close {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close {
   display: grid;
   flex: none;
   place-items: center;
@@ -2243,10 +2246,10 @@ img[data-v-c95b2073] {
   line-height: 1;
   cursor: pointer;
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-close:hover {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-close:hover {
   background: var(--sd-ui-hover-bg, #f2f4f7);
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-footer {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer {
   display: flex;
   flex: none;
   align-items: center;
@@ -2256,7 +2259,7 @@ img[data-v-c95b2073] {
   border-top: 1px solid var(--sd-ui-surface-border, #eaecf0);
   background: var(--sd-ui-surface-bg, #fff);
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-footer button {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button {
   min-width: 72px;
   min-height: 32px;
   padding: 7px 12px;
@@ -2266,17 +2269,17 @@ img[data-v-c95b2073] {
   font-weight: 600;
   cursor: pointer;
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-secondary {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-secondary {
   border: 1px solid var(--sd-ui-surface-border, #cfd4dc);
   background: var(--sd-ui-surface-bg, #fff);
   color: var(--sd-ui-text, #344054);
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-primary {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-primary {
   border: 1px solid var(--sd-ui-action, #3367d6);
   background: var(--sd-ui-action, #3367d6);
   color: var(--sd-ui-action-text, #fff);
 }
-.sd-surface-dialog[data-v-582b6534] .sd-dialog-footer button:disabled {
+.sd-surface-dialog[data-v-5cee3b11] .sd-dialog-footer button:disabled {
   cursor: not-allowed;
   opacity: 0.55;
 }
@@ -2967,10 +2970,10 @@ img[data-v-c95b2073] {
   color: #fff;
 }
 
-.sd-tooltip-trigger[data-v-1449088a] {
+.sd-tooltip-trigger[data-v-71c6de4c] {
   display: inline-flex;
 }
-.sd-tooltip-content[data-v-1449088a] {
+.sd-tooltip-content[data-v-71c6de4c] {
   background-color: var(--sd-ui-tooltip-bg, #262626);
   color: var(--sd-ui-tooltip-text, #fff);
   font-size: var(--sd-ui-font-size-400, 14px);
@@ -2981,7 +2984,7 @@ img[data-v-c95b2073] {
   pointer-events: auto;
   white-space: nowrap;
 }
-.sd-tooltip-arrow[data-v-1449088a] {
+.sd-tooltip-arrow[data-v-71c6de4c] {
   position: absolute;
   left: 50%;
   bottom: -5px;
@@ -2990,19 +2993,20 @@ img[data-v-c95b2073] {
   background-color: var(--sd-ui-tooltip-bg, #262626);
   transform: translateX(-50%) rotate(45deg);
 }
-.fade-in-scale-up-transition-enter-active[data-v-1449088a] {
-  transform-origin: bottom center;
+.sd-tooltip-below .sd-tooltip-arrow[data-v-71c6de4c] {
+  top: -5px;
+  bottom: auto;
 }
-.fade-in-scale-up-transition-enter-active[data-v-1449088a] {
+.fade-in-scale-up-transition-enter-active[data-v-71c6de4c] {
   transition:
     opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
     transform 0.2s cubic-bezier(0, 0, 0.2, 1);
 }
-.fade-in-scale-up-transition-enter-from[data-v-1449088a] {
+.fade-in-scale-up-transition-enter-from[data-v-71c6de4c] {
   opacity: 0;
   transform: scale(0.9);
 }
-.fade-in-scale-up-transition-enter-to[data-v-1449088a] {
+.fade-in-scale-up-transition-enter-to[data-v-71c6de4c] {
   opacity: 1;
   transform: scale(1);
 }