@max-ts/kit 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/styles.css CHANGED
@@ -612,408 +612,481 @@ img, picture, video, canvas, svg {
612
612
  }
613
613
  }
614
614
 
615
- .style__hhcrfl0 {
616
- width: var(--spacing-8);
617
- height: var(--spacing-8);
618
- -webkit-user-select: none;
619
- user-select: none;
620
- border-radius: 9999px;
621
- flex-shrink: 0;
615
+ .style__1rv6t1j0 {
616
+ min-height: var(--spacing-8);
617
+ border: 1px solid var(--colors-border);
618
+ border-radius: var(--borderRadius-md);
619
+ background-color: #0000;
620
+ outline: none;
621
+ align-items: center;
622
+ width: 100%;
623
+ min-width: 0;
624
+ transition: border-color .2s, box-shadow .2s;
622
625
  display: flex;
623
626
  position: relative;
624
627
  }
625
628
 
626
- .style__hhcrfl0:after {
627
- content: "";
628
- border-radius: inherit;
629
- border: 1px solid var(--colors-border);
630
- mix-blend-mode: darken;
631
- position: absolute;
632
- inset: 0;
633
- }
634
-
635
- .style__hhcrfl0[data-size="sm"] {
636
- width: var(--spacing-6);
637
- height: var(--spacing-6);
629
+ .style__1rv6t1j0:focus-within {
630
+ border-color: var(--colors-primary);
631
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
638
632
  }
639
633
 
640
- .style__hhcrfl0[data-size="lg"] {
641
- width: var(--spacing-10);
642
- height: var(--spacing-10);
634
+ .style__1rv6t1j0:has([disabled]) {
635
+ opacity: .5;
636
+ background-color: var(--colors-background-element);
643
637
  }
644
638
 
645
- .style__hhcrfl1 {
646
- aspect-ratio: 1;
647
- border-radius: inherit;
648
- object-fit: cover;
649
- width: 100%;
650
- height: 100%;
639
+ .style__1rv6t1j0:has([aria-invalid="true"]) {
640
+ border-color: var(--colors-error);
641
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
651
642
  }
652
643
 
653
- .style__hhcrfl2 {
654
- border-radius: inherit;
655
- background-color: var(--colors-background-element);
656
- width: 100%;
657
- height: 100%;
658
- color: var(--colors-text-secondary);
659
- font-size: var(--fontSize-sm);
660
- justify-content: center;
661
- align-items: center;
662
- display: flex;
644
+ .style__1rv6t1j0:has([data-align="block-start"]), .style__1rv6t1j0:has([data-align="block-end"]) {
645
+ flex-direction: column;
646
+ align-items: stretch;
647
+ height: auto;
663
648
  }
664
649
 
665
- .style__hhcrfl0[data-size="sm"] .style__hhcrfl2 {
666
- font-size: var(--fontSize-xs);
650
+ .style__1rv6t1j0:has(textarea) {
651
+ height: auto;
667
652
  }
668
653
 
669
- .style__hhcrfl3 {
670
- z-index: 10;
671
- background-color: var(--colors-primary);
672
- width: .625rem;
673
- height: .625rem;
674
- color: var(--colors-foreground-primary);
675
- box-shadow: 0 0 0 2px var(--colors-background-paper);
676
- background-blend-mode: color;
677
- -webkit-user-select: none;
678
- user-select: none;
679
- border-radius: 9999px;
654
+ .style__1rv6t1j1 {
680
655
  justify-content: center;
681
656
  align-items: center;
682
- display: inline-flex;
683
- position: absolute;
684
- bottom: 0;
685
- right: 0;
657
+ gap: var(--spacing-2);
658
+ height: auto;
659
+ color: var(--colors-text-hint);
660
+ font-size: var(--fontSize-sm);
661
+ font-weight: var(--fontWeight-medium);
662
+ -webkit-user-select: none;
663
+ user-select: none;
664
+ display: flex;
686
665
  }
687
666
 
688
- .style__hhcrfl0[data-size="sm"] .style__hhcrfl3 {
689
- width: var(--spacing-2);
690
- height: var(--spacing-2);
667
+ .style__1rv6t1j1 svg {
668
+ width: var(--spacing-4);
669
+ height: var(--spacing-4);
670
+ pointer-events: none;
671
+ color: currentColor;
672
+ flex-shrink: 0;
691
673
  }
692
674
 
693
- .style__hhcrfl0[data-size="lg"] .style__hhcrfl3 {
694
- width: var(--spacing-3);
695
- height: var(--spacing-3);
675
+ .inline-start__1rv6t1j2 {
676
+ padding-left: var(--spacing-2);
677
+ order: -1;
696
678
  }
697
679
 
698
- .style__hhcrfl3 svg {
699
- width: var(--spacing-2);
700
- height: var(--spacing-2);
680
+ .inline-end__1rv6t1j3 {
681
+ padding-right: var(--spacing-2);
682
+ order: 1;
701
683
  }
702
684
 
703
- .style__hhcrfl0[data-size="sm"] .style__hhcrfl3 svg {
704
- display: none;
685
+ .block-start__1rv6t1j4 {
686
+ width: 100%;
687
+ padding: var(--spacing-2) var(--spacing-3) 0;
688
+ order: -1;
689
+ justify-content: flex-start;
705
690
  }
706
691
 
707
- .style__hhcrfl4 {
708
- display: flex;
692
+ .block-end__1rv6t1j5 {
693
+ width: 100%;
694
+ padding: 0 var(--spacing-3) var(--spacing-2);
695
+ order: 1;
696
+ justify-content: flex-start;
709
697
  }
710
698
 
711
- .style__hhcrfl4 [data-slot="avatar"] {
712
- box-shadow: 0 0 0 2px var(--colors-background-paper);
699
+ .style__1rv6t1j6 {
700
+ box-shadow: none;
713
701
  }
714
702
 
715
- .style__hhcrfl4 [data-slot="avatar"]:not(:first-child) {
716
- margin-left: calc(-1 * var(--spacing-2));
703
+ .xs__1rv6t1j7 {
704
+ height: var(--spacing-6);
705
+ gap: var(--spacing-1);
706
+ padding: 0 var(--spacing-2);
707
+ font-size: var(--fontSize-xs);
717
708
  }
718
709
 
719
- .style__hhcrfl5 {
720
- width: var(--spacing-8);
721
- height: var(--spacing-8);
722
- background-color: var(--colors-background-element);
723
- color: var(--colors-text-secondary);
710
+ .sm__1rv6t1j8 {
711
+ height: 28px;
712
+ padding: 0 var(--spacing-2);
724
713
  font-size: var(--fontSize-sm);
725
- box-shadow: 0 0 0 2px var(--colors-background-paper);
726
- border-radius: 9999px;
727
- flex-shrink: 0;
728
- justify-content: center;
729
- align-items: center;
730
- display: flex;
731
- position: relative;
732
714
  }
733
715
 
734
- .style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 {
716
+ .icon-xs__1rv6t1j9 {
735
717
  width: var(--spacing-6);
736
718
  height: var(--spacing-6);
719
+ padding: 0;
737
720
  }
738
721
 
739
- .style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 {
740
- width: var(--spacing-10);
741
- height: var(--spacing-10);
722
+ .icon-sm__1rv6t1ja {
723
+ width: var(--spacing-8);
724
+ height: var(--spacing-8);
725
+ padding: 0;
742
726
  }
743
727
 
744
- .style__hhcrfl5 svg {
745
- width: var(--spacing-4);
746
- height: var(--spacing-4);
728
+ .style__1rv6t1jb {
729
+ align-items: center;
730
+ gap: var(--spacing-2);
731
+ color: var(--colors-text-hint);
732
+ font-size: var(--fontSize-sm);
733
+ display: flex;
747
734
  }
748
735
 
749
- .style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 svg {
750
- width: var(--spacing-3);
751
- height: var(--spacing-3);
736
+ .style__1rv6t1jc {
737
+ min-width: 0;
738
+ color: var(--colors-text-primary);
739
+ font-family: inherit;
740
+ font-size: var(--fontSize-sm);
741
+ box-shadow: none;
742
+ background-color: #0000;
743
+ border: 0;
744
+ outline: none;
745
+ flex: 1;
752
746
  }
753
747
 
754
- .style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 svg {
755
- width: var(--spacing-5);
756
- height: var(--spacing-5);
748
+ .style__1rv6t1jc::placeholder {
749
+ color: var(--colors-text-hint);
757
750
  }
758
751
 
759
- .style__1af895x0 {
760
- border-radius: var(--borderRadius-md);
761
- border: 1px solid var(--colors-border);
762
- padding: var(--spacing-1) var(--spacing-2);
763
- font-size: var(--fontSize-xs);
764
- font-weight: var(--fontWeight-medium);
765
- white-space: nowrap;
766
- justify-content: center;
767
- align-items: center;
768
- gap: var(--spacing-1);
769
- flex-shrink: 0;
770
- width: fit-content;
771
- transition: color .15s, box-shadow .15s;
772
- display: inline-flex;
773
- overflow: hidden;
752
+ .style__1rv6t1jc:disabled {
753
+ cursor: not-allowed;
754
+ opacity: 1;
774
755
  }
775
756
 
776
- .style__1af895x0:focus-visible {
777
- border-color: var(--colors-border);
778
- box-shadow: var(--elevation-3);
779
- outline: none;
757
+ .style__1rv6t1jd {
758
+ height: calc(100% - 2px);
759
+ padding-inline: var(--spacing-2);
780
760
  }
781
761
 
782
- .style__1af895x0[aria-invalid="true"] {
783
- border-color: var(--colors-error);
784
- box-shadow: var(--elevation-3);
762
+ .style__1rv6t1je {
763
+ min-height: var(--spacing-16);
764
+ padding: var(--spacing-2) var(--spacing-3);
765
+ resize: none;
785
766
  }
786
767
 
787
- .style__1af895x0 svg {
788
- width: var(--spacing-3);
789
- height: var(--spacing-3);
768
+ .style__1rv6t1j6 svg, .style__1rv6t1jb svg {
769
+ width: var(--spacing-4);
770
+ height: var(--spacing-4);
790
771
  pointer-events: none;
791
772
  }
792
773
 
793
- .default__1af895x1 {
794
- background-color: var(--colors-primary);
795
- color: var(--colors-foreground-primary);
796
- border-color: #0000;
797
- }
774
+ @keyframes style__1udu12r0 {
775
+ from {
776
+ opacity: 0;
777
+ transform: scale(.95);
778
+ }
798
779
 
799
- a.default__1af895x1:hover {
800
- background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
780
+ to {
781
+ opacity: 1;
782
+ transform: scale(1);
783
+ }
801
784
  }
802
785
 
803
- .secondary__1af895x2 {
804
- background-color: var(--colors-background-element);
805
- color: var(--colors-text-primary);
806
- border-color: #0000;
786
+ @keyframes style__1udu12r1 {
787
+ from {
788
+ opacity: 1;
789
+ transform: scale(1);
790
+ }
791
+
792
+ to {
793
+ opacity: 0;
794
+ transform: scale(.95);
795
+ }
807
796
  }
808
797
 
809
- a.secondary__1af895x2:hover {
810
- background-color: var(--colors-background-elementHover);
798
+ .style__1udu12r2 {
799
+ color: var(--colors-text-secondary);
811
800
  }
812
801
 
813
- .destructive__1af895x3 {
814
- background-color: var(--colors-error);
815
- color: var(--colors-foreground-primary);
816
- border-color: #0000;
802
+ .style__1udu12r2[data-pressed] {
803
+ background-color: #0000;
817
804
  }
818
805
 
819
- a.destructive__1af895x3:hover {
820
- background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
806
+ .style__1udu12r3 {
807
+ width: var(--spacing-4);
808
+ height: var(--spacing-4);
809
+ pointer-events: none;
810
+ color: var(--colors-text-secondary);
821
811
  }
822
812
 
823
- .destructive__1af895x3:focus-visible {
824
- border-color: var(--colors-primary);
825
- box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
826
- outline: none;
813
+ .style__1udu12r4 {
814
+ width: var(--spacing-4);
815
+ height: var(--spacing-4);
816
+ pointer-events: none;
827
817
  }
828
818
 
829
- .outline__1af895x4 {
830
- color: var(--colors-text-primary);
831
- border-color: var(--colors-border);
819
+ .style__1udu12r5 {
820
+ width: var(--spacing-6);
821
+ height: var(--spacing-6);
822
+ border-radius: var(--borderRadius-sm);
823
+ color: var(--colors-text-secondary);
824
+ cursor: pointer;
832
825
  background-color: #0000;
826
+ border: 0;
827
+ flex-shrink: 0;
828
+ justify-content: center;
829
+ align-items: center;
830
+ padding: 0;
831
+ font-family: inherit;
832
+ transition: background-color .2s, opacity .2s;
833
+ display: inline-flex;
833
834
  }
834
835
 
835
- a.outline__1af895x4:hover {
836
+ .style__1udu12r5:hover {
836
837
  background-color: var(--colors-background-elementHover);
837
- color: var(--colors-text-primary);
838
838
  }
839
839
 
840
- .style__1dceszz0 {
841
- align-items: center;
842
- gap: var(--spacing-2);
843
- color: var(--colors-text-secondary);
844
- font-size: var(--fontSize-sm);
845
- overflow-wrap: break-word;
846
- flex-wrap: wrap;
847
- display: flex;
840
+ .style__1udu12r5:disabled {
841
+ pointer-events: none;
842
+ opacity: .5;
848
843
  }
849
844
 
850
- .style__1dceszz1 {
851
- align-items: center;
852
- gap: var(--spacing-1);
853
- display: inline-flex;
845
+ .style__1udu12r5:focus-visible {
846
+ box-shadow: 0 0 0 2px color-mix(in oklch, var(--colors-primary) 30%, transparent);
847
+ outline: none;
854
848
  }
855
849
 
856
- .style__1dceszz2 {
857
- color: inherit;
858
- text-decoration: none;
859
- transition: color .2s;
850
+ .style__1udu12r6 {
851
+ width: auto;
860
852
  }
861
853
 
862
- .style__1dceszz2:hover {
863
- color: var(--colors-text-primary);
854
+ .style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
855
+ display: none;
864
856
  }
865
857
 
866
- .style__1dceszz2:focus-visible {
867
- outline-offset: 2px;
868
- box-shadow: var(--elevation-1);
869
- outline: 2px solid #0000;
858
+ .style__1udu12r8 {
859
+ isolation: isolate;
860
+ z-index: 5000;
870
861
  }
871
862
 
872
- .style__1dceszz3 {
863
+ .style__1udu12r9 {
864
+ z-index: 5000;
865
+ box-sizing: border-box;
866
+ width: var(--anchor-width);
867
+ min-width: var(--anchor-width);
868
+ max-width: var(--available-width);
869
+ max-height: var(--available-height);
870
+ border: 1px solid var(--colors-border);
871
+ border-radius: var(--borderRadius-md);
872
+ background-color: var(--colors-background-paper);
873
873
  color: var(--colors-text-primary);
874
- font-weight: var(--fontWeight-normal);
874
+ box-shadow: var(--elevation-2);
875
+ transform-origin: var(--transform-origin);
876
+ position: relative;
877
+ overflow: hidden;
875
878
  }
876
879
 
877
- .style__1dceszz4 {
878
- color: var(--colors-text-secondary);
879
- align-items: center;
880
- display: inline-flex;
880
+ .style__1udu12r9[data-open] {
881
+ animation: .12s ease-out style__1udu12r0;
881
882
  }
882
883
 
883
- .style__1dceszz4 svg {
884
- width: var(--spacing-3);
885
- height: var(--spacing-3);
884
+ .style__1udu12r9[data-closed] {
885
+ animation: .1s ease-in style__1udu12r1;
886
886
  }
887
887
 
888
- [dir="rtl"] .style__1dceszz4 svg {
889
- transform: scaleX(-1);
888
+ .style__1udu12r9[data-chips="true"] {
889
+ min-width: var(--anchor-width);
890
890
  }
891
891
 
892
- .style__1dceszz5 {
893
- width: var(--spacing-5);
894
- height: var(--spacing-5);
895
- color: var(--colors-text-secondary);
896
- justify-content: center;
892
+ .style__1udu12ra {
893
+ max-height: min(calc(var(--spacing-20) * 3), calc(var(--available-height) - var(--spacing-8)));
894
+ overscroll-behavior: contain;
895
+ padding: var(--spacing-1);
896
+ scroll-padding-block: var(--spacing-1);
897
+ overflow-y: auto;
898
+ }
899
+
900
+ .style__1udu12ra[data-empty] {
901
+ padding: 0;
902
+ }
903
+
904
+ .style__1udu12rb {
905
+ cursor: default;
906
+ -webkit-user-select: none;
907
+ user-select: none;
897
908
  align-items: center;
909
+ gap: var(--spacing-2);
910
+ border-radius: var(--borderRadius-sm);
911
+ width: 100%;
912
+ padding: var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-2);
913
+ font-size: var(--fontSize-sm);
914
+ outline: none;
898
915
  display: flex;
916
+ position: relative;
899
917
  }
900
918
 
901
- .style__1dceszz5 svg {
902
- width: var(--spacing-4);
903
- height: var(--spacing-4);
919
+ .style__1udu12rb[data-highlighted] {
920
+ background-color: var(--colors-background-elementHover);
921
+ color: var(--colors-text-primary);
904
922
  }
905
923
 
906
- .style__1dceszz6 {
907
- clip: rect(0, 0, 0, 0);
908
- white-space: nowrap;
909
- border: 0;
910
- width: 1px;
911
- height: 1px;
912
- margin: -1px;
913
- padding: 0;
914
- position: absolute;
915
- overflow: hidden;
924
+ .style__1udu12rb[data-disabled] {
925
+ pointer-events: none;
926
+ opacity: .5;
916
927
  }
917
928
 
918
- .style__1mf3lgr0 {
919
- width: fit-content;
920
- border: 0;
921
- align-items: stretch;
922
- min-inline-size: 0;
923
- margin: 0;
924
- padding: 0;
925
- display: inline-flex;
929
+ .style__1udu12rc {
930
+ right: var(--spacing-2);
931
+ width: var(--spacing-4);
932
+ height: var(--spacing-4);
933
+ pointer-events: none;
934
+ justify-content: center;
935
+ align-items: center;
936
+ display: flex;
937
+ position: absolute;
938
+ }
939
+
940
+ .style__1udu12rd {
941
+ padding: var(--spacing-1) var(--spacing-2);
942
+ color: var(--colors-text-secondary);
943
+ font-size: var(--fontSize-xs);
926
944
  }
927
945
 
928
- .style__1mf3lgr0[data-orientation="vertical"] {
929
- flex-direction: column;
946
+ .style__1udu12re {
947
+ width: 100%;
948
+ padding: var(--spacing-2) var(--spacing-3);
949
+ color: var(--colors-text-secondary);
950
+ font-size: var(--fontSize-sm);
951
+ text-align: center;
952
+ justify-content: center;
953
+ display: none;
930
954
  }
931
955
 
932
- .style__1mf3lgr0:has( > [data-slot="button-group"]) {
933
- gap: var(--spacing-2);
956
+ .style__1udu12r9[data-empty] .style__1udu12re {
957
+ display: flex;
934
958
  }
935
959
 
936
- .style__1mf3lgr0 > * {
937
- position: relative;
960
+ .style__1udu12rf {
961
+ height: 1px;
962
+ margin: var(--spacing-1) 0;
963
+ background-color: var(--colors-border);
938
964
  }
939
965
 
940
- .style__1mf3lgr0 > :focus-visible {
941
- z-index: 10;
966
+ .style__1udu12rg {
967
+ min-height: var(--spacing-8);
968
+ align-items: center;
969
+ gap: var(--spacing-1);
970
+ border: 1px solid var(--colors-border);
971
+ border-radius: var(--borderRadius-md);
972
+ padding: var(--spacing-1) var(--spacing-2);
973
+ font-size: var(--fontSize-sm);
974
+ background-clip: padding-box;
975
+ flex-wrap: wrap;
976
+ transition: border-color .2s, box-shadow .2s;
977
+ display: flex;
942
978
  }
943
979
 
944
- .style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]) {
945
- transition: background-color .2s, transform .1s;
980
+ .style__1udu12rg:focus-within {
981
+ border-color: var(--colors-primary);
982
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
946
983
  }
947
984
 
948
- .style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]):active {
949
- transform: translateY(2px);
985
+ .style__1udu12rg:has([aria-invalid="true"]) {
986
+ border-color: var(--colors-error);
987
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
950
988
  }
951
989
 
952
- .style__1mf3lgr0 > input {
953
- flex: 1;
990
+ .style__1udu12rh {
991
+ width: fit-content;
992
+ height: var(--spacing-5);
993
+ justify-content: center;
994
+ align-items: center;
995
+ gap: var(--spacing-1);
996
+ border-radius: var(--borderRadius-sm);
997
+ background-color: var(--colors-background-element);
998
+ padding: 0 var(--spacing-2);
999
+ color: var(--colors-text-primary);
1000
+ font-size: var(--fontSize-xs);
1001
+ font-weight: var(--fontWeight-medium);
1002
+ white-space: nowrap;
1003
+ display: flex;
954
1004
  }
955
1005
 
956
- .style__1mf3lgr0[data-orientation="horizontal"] > :not(:last-child) {
957
- border-top-right-radius: 0;
958
- border-bottom-right-radius: 0;
1006
+ .style__1udu12rh:has([disabled]) {
1007
+ pointer-events: none;
1008
+ cursor: not-allowed;
1009
+ opacity: .5;
959
1010
  }
960
1011
 
961
- .style__1mf3lgr0[data-orientation="horizontal"] > :not(:first-child) {
962
- border-left-width: 0;
963
- border-top-left-radius: 0;
964
- border-bottom-left-radius: 0;
1012
+ .style__1udu12ri {
1013
+ padding-right: 0;
965
1014
  }
966
1015
 
967
- .style__1mf3lgr0[data-orientation="vertical"] > :not(:last-child) {
968
- border-bottom-right-radius: 0;
969
- border-bottom-left-radius: 0;
1016
+ .style__1udu12rj {
1017
+ margin-left: -var(--spacing-1);
1018
+ opacity: .5;
970
1019
  }
971
1020
 
972
- .style__1mf3lgr0[data-orientation="vertical"] > :not(:first-child) {
973
- border-top-width: 0;
974
- border-top-left-radius: 0;
975
- border-top-right-radius: 0;
1021
+ .style__1udu12rj:hover {
1022
+ opacity: 1;
976
1023
  }
977
1024
 
978
- .style__1mf3lgr1 {
1025
+ .style__1udu12rk {
1026
+ border-radius: var(--borderRadius-sm);
1027
+ color: inherit;
1028
+ cursor: pointer;
1029
+ background-color: #0000;
1030
+ border: 0;
1031
+ flex-shrink: 0;
1032
+ justify-content: center;
979
1033
  align-items: center;
980
- gap: var(--spacing-2);
981
- border: 1px solid var(--colors-border);
982
- border-radius: var(--borderRadius-md);
983
- background-color: var(--colors-background-element);
984
- padding: var(--spacing-1) var(--spacing-2);
985
- font-size: var(--fontSize-sm);
986
- font-weight: var(--fontWeight-medium);
1034
+ font-family: inherit;
1035
+ display: inline-flex;
1036
+ }
1037
+
1038
+ .style__1udu12rl {
1039
+ min-width: var(--spacing-16);
987
1040
  color: var(--colors-text-primary);
988
- white-space: nowrap;
989
- display: flex;
1041
+ font-family: inherit;
1042
+ font-size: var(--fontSize-sm);
1043
+ background-color: #0000;
1044
+ border: 0;
1045
+ outline: none;
1046
+ flex: 1;
990
1047
  }
991
1048
 
992
- .style__1mf3lgr1 svg {
1049
+ .icon-xs__1udu12rm {
1050
+ width: var(--spacing-5);
1051
+ height: var(--spacing-5);
1052
+ padding: 0;
1053
+ }
1054
+
1055
+ .style__1udu12rb svg {
993
1056
  width: var(--spacing-4);
994
1057
  height: var(--spacing-4);
995
1058
  pointer-events: none;
1059
+ flex-shrink: 0;
996
1060
  }
997
1061
 
998
- .style__1mf3lgr2 {
999
- background-color: var(--colors-border);
1000
- flex-shrink: 0;
1001
- align-self: stretch;
1002
- position: relative;
1062
+ .style__1udu12rj svg {
1063
+ width: var(--spacing-3);
1064
+ height: var(--spacing-3);
1065
+ pointer-events: none;
1003
1066
  }
1004
1067
 
1005
- .style__1mf3lgr2[data-orientation="horizontal"] {
1006
- width: auto;
1007
- height: 1px;
1008
- margin-left: 1px;
1009
- margin-right: 1px;
1068
+ .Label__c31e140 {
1069
+ font-size: var(--fontSize-xs);
1070
+ line-height: var(--lineHeight-none);
1071
+ font-weight: var(--fontWeight-medium);
1072
+ margin-left: var(--spacing-1);
1010
1073
  }
1011
1074
 
1012
- .style__1mf3lgr2[data-orientation="vertical"] {
1013
- width: 1px;
1014
- height: auto;
1015
- margin-top: 1px;
1016
- margin-bottom: 1px;
1075
+ .style__c31e141 {
1076
+ opacity: .5;
1077
+ cursor: not-allowed;
1078
+ }
1079
+
1080
+ .style__c31e142 {
1081
+ color: var(--colors-error);
1082
+ }
1083
+
1084
+ .style__c31e143:after {
1085
+ content: "*";
1086
+ color: inherit;
1087
+ height: min-content;
1088
+ margin-left: var(--spacing-1);
1089
+ display: inline-block;
1017
1090
  }
1018
1091
 
1019
1092
  .h1__1sba6zo0 {
@@ -1198,821 +1271,806 @@ a.outline__1af895x4:hover {
1198
1271
  margin-bottom: var(--spacing-2);
1199
1272
  }
1200
1273
 
1201
- .dayButton__hxs6pw0 {
1202
- width: var(--spacing-8);
1203
- height: var(--spacing-8);
1204
- position: relative;
1205
- }
1206
-
1207
- .dayButton__hxs6pw0:after {
1208
- content: "";
1209
- width: calc(100% - var(--spacing-4));
1210
- color: currentColor;
1211
- background-color: currentColor;
1212
- height: 2px;
1213
- display: none;
1214
- position: absolute;
1215
- bottom: 4px;
1216
- left: 8px;
1217
- }
1218
-
1219
- .today__hxs6pw1:after {
1220
- display: block;
1221
- }
1222
-
1223
- .outside__hxs6pw2 {
1224
- color: var(--colors-text-hint);
1225
- }
1226
-
1227
- .style__1e2msjb0 {
1228
- z-index: 60;
1274
+ .style__17arfox0 {
1275
+ flex-direction: column;
1229
1276
  width: max-content;
1277
+ display: flex;
1230
1278
  }
1231
1279
 
1232
- .nav__14q7je20 {
1233
- top: var(--spacing-1);
1234
- justify-content: space-between;
1280
+ .style__17arfox1 {
1235
1281
  width: 100%;
1236
- display: flex;
1237
- position: absolute;
1238
- left: 0;
1239
1282
  }
1240
1283
 
1241
- .monthButton__14q7je21 {
1242
- width: var(--spacing-8);
1243
- height: var(--spacing-8);
1244
- padding: var(--spacing-2);
1284
+ .style__17arfox2 {
1285
+ margin-bottom: 6px;
1245
1286
  }
1246
1287
 
1247
- .months__14q7je22 {
1248
- gap: var(--spacing-4);
1249
- padding-top: var(--spacing-1);
1250
- display: flex;
1251
- position: relative;
1288
+ .style__17arfox3 {
1289
+ margin-left: var(--borderRadius-md);
1290
+ color: inherit;
1291
+ overflow-wrap: break-word;
1252
1292
  }
1253
1293
 
1254
- .month__14q7je23 {
1255
- align-items: center;
1256
- gap: var(--spacing-2);
1257
- flex-direction: column;
1258
- display: flex;
1294
+ .style__17arfox4 {
1295
+ color: var(--colors-error);
1259
1296
  }
1260
1297
 
1261
- .monthCaption__14q7je24 {
1262
- height: var(--spacing-8);
1263
- place-items: center;
1264
- display: grid;
1298
+ .style__17arfox5 {
1299
+ opacity: .5;
1265
1300
  }
1266
1301
 
1267
- .dropdowns__14q7je25 {
1268
- align-items: center;
1269
- gap: var(--spacing-2);
1270
- display: flex;
1302
+ .style__17arfox6 {
1303
+ color: var(--colors-text-secondary);
1304
+ font-size: var(--fontSize-xs);
1305
+ margin-left: auto;
1271
1306
  }
1272
1307
 
1273
- .dropdownNav__14q7je26 {
1274
- column-gap: var(--spacing-4);
1275
- font-size: var(--fontSize-lg);
1276
- align-items: center;
1308
+ .style__hhcrfl0 {
1309
+ width: var(--spacing-8);
1310
+ height: var(--spacing-8);
1311
+ -webkit-user-select: none;
1312
+ user-select: none;
1313
+ border-radius: 9999px;
1314
+ flex-shrink: 0;
1277
1315
  display: flex;
1316
+ position: relative;
1278
1317
  }
1279
1318
 
1280
- .dropdownNav__14q7je26 button {
1281
- text-transform: capitalize;
1282
- font-size: var(--fontSize-lg);
1283
- }
1284
-
1285
- .style__oyalw00 {
1286
- border-radius: var(--borderRadius-md);
1287
- background-color: var(--colors-background-paper);
1288
- }
1289
-
1290
- .style__oyalw01 {
1291
- padding: var(--spacing-6);
1292
- justify-content: space-between;
1293
- gap: var(--spacing-2);
1294
- flex-direction: column;
1295
- display: flex;
1319
+ .style__hhcrfl0:after {
1320
+ content: "";
1321
+ border-radius: inherit;
1322
+ border: 1px solid var(--colors-border);
1323
+ mix-blend-mode: darken;
1324
+ position: absolute;
1325
+ inset: 0;
1296
1326
  }
1297
1327
 
1298
- .style__oyalw02 {
1299
- font-size: var(--fontSize-2xl);
1300
- font-weight: var(--fontWeight-semibold);
1301
- line-height: var(--lineHeight-none);
1302
- letter-spacing: -.025em;
1328
+ .style__hhcrfl0[data-size="sm"] {
1329
+ width: var(--spacing-6);
1330
+ height: var(--spacing-6);
1303
1331
  }
1304
1332
 
1305
- .style__oyalw03 {
1306
- font-size: var(--fontSize-sm);
1307
- color: var(--colors-text-secondary);
1333
+ .style__hhcrfl0[data-size="lg"] {
1334
+ width: var(--spacing-10);
1335
+ height: var(--spacing-10);
1308
1336
  }
1309
1337
 
1310
- .style__oyalw04 {
1311
- padding: var(--spacing-6);
1312
- padding-top: 0;
1338
+ .style__hhcrfl1 {
1339
+ aspect-ratio: 1;
1340
+ border-radius: inherit;
1341
+ object-fit: cover;
1342
+ width: 100%;
1343
+ height: 100%;
1313
1344
  }
1314
1345
 
1315
- .style__oyalw05 {
1316
- padding: var(--spacing-6);
1346
+ .style__hhcrfl2 {
1347
+ border-radius: inherit;
1348
+ background-color: var(--colors-background-element);
1349
+ width: 100%;
1350
+ height: 100%;
1351
+ color: var(--colors-text-secondary);
1352
+ font-size: var(--fontSize-sm);
1353
+ justify-content: center;
1317
1354
  align-items: center;
1318
- padding-top: 0;
1319
1355
  display: flex;
1320
1356
  }
1321
1357
 
1322
- .style__2d6ocq0 {
1323
- opacity: .4;
1358
+ .style__hhcrfl0[data-size="sm"] .style__hhcrfl2 {
1359
+ font-size: var(--fontSize-xs);
1360
+ }
1361
+
1362
+ .style__hhcrfl3 {
1363
+ z-index: 10;
1364
+ background-color: var(--colors-primary);
1365
+ width: .625rem;
1366
+ height: .625rem;
1367
+ color: var(--colors-foreground-primary);
1368
+ box-shadow: 0 0 0 2px var(--colors-background-paper);
1369
+ background-blend-mode: color;
1324
1370
  -webkit-user-select: none;
1325
1371
  user-select: none;
1326
- border-radius: var(--borderRadius-md);
1327
- color: var(--colors-primary);
1328
- place-items: center;
1329
- transition: opacity .2s linear;
1330
- display: grid;
1372
+ border-radius: 9999px;
1373
+ justify-content: center;
1374
+ align-items: center;
1375
+ display: inline-flex;
1331
1376
  position: absolute;
1377
+ bottom: 0;
1378
+ right: 0;
1332
1379
  }
1333
1380
 
1334
- .style__2d6ocq0:disabled {
1335
- pointer-events: none;
1336
- opacity: .2;
1381
+ .style__hhcrfl0[data-size="sm"] .style__hhcrfl3 {
1382
+ width: var(--spacing-2);
1383
+ height: var(--spacing-2);
1337
1384
  }
1338
1385
 
1339
- .style__2d6ocq0:hover {
1340
- opacity: 1;
1386
+ .style__hhcrfl0[data-size="lg"] .style__hhcrfl3 {
1387
+ width: var(--spacing-3);
1388
+ height: var(--spacing-3);
1341
1389
  }
1342
1390
 
1343
- .style__2d6ocq1 {
1344
- bottom: 0;
1345
- right: 0;
1391
+ .style__hhcrfl3 svg {
1392
+ width: var(--spacing-2);
1393
+ height: var(--spacing-2);
1346
1394
  }
1347
1395
 
1348
- .style__2d6ocq2 {
1349
- top: 0;
1350
- left: 0;
1396
+ .style__hhcrfl0[data-size="sm"] .style__hhcrfl3 svg {
1397
+ display: none;
1351
1398
  }
1352
1399
 
1353
- .horizontal__2d6ocq3 {
1354
- width: clamp(35px, 15%, 55px);
1355
- height: 100%;
1400
+ .style__hhcrfl4 {
1401
+ display: flex;
1356
1402
  }
1357
1403
 
1358
- .vertical__2d6ocq4 {
1359
- width: 100%;
1360
- height: clamp(35px, 15%, 55px);
1404
+ .style__hhcrfl4 [data-slot="avatar"] {
1405
+ box-shadow: 0 0 0 2px var(--colors-background-paper);
1361
1406
  }
1362
1407
 
1363
- .style__i1lems0 {
1364
- width: 100%;
1365
- height: 100%;
1366
- overflow: hidden;
1408
+ .style__hhcrfl4 [data-slot="avatar"]:not(:first-child) {
1409
+ margin-left: calc(-1 * var(--spacing-2));
1367
1410
  }
1368
1411
 
1369
- .horizontal__i1lems1 {
1370
- gap: var(--spacing-4);
1412
+ .style__hhcrfl5 {
1413
+ width: var(--spacing-8);
1414
+ height: var(--spacing-8);
1415
+ background-color: var(--colors-background-element);
1416
+ color: var(--colors-text-secondary);
1417
+ font-size: var(--fontSize-sm);
1418
+ box-shadow: 0 0 0 2px var(--colors-background-paper);
1419
+ border-radius: 9999px;
1420
+ flex-shrink: 0;
1421
+ justify-content: center;
1422
+ align-items: center;
1371
1423
  display: flex;
1424
+ position: relative;
1372
1425
  }
1373
1426
 
1374
- .vertical__i1lems2 {
1375
- gap: var(--spacing-4);
1376
- flex-direction: column;
1377
- display: flex;
1427
+ .style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 {
1428
+ width: var(--spacing-6);
1429
+ height: var(--spacing-6);
1378
1430
  }
1379
1431
 
1380
- .style__e2zpp60 {
1381
- z-index: 1;
1382
- justify-content: center;
1383
- gap: var(--spacing-1);
1384
- display: flex;
1385
- position: absolute;
1386
- overflow: auto;
1432
+ .style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 {
1433
+ width: var(--spacing-10);
1434
+ height: var(--spacing-10);
1387
1435
  }
1388
1436
 
1389
- .horizontal__e2zpp61 {
1390
- width: 100%;
1391
- height: auto;
1392
- bottom: var(--spacing-2);
1393
- left: 0;
1437
+ .style__hhcrfl5 svg {
1438
+ width: var(--spacing-4);
1439
+ height: var(--spacing-4);
1394
1440
  }
1395
1441
 
1396
- .vertical__e2zpp62 {
1397
- width: auto;
1398
- height: 100%;
1399
- bottom: 0;
1400
- left: var(--spacing-4);
1401
- flex-direction: column;
1442
+ .style__hhcrfl4:has([data-size="sm"]) .style__hhcrfl5 svg {
1443
+ width: var(--spacing-3);
1444
+ height: var(--spacing-3);
1402
1445
  }
1403
1446
 
1404
- .style__e2zpp63 {
1405
- width: var(--spacing-6);
1406
- height: var(--spacing-6);
1407
- cursor: pointer;
1408
- background: none;
1409
- border: none;
1410
- position: relative;
1447
+ .style__hhcrfl4:has([data-size="lg"]) .style__hhcrfl5 svg {
1448
+ width: var(--spacing-5);
1449
+ height: var(--spacing-5);
1411
1450
  }
1412
1451
 
1413
- .style__e2zpp63:focus {
1414
- outline: none;
1452
+ .style__1af895x0 {
1453
+ border-radius: var(--borderRadius-md);
1454
+ border: 1px solid var(--colors-border);
1455
+ padding: var(--spacing-1) var(--spacing-2);
1456
+ font-size: var(--fontSize-xs);
1457
+ font-weight: var(--fontWeight-medium);
1458
+ white-space: nowrap;
1459
+ justify-content: center;
1460
+ align-items: center;
1461
+ gap: var(--spacing-1);
1462
+ flex-shrink: 0;
1463
+ width: fit-content;
1464
+ transition: color .15s, box-shadow .15s;
1465
+ display: inline-flex;
1466
+ overflow: hidden;
1415
1467
  }
1416
1468
 
1417
- .style__e2zpp63:after {
1418
- background-color: var(--colors-border);
1469
+ .style__1af895x0:focus-visible {
1470
+ border-color: var(--colors-border);
1471
+ box-shadow: var(--elevation-3);
1472
+ outline: none;
1419
1473
  }
1420
1474
 
1421
- .horizontal__e2zpp64:after {
1422
- content: "";
1423
- width: 100%;
1424
- height: 2px;
1425
- position: absolute;
1426
- top: 50%;
1427
- left: 0;
1428
- transform: translateY(-50%);
1475
+ .style__1af895x0[aria-invalid="true"] {
1476
+ border-color: var(--colors-error);
1477
+ box-shadow: var(--elevation-3);
1429
1478
  }
1430
1479
 
1431
- .vertical__e2zpp65:after {
1432
- content: "";
1433
- width: 2px;
1434
- height: 100%;
1435
- position: absolute;
1436
- top: 0;
1437
- left: 50%;
1438
- transform: translateX(-50%);
1480
+ .style__1af895x0 svg {
1481
+ width: var(--spacing-3);
1482
+ height: var(--spacing-3);
1483
+ pointer-events: none;
1439
1484
  }
1440
1485
 
1441
- .style__e2zpp66:after {
1486
+ .default__1af895x1 {
1442
1487
  background-color: var(--colors-primary);
1488
+ color: var(--colors-foreground-primary);
1489
+ border-color: #0000;
1443
1490
  }
1444
1491
 
1445
- .style__1gif6yr0 {
1446
- flex: 0 0 100%;
1447
- min-width: 0;
1492
+ a.default__1af895x1:hover {
1493
+ background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
1448
1494
  }
1449
1495
 
1450
- .Carousel__1jbydv50 {
1451
- position: relative;
1496
+ .secondary__1af895x2 {
1497
+ background-color: var(--colors-background-element);
1498
+ color: var(--colors-text-primary);
1499
+ border-color: #0000;
1452
1500
  }
1453
1501
 
1454
- .style__b7yo4k0 {
1455
- border: 1px solid var(--colors-primary);
1456
- background-color: var(--colors-background-paper);
1457
- cursor: pointer;
1458
- border-radius: .2rem;
1459
- flex-shrink: 0;
1460
- width: 1rem;
1461
- height: 1rem;
1462
- transition: all .2s;
1463
- position: relative;
1502
+ a.secondary__1af895x2:hover {
1503
+ background-color: var(--colors-background-elementHover);
1464
1504
  }
1465
1505
 
1466
- .style__b7yo4k0:focus-visible {
1467
- box-shadow: 0 0 0 2px [object Object], 0 0 0 4px var(--colors-primary);
1506
+ .destructive__1af895x3 {
1507
+ background-color: var(--colors-error);
1508
+ color: var(--colors-foreground-primary);
1509
+ border-color: #0000;
1510
+ }
1511
+
1512
+ a.destructive__1af895x3:hover {
1513
+ background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
1514
+ }
1515
+
1516
+ .destructive__1af895x3:focus-visible {
1517
+ border-color: var(--colors-primary);
1518
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
1468
1519
  outline: none;
1469
1520
  }
1470
1521
 
1471
- .style__b7yo4k0:disabled {
1472
- cursor: not-allowed;
1473
- opacity: .5;
1522
+ .outline__1af895x4 {
1523
+ color: var(--colors-text-primary);
1524
+ border-color: var(--colors-border);
1525
+ background-color: #0000;
1474
1526
  }
1475
1527
 
1476
- .style__b7yo4k0[data-checked] {
1477
- background-color: var(--colors-primary);
1478
- color: var(--colors-foreground-primary);
1528
+ a.outline__1af895x4:hover {
1529
+ background-color: var(--colors-background-elementHover);
1530
+ color: var(--colors-text-primary);
1479
1531
  }
1480
1532
 
1481
- .style__b7yo4k1 {
1482
- justify-content: center;
1533
+ .style__1dceszz0 {
1483
1534
  align-items: center;
1535
+ gap: var(--spacing-2);
1536
+ color: var(--colors-text-secondary);
1537
+ font-size: var(--fontSize-sm);
1538
+ overflow-wrap: break-word;
1539
+ flex-wrap: wrap;
1484
1540
  display: flex;
1485
1541
  }
1486
1542
 
1487
- .style__b7yo4k2 {
1488
- width: 1rem;
1489
- height: 1rem;
1490
- stroke: var(--colors-foreground-primary);
1491
- stroke-width: 3px;
1543
+ .style__1dceszz1 {
1544
+ align-items: center;
1545
+ gap: var(--spacing-1);
1546
+ display: inline-flex;
1492
1547
  }
1493
1548
 
1494
- @keyframes style__m6b9n20 {
1495
- to {
1496
- transform: rotate(360deg);
1497
- }
1549
+ .style__1dceszz2 {
1550
+ color: inherit;
1551
+ text-decoration: none;
1552
+ transition: color .2s;
1498
1553
  }
1499
1554
 
1500
- @keyframes style__m6b9n21 {
1501
- 0% {
1502
- stroke-dasharray: 1 200;
1503
- stroke-dashoffset: 0;
1504
- }
1505
-
1506
- 50% {
1507
- stroke-dasharray: 100 200;
1508
- stroke-dashoffset: -15px;
1509
- }
1555
+ .style__1dceszz2:hover {
1556
+ color: var(--colors-text-primary);
1557
+ }
1510
1558
 
1511
- 100% {
1512
- stroke-dasharray: 100 200;
1513
- stroke-dashoffset: -125px;
1514
- }
1559
+ .style__1dceszz2:focus-visible {
1560
+ outline-offset: 2px;
1561
+ box-shadow: var(--elevation-1);
1562
+ outline: 2px solid #0000;
1515
1563
  }
1516
1564
 
1517
- .style__m6b9n22 {
1518
- display: inline-block;
1519
- position: relative;
1565
+ .style__1dceszz3 {
1566
+ color: var(--colors-text-primary);
1567
+ font-weight: var(--fontWeight-normal);
1520
1568
  }
1521
1569
 
1522
- .style__m6b9n23 {
1523
- transform-origin: center;
1524
- width: 100%;
1525
- height: 100%;
1526
- display: block;
1570
+ .style__1dceszz4 {
1571
+ color: var(--colors-text-secondary);
1572
+ align-items: center;
1573
+ display: inline-flex;
1527
1574
  }
1528
1575
 
1529
- .style__m6b9n24 {
1530
- stroke: currentColor;
1531
- stroke-linecap: round;
1532
- transition: stroke-dashoffset .35s;
1576
+ .style__1dceszz4 svg {
1577
+ width: var(--spacing-3);
1578
+ height: var(--spacing-3);
1533
1579
  }
1534
1580
 
1535
- .determinate__m6b9n25 {
1536
- & style__m6b9n23 {
1537
- transform: rotate(-90deg);
1538
- }
1581
+ [dir="rtl"] .style__1dceszz4 svg {
1582
+ transform: scaleX(-1);
1583
+ }
1539
1584
 
1540
- & style__m6b9n24 {
1541
- transition: stroke-dashoffset .35s;
1542
- }
1585
+ .style__1dceszz5 {
1586
+ width: var(--spacing-5);
1587
+ height: var(--spacing-5);
1588
+ color: var(--colors-text-secondary);
1589
+ justify-content: center;
1590
+ align-items: center;
1591
+ display: flex;
1543
1592
  }
1544
1593
 
1545
- .indeterminate__m6b9n26 {
1546
- animation: 1.4s linear infinite style__m6b9n20;
1594
+ .style__1dceszz5 svg {
1595
+ width: var(--spacing-4);
1596
+ height: var(--spacing-4);
1597
+ }
1547
1598
 
1548
- & style__m6b9n24 {
1549
- animation: 1.4s ease-in-out infinite style__m6b9n21;
1550
- }
1599
+ .style__1dceszz6 {
1600
+ clip: rect(0, 0, 0, 0);
1601
+ white-space: nowrap;
1602
+ border: 0;
1603
+ width: 1px;
1604
+ height: 1px;
1605
+ margin: -1px;
1606
+ padding: 0;
1607
+ position: absolute;
1608
+ overflow: hidden;
1551
1609
  }
1552
1610
 
1553
- .primary__m6b9n27 {
1554
- color: var(--colors-primary);
1611
+ .style__1mf3lgr0 {
1612
+ width: fit-content;
1613
+ border: 0;
1614
+ align-items: stretch;
1615
+ min-inline-size: 0;
1616
+ margin: 0;
1617
+ padding: 0;
1618
+ display: inline-flex;
1555
1619
  }
1556
1620
 
1557
- .secondary__m6b9n28 {
1558
- color: var(--colors-secondary);
1621
+ .style__1mf3lgr0[data-orientation="vertical"] {
1622
+ flex-direction: column;
1559
1623
  }
1560
1624
 
1561
- .inherit__m6b9n29 {
1562
- color: inherit;
1625
+ .style__1mf3lgr0:has( > [data-slot="button-group"]) {
1626
+ gap: var(--spacing-2);
1563
1627
  }
1564
1628
 
1565
- .style__1rv6t1j0 {
1566
- min-height: var(--spacing-8);
1567
- border: 1px solid var(--colors-border);
1568
- border-radius: var(--borderRadius-md);
1569
- background-color: #0000;
1570
- outline: none;
1571
- align-items: center;
1572
- width: 100%;
1573
- min-width: 0;
1574
- transition: border-color .2s, box-shadow .2s;
1575
- display: flex;
1629
+ .style__1mf3lgr0 > * {
1576
1630
  position: relative;
1577
1631
  }
1578
1632
 
1579
- .style__1rv6t1j0:focus-within {
1580
- border-color: var(--colors-primary);
1581
- box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
1633
+ .style__1mf3lgr0 > :focus-visible {
1634
+ z-index: 10;
1582
1635
  }
1583
1636
 
1584
- .style__1rv6t1j0:has([disabled]) {
1585
- opacity: .5;
1586
- background-color: var(--colors-background-element);
1637
+ .style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]) {
1638
+ transition: background-color .2s, transform .1s;
1587
1639
  }
1588
1640
 
1589
- .style__1rv6t1j0:has([aria-invalid="true"]) {
1590
- border-color: var(--colors-error);
1591
- box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
1641
+ .style__1mf3lgr0 button:not(:disabled):not([aria-disabled="true"]):active {
1642
+ transform: translateY(2px);
1592
1643
  }
1593
1644
 
1594
- .style__1rv6t1j0:has([data-align="block-start"]), .style__1rv6t1j0:has([data-align="block-end"]) {
1595
- flex-direction: column;
1596
- align-items: stretch;
1597
- height: auto;
1645
+ .style__1mf3lgr0 > input {
1646
+ flex: 1;
1598
1647
  }
1599
1648
 
1600
- .style__1rv6t1j0:has(textarea) {
1601
- height: auto;
1649
+ .style__1mf3lgr0[data-orientation="horizontal"] > :not(:last-child) {
1650
+ border-top-right-radius: 0;
1651
+ border-bottom-right-radius: 0;
1602
1652
  }
1603
1653
 
1604
- .style__1rv6t1j1 {
1605
- justify-content: center;
1654
+ .style__1mf3lgr0[data-orientation="horizontal"] > :not(:first-child) {
1655
+ border-left-width: 0;
1656
+ border-top-left-radius: 0;
1657
+ border-bottom-left-radius: 0;
1658
+ }
1659
+
1660
+ .style__1mf3lgr0[data-orientation="vertical"] > :not(:last-child) {
1661
+ border-bottom-right-radius: 0;
1662
+ border-bottom-left-radius: 0;
1663
+ }
1664
+
1665
+ .style__1mf3lgr0[data-orientation="vertical"] > :not(:first-child) {
1666
+ border-top-width: 0;
1667
+ border-top-left-radius: 0;
1668
+ border-top-right-radius: 0;
1669
+ }
1670
+
1671
+ .style__1mf3lgr1 {
1606
1672
  align-items: center;
1607
1673
  gap: var(--spacing-2);
1608
- height: auto;
1609
- color: var(--colors-text-hint);
1674
+ border: 1px solid var(--colors-border);
1675
+ border-radius: var(--borderRadius-md);
1676
+ background-color: var(--colors-background-element);
1677
+ padding: var(--spacing-1) var(--spacing-2);
1610
1678
  font-size: var(--fontSize-sm);
1611
1679
  font-weight: var(--fontWeight-medium);
1612
- -webkit-user-select: none;
1613
- user-select: none;
1680
+ color: var(--colors-text-primary);
1681
+ white-space: nowrap;
1614
1682
  display: flex;
1615
1683
  }
1616
1684
 
1617
- .style__1rv6t1j1 svg {
1685
+ .style__1mf3lgr1 svg {
1618
1686
  width: var(--spacing-4);
1619
1687
  height: var(--spacing-4);
1620
1688
  pointer-events: none;
1621
- color: currentColor;
1622
- flex-shrink: 0;
1623
1689
  }
1624
1690
 
1625
- .inline-start__1rv6t1j2 {
1626
- padding-left: var(--spacing-2);
1627
- order: -1;
1691
+ .style__1mf3lgr2 {
1692
+ background-color: var(--colors-border);
1693
+ flex-shrink: 0;
1694
+ align-self: stretch;
1695
+ position: relative;
1628
1696
  }
1629
1697
 
1630
- .inline-end__1rv6t1j3 {
1631
- padding-right: var(--spacing-2);
1632
- order: 1;
1698
+ .style__1mf3lgr2[data-orientation="horizontal"] {
1699
+ width: auto;
1700
+ height: 1px;
1701
+ margin-left: 1px;
1702
+ margin-right: 1px;
1633
1703
  }
1634
1704
 
1635
- .block-start__1rv6t1j4 {
1636
- width: 100%;
1637
- padding: var(--spacing-2) var(--spacing-3) 0;
1638
- order: -1;
1639
- justify-content: flex-start;
1705
+ .style__1mf3lgr2[data-orientation="vertical"] {
1706
+ width: 1px;
1707
+ height: auto;
1708
+ margin-top: 1px;
1709
+ margin-bottom: 1px;
1640
1710
  }
1641
1711
 
1642
- .block-end__1rv6t1j5 {
1643
- width: 100%;
1644
- padding: 0 var(--spacing-3) var(--spacing-2);
1645
- order: 1;
1646
- justify-content: flex-start;
1712
+ .dayButton__hxs6pw0 {
1713
+ width: var(--spacing-8);
1714
+ height: var(--spacing-8);
1715
+ position: relative;
1647
1716
  }
1648
1717
 
1649
- .style__1rv6t1j6 {
1650
- box-shadow: none;
1718
+ .dayButton__hxs6pw0:after {
1719
+ content: "";
1720
+ width: calc(100% - var(--spacing-4));
1721
+ color: currentColor;
1722
+ background-color: currentColor;
1723
+ height: 2px;
1724
+ display: none;
1725
+ position: absolute;
1726
+ bottom: 4px;
1727
+ left: 8px;
1728
+ }
1729
+
1730
+ .today__hxs6pw1:after {
1731
+ display: block;
1651
1732
  }
1652
1733
 
1653
- .xs__1rv6t1j7 {
1654
- height: var(--spacing-6);
1655
- gap: var(--spacing-1);
1656
- padding: 0 var(--spacing-2);
1657
- font-size: var(--fontSize-xs);
1734
+ .outside__hxs6pw2 {
1735
+ color: var(--colors-text-hint);
1658
1736
  }
1659
1737
 
1660
- .sm__1rv6t1j8 {
1661
- height: 28px;
1662
- padding: 0 var(--spacing-2);
1663
- font-size: var(--fontSize-sm);
1738
+ .style__1e2msjb0 {
1739
+ z-index: 60;
1740
+ width: max-content;
1664
1741
  }
1665
1742
 
1666
- .icon-xs__1rv6t1j9 {
1667
- width: var(--spacing-6);
1668
- height: var(--spacing-6);
1669
- padding: 0;
1743
+ .nav__14q7je20 {
1744
+ top: var(--spacing-1);
1745
+ justify-content: space-between;
1746
+ width: 100%;
1747
+ display: flex;
1748
+ position: absolute;
1749
+ left: 0;
1670
1750
  }
1671
1751
 
1672
- .icon-sm__1rv6t1ja {
1752
+ .monthButton__14q7je21 {
1673
1753
  width: var(--spacing-8);
1674
1754
  height: var(--spacing-8);
1675
- padding: 0;
1755
+ padding: var(--spacing-2);
1676
1756
  }
1677
1757
 
1678
- .style__1rv6t1jb {
1679
- align-items: center;
1680
- gap: var(--spacing-2);
1681
- color: var(--colors-text-hint);
1682
- font-size: var(--fontSize-sm);
1758
+ .months__14q7je22 {
1759
+ gap: var(--spacing-4);
1760
+ padding-top: var(--spacing-1);
1683
1761
  display: flex;
1762
+ position: relative;
1684
1763
  }
1685
1764
 
1686
- .style__1rv6t1jc {
1687
- min-width: 0;
1688
- color: var(--colors-text-primary);
1689
- font-family: inherit;
1690
- font-size: var(--fontSize-sm);
1691
- box-shadow: none;
1692
- background-color: #0000;
1693
- border: 0;
1694
- outline: none;
1695
- flex: 1;
1765
+ .month__14q7je23 {
1766
+ align-items: center;
1767
+ gap: var(--spacing-2);
1768
+ flex-direction: column;
1769
+ display: flex;
1696
1770
  }
1697
1771
 
1698
- .style__1rv6t1jc::placeholder {
1699
- color: var(--colors-text-hint);
1772
+ .monthCaption__14q7je24 {
1773
+ height: var(--spacing-8);
1774
+ place-items: center;
1775
+ display: grid;
1700
1776
  }
1701
1777
 
1702
- .style__1rv6t1jc:disabled {
1703
- cursor: not-allowed;
1704
- opacity: 1;
1778
+ .dropdowns__14q7je25 {
1779
+ align-items: center;
1780
+ gap: var(--spacing-2);
1781
+ display: flex;
1705
1782
  }
1706
1783
 
1707
- .style__1rv6t1jd {
1708
- height: calc(100% - 2px);
1709
- padding-inline: var(--spacing-2);
1784
+ .dropdownNav__14q7je26 {
1785
+ column-gap: var(--spacing-4);
1786
+ font-size: var(--fontSize-lg);
1787
+ align-items: center;
1788
+ display: flex;
1710
1789
  }
1711
1790
 
1712
- .style__1rv6t1je {
1713
- min-height: var(--spacing-16);
1714
- padding: var(--spacing-2) var(--spacing-3);
1715
- resize: none;
1791
+ .dropdownNav__14q7je26 button {
1792
+ text-transform: capitalize;
1793
+ font-size: var(--fontSize-lg);
1716
1794
  }
1717
1795
 
1718
- .style__1rv6t1j6 svg, .style__1rv6t1jb svg {
1719
- width: var(--spacing-4);
1720
- height: var(--spacing-4);
1721
- pointer-events: none;
1796
+ .style__oyalw00 {
1797
+ border-radius: var(--borderRadius-md);
1798
+ background-color: var(--colors-background-paper);
1722
1799
  }
1723
1800
 
1724
- @keyframes style__1udu12r0 {
1725
- from {
1726
- opacity: 0;
1727
- transform: scale(.95);
1728
- }
1729
-
1730
- to {
1731
- opacity: 1;
1732
- transform: scale(1);
1733
- }
1801
+ .style__oyalw01 {
1802
+ padding: var(--spacing-6);
1803
+ justify-content: space-between;
1804
+ gap: var(--spacing-2);
1805
+ flex-direction: column;
1806
+ display: flex;
1734
1807
  }
1735
1808
 
1736
- @keyframes style__1udu12r1 {
1737
- from {
1738
- opacity: 1;
1739
- transform: scale(1);
1740
- }
1741
-
1742
- to {
1743
- opacity: 0;
1744
- transform: scale(.95);
1745
- }
1809
+ .style__oyalw02 {
1810
+ font-size: var(--fontSize-2xl);
1811
+ font-weight: var(--fontWeight-semibold);
1812
+ line-height: var(--lineHeight-none);
1813
+ letter-spacing: -.025em;
1746
1814
  }
1747
1815
 
1748
- .style__1udu12r2 {
1816
+ .style__oyalw03 {
1817
+ font-size: var(--fontSize-sm);
1749
1818
  color: var(--colors-text-secondary);
1750
1819
  }
1751
1820
 
1752
- .style__1udu12r2[data-pressed] {
1753
- background-color: #0000;
1821
+ .style__oyalw04 {
1822
+ padding: var(--spacing-6);
1823
+ padding-top: 0;
1754
1824
  }
1755
1825
 
1756
- .style__1udu12r3 {
1757
- width: var(--spacing-4);
1758
- height: var(--spacing-4);
1759
- pointer-events: none;
1760
- color: var(--colors-text-secondary);
1826
+ .style__oyalw05 {
1827
+ padding: var(--spacing-6);
1828
+ align-items: center;
1829
+ padding-top: 0;
1830
+ display: flex;
1761
1831
  }
1762
1832
 
1763
- .style__1udu12r4 {
1764
- width: var(--spacing-4);
1765
- height: var(--spacing-4);
1766
- pointer-events: none;
1833
+ .style__2d6ocq0 {
1834
+ opacity: .4;
1835
+ -webkit-user-select: none;
1836
+ user-select: none;
1837
+ border-radius: var(--borderRadius-md);
1838
+ color: var(--colors-primary);
1839
+ place-items: center;
1840
+ transition: opacity .2s linear;
1841
+ display: grid;
1842
+ position: absolute;
1767
1843
  }
1768
1844
 
1769
- .style__1udu12r5 {
1770
- width: var(--spacing-6);
1771
- height: var(--spacing-6);
1772
- border-radius: var(--borderRadius-sm);
1773
- color: var(--colors-text-secondary);
1774
- cursor: pointer;
1775
- background-color: #0000;
1776
- border: 0;
1777
- flex-shrink: 0;
1778
- justify-content: center;
1779
- align-items: center;
1780
- padding: 0;
1781
- font-family: inherit;
1782
- transition: background-color .2s, opacity .2s;
1783
- display: inline-flex;
1845
+ .style__2d6ocq0:disabled {
1846
+ pointer-events: none;
1847
+ opacity: .2;
1784
1848
  }
1785
1849
 
1786
- .style__1udu12r5:hover {
1787
- background-color: var(--colors-background-elementHover);
1850
+ .style__2d6ocq0:hover {
1851
+ opacity: 1;
1788
1852
  }
1789
1853
 
1790
- .style__1udu12r5:disabled {
1791
- pointer-events: none;
1792
- opacity: .5;
1854
+ .style__2d6ocq1 {
1855
+ bottom: 0;
1856
+ right: 0;
1793
1857
  }
1794
1858
 
1795
- .style__1udu12r5:focus-visible {
1796
- box-shadow: 0 0 0 2px color-mix(in oklch, var(--colors-primary) 30%, transparent);
1797
- outline: none;
1859
+ .style__2d6ocq2 {
1860
+ top: 0;
1861
+ left: 0;
1798
1862
  }
1799
1863
 
1800
- .style__1udu12r6 {
1801
- width: auto;
1864
+ .horizontal__2d6ocq3 {
1865
+ width: clamp(35px, 15%, 55px);
1866
+ height: 100%;
1802
1867
  }
1803
1868
 
1804
- .style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
1805
- display: none;
1869
+ .vertical__2d6ocq4 {
1870
+ width: 100%;
1871
+ height: clamp(35px, 15%, 55px);
1806
1872
  }
1807
1873
 
1808
- .style__1udu12r8 {
1809
- isolation: isolate;
1810
- z-index: 5000;
1874
+ .style__i1lems0 {
1875
+ width: 100%;
1876
+ height: 100%;
1877
+ overflow: hidden;
1811
1878
  }
1812
1879
 
1813
- .style__1udu12r9 {
1814
- z-index: 5000;
1815
- box-sizing: border-box;
1816
- width: var(--anchor-width);
1817
- min-width: var(--anchor-width);
1818
- max-width: var(--available-width);
1819
- max-height: var(--available-height);
1820
- border: 1px solid var(--colors-border);
1821
- border-radius: var(--borderRadius-md);
1822
- background-color: var(--colors-background-paper);
1823
- color: var(--colors-text-primary);
1824
- box-shadow: var(--elevation-2);
1825
- transform-origin: var(--transform-origin);
1826
- position: relative;
1827
- overflow: hidden;
1880
+ .horizontal__i1lems1 {
1881
+ gap: var(--spacing-4);
1882
+ display: flex;
1828
1883
  }
1829
1884
 
1830
- .style__1udu12r9[data-open] {
1831
- animation: .12s ease-out style__1udu12r0;
1885
+ .vertical__i1lems2 {
1886
+ gap: var(--spacing-4);
1887
+ flex-direction: column;
1888
+ display: flex;
1832
1889
  }
1833
1890
 
1834
- .style__1udu12r9[data-closed] {
1835
- animation: .1s ease-in style__1udu12r1;
1891
+ .style__e2zpp60 {
1892
+ z-index: 1;
1893
+ justify-content: center;
1894
+ gap: var(--spacing-1);
1895
+ display: flex;
1896
+ position: absolute;
1897
+ overflow: auto;
1836
1898
  }
1837
1899
 
1838
- .style__1udu12r9[data-chips="true"] {
1839
- min-width: var(--anchor-width);
1900
+ .horizontal__e2zpp61 {
1901
+ width: 100%;
1902
+ height: auto;
1903
+ bottom: var(--spacing-2);
1904
+ left: 0;
1840
1905
  }
1841
1906
 
1842
- .style__1udu12ra {
1843
- max-height: min(calc(var(--spacing-20) * 3), calc(var(--available-height) - var(--spacing-8)));
1844
- overscroll-behavior: contain;
1845
- padding: var(--spacing-1);
1846
- scroll-padding-block: var(--spacing-1);
1847
- overflow-y: auto;
1907
+ .vertical__e2zpp62 {
1908
+ width: auto;
1909
+ height: 100%;
1910
+ bottom: 0;
1911
+ left: var(--spacing-4);
1912
+ flex-direction: column;
1848
1913
  }
1849
1914
 
1850
- .style__1udu12ra[data-empty] {
1851
- padding: 0;
1915
+ .style__e2zpp63 {
1916
+ width: var(--spacing-6);
1917
+ height: var(--spacing-6);
1918
+ cursor: pointer;
1919
+ background: none;
1920
+ border: none;
1921
+ position: relative;
1852
1922
  }
1853
1923
 
1854
- .style__1udu12rb {
1855
- cursor: default;
1856
- -webkit-user-select: none;
1857
- user-select: none;
1858
- align-items: center;
1859
- gap: var(--spacing-2);
1860
- border-radius: var(--borderRadius-sm);
1861
- width: 100%;
1862
- padding: var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-2);
1863
- font-size: var(--fontSize-sm);
1924
+ .style__e2zpp63:focus {
1864
1925
  outline: none;
1865
- display: flex;
1866
- position: relative;
1867
1926
  }
1868
1927
 
1869
- .style__1udu12rb[data-highlighted] {
1870
- background-color: var(--colors-background-elementHover);
1871
- color: var(--colors-text-primary);
1928
+ .style__e2zpp63:after {
1929
+ background-color: var(--colors-border);
1872
1930
  }
1873
1931
 
1874
- .style__1udu12rb[data-disabled] {
1875
- pointer-events: none;
1876
- opacity: .5;
1932
+ .horizontal__e2zpp64:after {
1933
+ content: "";
1934
+ width: 100%;
1935
+ height: 2px;
1936
+ position: absolute;
1937
+ top: 50%;
1938
+ left: 0;
1939
+ transform: translateY(-50%);
1877
1940
  }
1878
1941
 
1879
- .style__1udu12rc {
1880
- right: var(--spacing-2);
1881
- width: var(--spacing-4);
1882
- height: var(--spacing-4);
1883
- pointer-events: none;
1884
- justify-content: center;
1885
- align-items: center;
1886
- display: flex;
1942
+ .vertical__e2zpp65:after {
1943
+ content: "";
1944
+ width: 2px;
1945
+ height: 100%;
1887
1946
  position: absolute;
1947
+ top: 0;
1948
+ left: 50%;
1949
+ transform: translateX(-50%);
1888
1950
  }
1889
1951
 
1890
- .style__1udu12rd {
1891
- padding: var(--spacing-1) var(--spacing-2);
1892
- color: var(--colors-text-secondary);
1893
- font-size: var(--fontSize-xs);
1952
+ .style__e2zpp66:after {
1953
+ background-color: var(--colors-primary);
1894
1954
  }
1895
1955
 
1896
- .style__1udu12re {
1897
- width: 100%;
1898
- padding: var(--spacing-2) var(--spacing-3);
1899
- color: var(--colors-text-secondary);
1900
- font-size: var(--fontSize-sm);
1901
- text-align: center;
1902
- justify-content: center;
1903
- display: none;
1956
+ .style__1gif6yr0 {
1957
+ flex: 0 0 100%;
1958
+ min-width: 0;
1904
1959
  }
1905
1960
 
1906
- .style__1udu12r9[data-empty] .style__1udu12re {
1907
- display: flex;
1961
+ .Carousel__1jbydv50 {
1962
+ position: relative;
1908
1963
  }
1909
1964
 
1910
- .style__1udu12rf {
1911
- height: 1px;
1912
- margin: var(--spacing-1) 0;
1913
- background-color: var(--colors-border);
1965
+ .style__b7yo4k0 {
1966
+ border: 1px solid var(--colors-primary);
1967
+ background-color: var(--colors-background-paper);
1968
+ cursor: pointer;
1969
+ border-radius: .2rem;
1970
+ flex-shrink: 0;
1971
+ width: 1rem;
1972
+ height: 1rem;
1973
+ transition: all .2s;
1974
+ position: relative;
1914
1975
  }
1915
1976
 
1916
- .style__1udu12rg {
1917
- min-height: var(--spacing-8);
1918
- align-items: center;
1919
- gap: var(--spacing-1);
1920
- border: 1px solid var(--colors-border);
1921
- border-radius: var(--borderRadius-md);
1922
- padding: var(--spacing-1) var(--spacing-2);
1923
- font-size: var(--fontSize-sm);
1924
- background-clip: padding-box;
1925
- flex-wrap: wrap;
1926
- transition: border-color .2s, box-shadow .2s;
1927
- display: flex;
1977
+ .style__b7yo4k0:focus-visible {
1978
+ box-shadow: 0 0 0 2px [object Object], 0 0 0 4px var(--colors-primary);
1979
+ outline: none;
1928
1980
  }
1929
1981
 
1930
- .style__1udu12rg:focus-within {
1931
- border-color: var(--colors-primary);
1932
- box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
1982
+ .style__b7yo4k0:disabled {
1983
+ cursor: not-allowed;
1984
+ opacity: .5;
1933
1985
  }
1934
1986
 
1935
- .style__1udu12rg:has([aria-invalid="true"]) {
1936
- border-color: var(--colors-error);
1937
- box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
1987
+ .style__b7yo4k0[data-checked] {
1988
+ background-color: var(--colors-primary);
1989
+ color: var(--colors-foreground-primary);
1938
1990
  }
1939
1991
 
1940
- .style__1udu12rh {
1941
- width: fit-content;
1942
- height: var(--spacing-5);
1992
+ .style__b7yo4k1 {
1943
1993
  justify-content: center;
1944
1994
  align-items: center;
1945
- gap: var(--spacing-1);
1946
- border-radius: var(--borderRadius-sm);
1947
- background-color: var(--colors-background-element);
1948
- padding: 0 var(--spacing-2);
1949
- color: var(--colors-text-primary);
1950
- font-size: var(--fontSize-xs);
1951
- font-weight: var(--fontWeight-medium);
1952
- white-space: nowrap;
1953
1995
  display: flex;
1954
1996
  }
1955
1997
 
1956
- .style__1udu12rh:has([disabled]) {
1957
- pointer-events: none;
1958
- cursor: not-allowed;
1959
- opacity: .5;
1998
+ .style__b7yo4k2 {
1999
+ width: 1rem;
2000
+ height: 1rem;
2001
+ stroke: var(--colors-foreground-primary);
2002
+ stroke-width: 3px;
1960
2003
  }
1961
2004
 
1962
- .style__1udu12ri {
1963
- padding-right: 0;
2005
+ @keyframes style__m6b9n20 {
2006
+ to {
2007
+ transform: rotate(360deg);
2008
+ }
1964
2009
  }
1965
2010
 
1966
- .style__1udu12rj {
1967
- margin-left: -var(--spacing-1);
1968
- opacity: .5;
2011
+ @keyframes style__m6b9n21 {
2012
+ 0% {
2013
+ stroke-dasharray: 1 200;
2014
+ stroke-dashoffset: 0;
2015
+ }
2016
+
2017
+ 50% {
2018
+ stroke-dasharray: 100 200;
2019
+ stroke-dashoffset: -15px;
2020
+ }
2021
+
2022
+ 100% {
2023
+ stroke-dasharray: 100 200;
2024
+ stroke-dashoffset: -125px;
2025
+ }
1969
2026
  }
1970
2027
 
1971
- .style__1udu12rj:hover {
1972
- opacity: 1;
2028
+ .style__m6b9n22 {
2029
+ display: inline-block;
2030
+ position: relative;
1973
2031
  }
1974
2032
 
1975
- .style__1udu12rk {
1976
- border-radius: var(--borderRadius-sm);
1977
- color: inherit;
1978
- cursor: pointer;
1979
- background-color: #0000;
1980
- border: 0;
1981
- flex-shrink: 0;
1982
- justify-content: center;
1983
- align-items: center;
1984
- font-family: inherit;
1985
- display: inline-flex;
2033
+ .style__m6b9n23 {
2034
+ transform-origin: center;
2035
+ width: 100%;
2036
+ height: 100%;
2037
+ display: block;
1986
2038
  }
1987
2039
 
1988
- .style__1udu12rl {
1989
- min-width: var(--spacing-16);
1990
- color: var(--colors-text-primary);
1991
- font-family: inherit;
1992
- font-size: var(--fontSize-sm);
1993
- background-color: #0000;
1994
- border: 0;
1995
- outline: none;
1996
- flex: 1;
2040
+ .style__m6b9n24 {
2041
+ stroke: currentColor;
2042
+ stroke-linecap: round;
2043
+ transition: stroke-dashoffset .35s;
1997
2044
  }
1998
2045
 
1999
- .icon-xs__1udu12rm {
2000
- width: var(--spacing-5);
2001
- height: var(--spacing-5);
2002
- padding: 0;
2046
+ .determinate__m6b9n25 {
2047
+ & style__m6b9n23 {
2048
+ transform: rotate(-90deg);
2049
+ }
2050
+
2051
+ & style__m6b9n24 {
2052
+ transition: stroke-dashoffset .35s;
2053
+ }
2003
2054
  }
2004
2055
 
2005
- .style__1udu12rb svg {
2006
- width: var(--spacing-4);
2007
- height: var(--spacing-4);
2008
- pointer-events: none;
2009
- flex-shrink: 0;
2056
+ .indeterminate__m6b9n26 {
2057
+ animation: 1.4s linear infinite style__m6b9n20;
2058
+
2059
+ & style__m6b9n24 {
2060
+ animation: 1.4s ease-in-out infinite style__m6b9n21;
2061
+ }
2010
2062
  }
2011
2063
 
2012
- .style__1udu12rj svg {
2013
- width: var(--spacing-3);
2014
- height: var(--spacing-3);
2015
- pointer-events: none;
2064
+ .primary__m6b9n27 {
2065
+ color: var(--colors-primary);
2066
+ }
2067
+
2068
+ .secondary__m6b9n28 {
2069
+ color: var(--colors-secondary);
2070
+ }
2071
+
2072
+ .inherit__m6b9n29 {
2073
+ color: inherit;
2016
2074
  }
2017
2075
 
2018
2076
  @keyframes style__1xy4jvu0 {
@@ -2963,30 +3021,6 @@ a.outline__1af895x4:hover {
2963
3021
  padding-right: 0;
2964
3022
  }
2965
3023
 
2966
- .Label__c31e140 {
2967
- font-size: var(--fontSize-xs);
2968
- line-height: var(--lineHeight-none);
2969
- font-weight: var(--fontWeight-medium);
2970
- margin-left: var(--spacing-1);
2971
- }
2972
-
2973
- .style__c31e141 {
2974
- opacity: .5;
2975
- cursor: not-allowed;
2976
- }
2977
-
2978
- .style__c31e142 {
2979
- color: var(--colors-error);
2980
- }
2981
-
2982
- .style__c31e143:after {
2983
- content: "*";
2984
- color: inherit;
2985
- height: min-content;
2986
- margin-left: var(--spacing-1);
2987
- display: inline-block;
2988
- }
2989
-
2990
3024
  .style__kqu4y20 {
2991
3025
  flex-direction: column;
2992
3026
  display: flex;