@youcan/celeste 0.6.23 → 0.6.25

package/dist/celeste.css

@@ -1912,49 +1912,69 @@ to {
 }
 .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-8e15332e],
-div[data-v-8e15332e] .celeste-dropdown-content {
-  --dropdown-width: 100%;
+}.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: 300px;
+  min-width: var(--dropdown-min-width);
   max-height: var(--dropdown-height);
   margin-top: var(--spacing-10);
   padding: var(--spacing-8);
-  overflow: hidden;
-  transition-property: background-color, transform, opacity;
-  transition-duration: var(--animation-fast);
-  transition-timing-function: ease-out;
+  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=closed][data-v-8e15332e],
-div[data-v-8e15332e] .celeste-dropdown-content[data-state=closed] {
-  transform: translateY(10px);
-  opacity: 0;
-  pointer-events: none;
+.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=open][data-v-8e15332e],
-div[data-v-8e15332e] .celeste-dropdown-content[data-state=open] {
-  transform: translateY(0);
-  opacity: 1;
+.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-8e15332e] .celeste-dropdown-items-viewport {
+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-combobox-root[data-v-29e14e56] {
+  flex-shrink: 0;
 }.celeste-dropdown-separator[data-v-987226c9] {
   width: 100%;
   height: 1px;
   background-color: var(--color-stroke-soft-200);
-}.celeste-dropdown-anchor-trigger[data-v-43f9e53e] {
+}.celeste-dropdown-anchor-trigger[data-v-bddcd2de] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -1966,29 +1986,29 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   gap: var(--spacing-8);
   cursor: pointer;
 }
-.celeste-dropdown-anchor-trigger[data-v-43f9e53e] i {
+.celeste-dropdown-anchor-trigger[data-v-bddcd2de] i {
   width: 20px;
   height: 20px;
   color: var(--color-icon-soft-400);
 }
-.celeste-dropdown-anchor-trigger[data-v-43f9e53e]:hover {
+.celeste-dropdown-anchor-trigger[data-v-bddcd2de]:hover {
   background: var(--color-bg-weak-50);
 }
-.celeste-dropdown-anchor-trigger[data-v-43f9e53e]:focus, .celeste-dropdown-anchor-trigger[data-v-43f9e53e]:focus-visible, .celeste-dropdown-anchor-trigger[data-v-43f9e53e]:focus-within {
+.celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus, .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus-visible, .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus-within {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-bddcd2de] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-bddcd2de] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-bddcd2de] {
   display: flex;
   flex: 1 0 0;
   align-items: center;
@@ -1999,7 +2019,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-bddcd2de] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2010,27 +2030,27 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   color: var(--color-icon-soft-400);
   cursor: pointer;
 }
