@youcan/celeste 0.6.74 → 0.6.75

package/dist/celeste.css

@@ -72,9 +72,10 @@
 .celeste-cbutton-white[data-v-c062bacd] {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
-}[data-v-14ac7b61] .celeste-tooltip-content {
+}[data-v-adcfc2c6] .celeste-tooltip-content {
   display: flex;
   position: relative;
+  z-index: 50;
   align-items: flex-start;
   width: auto;
   max-width: calc(var(--radix-tooltip-content-available-width) / 1.5);
@@ -87,35 +88,35 @@
   gap: var(--spacing-12);
   scale: 0.98;
 }
-[data-v-14ac7b61] .celeste-tooltip-content[data-state=delayed-open] {
-  animation-name: open-14ac7b61;
+[data-v-adcfc2c6] .celeste-tooltip-content[data-state=delayed-open] {
+  animation-name: open-adcfc2c6;
 }
-[data-v-14ac7b61] .celeste-tooltip-content[data-state=closed][data-side=left] {
-  animation-name: close-left-14ac7b61;
+[data-v-adcfc2c6] .celeste-tooltip-content[data-state=closed][data-side=left] {
+  animation-name: close-left-adcfc2c6;
 }
-[data-v-14ac7b61] .celeste-tooltip-content[data-state=closed][data-side=right] {
-  animation-name: close-right-14ac7b61;
+[data-v-adcfc2c6] .celeste-tooltip-content[data-state=closed][data-side=right] {
+  animation-name: close-right-adcfc2c6;
 }
-[data-v-14ac7b61] .celeste-tooltip-content[data-state=closed][data-side=top] {
-  animation-name: close-top-14ac7b61;
+[data-v-adcfc2c6] .celeste-tooltip-content[data-state=closed][data-side=top] {
+  animation-name: close-top-adcfc2c6;
 }
-[data-v-14ac7b61] .celeste-tooltip-content[data-state=closed][data-side=bottom] {
-  animation-name: close-bottom-14ac7b61;
+[data-v-adcfc2c6] .celeste-tooltip-content[data-state=closed][data-side=bottom] {
+  animation-name: close-bottom-adcfc2c6;
 }
-[data-v-14ac7b61] .celeste-tooltip-content .celeste-tooltip-content-box {
+[data-v-adcfc2c6] .celeste-tooltip-content .celeste-tooltip-content-box {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-[data-v-14ac7b61] .celeste-tooltip-content .celeste-tooltip-content-box .celeste-tooltip-content-description {
+[data-v-adcfc2c6] .celeste-tooltip-content .celeste-tooltip-content-box .celeste-tooltip-content-description {
   font: var(--paragraph-xs);
 }
-[data-v-14ac7b61] .celeste-tooltip-content .celeste-tooltip-content-icon {
+[data-v-adcfc2c6] .celeste-tooltip-content .celeste-tooltip-content-icon {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-[data-v-14ac7b61] .celeste-tooltip-content .celeste-tooltip-content-arrow {
+[data-v-adcfc2c6] .celeste-tooltip-content .celeste-tooltip-content-arrow {
   --tooltip-arrow-size: 8px;
   position: absolute;
   width: var(--tooltip-arrow-size);
@@ -128,71 +129,71 @@
   inset-inline-start: calc(var(--tooltip-arrow-size) / 2 * -1);
   inset-block-start: calc((var(--tooltip-arrow-size) / 2 + 1px) * -1);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=light] {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=light] {
   border-color: var(--color-stroke-soft-200);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-icon {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-icon {
   color: var(--color-icon-sub-600);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-title {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-title {
   color: var(--color-text-strong-950);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-description {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-description {
   color: var(--color-text-sub-600);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-arrow {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=light] .celeste-tooltip-content-arrow {
   border-color: var(--color-stroke-soft-200);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=dark] {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=dark] {
   background-color: var(--color-bg-strong-950);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-icon {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-icon {
   color: var(--color-icon-soft-400);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-title {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-title {
   color: var(--color-text-white-0);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-description {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-description {
   color: var(--color-text-soft-400);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-arrow {
+[data-v-adcfc2c6] .celeste-tooltip-content[variant=dark] .celeste-tooltip-content-arrow {
   background-color: var(--color-bg-strong-950);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[size=xs] {
+[data-v-adcfc2c6] .celeste-tooltip-content[size=xs] {
   padding: var(--spacing-2) var(--spacing-6);
   border-radius: var(--radius-4);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[size=xs] .celeste-tooltip-content-title {
+[data-v-adcfc2c6] .celeste-tooltip-content[size=xs] .celeste-tooltip-content-title {
   font: var(--paragraph-xs);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[size=sm] {
+[data-v-adcfc2c6] .celeste-tooltip-content[size=sm] {
   padding: var(--spacing-4) var(--spacing-10);
   border-radius: var(--radius-6);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[size=sm] .celeste-tooltip-content-title {
+[data-v-adcfc2c6] .celeste-tooltip-content[size=sm] .celeste-tooltip-content-title {
   font: var(--paragraph-sm);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[size=md] {
+[data-v-adcfc2c6] .celeste-tooltip-content[size=md] {
   padding: var(--spacing-12);
   border-radius: var(--radius-12);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[size=md] .celeste-tooltip-content-title {
+[data-v-adcfc2c6] .celeste-tooltip-content[size=md] .celeste-tooltip-content-title {
   font: var(--label-sm);
 }
-[data-v-14ac7b61] .celeste-tooltip-content[data-side=left] .celeste-tooltip-content-arrow,[data-v-14ac7b61] .celeste-tooltip-content[data-side=right] .celeste-tooltip-content-arrow {
+[data-v-adcfc2c6] .celeste-tooltip-content[data-side=left] .celeste-tooltip-content-arrow,[data-v-adcfc2c6] .celeste-tooltip-content[data-side=right] .celeste-tooltip-content-arrow {
   translate: calc(var(--tooltip-arrow-size) / 4 * -1) 0;
 }
-[data-v-14ac7b61] .celeste-tooltip-content:has(button):not(:has(.celeste-tooltip-content-description)) {
+[data-v-adcfc2c6] .celeste-tooltip-content:has(button):not(:has(.celeste-tooltip-content-description)) {
   align-items: center;
 }
-@keyframes open-14ac7b61 {
+@keyframes open-adcfc2c6 {
 to {
     translate: 0;
     opacity: 1;
     scale: 1;
 }
 }
-@keyframes close-left-14ac7b61 {
+@keyframes close-left-adcfc2c6 {
 from {
     translate: 0;
     opacity: 1;
@@ -204,7 +205,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes close-right-14ac7b61 {
+@keyframes close-right-adcfc2c6 {
 from {
     translate: 0;
     opacity: 1;
@@ -216,7 +217,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes close-top-14ac7b61 {
+@keyframes close-top-adcfc2c6 {
 from {
     translate: 0;
     opacity: 1;
@@ -228,7 +229,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes close-bottom-14ac7b61 {
+@keyframes close-bottom-adcfc2c6 {
 from {
     translate: 0;
     opacity: 1;
@@ -579,134 +580,134 @@ to {
   border-radius: var(--radius-8);
   box-shadow: var(--shadow-regular-md);
 }
-.celeste-alert[data-v-a07f0877] {
+.celeste-alert[data-v-fcbcab27] {
   display: flex;
   box-sizing: border-box;
-  align-items: start;
+  align-items: flex-start;
   width: 100%;
 }
-.celeste-alert-inner[data-v-a07f0877] {
+.celeste-alert-inner[data-v-fcbcab27] {
   display: flex;
   flex: 1;
   justify-content: space-between;
   min-width: 0;
 }
-.celeste-alert-content[data-v-a07f0877] {
+.celeste-alert-content[data-v-fcbcab27] {
   flex: 1;
   min-width: 0;
 }
-.celeste-alert-icon[data-v-a07f0877] {
+.celeste-alert-icon[data-v-fcbcab27] {
   flex-shrink: 0;
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.celeste-alert-icon--fill--error[data-v-a07f0877] {
+.celeste-alert-icon--fill--error[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert-icon--fill--feature[data-v-a07f0877] {
+.celeste-alert-icon--fill--feature[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert-icon--fill--warning[data-v-a07f0877] {
+.celeste-alert-icon--fill--warning[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert-icon--fill--success[data-v-a07f0877] {
+.celeste-alert-icon--fill--success[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert-icon--fill--information[data-v-a07f0877] {
+.celeste-alert-icon--fill--information[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert-icon--light--error[data-v-a07f0877] {
+.celeste-alert-icon--light--error[data-v-fcbcab27] {
   color: var(--color-state-error-base);
 }
-.celeste-alert-icon--light--feature[data-v-a07f0877] {
+.celeste-alert-icon--light--feature[data-v-fcbcab27] {
   color: var(--color-state-faded-base);
 }
-.celeste-alert-icon--light--warning[data-v-a07f0877] {
+.celeste-alert-icon--light--warning[data-v-fcbcab27] {
   color: var(--color-state-warning-base);
 }
-.celeste-alert-icon--light--success[data-v-a07f0877] {
+.celeste-alert-icon--light--success[data-v-fcbcab27] {
   color: var(--color-state-success-base);
 }
-.celeste-alert-icon--light--information[data-v-a07f0877] {
+.celeste-alert-icon--light--information[data-v-fcbcab27] {
   color: var(--color-state-information-base);
 }
-.celeste-alert-icon--lighter--error[data-v-a07f0877] {
+.celeste-alert-icon--lighter--error[data-v-fcbcab27] {
   color: var(--color-state-error-base);
 }
-.celeste-alert-icon--lighter--feature[data-v-a07f0877] {
+.celeste-alert-icon--lighter--feature[data-v-fcbcab27] {
   color: var(--color-state-faded-base);
 }
-.celeste-alert-icon--lighter--warning[data-v-a07f0877] {
+.celeste-alert-icon--lighter--warning[data-v-fcbcab27] {
   color: var(--color-state-warning-base);
 }
-.celeste-alert-icon--lighter--success[data-v-a07f0877] {
+.celeste-alert-icon--lighter--success[data-v-fcbcab27] {
   color: var(--color-state-success-base);
 }
-.celeste-alert-icon--lighter--information[data-v-a07f0877] {
+.celeste-alert-icon--lighter--information[data-v-fcbcab27] {
   color: var(--color-state-information-base);
 }
-.celeste-alert-icon--stroke--error[data-v-a07f0877] {
+.celeste-alert-icon--stroke--error[data-v-fcbcab27] {
   color: var(--color-state-error-base);
 }
-.celeste-alert-icon--stroke--feature[data-v-a07f0877] {
+.celeste-alert-icon--stroke--feature[data-v-fcbcab27] {
   color: var(--color-state-faded-base);
 }
-.celeste-alert-icon--stroke--warning[data-v-a07f0877] {
+.celeste-alert-icon--stroke--warning[data-v-fcbcab27] {
   color: var(--color-state-warning-base);
 }
-.celeste-alert-icon--stroke--success[data-v-a07f0877] {
+.celeste-alert-icon--stroke--success[data-v-fcbcab27] {
   color: var(--color-state-success-base);
 }
-.celeste-alert-icon--stroke--information[data-v-a07f0877] {
+.celeste-alert-icon--stroke--information[data-v-fcbcab27] {
   color: var(--color-state-information-base);
 }
-.celeste-alert-close[data-v-a07f0877] {
+.celeste-alert-close[data-v-fcbcab27] {
   flex-shrink: 0;
   margin-inline-start: auto;
 }
-.celeste-alert-close i[data-v-a07f0877] {
+.celeste-alert-close i[data-v-fcbcab27] {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-.celeste-alert-close--fill[data-v-a07f0877] {
+.celeste-alert-close--fill[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-static-white);
 }
-.celeste-alert-close--light[data-v-a07f0877] {
+.celeste-alert-close--light[data-v-fcbcab27] {
   opacity: 0.4;
   color: var(--color-icon-strong-950);
 }
-.celeste-alert-close--lighter[data-v-a07f0877] {
+.celeste-alert-close--lighter[data-v-fcbcab27] {
   opacity: 0.4;
   color: var(--color-icon-strong-950);
 }
-.celeste-alert-close--stroke[data-v-a07f0877] {
+.celeste-alert-close--stroke[data-v-fcbcab27] {
   opacity: 0.4;
   color: var(--color-icon-strong-950);
 }
-.celeste-alert-title[data-v-a07f0877] {
+.celeste-alert-title[data-v-fcbcab27] {
   margin: 0;
   overflow: hidden;
   font: var(--title-font);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.celeste-alert-description[data-v-a07f0877] {
+.celeste-alert-description[data-v-fcbcab27] {
   font: var(--paragraph-sm);
 }
-.celeste-alert-actions[data-v-a07f0877] {
+.celeste-alert-actions[data-v-fcbcab27] {
   display: flex;
   flex-shrink: 0;
   align-items: flex-start;
   align-self: stretch;
   gap: var(--spacing-8);
 }
-.celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert-action-divider[data-v-fcbcab27] {
   opacity: 0.48;
   font: var(--paragraph-sm);
   text-align: center;
 }
-.celeste-alert--xs[data-v-a07f0877] {
+.celeste-alert--xs[data-v-fcbcab27] {
   height: 32px;
   padding: var(--spacing-8);
   gap: var(--spacing-8);
@@ -716,7 +717,7 @@ to {
   --action-font: var(--label-xs);
   --title-font: var(--paragraph-xs);
 }
-.celeste-alert--sm[data-v-a07f0877] {
+.celeste-alert--sm[data-v-fcbcab27] {
   height: 36px;
   padding: var(--spacing-8) var(--spacing-10);
   gap: var(--spacing-8);
@@ -726,7 +727,7 @@ to {
   --title-font: var(--paragraph-sm);
   --action-font: var(--label-sm);
 }
-.celeste-alert--lg[data-v-a07f0877] {
+.celeste-alert--lg[data-v-fcbcab27] {
   height: -moz-fit-content;
   height: fit-content;
   padding: 14px;
@@ -736,248 +737,248 @@ to {
   --action-font: var(--label-sm);
   --title-font: var(--label-sm);
 }
-.celeste-alert--lg .celeste-alert-inner[data-v-a07f0877] {
+.celeste-alert--lg .celeste-alert-inner[data-v-fcbcab27] {
   flex-direction: column;
   gap: var(--spacing-10);
 }
-.celeste-alert--fill--error[data-v-a07f0877] {
+.celeste-alert--fill--error[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-error-base);
   color: var(--color-static-white);
 }
-.celeste-alert--fill--error .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--fill--error .celeste-alert-description[data-v-fcbcab27] {
   opacity: 1;
   color: var(--color-static-white);
 }
-.celeste-alert--fill--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--error .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--fill--error .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--fill--error .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--fill--error .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert--fill--feature[data-v-a07f0877] {
+.celeste-alert--fill--feature[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-faded-base);
   color: var(--color-static-white);
 }
-.celeste-alert--fill--feature .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--fill--feature .celeste-alert-description[data-v-fcbcab27] {
   opacity: 1;
   color: var(--color-static-white);
 }
-.celeste-alert--fill--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--feature .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--fill--feature .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--fill--feature .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--fill--feature .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert--fill--warning[data-v-a07f0877] {
+.celeste-alert--fill--warning[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-warning-base);
   color: var(--color-static-white);
 }
-.celeste-alert--fill--warning .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--fill--warning .celeste-alert-description[data-v-fcbcab27] {
   opacity: 1;
   color: var(--color-static-white);
 }
-.celeste-alert--fill--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--warning .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--fill--warning .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--fill--warning .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--fill--warning .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert--fill--success[data-v-a07f0877] {
+.celeste-alert--fill--success[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-success-base);
   color: var(--color-static-white);
 }
-.celeste-alert--fill--success .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--fill--success .celeste-alert-description[data-v-fcbcab27] {
   opacity: 1;
   color: var(--color-static-white);
 }
-.celeste-alert--fill--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--success .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--fill--success .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--fill--success .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--fill--success .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert--fill--information[data-v-a07f0877] {
+.celeste-alert--fill--information[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-information-base);
   color: var(--color-static-white);
 }
-.celeste-alert--fill--information .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--fill--information .celeste-alert-description[data-v-fcbcab27] {
   opacity: 1;
   color: var(--color-static-white);
 }
-.celeste-alert--fill--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--fill--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--fill--information .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--fill--information .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--fill--information .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--fill--information .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-static-white);
 }
-.celeste-alert--light--error[data-v-a07f0877] {
+.celeste-alert--light--error[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-error-light);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--error .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--light--error .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--error .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--light--error .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--light--error .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--light--error .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--feature[data-v-a07f0877] {
+.celeste-alert--light--feature[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-faded-light);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--feature .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--light--feature .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--feature .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--light--feature .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--light--feature .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--light--feature .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--warning[data-v-a07f0877] {
+.celeste-alert--light--warning[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-warning-light);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--warning .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--light--warning .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--warning .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--light--warning .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--light--warning .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--light--warning .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--success[data-v-a07f0877] {
+.celeste-alert--light--success[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-success-light);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--success .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--light--success .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--success .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--light--success .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--light--success .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--light--success .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--information[data-v-a07f0877] {
+.celeste-alert--light--information[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-information-light);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--information .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--light--information .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--light--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--light--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--light--information .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--light--information .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--light--information .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--light--information .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--error[data-v-a07f0877] {
+.celeste-alert--lighter--error[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-error-lighter);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--error .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--lighter--error .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--error .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--lighter--error .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--lighter--error .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--lighter--error .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--feature[data-v-a07f0877] {
+.celeste-alert--lighter--feature[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-faded-lighter);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--feature .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--lighter--feature .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--feature .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--lighter--feature .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--lighter--feature .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--lighter--feature .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--warning[data-v-a07f0877] {
+.celeste-alert--lighter--warning[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-warning-lighter);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--warning .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--lighter--warning .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--warning .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--lighter--warning .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--lighter--warning .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--lighter--warning .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--success[data-v-a07f0877] {
+.celeste-alert--lighter--success[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-success-lighter);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--success .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--lighter--success .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--success .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--lighter--success .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--lighter--success .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--lighter--success .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--information[data-v-a07f0877] {
+.celeste-alert--lighter--information[data-v-fcbcab27] {
   border: 1px solid transparent;
   background-color: var(--color-state-information-lighter);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--information .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--lighter--information .celeste-alert-description[data-v-fcbcab27] {
   opacity: 0.72;
   color: var(--color-text-strong-950);
 }
-.celeste-alert--lighter--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--lighter--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--lighter--information .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--lighter--information .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--lighter--information .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--lighter--information .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--error[data-v-a07f0877] {
+.celeste-alert--stroke--error[data-v-fcbcab27] {
   border: 1px solid var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--error .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--stroke--error .celeste-alert-description[data-v-fcbcab27] {
   color: var(--color-text-sub-600);
 }
-.celeste-alert--stroke--error .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--error .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--error .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--stroke--error .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--stroke--error .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--stroke--error .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--feature[data-v-a07f0877] {
+.celeste-alert--stroke--feature[data-v-fcbcab27] {
   border: 1px solid var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--feature .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--stroke--feature .celeste-alert-description[data-v-fcbcab27] {
   color: var(--color-text-sub-600);
 }
-.celeste-alert--stroke--feature .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--feature .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--feature .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--stroke--feature .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--stroke--feature .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--stroke--feature .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--warning[data-v-a07f0877] {
+.celeste-alert--stroke--warning[data-v-fcbcab27] {
   border: 1px solid var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--warning .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--stroke--warning .celeste-alert-description[data-v-fcbcab27] {
   color: var(--color-text-sub-600);
 }
-.celeste-alert--stroke--warning .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--warning .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--warning .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--stroke--warning .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--stroke--warning .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--stroke--warning .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--success[data-v-a07f0877] {
+.celeste-alert--stroke--success[data-v-fcbcab27] {
   border: 1px solid var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--success .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--stroke--success .celeste-alert-description[data-v-fcbcab27] {
   color: var(--color-text-sub-600);
 }
-.celeste-alert--stroke--success .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--success .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--success .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--stroke--success .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--stroke--success .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--stroke--success .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--information[data-v-a07f0877] {
+.celeste-alert--stroke--information[data-v-fcbcab27] {
   border: 1px solid var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-md);
   color: var(--color-text-strong-950);
 }
-.celeste-alert--stroke--information .celeste-alert-description[data-v-a07f0877] {
+.celeste-alert--stroke--information .celeste-alert-description[data-v-fcbcab27] {
   color: var(--color-text-sub-600);
 }
-.celeste-alert--stroke--information .celeste-alert-action-primary[data-v-a07f0877], .celeste-alert--stroke--information .celeste-alert-action-secondary[data-v-a07f0877], .celeste-alert--stroke--information .celeste-alert-action-divider[data-v-a07f0877] {
+.celeste-alert--stroke--information .celeste-alert-action-primary[data-v-fcbcab27], .celeste-alert--stroke--information .celeste-alert-action-secondary[data-v-fcbcab27], .celeste-alert--stroke--information .celeste-alert-action-divider[data-v-fcbcab27] {
   color: var(--color-text-strong-950);
 }.celeste-badge[data-v-2b19ee1e] {
   display: inline-flex;
@@ -3546,31 +3547,31 @@ to {
 }
 .celeste-file-upload-area[data-over-drop-zone=true][data-v-cfdea6ac] {
   background-color: var(--color-bg-weak-50);
-}.celeste-hint-text[data-v-0fde56ef] {
+}.celeste-hint-text[data-v-42c3df99] {
   display: flex;
-  align-items: start;
+  align-items: flex-start;
   gap: var(--spacing-4);
   color: var(--color-text-sub-600);
   font: var(--paragraph-xs);
 }
-.celeste-hint-text i[data-v-0fde56ef] {
+.celeste-hint-text i[data-v-42c3df99] {
   flex-shrink: 0;
   color: var(--color-icon-soft-400);
 }
-.celeste-hint-text p[data-v-0fde56ef] {
+.celeste-hint-text p[data-v-42c3df99] {
   max-width: 65ch;
   margin: 0;
 }
-.celeste-hint-text-disabled[data-v-0fde56ef] {
+.celeste-hint-text-disabled[data-v-42c3df99] {
   color: var(--color-text-disabled-300);
 }
-.celeste-hint-text-disabled i[data-v-0fde56ef] {
+.celeste-hint-text-disabled i[data-v-42c3df99] {
   color: var(--color-icon-disabled-300);
 }
-.celeste-hint-text-error[data-v-0fde56ef] {
+.celeste-hint-text-error[data-v-42c3df99] {
   color: var(--color-state-error-base);
 }
-.celeste-hint-text-error i[data-v-0fde56ef] {
+.celeste-hint-text-error i[data-v-42c3df99] {
   color: var(--color-state-error-base);
 }.celeste-label[data-v-4768213c] {
   display: flex;
@@ -4353,11 +4354,40 @@ to {
   border-radius: var(--radius-8);
   color: var(--color-neutral-700);
   gap: var(--spacing-8);
+}.celeste-scroll-bar[data-v-17b65f8b] {
+  --bar-size: 8px;
+  display: flex;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  touch-action: none;
 }
-.thumb[data-v-96c265fe] {
-  background-color: var(--color-bg-soft-200);
+.celeste-scroll-bar[data-orientation=vertical][data-v-17b65f8b] {
+  width: var(--bar-size);
+  height: 100%;
+  padding: var(--spacing-2);
+  border-inline-start: 1px solid transparent;
+}
+.celeste-scroll-bar[data-orientation=horizontal][data-v-17b65f8b] {
+  flex-direction: column;
+  height: var(--bar-size);
+  padding: var(--spacing-2);
+  border-block-start: 1px solid transparent;
+}
+.celeste-scroll-bar-thumb[data-v-17b65f8b] {
+  position: relative;
+  flex: 1;
+  border-radius: calc(infinity * 1px);
+  background-color: var(--color-bg-sub-300);
+}.celeste-scroll-area[data-v-10330f2c] {
+  position: relative;
+  overflow: hidden;
+}
+[data-v-10330f2c] .celeste-scroll-area-viewport {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
 }
-
 .celeste-segmented-control-item[data-v-4fd077ad] {
   display: flex;
   align-items: center;