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