@youcan/celeste 0.7.2 → 0.8.0

package/dist/celeste.css

@@ -861,6 +861,172 @@
 .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
   outline: none;
   box-shadow: var(--shadow-buttons-error-focus);
+}.celeste-calendar[data-v-b0c6d2f8] {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  color: var(--color-text-sub-600);
+  gap: var(--spacing-8);
+}
+.celeste-calendar-header[data-v-b0c6d2f8] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-6);
+  gap: var(--spacing-6);
+  border-radius: var(--radius-8);
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-calendar-heading[data-v-b0c6d2f8] {
+  flex: 1;
+  color: var(--color-text-sub-600);
+  font: var(--label-sm);
+  text-align: center;
+}
+.celeste-calendar-nav[data-v-b0c6d2f8] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 2px;
+  transition-property: background-color, color, box-shadow;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: none;
+  border-radius: var(--radius-6);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-icon-sub-600);
+  cursor: pointer;
+}
+.celeste-calendar-nav i[data-v-b0c6d2f8] {
+  width: 20px;
+  height: 20px;
+}
+.celeste-calendar-nav:dir(rtl) i[data-v-b0c6d2f8] {
+  transform: scaleX(-1);
+}
+.celeste-calendar-nav[data-v-b0c6d2f8]:hover {
+  color: var(--color-icon-strong-950);
+}
+.celeste-calendar-nav[data-v-b0c6d2f8]:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-calendar-nav[data-disabled][data-v-b0c6d2f8] {
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-icon-disabled-300);
+  cursor: default;
+  pointer-events: none;
+}
+.celeste-calendar-months[data-v-b0c6d2f8] {
+  display: flex;
+  gap: var(--spacing-16);
+}
+.celeste-calendar-grid[data-v-b0c6d2f8] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+  width: 100%;
+  border-collapse: collapse;
+}
+.celeste-calendar-body[data-v-b0c6d2f8] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+}
+.celeste-calendar-week[data-v-b0c6d2f8] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-8);
+}
+.celeste-calendar-weekday[data-v-b0c6d2f8] {
+  flex: 1;
+  padding-block: var(--spacing-10);
+  color: var(--color-text-soft-400);
+  font: var(--label-sm);
+  text-align: center;
+  text-transform: uppercase;
+}
+.celeste-calendar-cell[data-v-b0c6d2f8] {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+}
+.celeste-calendar-day[data-v-b0c6d2f8] {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding-block: var(--spacing-10);
+  transition-property: background-color, color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-text-sub-600);
+  font: var(--label-sm);
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.celeste-calendar-day[data-v-b0c6d2f8]:hover {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-strong-950);
+}
+.celeste-calendar-day[data-v-b0c6d2f8]:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-calendar-day[data-outside-view][data-v-b0c6d2f8], .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-calendar-day[data-outside-view][data-v-b0c6d2f8]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8]:hover {
+  background-color: var(--color-bg-white-0);
+  color: var(--color-text-disabled-300);
+}
+.celeste-calendar-day[data-disabled][data-v-b0c6d2f8] {
+  color: var(--color-text-disabled-300);
+  cursor: default;
+  pointer-events: none;
+}
+.celeste-calendar-day[data-unavailable][data-v-b0c6d2f8] {
+  color: var(--color-text-disabled-300);
+  text-decoration: line-through;
+  pointer-events: none;
+}
+.celeste-calendar-day[data-selected][data-v-b0c6d2f8] {
+  background-color: var(--color-primary-base);
+  color: var(--color-text-white-0);
+}
+.celeste-calendar-day[data-selected][data-v-b0c6d2f8]:hover {
+  background-color: var(--color-primary-base);
+  color: var(--color-text-white-0);
+}
+.celeste-calendar-day-number[data-v-b0c6d2f8] {
+  position: relative;
+}
+.celeste-calendar-day[data-today][data-v-b0c6d2f8]::after,
+.celeste-calendar-day[data-marked][data-v-b0c6d2f8]::after {
+  content: "";
+  position: absolute;
+  bottom: 6px;
+  left: 50%;
+  width: 3px;
+  height: 3px;
+  transform: translateX(-50%);
+  border-radius: var(--radius-full);
+  background-color: var(--color-primary-base);
+}
+.celeste-calendar-day[data-selected][data-today][data-v-b0c6d2f8]::after,
+.celeste-calendar-day[data-selected][data-marked][data-v-b0c6d2f8]::after {
+  background-color: var(--color-text-white-0);
 }[data-v-93ac8a54] {
   box-sizing: border-box;
 }
