@youcan/celeste 0.6.14 → 0.6.16

package/dist/celeste.css

@@ -1461,7 +1461,7 @@ to {
   background: var(--color-bg-weak-50);
   box-shadow: var(--shadow-buttons-important-focus);
   color: var(--text-strong-950);
-}.celeste-link-button[data-v-ae1aba17] {
+}.celeste-link-button[data-v-82b3b1ab] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1471,58 +1471,58 @@ to {
   text-decoration: none;
   cursor: pointer;
 }
-.celeste-link-button[data-v-ae1aba17]:disabled, .celeste-link-button-disabled[data-v-ae1aba17] {
+.celeste-link-button[data-v-82b3b1ab]:disabled, .celeste-link-button-disabled[data-v-82b3b1ab] {
   color: var(--color-text-disabled-300);
   cursor: default;
   pointer-events: none;
 }
-.celeste-link-button[data-v-ae1aba17]:hover, .celeste-link-button[data-v-ae1aba17]:focus {
+.celeste-link-button[data-v-82b3b1ab]:hover, .celeste-link-button[data-v-82b3b1ab]:focus {
   outline: none;
   text-decoration: underline;
 }
-.celeste-link-button-underline[data-v-ae1aba17] {
+.celeste-link-button-underline[data-v-82b3b1ab] {
   text-decoration: underline;
 }
-.celeste-link-button-md[data-v-ae1aba17] {
+.celeste-link-button-md[data-v-82b3b1ab] {
   height: 20px;
   font: var(--label-sm);
 }
-.celeste-link-button-md[data-v-ae1aba17] i {
+.celeste-link-button-md[data-v-82b3b1ab] i {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-link-button-sm[data-v-ae1aba17] {
+.celeste-link-button-sm[data-v-82b3b1ab] {
   height: 16px;
   font: var(--label-xs);
 }
-.celeste-link-button-sm[data-v-ae1aba17] i {
+.celeste-link-button-sm[data-v-82b3b1ab] i {
   flex-shrink: 0;
   width: 16px;
   height: 16px;
 }
-.celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+.celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
   color: var(--color-primary-base);
 }
-.celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-primary[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
   color: var(--color-primary-darker);
 }
-.celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+.celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
   color: var(--color-text-strong-950);
 }
-.celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-black[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
   color: var(--color-text-strong-950);
 }
-.celeste-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+.celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
   color: var(--color-text-sub-600);
 }
-.celeste-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-gray[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
   color: var(--color-text-sub-600);
 }
-.celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled) {
+.celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled) {
   color: var(--color-state-error-base);
 }
-.celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-ae1aba17]:not(.celeste-link-button-disabled):focus {
+.celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled):hover, .celeste-link-button-error[data-v-82b3b1ab]:not(.celeste-link-button-disabled):focus {
   color: var(--color-red-700);
 }@property --celeste-social-button-bg {
   syntax: "<color>";
@@ -1604,6 +1604,535 @@ to {
 }
 .celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
+}.celeste-dropdown-empty-list[data-v-450bfb63] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}.celeste-dropdown-items-group[data-v-66b5c9e4] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-items-group[data-v-66b5c9e4] [data-radix-vue-combobox-item] {
+  width: auto;
+  height: auto;
+}.celeste-text-input-icon[data-v-3b859b72] {
+  display: flex;
+  align-items: center;
+  color: var(--color-text-sub-600);
+}
+.celeste-text-input-icon[position=start][data-v-3b859b72] {
+  order: -1;
+}
+.celeste-text-input-icon > i[data-v-3b859b72] {
+  width: 20px;
+  height: 20px;
+}.celeste-text-input-wrapper[data-v-105e81d6] {
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  height: var(--input-height);
+  padding-inline: calc(var(--input-padding) + var(--spacing-2)) var(--input-padding);
+  transition: all var(--animation-fast) ease-out;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--input-radius);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+  gap: var(--input-gap);
+}
+.celeste-text-input-wrapper[size=xs][data-v-105e81d6] {
+  --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-105e81d6] {
+  --input-gap: 6px;
+  --input-height: 36px;
+  --input-radius: var(--radius-8);
+  --input-padding: var(--spacing-8);
+}
+.celeste-text-input-wrapper[size=md][data-v-105e81d6] {
+  --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-105e81d6] {
+  border-color: var(--color-state-error-base);
+}
+.celeste-text-input-wrapper .celeste-text-input[data-v-105e81d6] {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  color: inherit;
+  font: inherit;
+}
+.celeste-text-input-wrapper .celeste-text-input[data-v-105e81d6]::-moz-placeholder {
+  -moz-transition: color var(--animation-fast) ease-out;
+  transition: color var(--animation-fast) ease-out;
+  color: var(--color-text-soft-400);
+}
+.celeste-text-input-wrapper .celeste-text-input[data-v-105e81d6]::placeholder {
+  transition: color var(--animation-fast) ease-out;
+  color: var(--color-text-soft-400);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:focus) {
+  border-color: var(--color-stroke-strong-950);
+  outline-color: var(--color-stroke-soft-200);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-105e81d6] {
+  border-color: var(--color-state-error-base);
+  outline-color: var(--color-state-error-lighter);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+  box-shadow: none;
+  color: var(--color-text-disabled-300);
+  pointer-events: none;
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-105e81d6]::-moz-placeholder {
+  color: currentcolor;
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-105e81d6]::placeholder {
+  color: currentcolor;
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) .celeste-text-input-icon {
+  color: var(--color-icon-disabled-300);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) .celeste-text-input-affix, .celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) .celeste-text-input-button {
+  background-color: var(--color-bg-weak-50) !important;
+  color: var(--color-text-disabled-300);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) {
+  gap: var(--spacing-0);
+  padding-inline-end: var(--spacing-0);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-button[inline=false], .celeste-text-input-affix[variant=suffix]) .celeste-text-input[data-v-105e81d6] {
+  padding-inline-end: var(--input-padding);
+  border-inline-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-affix[variant=prefix]) {
+  padding-inline: var(--spacing-0) var(--input-padding);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-affix[variant=prefix]) .celeste-text-input[data-v-105e81d6] {
+  padding-inline-start: var(--input-padding);
+  border-inline-start: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) .celeste-text-input-icon[position=start] {
+  margin-inline-end: var(--input-gap);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) .celeste-text-input-icon[position=end] {
+  margin-inline-start: var(--input-gap);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:hover:not(:focus, :disabled)) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button, .celeste-text-input-affix)) {
+  border-color: transparent;
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:hover:not(:focus, :disabled)):has(.celeste-text-input-button:not(:hover), .celeste-text-input-affix:not(:hover)) {
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button:hover)) .celeste-text-input[data-v-105e81d6]::-moz-placeholder {
+  color: var(--color-text-sub-600);
+}
+.celeste-text-input-wrapper:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button:hover)) .celeste-text-input[data-v-105e81d6]::placeholder {
+  color: var(--color-text-sub-600);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:-moz-placeholder:not(:disabled)) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:placeholder-shown:not(:disabled)) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:-moz-placeholder:not(:disabled)) .celeste-text-input-icon, .celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:-moz-placeholder:not(:disabled)) .celeste-text-input-affix {
+  color: var(--color-text-soft-400);
+}
+.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:placeholder-shown:not(:disabled)) .celeste-text-input-icon, .celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:placeholder-shown:not(:disabled)) .celeste-text-input-affix {
+  color: var(--color-text-soft-400);
+}.celeste-dropdown-input[data-v-6de83486] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+  background-color: var(--color-bg-white-0);
+}
+.celeste-dropdown-input[data-v-6de83486] .celeste-text-input-wrapper {
+  width: 100%;
+  border: none;
+  border-radius: var(--radius-8) var(--radius-8) 0 0;
+  outline: none;
+  box-shadow: none;
+}.celeste-dropdown-item[data-v-3c2bd0ae] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8);
+  transition-property: background-color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-item i[data-v-3c2bd0ae] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-item[data-highlighted][data-v-3c2bd0ae], .celeste-dropdown-item[data-v-3c2bd0ae]:hover, .celeste-dropdown-item-focused[data-v-3c2bd0ae], .celeste-dropdown-item[data-v-3c2bd0ae]:focus, .celeste-dropdown-item[data-v-3c2bd0ae]:focus-visible {
+  outline: none;
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-item[data-v-3c2bd0ae] .celeste-input-wrapper {
+  gap: 0;
+}
+.celeste-dropdown-item-header[data-v-3c2bd0ae] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-item-label[data-v-3c2bd0ae] {
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
+}
+.celeste-dropdown-item-sublabel[data-v-3c2bd0ae] {
+  color: var(--color-text-soft-400);
+  font: var(--paragraph-xs);
+}
+.celeste-dropdown-item-description[data-v-3c2bd0ae] {
+  margin: var(--spacing-0);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-xs);
+}
+.celeste-dropdown-item .celeste-dropdown-item-prefix[data-v-3c2bd0ae] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-item .celeste-dropdown-item-prefix-lg[data-v-3c2bd0ae] {
+  padding: var(--spacing-10);
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-regular-xs);
+  gap: var(--spacing-10);
+}
+.celeste-dropdown-item .celeste-dropdown-item-suffix[data-v-3c2bd0ae] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-item-disabled[data-v-3c2bd0ae] {
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-item-disabled[data-v-3c2bd0ae] i {
+  color: var(--color-text-disabled-300);
+}
+.celeste-dropdown-item-disabled .celeste-dropdown-item-label[data-v-3c2bd0ae],
+.celeste-dropdown-item-disabled .celeste-dropdown-item-sublabel[data-v-3c2bd0ae],
+.celeste-dropdown-item-disabled .celeste-dropdown-item-description[data-v-3c2bd0ae] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-dropdown-item-selected[data-v-3c2bd0ae] {
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-item .celeste-dropdown-item-info[data-v-3c2bd0ae] {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  justify-content: center;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-3c2bd0ae] {
+  font-weight: var(--font-weights-display-0);
+}.celeste-dropdown-content[data-v-dc6bae8b],
+div[data-v-dc6bae8b] .celeste-dropdown-content {
+  --dropdown-width: fit-content;
+  --dropdown-height: 300px;
+  --dropdown-min-width: var(--radix-combobox-trigger-width, 300px);
+  display: flex;
+  z-index: 50;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: var(--dropdown-width);
+  min-width: var(--dropdown-min-width);
+  max-height: var(--dropdown-height);
+  margin-top: var(--spacing-10);
+  padding: var(--spacing-8);
+  overflow: visible;
+  transform-origin: var(--radix-combobox-content-transform-origin);
+  animation-duration: var(--animation-fast);
+  animation-timing-function: ease-out;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-16);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-content[data-state=open][data-v-dc6bae8b],
+div[data-v-dc6bae8b] .celeste-dropdown-content[data-state=open] {
+  animation-name: slide-up-and-fade-dc6bae8b;
+}
+.celeste-dropdown-content[data-state=closed][data-v-dc6bae8b],
+div[data-v-dc6bae8b] .celeste-dropdown-content[data-state=closed] {
+  animation-name: slide-down-and-fade-dc6bae8b;
+}
+div[data-v-dc6bae8b] .celeste-dropdown-items-viewport {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+@keyframes slide-up-and-fade-dc6bae8b {
+from {
+    transform: translateY(10px);
+    opacity: 0;
+}
+to {
+    transform: translateY(0);
+    opacity: 1;
+}
+}
+@keyframes slide-down-and-fade-dc6bae8b {
+from {
+    transform: translateY(0);
+    opacity: 1;
+}
+to {
+    transform: translateY(10px);
+    opacity: 0;
+}
+}.celeste-dropdown-separator[data-v-987226c9] {
+  width: 100%;
+  height: 1px;
+  background-color: var(--color-stroke-soft-200);
+}.celeste-dropdown-anchor-trigger[data-v-1d007d84] {
+  transition-property: background-color, transform, opacity;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--color-stroke-soft-200);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  gap: var(--spacing-8);
+  cursor: pointer;
+}
+.celeste-dropdown-anchor-trigger[data-v-1d007d84] i {
+  width: 20px;
+  height: 20px;
+  color: var(--color-icon-soft-400);
+}
+.celeste-dropdown-anchor-trigger[data-v-1d007d84]:hover {
+  background: var(--color-bg-weak-50);
+}
+.celeste-dropdown-anchor-trigger[data-v-1d007d84]:focus, .celeste-dropdown-anchor-trigger[data-v-1d007d84]:focus-visible, .celeste-dropdown-anchor-trigger[data-v-1d007d84]:focus-within {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-1d007d84] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-1d007d84] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-1d007d84] {
+  display: flex;
+  flex: 1 0 0;
+  align-items: center;
+  justify-content: space-between;
+  background: inherit;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-1d007d84] {
+  transition-property: background-color, transform, opacity;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  display: flex;
+  place-items: center center;
+  border: none;
+  background: none;
+  color: var(--color-icon-soft-400);
+  cursor: pointer;
+}
+.celeste-dropdown-anchor-trigger[data-state=open][data-v-1d007d84]:not([data-disabled]) .celeste-dropdown-trigger {
+  transform: rotate(180deg);
+}
+.celeste-dropdown-anchor-trigger-error[data-v-1d007d84]:not(.celeste-dropdown-anchor-trigger-type-compact) {
+  border: 1px solid var(--color-state-error-base);
+}
+.celeste-dropdown-anchor-trigger[data-disabled][data-v-1d007d84] {
+  background: var(--color-bg-weak-50);
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-input[data-v-1d007d84] {
+  color: var(--color-text-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-anchor-trigger[data-disabled][data-v-1d007d84] i,
+.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-1d007d84] {
+  color: var(--color-icon-disabled-300);
+  cursor: not-allowed;
+}
+.celeste-dropdown-anchor-trigger[data-state=open][data-v-1d007d84]:not([data-disabled],
+.celeste-dropdown-anchor-trigger-type-compact,
+.celeste-dropdown-anchor-trigger-type-compact-input) {
+  border: 1px solid var(--color-stroke-strong-950);
+  box-shadow: var(--shadow-buttons-important-focus);
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-anchor-trigger[data-state=open]:not([data-disabled],
+.celeste-dropdown-anchor-trigger-type-compact,
+.celeste-dropdown-anchor-trigger-type-compact-input) .celeste-dropdown-input[data-v-1d007d84] {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-anchor-trigger[data-state=open]:not([data-disabled],
+.celeste-dropdown-anchor-trigger-type-compact,
+.celeste-dropdown-anchor-trigger-type-compact-input) i[data-v-1d007d84] {
+  color: var(--color-icon-strong-950);
+}
+.celeste-dropdown-anchor-trigger-filled[data-v-1d007d84] {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-anchor-trigger-filled[data-v-1d007d84] .celeste-dropdown-input {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-1d007d84] {
+  width: -moz-fit-content;
+  width: fit-content;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-1d007d84] .celeste-dropdown-input {
+  flex: inherit;
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-1d007d84], .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open]:not([data-disabled]) .celeste-dropdown-input[data-v-1d007d84] {
+  color: var(--color-text-strong-950);
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-1d007d84]:hover:not([data-disabled]) i, .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open][data-v-1d007d84]:not([data-disabled]) i {
+  color: var(--color-icon-strong-950);
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-1d007d84] {
+  width: -moz-fit-content;
+  width: fit-content;
+  border: none;
+  border-radius: var(--radius-0);
+  box-shadow: none;
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-1d007d84] .celeste-dropdown-input {
+  flex: inherit;
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-1d007d84] {
+  box-shadow: none;
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-1d007d84] {
+  width: -moz-fit-content;
+  width: fit-content;
+  gap: var(--spacing-4);
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-1d007d84] .celeste-dropdown-input {
+  flex: inherit;
+}
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-1d007d84] {
+  width: 100%;
+  min-width: 300px;
+}
+.celeste-dropdown-anchor-trigger-size-xs[data-v-1d007d84] {
+  height: 32px;
+  padding: var(--spacing-6);
+  border-radius: var(--radius-8);
+}
+.celeste-dropdown-anchor-trigger-size-sm[data-v-1d007d84] {
+  height: 36px;
+  padding: var(--spacing-8);
+  border-radius: var(--radius-8);
+}
+.celeste-dropdown-anchor-trigger-size-md[data-v-1d007d84] {
+  height: 40px;
+  padding: var(--spacing-10);
+  border-radius: var(--radius-10);
+}[data-v-424c9dad] {
+  box-sizing: border-box;
+}
+.celeste-dropdown-anchor-trigger-prefix[data-v-424c9dad] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-anchor-trigger-prefix-selected[data-v-424c9dad] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.celeste-dropdown-item-image[data-v-424c9dad],
+.selected-dropdown-image[data-v-424c9dad] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: var(--radius-full);
+}
+.celeste-dropdown-input[data-v-424c9dad] {
+  display: flex;
+  flex: 1 0 0;
+  align-items: center;
+  justify-content: space-between;
+  background: inherit;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+  cursor: pointer;
+  gap: var(--spacing-8);
+}
+.celeste-dropdown-trigger[data-v-424c9dad] {
+  display: flex;
+  place-items: center center;
+  transition-property: transform;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: none;
+  background: none;
+  color: var(--color-icon-soft-400);
+  cursor: pointer;
+}
+.celeste-dropdown-inner-input[data-v-424c9dad] {
+  display: flex;
+  position: sticky;
+  z-index: 50;
+  top: 0;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  background-color: var(--color-bg-white-0);
+}
+.celeste-dropdown-inner-input.sr-only[data-v-424c9dad] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+  white-space: nowrap;
 }.celeste-context-menu-item[data-v-3d94f388] {
   display: flex;
   box-sizing: border-box;
@@ -1843,152 +2372,19 @@ to {
 }
 .celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-a0a634ce] {
   font-weight: var(--font-weights-display-0);
-}.celeste-text-input-wrapper[data-v-105e81d6] {
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  height: var(--input-height);
-  padding-inline: calc(var(--input-padding) + var(--spacing-2)) var(--input-padding);
-  transition: all var(--animation-fast) ease-out;
-  border: 1px solid var(--color-stroke-soft-200);
-  border-radius: var(--input-radius);
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  background-color: var(--color-bg-white-0);
-  box-shadow: var(--shadow-regular-xs);
-  color: var(--color-text-strong-950);
-  font: var(--paragraph-sm);
-  gap: var(--input-gap);
-}
-.celeste-text-input-wrapper[size=xs][data-v-105e81d6] {
-  --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-105e81d6] {
-  --input-gap: 6px;
-  --input-height: 36px;
-  --input-radius: var(--radius-8);
-  --input-padding: var(--spacing-8);
-}
-.celeste-text-input-wrapper[size=md][data-v-105e81d6] {
-  --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-105e81d6] {
-  border-color: var(--color-state-error-base);
-}
-.celeste-text-input-wrapper .celeste-text-input[data-v-105e81d6] {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  border: none;
-  outline: none;
-  background-color: transparent;
-  color: inherit;
-  font: inherit;
-}
-.celeste-text-input-wrapper .celeste-text-input[data-v-105e81d6]::-moz-placeholder {
-  -moz-transition: color var(--animation-fast) ease-out;
-  transition: color var(--animation-fast) ease-out;
-  color: var(--color-text-soft-400);
-}
-.celeste-text-input-wrapper .celeste-text-input[data-v-105e81d6]::placeholder {
-  transition: color var(--animation-fast) ease-out;
-  color: var(--color-text-soft-400);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:focus) {
-  border-color: var(--color-stroke-strong-950);
-  outline-color: var(--color-stroke-soft-200);
-}
-.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-105e81d6] {
-  border-color: var(--color-state-error-base);
-  outline-color: var(--color-state-error-lighter);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) {
-  border-color: transparent;
-  background-color: var(--color-bg-weak-50);
-  box-shadow: none;
-  color: var(--color-text-disabled-300);
-  pointer-events: none;
-}
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-105e81d6]::-moz-placeholder {
-  color: currentcolor;
-}
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-105e81d6]::placeholder {
-  color: currentcolor;
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) .celeste-text-input-icon {
-  color: var(--color-icon-disabled-300);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) .celeste-text-input-affix, .celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:disabled) .celeste-text-input-button {
-  background-color: var(--color-bg-weak-50) !important;
-  color: var(--color-text-disabled-300);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) {
-  gap: var(--spacing-0);
-  padding-inline-end: var(--spacing-0);
-}
-.celeste-text-input-wrapper:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-button[inline=false], .celeste-text-input-affix[variant=suffix]) .celeste-text-input[data-v-105e81d6] {
-  padding-inline-end: var(--input-padding);
-  border-inline-end: 1px solid var(--color-stroke-soft-200);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-affix[variant=prefix]) {
-  padding-inline: var(--spacing-0) var(--input-padding);
-}
-.celeste-text-input-wrapper:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]):has(.celeste-text-input-affix[variant=prefix]) .celeste-text-input[data-v-105e81d6] {
-  padding-inline-start: var(--input-padding);
-  border-inline-start: 1px solid var(--color-stroke-soft-200);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) .celeste-text-input-icon[position=start] {
-  margin-inline-end: var(--input-gap);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input-button, .celeste-text-input-affix[inline=false][askbd=false]) .celeste-text-input-icon[position=end] {
-  margin-inline-start: var(--input-gap);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:hover:not(:focus, :disabled)) {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button, .celeste-text-input-affix)) {
-  border-color: transparent;
-  background-color: var(--color-bg-weak-50);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:hover:not(:focus, :disabled)):has(.celeste-text-input-button:not(:hover), .celeste-text-input-affix:not(:hover)) {
-  background-color: var(--color-bg-weak-50);
-}
-.celeste-text-input-wrapper:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button:hover)) .celeste-text-input[data-v-105e81d6]::-moz-placeholder {
-  color: var(--color-text-sub-600);
-}
-.celeste-text-input-wrapper:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-button:hover)) .celeste-text-input[data-v-105e81d6]::placeholder {
-  color: var(--color-text-sub-600);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:-moz-placeholder:not(:disabled)) {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:placeholder-shown:not(:disabled)) {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:-moz-placeholder:not(:disabled)) .celeste-text-input-icon, .celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:-moz-placeholder:not(:disabled)) .celeste-text-input-affix {
-  color: var(--color-text-soft-400);
-}
-.celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:placeholder-shown:not(:disabled)) .celeste-text-input-icon, .celeste-text-input-wrapper[data-v-105e81d6]:has(.celeste-text-input:placeholder-shown:not(:disabled)) .celeste-text-input-affix {
-  color: var(--color-text-soft-400);
-}[data-v-2cc18da8] {
+}[data-v-dd43a899] {
   box-sizing: border-box;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] {
+.celeste-dropdown-wrapper[data-v-dd43a899] {
   --dropdown-width: 100%;
   --dropdown-height: 300px;
   position: relative;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8]:focus, .celeste-dropdown-wrapper[data-v-2cc18da8]:focus-visible, .celeste-dropdown-wrapper[data-v-2cc18da8]:focus-within {
+.celeste-dropdown-wrapper[data-v-dd43a899]:focus, .celeste-dropdown-wrapper[data-v-dd43a899]:focus-visible, .celeste-dropdown-wrapper[data-v-dd43a899]:focus-within {
   border: none;
   outline: none;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-dropdown-root {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-dropdown-root {
   display: flex;
   position: relative;
   flex-direction: column;
@@ -1997,7 +2393,7 @@ to {
   padding-top: var(--spacing-4);
   gap: var(--spacing-10);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2009,25 +2405,25 @@ to {
   gap: var(--spacing-8);
   cursor: pointer;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8] i {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899] i {
   width: 20px;
   height: 20px;
   color: var(--color-icon-soft-400);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:focus-within {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:focus-within {
   outline: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-dd43a899] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-dd43a899] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-dd43a899] {
   display: flex;
   flex: 1 0 0;
   align-items: center;
@@ -2038,7 +2434,7 @@ to {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-dd43a899] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2049,107 +2445,105 @@ to {
   color: var(--color-icon-soft-400);
   cursor: pointer;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-2cc18da8]:not([data-disabled]) .celeste-dropdown-trigger {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-dd43a899]:not([data-disabled]) .celeste-dropdown-trigger {
   transform: rotate(180deg);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-2cc18da8]:hover {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:hover {
   background: var(--color-bg-weak-50);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-2cc18da8]:not(.celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-type-compact) {
   border: 1px solid var(--color-state-error-base);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-dd43a899] {
   background: var(--color-bg-weak-50);
   color: var(--color-text-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-dd43a899] {
   color: var(--color-text-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-2cc18da8] i,
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-dd43a899] i,
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-dd43a899] {
   color: var(--color-icon-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-2cc18da8]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
   border: 1px solid var(--color-stroke-strong-950);
   box-shadow: var(--shadow-buttons-important-focus);
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-dd43a899] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-dd43a899] {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-dd43a899] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899] {
   width: -moz-fit-content;
   width: fit-content;
   border: none;
   background: transparent;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-2cc18da8] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-2cc18da8], .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-dd43a899], .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-dd43a899] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-2cc18da8]:hover:not(.celeste-dropdown-anchor-trigger-disabled) i, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused[data-v-2cc18da8]:not(.celeste-dropdown-anchor-trigger-disabled) i {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899]:hover:not(.celeste-dropdown-anchor-trigger-disabled) i, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-disabled) i {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-dd43a899] {
   width: -moz-fit-content;
   width: fit-content;
   border: none;
   border-radius: var(--radius-0);
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-2cc18da8] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-dd43a899] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-dd43a899] {
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-dd43a899] {
   width: -moz-fit-content;
   width: fit-content;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-2cc18da8] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-dd43a899] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-dd43a899] {
   min-width: 300px;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-dd43a899] {
   height: 32px;
   padding: var(--spacing-6);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-dd43a899] {
   height: 36px;
   padding: var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-dd43a899] {
   height: 40px;
   padding: var(--spacing-10);
   border-radius: var(--radius-10);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-dd43a899] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
   display: flex;
   position: absolute;
   z-index: 9999;
