@youcan/celeste 0.6.24 → 0.6.25

package/dist/celeste.css

@@ -1968,11 +1968,13 @@ 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;
@@ -1984,29 +1986,29 @@ to {
   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;
@@ -2017,7 +2019,7 @@ to {
   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;
@@ -2028,27 +2030,27 @@ to {
   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);
@@ -2057,90 +2059,90 @@ to {
 }
 .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-cad50435] {
+}[data-v-e3715243] {
   box-sizing: border-box;
 }
-.celeste-dropdown-anchor-trigger-prefix[data-v-cad50435] {
+.celeste-dropdown-anchor-trigger-prefix[data-v-e3715243] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-anchor-trigger-prefix-selected[data-v-cad50435] {
+.celeste-dropdown-anchor-trigger-prefix-selected[data-v-e3715243] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.celeste-dropdown-item-image[data-v-cad50435],
-.selected-dropdown-image[data-v-cad50435] {
+.celeste-dropdown-item-image[data-v-e3715243],
+.selected-dropdown-image[data-v-e3715243] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2150,7 +2152,7 @@ to {
      object-fit: cover;
   border-radius: var(--radius-full);
 }
-.celeste-dropdown-input[data-v-cad50435] {
+.celeste-dropdown-input[data-v-e3715243] {
   display: flex;
   flex: 1 0 0;
   align-items: center;
@@ -2161,7 +2163,7 @@ to {
   cursor: pointer;
   gap: var(--spacing-8);
 }
-.celeste-dropdown-trigger[data-v-cad50435] {
+.celeste-dropdown-trigger[data-v-e3715243] {
   display: flex;
   place-items: center center;
   transition-property: transform;
@@ -2172,7 +2174,7 @@ to {
   color: var(--color-icon-soft-400);
   cursor: pointer;
 }
-.celeste-dropdown-inner-input[data-v-cad50435] {
+.celeste-dropdown-inner-input[data-v-e3715243] {
   display: flex;
   position: sticky;
   z-index: 50;
@@ -2181,7 +2183,7 @@ to {
   gap: var(--spacing-4);
   background-color: var(--color-bg-white-0);
 }
-.celeste-dropdown-inner-input.sr-only[data-v-cad50435] {
+.celeste-dropdown-inner-input.sr-only[data-v-e3715243] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -2430,19 +2432,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-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;
@@ -2451,7 +2453,7 @@ to {
   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;
@@ -2463,25 +2465,25 @@ to {
   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;
@@ -2492,7 +2494,7 @@ to {
   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;
@@ -2503,99 +2505,99 @@ to {
   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;
@@ -2615,32 +2617,32 @@ to {
   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;
@@ -2650,64 +2652,64 @@ to {
   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-root.js

@@ -1,3 +1,40 @@
 "use strict";
-const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
-module.exports = comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main;
+const Mo = require("vue");
+const index = require("./chunks/index.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "combobox-root",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    searchTerm: {},
+    selectedValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    name: {},
+    dir: {},
+    filterFunction: { type: Function },
+    displayValue: { type: Function },
+    resetSearchTermOnBlur: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = index.xe(props, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Hv), Mo.mergeProps({ class: "celeste-combobox-root" }, Mo.unref(forwarded)), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const ComboboxRoot = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
+module.exports = ComboboxRoot;

package/dist/cjs/combobox-trigger.js

@@ -43,5 +43,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-43f9e53e"]]);
+const ComboboxTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
 module.exports = ComboboxTrigger;

package/dist/cjs/combobox.js

@@ -8,7 +8,7 @@ const comboboxGroup = require("./combobox-group.js");
 const comboboxInput = require("./combobox-input.js");
 const comboboxItem = require("./combobox-item.js");
 const comboboxList = require("./combobox-list.js");
-const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
+const comboboxRoot = require("./combobox-root.js");
 const comboboxSeparator = require("./combobox-separator.js");
 const comboboxTrigger = require("./combobox-trigger.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
       disabled: props.disabled
     }));
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main, Mo.mergeProps({ class: "shrink-0" }, Mo.unref(forwarded), { "filter-function": filterFunction }), {
+      return Mo.openBlock(), Mo.createBlock(comboboxRoot, Mo.mergeProps(Mo.unref(forwarded), { "filter-function": filterFunction }), {
         default: Mo.withCtx(() => [
           Mo.createVNode(comboboxAnchor_vue_vue_type_script_setup_true_lang._sfc_main, { "as-child": "" }, {
             default: Mo.withCtx(() => [
@@ -229,5 +229,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-cad50435"]]);
+const combobox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
 module.exports = combobox;

package/dist/cjs/dropdown.js

@@ -287,5 +287,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dd43a899"]]);
+const dropdown = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
 module.exports = dropdown;

package/dist/cjs/index.js

@@ -15,7 +15,7 @@ const comboboxGroup = require("./combobox-group.js");
 const comboboxInput = require("./combobox-input.js");
 const comboboxItem = require("./combobox-item.js");
 const comboboxList = require("./combobox-list.js");
-const comboboxRoot_vue_vue_type_script_setup_true_lang = require("./chunks/combobox-root.js");
+const comboboxRoot = require("./combobox-root.js");
 const comboboxSeparator = require("./combobox-separator.js");
 const comboboxTrigger = require("./combobox-trigger.js");
 const combobox = require("./combobox.js");
@@ -81,7 +81,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   ComboboxInput: comboboxInput,
   ComboboxItem: comboboxItem,
   ComboboxList: comboboxList,
-  ComboboxRoot: comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main,
+  ComboboxRoot: comboboxRoot,
   ComboboxSeparator: comboboxSeparator,
   ComboboxTrigger: comboboxTrigger,
   CompactButton: compactButton,
@@ -161,7 +161,7 @@ exports.ComboboxGroup = comboboxGroup;
 exports.ComboboxInput = comboboxInput;
 exports.ComboboxItem = comboboxItem;
 exports.ComboboxList = comboboxList;
-exports.ComboboxRoot = comboboxRoot_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.ComboboxRoot = comboboxRoot;
 exports.ComboboxSeparator = comboboxSeparator;
 exports.ComboboxTrigger = comboboxTrigger;
 exports.Combobox = combobox;

package/dist/es/chunks/index.js

@@ -8983,8 +8983,8 @@ export {
   Qv as E,
   Fy as F,
   Gy as G,
-  Hv as H,
-  nm as I,
+  nm as H,
+  Hv as I,
   Jv as J,
   Kv as K,
   tm as L,

package/dist/es/combobox-list.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, I as nm, X as Xv, J as Jv } from "./chunks/index.js";
+import { x as xe, H as nm, X as Xv, J as Jv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-list",

package/dist/es/combobox-root.js

@@ -1,4 +1,41 @@
-import { _ as _sfc_main } from "./chunks/combobox-root.js";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { x as xe, I as Hv } from "./chunks/index.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "combobox-root",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    searchTerm: {},
+    selectedValue: {},
+    multiple: { type: Boolean },
+    disabled: { type: Boolean },
+    name: {},
+    dir: {},
+    filterFunction: { type: Function },
+    displayValue: { type: Function },
+    resetSearchTermOnBlur: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = xe(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Hv), mergeProps({ class: "celeste-combobox-root" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const ComboboxRoot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29e14e56"]]);
 export {
-  _sfc_main as default
+  ComboboxRoot as default
 };

package/dist/es/combobox-trigger.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-43f9e53e"]]);
+const ComboboxTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bddcd2de"]]);
 export {
   ComboboxTrigger as default
 };

package/dist/es/combobox.js

@@ -1,13 +1,13 @@
 import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode, normalizeClass, createElementBlock, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createSlots, createTextVNode, Fragment, renderList } from "vue";
 import { x as xe } from "./chunks/index.js";
 import Badge from "./badge.js";
-import { _ as _sfc_main$2 } from "./chunks/combobox-anchor.js";
+import { _ as _sfc_main$1 } from "./chunks/combobox-anchor.js";
 import ComboboxEmpty from "./combobox-empty.js";
 import ComboboxGroup from "./combobox-group.js";
 import ComboboxInput from "./combobox-input.js";
 import ComboboxItem from "./combobox-item.js";
 import ComboboxList from "./combobox-list.js";
-import { _ as _sfc_main$1 } from "./chunks/combobox-root.js";
+import ComboboxRoot from "./combobox-root.js";
 import ComboboxSeparator from "./combobox-separator.js";
 import ComboboxTrigger from "./combobox-trigger.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
@@ -127,9 +127,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabled: props.disabled
     }));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({ class: "shrink-0" }, unref(forwarded), { "filter-function": filterFunction }), {
+      return openBlock(), createBlock(ComboboxRoot, mergeProps(unref(forwarded), { "filter-function": filterFunction }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$2, { "as-child": "" }, {
+          createVNode(_sfc_main$1, { "as-child": "" }, {
             default: withCtx(() => [
               createVNode(ComboboxTrigger, {
                 type: _ctx.type,
@@ -228,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cad50435"]]);
+const combobox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3715243"]]);
 export {
   combobox as default
 };

package/dist/es/command-root.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, H as Hv } from "./chunks/index.js";
+import { x as xe, I as Hv } from "./chunks/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-root",
   props: {

package/dist/es/dropdown.js

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, useModel, ref, computed, watch, openBlock, createElementBlock, withKeys, createVNode, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, Fragment, renderList } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { H as Hv, j as jv, U as Uv, X as Xv, J as Jv, L as tm, Z as Zv, B as qv, E as Qv } from "./chunks/index.js";
+import { I as Hv, j as jv, U as Uv, X as Xv, J as Jv, L as tm, Z as Zv, B as qv, E as Qv } from "./chunks/index.js";
 import Badge from "./badge.js";
 import TextInput from "./text-input.js";
 import DropdownItem from "./dropdown-item.js";
@@ -286,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd43a899"]]);
+const dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ef0e6e7"]]);
 export {
   dropdown as default
 };

package/dist/es/index.js

@@ -13,50 +13,50 @@ import ComboboxGroup from "./combobox-group.js";
 import ComboboxInput from "./combobox-input.js";
 import ComboboxItem from "./combobox-item.js";
 import ComboboxList from "./combobox-list.js";
-import { _ as _sfc_main$2 } from "./chunks/combobox-root.js";
+import ComboboxRoot from "./combobox-root.js";
 import ComboboxSeparator from "./combobox-separator.js";
 import ComboboxTrigger from "./combobox-trigger.js";
 import combobox from "./combobox.js";
-import { _ as _sfc_main$3 } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$2 } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
 import contextMenuItem from "./context-menu-item.js";
 import DropdownItem from "./dropdown-item.js";
 import dropdown from "./dropdown.js";
-import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$3 } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
 import dropdownMenuGroup from "./dropdown-menu-group.js";
 import dropdownMenuItem from "./dropdown-menu-item.js";
 import dropdownMenuLabel from "./dropdown-menu-label.js";
 import dropdownMenuSeparator from "./dropdown-menu-separator.js";
-import { _ as _sfc_main$6 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$7 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub.js";
+import { _ as _sfc_main$5 } from "./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$6 } from "./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$4 } from "./chunks/dropdown-menu-sub.js";
 import dropdownMenuTrigger from "./dropdown-menu-trigger.js";
 import dropdownMenu from "./dropdown-menu.js";
 import hintText from "./hint-text.js";
 import label from "./label.js";
 import modalBody from "./modal-body.js";
-import { _ as _sfc_main$9 } from "./chunks/modal-close.js";
+import { _ as _sfc_main$8 } from "./chunks/modal-close.js";
 import modalContent from "./modal-content.js";
 import modalFooter from "./modal-footer.js";
 import modalHeader from "./modal-header.js";
-import { _ as _sfc_main$a } from "./chunks/modal-trigger.js";
-import { _ as _sfc_main$8 } from "./chunks/modal.js";
+import { _ as _sfc_main$9 } from "./chunks/modal-trigger.js";
+import { _ as _sfc_main$7 } from "./chunks/modal.js";
 import PopoverContent from "./popover-content.js";
 import PopoverTrigger from "./popover-trigger.js";
-import { _ as _sfc_main$b } from "./chunks/popover.js";
-import { _ as _sfc_main$c } from "./chunks/scroll-area.js";
+import { _ as _sfc_main$a } from "./chunks/popover.js";
+import { _ as _sfc_main$b } from "./chunks/scroll-area.js";
 import segmentedControlItem from "./segmented-control-item.js";
 import segmentedControl from "./segmented-control.js";
 import SelectContent from "./select-content.js";
-import { _ as _sfc_main$e } from "./chunks/select-group.js";
+import { _ as _sfc_main$d } from "./chunks/select-group.js";
 import selectIcon from "./select-icon.js";
 import SelectItem from "./select-item.js";
 import selectLabel from "./select-label.js";
 import selectSeparator from "./select-separator.js";
 import SelectTrigger from "./select-trigger.js";
 import SelectValue from "./select-value.js";
-import { _ as _sfc_main$d } from "./chunks/select.js";
-import { _ as _sfc_main$f } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
-import { _ as _sfc_main$g } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$c } from "./chunks/select.js";
+import { _ as _sfc_main$e } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
+import { _ as _sfc_main$f } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
 import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
 import tabMenuList from "./tab-menu-list.js";
@@ -79,54 +79,54 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   ComboboxInput,
   ComboboxItem,
   ComboboxList,
-  ComboboxRoot: _sfc_main$2,
+  ComboboxRoot,
   ComboboxSeparator,
   ComboboxTrigger,
   CompactButton,
-  ContentDivider: _sfc_main$3,
+  ContentDivider: _sfc_main$2,
   ContextMenuItem: contextMenuItem,
   Dropdown: dropdown,
   DropdownItem,
   DropdownMenu: dropdownMenu,
-  DropdownMenuContent: _sfc_main$4,
+  DropdownMenuContent: _sfc_main$3,
   DropdownMenuGroup: dropdownMenuGroup,
   DropdownMenuItem: dropdownMenuItem,
   DropdownMenuLabel: dropdownMenuLabel,
   DropdownMenuSeparator: dropdownMenuSeparator,
-  DropdownMenuSub: _sfc_main$5,
-  DropdownMenuSubContent: _sfc_main$6,
-  DropdownMenuSubTrigger: _sfc_main$7,
+  DropdownMenuSub: _sfc_main$4,
+  DropdownMenuSubContent: _sfc_main$5,
+  DropdownMenuSubTrigger: _sfc_main$6,
   DropdownMenuTrigger: dropdownMenuTrigger,
   FancyButton: fancyButton,
   HintText: hintText,
   Label: label,
   LinkButton: linkButton,
-  Modal: _sfc_main$8,
+  Modal: _sfc_main$7,
   ModalBody: modalBody,
-  ModalClose: _sfc_main$9,
+  ModalClose: _sfc_main$8,
   ModalContent: modalContent,
   ModalFooter: modalFooter,
   ModalHeader: modalHeader,
-  ModalTrigger: _sfc_main$a,
-  Popover: _sfc_main$b,
+  ModalTrigger: _sfc_main$9,
+  Popover: _sfc_main$a,
   PopoverContent,
   PopoverTrigger,
-  ScrollArea: _sfc_main$c,
+  ScrollArea: _sfc_main$b,
   SegmentedControl: segmentedControl,
   SegmentedControlItem: segmentedControlItem,
-  Select: _sfc_main$d,
+  Select: _sfc_main$c,
   SelectContent,
-  SelectGroup: _sfc_main$e,
+  SelectGroup: _sfc_main$d,
   SelectIcon: selectIcon,
   SelectItem,
   SelectLabel: selectLabel,
   SelectSeparator: selectSeparator,
   SelectTrigger,
   SelectValue,
-  Slider: _sfc_main$f,
+  Slider: _sfc_main$e,
   SocialButton: socialButton,
   StatusBadge: statusBadge,
-  Switch: _sfc_main$g,
+  Switch: _sfc_main$f,
   TabMenu: tabMenu,
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
@@ -157,54 +157,54 @@ export {
   ComboboxInput,
   ComboboxItem,
   ComboboxList,
-  _sfc_main$2 as ComboboxRoot,
+  ComboboxRoot,
   ComboboxSeparator,
   ComboboxTrigger,
   CompactButton,
-  _sfc_main$3 as ContentDivider,
+  _sfc_main$2 as ContentDivider,
   contextMenuItem as ContextMenuItem,
   dropdown as Dropdown,
   DropdownItem,
   dropdownMenu as DropdownMenu,
-  _sfc_main$4 as DropdownMenuContent,
+  _sfc_main$3 as DropdownMenuContent,
   dropdownMenuGroup as DropdownMenuGroup,
   dropdownMenuItem as DropdownMenuItem,
   dropdownMenuLabel as DropdownMenuLabel,
   dropdownMenuSeparator as DropdownMenuSeparator,
-  _sfc_main$5 as DropdownMenuSub,
-  _sfc_main$6 as DropdownMenuSubContent,
-  _sfc_main$7 as DropdownMenuSubTrigger,
+  _sfc_main$4 as DropdownMenuSub,
+  _sfc_main$5 as DropdownMenuSubContent,
+  _sfc_main$6 as DropdownMenuSubTrigger,
   dropdownMenuTrigger as DropdownMenuTrigger,
   fancyButton as FancyButton,
   hintText as HintText,
   label as Label,
   linkButton as LinkButton,
-  _sfc_main$8 as Modal,
+  _sfc_main$7 as Modal,
   modalBody as ModalBody,
-  _sfc_main$9 as ModalClose,
+  _sfc_main$8 as ModalClose,
   modalContent as ModalContent,
   modalFooter as ModalFooter,
   modalHeader as ModalHeader,
-  _sfc_main$a as ModalTrigger,
-  _sfc_main$b as Popover,
+  _sfc_main$9 as ModalTrigger,
+  _sfc_main$a as Popover,
   PopoverContent,
   PopoverTrigger,
-  _sfc_main$c as ScrollArea,
+  _sfc_main$b as ScrollArea,
   segmentedControl as SegmentedControl,
   segmentedControlItem as SegmentedControlItem,
-  _sfc_main$d as Select,
+  _sfc_main$c as Select,
   SelectContent,
-  _sfc_main$e as SelectGroup,
+  _sfc_main$d as SelectGroup,
   selectIcon as SelectIcon,
   SelectItem,
   selectLabel as SelectLabel,
   selectSeparator as SelectSeparator,
   SelectTrigger,
   SelectValue,
-  _sfc_main$f as Slider,
+  _sfc_main$e as Slider,
   socialButton as SocialButton,
   statusBadge as StatusBadge,
-  _sfc_main$g as Switch,
+  _sfc_main$f as Switch,
   tabMenu as TabMenu,
   tabMenuContent as TabMenuContent,
   tabMenuItem as TabMenuItem,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.24",
+  "version": "0.6.25",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -32,8 +32,8 @@
     "clsx": "^2.1.1",
     "radix-vue": "^1.9.12",
     "tinycolor2": "^1.6.0",
-    "@youcan/celeste-icons": "0.6.24",
-    "@youcan/celeste-tokens": "0.6.24"
+    "@youcan/celeste-icons": "0.6.25",
+    "@youcan/celeste-tokens": "0.6.25"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

package/src/components/combobox/combobox-root.vue

@@ -8,7 +8,13 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <ComboboxRoot v-bind="forwarded">
+  <ComboboxRoot class="celeste-combobox-root" v-bind="forwarded">
     <slot />
   </ComboboxRoot>
 </template>
+
+<style lang="scss" scoped>
+.celeste-combobox-root {
+  flex-shrink: 0;
+}
+</style>

package/src/components/combobox/combobox-trigger.vue

@@ -195,7 +195,7 @@ export interface CustomComboboxTriggerProps extends ComboboxTriggerProps {
   &.celeste-dropdown-anchor-trigger-type-compact-input {
     width: fit-content;
     border: none;
-    border-radius: var(--radius-0);
+    border-radius: 0;
     box-shadow: none;
 
     &:deep(.celeste-dropdown-input) {

package/src/components/combobox/combobox.vue

@@ -132,7 +132,6 @@ export default {
 
 <template>
   <ComboboxRoot
-    class="shrink-0"
     v-bind="forwarded"
     :filter-function="filterFunction"
   >

package/src/components/dropdown/dropdown.vue

@@ -453,7 +453,7 @@ export interface SelectedType {
     &.celeste-dropdown-anchor-trigger-type-compact-input {
       width: fit-content;
       border: none;
-      border-radius: var(--radius-0);
+      border-radius: 0;
       box-shadow: none;
 
       &:deep(.celeste-dropdown-input) {

package/dist/cjs/chunks/combobox-root.js

@@ -1,38 +0,0 @@
-"use strict";
-const Mo = require("vue");
-const index = require("./index.js");
-const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
-  __name: "combobox-root",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    searchTerm: {},
-    selectedValue: {},
-    multiple: { type: Boolean },
-    disabled: { type: Boolean },
-    name: {},
-    dir: {},
-    filterFunction: { type: Function },
-    displayValue: { type: Function },
-    resetSearchTermOnBlur: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = index.xe(props, emits);
-    return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Hv), Mo.normalizeProps(Mo.guardReactiveProps(Mo.unref(forwarded))), {
-        default: Mo.withCtx(() => [
-          Mo.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;

package/dist/es/chunks/combobox-root.js

@@ -1,39 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-import { x as xe, H as Hv } from "./index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "combobox-root",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    searchTerm: {},
-    selectedValue: {},
-    multiple: { type: Boolean },
-    disabled: { type: Boolean },
-    name: {},
-    dir: {},
-    filterFunction: { type: Function },
-    displayValue: { type: Function },
-    resetSearchTermOnBlur: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = xe(props, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Hv), normalizeProps(guardReactiveProps(unref(forwarded))), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};