@@ -1834,7 +2000,7 @@ to {
 .celeste-text-input-button[inline=true][data-v-8b3cdb5f]:hover {
   background-color: transparent !important;
 }/* stylelint-disable no-descending-specificity */
-.celeste-text-input-wrapper[data-v-4aaec87f] {
+.celeste-text-input-wrapper[data-v-394fa109] {
   --celeste-text-input-border-color: var(--color-stroke-soft-200);
   --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
   --celeste-text-input-icon-color: var(--color-text-soft-400);
@@ -1857,28 +2023,28 @@ to {
   font: var(--paragraph-sm);
   gap: var(--input-gap);
 }
-.celeste-text-input-wrapper[size=xs][data-v-4aaec87f] {
+.celeste-text-input-wrapper[size=xs][data-v-394fa109] {
   --input-gap: 8px;
   --input-height: 32px;
   --input-radius: var(--radius-8);
   --input-padding: calc(var(--spacing-8) - var(--spacing-2));
 }
-.celeste-text-input-wrapper[size=sm][data-v-4aaec87f] {
+.celeste-text-input-wrapper[size=sm][data-v-394fa109] {
   --input-gap: 6px;
   --input-height: 36px;
   --input-radius: var(--radius-8);
   --input-padding: var(--spacing-8);
 }
-.celeste-text-input-wrapper[size=md][data-v-4aaec87f] {
+.celeste-text-input-wrapper[size=md][data-v-394fa109] {
   --input-gap: 6px;
   --input-height: 40px;
   --input-radius: var(--radius-10);
   --input-padding: var(--spacing-10);
 }
-.celeste-text-input-wrapper[has-error=true][data-v-4aaec87f] {
+.celeste-text-input-wrapper[has-error=true][data-v-394fa109] {
   --celeste-text-input-border-color: var(--color-state-error-base);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-4aaec87f] {
+.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109] {
   width: 100%;
   height: 100%;
   padding: 0;
@@ -1888,49 +2054,49 @@ to {
   color: inherit;
   font: inherit;
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-4aaec87f]::-moz-placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109]::-moz-placeholder {
   -moz-transition: color var(--animation-fast) ease-out;
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-4aaec87f]::placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109]::placeholder {
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-4aaec87f]::-webkit-search-cancel-button {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-394fa109]::-webkit-search-cancel-button {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-4aaec87f]::-webkit-search-decoration {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-394fa109]::-webkit-search-decoration {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input-leading-node) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input-leading-node) {
   padding-inline-start: 0;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input-trailing-node) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input-trailing-node) {
   padding-inline-end: 0;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:focus) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:focus) {
   --celeste-text-input-border-color: var(--color-stroke-strong-950);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-affix-color: var(--color-text-sub-600);
   outline-color: var(--color-stroke-soft-200);
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-4aaec87f] {
+.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-394fa109] {
   --celeste-text-input-border-color: var(--color-state-error-base);
   outline-color: var(--color-state-error-lighter);
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] input:-webkit-autofill {
+.celeste-text-input-wrapper[data-v-394fa109] input:-webkit-autofill {
   -webkit-transition: background-color 5000s ease-in-out 0s;
   transition: background-color 5000s ease-in-out 0s;
   -webkit-background-clip: text;
           background-clip: text;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:disabled) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:disabled) {
   --celeste-text-input-border-color: transparent;
   --celeste-text-input-drop-shadow: none;
   --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -1942,56 +2108,56 @@ to {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-4aaec87f]::-moz-placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-394fa109]::-moz-placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-4aaec87f]::placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-394fa109]::placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-4aaec87f] {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-394fa109] {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
   --celeste-text-input-border-color: transparent;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-text-input-wrapper .celeste-text-input-icon[data-v-4aaec87f] {
+.celeste-text-input-wrapper .celeste-text-input-icon[data-v-394fa109] {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
   transition: all var(--animation-fast) ease-out;
   color: var(--celeste-text-input-icon-color);
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node,
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node,
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   height: calc(var(--input-height) - var(--spacing-2)) !important;
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node {
+[dir=ltr] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+[dir=ltr] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }
-[dir=rtl] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node {
+[dir=rtl] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }
-[dir=rtl] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+[dir=rtl] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node {
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }.celeste-picker-trigger[data-v-94b97787] {
@@ -2720,6 +2886,31 @@ to {
 .celeste-counter-input-wrapper:has(.celeste-counter-input:hover:not(:focus, :disabled)) {
   --celeste-counter-input-border-color: transparent;
   --celeste-counter-input-bg-color: var(--color-bg-weak-50);
+}.celeste-date-picker[data-v-ac6d198e] {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: 368px;
+  max-width: 100%;
+  overflow: hidden;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-20);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+}
+.celeste-date-picker-body[data-v-ac6d198e] {
+  padding: 20px;
+  border-block-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-date-picker-footer[data-v-ac6d198e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-16);
+  gap: var(--spacing-16);
+}
+.celeste-date-picker-action[data-v-ac6d198e] {
+  flex: 1;
 }.celeste-digit-input-group[data-v-442c7563] {
   display: flex;
   align-items: center;
@@ -3667,6 +3858,208 @@ to {
   height: 8px;
   border-radius: var(--radius-full);
   background-color: var(--color-static-white);
+}.celeste-range-calendar[data-v-dc79fc39] {
+  display: flex;
+  box-sizing: border-box;
+  color: var(--color-text-sub-600);
+}
+.celeste-range-calendar-months[data-v-dc79fc39] {
+  display: flex;
+  align-items: stretch;
+}
+.celeste-range-calendar-month[data-v-dc79fc39] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--spacing-8);
+  min-width: 0;
+  padding: 20px;
+}
+.celeste-range-calendar-month[data-v-dc79fc39]:not(:last-child) {
+  border-inline-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-range-calendar-header[data-v-dc79fc39] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-6);
+  gap: var(--spacing-6);
+  border-radius: var(--radius-8);
+  background-color: var(--color-bg-weak-50);
+}
+.celeste-range-calendar-heading[data-v-dc79fc39] {
+  flex: 1;
+  color: var(--color-text-sub-600);
+  font: var(--label-sm);
+  text-align: center;
+}
+.celeste-range-calendar-nav[data-v-dc79fc39] {
+  display: inline-flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 2px;
+  transition-property: background-color, color, box-shadow;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: none;
+  border-radius: var(--radius-6);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-xs);
+  color: var(--color-icon-sub-600);
+  cursor: pointer;
+}
+.celeste-range-calendar-nav i[data-v-dc79fc39] {
+  width: 20px;
+  height: 20px;
+}
+.celeste-range-calendar-nav:dir(rtl) i[data-v-dc79fc39] {
+  transform: scaleX(-1);
+}
+.celeste-range-calendar-nav[data-v-dc79fc39]:hover {
+  color: var(--color-icon-strong-950);
+}
+.celeste-range-calendar-nav[data-v-dc79fc39]:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-range-calendar-nav[data-disabled][data-v-dc79fc39] {
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--color-icon-disabled-300);
+  cursor: default;
+  pointer-events: none;
+}
+.celeste-range-calendar-grid[data-v-dc79fc39] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+  width: 100%;
+  border-collapse: collapse;
+}
+.celeste-range-calendar-body[data-v-dc79fc39] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+}
+.celeste-range-calendar-week[data-v-dc79fc39] {
+  display: grid;
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+  align-items: center;
+}
+.celeste-range-calendar-weekday[data-v-dc79fc39] {
+  padding-block: var(--spacing-10);
+  color: var(--color-text-soft-400);
+  font: var(--label-sm);
+  text-align: center;
+  text-transform: uppercase;
+}
+.celeste-range-calendar-cell[data-v-dc79fc39] {
+  position: relative;
+  min-width: 0;
+}
+.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted]) {
+  background-color: var(--color-primary-alpha-10);
+}
+.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-start]),
+.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-start]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
+  border-start-start-radius: var(--radius-8);
+  border-end-start-radius: var(--radius-8);
+}
+.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-end]),
+.celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-end]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-selected]),
+.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
+  border-start-end-radius: var(--radius-8);
+  border-end-end-radius: var(--radius-8);
+}
+.celeste-range-calendar-day[data-v-dc79fc39] {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  max-width: 100%;
+  margin-inline: auto;
+  padding-block: var(--spacing-10);
+  transition-property: background-color, color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border-radius: var(--radius-8);
+  background-color: transparent;
+  color: var(--color-text-sub-600);
+  font: var(--label-sm);
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.celeste-range-calendar-day[data-v-dc79fc39]:hover {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-strong-950);
+}
+.celeste-range-calendar-day[data-v-dc79fc39]:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-range-calendar-day[data-outside-view][data-v-dc79fc39], .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39] {
+  color: var(--color-text-disabled-300);
+}
+.celeste-range-calendar-day[data-outside-view][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39]:hover {
+  background-color: transparent;
+  color: var(--color-text-disabled-300);
+}
+.celeste-range-calendar-day[data-disabled][data-v-dc79fc39] {
+  color: var(--color-text-disabled-300);
+  cursor: default;
+  pointer-events: none;
+}
+.celeste-range-calendar-day[data-unavailable][data-v-dc79fc39] {
+  color: var(--color-text-disabled-300);
+  text-decoration: line-through;
+  pointer-events: none;
+}
+.celeste-range-calendar-day[data-selected][data-v-dc79fc39], .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39] {
+  color: var(--color-primary-base);
+}
+.celeste-range-calendar-day[data-selected][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39]:hover {
+  background-color: transparent;
+  color: var(--color-primary-base);
+}
+.celeste-range-calendar-day[data-selection-start][data-v-dc79fc39], .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39] {
+  background-color: var(--color-primary-base);
+  color: var(--color-text-white-0);
+}
+.celeste-range-calendar-day[data-selection-start][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39]:hover {
+  background-color: var(--color-primary-base);
+  color: var(--color-text-white-0);
+}
+.celeste-range-calendar-day-number[data-v-dc79fc39] {
+  position: relative;
+}
+.celeste-range-calendar-day[data-today][data-v-dc79fc39]::after,
+.celeste-range-calendar-day[data-marked][data-v-dc79fc39]::after {
+  content: "";
+  position: absolute;
+  bottom: 6px;
+  left: 50%;
+  width: 3px;
+  height: 3px;
+  transform: translateX(-50%);
+  border-radius: var(--radius-full);
+  background-color: var(--color-primary-base);
+}
+.celeste-range-calendar-day[data-selection-start][data-today][data-v-dc79fc39]::after,
+.celeste-range-calendar-day[data-selection-end][data-today][data-v-dc79fc39]::after,
+.celeste-range-calendar-day[data-selection-start][data-marked][data-v-dc79fc39]::after,
+.celeste-range-calendar-day[data-selection-end][data-marked][data-v-dc79fc39]::after {
+  background-color: var(--color-text-white-0);
 }.celeste-scroll-bar[data-v-4c845c7c] {
   --bar-size: 8px;
   display: flex;
@@ -4412,6 +4805,78 @@ to {
 }.celeste-radio-wrapper[data-orientation=vertical] {
   display: flex;
   flex-direction: column;
+}.celeste-range-picker[data-v-4f5c8aa9] {
+  display: flex;
+  box-sizing: border-box;
+  align-items: stretch;
+  max-width: 100%;
+  overflow: hidden;
+  border: 1px solid var(--color-stroke-soft-200);
+  border-radius: var(--radius-20);
+  background-color: var(--color-bg-white-0);
+  box-shadow: var(--shadow-regular-md);
+}
+.celeste-range-picker-presets[data-v-4f5c8aa9] {
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  width: 200px;
+  padding: 20px var(--spacing-16) var(--spacing-2);
+  gap: var(--spacing-8);
+  border-inline-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-range-picker-preset[data-v-4f5c8aa9] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-12);
+  transition-property: background-color, color;
+  transition-duration: var(--animation-fast);
+  transition-timing-function: ease-out;
+  border: none;
+  border-radius: var(--radius-8);
+  background-color: var(--color-bg-white-0);
+  color: var(--color-text-sub-600);
+  font: var(--label-sm);
+  text-align: start;
+  cursor: pointer;
+}
+.celeste-range-picker-preset[data-v-4f5c8aa9]:hover {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-strong-950);
+}
+.celeste-range-picker-preset[data-v-4f5c8aa9]:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-buttons-important-focus);
+}
+.celeste-range-picker-preset[data-active][data-v-4f5c8aa9] {
+  background-color: var(--color-bg-weak-50);
+  color: var(--color-text-strong-950);
+}
+.celeste-range-picker-content[data-v-4f5c8aa9] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+.celeste-range-picker-calendar[data-v-4f5c8aa9] {
+  border-block-end: 1px solid var(--color-stroke-soft-200);
+}
+.celeste-range-picker-footer[data-v-4f5c8aa9] {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-16) var(--spacing-16) var(--spacing-16) 24px;
+  gap: var(--spacing-16);
+}
+.celeste-range-picker-hint[data-v-4f5c8aa9] {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}
+.celeste-range-picker-hint-value[data-v-4f5c8aa9] {
+  color: var(--color-text-strong-950);
+  font: var(--label-sm);
 }
 .celeste-segmented-control[data-v-fe40de14] {
   display: flex;

package/dist/cjs/calendar.cjs

@@ -0,0 +1,2 @@
+const require_calendar = require("./chunks/calendar.cjs");
+module.exports = require_calendar.calendar_default;

package/dist/cjs/chunks/ComboboxContent.cjs

@@ -4,7 +4,6 @@ const require_createContext = require("./createContext.cjs");
 const require_getActiveElement = require("./getActiveElement.cjs");
 const require_dist = require("./dist.cjs");
 const require_Primitive = require("./Primitive.cjs");
-const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_FocusScope = require("./FocusScope.cjs");
 const require_useFocusGuards = require("./useFocusGuards.cjs");
 const require_useForwardExpose = require("./useForwardExpose.cjs");
@@ -13,6 +12,7 @@ const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
 const require_useHideOthers = require("./useHideOthers.cjs");
 const require_useId = require("./useId.cjs");
 const require_Presence = require("./Presence.cjs");
+const require_DismissableLayer = require("./DismissableLayer.cjs");
 const require_Collection = require("./Collection.cjs");
 const require_PopperContent = require("./PopperContent.cjs");
 let vue = require("vue");