@phont-ai/subtitles 0.1.64 → 0.1.69

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/dist/styles.css CHANGED
@@ -568,6 +568,9 @@ video {
568
568
  .pointer-events-auto {
569
569
  pointer-events: auto;
570
570
  }
571
+ .\!visible {
572
+ visibility: visible !important;
573
+ }
571
574
  .visible {
572
575
  visibility: visible;
573
576
  }
@@ -583,8 +586,8 @@ video {
583
586
  .relative {
584
587
  position: relative;
585
588
  }
586
- .inset-0 {
587
- inset: 0px;
589
+ .bottom-\[calc\(8vh\+16px\)\] {
590
+ bottom: calc(8vh + 16px);
588
591
  }
589
592
  .left-0 {
590
593
  left: 0px;
@@ -592,9 +595,15 @@ video {
592
595
  .right-0 {
593
596
  right: 0px;
594
597
  }
598
+ .right-6 {
599
+ right: 1.5rem;
600
+ }
595
601
  .top-\[80px\] {
596
602
  top: 80px;
597
603
  }
604
+ .isolate {
605
+ isolation: isolate;
606
+ }
598
607
  .z-\[104\] {
599
608
  z-index: 104;
600
609
  }
@@ -610,18 +619,12 @@ video {
610
619
  .mb-2 {
611
620
  margin-bottom: 0.5rem;
612
621
  }
613
- .mb-3 {
614
- margin-bottom: 0.75rem;
615
- }
616
622
  .mb-4 {
617
623
  margin-bottom: 1rem;
618
624
  }
619
625
  .mb-6 {
620
626
  margin-bottom: 1.5rem;
621
627
  }
622
- .mt-1 {
623
- margin-top: 0.25rem;
624
- }
625
628
  .mt-2 {
626
629
  margin-top: 0.5rem;
627
630
  }
@@ -643,15 +646,15 @@ video {
643
646
  .flex {
644
647
  display: flex;
645
648
  }
649
+ .inline-flex {
650
+ display: inline-flex;
651
+ }
646
652
  .grid {
647
653
  display: grid;
648
654
  }
649
655
  .hidden {
650
656
  display: none;
651
657
  }
652
- .h-4 {
653
- height: 1rem;
654
- }
655
658
  .h-auto {
656
659
  height: auto;
657
660
  }
@@ -661,9 +664,6 @@ video {
661
664
  .min-h-screen {
662
665
  min-height: 100vh;
663
666
  }
664
- .w-4 {
665
- width: 1rem;
666
- }
667
667
  .w-\[min\(90vw\2c 260px\)\] {
668
668
  width: min(90vw,260px);
669
669
  }
@@ -679,9 +679,6 @@ video {
679
679
  .max-w-lg {
680
680
  max-width: 32rem;
681
681
  }
682
- .max-w-sm {
683
- max-width: 24rem;
684
- }
685
682
  .flex-1 {
686
683
  flex: 1 1 0%;
687
684
  }
@@ -709,11 +706,6 @@ video {
709
706
  .cursor-pointer {
710
707
  cursor: pointer;
711
708
  }
712
- .select-none {
713
- -webkit-user-select: none;
714
- -moz-user-select: none;
715
- user-select: none;
716
- }
717
709
  .resize {
718
710
  resize: both;
719
711
  }
@@ -752,9 +744,6 @@ video {
752
744
  .gap-3 {
753
745
  gap: 0.75rem;
754
746
  }
755
- .gap-4 {
756
- gap: 1rem;
757
- }
758
747
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
759
748
  --tw-space-y-reverse: 0;
760
749
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -794,9 +783,6 @@ video {
794
783
  .border {
795
784
  border-width: 1px;
796
785
  }
797
- .border-2 {
798
- border-width: 2px;
799
- }
800
786
  .border-t {
801
787
  border-top-width: 1px;
802
788
  }
@@ -819,10 +805,6 @@ video {
819
805
  .border-white\/30 {
820
806
  border-color: rgb(255 255 255 / 0.3);
821
807
  }
822
- .border-t-white {
823
- --tw-border-opacity: 1;
824
- border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
825
- }
826
808
  .bg-\[\#17428c14\] {
827
809
  background-color: #17428c14;
828
810
  }
@@ -927,9 +909,6 @@ video {
927
909
  .pt-6 {
928
910
  padding-top: 1.5rem;
929
911
  }
930
- .text-left {
931
- text-align: left;
932
- }
933
912
  .text-center {
934
913
  text-align: center;
935
914
  }
@@ -967,9 +946,16 @@ video {
967
946
  .font-semibold {
968
947
  font-weight: 600;
969
948
  }
949
+ .uppercase {
950
+ text-transform: uppercase;
951
+ }
970
952
  .lowercase {
971
953
  text-transform: lowercase;
972
954
  }
955
+ .tabular-nums {
956
+ --tw-numeric-spacing: tabular-nums;
957
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
958
+ }
973
959
  .text-black {
974
960
  --tw-text-opacity: 1;
975
961
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -990,10 +976,6 @@ video {
990
976
  --tw-text-opacity: 1;
991
977
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
992
978
  }
993
- .text-gray-600 {
994
- --tw-text-opacity: 1;
995
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
996
- }
997
979
  .text-red-300 {
998
980
  --tw-text-opacity: 1;
999
981
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
@@ -1012,9 +994,6 @@ video {
1012
994
  --tw-text-opacity: 1;
1013
995
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
1014
996
  }
1015
- .accent-black {
1016
- accent-color: #000;
1017
- }
1018
997
  .opacity-100 {
1019
998
  opacity: 1;
1020
999
  }
@@ -1037,6 +1016,9 @@ video {
1037
1016
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1038
1017
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1039
1018
  }
1019
+ .outline {
1020
+ outline-style: solid;
1021
+ }
1040
1022
  .blur {
1041
1023
  --tw-blur: blur(8px);
1042
1024
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1217,14 +1199,6 @@ video {
1217
1199
  z-index: 101;
1218
1200
  }
1219
1201
 
1220
- .md\:w-\[min\(90vw\2c 260px\)\] {
1221
- width: min(90vw,260px);
1222
- }
1223
-
1224
- .md\:max-w-\[260px\] {
1225
- max-width: 260px;
1226
- }
1227
-
1228
1202
  .md\:items-end {
1229
1203
  align-items: flex-end;
1230
1204
  }
@@ -1260,11 +1234,6 @@ video {
1260
1234
  padding-bottom: 0px;
1261
1235
  }
1262
1236
 
1263
- .md\:text-base {
1264
- font-size: 1rem;
1265
- line-height: 1.5rem;
1266
- }
1267
-
1268
1237
  .md\:\[bottom\:calc\(8vh\+16px\)\] {
1269
1238
  bottom: calc(8vh + 16px);
1270
1239
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phont-ai/subtitles",
3
- "version": "0.1.64",
3
+ "version": "0.1.69",
4
4
  "description": "React components for PHONT expressive subtitles",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -10,6 +10,7 @@
10
10
  "dist"
11
11
  ],
12
12
  "scripts": {
13
+ "prebuild": "pnpm --filter @phont-ai/subtitles-core run build",
13
14
  "build": "tsup && pnpm run build:css",
14
15
  "build:css": "postcss src/styles.css -o dist/styles.css",
15
16
  "dev": "tsup --watch",
@@ -43,7 +44,7 @@
43
44
  "react-dom": "^18.0.0"
44
45
  },
45
46
  "dependencies": {
46
- "@phont-ai/subtitles-core": "^0.2.3",
47
+ "@phont-ai/subtitles-core": "workspace:*",
47
48
  "gsap": "^3.13.0",
48
49
  "lottie-web": "^5.13.0"
49
50
  },