-  top: calc(var(--dropdown-width) + var(--spacing-4));
-  left: 0;
   flex-direction: column;
   width: var(--dropdown-width);
   min-width: 300px;
@@ -2163,16 +2557,32 @@ to {
   box-shadow: var(--shadow-regular-md);
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-dd43a899] {
   transform: translateY(10px);
   opacity: 0;
   pointer-events: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-dd43a899] {
   transform: translateY(0);
   opacity: 1;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-prefix {
+.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-dd43a899] {
+  bottom: calc(var(--dropdown-width) + var(--spacing-4));
+}
+.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-dd43a899] {
+  top: calc(var(--dropdown-width) + var(--spacing-4));
+}
+.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-dd43a899] {
+  left: 0;
+}
+.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-dd43a899] {
+  right: 0;
+}
+.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-dd43a899] {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-prefix {
   width: 20px;
   height: 20px;
   display: flex;
@@ -2182,64 +2592,64 @@ to {
   background: none;
   color: var(--color-icon-sub-600);
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper:focus-within {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper:focus-within {
   border: none;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-dropdown-items-viewport {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-dropdown-items-viewport {
   display: flex;
   position: relative;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-dd43a899] {
   display: flex;
   align-items: center;
   padding: var(--spacing-8);
   color: var(--color-text-sub-600);
   font: var(--paragraph-sm);
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-suffix {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix {
   cursor: pointer;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-suffix div {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix div {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper[data-v-2cc18da8] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
+.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
   width: 20px;
   height: 20px;
   color: var(--color-icon-soft-400);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-dd43a899] {
   display: flex;
   position: sticky;
   top: 0;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-2cc18da8] .celeste-input-wrapper-type-search {
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-dd43a899] .celeste-input-wrapper-type-search {
   border-top-left-radius: var(--radius-8);
   border-top-right-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-dd43a899] {
   width: 100%;
   height: 1px;
   background-color: var(--color-stroke-soft-200);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-dd43a899] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-2cc18da8],
-.celeste-dropdown-wrapper .selected-dropdown-image[data-v-2cc18da8] {
+.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-dd43a899],
+.celeste-dropdown-wrapper .selected-dropdown-image[data-v-dd43a899] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -3257,17 +3667,6 @@ to {
 }
 .celeste-text-input-button[inline=true][data-v-82489224]:hover {
   background-color: transparent !important;
-}.celeste-text-input-icon[data-v-3b859b72] {
-  display: flex;
-  align-items: center;
-  color: var(--color-text-sub-600);
-}
-.celeste-text-input-icon[position=start][data-v-3b859b72] {
-  order: -1;
-}
-.celeste-text-input-icon > i[data-v-3b859b72] {
-  width: 20px;
-  height: 20px;
 }.celeste-textarea-wrapper[data-v-76864cee] {
   transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
   transition-duration: var(--animation-fast);