@youcan/celeste 0.6.33 → 0.6.35

package/dist/celeste.css

@@ -101,114 +101,7 @@
 .thumb[data-v-96c265fe] {
   background-color: var(--color-bg-soft-200);
 }
-
-.celeste-dropdown-menu-sub-trigger {
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: space-between;
-  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);
-  color: var(--color-text-strong-950);
-  font: var(--paragraph-sm);
-  cursor: pointer;
-  gap: var(--spacing-8);
-}
-.celeste-dropdown-menu-sub-trigger i {
-    color: var(--color-icon-sub-600);
-}
-:is(.celeste-dropdown-menu-sub-trigger i):dir(rtl) {
-      transform: rotate(180deg);
-}
-.celeste-dropdown-menu-sub-trigger:focus-visible,.celeste-dropdown-menu-sub-trigger:not([data-disabled]):hover,.celeste-dropdown-menu-sub-trigger[data-state='open'],.celeste-dropdown-menu-sub-trigger[data-highlighted] {
-    outline: none;
-    background: var(--color-bg-weak-50);
-}
-.celeste-dropdown-menu-sub-trigger[data-disabled] {
-    color: var(--color-text-disabled-300);
-    cursor: auto;
-}
-.celeste-dropdown-menu-sub-trigger[data-disabled] :deep(i) {
-      color: var(--color-text-disabled-300);
-}
-.celeste-dropdown-menu-sub-content {
-  --dropdown-width: 100%;
-  display: flex;
-  box-sizing: border-box;
-  flex-direction: column;
-  width: var(--dropdown-width);
-  min-width: 300px;
-  margin-top: var(--spacing-10);
-  padding: var(--spacing-8);
-  overflow: hidden;
-  transition-property: transform, opacity, display;
-  transition-duration: var(--animation-fast);
-  transition-timing-function: ease-out;
-  transition-behavior: allow-discrete;
-  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-menu-sub-content[data-state=closed] {
-  display: none;
-  transform: translateY(10px);
-  opacity: 0;
-}
-.celeste-dropdown-menu-sub-content[data-state=open] {
-  display: block;
-  transform: translateY(0);
-  opacity: 1;
-}
-@starting-style {
-.celeste-dropdown-menu-sub-content[data-state=open] {
-    transform: translateY(10px);
-    opacity: 0;
-}
-}.celeste-dropdown-menu-content {
-  --dropdown-width: 100%;
-  --dropdown-max-width: 350px;
-  display: flex;
-  z-index: 50;
-  box-sizing: border-box;
-  flex-direction: column;
-  width: var(--dropdown-width);
-  min-width: 300px;
-  max-width: var(--dropdown-max-width);
-  margin-top: var(--spacing-10);
-  padding: var(--spacing-8);
-  overflow: hidden;
-  transition-property: display, transform, opacity;
-  transition-duration: var(--animation-fast);
-  transition-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);
-  transition-behavior: allow-discrete;
-  gap: var(--spacing-4);
-}
-.celeste-dropdown-menu-content[data-state=closed] {
-  display: none;
-  transform: translateY(10px);
-  opacity: 0;
-}
-.celeste-dropdown-menu-content[data-state=open] {
-  display: block;
-  transform: translateY(0);
-  opacity: 1;
-}
-@starting-style {
-.celeste-dropdown-menu-content[data-state=open] {
-    transform: translateY(10px);
-    opacity: 0;
-}
-}.celecte-content-divider {
+.celecte-content-divider {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2714,19 +2607,19 @@ to {
 }
 .celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-a0a634ce] {
   font-weight: var(--font-weights-display-0);
-}[data-v-8ef0e6e7] {
+}[data-v-13b7b76a] {
   box-sizing: border-box;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper[data-v-13b7b76a] {
   --dropdown-width: 100%;
   --dropdown-height: 300px;
   position: relative;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-within {
+.celeste-dropdown-wrapper[data-v-13b7b76a]:focus, .celeste-dropdown-wrapper[data-v-13b7b76a]:focus-visible, .celeste-dropdown-wrapper[data-v-13b7b76a]:focus-within {
   border: none;
   outline: none;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-root {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-dropdown-root {
   display: flex;
   position: relative;
   flex-direction: column;
@@ -2735,7 +2628,7 @@ to {
   padding-top: var(--spacing-4);
   gap: var(--spacing-10);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-13b7b76a] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2747,25 +2640,25 @@ to {
   gap: var(--spacing-8);
   cursor: pointer;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] i {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-13b7b76a] i {
   width: 20px;
   height: 20px;
   color: var(--color-icon-soft-400);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus-within {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-13b7b76a]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-13b7b76a]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-13b7b76a]:focus-within {
   outline: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-13b7b76a] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-13b7b76a] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-13b7b76a] {
   display: flex;
   flex: 1 0 0;
   align-items: center;
@@ -2776,7 +2669,7 @@ to {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-13b7b76a] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2787,99 +2680,99 @@ to {
   color: var(--color-icon-soft-400);
   cursor: pointer;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-8ef0e6e7]:not([data-disabled]) .celeste-dropdown-trigger {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-13b7b76a]:not([data-disabled]) .celeste-dropdown-trigger {
   transform: rotate(180deg);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:hover {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-13b7b76a]:hover {
   background: var(--color-bg-weak-50);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-13b7b76a]: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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-13b7b76a] {
   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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-13b7b76a] {
   color: var(--color-text-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-8ef0e6e7] i,
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-13b7b76a] i,
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-13b7b76a] {
   color: var(--color-icon-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-13b7b76a]: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-8ef0e6e7] {
+.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-13b7b76a] {
   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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-13b7b76a] {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-13b7b76a] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-13b7b76a] {
   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-8ef0e6e7] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-13b7b76a] .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-8ef0e6e7], .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-8ef0e6e7] {
+.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-13b7b76a], .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-13b7b76a] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7]: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-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-disabled) i {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-13b7b76a]: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-13b7b76a]: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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-13b7b76a] {
   width: -moz-fit-content;
   width: fit-content;
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-13b7b76a] .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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-13b7b76a] {
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-13b7b76a] {
   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-8ef0e6e7] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-13b7b76a] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-13b7b76a] {
   min-width: 300px;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-13b7b76a] {
   height: 32px;
   padding: var(--spacing-6);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-13b7b76a] {
   height: 36px;
   padding: var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-13b7b76a] {
   height: 40px;
   padding: var(--spacing-10);
   border-radius: var(--radius-10);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-13b7b76a] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2899,32 +2792,32 @@ to {
   box-shadow: var(--shadow-regular-md);
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-13b7b76a] {
   transform: translateY(10px);
   opacity: 0;
   pointer-events: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-13b7b76a] {
   transform: translateY(0);
   opacity: 1;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-13b7b76a] {
   bottom: calc(var(--dropdown-width) + var(--spacing-4));
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-13b7b76a] {
   top: calc(var(--dropdown-width) + var(--spacing-4));
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-13b7b76a] {
   left: 0;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-13b7b76a] {
   right: 0;
 }
