@usetheo/ui 0.3.0-next.0 → 0.5.0-next.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/CHANGELOG.md +60 -0
- package/dist/index.d.ts +85 -2
- package/dist/index.js +540 -4
- package/dist/index.js.map +1 -1
- package/dist/preset.d.ts +31 -0
- package/dist/preset.js +159 -0
- package/dist/preset.js.map +1 -0
- package/dist/vite-plugin.d.ts +29 -0
- package/dist/vite-plugin.js +72 -0
- package/dist/vite-plugin.js.map +1 -0
- package/package.json +21 -1
- package/registry/r/theme-provider.json +2 -2
package/dist/index.js
CHANGED
|
@@ -475,8 +475,8 @@ var classicPaper = {
|
|
|
475
475
|
"primary-foreground": "0 0% 100%",
|
|
476
476
|
secondary: "210 40% 96%",
|
|
477
477
|
"secondary-foreground": "222 47% 11%",
|
|
478
|
-
accent: "37 92%
|
|
479
|
-
"accent-deep": "32 81%
|
|
478
|
+
accent: "37 92% 40%",
|
|
479
|
+
"accent-deep": "32 81% 30%",
|
|
480
480
|
"accent-foreground": "0 0% 100%",
|
|
481
481
|
muted: "210 40% 96%",
|
|
482
482
|
"muted-foreground": "215 16% 47%",
|
|
@@ -709,8 +709,544 @@ function rgb(r, g, b) {
|
|
|
709
709
|
return rgbToHsl(Math.round(r), Math.round(g), Math.round(b));
|
|
710
710
|
}
|
|
711
711
|
|
|
712
|
+
// src/themes/vercel-mono.ts
|
|
713
|
+
var vercelMono = {
|
|
714
|
+
name: "vercel-mono",
|
|
715
|
+
label: "Vercel Mono",
|
|
716
|
+
description: "Inspired by, not affiliated with Vercel. Monochrome canvas + signature blue.",
|
|
717
|
+
fonts: {
|
|
718
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
719
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
720
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
721
|
+
},
|
|
722
|
+
fontUrls: [
|
|
723
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
724
|
+
],
|
|
725
|
+
light: {
|
|
726
|
+
background: "0 0% 100%",
|
|
727
|
+
foreground: "0 0% 0%",
|
|
728
|
+
card: "0 0% 100%",
|
|
729
|
+
"card-foreground": "0 0% 0%",
|
|
730
|
+
popover: "0 0% 100%",
|
|
731
|
+
"popover-foreground": "0 0% 0%",
|
|
732
|
+
primary: "212 100% 47%",
|
|
733
|
+
"primary-deep": "212 100% 36%",
|
|
734
|
+
"primary-glow": "212 100% 72%",
|
|
735
|
+
"primary-foreground": "0 0% 100%",
|
|
736
|
+
secondary: "0 0% 96%",
|
|
737
|
+
"secondary-foreground": "0 0% 0%",
|
|
738
|
+
accent: "212 100% 47%",
|
|
739
|
+
"accent-deep": "212 100% 36%",
|
|
740
|
+
"accent-foreground": "0 0% 100%",
|
|
741
|
+
muted: "0 0% 96%",
|
|
742
|
+
"muted-foreground": "0 0% 40%",
|
|
743
|
+
border: "0 0% 92%",
|
|
744
|
+
input: "0 0% 92%",
|
|
745
|
+
ring: "212 100% 47%",
|
|
746
|
+
success: "168 76% 40%",
|
|
747
|
+
"success-foreground": "0 0% 100%",
|
|
748
|
+
warning: "34 92% 45%",
|
|
749
|
+
"warning-foreground": "0 0% 100%",
|
|
750
|
+
destructive: "0 100% 40%",
|
|
751
|
+
"destructive-foreground": "0 0% 100%",
|
|
752
|
+
info: "212 100% 47%",
|
|
753
|
+
"info-foreground": "0 0% 100%"
|
|
754
|
+
},
|
|
755
|
+
dark: {
|
|
756
|
+
background: "0 0% 4%",
|
|
757
|
+
foreground: "0 0% 93%",
|
|
758
|
+
card: "0 0% 7%",
|
|
759
|
+
"card-foreground": "0 0% 93%",
|
|
760
|
+
popover: "0 0% 7%",
|
|
761
|
+
"popover-foreground": "0 0% 93%",
|
|
762
|
+
primary: "212 100% 55%",
|
|
763
|
+
"primary-deep": "212 100% 42%",
|
|
764
|
+
"primary-glow": "212 100% 75%",
|
|
765
|
+
"primary-foreground": "0 0% 100%",
|
|
766
|
+
secondary: "0 0% 13%",
|
|
767
|
+
"secondary-foreground": "0 0% 93%",
|
|
768
|
+
accent: "212 100% 60%",
|
|
769
|
+
"accent-deep": "212 100% 47%",
|
|
770
|
+
"accent-foreground": "0 0% 0%",
|
|
771
|
+
muted: "0 0% 13%",
|
|
772
|
+
"muted-foreground": "0 0% 60%",
|
|
773
|
+
border: "0 0% 20%",
|
|
774
|
+
input: "0 0% 20%",
|
|
775
|
+
ring: "212 100% 55%",
|
|
776
|
+
success: "144 89% 50%",
|
|
777
|
+
"success-foreground": "0 0% 0%",
|
|
778
|
+
warning: "34 92% 65%",
|
|
779
|
+
"warning-foreground": "0 0% 0%",
|
|
780
|
+
destructive: "0 100% 55%",
|
|
781
|
+
"destructive-foreground": "0 0% 100%",
|
|
782
|
+
info: "212 100% 55%",
|
|
783
|
+
"info-foreground": "0 0% 100%"
|
|
784
|
+
}
|
|
785
|
+
};
|
|
786
|
+
|
|
787
|
+
// src/themes/github-dark.ts
|
|
788
|
+
var githubDark = {
|
|
789
|
+
name: "github-dark",
|
|
790
|
+
label: "GitHub Dark",
|
|
791
|
+
description: "GitHub's default dark theme. Primer Primitives tokens.",
|
|
792
|
+
fonts: {
|
|
793
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
794
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
795
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
796
|
+
},
|
|
797
|
+
fontUrls: [
|
|
798
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
799
|
+
],
|
|
800
|
+
light: {
|
|
801
|
+
background: "0 0% 100%",
|
|
802
|
+
foreground: "213 13% 16%",
|
|
803
|
+
card: "210 29% 97%",
|
|
804
|
+
"card-foreground": "213 13% 16%",
|
|
805
|
+
popover: "0 0% 100%",
|
|
806
|
+
"popover-foreground": "213 13% 16%",
|
|
807
|
+
primary: "212 92% 44%",
|
|
808
|
+
"primary-deep": "212 92% 36%",
|
|
809
|
+
"primary-glow": "212 92% 58%",
|
|
810
|
+
"primary-foreground": "0 0% 100%",
|
|
811
|
+
secondary: "210 29% 97%",
|
|
812
|
+
"secondary-foreground": "213 13% 16%",
|
|
813
|
+
accent: "213 84% 52%",
|
|
814
|
+
"accent-deep": "213 84% 42%",
|
|
815
|
+
"accent-foreground": "0 0% 100%",
|
|
816
|
+
muted: "210 29% 97%",
|
|
817
|
+
"muted-foreground": "213 8% 43%",
|
|
818
|
+
border: "210 14% 84%",
|
|
819
|
+
input: "210 14% 84%",
|
|
820
|
+
ring: "212 92% 44%",
|
|
821
|
+
success: "137 66% 30%",
|
|
822
|
+
"success-foreground": "0 0% 100%",
|
|
823
|
+
warning: "41 100% 30%",
|
|
824
|
+
"warning-foreground": "0 0% 100%",
|
|
825
|
+
destructive: "355 71% 47%",
|
|
826
|
+
"destructive-foreground": "0 0% 100%",
|
|
827
|
+
info: "212 92% 44%",
|
|
828
|
+
"info-foreground": "0 0% 100%"
|
|
829
|
+
},
|
|
830
|
+
dark: {
|
|
831
|
+
background: "215 28% 7%",
|
|
832
|
+
foreground: "210 67% 96%",
|
|
833
|
+
card: "215 21% 11%",
|
|
834
|
+
"card-foreground": "210 67% 96%",
|
|
835
|
+
popover: "215 21% 11%",
|
|
836
|
+
"popover-foreground": "210 67% 96%",
|
|
837
|
+
primary: "212 92% 57%",
|
|
838
|
+
"primary-deep": "212 92% 47%",
|
|
839
|
+
"primary-glow": "213 92% 67%",
|
|
840
|
+
"primary-foreground": "0 0% 100%",
|
|
841
|
+
secondary: "215 21% 14%",
|
|
842
|
+
"secondary-foreground": "210 67% 96%",
|
|
843
|
+
accent: "213 92% 61%",
|
|
844
|
+
"accent-deep": "213 92% 50%",
|
|
845
|
+
"accent-foreground": "0 0% 100%",
|
|
846
|
+
muted: "215 21% 14%",
|
|
847
|
+
"muted-foreground": "213 9% 59%",
|
|
848
|
+
border: "213 13% 21%",
|
|
849
|
+
input: "213 13% 21%",
|
|
850
|
+
ring: "212 92% 57%",
|
|
851
|
+
success: "135 53% 49%",
|
|
852
|
+
"success-foreground": "0 0% 0%",
|
|
853
|
+
warning: "41 73% 48%",
|
|
854
|
+
"warning-foreground": "0 0% 0%",
|
|
855
|
+
destructive: "1 90% 62%",
|
|
856
|
+
"destructive-foreground": "0 0% 100%",
|
|
857
|
+
info: "212 92% 57%",
|
|
858
|
+
"info-foreground": "0 0% 100%"
|
|
859
|
+
}
|
|
860
|
+
};
|
|
861
|
+
|
|
862
|
+
// src/themes/dracula.ts
|
|
863
|
+
var dracula = {
|
|
864
|
+
name: "dracula",
|
|
865
|
+
label: "Dracula",
|
|
866
|
+
description: "Cult OSS theme (draculatheme.com, MIT). Light mode is Theo-adapted for WCAG AA.",
|
|
867
|
+
fonts: {
|
|
868
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
869
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
870
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
871
|
+
},
|
|
872
|
+
fontUrls: [
|
|
873
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
874
|
+
],
|
|
875
|
+
light: {
|
|
876
|
+
background: "60 30% 96%",
|
|
877
|
+
foreground: "231 15% 18%",
|
|
878
|
+
card: "0 0% 100%",
|
|
879
|
+
"card-foreground": "231 15% 18%",
|
|
880
|
+
popover: "0 0% 100%",
|
|
881
|
+
"popover-foreground": "231 15% 18%",
|
|
882
|
+
primary: "275 70% 45%",
|
|
883
|
+
"primary-deep": "271 63% 35%",
|
|
884
|
+
"primary-glow": "265 89% 70%",
|
|
885
|
+
"primary-foreground": "0 0% 100%",
|
|
886
|
+
secondary: "60 20% 92%",
|
|
887
|
+
"secondary-foreground": "231 15% 18%",
|
|
888
|
+
accent: "271 63% 40%",
|
|
889
|
+
"accent-deep": "271 63% 30%",
|
|
890
|
+
"accent-foreground": "0 0% 100%",
|
|
891
|
+
muted: "60 20% 92%",
|
|
892
|
+
"muted-foreground": "225 20% 40%",
|
|
893
|
+
border: "60 15% 88%",
|
|
894
|
+
input: "60 15% 88%",
|
|
895
|
+
ring: "275 70% 45%",
|
|
896
|
+
success: "129 33% 35%",
|
|
897
|
+
"success-foreground": "0 0% 100%",
|
|
898
|
+
warning: "43 89% 30%",
|
|
899
|
+
"warning-foreground": "0 0% 100%",
|
|
900
|
+
destructive: "0 71% 42%",
|
|
901
|
+
"destructive-foreground": "0 0% 100%",
|
|
902
|
+
info: "190 88% 30%",
|
|
903
|
+
"info-foreground": "0 0% 100%"
|
|
904
|
+
},
|
|
905
|
+
dark: {
|
|
906
|
+
background: "231 15% 18%",
|
|
907
|
+
foreground: "60 30% 96%",
|
|
908
|
+
card: "232 14% 22%",
|
|
909
|
+
"card-foreground": "60 30% 96%",
|
|
910
|
+
popover: "232 14% 22%",
|
|
911
|
+
"popover-foreground": "60 30% 96%",
|
|
912
|
+
primary: "326 100% 74%",
|
|
913
|
+
"primary-deep": "326 100% 60%",
|
|
914
|
+
"primary-glow": "326 100% 85%",
|
|
915
|
+
"primary-foreground": "231 15% 18%",
|
|
916
|
+
secondary: "232 14% 28%",
|
|
917
|
+
"secondary-foreground": "60 30% 96%",
|
|
918
|
+
accent: "265 89% 78%",
|
|
919
|
+
"accent-deep": "265 89% 65%",
|
|
920
|
+
"accent-foreground": "231 15% 18%",
|
|
921
|
+
muted: "232 14% 28%",
|
|
922
|
+
"muted-foreground": "225 27% 65%",
|
|
923
|
+
border: "232 14% 31%",
|
|
924
|
+
input: "232 14% 31%",
|
|
925
|
+
ring: "326 100% 74%",
|
|
926
|
+
success: "135 94% 65%",
|
|
927
|
+
"success-foreground": "231 15% 18%",
|
|
928
|
+
warning: "65 92% 76%",
|
|
929
|
+
"warning-foreground": "231 15% 18%",
|
|
930
|
+
destructive: "0 100% 67%",
|
|
931
|
+
"destructive-foreground": "0 0% 100%",
|
|
932
|
+
info: "191 97% 77%",
|
|
933
|
+
"info-foreground": "231 15% 18%"
|
|
934
|
+
}
|
|
935
|
+
};
|
|
936
|
+
|
|
937
|
+
// src/themes/one-dark.ts
|
|
938
|
+
var oneDark = {
|
|
939
|
+
name: "one-dark",
|
|
940
|
+
label: "One Dark",
|
|
941
|
+
description: "Atom's One Dark + One Light syntax theme (MIT). Iconic IDE look.",
|
|
942
|
+
fonts: {
|
|
943
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
944
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
945
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
946
|
+
},
|
|
947
|
+
fontUrls: [
|
|
948
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
949
|
+
],
|
|
950
|
+
light: {
|
|
951
|
+
background: "0 0% 98%",
|
|
952
|
+
foreground: "230 8% 24%",
|
|
953
|
+
card: "0 0% 100%",
|
|
954
|
+
"card-foreground": "230 8% 24%",
|
|
955
|
+
popover: "0 0% 100%",
|
|
956
|
+
"popover-foreground": "230 8% 24%",
|
|
957
|
+
primary: "220 88% 50%",
|
|
958
|
+
"primary-deep": "220 88% 40%",
|
|
959
|
+
"primary-glow": "220 88% 70%",
|
|
960
|
+
"primary-foreground": "0 0% 100%",
|
|
961
|
+
secondary: "0 0% 95%",
|
|
962
|
+
"secondary-foreground": "230 8% 24%",
|
|
963
|
+
accent: "301 62% 40%",
|
|
964
|
+
"accent-deep": "301 62% 30%",
|
|
965
|
+
"accent-foreground": "0 0% 100%",
|
|
966
|
+
muted: "0 0% 95%",
|
|
967
|
+
"muted-foreground": "230 4% 50%",
|
|
968
|
+
border: "0 0% 90%",
|
|
969
|
+
input: "0 0% 90%",
|
|
970
|
+
ring: "220 88% 50%",
|
|
971
|
+
success: "119 34% 35%",
|
|
972
|
+
"success-foreground": "0 0% 100%",
|
|
973
|
+
warning: "41 99% 30%",
|
|
974
|
+
"warning-foreground": "0 0% 100%",
|
|
975
|
+
destructive: "5 74% 45%",
|
|
976
|
+
"destructive-foreground": "0 0% 100%",
|
|
977
|
+
info: "198 99% 30%",
|
|
978
|
+
"info-foreground": "0 0% 100%"
|
|
979
|
+
},
|
|
980
|
+
dark: {
|
|
981
|
+
background: "220 13% 18%",
|
|
982
|
+
foreground: "220 14% 71%",
|
|
983
|
+
card: "220 13% 15%",
|
|
984
|
+
"card-foreground": "220 14% 71%",
|
|
985
|
+
popover: "220 13% 15%",
|
|
986
|
+
"popover-foreground": "220 14% 71%",
|
|
987
|
+
primary: "207 82% 66%",
|
|
988
|
+
"primary-deep": "207 82% 52%",
|
|
989
|
+
"primary-glow": "207 82% 78%",
|
|
990
|
+
"primary-foreground": "220 13% 18%",
|
|
991
|
+
secondary: "220 13% 23%",
|
|
992
|
+
"secondary-foreground": "220 14% 71%",
|
|
993
|
+
accent: "286 60% 67%",
|
|
994
|
+
"accent-deep": "286 60% 52%",
|
|
995
|
+
"accent-foreground": "220 13% 18%",
|
|
996
|
+
muted: "220 13% 23%",
|
|
997
|
+
"muted-foreground": "220 8% 55%",
|
|
998
|
+
border: "220 13% 28%",
|
|
999
|
+
input: "220 13% 28%",
|
|
1000
|
+
ring: "207 82% 66%",
|
|
1001
|
+
success: "95 38% 62%",
|
|
1002
|
+
"success-foreground": "220 13% 18%",
|
|
1003
|
+
warning: "29 54% 61%",
|
|
1004
|
+
"warning-foreground": "220 13% 18%",
|
|
1005
|
+
destructive: "355 65% 65%",
|
|
1006
|
+
"destructive-foreground": "0 0% 100%",
|
|
1007
|
+
info: "187 47% 55%",
|
|
1008
|
+
"info-foreground": "220 13% 18%"
|
|
1009
|
+
}
|
|
1010
|
+
};
|
|
1011
|
+
|
|
1012
|
+
// src/themes/anthropic-style.ts
|
|
1013
|
+
var anthropicStyle = {
|
|
1014
|
+
name: "anthropic-style",
|
|
1015
|
+
label: "Anthropic-style",
|
|
1016
|
+
description: "Inspired by, not affiliated with Anthropic. Warm cream + burnt sienna editorial feel.",
|
|
1017
|
+
fonts: {
|
|
1018
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
1019
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
1020
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
1021
|
+
},
|
|
1022
|
+
fontUrls: [
|
|
1023
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
1024
|
+
],
|
|
1025
|
+
light: {
|
|
1026
|
+
background: "60 27% 97%",
|
|
1027
|
+
foreground: "0 0% 10%",
|
|
1028
|
+
card: "0 0% 100%",
|
|
1029
|
+
"card-foreground": "0 0% 10%",
|
|
1030
|
+
popover: "0 0% 100%",
|
|
1031
|
+
"popover-foreground": "0 0% 10%",
|
|
1032
|
+
primary: "15 54% 45%",
|
|
1033
|
+
"primary-deep": "15 54% 35%",
|
|
1034
|
+
"primary-glow": "15 54% 65%",
|
|
1035
|
+
"primary-foreground": "0 0% 100%",
|
|
1036
|
+
secondary: "45 22% 92%",
|
|
1037
|
+
"secondary-foreground": "0 0% 10%",
|
|
1038
|
+
accent: "26 39% 39%",
|
|
1039
|
+
"accent-deep": "26 39% 29%",
|
|
1040
|
+
"accent-foreground": "0 0% 100%",
|
|
1041
|
+
muted: "45 22% 92%",
|
|
1042
|
+
"muted-foreground": "0 0% 39%",
|
|
1043
|
+
border: "45 22% 87%",
|
|
1044
|
+
input: "45 22% 87%",
|
|
1045
|
+
ring: "15 54% 45%",
|
|
1046
|
+
success: "127 35% 35%",
|
|
1047
|
+
"success-foreground": "0 0% 100%",
|
|
1048
|
+
warning: "35 65% 35%",
|
|
1049
|
+
"warning-foreground": "0 0% 100%",
|
|
1050
|
+
destructive: "5 60% 40%",
|
|
1051
|
+
"destructive-foreground": "0 0% 100%",
|
|
1052
|
+
info: "200 50% 35%",
|
|
1053
|
+
"info-foreground": "0 0% 100%"
|
|
1054
|
+
},
|
|
1055
|
+
dark: {
|
|
1056
|
+
background: "0 0% 10%",
|
|
1057
|
+
foreground: "36 28% 93%",
|
|
1058
|
+
card: "0 0% 15%",
|
|
1059
|
+
"card-foreground": "36 28% 93%",
|
|
1060
|
+
popover: "0 0% 15%",
|
|
1061
|
+
"popover-foreground": "36 28% 93%",
|
|
1062
|
+
primary: "16 62% 60%",
|
|
1063
|
+
"primary-deep": "16 62% 48%",
|
|
1064
|
+
"primary-glow": "16 62% 72%",
|
|
1065
|
+
"primary-foreground": "0 0% 100%",
|
|
1066
|
+
secondary: "0 0% 18%",
|
|
1067
|
+
"secondary-foreground": "36 28% 93%",
|
|
1068
|
+
accent: "21 33% 55%",
|
|
1069
|
+
"accent-deep": "21 33% 42%",
|
|
1070
|
+
"accent-foreground": "0 0% 100%",
|
|
1071
|
+
muted: "0 0% 18%",
|
|
1072
|
+
"muted-foreground": "30 6% 64%",
|
|
1073
|
+
border: "0 0% 25%",
|
|
1074
|
+
input: "0 0% 25%",
|
|
1075
|
+
ring: "16 62% 60%",
|
|
1076
|
+
success: "142 71% 58%",
|
|
1077
|
+
"success-foreground": "0 0% 10%",
|
|
1078
|
+
warning: "45 96% 65%",
|
|
1079
|
+
"warning-foreground": "0 0% 10%",
|
|
1080
|
+
destructive: "0 84% 60%",
|
|
1081
|
+
"destructive-foreground": "0 0% 100%",
|
|
1082
|
+
info: "200 70% 60%",
|
|
1083
|
+
"info-foreground": "0 0% 10%"
|
|
1084
|
+
}
|
|
1085
|
+
};
|
|
1086
|
+
|
|
1087
|
+
// src/themes/openai-style.ts
|
|
1088
|
+
var openaiStyle = {
|
|
1089
|
+
name: "openai-style",
|
|
1090
|
+
label: "OpenAI-style",
|
|
1091
|
+
description: "Inspired by, not affiliated with OpenAI. Minimal canvas + ChatGPT green.",
|
|
1092
|
+
fonts: {
|
|
1093
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
1094
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
1095
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
1096
|
+
},
|
|
1097
|
+
fontUrls: [
|
|
1098
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
1099
|
+
],
|
|
1100
|
+
light: {
|
|
1101
|
+
background: "0 0% 100%",
|
|
1102
|
+
foreground: "0 0% 13%",
|
|
1103
|
+
card: "240 5% 97%",
|
|
1104
|
+
"card-foreground": "0 0% 13%",
|
|
1105
|
+
popover: "0 0% 100%",
|
|
1106
|
+
"popover-foreground": "0 0% 13%",
|
|
1107
|
+
primary: "165 82% 35%",
|
|
1108
|
+
"primary-deep": "165 82% 28%",
|
|
1109
|
+
"primary-glow": "165 82% 50%",
|
|
1110
|
+
"primary-foreground": "0 0% 100%",
|
|
1111
|
+
secondary: "240 5% 96%",
|
|
1112
|
+
"secondary-foreground": "0 0% 13%",
|
|
1113
|
+
accent: "165 82% 35%",
|
|
1114
|
+
"accent-deep": "165 82% 28%",
|
|
1115
|
+
"accent-foreground": "0 0% 100%",
|
|
1116
|
+
muted: "240 5% 96%",
|
|
1117
|
+
"muted-foreground": "240 7% 47%",
|
|
1118
|
+
border: "0 0% 90%",
|
|
1119
|
+
input: "0 0% 90%",
|
|
1120
|
+
ring: "165 82% 35%",
|
|
1121
|
+
success: "165 82% 35%",
|
|
1122
|
+
"success-foreground": "0 0% 100%",
|
|
1123
|
+
warning: "30 91% 44%",
|
|
1124
|
+
"warning-foreground": "0 0% 100%",
|
|
1125
|
+
destructive: "0 73% 50%",
|
|
1126
|
+
"destructive-foreground": "0 0% 100%",
|
|
1127
|
+
info: "212 100% 47%",
|
|
1128
|
+
"info-foreground": "0 0% 100%"
|
|
1129
|
+
},
|
|
1130
|
+
dark: {
|
|
1131
|
+
background: "0 0% 13%",
|
|
1132
|
+
foreground: "0 0% 93%",
|
|
1133
|
+
card: "0 0% 18%",
|
|
1134
|
+
"card-foreground": "0 0% 93%",
|
|
1135
|
+
popover: "0 0% 18%",
|
|
1136
|
+
"popover-foreground": "0 0% 93%",
|
|
1137
|
+
primary: "155 78% 30%",
|
|
1138
|
+
"primary-deep": "155 78% 22%",
|
|
1139
|
+
"primary-glow": "155 78% 50%",
|
|
1140
|
+
"primary-foreground": "0 0% 100%",
|
|
1141
|
+
secondary: "0 0% 20%",
|
|
1142
|
+
"secondary-foreground": "0 0% 93%",
|
|
1143
|
+
accent: "155 78% 50%",
|
|
1144
|
+
"accent-deep": "155 78% 40%",
|
|
1145
|
+
"accent-foreground": "0 0% 13%",
|
|
1146
|
+
muted: "0 0% 20%",
|
|
1147
|
+
"muted-foreground": "0 0% 61%",
|
|
1148
|
+
border: "0 0% 26%",
|
|
1149
|
+
input: "0 0% 26%",
|
|
1150
|
+
ring: "155 78% 43%",
|
|
1151
|
+
success: "155 78% 43%",
|
|
1152
|
+
"success-foreground": "0 0% 100%",
|
|
1153
|
+
warning: "38 92% 50%",
|
|
1154
|
+
"warning-foreground": "0 0% 13%",
|
|
1155
|
+
destructive: "0 84% 60%",
|
|
1156
|
+
"destructive-foreground": "0 0% 100%",
|
|
1157
|
+
info: "212 100% 55%",
|
|
1158
|
+
"info-foreground": "0 0% 100%"
|
|
1159
|
+
}
|
|
1160
|
+
};
|
|
1161
|
+
|
|
1162
|
+
// src/themes/linear-glass.ts
|
|
1163
|
+
var linearGlass = {
|
|
1164
|
+
name: "linear-glass",
|
|
1165
|
+
label: "Linear Glass",
|
|
1166
|
+
description: "Inspired by, not affiliated with Linear. Refined indigo on glassy surfaces.",
|
|
1167
|
+
fonts: {
|
|
1168
|
+
display: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
1169
|
+
body: '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
|
|
1170
|
+
mono: '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
|
|
1171
|
+
},
|
|
1172
|
+
fontUrls: [
|
|
1173
|
+
"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
|
|
1174
|
+
],
|
|
1175
|
+
light: {
|
|
1176
|
+
background: "0 0% 100%",
|
|
1177
|
+
foreground: "240 5% 12%",
|
|
1178
|
+
card: "220 25% 98%",
|
|
1179
|
+
"card-foreground": "240 5% 12%",
|
|
1180
|
+
popover: "0 0% 100%",
|
|
1181
|
+
"popover-foreground": "240 5% 12%",
|
|
1182
|
+
primary: "233 56% 55%",
|
|
1183
|
+
"primary-deep": "233 56% 45%",
|
|
1184
|
+
"primary-glow": "233 56% 70%",
|
|
1185
|
+
"primary-foreground": "0 0% 100%",
|
|
1186
|
+
secondary: "240 9% 96%",
|
|
1187
|
+
"secondary-foreground": "240 5% 12%",
|
|
1188
|
+
accent: "245 60% 60%",
|
|
1189
|
+
"accent-deep": "245 60% 50%",
|
|
1190
|
+
"accent-foreground": "0 0% 100%",
|
|
1191
|
+
muted: "240 9% 96%",
|
|
1192
|
+
"muted-foreground": "240 4% 44%",
|
|
1193
|
+
border: "240 9% 93%",
|
|
1194
|
+
input: "240 9% 93%",
|
|
1195
|
+
ring: "233 56% 55%",
|
|
1196
|
+
success: "155 62% 35%",
|
|
1197
|
+
"success-foreground": "0 0% 100%",
|
|
1198
|
+
warning: "35 76% 45%",
|
|
1199
|
+
"warning-foreground": "0 0% 100%",
|
|
1200
|
+
destructive: "358 75% 50%",
|
|
1201
|
+
"destructive-foreground": "0 0% 100%",
|
|
1202
|
+
info: "233 56% 55%",
|
|
1203
|
+
"info-foreground": "0 0% 100%"
|
|
1204
|
+
},
|
|
1205
|
+
dark: {
|
|
1206
|
+
background: "240 9% 6%",
|
|
1207
|
+
foreground: "0 0% 90%",
|
|
1208
|
+
card: "240 8% 11%",
|
|
1209
|
+
"card-foreground": "0 0% 90%",
|
|
1210
|
+
popover: "240 8% 11%",
|
|
1211
|
+
"popover-foreground": "0 0% 90%",
|
|
1212
|
+
primary: "245 60% 67%",
|
|
1213
|
+
"primary-deep": "245 60% 55%",
|
|
1214
|
+
"primary-glow": "245 60% 78%",
|
|
1215
|
+
"primary-foreground": "0 0% 100%",
|
|
1216
|
+
secondary: "240 8% 14%",
|
|
1217
|
+
"secondary-foreground": "0 0% 90%",
|
|
1218
|
+
accent: "253 100% 78%",
|
|
1219
|
+
"accent-deep": "253 100% 65%",
|
|
1220
|
+
"accent-foreground": "240 9% 6%",
|
|
1221
|
+
muted: "240 8% 14%",
|
|
1222
|
+
"muted-foreground": "240 5% 67%",
|
|
1223
|
+
border: "240 6% 17%",
|
|
1224
|
+
input: "240 6% 17%",
|
|
1225
|
+
ring: "245 60% 67%",
|
|
1226
|
+
success: "147 49% 53%",
|
|
1227
|
+
"success-foreground": "240 9% 6%",
|
|
1228
|
+
warning: "32 100% 66%",
|
|
1229
|
+
"warning-foreground": "240 9% 6%",
|
|
1230
|
+
destructive: "357 100% 70%",
|
|
1231
|
+
"destructive-foreground": "240 9% 6%",
|
|
1232
|
+
info: "245 60% 67%",
|
|
1233
|
+
"info-foreground": "0 0% 100%"
|
|
1234
|
+
}
|
|
1235
|
+
};
|
|
1236
|
+
|
|
712
1237
|
// src/themes/index.ts
|
|
713
|
-
var builtinThemes = [
|
|
1238
|
+
var builtinThemes = [
|
|
1239
|
+
violetForge,
|
|
1240
|
+
classicPaper,
|
|
1241
|
+
auroraTerminal,
|
|
1242
|
+
vercelMono,
|
|
1243
|
+
githubDark,
|
|
1244
|
+
dracula,
|
|
1245
|
+
oneDark,
|
|
1246
|
+
anthropicStyle,
|
|
1247
|
+
openaiStyle,
|
|
1248
|
+
linearGlass
|
|
1249
|
+
];
|
|
714
1250
|
var toastVariants = cva(
|
|
715
1251
|
[
|
|
716
1252
|
"group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-lg border pr-10 shadow-md",
|
|
@@ -8046,6 +8582,6 @@ function CommandPalette({
|
|
|
8046
8582
|
] }) });
|
|
8047
8583
|
}
|
|
8048
8584
|
|
|
8049
|
-
export { ALL_MODES, AgentComposer, AgentEditor, AgentErrorCard, AgentEvent, AgentHandoff, AgentProfile, AgentStartingState, AgentStream, AgentStreaming, AgentTimeline, ApprovalCard, ArtifactPreview, AttachmentChip, AuditLogEntry, AutoCompactNotice, Avatar, BadgeWithDot as Badge, BrowserControls, BuildLogStream, Button, CapabilityIndicator, Card, ChatComposer, ChatMessage, ChatThread, Checkbox, CommandPalette, ContextCard, ContextWindowBar, CostMeter, CreatedFilesCard, CronJobCard, CronJobsList, DeploymentRow, Dialog, DiffViewer, DomainConfig, EmptyState, EnvVarEditor, FolderContextCard, FolderSelector, FormField, HOOK_EVENTS, HookConfig, HookEventLog, Input, IntentSelector, Label, LaneBoard, LoginSplit, MCPServerCard, MCPServerList, MODE_LABEL, MemoryEditor, MentionMenu, MetricsPanel, ModelCard, ModelSelector, PermissionMatrix, PermissionModal, PreviewEnvCard, PreviewPanel, ProgressChecklist, ProjectCard, ProjectSwitcher, QuickActionChips, RadioGroup, RecentFoldersList, RollbackUI, RuleCard, RuleEditor, RunStats, RunningTasksPanel, ScrollArea, Select, SessionListItem, SessionTimeline, Sheet, Sidebar, Skeleton, SkillCard, SkillEditor, SkillsList, SocialAuthRow, StepsRail, SubAgentDispatch, Switch, SystemPromptEditor, Tabs, TaskHeader, TaskNode, TaskPlan, TerminalPanel, Textarea, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, Toast, Toaster, TokenUsageChart, ToolCall, ToolCallCard, ToolResult, ToolsList, TooltipWithStatics as Tooltip, TopNav, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, defineTheme, hex, modelCapabilityPresets, rgb, sheetVariants, useDensity, useTheme, useToast, violetForge };
|
|
8585
|
+
export { ALL_MODES, AgentComposer, AgentEditor, AgentErrorCard, AgentEvent, AgentHandoff, AgentProfile, AgentStartingState, AgentStream, AgentStreaming, AgentTimeline, ApprovalCard, ArtifactPreview, AttachmentChip, AuditLogEntry, AutoCompactNotice, Avatar, BadgeWithDot as Badge, BrowserControls, BuildLogStream, Button, CapabilityIndicator, Card, ChatComposer, ChatMessage, ChatThread, Checkbox, CommandPalette, ContextCard, ContextWindowBar, CostMeter, CreatedFilesCard, CronJobCard, CronJobsList, DeploymentRow, Dialog, DiffViewer, DomainConfig, EmptyState, EnvVarEditor, FolderContextCard, FolderSelector, FormField, HOOK_EVENTS, HookConfig, HookEventLog, Input, IntentSelector, Label, LaneBoard, LoginSplit, MCPServerCard, MCPServerList, MODE_LABEL, MemoryEditor, MentionMenu, MetricsPanel, ModelCard, ModelSelector, PermissionMatrix, PermissionModal, PreviewEnvCard, PreviewPanel, ProgressChecklist, ProjectCard, ProjectSwitcher, QuickActionChips, RadioGroup, RecentFoldersList, RollbackUI, RuleCard, RuleEditor, RunStats, RunningTasksPanel, ScrollArea, Select, SessionListItem, SessionTimeline, Sheet, Sidebar, Skeleton, SkillCard, SkillEditor, SkillsList, SocialAuthRow, StepsRail, SubAgentDispatch, Switch, SystemPromptEditor, Tabs, TaskHeader, TaskNode, TaskPlan, TerminalPanel, Textarea, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, Toast, Toaster, TokenUsageChart, ToolCall, ToolCallCard, ToolResult, ToolsList, TooltipWithStatics as Tooltip, TopNav, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, defineTheme, dracula, githubDark, hex, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };
|
|
8050
8586
|
//# sourceMappingURL=index.js.map
|
|
8051
8587
|
//# sourceMappingURL=index.js.map
|