@tuwaio/docs-ui 0.0.37 → 0.0.39
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/README.md +83 -7
- package/dist/components/Footer.cjs +1 -1
- package/dist/components/Footer.d.cts +10 -5
- package/dist/components/Footer.d.ts +10 -5
- package/dist/components/Footer.js +1 -1
- package/dist/components/Logo.d.cts +17 -5
- package/dist/components/Logo.d.ts +17 -5
- package/dist/components/NavBar.d.cts +21 -2
- package/dist/components/NavBar.d.ts +21 -2
- package/dist/components/NoSSR.d.cts +6 -6
- package/dist/components/NoSSR.d.ts +6 -6
- package/dist/components/Orb.cjs +2 -2
- package/dist/components/Orb.d.cts +19 -8
- package/dist/components/Orb.d.ts +19 -8
- package/dist/components/Orb.js +2 -2
- package/dist/components/StarryBackground.d.cts +11 -2
- package/dist/components/StarryBackground.d.ts +11 -2
- package/dist/components/ThemeSwitcher.d.cts +15 -2
- package/dist/components/ThemeSwitcher.d.ts +15 -2
- package/dist/index.cjs +1 -17
- package/dist/index.css +0 -162
- package/dist/index.d.cts +0 -8
- package/dist/index.d.ts +0 -8
- package/dist/index.js +0 -8
- package/dist/utils.d.cts +11 -13
- package/dist/utils.d.ts +11 -13
- package/package.json +6 -9
- package/dist/components/CodeBlock.cjs +0 -61
- package/dist/components/CodeBlock.d.cts +0 -20
- package/dist/components/CodeBlock.d.ts +0 -20
- package/dist/components/CodeBlock.js +0 -37
- package/dist/components/CodeHighlighter.cjs +0 -52
- package/dist/components/CodeHighlighter.d.cts +0 -10
- package/dist/components/CodeHighlighter.d.ts +0 -10
- package/dist/components/CodeHighlighter.js +0 -18
- package/dist/components/CopyIconButton.cjs +0 -44
- package/dist/components/CopyIconButton.d.cts +0 -9
- package/dist/components/CopyIconButton.d.ts +0 -9
- package/dist/components/CopyIconButton.js +0 -20
- package/dist/components/Features.cjs +0 -42
- package/dist/components/Features.d.cts +0 -11
- package/dist/components/Features.d.ts +0 -11
- package/dist/components/Features.js +0 -18
- package/dist/components/PackageInstallationTabs.cjs +0 -64
- package/dist/components/PackageInstallationTabs.d.cts +0 -8
- package/dist/components/PackageInstallationTabs.d.ts +0 -8
- package/dist/components/PackageInstallationTabs.js +0 -40
- package/dist/components/StyledLink.cjs +0 -44
- package/dist/components/StyledLink.d.cts +0 -9
- package/dist/components/StyledLink.d.ts +0 -9
- package/dist/components/StyledLink.js +0 -20
- package/dist/components/VideoPlayer.cjs +0 -103
- package/dist/components/VideoPlayer.d.cts +0 -34
- package/dist/components/VideoPlayer.d.ts +0 -34
- package/dist/components/VideoPlayer.js +0 -79
package/dist/index.css
CHANGED
|
@@ -571,7 +571,6 @@ html {
|
|
|
571
571
|
--tuwadocs-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
572
572
|
--tuwadocs-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
573
573
|
--tuwadocs-blur-sm: 8px;
|
|
574
|
-
--tuwadocs-aspect-video: 16 / 9;
|
|
575
574
|
--tuwadocs-default-transition-duration: 150ms;
|
|
576
575
|
--tuwadocs-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
577
576
|
}
|
|
@@ -607,48 +606,18 @@ html {
|
|
|
607
606
|
.tuwadocs\:z-20 {
|
|
608
607
|
z-index: 20;
|
|
609
608
|
}
|
|
610
|
-
.tuwadocs\:my-4 {
|
|
611
|
-
margin-block: calc(var(--tuwadocs-spacing) * 4);
|
|
612
|
-
}
|
|
613
609
|
.tuwadocs\:mt-4 {
|
|
614
610
|
margin-top: calc(var(--tuwadocs-spacing) * 4);
|
|
615
611
|
}
|
|
616
|
-
.tuwadocs\:mt-12 {
|
|
617
|
-
margin-top: calc(var(--tuwadocs-spacing) * 12);
|
|
618
|
-
}
|
|
619
|
-
.tuwadocs\:mb-2 {
|
|
620
|
-
margin-bottom: calc(var(--tuwadocs-spacing) * 2);
|
|
621
|
-
}
|
|
622
|
-
.tuwadocs\:mb-3 {
|
|
623
|
-
margin-bottom: calc(var(--tuwadocs-spacing) * 3);
|
|
624
|
-
}
|
|
625
612
|
.tuwadocs\:mb-6 {
|
|
626
613
|
margin-bottom: calc(var(--tuwadocs-spacing) * 6);
|
|
627
614
|
}
|
|
628
615
|
.tuwadocs\:flex {
|
|
629
616
|
display: flex;
|
|
630
617
|
}
|
|
631
|
-
.tuwadocs\:grid {
|
|
632
|
-
display: grid;
|
|
633
|
-
}
|
|
634
618
|
.tuwadocs\:hidden {
|
|
635
619
|
display: none;
|
|
636
620
|
}
|
|
637
|
-
.tuwadocs\:aspect-\[3\/2\] {
|
|
638
|
-
aspect-ratio: 3/2;
|
|
639
|
-
}
|
|
640
|
-
.tuwadocs\:aspect-\[4\/3\] {
|
|
641
|
-
aspect-ratio: 4/3;
|
|
642
|
-
}
|
|
643
|
-
.tuwadocs\:aspect-\[21\/9\] {
|
|
644
|
-
aspect-ratio: 21/9;
|
|
645
|
-
}
|
|
646
|
-
.tuwadocs\:aspect-square {
|
|
647
|
-
aspect-ratio: 1 / 1;
|
|
648
|
-
}
|
|
649
|
-
.tuwadocs\:aspect-video {
|
|
650
|
-
aspect-ratio: var(--tuwadocs-aspect-video);
|
|
651
|
-
}
|
|
652
621
|
.tuwadocs\:h-4 {
|
|
653
622
|
height: calc(var(--tuwadocs-spacing) * 4);
|
|
654
623
|
}
|
|
@@ -664,9 +633,6 @@ html {
|
|
|
664
633
|
.tuwadocs\:h-10 {
|
|
665
634
|
height: calc(var(--tuwadocs-spacing) * 10);
|
|
666
635
|
}
|
|
667
|
-
.tuwadocs\:h-\[20px\] {
|
|
668
|
-
height: 20px;
|
|
669
|
-
}
|
|
670
636
|
.tuwadocs\:h-full {
|
|
671
637
|
height: 100%;
|
|
672
638
|
}
|
|
@@ -685,9 +651,6 @@ html {
|
|
|
685
651
|
.tuwadocs\:w-20 {
|
|
686
652
|
width: calc(var(--tuwadocs-spacing) * 20);
|
|
687
653
|
}
|
|
688
|
-
.tuwadocs\:w-\[20px\] {
|
|
689
|
-
width: 20px;
|
|
690
|
-
}
|
|
691
654
|
.tuwadocs\:w-full {
|
|
692
655
|
width: 100%;
|
|
693
656
|
}
|
|
@@ -697,9 +660,6 @@ html {
|
|
|
697
660
|
.tuwadocs\:cursor-pointer {
|
|
698
661
|
cursor: pointer;
|
|
699
662
|
}
|
|
700
|
-
.tuwadocs\:grid-cols-1 {
|
|
701
|
-
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
702
|
-
}
|
|
703
663
|
.tuwadocs\:flex-col {
|
|
704
664
|
flex-direction: column;
|
|
705
665
|
}
|
|
@@ -721,18 +681,12 @@ html {
|
|
|
721
681
|
.tuwadocs\:gap-1 {
|
|
722
682
|
gap: var(--tuwadocs-spacing);
|
|
723
683
|
}
|
|
724
|
-
.tuwadocs\:gap-2 {
|
|
725
|
-
gap: calc(var(--tuwadocs-spacing) * 2);
|
|
726
|
-
}
|
|
727
684
|
.tuwadocs\:gap-3 {
|
|
728
685
|
gap: calc(var(--tuwadocs-spacing) * 3);
|
|
729
686
|
}
|
|
730
687
|
.tuwadocs\:gap-4 {
|
|
731
688
|
gap: calc(var(--tuwadocs-spacing) * 4);
|
|
732
689
|
}
|
|
733
|
-
.tuwadocs\:gap-6 {
|
|
734
|
-
gap: calc(var(--tuwadocs-spacing) * 6);
|
|
735
|
-
}
|
|
736
690
|
.tuwadocs\:overflow-hidden {
|
|
737
691
|
overflow: hidden;
|
|
738
692
|
}
|
|
@@ -746,17 +700,6 @@ html {
|
|
|
746
700
|
border-style: var(--tw-border-style);
|
|
747
701
|
border-width: 1px;
|
|
748
702
|
}
|
|
749
|
-
.tuwadocs\:border-t {
|
|
750
|
-
border-top-style: var(--tw-border-style);
|
|
751
|
-
border-top-width: 1px;
|
|
752
|
-
}
|
|
753
|
-
.tuwadocs\:border-b {
|
|
754
|
-
border-bottom-style: var(--tw-border-style);
|
|
755
|
-
border-bottom-width: 1px;
|
|
756
|
-
}
|
|
757
|
-
.tuwadocs\:border-\[var\(--tuwa-border-secondary\)\] {
|
|
758
|
-
border-color: var(--tuwa-border-secondary);
|
|
759
|
-
}
|
|
760
703
|
.tuwadocs\:border-black\/5 {
|
|
761
704
|
border-color: var(--tuwadocs-color-black);
|
|
762
705
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -766,12 +709,6 @@ html {
|
|
|
766
709
|
.tuwadocs\:bg-\[var\(--tuwa-bg-primary\)\] {
|
|
767
710
|
background-color: var(--tuwa-bg-primary);
|
|
768
711
|
}
|
|
769
|
-
.tuwadocs\:bg-\[var\(--tuwa-bg-secondary\)\] {
|
|
770
|
-
background-color: var(--tuwa-bg-secondary);
|
|
771
|
-
}
|
|
772
|
-
.tuwadocs\:bg-black {
|
|
773
|
-
background-color: var(--tuwadocs-color-black);
|
|
774
|
-
}
|
|
775
712
|
.tuwadocs\:bg-black\/5 {
|
|
776
713
|
background-color: var(--tuwadocs-color-black);
|
|
777
714
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -786,42 +723,21 @@ html {
|
|
|
786
723
|
--tw-gradient-from: var(--tuwadocs-color-slate-200);
|
|
787
724
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
788
725
|
}
|
|
789
|
-
.tuwadocs\:object-contain {
|
|
790
|
-
-o-object-fit: contain;
|
|
791
|
-
object-fit: contain;
|
|
792
|
-
}
|
|
793
726
|
.tuwadocs\:p-1 {
|
|
794
727
|
padding: var(--tuwadocs-spacing);
|
|
795
728
|
}
|
|
796
|
-
.tuwadocs\:p-6 {
|
|
797
|
-
padding: calc(var(--tuwadocs-spacing) * 6);
|
|
798
|
-
}
|
|
799
729
|
.tuwadocs\:px-3 {
|
|
800
730
|
padding-inline: calc(var(--tuwadocs-spacing) * 3);
|
|
801
731
|
}
|
|
802
|
-
.tuwadocs\:px-4 {
|
|
803
|
-
padding-inline: calc(var(--tuwadocs-spacing) * 4);
|
|
804
|
-
}
|
|
805
732
|
.tuwadocs\:py-1\.5 {
|
|
806
733
|
padding-block: calc(var(--tuwadocs-spacing) * 1.5);
|
|
807
734
|
}
|
|
808
|
-
.tuwadocs\:py-2 {
|
|
809
|
-
padding-block: calc(var(--tuwadocs-spacing) * 2);
|
|
810
|
-
}
|
|
811
735
|
.tuwadocs\:pt-4 {
|
|
812
736
|
padding-top: calc(var(--tuwadocs-spacing) * 4);
|
|
813
737
|
}
|
|
814
738
|
.tuwadocs\:pt-8 {
|
|
815
739
|
padding-top: calc(var(--tuwadocs-spacing) * 8);
|
|
816
740
|
}
|
|
817
|
-
.tuwadocs\:text-2xl {
|
|
818
|
-
font-size: var(--tuwadocs-text-2xl);
|
|
819
|
-
line-height: var(--tw-leading, var(--tuwadocs-text-2xl--line-height));
|
|
820
|
-
}
|
|
821
|
-
.tuwadocs\:text-lg {
|
|
822
|
-
font-size: var(--tuwadocs-text-lg);
|
|
823
|
-
line-height: var(--tw-leading, var(--tuwadocs-text-lg--line-height));
|
|
824
|
-
}
|
|
825
741
|
.tuwadocs\:text-sm {
|
|
826
742
|
font-size: var(--tuwadocs-text-sm);
|
|
827
743
|
line-height: var(--tw-leading, var(--tuwadocs-text-sm--line-height));
|
|
@@ -830,22 +746,9 @@ html {
|
|
|
830
746
|
--tw-font-weight: var(--tuwadocs-font-weight-medium);
|
|
831
747
|
font-weight: var(--tuwadocs-font-weight-medium);
|
|
832
748
|
}
|
|
833
|
-
.tuwadocs\:font-semibold {
|
|
834
|
-
--tw-font-weight: var(--tuwadocs-font-weight-semibold);
|
|
835
|
-
font-weight: var(--tuwadocs-font-weight-semibold);
|
|
836
|
-
}
|
|
837
|
-
.tuwadocs\:text-\[var\(--tuwa-success-icon\)\] {
|
|
838
|
-
color: var(--tuwa-success-icon);
|
|
839
|
-
}
|
|
840
|
-
.tuwadocs\:text-\[var\(--tuwa-text-accent\)\] {
|
|
841
|
-
color: var(--tuwa-text-accent);
|
|
842
|
-
}
|
|
843
749
|
.tuwadocs\:text-\[var\(--tuwa-text-primary\)\] {
|
|
844
750
|
color: var(--tuwa-text-primary);
|
|
845
751
|
}
|
|
846
|
-
.tuwadocs\:text-\[var\(--tuwa-text-secondary\)\] {
|
|
847
|
-
color: var(--tuwa-text-secondary);
|
|
848
|
-
}
|
|
849
752
|
.tuwadocs\:text-indigo-400 {
|
|
850
753
|
color: var(--tuwadocs-color-indigo-400);
|
|
851
754
|
}
|
|
@@ -855,12 +758,6 @@ html {
|
|
|
855
758
|
.tuwadocs\:text-yellow-500 {
|
|
856
759
|
color: var(--tuwadocs-color-yellow-500);
|
|
857
760
|
}
|
|
858
|
-
.tuwadocs\:underline {
|
|
859
|
-
text-decoration-line: underline;
|
|
860
|
-
}
|
|
861
|
-
.tuwadocs\:underline-offset-4 {
|
|
862
|
-
text-underline-offset: 4px;
|
|
863
|
-
}
|
|
864
761
|
.tuwadocs\:opacity-0 {
|
|
865
762
|
opacity: 0%;
|
|
866
763
|
}
|
|
@@ -872,11 +769,6 @@ html {
|
|
|
872
769
|
--tw-backdrop-blur: blur(var(--tuwadocs-blur-sm));
|
|
873
770
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
874
771
|
}
|
|
875
|
-
.tuwadocs\:transition {
|
|
876
|
-
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
|
|
877
|
-
transition-timing-function: var(--tw-ease, var(--tuwadocs-default-transition-timing-function));
|
|
878
|
-
transition-duration: var(--tw-duration, var(--tuwadocs-default-transition-duration));
|
|
879
|
-
}
|
|
880
772
|
.tuwadocs\:transition-all {
|
|
881
773
|
transition-property: all;
|
|
882
774
|
transition-timing-function: var(--tw-ease, var(--tuwadocs-default-transition-timing-function));
|
|
@@ -887,20 +779,6 @@ html {
|
|
|
887
779
|
transition-timing-function: var(--tw-ease, var(--tuwadocs-default-transition-timing-function));
|
|
888
780
|
transition-duration: var(--tw-duration, var(--tuwadocs-default-transition-duration));
|
|
889
781
|
}
|
|
890
|
-
.tuwadocs\:transition-opacity {
|
|
891
|
-
transition-property: opacity;
|
|
892
|
-
transition-timing-function: var(--tw-ease, var(--tuwadocs-default-transition-timing-function));
|
|
893
|
-
transition-duration: var(--tw-duration, var(--tuwadocs-default-transition-duration));
|
|
894
|
-
}
|
|
895
|
-
.tuwadocs\:transition-shadow {
|
|
896
|
-
transition-property: box-shadow;
|
|
897
|
-
transition-timing-function: var(--tw-ease, var(--tuwadocs-default-transition-timing-function));
|
|
898
|
-
transition-duration: var(--tw-duration, var(--tuwadocs-default-transition-duration));
|
|
899
|
-
}
|
|
900
|
-
.tuwadocs\:duration-200 {
|
|
901
|
-
--tw-duration: 200ms;
|
|
902
|
-
transition-duration: 200ms;
|
|
903
|
-
}
|
|
904
782
|
.tuwadocs\:duration-300 {
|
|
905
783
|
--tw-duration: 300ms;
|
|
906
784
|
transition-duration: 300ms;
|
|
@@ -916,9 +794,6 @@ html {
|
|
|
916
794
|
.tuwadocs\:group-hover\:text-yellow-400:is(:where(.tuwadocs\:group):hover *) {
|
|
917
795
|
color: var(--tuwadocs-color-yellow-400);
|
|
918
796
|
}
|
|
919
|
-
.tuwadocs\:group-hover\:opacity-100:is(:where(.tuwadocs\:group):hover *) {
|
|
920
|
-
opacity: 100%;
|
|
921
|
-
}
|
|
922
797
|
.tuwadocs\:hover\:bg-black\/10:hover {
|
|
923
798
|
background-color: var(--tuwadocs-color-black);
|
|
924
799
|
}
|
|
@@ -927,40 +802,9 @@ html {
|
|
|
927
802
|
background-color: color-mix(in oklab, var(--tuwadocs-color-black) 10%, transparent);
|
|
928
803
|
}
|
|
929
804
|
}
|
|
930
|
-
.tuwadocs\:hover\:text-\[var\(--tuwa-text-primary\)\]:hover {
|
|
931
|
-
color: var(--tuwa-text-primary);
|
|
932
|
-
}
|
|
933
805
|
.tuwadocs\:hover\:text-red-600:hover {
|
|
934
806
|
color: var(--tuwadocs-color-red-600);
|
|
935
807
|
}
|
|
936
|
-
.tuwadocs\:hover\:underline:hover {
|
|
937
|
-
text-decoration-line: underline;
|
|
938
|
-
}
|
|
939
|
-
.tuwadocs\:hover\:opacity-80:hover {
|
|
940
|
-
opacity: 80%;
|
|
941
|
-
}
|
|
942
|
-
.tuwadocs\:hover\:shadow-lg:hover {
|
|
943
|
-
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
944
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
945
|
-
}
|
|
946
|
-
}
|
|
947
|
-
.tuwadocs\:focus\:ring-\[length\:var\(--tuwa-ring-width\)\]:focus {
|
|
948
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tuwa-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
949
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
950
|
-
}
|
|
951
|
-
.tuwadocs\:focus\:ring-\[var\(--tuwa-text-accent\)\]:focus {
|
|
952
|
-
--tw-ring-color: var(--tuwa-text-accent);
|
|
953
|
-
}
|
|
954
|
-
.tuwadocs\:focus\:ring-offset-\[length\:var\(--tuwa-ring-width\)\]:focus {
|
|
955
|
-
--tw-ring-offset-width: var(--tuwa-ring-width);
|
|
956
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
957
|
-
}
|
|
958
|
-
.tuwadocs\:focus\:ring-offset-\[var\(--tuwa-bg-primary\)\]:focus {
|
|
959
|
-
--tw-ring-offset-color: var(--tuwa-bg-primary);
|
|
960
|
-
}
|
|
961
|
-
.tuwadocs\:focus\:outline-none:focus {
|
|
962
|
-
--tw-outline-style: none;
|
|
963
|
-
outline-style: none;
|
|
964
808
|
}
|
|
965
809
|
@media (width >= 40rem) {
|
|
966
810
|
.tuwadocs\:sm\:flex {
|
|
@@ -1004,12 +848,6 @@ html {
|
|
|
1004
848
|
.tuwadocs\:md\:w-16 {
|
|
1005
849
|
width: calc(var(--tuwadocs-spacing) * 16);
|
|
1006
850
|
}
|
|
1007
|
-
.tuwadocs\:md\:grid-cols-3 {
|
|
1008
|
-
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1009
|
-
}
|
|
1010
|
-
.tuwadocs\:md\:opacity-0 {
|
|
1011
|
-
opacity: 0%;
|
|
1012
|
-
}
|
|
1013
851
|
}
|
|
1014
852
|
@media (width >= 96rem) {
|
|
1015
853
|
.tuwadocs\:2xl\:h-6 {
|
package/dist/index.d.cts
CHANGED
|
@@ -1,17 +1,9 @@
|
|
|
1
|
-
export { CodeBlock } from './components/CodeBlock.cjs';
|
|
2
|
-
export { CodeHighlighter, CodeHighlighterProps } from './components/CodeHighlighter.cjs';
|
|
3
|
-
export { CopyIconButton } from './components/CopyIconButton.cjs';
|
|
4
|
-
export { Features } from './components/Features.cjs';
|
|
5
1
|
export { Footer } from './components/Footer.cjs';
|
|
6
2
|
export { RemoteLogo, RemoteLogoProps } from './components/Logo.cjs';
|
|
7
3
|
export { NavProps, Navbar, SocialLink } from './components/NavBar.cjs';
|
|
8
4
|
export { default as NoSSR } from './components/NoSSR.cjs';
|
|
9
5
|
export { Orb, OrbProps, PackageType } from './components/Orb.cjs';
|
|
10
|
-
export { PackageInstallationTabs } from './components/PackageInstallationTabs.cjs';
|
|
11
6
|
export { default as StarryBackground } from './components/StarryBackground.cjs';
|
|
12
|
-
export { StyledLink } from './components/StyledLink.cjs';
|
|
13
7
|
export { ThemeSwitcher, ThemeSwitcherProps } from './components/ThemeSwitcher.cjs';
|
|
14
|
-
export { VideoPlayer, VideoPlayerProps } from './components/VideoPlayer.cjs';
|
|
15
8
|
export { baseFooterLinks, baseNavLinks } from './utils.cjs';
|
|
16
|
-
export * from '@tuwaio/nova-core';
|
|
17
9
|
import 'react';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,17 +1,9 @@
|
|
|
1
|
-
export { CodeBlock } from './components/CodeBlock.js';
|
|
2
|
-
export { CodeHighlighter, CodeHighlighterProps } from './components/CodeHighlighter.js';
|
|
3
|
-
export { CopyIconButton } from './components/CopyIconButton.js';
|
|
4
|
-
export { Features } from './components/Features.js';
|
|
5
1
|
export { Footer } from './components/Footer.js';
|
|
6
2
|
export { RemoteLogo, RemoteLogoProps } from './components/Logo.js';
|
|
7
3
|
export { NavProps, Navbar, SocialLink } from './components/NavBar.js';
|
|
8
4
|
export { default as NoSSR } from './components/NoSSR.js';
|
|
9
5
|
export { Orb, OrbProps, PackageType } from './components/Orb.js';
|
|
10
|
-
export { PackageInstallationTabs } from './components/PackageInstallationTabs.js';
|
|
11
6
|
export { default as StarryBackground } from './components/StarryBackground.js';
|
|
12
|
-
export { StyledLink } from './components/StyledLink.js';
|
|
13
7
|
export { ThemeSwitcher, ThemeSwitcherProps } from './components/ThemeSwitcher.js';
|
|
14
|
-
export { VideoPlayer, VideoPlayerProps } from './components/VideoPlayer.js';
|
|
15
8
|
export { baseFooterLinks, baseNavLinks } from './utils.js';
|
|
16
|
-
export * from '@tuwaio/nova-core';
|
|
17
9
|
import 'react';
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,11 @@
|
|
|
1
|
-
export * from "./components/CodeBlock";
|
|
2
|
-
export * from "./components/CodeHighlighter";
|
|
3
|
-
export * from "./components/CopyIconButton";
|
|
4
|
-
export * from "./components/Features";
|
|
5
1
|
export * from "./components/Footer";
|
|
6
2
|
export * from "./components/Logo";
|
|
7
3
|
export * from "./components/NavBar";
|
|
8
4
|
import { default as default2 } from "./components/NoSSR";
|
|
9
5
|
export * from "./components/Orb";
|
|
10
|
-
export * from "./components/PackageInstallationTabs";
|
|
11
6
|
import { default as default3 } from "./components/StarryBackground";
|
|
12
|
-
export * from "./components/StyledLink";
|
|
13
7
|
export * from "./components/ThemeSwitcher";
|
|
14
|
-
export * from "./components/VideoPlayer";
|
|
15
8
|
export * from "./utils";
|
|
16
|
-
export * from "@tuwaio/nova-core";
|
|
17
9
|
export {
|
|
18
10
|
default2 as NoSSR,
|
|
19
11
|
default3 as StarryBackground
|
package/dist/utils.d.cts
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { SocialLink } from './components/NavBar.cjs';
|
|
2
|
+
import 'react';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
className: string;
|
|
13
|
-
image: react.JSX.Element;
|
|
14
|
-
}[];
|
|
4
|
+
/**
|
|
5
|
+
* The default links of {@link Navbar}: the npm organization of TUWA. Sites spread it into their own `links` to keep it
|
|
6
|
+
* next to site-specific links (for example the GitHub repository).
|
|
7
|
+
*/
|
|
8
|
+
declare const baseNavLinks: SocialLink[];
|
|
9
|
+
/**
|
|
10
|
+
* The default links of {@link Footer}: the npm organization and the GitHub organization of TUWA.
|
|
11
|
+
*/
|
|
12
|
+
declare const baseFooterLinks: SocialLink[];
|
|
15
13
|
|
|
16
14
|
export { baseFooterLinks, baseNavLinks };
|
package/dist/utils.d.ts
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { SocialLink } from './components/NavBar.js';
|
|
2
|
+
import 'react';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
className: string;
|
|
13
|
-
image: react.JSX.Element;
|
|
14
|
-
}[];
|
|
4
|
+
/**
|
|
5
|
+
* The default links of {@link Navbar}: the npm organization of TUWA. Sites spread it into their own `links` to keep it
|
|
6
|
+
* next to site-specific links (for example the GitHub repository).
|
|
7
|
+
*/
|
|
8
|
+
declare const baseNavLinks: SocialLink[];
|
|
9
|
+
/**
|
|
10
|
+
* The default links of {@link Footer}: the npm organization and the GitHub organization of TUWA.
|
|
11
|
+
*/
|
|
12
|
+
declare const baseFooterLinks: SocialLink[];
|
|
15
13
|
|
|
16
14
|
export { baseFooterLinks, baseNavLinks };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tuwaio/docs-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.39",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Oleksandr Tkach",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -49,17 +49,14 @@
|
|
|
49
49
|
}
|
|
50
50
|
],
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@tuwaio/nova-core": "^0.
|
|
53
|
-
"@types/react-syntax-highlighter": "^15.5.13",
|
|
52
|
+
"@tuwaio/nova-core": "^0.7.1",
|
|
54
53
|
"clsx": "^2.1.1",
|
|
55
|
-
"html-react-parser": "^6.1.
|
|
56
|
-
"
|
|
57
|
-
"tailwind-merge": "^3.6.0"
|
|
54
|
+
"html-react-parser": "^6.1.8",
|
|
55
|
+
"tailwind-merge": "^3.7.0"
|
|
58
56
|
},
|
|
59
57
|
"peerDependencies": {
|
|
60
58
|
"@heroicons/react": ">=2",
|
|
61
59
|
"next": ">=16.1",
|
|
62
|
-
"nextra": ">=4.6",
|
|
63
60
|
"nextra-theme-docs": ">=4.6",
|
|
64
61
|
"react": ">=19.2.3"
|
|
65
62
|
},
|
|
@@ -69,8 +66,8 @@
|
|
|
69
66
|
"@tailwindcss/vite": "^4.3.3",
|
|
70
67
|
"@types/node": "^26",
|
|
71
68
|
"@types/react": "^19.3.0",
|
|
72
|
-
"autoprefixer": "^10.
|
|
73
|
-
"next": "16.3.
|
|
69
|
+
"autoprefixer": "^10.6.1",
|
|
70
|
+
"next": "16.3.7",
|
|
74
71
|
"nextra": "^4.6.1",
|
|
75
72
|
"nextra-theme-docs": "^4.6.1",
|
|
76
73
|
"postcss": "^8.5.28",
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var CodeBlock_exports = {};
|
|
20
|
-
__export(CodeBlock_exports, {
|
|
21
|
-
CodeBlock: () => CodeBlock
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(CodeBlock_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_nova_core = require("@tuwaio/nova-core");
|
|
26
|
-
var import_CopyIconButton = require("./CopyIconButton");
|
|
27
|
-
function CodeBlock({ title, titleIcons, children, textToCopy }) {
|
|
28
|
-
const { isCopied, copy } = (0, import_nova_core.useCopyToClipboard)(1500);
|
|
29
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
30
|
-
"div",
|
|
31
|
-
{
|
|
32
|
-
className: (0, import_nova_core.cn)(
|
|
33
|
-
"tuwadocs:group tuwadocs:overflow-hidden tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:border",
|
|
34
|
-
"tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-primary)]"
|
|
35
|
-
),
|
|
36
|
-
children: [
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
38
|
-
"div",
|
|
39
|
-
{
|
|
40
|
-
className: (0, import_nova_core.cn)(
|
|
41
|
-
"tuwadocs:flex tuwadocs:items-center tuwadocs:justify-between tuwadocs:gap-4 tuwadocs:px-4 tuwadocs:py-2",
|
|
42
|
-
"tuwadocs:border-b tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-secondary)]"
|
|
43
|
-
),
|
|
44
|
-
children: [
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-2", children: [
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:h-[20px] tuwadocs:w-[20px] tuwadocs:text-[var(--tuwa-text-secondary)]", children: titleIcons }),
|
|
47
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwadocs:text-sm tuwadocs:font-medium tuwadocs:text-[var(--tuwa-text-primary)]", children: title })
|
|
48
|
-
] }),
|
|
49
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:transition tuwadocs:md:opacity-0 tuwadocs:group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CopyIconButton.CopyIconButton, { isCopied, onCopy: () => copy(textToCopy) }) })
|
|
50
|
-
]
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
children
|
|
54
|
-
]
|
|
55
|
-
}
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
59
|
-
0 && (module.exports = {
|
|
60
|
-
CodeBlock
|
|
61
|
-
});
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
interface CodeBlockProps {
|
|
5
|
-
/** The title displayed in the header of the code block. */
|
|
6
|
-
title: string;
|
|
7
|
-
/** An icon or other React node to display next to the title. */
|
|
8
|
-
titleIcons: ReactNode;
|
|
9
|
-
/** The code or content to display within the block. */
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
/** The raw text content that will be copied to the clipboard. */
|
|
12
|
-
textToCopy: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* A UI component that wraps content, typically code snippets, in a styled block
|
|
16
|
-
* with a header containing a title, an icon, and a copy button.
|
|
17
|
-
*/
|
|
18
|
-
declare function CodeBlock({ title, titleIcons, children, textToCopy }: CodeBlockProps): react.JSX.Element;
|
|
19
|
-
|
|
20
|
-
export { CodeBlock };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
interface CodeBlockProps {
|
|
5
|
-
/** The title displayed in the header of the code block. */
|
|
6
|
-
title: string;
|
|
7
|
-
/** An icon or other React node to display next to the title. */
|
|
8
|
-
titleIcons: ReactNode;
|
|
9
|
-
/** The code or content to display within the block. */
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
/** The raw text content that will be copied to the clipboard. */
|
|
12
|
-
textToCopy: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* A UI component that wraps content, typically code snippets, in a styled block
|
|
16
|
-
* with a header containing a title, an icon, and a copy button.
|
|
17
|
-
*/
|
|
18
|
-
declare function CodeBlock({ title, titleIcons, children, textToCopy }: CodeBlockProps): react.JSX.Element;
|
|
19
|
-
|
|
20
|
-
export { CodeBlock };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cn, useCopyToClipboard } from "@tuwaio/nova-core";
|
|
3
|
-
import { CopyIconButton } from "./CopyIconButton";
|
|
4
|
-
function CodeBlock({ title, titleIcons, children, textToCopy }) {
|
|
5
|
-
const { isCopied, copy } = useCopyToClipboard(1500);
|
|
6
|
-
return /* @__PURE__ */ jsxs(
|
|
7
|
-
"div",
|
|
8
|
-
{
|
|
9
|
-
className: cn(
|
|
10
|
-
"tuwadocs:group tuwadocs:overflow-hidden tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:border",
|
|
11
|
-
"tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-primary)]"
|
|
12
|
-
),
|
|
13
|
-
children: [
|
|
14
|
-
/* @__PURE__ */ jsxs(
|
|
15
|
-
"div",
|
|
16
|
-
{
|
|
17
|
-
className: cn(
|
|
18
|
-
"tuwadocs:flex tuwadocs:items-center tuwadocs:justify-between tuwadocs:gap-4 tuwadocs:px-4 tuwadocs:py-2",
|
|
19
|
-
"tuwadocs:border-b tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-secondary)]"
|
|
20
|
-
),
|
|
21
|
-
children: [
|
|
22
|
-
/* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-2", children: [
|
|
23
|
-
/* @__PURE__ */ jsx("div", { className: "tuwadocs:h-[20px] tuwadocs:w-[20px] tuwadocs:text-[var(--tuwa-text-secondary)]", children: titleIcons }),
|
|
24
|
-
/* @__PURE__ */ jsx("p", { className: "tuwadocs:text-sm tuwadocs:font-medium tuwadocs:text-[var(--tuwa-text-primary)]", children: title })
|
|
25
|
-
] }),
|
|
26
|
-
/* @__PURE__ */ jsx("div", { className: "tuwadocs:transition tuwadocs:md:opacity-0 tuwadocs:group-hover:opacity-100", children: /* @__PURE__ */ jsx(CopyIconButton, { isCopied, onCopy: () => copy(textToCopy) }) })
|
|
27
|
-
]
|
|
28
|
-
}
|
|
29
|
-
),
|
|
30
|
-
children
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
}
|
|
35
|
-
export {
|
|
36
|
-
CodeBlock
|
|
37
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var CodeHighlighter_exports = {};
|
|
30
|
-
__export(CodeHighlighter_exports, {
|
|
31
|
-
CodeHighlighter: () => CodeHighlighter
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(CodeHighlighter_exports);
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
var import_react_syntax_highlighter = require("react-syntax-highlighter");
|
|
36
|
-
var import_prism = require("react-syntax-highlighter/dist/esm/styles/prism");
|
|
37
|
-
var import_NoSSR = __toESM(require("./NoSSR"), 1);
|
|
38
|
-
function CodeHighlighter({ children, language, resolvedTheme }) {
|
|
39
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:border-t tuwadocs:border-[var(--tuwa-border-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NoSSR.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
-
import_react_syntax_highlighter.Prism,
|
|
41
|
-
{
|
|
42
|
-
language: language ?? "bash",
|
|
43
|
-
customStyle: { margin: 0, background: "transparent" },
|
|
44
|
-
style: resolvedTheme === "dark" ? import_prism.materialOceanic : import_prism.materialLight,
|
|
45
|
-
children: String(children).replace(/\n$/, "")
|
|
46
|
-
}
|
|
47
|
-
) }) });
|
|
48
|
-
}
|
|
49
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
50
|
-
0 && (module.exports = {
|
|
51
|
-
CodeHighlighter
|
|
52
|
-
});
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
|
|
3
|
-
interface CodeHighlighterProps {
|
|
4
|
-
children: string | string[];
|
|
5
|
-
language?: string;
|
|
6
|
-
resolvedTheme: string;
|
|
7
|
-
}
|
|
8
|
-
declare function CodeHighlighter({ children, language, resolvedTheme }: CodeHighlighterProps): react.JSX.Element;
|
|
9
|
-
|
|
10
|
-
export { CodeHighlighter, type CodeHighlighterProps };
|