-.celeste-dropdown-anchor-trigger[data-state=open][data-v-43f9e53e]:not([data-disabled]) .celeste-dropdown-trigger {
+.celeste-dropdown-anchor-trigger[data-state=open][data-v-bddcd2de]:not([data-disabled]) .celeste-dropdown-trigger {
   transform: rotate(180deg);
 }
-.celeste-dropdown-anchor-trigger-error[data-v-43f9e53e]:not(.celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-anchor-trigger-error[data-v-bddcd2de]:not(.celeste-dropdown-anchor-trigger-type-compact) {
   border: 1px solid var(--color-state-error-base);
 }
-.celeste-dropdown-anchor-trigger[data-disabled][data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger[data-disabled][data-v-bddcd2de] {
   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-43f9e53e] {
+.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-input[data-v-bddcd2de] {
   color: var(--color-text-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-anchor-trigger[data-disabled][data-v-43f9e53e] i,
-.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger[data-disabled][data-v-bddcd2de] i,
+.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-bddcd2de] {
   color: var(--color-icon-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-anchor-trigger[data-state=open][data-v-43f9e53e]:not([data-disabled],
+.celeste-dropdown-anchor-trigger[data-state=open][data-v-bddcd2de]:not([data-disabled],
 .celeste-dropdown-anchor-trigger-type-compact,
 .celeste-dropdown-anchor-trigger-type-compact-input) {
   border: 1px solid var(--color-stroke-strong-950);
@@ -2039,90 +2059,90 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
 }
 .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-43f9e53e] {
+.celeste-dropdown-anchor-trigger-type-compact-input) .celeste-dropdown-input[data-v-bddcd2de] {
   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-43f9e53e] {
+.celeste-dropdown-anchor-trigger-type-compact-input) i[data-v-bddcd2de] {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-anchor-trigger-filled[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger-filled[data-v-bddcd2de] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-anchor-trigger-filled[data-v-43f9e53e] .celeste-dropdown-input {
+.celeste-dropdown-anchor-trigger-filled[data-v-bddcd2de] .celeste-dropdown-input {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de] {
   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-43f9e53e] .celeste-dropdown-input {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-43f9e53e], .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open]:not([data-disabled]) .celeste-dropdown-input[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-bddcd2de], .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open]:not([data-disabled]) .celeste-dropdown-input[data-v-bddcd2de] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-43f9e53e]:hover:not([data-disabled]) i, .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open][data-v-43f9e53e]:not([data-disabled]) i {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de]:hover:not([data-disabled]) i, .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open][data-v-bddcd2de]:not([data-disabled]) i {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-bddcd2de] {
   width: -moz-fit-content;
   width: fit-content;
   border: none;
-  border-radius: var(--radius-0);
+  border-radius: 0;
   box-shadow: none;
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-43f9e53e] .celeste-dropdown-input {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-bddcd2de] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-bddcd2de] {
   box-shadow: none;
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-bddcd2de] {
   width: -moz-fit-content;
   width: fit-content;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-43f9e53e] .celeste-dropdown-input {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-bddcd2de] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-bddcd2de] {
   width: 100%;
   min-width: 300px;
 }
-.celeste-dropdown-anchor-trigger-size-xs[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger-size-xs[data-v-bddcd2de] {
   height: 32px;
   padding: var(--spacing-6);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-anchor-trigger-size-sm[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger-size-sm[data-v-bddcd2de] {
   height: 36px;
   padding: var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-anchor-trigger-size-md[data-v-43f9e53e] {
+.celeste-dropdown-anchor-trigger-size-md[data-v-bddcd2de] {
   height: 40px;
   padding: var(--spacing-10);
   border-radius: var(--radius-10);
-}[data-v-268c7202] {
+}[data-v-e3715243] {
   box-sizing: border-box;
 }
-.celeste-dropdown-anchor-trigger-prefix[data-v-268c7202] {
+.celeste-dropdown-anchor-trigger-prefix[data-v-e3715243] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-anchor-trigger-prefix-selected[data-v-268c7202] {
+.celeste-dropdown-anchor-trigger-prefix-selected[data-v-e3715243] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-item-image[data-v-268c7202],
-.selected-dropdown-image[data-v-268c7202] {
+.celeste-dropdown-item-image[data-v-e3715243],
+.selected-dropdown-image[data-v-e3715243] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2132,7 +2152,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
      object-fit: cover;
   border-radius: var(--radius-full);
 }
-.celeste-dropdown-input[data-v-268c7202] {
+.celeste-dropdown-input[data-v-e3715243] {
   display: flex;
   flex: 1 0 0;
   align-items: center;
@@ -2143,7 +2163,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-trigger[data-v-268c7202] {
+.celeste-dropdown-trigger[data-v-e3715243] {
   display: flex;
   place-items: center center;
   transition-property: transform;
@@ -2154,7 +2174,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   color: var(--color-icon-soft-400);
   cursor: pointer;
 }
-.celeste-dropdown-inner-input[data-v-268c7202] {
+.celeste-dropdown-inner-input[data-v-e3715243] {
   display: flex;
   position: sticky;
   z-index: 50;
@@ -2163,7 +2183,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   gap: var(--spacing-4);
   background-color: var(--color-bg-white-0);
 }
-.celeste-dropdown-inner-input.sr-only[data-v-268c7202] {
+.celeste-dropdown-inner-input.sr-only[data-v-e3715243] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -2412,19 +2432,19 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
 }
 .celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-a0a634ce] {
   font-weight: var(--font-weights-display-0);
-}[data-v-dd43a899] {
+}[data-v-8ef0e6e7] {
   box-sizing: border-box;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] {
   --dropdown-width: 100%;
   --dropdown-height: 300px;
   position: relative;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899]:focus, .celeste-dropdown-wrapper[data-v-dd43a899]:focus-visible, .celeste-dropdown-wrapper[data-v-dd43a899]:focus-within {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-within {
   border: none;
   outline: none;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-dropdown-root {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-root {
   display: flex;
   position: relative;
   flex-direction: column;
@@ -2433,7 +2453,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   padding-top: var(--spacing-4);
   gap: var(--spacing-10);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2445,25 +2465,25 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   gap: var(--spacing-8);
   cursor: pointer;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899] i {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] i {
   width: 20px;
   height: 20px;
   color: var(--color-icon-soft-400);
 }
-.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 {
+.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 {
   outline: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-8ef0e6e7] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-8ef0e6e7] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-8ef0e6e7] {
   display: flex;
   flex: 1 0 0;
   align-items: center;
@@ -2474,7 +2494,7 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-8ef0e6e7] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2485,99 +2505,99 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   color: var(--color-icon-soft-400);
   cursor: pointer;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-dd43a899]:not([data-disabled]) .celeste-dropdown-trigger {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-8ef0e6e7]:not([data-disabled]) .celeste-dropdown-trigger {
   transform: rotate(180deg);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:hover {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:hover {
   background: var(--color-bg-weak-50);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-8ef0e6e7]: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-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-8ef0e6e7] {
   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-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-8ef0e6e7] {
   color: var(--color-text-disabled-300);
   cursor: not-allowed;
 }
-.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] {
+.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] {
   color: var(--color-icon-disabled-300);
   cursor: not-allowed;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7]: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-dd43a899] {
+.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] {
   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-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-8ef0e6e7] {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-8ef0e6e7] {
   color: var(--color-text-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] {
   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-dd43a899] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] .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-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] {
+.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] {
   color: var(--color-text-strong-950);
 }
-.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 {
+.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 {
   color: var(--color-icon-strong-950);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] {
   width: -moz-fit-content;
   width: fit-content;
   border: none;
-  border-radius: var(--radius-0);
+  border-radius: 0;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-dd43a899] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] .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-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7] {
   box-shadow: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] {
   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-dd43a899] .celeste-dropdown-input {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] .celeste-dropdown-input {
   flex: inherit;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-8ef0e6e7] {
   min-width: 300px;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-8ef0e6e7] {
   height: 32px;
   padding: var(--spacing-6);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-8ef0e6e7] {
   height: 36px;
   padding: var(--spacing-8);
   border-radius: var(--radius-8);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-8ef0e6e7] {
   height: 40px;
   padding: var(--spacing-10);
   border-radius: var(--radius-10);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-8ef0e6e7] {
   transition-property: background-color, transform, opacity;
   transition-duration: var(--animation-fast);
   transition-timing-function: ease-out;
@@ -2597,32 +2617,32 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   box-shadow: var(--shadow-regular-md);
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-8ef0e6e7] {
   transform: translateY(10px);
   opacity: 0;
   pointer-events: none;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-8ef0e6e7] {
   transform: translateY(0);
   opacity: 1;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-8ef0e6e7] {
   bottom: calc(var(--dropdown-width) + var(--spacing-4));
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-8ef0e6e7] {
   top: calc(var(--dropdown-width) + var(--spacing-4));
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-8ef0e6e7] {
   left: 0;
 }
-.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-8ef0e6e7] {
   right: 0;
 }
-.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-dd43a899] {
+.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-8ef0e6e7] {
   left: 50%;
   transform: translateX(-50%);
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-prefix {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-prefix {
   width: 20px;
   height: 20px;
   display: flex;
@@ -2632,64 +2652,64 @@ div[data-v-8e15332e] .celeste-dropdown-items-viewport {
   background: none;
   color: var(--color-icon-sub-600);
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper:focus-within {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper:focus-within {
   border: none;
   box-shadow: none;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-dropdown-items-viewport {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-items-viewport {
   display: flex;
   position: relative;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-8ef0e6e7] {
   display: flex;
   align-items: center;
   padding: var(--spacing-8);
   color: var(--color-text-sub-600);
   font: var(--paragraph-sm);
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix {
   cursor: pointer;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix div {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix div {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
+.celeste-dropdown-wrapper[data-v-8ef0e6e7] .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-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] {
   display: flex;
   position: sticky;
   top: 0;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-dd43a899] .celeste-input-wrapper-type-search {
+.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] .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-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-8ef0e6e7] {
   width: 100%;
   height: 1px;
   background-color: var(--color-stroke-soft-200);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-8ef0e6e7] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-dd43a899],
-.celeste-dropdown-wrapper .selected-dropdown-image[data-v-dd43a899] {
+.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-8ef0e6e7],
+.celeste-dropdown-wrapper .selected-dropdown-image[data-v-8ef0e6e7] {
   width: 20px;
   height: 20px;
   display: flex;

package/dist/cjs/combobox-list.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     dismissable: { type: Boolean },
     side: {},
     sideOffset: { default: 4 },
-    align: { default: "center" },
+    align: { default: "start" },
     alignOffset: {},
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
@@ -40,7 +40,6 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
       return Mo.openBlock(), Mo.createBlock(Mo.unref(index.nm), null, {
         default: Mo.withCtx(() => [
           Mo.createVNode(Mo.unref(index.Xv), Mo.mergeProps(Mo.unref(forwarded), {
-            "force-mount": "",
             class: Mo.unref(clsx.clsx)("celeste-dropdown-content", props.class)
           }), {
             default: Mo.withCtx(() => [
@@ -59,5 +58,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const ComboboxList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8e15332e"]]);
+const ComboboxList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dc6bae8b"]]);
 module.exports = ComboboxList;