-.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-13b7b76a] {
   left: 50%;
   transform: translateX(-50%);
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-prefix {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-input-wrapper .celeste-input-prefix {
   width: 20px;
   height: 20px;
   display: flex;
@@ -2934,64 +2827,64 @@ to {
   background: none;
   color: var(--color-icon-sub-600);
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-input-wrapper {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper:focus-within {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-input-wrapper:focus-within {
   border: none;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-items-viewport {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-dropdown-items-viewport {
   display: flex;
   position: relative;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-13b7b76a] {
   display: flex;
   align-items: center;
   padding: var(--spacing-8);
   color: var(--color-text-sub-600);
   font: var(--paragraph-sm);
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-input-wrapper .celeste-input-suffix {
   cursor: pointer;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix div {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .celeste-input-wrapper .celeste-input-suffix div {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
+.celeste-dropdown-wrapper[data-v-13b7b76a] .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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-13b7b76a] {
   display: flex;
   position: sticky;
   top: 0;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] .celeste-input-wrapper-type-search {
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-13b7b76a] .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-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-13b7b76a] {
   width: 100%;
   height: 1px;
   background-color: var(--color-stroke-soft-200);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-13b7b76a] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-8ef0e6e7],
-.celeste-dropdown-wrapper .selected-dropdown-image[data-v-8ef0e6e7] {
+.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-13b7b76a],
+.celeste-dropdown-wrapper .selected-dropdown-image[data-v-13b7b76a] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -3000,99 +2893,102 @@ to {
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: var(--radius-full);
+}[data-v-3bd71ed1] .celeste-dropdown-menu-content {
+  --dropdown-min-width: 250px;
+  --dropdown-max-width: 350px;
+  display: flex;
+  z-index: 50;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: 100%;
+  min-width: var(--dropdown-min-width);
+  max-width: var(--dropdown-max-width);
+  padding: var(--spacing-8);
+  overflow: hidden;
+  transform-origin: var(--radix-popper-transform-origin);
+  animation: var(--animation-fast) ease-out forwards;
+  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);
+  transition-behavior: allow-discrete;
+  gap: var(--spacing-4);
+  scale: 0.95;
+}
+[data-v-3bd71ed1] .celeste-dropdown-menu-content[data-state=open] {
+  animation-name: open-3bd71ed1;
+}
+[data-v-3bd71ed1] .celeste-dropdown-menu-content[data-state=closed] {
+  animation-name: close-3bd71ed1;
+}
+@keyframes open-3bd71ed1 {
+to {
+    opacity: 1;
+    scale: 1;
+}
+}
+@keyframes close-3bd71ed1 {
+from {
+    opacity: 1;
+    scale: 1;
+}
+to {
+    scale: 0.95;
+    opacity: 0;
+}
 }.celeste-dropdown-menu-group[data-v-87c13894] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
-}.celeste-dropdown-menu-item[data-v-f6a0291c] {
+}.celeste-dropdown-menu-item[data-v-149975fd] {
   display: flex;
   align-items: center;
   padding: var(--spacing-8);
-  transition-property: background-color;
-  transition-duration: var(--animation-fast);
-  transition-timing-function: ease-out;
+  transition: background-color var(--animation-fast) ease-out;
   border-radius: var(--radius-8);
   background: var(--color-bg-white-0);
   color: var(--color-text-strong-950);
   font: var(--paragraph-sm);
+  text-decoration: none;
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-menu-item i[data-v-f6a0291c] {
+.celeste-dropdown-menu-item i[data-v-149975fd] {
   color: var(--color-icon-sub-600);
 }
-.celeste-dropdown-menu-item[data-v-f6a0291c]:focus-visible, .celeste-dropdown-menu-item[data-v-f6a0291c]:not([data-disabled]):hover, .celeste-dropdown-menu-item[data-highlighted][data-v-f6a0291c] {
+.celeste-dropdown-menu-item[data-v-149975fd]:focus-visible, .celeste-dropdown-menu-item[data-v-149975fd]:not([data-disabled]):hover, .celeste-dropdown-menu-item[data-highlighted][data-v-149975fd] {
   outline: none;
   background: var(--color-bg-weak-50);
 }
-.celeste-dropdown-menu-item-body[data-v-f6a0291c] {
-  display: flex;
-  flex: 1 0 0;
-  flex-direction: column;
-  justify-content: center;
-  gap: var(--spacing-4);
-  width: -moz-fit-content;
-  width: fit-content;
-  max-width: 400px;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.celeste-dropdown-menu-item-text[data-v-f6a0291c] {
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-body[data-v-149975fd] {
   display: flex;
+  flex: 1;
   align-items: center;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-menu-item-label[data-v-f6a0291c], .celeste-dropdown-menu-item-sublabel[data-v-f6a0291c] {
-  max-width: 250px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.celeste-dropdown-menu-item-label[data-v-f6a0291c] {
-  color: var(--color-text-strong-950);
-  font: var(--paragraph-sm);
-}
-.celeste-dropdown-menu-item-sublabel[data-v-f6a0291c] {
-  color: var(--color-text-soft-400);
-  font: var(--paragraph-xs);
-}
-.celeste-dropdown-menu-item-description[data-v-f6a0291c] {
-  margin: var(--spacing-0);
-  overflow: hidden;
-  color: var(--color-text-sub-600);
-  font: var(--paragraph-xs);
-  text-overflow: ellipsis;
-}
-.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-f6a0291c],
-.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-f6a0291c] {
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-149975fd],
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-149975fd] {
   display: flex;
   align-items: center;
   justify-content: center;
-  max-width: 50%;
   height: -moz-fit-content;
   height: fit-content;
   color: var(--color-icon-sub-600);
 }
-.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-f6a0291c] i,
-.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-f6a0291c] i {
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-prefix[data-v-149975fd] i,
+.celeste-dropdown-menu-item .celeste-dropdown-menu-item-suffix[data-v-149975fd] i {
   color: var(--color-icon-sub-600);
 }
-.celeste-dropdown-menu-item[data-disabled][data-v-f6a0291c] {
+.celeste-dropdown-menu-item[data-disabled][data-v-149975fd] {
   color: var(--color-text-disabled-300);
   cursor: auto;
 }
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-label[data-v-f6a0291c],
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-sublabel[data-v-f6a0291c],
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-f6a0291c],
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-f6a0291c],
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-description[data-v-f6a0291c] {
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-149975fd],
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-149975fd] {
   color: var(--color-text-disabled-300);
 }
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-label[data-v-f6a0291c] i,
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-sublabel[data-v-f6a0291c] i,
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-f6a0291c] i,
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-f6a0291c] i,
-.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-description[data-v-f6a0291c] i {
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-prefix[data-v-149975fd] i,
+.celeste-dropdown-menu-item[data-disabled] .celeste-dropdown-menu-item-suffix[data-v-149975fd] i {
   color: var(--color-icon-disabled-300);
 }.celeste-dropdown-menu-label[data-v-392ac57c] {
   display: flex;
@@ -3106,35 +3002,110 @@ to {
   width: 100%;
   height: 1px;
   background-color: var(--color-stroke-soft-200);
-}.celeste-dropdown-menu-trigger[data-v-d81106e4] {
+}[data-v-ba978953] .celeste-dropdown-menu-sub-content {
+  --dropdown-min-width: 250px;
+  --dropdown-max-width: 350px;
   display: flex;
-  align-items: center;
+  z-index: 50;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: 100%;
+  min-width: var(--dropdown-min-width);
+  max-width: var(--dropdown-max-width);
+  margin-block-start: var(--spacing-10);
   padding: var(--spacing-8);
+  overflow: hidden;
+  transform-origin: var(--radix-popper-transform-origin);
+  animation: var(--animation-fast) ease-out forwards;
   border: 1px solid var(--color-stroke-soft-200);
-  border-radius: var(--radius-8);
+  border-radius: var(--radius-16);
   background-color: var(--color-bg-white-0);
-  box-shadow: var(--shadow-regular-xs);
-  color: var(--color-text-sub-600);
+  box-shadow: var(--shadow-regular-md);
+  gap: var(--spacing-4);
+  scale: 0.95;
+}
+[data-v-ba978953] .celeste-dropdown-menu-sub-content[data-state=open] {
+  animation-name: open-ba978953;
+}
+[data-v-ba978953] .celeste-dropdown-menu-sub-content[data-state=closed] {
+  animation-name: close-ba978953;
+}
+@keyframes open-ba978953 {
+to {
+    opacity: 1;
+    scale: 1;
+}
+}
+@keyframes close-ba978953 {
+from {
+    opacity: 1;
+    scale: 1;
+}
+to {
+    scale: 0.95;
+    opacity: 0;
+}
+}.celeste-dropdown-menu-sub-trigger[data-v-44257601] {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-8);
+  transition: background-color var(--animation-fast) ease-out;
+  border-radius: var(--radius-8);
+  background: var(--color-bg-white-0);
+  color: var(--color-text-strong-950);
+  font: var(--paragraph-sm);
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-menu-trigger[data-v-d81106e4] i {
-  color: var(--color-icon-soft-400);
+.celeste-dropdown-menu-sub-trigger i[data-v-44257601] {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-menu-sub-trigger i[data-v-44257601]:dir(rtl) {
+  transform: rotate(180deg);
 }
-.celeste-dropdown-menu-trigger[data-v-d81106e4]:hover {
+.celeste-dropdown-menu-sub-trigger[data-v-44257601]:focus-visible, .celeste-dropdown-menu-sub-trigger[data-v-44257601]:not([data-disabled]):hover, .celeste-dropdown-menu-sub-trigger[data-state=open][data-v-44257601], .celeste-dropdown-menu-sub-trigger[data-highlighted][data-v-44257601] {
+  outline: none;
   background: var(--color-bg-weak-50);
 }
-.celeste-dropdown-menu-trigger[data-state=open][data-v-d81106e4] {
-  border: 1px solid var(--color-stroke-strong-950);
-  box-shadow: var(--shadow-buttons-important-focus);
-  color: var(--color-text-strong-950);
+.celeste-dropdown-menu-sub-trigger .celeste-dropdown-menu-sub-prefix[data-v-44257601] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 50%;
+  height: -moz-fit-content;
+  height: fit-content;
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-menu-sub-trigger .celeste-dropdown-menu-sub-prefix[data-v-44257601] i {
+  color: var(--color-icon-sub-600);
+}
+.celeste-dropdown-menu-sub-trigger[data-disabled][data-v-44257601] {
+  color: var(--color-text-disabled-300);
+  cursor: auto;
+}
+.celeste-dropdown-menu-sub-trigger[data-disabled] .celeste-dropdown-menu-sub-prefix[data-v-44257601] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-dropdown-menu-sub-trigger[data-disabled] .celeste-dropdown-menu-sub-prefix[data-v-44257601] i {
+  color: var(--color-icon-disabled-300);
+}
+.celeste-dropdown-menu-sub-trigger .celeste-dropdown-menu-sub-body[data-v-44257601] {
+  flex: 1;
+}.celeste-dropdown-menu-trigger[data-v-003a2030] {
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-8);
+  cursor: pointer;
+  gap: var(--spacing-8);
 }
-.celeste-dropdown-menu-trigger[data-disabled][data-v-d81106e4] {
+.celeste-dropdown-menu-trigger[data-disabled][data-v-003a2030] {
   background: var(--color-bg-weak-50);
   color: var(--color-text-disabled-300);
   cursor: auto;
 }
-.celeste-dropdown-menu-trigger[data-disabled][data-v-d81106e4] i {
+.celeste-dropdown-menu-trigger[data-disabled][data-v-003a2030] i {
   color: var(--color-icon-disabled-300);
 }[data-v-3405639f] {
   box-sizing: border-box;