@max-ts/kit 1.1.1 → 1.3.0

package/lib/styles.css

@@ -386,20 +386,20 @@ img, picture, video, canvas, svg {
   text-decoration-line: underline;
 }
 
-.sm__1ersxw19 {
+.small__1ersxw19 {
   height: 28px;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--borderRadius-sm);
   font-size: var(--fontSize-xs);
 }
 
-.md__1ersxw1a {
+.medium__1ersxw1a {
   height: var(--spacing-8);
   padding: var(--spacing-1) var(--spacing-3);
   font-size: var(--fontSize-sm);
 }
 
-.lg__1ersxw1b {
+.large__1ersxw1b {
   height: 36px;
   padding: var(--spacing-2) var(--spacing-4);
   font-size: var(--fontSize-base);
@@ -410,7 +410,7 @@ img, picture, video, canvas, svg {
   width: var(--spacing-8);
 }
 
-.iconSm__1ersxw1d {
+.iconSmall__1ersxw1d {
   width: 28px;
   height: 28px;
 }
@@ -511,7 +511,7 @@ img, picture, video, canvas, svg {
   animation: .1s ease-in style__qmtpwy3, .1s ease-in style__qmtpwy1;
 }
 
-.style__qmtpwy5[data-size="default"], .style__qmtpwy5[data-size="sm"] {
+.style__qmtpwy5[data-size="medium"], .style__qmtpwy5[data-size="small"] {
   max-width: 20rem;
 }
 
@@ -538,7 +538,7 @@ img, picture, video, canvas, svg {
   display: flex;
 }
 
-.style__qmtpwy5[data-size="sm"] .style__qmtpwy7 {
+.style__qmtpwy5[data-size="small"] .style__qmtpwy7 {
   grid-template-columns: 1fr 1fr;
   display: grid;
 }
@@ -585,435 +585,513 @@ img, picture, video, canvas, svg {
 }
 
 @media (width >= 640px) {
-  .style__qmtpwy5[data-size="default"] {
+  .style__qmtpwy5[data-size="medium"] {
     max-width: 24rem;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy6 {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy6 {
     text-align: left;
     place-items: start;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy6:has([data-slot="alert-dialog-media"]) {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy6:has([data-slot="alert-dialog-media"]) {
     grid-template-rows: auto 1fr;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy7 {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy7 {
     flex-direction: row;
     justify-content: flex-end;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy8 {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy8 {
     grid-row: span 2;
   }
 
-  .style__qmtpwy5[data-size="default"] .style__qmtpwy9:has( ~ [data-slot="alert-dialog-media"]) {
+  .style__qmtpwy5[data-size="medium"] .style__qmtpwy9:has( ~ [data-slot="alert-dialog-media"]) {
     grid-column-start: 2;
   }
 }
 
-.style__hhcrfl0 {
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  -webkit-user-select: none;
-  user-select: none;
-  border-radius: 9999px;
-  flex-shrink: 0;
+.style__1rv6t1j0 {
+  min-height: var(--spacing-8);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  background-color: #0000;
+  outline: none;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  transition: border-color .2s, box-shadow .2s;
   display: flex;
   position: relative;
 }
 
-.style__hhcrfl0:after {
-  content: "";
-  border-radius: inherit;
-  border: 1px solid var(--colors-border);
-  mix-blend-mode: darken;
-  position: absolute;
-  inset: 0;
+.style__1rv6t1j0:hover {
+  border-color: var(--colors-primary);
 }
 
-.style__hhcrfl0[data-size="sm"] {
-  width: var(--spacing-6);
-  height: var(--spacing-6);
+.style__1rv6t1j0:focus-within {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
 }
 
-.style__hhcrfl0[data-size="lg"] {
-  width: var(--spacing-10);
-  height: var(--spacing-10);
+.style__1rv6t1j0:has([disabled]) {
+  opacity: .5;
+  background-color: var(--colors-background-element);
+  border-color: var(--colors-border);
 }
 
-.style__hhcrfl1 {
-  aspect-ratio: 1;
-  border-radius: inherit;
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
+.style__1rv6t1j0:has([aria-invalid="true"]) {
+  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
 }
 
-.style__hhcrfl2 {
-  border-radius: inherit;
-  background-color: var(--colors-background-element);
-  width: 100%;
-  height: 100%;
-  color: var(--colors-text-secondary);
-  font-size: var(--fontSize-sm);
-  justify-content: center;
-  align-items: center;
-  display: flex;
+.style__1rv6t1j0:has([data-align="block-start"]), .style__1rv6t1j0:has([data-align="block-end"]) {
+  flex-direction: column;
+  align-items: stretch;
+  height: auto;
 }
 
-.style__hhcrfl0[data-size="sm"] .style__hhcrfl2 {
-  font-size: var(--fontSize-xs);
+.style__1rv6t1j0:has(textarea) {
+  height: auto;
 }
 
-.style__hhcrfl3 {
-  z-index: 10;
-  background-color: var(--colors-primary);
-  width: .625rem;
-  height: .625rem;
-  color: var(--colors-foreground-primary);
-  box-shadow: 0 0 0 2px var(--colors-background-paper);
-  background-blend-mode: color;
-  -webkit-user-select: none;
-  user-select: none;
-  border-radius: 9999px;
+.style__1rv6t1j1 {
   justify-content: center;
   align-items: center;
-  display: inline-flex;
-  position: absolute;
-  bottom: 0;
-  right: 0;
+  gap: var(--spacing-2);
+  height: auto;
+  color: var(--colors-text-hint);
+  font-size: var(--fontSize-sm);
+  font-weight: var(--fontWeight-medium);
+  -webkit-user-select: none;
+  user-select: none;
+  display: flex;
 }
 
-.style__hhcrfl0[data-size="sm"] .style__hhcrfl3 {
-  width: var(--spacing-2);
-  height: var(--spacing-2);
+.style__1rv6t1j1 svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  color: currentColor;
+  flex-shrink: 0;
 }
 
-.style__hhcrfl0[data-size="lg"] .style__hhcrfl3 {
-  width: var(--spacing-3);
-  height: var(--spacing-3);
+.inline-start__1rv6t1j2 {
+  padding-left: var(--spacing-2);
+  order: -1;
 }
 
-.style__hhcrfl3 svg {
-  width: var(--spacing-2);
-  height: var(--spacing-2);
+.inline-end__1rv6t1j3 {
+  padding-right: var(--spacing-2);
+  order: 1;
 }
 
-.style__hhcrfl0[data-size="sm"] .style__hhcrfl3 svg {
-  display: none;
+.block-start__1rv6t1j4 {
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3) 0;
+  order: -1;
+  justify-content: flex-start;
 }
 
-.style__hhcrfl4 {
-  display: flex;
+.block-end__1rv6t1j5 {
+  width: 100%;
+  padding: 0 var(--spacing-3) var(--spacing-2);
+  order: 1;
+  justify-content: flex-start;
 }
 
-.style__hhcrfl4 [data-slot="avatar"] {
-  box-shadow: 0 0 0 2px var(--colors-background-paper);
+.style__1rv6t1j6 {
+  box-shadow: none;
 }
 
-.style__hhcrfl4 [data-slot="avatar"]:not(:first-child) {
-  margin-left: calc(-1 * var(--spacing-2));
+.extraSmall__1rv6t1j7 {
+  height: var(--spacing-6);
+  gap: var(--spacing-1);
+  padding: 0 var(--spacing-2);
+  font-size: var(--fontSize-xs);
 }
 
-.style__hhcrfl5 {
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  background-color: var(--colors-background-element);
-  color: var(--colors-text-secondary);
+.small__1rv6t1j8 {
+  height: 28px;
+  padding: 0 var(--spacing-2);
   font-size: var(--fontSize-sm);
-  box-shadow: 0 0 0 2px var(--colors-background-paper);
-  border-radius: 9999px;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: relative;
 }
 
-.style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 {
+.iconExtraSmall__1rv6t1j9 {
   width: var(--spacing-6);
   height: var(--spacing-6);
+  padding: 0;
 }
 
-.style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 {
-  width: var(--spacing-10);
-  height: var(--spacing-10);
+.iconSmall__1rv6t1ja {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  padding: 0;
 }
 
-.style__hhcrfl5 svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
+.style__1rv6t1jb {
+  align-items: center;
+  gap: var(--spacing-2);
+  color: var(--colors-text-hint);
+  font-size: var(--fontSize-sm);
+  display: flex;
 }
 
-.style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 svg {
-  width: var(--spacing-3);
-  height: var(--spacing-3);
+.style__1rv6t1jc {
+  min-width: 0;
+  color: var(--colors-text-primary);
+  font-family: inherit;
+  font-size: var(--fontSize-sm);
+  box-shadow: none;
+  background-color: #0000;
+  border: 0;
+  outline: none;
+  flex: 1;
 }
 
-.style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 svg {
-  width: var(--spacing-5);
-  height: var(--spacing-5);
+.style__1rv6t1jc::placeholder {
+  color: var(--colors-text-hint);
 }
 
-.style__1af895x0 {
-  border-radius: var(--borderRadius-md);
-  border: 1px solid var(--colors-border);
-  padding: var(--spacing-1) var(--spacing-2);
-  font-size: var(--fontSize-xs);
-  font-weight: var(--fontWeight-medium);
-  white-space: nowrap;
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-1);
-  flex-shrink: 0;
-  width: fit-content;
-  transition: color .15s, box-shadow .15s;
-  display: inline-flex;
-  overflow: hidden;
+.style__1rv6t1jc:disabled {
+  cursor: not-allowed;
+  opacity: 1;
 }
 
-.style__1af895x0:focus-visible {
-  border-color: var(--colors-border);
-  box-shadow: var(--elevation-3);
-  outline: none;
+.style__1rv6t1jd {
+  height: calc(100% - 2px);
+  padding-inline: var(--spacing-2);
 }
 
-.style__1af895x0[aria-invalid="true"] {
-  border-color: var(--colors-error);
-  box-shadow: var(--elevation-3);
+.style__1rv6t1je {
+  min-height: var(--spacing-16);
+  padding: var(--spacing-2) var(--spacing-3);
+  resize: none;
 }
 
-.style__1af895x0 svg {
-  width: var(--spacing-3);
-  height: var(--spacing-3);
+.style__1rv6t1j6 svg, .style__1rv6t1jb svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
   pointer-events: none;
 }
 
-.default__1af895x1 {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
-  border-color: #0000;
-}
+@keyframes style__1udu12r0 {
+  from {
+    opacity: 0;
+    transform: scale(.95);
+  }
 
-a.default__1af895x1:hover {
-  background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
 }
 
-.secondary__1af895x2 {
-  background-color: var(--colors-background-element);
-  color: var(--colors-text-primary);
-  border-color: #0000;
-}
+@keyframes style__1udu12r1 {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
 
-a.secondary__1af895x2:hover {
-  background-color: var(--colors-background-elementHover);
+  to {
+    opacity: 0;
+    transform: scale(.95);
+  }
 }
 
-.destructive__1af895x3 {
-  background-color: var(--colors-error);
-  color: var(--colors-foreground-primary);
-  border-color: #0000;
+.style__1udu12r2 {
+  color: var(--colors-text-secondary);
 }
 
-a.destructive__1af895x3:hover {
-  background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
+.style__1udu12r2[data-pressed] {
+  background-color: #0000;
 }
 
-.destructive__1af895x3:focus-visible {
-  border-color: var(--colors-primary);
-  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
-  outline: none;
-}
-
-.outline__1af895x4 {
-  color: var(--colors-text-primary);
-  border-color: var(--colors-border);
-  background-color: #0000;
+.style__1udu12r3 {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  color: var(--colors-text-secondary);
 }
 
-a.outline__1af895x4:hover {
-  background-color: var(--colors-background-elementHover);
-  color: var(--colors-text-primary);
+.style__1udu12r4 {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
 }
 
-.style__1dceszz0 {
-  align-items: center;
-  gap: var(--spacing-2);
+.style__1udu12r5 {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+  border-radius: var(--borderRadius-sm);
   color: var(--colors-text-secondary);
-  font-size: var(--fontSize-sm);
-  overflow-wrap: break-word;
-  flex-wrap: wrap;
-  display: flex;
-}
-
-.style__1dceszz1 {
+  cursor: pointer;
+  background-color: #0000;
+  border: 0;
+  flex-shrink: 0;
+  justify-content: center;
   align-items: center;
-  gap: var(--spacing-1);
+  padding: 0;
+  font-family: inherit;
+  transition: background-color .2s, opacity .2s;
   display: inline-flex;
 }
 
-.style__1dceszz2 {
-  color: inherit;
-  text-decoration: none;
-  transition: color .2s;
+.style__1udu12r5:hover {
+  background-color: var(--colors-background-elementHover);
 }
 
-.style__1dceszz2:hover {
-  color: var(--colors-text-primary);
+.style__1udu12r5:disabled {
+  pointer-events: none;
+  opacity: .5;
 }
 
-.style__1dceszz2:focus-visible {
-  outline-offset: 2px;
-  box-shadow: var(--elevation-1);
-  outline: 2px solid #0000;
+.style__1udu12r5:focus-visible {
+  box-shadow: 0 0 0 2px color-mix(in oklch, var(--colors-primary) 30%, transparent);
+  outline: none;
 }
 
-.style__1dceszz3 {
-  color: var(--colors-text-primary);
-  font-weight: var(--fontWeight-normal);
+.style__1udu12r6 {
+  width: auto;
 }
 
-.style__1dceszz4 {
-  color: var(--colors-text-secondary);
-  align-items: center;
-  display: inline-flex;
+.style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
+  display: none;
 }
 
-.style__1dceszz4 svg {
-  width: var(--spacing-3);
-  height: var(--spacing-3);
+.style__1udu12r8 {
+  isolation: isolate;
+  z-index: 5000;
 }
 
-[dir="rtl"] .style__1dceszz4 svg {
-  transform: scaleX(-1);
+.style__1udu12r9 {
+  z-index: 5000;
+  box-sizing: border-box;
+  width: var(--anchor-width);
+  min-width: var(--anchor-width);
+  max-width: var(--available-width);
+  max-height: var(--available-height);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-primary);
+  box-shadow: var(--elevation-2);
+  transform-origin: var(--transform-origin);
+  position: relative;
+  overflow: hidden;
 }
 
-.style__1dceszz5 {
-  width: var(--spacing-5);
-  height: var(--spacing-5);
-  color: var(--colors-text-secondary);
-  justify-content: center;
-  align-items: center;
-  display: flex;
+.style__1udu12r9[data-open] {
+  animation: .12s ease-out style__1udu12r0;
 }
 
-.style__1dceszz5 svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
+.style__1udu12r9[data-closed] {
+  animation: .1s ease-in style__1udu12r1;
 }
 
-.style__1dceszz6 {
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
+.style__1udu12r9[data-chips="true"] {
+  min-width: var(--anchor-width);
 }
 
-.style__1mf3lgr0 {
-  width: fit-content;
-  border: 0;
-  align-items: stretch;
-  min-inline-size: 0;
-  margin: 0;
-  padding: 0;
-  display: inline-flex;
+.style__1udu12ra {
+  max-height: min(calc(var(--spacing-20) * 3), calc(var(--available-height) - var(--spacing-8)));
+  overscroll-behavior: contain;
+  padding: var(--spacing-1);
+  scroll-padding-block: var(--spacing-1);
+  overflow-y: auto;
 }
 
-.style__1mf3lgr0[data-orientation="vertical"] {
-  flex-direction: column;
+.style__1udu12ra[data-empty] {
+  padding: 0;
 }
 
-.style__1mf3lgr0:has( > [data-slot="button-group"]) {
+.style__1udu12rb {
+  cursor: default;
+  -webkit-user-select: none;
+  user-select: none;
+  align-items: center;
   gap: var(--spacing-2);
-}
-
-.style__1mf3lgr0 > * {
+  border-radius: var(--borderRadius-sm);
+  width: 100%;
+  padding: var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-2);
+  font-size: var(--fontSize-sm);
+  outline: none;
+  display: flex;
   position: relative;
 }
 
-.style__1mf3lgr0 > :focus-visible {
-  z-index: 10;
-}
-
-.style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]) {
-  transition: background-color .2s, transform .1s;
+.style__1udu12rb[data-highlighted] {
+  background-color: var(--colors-background-elementHover);
+  color: var(--colors-text-primary);
 }
 
-.style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]):active {
-  transform: translateY(2px);
+.style__1udu12rb[data-disabled] {
+  pointer-events: none;
+  opacity: .5;
 }
 
-.style__1mf3lgr0 > input {
-  flex: 1;
+.style__1udu12rc {
+  right: var(--spacing-2);
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
 }
 
-.style__1mf3lgr0[data-orientation="horizontal"] > :not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+.style__1udu12rd {
+  padding: var(--spacing-1) var(--spacing-2);
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-xs);
 }
 
-.style__1mf3lgr0[data-orientation="horizontal"] > :not(:first-child) {
-  border-left-width: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+.style__1udu12re {
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  text-align: center;
+  justify-content: center;
+  display: none;
 }
 
-.style__1mf3lgr0[data-orientation="vertical"] > :not(:last-child) {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+.style__1udu12r9[data-empty] .style__1udu12re {
+  display: flex;
 }
 
-.style__1mf3lgr0[data-orientation="vertical"] > :not(:first-child) {
-  border-top-width: 0;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.style__1udu12rf {
+  height: 1px;
+  margin: var(--spacing-1) 0;
+  background-color: var(--colors-border);
 }
 
-.style__1mf3lgr1 {
+.style__1udu12rg {
+  min-height: var(--spacing-8);
   align-items: center;
-  gap: var(--spacing-2);
+  gap: var(--spacing-1);
   border: 1px solid var(--colors-border);
   border-radius: var(--borderRadius-md);
-  background-color: var(--colors-background-element);
   padding: var(--spacing-1) var(--spacing-2);
   font-size: var(--fontSize-sm);
-  font-weight: var(--fontWeight-medium);
-  color: var(--colors-text-primary);
-  white-space: nowrap;
+  background-clip: padding-box;
+  flex-wrap: wrap;
+  transition: border-color .2s, box-shadow .2s;
   display: flex;
 }
 
-.style__1mf3lgr1 svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  pointer-events: none;
+.style__1udu12rg:focus-within {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
 }
 
-.style__1mf3lgr2 {
-  background-color: var(--colors-border);
-  flex-shrink: 0;
-  align-self: stretch;
-  position: relative;
+.style__1udu12rg:has([aria-invalid="true"]) {
+  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
 }
 
-.style__1mf3lgr2[data-orientation="horizontal"] {
-  width: auto;
-  height: 1px;
-  margin-left: 1px;
-  margin-right: 1px;
+.style__1udu12rh {
+  width: fit-content;
+  height: var(--spacing-5);
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-1);
+  border-radius: var(--borderRadius-sm);
+  background-color: var(--colors-background-element);
+  padding: 0 var(--spacing-2);
+  color: var(--colors-text-primary);
+  font-size: var(--fontSize-xs);
+  font-weight: var(--fontWeight-medium);
+  white-space: nowrap;
+  display: flex;
 }
 
-.style__1mf3lgr2[data-orientation="vertical"] {
-  width: 1px;
-  height: auto;
-  margin-top: 1px;
-  margin-bottom: 1px;
+.style__1udu12rh:has([disabled]) {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.style__1udu12ri {
+  padding-right: 0;
+}
+
+.style__1udu12rj {
+  margin-left: -var(--spacing-1);
+  opacity: .5;
+}
+
+.style__1udu12rj:hover {
+  opacity: 1;
+}
+
+.style__1udu12rk {
+  border-radius: var(--borderRadius-sm);
+  color: inherit;
+  cursor: pointer;
+  background-color: #0000;
+  border: 0;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  display: inline-flex;
+}
+
+.style__1udu12rl {
+  min-width: var(--spacing-16);
+  color: var(--colors-text-primary);
+  font-family: inherit;
+  font-size: var(--fontSize-sm);
+  background-color: #0000;
+  border: 0;
+  outline: none;
+  flex: 1;
+}
+
+.iconExtraSmall__1udu12rm {
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+  padding: 0;
+}
+
+.style__1udu12rb svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  flex-shrink: 0;
+}
+
+.style__1udu12rj svg {
+  width: var(--spacing-3);
+  height: var(--spacing-3);
+  pointer-events: none;
+}
+
+.Label__c31e140 {
+  font-size: var(--fontSize-xs);
+  line-height: var(--lineHeight-none);
+  font-weight: var(--fontWeight-medium);
+  margin-left: var(--spacing-1);
+}
+
+.style__c31e141 {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.style__c31e142 {
+  color: var(--colors-error);
+}
+
+.style__c31e143:after {
+  content: "*";
+  color: inherit;
+  height: min-content;
+  margin-left: var(--spacing-1);
+  display: inline-block;
 }
 
 .h1__1sba6zo0 {
@@ -1198,821 +1276,806 @@ a.outline__1af895x4:hover {
   margin-bottom: var(--spacing-2);
 }
 
-.dayButton__hxs6pw0 {
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  position: relative;
+.style__17arfox0 {
+  flex-direction: column;
+  width: max-content;
+  display: flex;
 }
 
-.dayButton__hxs6pw0:after {
-  content: "";
-  width: calc(100% - var(--spacing-4));
-  color: currentColor;
-  background-color: currentColor;
-  height: 2px;
-  display: none;
-  position: absolute;
-  bottom: 4px;
-  left: 8px;
+.style__17arfox1 {
+  width: 100%;
 }
 
-.today__hxs6pw1:after {
-  display: block;
+.style__17arfox2 {
+  margin-bottom: 6px;
 }
 
-.outside__hxs6pw2 {
-  color: var(--colors-text-hint);
+.style__17arfox3 {
+  margin-left: var(--borderRadius-md);
+  color: inherit;
+  overflow-wrap: break-word;
 }
 
-.style__1e2msjb0 {
-  z-index: 60;
-  width: max-content;
+.style__17arfox4 {
+  color: var(--colors-error);
 }
 
-.nav__14q7je20 {
-  top: var(--spacing-1);
-  justify-content: space-between;
-  width: 100%;
-  display: flex;
-  position: absolute;
-  left: 0;
+.style__17arfox5 {
+  opacity: .5;
 }
 
-.monthButton__14q7je21 {
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  padding: var(--spacing-2);
+.style__17arfox6 {
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-xs);
+  margin-left: auto;
 }
 
-.months__14q7je22 {
-  gap: var(--spacing-4);
-  padding-top: var(--spacing-1);
+.style__hhcrfl0 {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  -webkit-user-select: none;
+  user-select: none;
+  border-radius: 9999px;
+  flex-shrink: 0;
   display: flex;
   position: relative;
 }
 
-.month__14q7je23 {
-  align-items: center;
-  gap: var(--spacing-2);
-  flex-direction: column;
-  display: flex;
+.style__hhcrfl0:after {
+  content: "";
+  border-radius: inherit;
+  border: 1px solid var(--colors-border);
+  mix-blend-mode: darken;
+  position: absolute;
+  inset: 0;
 }
 
-.monthCaption__14q7je24 {
-  height: var(--spacing-8);
-  place-items: center;
-  display: grid;
+.style__hhcrfl0[data-size="small"] {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
 }
 
-.dropdowns__14q7je25 {
-  align-items: center;
-  gap: var(--spacing-2);
-  display: flex;
+.style__hhcrfl0[data-size="large"] {
+  width: var(--spacing-10);
+  height: var(--spacing-10);
 }
 
-.dropdownNav__14q7je26 {
-  column-gap: var(--spacing-4);
-  font-size: var(--fontSize-lg);
+.style__hhcrfl1 {
+  aspect-ratio: 1;
+  border-radius: inherit;
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+.style__hhcrfl2 {
+  border-radius: inherit;
+  background-color: var(--colors-background-element);
+  width: 100%;
+  height: 100%;
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  justify-content: center;
   align-items: center;
   display: flex;
 }
 
-.dropdownNav__14q7je26 button {
-  text-transform: capitalize;
-  font-size: var(--fontSize-lg);
+.style__hhcrfl0[data-size="small"] .style__hhcrfl2 {
+  font-size: var(--fontSize-xs);
 }
 
-.style__oyalw00 {
-  border-radius: var(--borderRadius-md);
-  background-color: var(--colors-background-paper);
+.style__hhcrfl3 {
+  z-index: 10;
+  background-color: var(--colors-primary);
+  width: .625rem;
+  height: .625rem;
+  color: var(--colors-foreground-primary);
+  box-shadow: 0 0 0 2px var(--colors-background-paper);
+  background-blend-mode: color;
+  -webkit-user-select: none;
+  user-select: none;
+  border-radius: 9999px;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  position: absolute;
+  bottom: 0;
+  right: 0;
 }
 
-.style__oyalw01 {
-  padding: var(--spacing-6);
-  justify-content: space-between;
-  gap: var(--spacing-2);
-  flex-direction: column;
-  display: flex;
+.style__hhcrfl0[data-size="small"] .style__hhcrfl3 {
+  width: var(--spacing-2);
+  height: var(--spacing-2);
 }
 
-.style__oyalw02 {
-  font-size: var(--fontSize-2xl);
-  font-weight: var(--fontWeight-semibold);
-  line-height: var(--lineHeight-none);
-  letter-spacing: -.025em;
+.style__hhcrfl0[data-size="large"] .style__hhcrfl3 {
+  width: var(--spacing-3);
+  height: var(--spacing-3);
 }
 
-.style__oyalw03 {
-  font-size: var(--fontSize-sm);
-  color: var(--colors-text-secondary);
+.style__hhcrfl3 svg {
+  width: var(--spacing-2);
+  height: var(--spacing-2);
 }
 
-.style__oyalw04 {
-  padding: var(--spacing-6);
-  padding-top: 0;
+.style__hhcrfl0[data-size="small"] .style__hhcrfl3 svg {
+  display: none;
 }
 
-.style__oyalw05 {
-  padding: var(--spacing-6);
-  align-items: center;
-  padding-top: 0;
+.style__hhcrfl4 {
   display: flex;
 }
 
-.style__2d6ocq0 {
-  opacity: .4;
-  -webkit-user-select: none;
-  user-select: none;
-  border-radius: var(--borderRadius-md);
-  color: var(--colors-primary);
-  place-items: center;
-  transition: opacity .2s linear;
-  display: grid;
-  position: absolute;
+.style__hhcrfl4 [data-slot="avatar"] {
+  box-shadow: 0 0 0 2px var(--colors-background-paper);
 }
 
-.style__2d6ocq0:disabled {
-  pointer-events: none;
-  opacity: .2;
-}
-
-.style__2d6ocq0:hover {
-  opacity: 1;
-}
-
-.style__2d6ocq1 {
-  bottom: 0;
-  right: 0;
+.style__hhcrfl4 [data-slot="avatar"]:not(:first-child) {
+  margin-left: calc(-1 * var(--spacing-2));
 }
 
-.style__2d6ocq2 {
-  top: 0;
-  left: 0;
+.style__hhcrfl5 {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  background-color: var(--colors-background-element);
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  box-shadow: 0 0 0 2px var(--colors-background-paper);
+  border-radius: 9999px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
 }
 
-.horizontal__2d6ocq3 {
-  width: clamp(35px, 15%, 55px);
-  height: 100%;
+.style__hhcrfl4:has([data-size="small"]) .style__hhcrfl5 {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
 }
 
-.vertical__2d6ocq4 {
-  width: 100%;
-  height: clamp(35px, 15%, 55px);
+.style__hhcrfl4:has([data-size="large"]) .style__hhcrfl5 {
+  width: var(--spacing-10);
+  height: var(--spacing-10);
 }
 
-.style__i1lems0 {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
+.style__hhcrfl5 svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
 }
 
-.horizontal__i1lems1 {
-  gap: var(--spacing-4);
-  display: flex;
+.style__hhcrfl4:has([data-size="small"]) .style__hhcrfl5 svg {
+  width: var(--spacing-3);
+  height: var(--spacing-3);
 }
 
-.vertical__i1lems2 {
-  gap: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
+.style__hhcrfl4:has([data-size="large"]) .style__hhcrfl5 svg {
+  width: var(--spacing-5);
+  height: var(--spacing-5);
 }
 
-.style__e2zpp60 {
-  z-index: 1;
+.style__1af895x0 {
+  border-radius: var(--borderRadius-md);
+  border: 1px solid var(--colors-border);
+  padding: var(--spacing-1) var(--spacing-2);
+  font-size: var(--fontSize-xs);
+  font-weight: var(--fontWeight-medium);
+  white-space: nowrap;
   justify-content: center;
+  align-items: center;
   gap: var(--spacing-1);
-  display: flex;
-  position: absolute;
-  overflow: auto;
-}
-
-.horizontal__e2zpp61 {
-  width: 100%;
-  height: auto;
-  bottom: var(--spacing-2);
-  left: 0;
-}
-
-.vertical__e2zpp62 {
-  width: auto;
-  height: 100%;
-  bottom: 0;
-  left: var(--spacing-4);
-  flex-direction: column;
+  flex-shrink: 0;
+  width: fit-content;
+  transition: color .15s, box-shadow .15s;
+  display: inline-flex;
+  overflow: hidden;
 }
 
-.style__e2zpp63 {
-  width: var(--spacing-6);
-  height: var(--spacing-6);
-  cursor: pointer;
-  background: none;
-  border: none;
-  position: relative;
+.style__1af895x0:focus-visible {
+  border-color: var(--colors-border);
+  box-shadow: var(--elevation-3);
+  outline: none;
 }
 
-.style__e2zpp63:focus {
-  outline: none;
+.style__1af895x0[aria-invalid="true"] {
+  border-color: var(--colors-error);
+  box-shadow: var(--elevation-3);
 }
 
-.style__e2zpp63:after {
-  background-color: var(--colors-border);
+.style__1af895x0 svg {
+  width: var(--spacing-3);
+  height: var(--spacing-3);
+  pointer-events: none;
 }
 
-.horizontal__e2zpp64:after {
-  content: "";
-  width: 100%;
-  height: 2px;
-  position: absolute;
-  top: 50%;
-  left: 0;
-  transform: translateY(-50%);
+.default__1af895x1 {
+  background-color: var(--colors-primary);
+  color: var(--colors-foreground-primary);
+  border-color: #0000;
 }
 
-.vertical__e2zpp65:after {
-  content: "";
-  width: 2px;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translateX(-50%);
+a.default__1af895x1:hover {
+  background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
 }
 
-.style__e2zpp66:after {
-  background-color: var(--colors-primary);
+.secondary__1af895x2 {
+  background-color: var(--colors-background-element);
+  color: var(--colors-text-primary);
+  border-color: #0000;
 }
 
-.style__1gif6yr0 {
-  flex: 0 0 100%;
-  min-width: 0;
+a.secondary__1af895x2:hover {
+  background-color: var(--colors-background-elementHover);
 }
 
-.Carousel__1jbydv50 {
-  position: relative;
+.destructive__1af895x3 {
+  background-color: var(--colors-error);
+  color: var(--colors-foreground-primary);
+  border-color: #0000;
 }
 
-.style__b7yo4k0 {
-  border: 1px solid var(--colors-primary);
-  background-color: var(--colors-background-paper);
-  cursor: pointer;
-  border-radius: .2rem;
-  flex-shrink: 0;
-  width: 1rem;
-  height: 1rem;
-  transition: all .2s;
-  position: relative;
+a.destructive__1af895x3:hover {
+  background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
 }
 
-.style__b7yo4k0:focus-visible {
-  box-shadow: 0 0 0 2px [object Object], 0 0 0 4px var(--colors-primary);
+.destructive__1af895x3:focus-visible {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
   outline: none;
 }
 
-.style__b7yo4k0:disabled {
-  cursor: not-allowed;
-  opacity: .5;
+.outline__1af895x4 {
+  color: var(--colors-text-primary);
+  border-color: var(--colors-border);
+  background-color: #0000;
 }
 
-.style__b7yo4k0[data-checked] {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
+a.outline__1af895x4:hover {
+  background-color: var(--colors-background-elementHover);
+  color: var(--colors-text-primary);
 }
 
-.style__b7yo4k1 {
-  justify-content: center;
+.style__1dceszz0 {
   align-items: center;
+  gap: var(--spacing-2);
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  overflow-wrap: break-word;
+  flex-wrap: wrap;
   display: flex;
 }
 
-.style__b7yo4k2 {
-  width: 1rem;
-  height: 1rem;
-  stroke: var(--colors-foreground-primary);
-  stroke-width: 3px;
+.style__1dceszz1 {
+  align-items: center;
+  gap: var(--spacing-1);
+  display: inline-flex;
 }
 
-@keyframes style__m6b9n20 {
-  to {
-    transform: rotate(360deg);
-  }
+.style__1dceszz2 {
+  color: inherit;
+  text-decoration: none;
+  transition: color .2s;
 }
 
-@keyframes style__m6b9n21 {
-  0% {
-    stroke-dasharray: 1 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100 200;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100 200;
-    stroke-dashoffset: -125px;
-  }
+.style__1dceszz2:hover {
+  color: var(--colors-text-primary);
 }
 
-.style__m6b9n22 {
-  display: inline-block;
-  position: relative;
+.style__1dceszz2:focus-visible {
+  outline-offset: 2px;
+  box-shadow: var(--elevation-1);
+  outline: 2px solid #0000;
 }
 
-.style__m6b9n23 {
-  transform-origin: center;
-  width: 100%;
-  height: 100%;
-  display: block;
+.style__1dceszz3 {
+  color: var(--colors-text-primary);
+  font-weight: var(--fontWeight-normal);
 }
 
-.style__m6b9n24 {
-  stroke: currentColor;
-  stroke-linecap: round;
-  transition: stroke-dashoffset .35s;
+.style__1dceszz4 {
+  color: var(--colors-text-secondary);
+  align-items: center;
+  display: inline-flex;
 }
 
-.determinate__m6b9n25 {
-  & style__m6b9n23 {
-    transform: rotate(-90deg);
-  }
+.style__1dceszz4 svg {
+  width: var(--spacing-3);
+  height: var(--spacing-3);
+}
 
-  & style__m6b9n24 {
-    transition: stroke-dashoffset .35s;
-  }
+[dir="rtl"] .style__1dceszz4 svg {
+  transform: scaleX(-1);
 }
 
-.indeterminate__m6b9n26 {
-  animation: 1.4s linear infinite style__m6b9n20;
+.style__1dceszz5 {
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+  color: var(--colors-text-secondary);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
 
-  & style__m6b9n24 {
-    animation: 1.4s ease-in-out infinite style__m6b9n21;
-  }
+.style__1dceszz5 svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
 }
 
-.primary__m6b9n27 {
-  color: var(--colors-primary);
+.style__1dceszz6 {
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
 }
 
-.secondary__m6b9n28 {
-  color: var(--colors-secondary);
+.style__1mf3lgr0 {
+  width: fit-content;
+  border: 0;
+  align-items: stretch;
+  min-inline-size: 0;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
 }
 
-.inherit__m6b9n29 {
-  color: inherit;
+.style__1mf3lgr0[data-orientation="vertical"] {
+  flex-direction: column;
 }
 
-.style__1rv6t1j0 {
-  min-height: var(--spacing-8);
-  border: 1px solid var(--colors-border);
-  border-radius: var(--borderRadius-md);
-  background-color: #0000;
-  outline: none;
-  align-items: center;
-  width: 100%;
-  min-width: 0;
-  transition: border-color .2s, box-shadow .2s;
-  display: flex;
+.style__1mf3lgr0:has( > [data-slot="button-group"]) {
+  gap: var(--spacing-2);
+}
+
+.style__1mf3lgr0 > * {
   position: relative;
 }
 
-.style__1rv6t1j0:focus-within {
-  border-color: var(--colors-primary);
-  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+.style__1mf3lgr0 > :focus-visible {
+  z-index: 10;
 }
 
-.style__1rv6t1j0:has([disabled]) {
-  opacity: .5;
-  background-color: var(--colors-background-element);
+.style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]) {
+  transition: background-color .2s, transform .1s;
 }
 
-.style__1rv6t1j0:has([aria-invalid="true"]) {
-  border-color: var(--colors-error);
-  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
+.style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]):active {
+  transform: translateY(2px);
 }
 
-.style__1rv6t1j0:has([data-align="block-start"]), .style__1rv6t1j0:has([data-align="block-end"]) {
-  flex-direction: column;
-  align-items: stretch;
-  height: auto;
+.style__1mf3lgr0 > input {
+  flex: 1;
 }
 
-.style__1rv6t1j0:has(textarea) {
-  height: auto;
+.style__1mf3lgr0[data-orientation="horizontal"] > :not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-.style__1rv6t1j1 {
-  justify-content: center;
+.style__1mf3lgr0[data-orientation="horizontal"] > :not(:first-child) {
+  border-left-width: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.style__1mf3lgr0[data-orientation="vertical"] > :not(:last-child) {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.style__1mf3lgr0[data-orientation="vertical"] > :not(:first-child) {
+  border-top-width: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.style__1mf3lgr1 {
   align-items: center;
   gap: var(--spacing-2);
-  height: auto;
-  color: var(--colors-text-hint);
+  border: 1px solid var(--colors-border);
+  border-radius: var(--borderRadius-md);
+  background-color: var(--colors-background-element);
+  padding: var(--spacing-1) var(--spacing-2);
   font-size: var(--fontSize-sm);
   font-weight: var(--fontWeight-medium);
-  -webkit-user-select: none;
-  user-select: none;
+  color: var(--colors-text-primary);
+  white-space: nowrap;
   display: flex;
 }
 
-.style__1rv6t1j1 svg {
+.style__1mf3lgr1 svg {
   width: var(--spacing-4);
   height: var(--spacing-4);
   pointer-events: none;
-  color: currentColor;
+}
+
+.style__1mf3lgr2 {
+  background-color: var(--colors-border);
   flex-shrink: 0;
+  align-self: stretch;
+  position: relative;
 }
 
-.inline-start__1rv6t1j2 {
-  padding-left: var(--spacing-2);
-  order: -1;
+.style__1mf3lgr2[data-orientation="horizontal"] {
+  width: auto;
+  height: 1px;
+  margin-left: 1px;
+  margin-right: 1px;
 }
 
-.inline-end__1rv6t1j3 {
-  padding-right: var(--spacing-2);
-  order: 1;
+.style__1mf3lgr2[data-orientation="vertical"] {
+  width: 1px;
+  height: auto;
+  margin-top: 1px;
+  margin-bottom: 1px;
 }
 
-.block-start__1rv6t1j4 {
-  width: 100%;
-  padding: var(--spacing-2) var(--spacing-3) 0;
-  order: -1;
-  justify-content: flex-start;
+.dayButton__hxs6pw0 {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  position: relative;
 }
 
-.block-end__1rv6t1j5 {
-  width: 100%;
-  padding: 0 var(--spacing-3) var(--spacing-2);
-  order: 1;
-  justify-content: flex-start;
+.dayButton__hxs6pw0:after {
+  content: "";
+  width: calc(100% - var(--spacing-4));
+  color: currentColor;
+  background-color: currentColor;
+  height: 2px;
+  display: none;
+  position: absolute;
+  bottom: 4px;
+  left: 8px;
 }
 
-.style__1rv6t1j6 {
-  box-shadow: none;
+.today__hxs6pw1:after {
+  display: block;
 }
 
-.xs__1rv6t1j7 {
-  height: var(--spacing-6);
-  gap: var(--spacing-1);
-  padding: 0 var(--spacing-2);
-  font-size: var(--fontSize-xs);
+.outside__hxs6pw2 {
+  color: var(--colors-text-hint);
 }
 
-.sm__1rv6t1j8 {
-  height: 28px;
-  padding: 0 var(--spacing-2);
-  font-size: var(--fontSize-sm);
+.style__1e2msjb0 {
+  z-index: 60;
+  width: max-content;
 }
 
-.icon-xs__1rv6t1j9 {
-  width: var(--spacing-6);
-  height: var(--spacing-6);
-  padding: 0;
+.nav__14q7je20 {
+  top: var(--spacing-1);
+  justify-content: space-between;
+  width: 100%;
+  display: flex;
+  position: absolute;
+  left: 0;
 }
 
-.icon-sm__1rv6t1ja {
+.monthButton__14q7je21 {
   width: var(--spacing-8);
   height: var(--spacing-8);
-  padding: 0;
+  padding: var(--spacing-2);
 }
 
-.style__1rv6t1jb {
+.months__14q7je22 {
+  gap: var(--spacing-4);
+  padding-top: var(--spacing-1);
+  display: flex;
+  position: relative;
+}
+
+.month__14q7je23 {
   align-items: center;
   gap: var(--spacing-2);
-  color: var(--colors-text-hint);
-  font-size: var(--fontSize-sm);
+  flex-direction: column;
   display: flex;
 }
 
-.style__1rv6t1jc {
-  min-width: 0;
-  color: var(--colors-text-primary);
-  font-family: inherit;
-  font-size: var(--fontSize-sm);
-  box-shadow: none;
-  background-color: #0000;
-  border: 0;
-  outline: none;
-  flex: 1;
+.monthCaption__14q7je24 {
+  height: var(--spacing-8);
+  place-items: center;
+  display: grid;
 }
 
-.style__1rv6t1jc::placeholder {
-  color: var(--colors-text-hint);
+.dropdowns__14q7je25 {
+  align-items: center;
+  gap: var(--spacing-2);
+  display: flex;
 }
 
-.style__1rv6t1jc:disabled {
-  cursor: not-allowed;
-  opacity: 1;
+.dropdownNav__14q7je26 {
+  column-gap: var(--spacing-4);
+  font-size: var(--fontSize-lg);
+  align-items: center;
+  display: flex;
 }
 
-.style__1rv6t1jd {
-  height: calc(100% - 2px);
-  padding-inline: var(--spacing-2);
+.dropdownNav__14q7je26 button {
+  text-transform: capitalize;
+  font-size: var(--fontSize-lg);
 }
 
-.style__1rv6t1je {
-  min-height: var(--spacing-16);
-  padding: var(--spacing-2) var(--spacing-3);
-  resize: none;
+.style__oyalw00 {
+  border-radius: var(--borderRadius-md);
+  background-color: var(--colors-background-paper);
 }
 
-.style__1rv6t1j6 svg, .style__1rv6t1jb svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  pointer-events: none;
+.style__oyalw01 {
+  padding: var(--spacing-6);
+  justify-content: space-between;
+  gap: var(--spacing-2);
+  flex-direction: column;
+  display: flex;
 }
 
-@keyframes style__1udu12r0 {
-  from {
-    opacity: 0;
-    transform: scale(.95);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
+.style__oyalw02 {
+  font-size: var(--fontSize-2xl);
+  font-weight: var(--fontWeight-semibold);
+  line-height: var(--lineHeight-none);
+  letter-spacing: -.025em;
 }
 
-@keyframes style__1udu12r1 {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
+.style__oyalw03 {
+  font-size: var(--fontSize-sm);
+  color: var(--colors-text-secondary);
+}
 
-  to {
-    opacity: 0;
-    transform: scale(.95);
-  }
+.style__oyalw04 {
+  padding: var(--spacing-6);
+  padding-top: 0;
 }
 
-.style__1udu12r2 {
-  color: var(--colors-text-secondary);
+.style__oyalw05 {
+  padding: var(--spacing-6);
+  align-items: center;
+  padding-top: 0;
+  display: flex;
 }
 
-.style__1udu12r2[data-pressed] {
-  background-color: #0000;
+.style__2d6ocq0 {
+  opacity: .4;
+  -webkit-user-select: none;
+  user-select: none;
+  border-radius: var(--borderRadius-md);
+  color: var(--colors-primary);
+  place-items: center;
+  transition: opacity .2s linear;
+  display: grid;
+  position: absolute;
 }
 
-.style__1udu12r3 {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
+.style__2d6ocq0:disabled {
   pointer-events: none;
-  color: var(--colors-text-secondary);
+  opacity: .2;
 }
 
-.style__1udu12r4 {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  pointer-events: none;
+.style__2d6ocq0:hover {
+  opacity: 1;
 }
 
-.style__1udu12r5 {
-  width: var(--spacing-6);
-  height: var(--spacing-6);
-  border-radius: var(--borderRadius-sm);
-  color: var(--colors-text-secondary);
-  cursor: pointer;
-  background-color: #0000;
-  border: 0;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  font-family: inherit;
-  transition: background-color .2s, opacity .2s;
-  display: inline-flex;
+.style__2d6ocq1 {
+  bottom: 0;
+  right: 0;
 }
 
-.style__1udu12r5:hover {
-  background-color: var(--colors-background-elementHover);
+.style__2d6ocq2 {
+  top: 0;
+  left: 0;
 }
 
-.style__1udu12r5:disabled {
-  pointer-events: none;
-  opacity: .5;
+.horizontal__2d6ocq3 {
+  width: clamp(35px, 15%, 55px);
+  height: 100%;
 }
 
-.style__1udu12r5:focus-visible {
-  box-shadow: 0 0 0 2px color-mix(in oklch, var(--colors-primary) 30%, transparent);
-  outline: none;
+.vertical__2d6ocq4 {
+  width: 100%;
+  height: clamp(35px, 15%, 55px);
 }
 
-.style__1udu12r6 {
-  width: auto;
+.style__i1lems0 {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
 
-.style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
-  display: none;
+.horizontal__i1lems1 {
+  gap: var(--spacing-4);
+  display: flex;
 }
 
-.style__1udu12r8 {
-  isolation: isolate;
-  z-index: 5000;
+.vertical__i1lems2 {
+  gap: var(--spacing-4);
+  flex-direction: column;
+  display: flex;
 }
 
-.style__1udu12r9 {
-  z-index: 5000;
-  box-sizing: border-box;
-  width: var(--anchor-width);
-  min-width: var(--anchor-width);
-  max-width: var(--available-width);
-  max-height: var(--available-height);
-  border: 1px solid var(--colors-border);
-  border-radius: var(--borderRadius-md);
-  background-color: var(--colors-background-paper);
-  color: var(--colors-text-primary);
-  box-shadow: var(--elevation-2);
-  transform-origin: var(--transform-origin);
+.style__e2zpp60 {
+  z-index: 1;
+  justify-content: center;
+  gap: var(--spacing-1);
+  display: flex;
+  position: absolute;
+  overflow: auto;
+}
+
+.horizontal__e2zpp61 {
+  width: 100%;
+  height: auto;
+  bottom: var(--spacing-2);
+  left: 0;
+}
+
+.vertical__e2zpp62 {
+  width: auto;
+  height: 100%;
+  bottom: 0;
+  left: var(--spacing-4);
+  flex-direction: column;
+}
+
+.style__e2zpp63 {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+  cursor: pointer;
+  background: none;
+  border: none;
   position: relative;
-  overflow: hidden;
 }
 
-.style__1udu12r9[data-open] {
-  animation: .12s ease-out style__1udu12r0;
+.style__e2zpp63:focus {
+  outline: none;
+}
+
+.style__e2zpp63:after {
+  background-color: var(--colors-border);
+}
+
+.horizontal__e2zpp64:after {
+  content: "";
+  width: 100%;
+  height: 2px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+}
+
+.vertical__e2zpp65:after {
+  content: "";
+  width: 2px;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
-.style__1udu12r9[data-closed] {
-  animation: .1s ease-in style__1udu12r1;
+.style__e2zpp66:after {
+  background-color: var(--colors-primary);
 }
 
-.style__1udu12r9[data-chips="true"] {
-  min-width: var(--anchor-width);
+.style__1gif6yr0 {
+  flex: 0 0 100%;
+  min-width: 0;
 }
 
-.style__1udu12ra {
-  max-height: min(calc(var(--spacing-20) * 3), calc(var(--available-height) - var(--spacing-8)));
-  overscroll-behavior: contain;
-  padding: var(--spacing-1);
-  scroll-padding-block: var(--spacing-1);
-  overflow-y: auto;
+.Carousel__1jbydv50 {
+  position: relative;
 }
 
-.style__1udu12ra[data-empty] {
-  padding: 0;
+.style__b7yo4k0 {
+  border: 1px solid var(--colors-primary);
+  background-color: var(--colors-background-paper);
+  cursor: pointer;
+  border-radius: .2rem;
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+  transition: all .2s;
+  position: relative;
 }
 
-.style__1udu12rb {
-  cursor: default;
-  -webkit-user-select: none;
-  user-select: none;
-  align-items: center;
-  gap: var(--spacing-2);
-  border-radius: var(--borderRadius-sm);
-  width: 100%;
-  padding: var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-2);
-  font-size: var(--fontSize-sm);
+.style__b7yo4k0:focus-visible {
+  box-shadow: 0 0 0 2px [object Object], 0 0 0 4px var(--colors-primary);
   outline: none;
-  display: flex;
-  position: relative;
 }
 
-.style__1udu12rb[data-highlighted] {
-  background-color: var(--colors-background-elementHover);
-  color: var(--colors-text-primary);
+.style__b7yo4k0:disabled {
+  cursor: not-allowed;
+  opacity: .5;
 }
 
-.style__1udu12rb[data-disabled] {
-  pointer-events: none;
-  opacity: .5;
+.style__b7yo4k0[data-checked] {
+  background-color: var(--colors-primary);
+  color: var(--colors-foreground-primary);
 }
 
-.style__1udu12rc {
-  right: var(--spacing-2);
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  pointer-events: none;
+.style__b7yo4k1 {
   justify-content: center;
   align-items: center;
   display: flex;
-  position: absolute;
-}
-
-.style__1udu12rd {
-  padding: var(--spacing-1) var(--spacing-2);
-  color: var(--colors-text-secondary);
-  font-size: var(--fontSize-xs);
-}
-
-.style__1udu12re {
-  width: 100%;
-  padding: var(--spacing-2) var(--spacing-3);
-  color: var(--colors-text-secondary);
-  font-size: var(--fontSize-sm);
-  text-align: center;
-  justify-content: center;
-  display: none;
 }
 
-.style__1udu12r9[data-empty] .style__1udu12re {
-  display: flex;
+.style__b7yo4k2 {
+  width: 1rem;
+  height: 1rem;
+  stroke: var(--colors-foreground-primary);
+  stroke-width: 3px;
 }
 
-.style__1udu12rf {
-  height: 1px;
-  margin: var(--spacing-1) 0;
-  background-color: var(--colors-border);
+@keyframes style__m6b9n20 {
+  to {
+    transform: rotate(360deg);
+  }
 }
 
-.style__1udu12rg {
-  min-height: var(--spacing-8);
-  align-items: center;
-  gap: var(--spacing-1);
-  border: 1px solid var(--colors-border);
-  border-radius: var(--borderRadius-md);
-  padding: var(--spacing-1) var(--spacing-2);
-  font-size: var(--fontSize-sm);
-  background-clip: padding-box;
-  flex-wrap: wrap;
-  transition: border-color .2s, box-shadow .2s;
-  display: flex;
-}
+@keyframes style__m6b9n21 {
+  0% {
+    stroke-dasharray: 1 200;
+    stroke-dashoffset: 0;
+  }
 
-.style__1udu12rg:focus-within {
-  border-color: var(--colors-primary);
-  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
-}
+  50% {
+    stroke-dasharray: 100 200;
+    stroke-dashoffset: -15px;
+  }
 
-.style__1udu12rg:has([aria-invalid="true"]) {
-  border-color: var(--colors-error);
-  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
+  100% {
+    stroke-dasharray: 100 200;
+    stroke-dashoffset: -125px;
+  }
 }
 
-.style__1udu12rh {
-  width: fit-content;
-  height: var(--spacing-5);
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-1);
-  border-radius: var(--borderRadius-sm);
-  background-color: var(--colors-background-element);
-  padding: 0 var(--spacing-2);
-  color: var(--colors-text-primary);
-  font-size: var(--fontSize-xs);
-  font-weight: var(--fontWeight-medium);
-  white-space: nowrap;
-  display: flex;
+.style__m6b9n22 {
+  display: inline-block;
+  position: relative;
 }
 
-.style__1udu12rh:has([disabled]) {
-  pointer-events: none;
-  cursor: not-allowed;
-  opacity: .5;
+.style__m6b9n23 {
+  transform-origin: center;
+  width: 100%;
+  height: 100%;
+  display: block;
 }
 
-.style__1udu12ri {
-  padding-right: 0;
+.style__m6b9n24 {
+  stroke: currentColor;
+  stroke-linecap: round;
+  transition: stroke-dashoffset .35s;
 }
 
-.style__1udu12rj {
-  margin-left: -var(--spacing-1);
-  opacity: .5;
-}
+.determinate__m6b9n25 {
+  & style__m6b9n23 {
+    transform: rotate(-90deg);
+  }
 
-.style__1udu12rj:hover {
-  opacity: 1;
+  & style__m6b9n24 {
+    transition: stroke-dashoffset .35s;
+  }
 }
 
-.style__1udu12rk {
-  border-radius: var(--borderRadius-sm);
-  color: inherit;
-  cursor: pointer;
-  background-color: #0000;
-  border: 0;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  font-family: inherit;
-  display: inline-flex;
-}
+.indeterminate__m6b9n26 {
+  animation: 1.4s linear infinite style__m6b9n20;
 
-.style__1udu12rl {
-  min-width: var(--spacing-16);
-  color: var(--colors-text-primary);
-  font-family: inherit;
-  font-size: var(--fontSize-sm);
-  background-color: #0000;
-  border: 0;
-  outline: none;
-  flex: 1;
+  & style__m6b9n24 {
+    animation: 1.4s ease-in-out infinite style__m6b9n21;
+  }
 }
 
-.icon-xs__1udu12rm {
-  width: var(--spacing-5);
-  height: var(--spacing-5);
-  padding: 0;
+.primary__m6b9n27 {
+  color: var(--colors-primary);
 }
 
-.style__1udu12rb svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  pointer-events: none;
-  flex-shrink: 0;
+.secondary__m6b9n28 {
+  color: var(--colors-secondary);
 }
 
-.style__1udu12rj svg {
-  width: var(--spacing-3);
-  height: var(--spacing-3);
-  pointer-events: none;
+.inherit__m6b9n29 {
+  color: inherit;
 }
 
 @keyframes style__1xy4jvu0 {
@@ -2092,15 +2155,15 @@ a.outline__1af895x4:hover {
   display: block;
 }
 
-.sm__1o97kvm1 {
+.small__1o97kvm1 {
   margin: auto auto var(--spacing-4);
 }
 
-.md__1o97kvm2 {
+.medium__1o97kvm2 {
   margin: auto auto var(--spacing-8);
 }
 
-.lg__1o97kvm3 {
+.large__1o97kvm3 {
   margin: auto auto var(--spacing-10);
 }
 
@@ -2121,15 +2184,15 @@ a.outline__1af895x4:hover {
   display: flex;
 }
 
-.sm__1nenzg01 {
+.small__1nenzg01 {
   gap: var(--spacing-4);
 }
 
-.md__1nenzg02 {
+.medium__1nenzg02 {
   gap: var(--spacing-8);
 }
 
-.lg__1nenzg03 {
+.large__1nenzg03 {
   gap: var(--spacing-10);
 }
 
@@ -2873,7 +2936,7 @@ a.outline__1af895x4:hover {
 }
 
 .Input__1blk89u0:hover {
-  background-color: color-mix(in oklch, var(--colors-background-elementHover) 40%, transparent);
+  outline-color: color-mix(in oklch, var(--colors-primary) 80%, transparent);
 }
 
 .outlined__1blk89u1 {
@@ -2895,6 +2958,10 @@ a.outline__1af895x4:hover {
   border-color: var(--colors-border);
 }
 
+.style__1blk89u4:hover {
+  outline-color: var(--colors-border);
+}
+
 .style__1blk89u5 {
   outline-color: var(--colors-error);
 }
@@ -2930,19 +2997,19 @@ a.outline__1af895x4:hover {
   cursor: not-allowed;
 }
 
-.sm__1blk89u7 {
+.small__1blk89u7 {
   height: 28px;
   padding: .125rem var(--spacing-2);
   font-size: var(--fontSize-sm);
 }
 
-.md__1blk89u8 {
+.medium__1blk89u8 {
   height: 32px;
   padding: var(--spacing-1) var(--spacing-3);
   font-size: var(--fontSize-base);
 }
 
-.lg__1blk89u9 {
+.large__1blk89u9 {
   height: 36px;
   padding: var(--spacing-2) var(--spacing-3);
   font-size: var(--fontSize-base);
@@ -2963,30 +3030,6 @@ a.outline__1af895x4:hover {
   padding-right: 0;
 }
 
-.Label__c31e140 {
-  font-size: var(--fontSize-xs);
-  line-height: var(--lineHeight-none);
-  font-weight: var(--fontWeight-medium);
-  margin-left: var(--spacing-1);
-}
-
-.style__c31e141 {
-  opacity: .5;
-  cursor: not-allowed;
-}
-
-.style__c31e142 {
-  color: var(--colors-error);
-}
-
-.style__c31e143:after {
-  content: "*";
-  color: inherit;
-  height: min-content;
-  margin-left: var(--spacing-1);
-  display: inline-block;
-}
-
 .style__kqu4y20 {
   flex-direction: column;
   display: flex;
@@ -4048,19 +4091,19 @@ a.outline__1af895x4:hover {
   border-color: var(--colors-primary);
 }
 
-.sm__1pnwkko2 {
+.small__1pnwkko2 {
   height: 28px;
   font-size: var(--fontSize-sm);
   padding-inline: var(--spacing-2);
 }
 
-.md__1pnwkko3 {
+.medium__1pnwkko3 {
   height: 32px;
   font-size: var(--fontSize-base);
   padding-inline: var(--spacing-2);
 }
 
-.lg__1pnwkko4 {
+.large__1pnwkko4 {
   height: 36px;
   padding-inline: var(--spacing-3);
   font-size: var(--fontSize-base);
@@ -4162,19 +4205,19 @@ a.outline__1af895x4:hover {
   opacity: .5;
 }
 
-.sm__5ilg7o3 {
+.small__5ilg7o3 {
   height: 28px;
   font-size: var(--fontSize-sm);
   padding: var(--spacing-1) var(--spacing-2);
 }
 
-.md__5ilg7o4 {
+.medium__5ilg7o4 {
   height: var(--spacing-8);
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
 }
 
-.lg__5ilg7o5 {
+.large__5ilg7o5 {
   height: 36px;
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
@@ -5004,17 +5047,17 @@ a.outline__1af895x4:hover {
   box-shadow: 0 0 0 1px var(--colors-background-elementHover);
 }
 
-.default__1xiua9nr {
+.medium__1xiua9nr {
   height: var(--spacing-8);
   font-size: var(--fontSize-sm);
 }
 
-.sm__1xiua9ns {
+.small__1xiua9ns {
   height: 1.75rem;
   font-size: var(--fontSize-xs);
 }
 
-.lg__1xiua9nt {
+.large__1xiua9nt {
   height: var(--spacing-12);
   font-size: var(--fontSize-sm);
 }
@@ -5029,7 +5072,7 @@ a.outline__1af895x4:hover {
   padding: var(--spacing-2);
 }
 
-.style__1xiua9n2[data-collapsible="icon"] .style__1xiua9no[data-size="lg"] {
+.style__1xiua9n2[data-collapsible="icon"] .style__1xiua9no[data-size="large"] {
   padding: 0;
 }
 
@@ -5089,15 +5132,15 @@ a.outline__1af895x4:hover {
   color: var(--colors-text-primary);
 }
 
-.style__1xiua9no[data-size="sm"] ~ .style__1xiua9nu {
+.style__1xiua9no[data-size="small"] ~ .style__1xiua9nu {
   top: var(--spacing-1);
 }
 
-.style__1xiua9no[data-size="default"] ~ .style__1xiua9nu {
+.style__1xiua9no[data-size="medium"] ~ .style__1xiua9nu {
   top: .375rem;
 }
 
-.style__1xiua9no[data-size="lg"] ~ .style__1xiua9nu {
+.style__1xiua9no[data-size="large"] ~ .style__1xiua9nu {
   top: .625rem;
 }
 
@@ -5132,15 +5175,15 @@ a.outline__1af895x4:hover {
   color: var(--colors-text-primary);
 }
 
-.style__1xiua9no[data-size="sm"] ~ .style__1xiua9nv {
+.style__1xiua9no[data-size="small"] ~ .style__1xiua9nv {
   top: var(--spacing-1);
 }
 
-.style__1xiua9no[data-size="default"] ~ .style__1xiua9nv {
+.style__1xiua9no[data-size="medium"] ~ .style__1xiua9nv {
   top: .375rem;
 }
 
-.style__1xiua9no[data-size="lg"] ~ .style__1xiua9nv {
+.style__1xiua9no[data-size="large"] ~ .style__1xiua9nv {
   top: .625rem;
 }
 
@@ -5235,11 +5278,11 @@ a.outline__1af895x4:hover {
   color: var(--colors-text-primary);
 }
 
-.sm__1xiua9n13 {
+.small__1xiua9n13 {
   font-size: var(--fontSize-xs);
 }
 
-.md__1xiua9n14 {
+.medium__1xiua9n14 {
   font-size: var(--fontSize-sm);
 }
 
@@ -5339,19 +5382,19 @@ a.outline__1af895x4:hover {
   box-shadow: var(--elevation-3);
 }
 
-.sm__hworoa2 {
+.small__hworoa2 {
   height: 28px;
   font-size: var(--fontSize-sm);
   padding: var(--spacing-1) var(--spacing-2);
 }
 
-.md__hworoa3 {
+.medium__hworoa3 {
   height: var(--spacing-8);
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-3);
 }
 
-.lg__hworoa4 {
+.large__hworoa4 {
   height: 36px;
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-4);
@@ -5394,10 +5437,15 @@ a.outline__1af895x4:hover {
   box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
 }
 
+.style__1a927tn0:hover {
+  border-color: var(--colors-primary);
+}
+
 .style__1a927tn0:disabled {
   cursor: not-allowed;
   opacity: .5;
   background-color: var(--colors-background-element);
+  border-color: var(--colors-border);
 }
 
 .style__1a927tn0[aria-invalid="true"] {