@youcan/celeste 0.11.0 → 0.13.0

package/dist/celeste.css

@@ -1214,14 +1214,14 @@ to {
 .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
-}.celeste-calendar[data-v-b0c6d2f8] {
+}.celeste-calendar[data-v-f067ca68] {
   display: flex;
   box-sizing: border-box;
   flex-direction: column;
   color: var(--color-text-sub-600);
   gap: var(--spacing-8);
 }
-.celeste-calendar-header[data-v-b0c6d2f8] {
+.celeste-calendar-header[data-v-f067ca68] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1230,13 +1230,13 @@ to {
   border-radius: var(--radius-8);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-calendar-heading[data-v-b0c6d2f8] {
+.celeste-calendar-heading[data-v-f067ca68] {
   flex: 1;
   color: var(--color-text-sub-600);
   font: var(--label-sm);
   text-align: center;
 }
-.celeste-calendar-nav[data-v-b0c6d2f8] {
+.celeste-calendar-nav[data-v-f067ca68] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -1254,49 +1254,49 @@ to {
   color: var(--color-icon-sub-600);
   cursor: pointer;
 }
-.celeste-calendar-nav i[data-v-b0c6d2f8] {
+.celeste-calendar-nav i[data-v-f067ca68] {
   width: 20px;
   height: 20px;
 }
-.celeste-calendar-nav:dir(rtl) i[data-v-b0c6d2f8] {
+.celeste-calendar-nav:dir(rtl) i[data-v-f067ca68] {
   transform: scaleX(-1);
 }
-.celeste-calendar-nav[data-v-b0c6d2f8]:hover {
+.celeste-calendar-nav[data-v-f067ca68]:hover {
   color: var(--color-icon-strong-950);
 }
-.celeste-calendar-nav[data-v-b0c6d2f8]:focus-visible {
+.celeste-calendar-nav[data-v-f067ca68]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-calendar-nav[data-disabled][data-v-b0c6d2f8] {
+.celeste-calendar-nav[data-disabled][data-v-f067ca68] {
   background-color: transparent;
   box-shadow: none;
   color: var(--color-icon-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-calendar-months[data-v-b0c6d2f8] {
+.celeste-calendar-months[data-v-f067ca68] {
   display: flex;
   gap: var(--spacing-16);
 }
-.celeste-calendar-grid[data-v-b0c6d2f8] {
+.celeste-calendar-grid[data-v-f067ca68] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
   width: 100%;
   border-collapse: collapse;
 }
-.celeste-calendar-body[data-v-b0c6d2f8] {
+.celeste-calendar-body[data-v-f067ca68] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
 }
-.celeste-calendar-week[data-v-b0c6d2f8] {
+.celeste-calendar-week[data-v-f067ca68] {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
 }
-.celeste-calendar-weekday[data-v-b0c6d2f8] {
+.celeste-calendar-weekday[data-v-f067ca68] {
   flex: 1;
   padding-block: var(--spacing-10);
   color: var(--color-text-soft-400);
@@ -1304,12 +1304,12 @@ to {
   text-align: center;
   text-transform: uppercase;
 }
-.celeste-calendar-cell[data-v-b0c6d2f8] {
+.celeste-calendar-cell[data-v-f067ca68] {
   position: relative;
   flex: 1;
   min-width: 0;
 }
-.celeste-calendar-day[data-v-b0c6d2f8] {
+.celeste-calendar-day[data-v-f067ca68] {
   display: flex;
   position: relative;
   box-sizing: border-box;
@@ -1329,44 +1329,44 @@ to {
      -moz-user-select: none;
           user-select: none;
 }
-.celeste-calendar-day[data-v-b0c6d2f8]:hover {
+.celeste-calendar-day[data-v-f067ca68]:hover {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-strong-950);
 }
-.celeste-calendar-day[data-v-b0c6d2f8]:focus-visible {
+.celeste-calendar-day[data-v-f067ca68]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-calendar-day[data-outside-view][data-v-b0c6d2f8], .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8] {
+.celeste-calendar-day[data-outside-view][data-v-f067ca68], .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68] {
   color: var(--color-text-disabled-300);
 }
-.celeste-calendar-day[data-outside-view][data-v-b0c6d2f8]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8]:hover {
+.celeste-calendar-day[data-outside-view][data-v-f067ca68]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68]:hover {
   background-color: var(--color-bg-white-0);
   color: var(--color-text-disabled-300);
 }
-.celeste-calendar-day[data-disabled][data-v-b0c6d2f8] {
+.celeste-calendar-day[data-disabled][data-v-f067ca68] {
   color: var(--color-text-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-calendar-day[data-unavailable][data-v-b0c6d2f8] {
+.celeste-calendar-day[data-unavailable][data-v-f067ca68] {
   color: var(--color-text-disabled-300);
   text-decoration: line-through;
   pointer-events: none;
 }
-.celeste-calendar-day[data-selected][data-v-b0c6d2f8] {
+.celeste-calendar-day[data-selected][data-v-f067ca68] {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-calendar-day[data-selected][data-v-b0c6d2f8]:hover {
+.celeste-calendar-day[data-selected][data-v-f067ca68]:hover {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-calendar-day-number[data-v-b0c6d2f8] {
+.celeste-calendar-day-number[data-v-f067ca68] {
   position: relative;
 }
-.celeste-calendar-day[data-today][data-v-b0c6d2f8]::after,
-.celeste-calendar-day[data-marked][data-v-b0c6d2f8]::after {
+.celeste-calendar-day[data-today][data-v-f067ca68]::after,
+.celeste-calendar-day[data-marked][data-v-f067ca68]::after {
   content: "";
   position: absolute;
   bottom: 6px;
@@ -1377,8 +1377,8 @@ to {
   border-radius: var(--radius-full);
   background-color: var(--color-primary-base);
 }
-.celeste-calendar-day[data-selected][data-today][data-v-b0c6d2f8]::after,
-.celeste-calendar-day[data-selected][data-marked][data-v-b0c6d2f8]::after {
+.celeste-calendar-day[data-selected][data-today][data-v-f067ca68]::after,
+.celeste-calendar-day[data-selected][data-marked][data-v-f067ca68]::after {
   background-color: var(--color-text-white-0);
 }.celeste-chart-card[data-v-e3917b02] {
   display: flex;
@@ -2067,8 +2067,9 @@ to {
   initial-value: rgba(0, 0, 0, 0);
   inherits: false;
 }
-.celeste-fbutton[data-v-970a57eb] {
+.celeste-fbutton[data-v-262bd031] {
   display: inline-flex;
+  position: relative;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
@@ -2081,96 +2082,138 @@ to {
   text-decoration: none;
   cursor: pointer;
 }
-.celeste-fbutton[data-v-970a57eb]:disabled {
+.celeste-fbutton[data-v-262bd031]:disabled {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-disabled-300);
   cursor: default;
 }
-.celeste-fbutton[data-v-970a57eb] i {
+.celeste-fbutton[data-v-262bd031] i {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-fbutton[data-v-970a57eb]:focus {
+.celeste-fbutton[data-v-262bd031]:focus {
   outline: none;
 }
-.celeste-fbutton-xs[data-v-970a57eb] {
+.celeste-fbutton-xs[data-v-262bd031] {
   gap: var(--spacing-4);
   height: 32px;
   padding: var(--spacing-6) var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-fbutton-sm[data-v-970a57eb] {
+.celeste-fbutton-sm[data-v-262bd031] {
   gap: var(--spacing-6);
   height: 36px;
   padding: var(--spacing-8) var(--spacing-10);
   border-radius: var(--radius-8);
 }
-.celeste-fbutton-md[data-v-970a57eb] {
+.celeste-fbutton-md[data-v-262bd031] {
   gap: var(--spacing-6);
   height: 40px;
   padding: var(--spacing-10) var(--spacing-12);
   border-radius: var(--radius-10);
 }
-.celeste-fbutton-primary[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled) {
+.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled) {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
   background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-primary-base);
-  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-primary);
+  box-shadow: var(--shadow-fancy-buttons-primary);
   color: var(--color-text-white-0);
 }
-.celeste-fbutton-primary[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled):hover {
+.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled)::before {
+  content: "";
+  position: absolute;
+  padding: 1px;
+  border-radius: inherit;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
+  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+  -webkit-mask-clip: content-box, border-box;
+          mask-clip: content-box, border-box;
+  -webkit-mask-composite: xor;
+          mask-composite: exclude;
+  inset: 0;
+}
+.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):hover {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
 }
-.celeste-fbutton-primary[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled):focus {
+.celeste-fbutton-primary[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):focus {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
-  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-primary), var(--shadow-buttons-primary-focus);
+  box-shadow: var(--shadow-fancy-buttons-primary), var(--shadow-buttons-primary-focus);
 }
-.celeste-fbutton-neutral[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled) {
+.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled) {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
   background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-bg-strong-950);
-  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-neutral);
+  box-shadow: var(--shadow-fancy-buttons-neutral);
   color: var(--color-text-white-0);
 }
-.celeste-fbutton-neutral[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled):hover {
+.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled)::before {
+  content: "";
+  position: absolute;
+  padding: 1px;
+  border-radius: inherit;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
+  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+  -webkit-mask-clip: content-box, border-box;
+          mask-clip: content-box, border-box;
+  -webkit-mask-composite: xor;
+          mask-composite: exclude;
+  inset: 0;
+}
+.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):hover {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
 }
-.celeste-fbutton-neutral[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled):focus {
+.celeste-fbutton-neutral[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):focus {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
-  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-neutral), var(--shadow-buttons-important-focus);
+  box-shadow: var(--shadow-fancy-buttons-neutral), var(--shadow-buttons-important-focus);
 }
-.celeste-fbutton-error[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled) {
+.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled) {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 16%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
   background: linear-gradient(180deg, var(--celeste-fbutton-bg-start) 0%, var(--celeste-fbutton-bg-end) 100%), var(--color-state-error-base);
-  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-error);
+  box-shadow: var(--shadow-fancy-buttons-error);
   color: var(--color-text-white-0);
 }
-.celeste-fbutton-error[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled):hover {
+.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled)::before {
+  content: "";
+  position: absolute;
+  padding: 1px;
+  border-radius: inherit;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
+  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+  -webkit-mask-clip: content-box, border-box;
+          mask-clip: content-box, border-box;
+  -webkit-mask-composite: xor;
+          mask-composite: exclude;
+  inset: 0;
+}
+.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):hover {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
 }
-.celeste-fbutton-error[data-v-970a57eb]:not(.celeste-fbutton-basic, :disabled):focus {
+.celeste-fbutton-error[data-v-262bd031]:not(.celeste-fbutton-basic, :disabled):focus {
   --celeste-fbutton-bg-start: rgb(255 255 255 / 24%);
   --celeste-fbutton-bg-end: rgb(255 255 255 / 0%);
-  box-shadow: inset 0 1px 0.5px 0.5px hsla(0, 0%, 100%, 0.12), var(--shadow-fancy-buttons-error), var(--shadow-buttons-error-focus);
+  box-shadow: var(--shadow-fancy-buttons-error), var(--shadow-buttons-error-focus);
 }
-.celeste-fbutton-basic[data-v-970a57eb] {
+.celeste-fbutton-basic[data-v-262bd031] {
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-fancy-buttons-stroke);
   color: var(--color-text-sub-600);
 }
-.celeste-fbutton-basic[data-v-970a57eb]:hover {
+.celeste-fbutton-basic[data-v-262bd031]:hover {
   background: var(--color-bg-weak-50);
   box-shadow: none;
   color: var(--text-strong-950);
 }
-.celeste-fbutton-basic[data-v-970a57eb]:focus {
+.celeste-fbutton-basic[data-v-262bd031]:focus {
   background: var(--color-bg-weak-50);
   box-shadow: var(--shadow-buttons-important-focus);
   color: var(--text-strong-950);
@@ -2370,7 +2413,7 @@ to {
 .celeste-text-input-button[inline=true][data-v-8b3cdb5f]:hover {
   background-color: transparent !important;
 }/* stylelint-disable no-descending-specificity */
-.celeste-text-input-wrapper[data-v-74d9ab66] {
+.celeste-text-input-wrapper[data-v-d61fa3e2] {
   --celeste-text-input-border-color: var(--color-stroke-soft-200);
   --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
   --celeste-text-input-icon-color: var(--color-text-soft-400);
@@ -2393,28 +2436,28 @@ to {
   font: var(--paragraph-sm);
   gap: var(--input-gap);
 }
-.celeste-text-input-wrapper[size=xs][data-v-74d9ab66] {
+.celeste-text-input-wrapper[size=xs][data-v-d61fa3e2] {
   --input-gap: 8px;
   --input-height: 32px;
   --input-radius: var(--radius-8);
   --input-padding: calc(var(--spacing-8) - var(--spacing-2));
 }
-.celeste-text-input-wrapper[size=sm][data-v-74d9ab66] {
+.celeste-text-input-wrapper[size=sm][data-v-d61fa3e2] {
   --input-gap: 6px;
   --input-height: 36px;
   --input-radius: var(--radius-8);
   --input-padding: var(--spacing-8);
 }
-.celeste-text-input-wrapper[size=md][data-v-74d9ab66] {
+.celeste-text-input-wrapper[size=md][data-v-d61fa3e2] {
   --input-gap: 6px;
   --input-height: 40px;
   --input-radius: var(--radius-10);
   --input-padding: var(--spacing-10);
 }
-.celeste-text-input-wrapper[has-error=true][data-v-74d9ab66] {
+.celeste-text-input-wrapper[has-error=true][data-v-d61fa3e2] {
   --celeste-text-input-border-color: var(--color-state-error-base);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-74d9ab66] {
+.celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2] {
   width: 100%;
   height: 100%;
   padding: 0;
@@ -2424,62 +2467,62 @@ to {
   color: inherit;
   font: inherit;
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-74d9ab66]::-moz-placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2]::-moz-placeholder {
   -moz-transition: color var(--animation-fast) ease-out;
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-74d9ab66]::placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2]::placeholder {
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-74d9ab66]::-webkit-search-cancel-button {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d61fa3e2]::-webkit-search-cancel-button {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-74d9ab66]::-webkit-search-decoration {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d61fa3e2]::-webkit-search-decoration {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-webkit-calendar-picker-indicator {
+.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-calendar-picker-indicator {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-webkit-inner-spin-button {
+.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-inner-spin-button {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-ms-expand {
+.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-ms-expand {
   display: none;
 }
-.celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input-leading-node) {
+.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input-leading-node) {
   padding-inline-start: 0;
 }
-.celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input-trailing-node) {
+.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input-trailing-node) {
   padding-inline-end: 0;
 }
-.celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:focus) {
+.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:focus) {
   --celeste-text-input-border-color: var(--color-stroke-strong-950);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-affix-color: var(--color-text-sub-600);
   outline-color: var(--color-stroke-soft-200);
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-74d9ab66] {
+.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-d61fa3e2] {
   --celeste-text-input-border-color: var(--color-state-error-base);
   outline-color: var(--color-state-error-lighter);
 }
-.celeste-text-input-wrapper[data-v-74d9ab66] input:-webkit-autofill {
+.celeste-text-input-wrapper[data-v-d61fa3e2] input:-webkit-autofill {
   -webkit-transition: background-color 5000s ease-in-out 0s;
   transition: background-color 5000s ease-in-out 0s;
   -webkit-background-clip: text;
           background-clip: text;
 }
-.celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:disabled) {
+.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:disabled) {
   --celeste-text-input-border-color: transparent;
   --celeste-text-input-drop-shadow: none;
   --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -2491,58 +2534,48 @@ to {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-74d9ab66]::-moz-placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d61fa3e2]::-moz-placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-74d9ab66]::placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d61fa3e2]::placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-74d9ab66] {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-d61fa3e2] {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
+.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
   --celeste-text-input-border-color: transparent;
 }
-.celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
+.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-text-input-wrapper .celeste-text-input-icon[data-v-74d9ab66] {
+.celeste-text-input-wrapper .celeste-text-input-icon[data-v-d61fa3e2] {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
   transition: all var(--animation-fast) ease-out;
   color: var(--celeste-text-input-icon-color);
 }
-.celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node,
-.celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
-  height: calc(var(--input-height) - var(--spacing-2)) !important;
-}
-[dir=ltr] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
-  border-right: 1px solid var(--color-stroke-soft-200) !important;
-  border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
+.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-leading-node,
+.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-trailing-node {
+  height: calc(var(--input-height) - var(--spacing-2));
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
-  border-left: 1px solid var(--color-stroke-soft-200) !important;
-  border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
-}
-[dir=rtl] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
-  border-left: 1px solid var(--color-stroke-soft-200) !important;
-  border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
-}
-[dir=rtl] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
-  border-right: 1px solid var(--color-stroke-soft-200) !important;
-  border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
-}
-.celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
-  border-right: 1px solid var(--color-stroke-soft-200) !important;
-  border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
+.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-leading-node {
+  border-inline-end: 1px solid var(--color-stroke-soft-200);
+  border-start-start-radius: var(--input-radius);
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  border-end-start-radius: var(--input-radius);
 }
-.celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
-  border-left: 1px solid var(--color-stroke-soft-200) !important;
-  border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
+.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-trailing-node {
+  border-inline-start: 1px solid var(--color-stroke-soft-200);
+  border-start-start-radius: 0;
+  border-start-end-radius: var(--input-radius);
+  border-end-end-radius: var(--input-radius);
+  border-end-start-radius: 0;
 }.celeste-color-swatch[data-v-c0ab1e9e] {
   display: flex;
   flex-direction: column;
@@ -2844,7 +2877,7 @@ to {
     transform: translateY(10px);
     opacity: 0;
 }
-}.celeste-combobox-root[data-v-909a5de3] {
+}.celeste-combobox-root[data-v-7e1e8d15] {
   flex-shrink: 0;
 }.celeste-dropdown-separator[data-v-bf73b588] {
   width: 100%;
@@ -3392,7 +3425,7 @@ to {
   --celeste-digit-input-border-color: transparent;
   --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
-}.celeste-digit-input[data-v-f3b019f4] {
+}.celeste-digit-input[data-v-20a3fbb5] {
   display: flex;
   align-items: center;
   max-width: 100%;
@@ -3613,7 +3646,7 @@ to {
 }
 .celeste-dropdown-menu-trigger[data-disabled][data-v-182db80e] i {
   color: var(--color-icon-disabled-300);
-}[data-v-1cc87774] {
+}[data-v-fa4c1e84] {
   box-sizing: border-box;
 }[data-v-cf42d877] .celeste-tooltip-content {
   display: flex;
@@ -3998,16 +4031,16 @@ to {
 }
 .celeste-slider .celeste-slider-thumb:active {
   cursor: grabbing;
-}.celeste-range-calendar[data-v-dc79fc39] {
+}.celeste-range-calendar[data-v-87d63238] {
   display: flex;
   box-sizing: border-box;
   color: var(--color-text-sub-600);
 }
-.celeste-range-calendar-months[data-v-dc79fc39] {
+.celeste-range-calendar-months[data-v-87d63238] {
   display: flex;
   align-items: stretch;
 }
-.celeste-range-calendar-month[data-v-dc79fc39] {
+.celeste-range-calendar-month[data-v-87d63238] {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -4015,10 +4048,10 @@ to {
   min-width: 0;
   padding: 20px;
 }
-.celeste-range-calendar-month[data-v-dc79fc39]:not(:last-child) {
+.celeste-range-calendar-month[data-v-87d63238]:not(:last-child) {
   border-inline-end: 1px solid var(--color-stroke-soft-200);
 }
-.celeste-range-calendar-header[data-v-dc79fc39] {
+.celeste-range-calendar-header[data-v-87d63238] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4027,13 +4060,13 @@ to {
   border-radius: var(--radius-8);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-range-calendar-heading[data-v-dc79fc39] {
+.celeste-range-calendar-heading[data-v-87d63238] {
   flex: 1;
   color: var(--color-text-sub-600);
   font: var(--label-sm);
   text-align: center;
 }
-.celeste-range-calendar-nav[data-v-dc79fc39] {
+.celeste-range-calendar-nav[data-v-87d63238] {
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -4051,74 +4084,74 @@ to {
   color: var(--color-icon-sub-600);
   cursor: pointer;
 }
-.celeste-range-calendar-nav i[data-v-dc79fc39] {
+.celeste-range-calendar-nav i[data-v-87d63238] {
   width: 20px;
   height: 20px;
 }
-.celeste-range-calendar-nav:dir(rtl) i[data-v-dc79fc39] {
+.celeste-range-calendar-nav:dir(rtl) i[data-v-87d63238] {
   transform: scaleX(-1);
 }
-.celeste-range-calendar-nav[data-v-dc79fc39]:hover {
+.celeste-range-calendar-nav[data-v-87d63238]:hover {
   color: var(--color-icon-strong-950);
 }
-.celeste-range-calendar-nav[data-v-dc79fc39]:focus-visible {
+.celeste-range-calendar-nav[data-v-87d63238]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-range-calendar-nav[data-disabled][data-v-dc79fc39] {
+.celeste-range-calendar-nav[data-disabled][data-v-87d63238] {
   background-color: transparent;
   box-shadow: none;
   color: var(--color-icon-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-range-calendar-grid[data-v-dc79fc39] {
+.celeste-range-calendar-grid[data-v-87d63238] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
   width: 100%;
   border-collapse: collapse;
 }
-.celeste-range-calendar-body[data-v-dc79fc39] {
+.celeste-range-calendar-body[data-v-87d63238] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
 }
-.celeste-range-calendar-week[data-v-dc79fc39] {
+.celeste-range-calendar-week[data-v-87d63238] {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
   align-items: center;
 }
-.celeste-range-calendar-weekday[data-v-dc79fc39] {
+.celeste-range-calendar-weekday[data-v-87d63238] {
   padding-block: var(--spacing-10);
   color: var(--color-text-soft-400);
   font: var(--label-sm);
   text-align: center;
   text-transform: uppercase;
 }
-.celeste-range-calendar-cell[data-v-dc79fc39] {
+.celeste-range-calendar-cell[data-v-87d63238] {
   position: relative;
   min-width: 0;
 }
-.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selected]),
-.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted]) {
+.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted]) {
   background-color: var(--color-primary-alpha-10);
 }
-.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-start]),
-.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-start]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-selected]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
+.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-start]),
+.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-start]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
   border-start-start-radius: var(--radius-8);
   border-end-start-radius: var(--radius-8);
 }
-.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-end]),
-.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-end]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-selected]),
-.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
+.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-end]),
+.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-end]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
   border-start-end-radius: var(--radius-8);
   border-end-end-radius: var(--radius-8);
 }
-.celeste-range-calendar-day[data-v-dc79fc39] {
+.celeste-range-calendar-day[data-v-87d63238] {
   display: flex;
   position: relative;
   box-sizing: border-box;
@@ -4140,51 +4173,51 @@ to {
      -moz-user-select: none;
           user-select: none;
 }
-.celeste-range-calendar-day[data-v-dc79fc39]:hover {
+.celeste-range-calendar-day[data-v-87d63238]:hover {
   background-color: var(--color-bg-weak-50);
   color: var(--color-text-strong-950);
 }
-.celeste-range-calendar-day[data-v-dc79fc39]:focus-visible {
+.celeste-range-calendar-day[data-v-87d63238]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-range-calendar-day[data-outside-view][data-v-dc79fc39], .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39] {
+.celeste-range-calendar-day[data-outside-view][data-v-87d63238], .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238] {
   color: var(--color-text-disabled-300);
 }
-.celeste-range-calendar-day[data-outside-view][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39]:hover {
+.celeste-range-calendar-day[data-outside-view][data-v-87d63238]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238]:hover {
   background-color: transparent;
   color: var(--color-text-disabled-300);
 }
-.celeste-range-calendar-day[data-disabled][data-v-dc79fc39] {
+.celeste-range-calendar-day[data-disabled][data-v-87d63238] {
   color: var(--color-text-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-range-calendar-day[data-unavailable][data-v-dc79fc39] {
+.celeste-range-calendar-day[data-unavailable][data-v-87d63238] {
   color: var(--color-text-disabled-300);
   text-decoration: line-through;
   pointer-events: none;
 }
-.celeste-range-calendar-day[data-selected][data-v-dc79fc39], .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39] {
+.celeste-range-calendar-day[data-selected][data-v-87d63238], .celeste-range-calendar-day[data-highlighted][data-v-87d63238] {
   color: var(--color-primary-base);
 }
-.celeste-range-calendar-day[data-selected][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39]:hover {
+.celeste-range-calendar-day[data-selected][data-v-87d63238]:hover, .celeste-range-calendar-day[data-highlighted][data-v-87d63238]:hover {
   background-color: transparent;
   color: var(--color-primary-base);
 }
-.celeste-range-calendar-day[data-selection-start][data-v-dc79fc39], .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39] {
+.celeste-range-calendar-day[data-selection-start][data-v-87d63238], .celeste-range-calendar-day[data-selection-end][data-v-87d63238] {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-range-calendar-day[data-selection-start][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39]:hover {
+.celeste-range-calendar-day[data-selection-start][data-v-87d63238]:hover, .celeste-range-calendar-day[data-selection-end][data-v-87d63238]:hover {
   background-color: var(--color-primary-base);
   color: var(--color-text-white-0);
 }
-.celeste-range-calendar-day-number[data-v-dc79fc39] {
+.celeste-range-calendar-day-number[data-v-87d63238] {
   position: relative;
 }
-.celeste-range-calendar-day[data-today][data-v-dc79fc39]::after,
-.celeste-range-calendar-day[data-marked][data-v-dc79fc39]::after {
+.celeste-range-calendar-day[data-today][data-v-87d63238]::after,
+.celeste-range-calendar-day[data-marked][data-v-87d63238]::after {
   content: "";
   position: absolute;
   bottom: 6px;
@@ -4195,10 +4228,10 @@ to {
   border-radius: var(--radius-full);
   background-color: var(--color-primary-base);
 }
-.celeste-range-calendar-day[data-selection-start][data-today][data-v-dc79fc39]::after,
-.celeste-range-calendar-day[data-selection-end][data-today][data-v-dc79fc39]::after,
-.celeste-range-calendar-day[data-selection-start][data-marked][data-v-dc79fc39]::after,
-.celeste-range-calendar-day[data-selection-end][data-marked][data-v-dc79fc39]::after {
+.celeste-range-calendar-day[data-selection-start][data-today][data-v-87d63238]::after,
+.celeste-range-calendar-day[data-selection-end][data-today][data-v-87d63238]::after,
+.celeste-range-calendar-day[data-selection-start][data-marked][data-v-87d63238]::after,
+.celeste-range-calendar-day[data-selection-end][data-marked][data-v-87d63238]::after {
   background-color: var(--color-text-white-0);
 }.celeste-pagination-ellipsis[data-v-5fcf13e0] {
   -webkit-user-select: none;
@@ -4294,48 +4327,48 @@ to {
   flex: 1;
   border-radius: calc(infinity * 1px);
   background-color: var(--color-bg-sub-300);
-}.celeste-scroll-area[data-v-af5a144a] {
+}.celeste-scroll-area[data-v-1bb37e0a] {
   position: relative;
   overflow: hidden;
 }
-[data-v-af5a144a] .celeste-scroll-area-viewport {
+[data-v-1bb37e0a] .celeste-scroll-area-viewport {
   width: 100%;
   height: 100%;
   border-radius: inherit;
 }.celeste-switch {
   --width: 26px;
   --height: 16px;
+  --thumb-size: 12px;
+  --thumb-inset: 1px;
+  --travel: calc(var(--width) - var(--thumb-size) - var(--thumb-inset) * 2 - 2px);
   --bg-color: var(--color-bg-soft-200);
-  --animation-function: cubic-bezier(0.18, 0.89, 0.43, 1.19);
   position: relative;
+  box-sizing: border-box;
   width: var(--width);
   height: var(--height);
-  transition: background var(--animation-fast) ease-out;
+  transition: background-color var(--animation-fast) ease-out;
   border: 1px solid transparent;
   border-radius: var(--radius-full);
   background-color: var(--bg-color);
   cursor: pointer;
 }
 .celeste-switch .celeste-switch-thumb {
-  --thumb-size: 12px;
   --thumb-hole: 4px;
+  --direction: 1;
   position: absolute;
   box-sizing: border-box;
   width: var(--thumb-size);
   height: var(--thumb-size);
-  transform: translateY(-50%);
-  transition-property: inset-inline-start, width, height;
-  transition-duration: var(--animation-fast);
-  transition-timing-function: var(--animation-function), ease-out, ease-out;
+  transform: translateY(-50%) scale(var(--thumb-scale, 1));
+  transition: transform var(--animation-fast) ease-out;
   border-radius: var(--radius-full);
   background-color: var(--color-static-white);
   box-shadow: var(--shadow-toggle-switch);
   inset-block-start: 50%;
-  inset-inline-start: 1px;
-  will-change: transform;
+  inset-inline-start: var(--thumb-inset);
 }
 .celeste-switch .celeste-switch-thumb[data-state=checked] {
-  inset-inline-start: calc(100% - var(--thumb-size) - 1px);
+  transform: translateY(-50%) translateX(calc(var(--travel) * var(--direction))) scale(var(--thumb-scale, 1));
 }
 .celeste-switch .celeste-switch-thumb::before {
   content: "";
@@ -4343,31 +4376,32 @@ to {
   width: var(--thumb-hole);
   height: var(--thumb-hole);
   margin: auto;
-  transition: background var(--animation-fast) ease-out;
+  transition: background-color var(--animation-fast) ease-out;
   border-radius: var(--radius-full);
   background-color: var(--bg-color);
   inset: var(--spacing-0);
 }
+:dir(rtl) .celeste-switch .celeste-switch-thumb {
+  --direction: -1;
+}
 .celeste-switch[aria-checked=true] {
   --bg-color: var(--color-primary-base);
 }
 .celeste-switch:disabled {
   --bg-color: var(--color-bg-white-0);
+  --thumb-inset: var(--spacing-2);
+  --travel: calc(var(--width) - var(--thumb-size) - var(--thumb-inset) - 2px);
   border-color: var(--color-stroke-soft-200);
   background-color: var(--bg-color);
   pointer-events: none;
 }
 .celeste-switch:disabled .celeste-switch-thumb {
-  inset-inline-start: var(--spacing-2);
   border-color: var(--color-bg-soft-200);
   background-color: var(--color-bg-soft-200);
   box-shadow: none;
 }
-.celeste-switch:disabled .celeste-switch-thumb[data-state=checked] {
-  inset-inline-start: calc(100% - var(--thumb-size));
-}
-.celeste-switch:active:not(:disabled) .celeste-switch-thumb {
-  --thumb-size: 10px;
+.celeste-switch:active:not(:disabled) {
+  --thumb-scale: 0.833;
 }
 .celeste-switch:hover:not(:active, :disabled) {
   --bg-color: var(--color-bg-sub-300);
@@ -4379,7 +4413,7 @@ to {
     flex: 1;
 }
 
-.celeste-tab-menu-list[data-v-3c860830] {
+.celeste-tab-menu-list[data-v-baf19a75] {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -4387,17 +4421,59 @@ to {
   padding: var(--spacing-10);
   gap: var(--spacing-8);
 }
-.celeste-tab-menu-list[data-orientation='horizontal'][data-v-3c860830] {
+.celeste-tab-menu-list[data-orientation='horizontal'][data-v-baf19a75] {
+    position: relative;
     flex-direction: row;
     padding: var(--spacing-0);
-    border-block: 1px solid var(--color-stroke-soft-200);
     gap: 24px;
 }
-.celeste-tab-menu-list[data-orientation='vertical'][data-v-3c860830] {
+.celeste-tab-menu-list[data-orientation='horizontal'][data-bordered='true'][data-v-baf19a75] {
+      border-block: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-tab-menu-list[data-orientation='vertical'][data-v-baf19a75] {
     flex-direction: column;
 }
+.celeste-tab-menu-list[data-scrollable='true'][data-v-baf19a75] {
+    overflow-x: auto;
+    scrollbar-width: none;
+}
+.celeste-tab-menu-list[data-scrollable='true'][data-v-baf19a75]::-webkit-scrollbar {
+      display: none;
+}
+.celeste-tab-menu-list[data-fill='true'][data-v-baf19a75] .celeste-tab-menu-item {
+    flex: 1 1 0;
+    width: auto;
+}
+.celeste-tab-menu-list[data-align='center'][data-v-baf19a75] .celeste-tab-menu-item {
+    justify-content: center;
+}
+.celeste-tab-menu-list[data-align='center'][data-v-baf19a75] .celeste-tab-menu-item-label {
+    flex: 0 1 auto;
+}
+.celeste-tab-menu-indicator[data-v-baf19a75] {
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  height: 2px;
+  transition-property: transform, width;
+  transition-duration: var(--animation-normal);
+  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
+  background-color: var(--color-primary-base);
+  pointer-events: none;
+}
+.celeste-tab-menu-list[data-scrollable='true'] > .celeste-tab-menu-indicator[data-v-baf19a75] {
+    bottom: 0;
+}
+.celeste-tab-menu-list[data-orientation='vertical'] > .celeste-tab-menu-indicator[data-v-baf19a75] {
+    display: none;
+}
+@media (prefers-reduced-motion: reduce) {
+.celeste-tab-menu-indicator[data-v-baf19a75] {
+    transition-duration: 0s;
+}
+}
 
-.celeste-tab-menu-item[data-v-3c27e2e4] {
+.celeste-tab-menu-item[data-v-512ad887] {
   --animation-function: cubic-bezier(0, 0, 0.2, 1);
 
   display: inline-flex;
@@ -4405,74 +4481,73 @@ to {
   justify-content: flex-start;
   width: 100%;
   padding: var(--spacing-8);
-  transition: all var(--animation-fast) var(--animation-function);
+  transition:
+    background-color var(--animation-fast) var(--animation-function),
+    color var(--animation-fast) var(--animation-function);
   border: none;
   border-radius: var(--radius-8);
   color: var(--color-text-sub-600);
-  font-size: var(--font-size-10);
+  font: var(--label-sm);
   cursor: pointer;
   gap: var(--spacing-6);
 }
-.celeste-tab-menu-item[data-v-3c27e2e4] i {
+.celeste-tab-menu-item[data-v-512ad887] i {
     width: 20px;
     height: 20px;
+    transition: color var(--animation-fast) var(--animation-function);
 }
-.celeste-tab-menu-item[data-v-3c27e2e4]:focus {
+.celeste-tab-menu-item[data-v-512ad887]:focus {
     outline: none;
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-v-3c27e2e4] {
-    position: relative;
+.celeste-tab-menu-item[data-orientation='horizontal'][data-v-512ad887] {
     width: -moz-fit-content;
     width: fit-content;
     padding-block: var(--spacing-14);
     padding-inline: var(--spacing-0);
+    background-color: var(--color-bg-white-0);
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-v-3c27e2e4]::after {
-      content: '';
-      display: block;
-      position: absolute;
-      inset-inline: 0;
-      inset-block-end: 0;
-      width: 100%;
-      height: 2px;
-      transition: all var(--animation-fast) var(--animation-function);
-      background-color: transparent;
-}
-.celeste-tab-menu-item[data-orientation='vertical'][data-state='active'][data-v-3c27e2e4] {
-    background-color: var(--color-bg-weak-50);
-}
-.celeste-tab-menu-item[data-orientation='horizontal'][data-state='active'][data-v-3c27e2e4] {
+.celeste-tab-menu-item[data-orientation='vertical'][data-v-512ad887] {
     background-color: var(--color-bg-white-0);
 }
-.celeste-tab-menu-item[data-orientation='horizontal'][data-state='active'][data-v-3c27e2e4]::after {
-      background-color: var(--color-primary-base);
+.celeste-tab-menu-item[data-orientation='vertical'][data-v-512ad887]:hover,.celeste-tab-menu-item[data-orientation='vertical'][data-state='active'][data-v-512ad887] {
+      background-color: var(--color-bg-weak-50);
+}
+.celeste-tab-menu-item[data-orientation='vertical'] .celeste-tab-menu-item-postfix[data-v-512ad887] {
+      display: inline-flex;
+      transform: scale(0.75);
+      transition:
+        transform var(--animation-fast) var(--animation-function),
+        opacity var(--animation-fast) var(--animation-function);
+      opacity: 0;
+}
+.celeste-tab-menu-item[data-orientation='vertical'][data-state='active'] .celeste-tab-menu-item-postfix[data-v-512ad887] {
+      transform: scale(1);
+      opacity: 1;
 }
-.celeste-tab-menu-item[data-state='active'][data-v-3c27e2e4] i {
+.celeste-tab-menu-item[data-state='active'][data-v-512ad887] i {
       color: var(--color-primary-base);
 }
-.celeste-tab-menu-item[data-state='active'] span[data-v-3c27e2e4] {
+.celeste-tab-menu-item[data-state='active'] span[data-v-512ad887] {
       color: var(--color-text-strong-950);
 }
-.celeste-tab-menu-item[data-state='inactive'][data-v-3c27e2e4] {
-    background-color: var(--color-bg-white-0);
-}
-.celeste-tab-menu-item .celeste-tab-menu-item-label[data-v-3c27e2e4] {
+.celeste-tab-menu-item .celeste-tab-menu-item-label[data-v-512ad887] {
     flex: 1;
     overflow: hidden;
-    font-size: var(--font-size-2);
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-.celeste-segmented-control-item[data-v-e184b1ba] {
+.celeste-segmented-control-item[data-v-efe57652] {
   display: flex;
+  position: relative;
+  z-index: 1;
   align-items: center;
   gap: var(--spacing-6);
   justify-content: center;
   width: 100%;
   padding: var(--spacing-4);
-  transition: all var(--animation-fast) ease-out;
+  transition: color var(--animation-normal) ease-out;
   border: none;
   border-radius: var(--radius-6);
   background-color: transparent;
@@ -4480,16 +4555,14 @@ to {
   font: var(--label-sm);
   cursor: pointer;
 }
-.celeste-segmented-control-item[data-state='on'][data-v-e184b1ba] {
-    background-color: var(--color-bg-white-0);
-    box-shadow: var(--shadow-toggle-switch);
+.celeste-segmented-control-item[data-state='on'][data-v-efe57652] {
     color: var(--color-text-strong-950);
     pointer-events: none;
 }
-.celeste-segmented-control-item[data-state='off'][data-v-e184b1ba]:hover {
+.celeste-segmented-control-item[data-state='off'][data-v-efe57652]:hover {
     color: var(--color-text-sub-600);
 }
-.celeste-segmented-control-item[data-v-e184b1ba]:disabled {
+.celeste-segmented-control-item[data-v-efe57652]:disabled {
     color: var(--color-text-disabled-300);
     pointer-events: none;
     -webkit-user-select: none;
@@ -5291,18 +5364,38 @@ to {
 .celeste-select-item[data-state=checked][data-v-3fe18f57] .i-celeste-check-line {
   display: none;
 }
-.celeste-segmented-control[data-v-fe40de14] {
+.celeste-segmented-control[data-v-1b4b28d6] {
   display: flex;
+  position: relative;
   gap: var(--spacing-4);
+  isolation: isolate;
   align-items: center;
   width: 100%;
   padding: var(--spacing-4);
   border-radius: var(--radius-10);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-segmented-control[data-orientation='vertical'][data-v-fe40de14] {
+.celeste-segmented-control[data-orientation='vertical'][data-v-1b4b28d6] {
     flex-direction: column;
 }
+.celeste-segmented-control-indicator[data-v-1b4b28d6] {
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  transition-property: transform, width, height;
+  transition-duration: var(--animation-normal);
+  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
+  border-radius: var(--radius-6);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-toggle-switch);
+  pointer-events: none;
+}
+@media (prefers-reduced-motion: reduce) {
+.celeste-segmented-control-indicator[data-v-1b4b28d6] {
+    transition-duration: 0s;
+}
+}
 
 .celeste-sheet-close[data-v-a922d9c4] {
   position: absolute;
@@ -5948,13 +6041,13 @@ to {
   white-space: nowrap;
 }
 
-.celeste-tab-menu-root[data-v-bd0a38f2] {
+.celeste-tab-menu-root[data-v-d5a36238] {
   display: flex;
 }
-.celeste-tab-menu-root[data-orientation='vertical'][data-v-bd0a38f2] {
+.celeste-tab-menu-root[data-orientation='vertical'][data-v-d5a36238] {
     flex-direction: row;
 }
-.celeste-tab-menu-root[data-orientation='horizontal'][data-v-bd0a38f2] {
+.celeste-tab-menu-root[data-orientation='horizontal'][data-v-d5a36238] {
     flex-direction: column;
 }