@videojs/react 10.0.0-alpha.3 → 10.0.0-alpha.4

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.
Files changed (152) hide show
  1. package/dist/default/_virtual/_rolldown/runtime.js +19 -1
  2. package/dist/default/icons/dist/react/default/captions-off.js +66 -0
  3. package/dist/default/icons/dist/react/default/captions-off.js.map +1 -0
  4. package/dist/default/icons/dist/react/default/captions-on.js +19 -0
  5. package/dist/default/icons/dist/react/default/captions-on.js.map +1 -0
  6. package/dist/default/icons/dist/react/default/fullscreen-enter.js +19 -0
  7. package/dist/default/icons/dist/react/default/fullscreen-enter.js.map +1 -0
  8. package/dist/default/icons/dist/react/default/fullscreen-exit.js +19 -0
  9. package/dist/default/icons/dist/react/default/fullscreen-exit.js.map +1 -0
  10. package/dist/default/icons/dist/react/default/pause.js +30 -0
  11. package/dist/default/icons/dist/react/default/pause.js.map +1 -0
  12. package/dist/default/icons/dist/react/default/pip.js +26 -0
  13. package/dist/default/icons/dist/react/default/pip.js.map +1 -0
  14. package/dist/default/icons/dist/react/default/play.js +19 -0
  15. package/dist/default/icons/dist/react/default/play.js.map +1 -0
  16. package/dist/default/icons/dist/react/default/restart.js +22 -0
  17. package/dist/default/icons/dist/react/default/restart.js.map +1 -0
  18. package/dist/default/icons/dist/react/default/seek.js +19 -0
  19. package/dist/default/icons/dist/react/default/seek.js.map +1 -0
  20. package/dist/default/icons/dist/react/default/spinner.js +149 -0
  21. package/dist/default/icons/dist/react/default/spinner.js.map +1 -0
  22. package/dist/default/icons/dist/react/default/volume-high.js +22 -0
  23. package/dist/default/icons/dist/react/default/volume-high.js.map +1 -0
  24. package/dist/default/icons/dist/react/default/volume-low.js +19 -0
  25. package/dist/default/icons/dist/react/default/volume-low.js.map +1 -0
  26. package/dist/default/icons/dist/react/default/volume-off.js +19 -0
  27. package/dist/default/icons/dist/react/default/volume-off.js.map +1 -0
  28. package/dist/default/icons/dist/react/minimal/captions-off.js +66 -0
  29. package/dist/default/icons/dist/react/minimal/captions-off.js.map +1 -0
  30. package/dist/default/icons/dist/react/minimal/captions-on.js +19 -0
  31. package/dist/default/icons/dist/react/minimal/captions-on.js.map +1 -0
  32. package/dist/default/icons/dist/react/minimal/fullscreen-enter.js +29 -0
  33. package/dist/default/icons/dist/react/minimal/fullscreen-enter.js.map +1 -0
  34. package/dist/default/icons/dist/react/minimal/fullscreen-exit.js +29 -0
  35. package/dist/default/icons/dist/react/minimal/fullscreen-exit.js.map +1 -0
  36. package/dist/default/icons/dist/react/minimal/pause.js +30 -0
  37. package/dist/default/icons/dist/react/minimal/pause.js.map +1 -0
  38. package/dist/default/icons/dist/react/minimal/pip.js +26 -0
  39. package/dist/default/icons/dist/react/minimal/pip.js.map +1 -0
  40. package/dist/default/icons/dist/react/minimal/play.js +19 -0
  41. package/dist/default/icons/dist/react/minimal/play.js.map +1 -0
  42. package/dist/default/icons/dist/react/minimal/restart.js +22 -0
  43. package/dist/default/icons/dist/react/minimal/restart.js.map +1 -0
  44. package/dist/default/icons/dist/react/minimal/seek.js +19 -0
  45. package/dist/default/icons/dist/react/minimal/seek.js.map +1 -0
  46. package/dist/default/icons/dist/react/minimal/spinner.js +149 -0
  47. package/dist/default/icons/dist/react/minimal/spinner.js.map +1 -0
  48. package/dist/default/icons/dist/react/minimal/volume-high.js +22 -0
  49. package/dist/default/icons/dist/react/minimal/volume-high.js.map +1 -0
  50. package/dist/default/icons/dist/react/minimal/volume-low.js +19 -0
  51. package/dist/default/icons/dist/react/minimal/volume-low.js.map +1 -0
  52. package/dist/default/icons/dist/react/minimal/volume-off.js +19 -0
  53. package/dist/default/icons/dist/react/minimal/volume-off.js.map +1 -0
  54. package/dist/default/index.js +32 -1
  55. package/dist/default/index.js.map +1 -0
  56. package/dist/default/presets/audio/index.js +8 -1
  57. package/dist/default/presets/audio/index.js.map +1 -0
  58. package/dist/default/presets/background/index.js +8 -1
  59. package/dist/default/presets/background/index.js.map +1 -0
  60. package/dist/default/presets/background/skin.css +20 -2
  61. package/dist/default/presets/background/skin.js +7 -2
  62. package/dist/default/presets/background/skin.js.map +1 -1
  63. package/dist/default/presets/video/index.js +8 -1
  64. package/dist/default/presets/video/index.js.map +1 -0
  65. package/dist/default/presets/video/minimal-skin.js +13 -1
  66. package/dist/default/presets/video/minimal-skin.js.map +1 -1
  67. package/dist/default/presets/video/minimal-skin.tailwind.js +13 -1
  68. package/dist/default/presets/video/minimal-skin.tailwind.js.map +1 -1
  69. package/dist/default/presets/video/skin.js +13 -1
  70. package/dist/default/presets/video/skin.js.map +1 -1
  71. package/dist/default/presets/video/skin.tailwind.js +13 -1
  72. package/dist/default/presets/video/skin.tailwind.js.map +1 -1
  73. package/dist/dev/_virtual/_rolldown/runtime.js +19 -1
  74. package/dist/dev/icons/dist/react/default/captions-off.js +66 -0
  75. package/dist/dev/icons/dist/react/default/captions-off.js.map +1 -0
  76. package/dist/dev/icons/dist/react/default/captions-on.js +19 -0
  77. package/dist/dev/icons/dist/react/default/captions-on.js.map +1 -0
  78. package/dist/dev/icons/dist/react/default/fullscreen-enter.js +19 -0
  79. package/dist/dev/icons/dist/react/default/fullscreen-enter.js.map +1 -0
  80. package/dist/dev/icons/dist/react/default/fullscreen-exit.js +19 -0
  81. package/dist/dev/icons/dist/react/default/fullscreen-exit.js.map +1 -0
  82. package/dist/dev/icons/dist/react/default/pause.js +30 -0
  83. package/dist/dev/icons/dist/react/default/pause.js.map +1 -0
  84. package/dist/dev/icons/dist/react/default/pip.js +26 -0
  85. package/dist/dev/icons/dist/react/default/pip.js.map +1 -0
  86. package/dist/dev/icons/dist/react/default/play.js +19 -0
  87. package/dist/dev/icons/dist/react/default/play.js.map +1 -0
  88. package/dist/dev/icons/dist/react/default/restart.js +22 -0
  89. package/dist/dev/icons/dist/react/default/restart.js.map +1 -0
  90. package/dist/dev/icons/dist/react/default/seek.js +19 -0
  91. package/dist/dev/icons/dist/react/default/seek.js.map +1 -0
  92. package/dist/dev/icons/dist/react/default/spinner.js +149 -0
  93. package/dist/dev/icons/dist/react/default/spinner.js.map +1 -0
  94. package/dist/dev/icons/dist/react/default/volume-high.js +22 -0
  95. package/dist/dev/icons/dist/react/default/volume-high.js.map +1 -0
  96. package/dist/dev/icons/dist/react/default/volume-low.js +19 -0
  97. package/dist/dev/icons/dist/react/default/volume-low.js.map +1 -0
  98. package/dist/dev/icons/dist/react/default/volume-off.js +19 -0
  99. package/dist/dev/icons/dist/react/default/volume-off.js.map +1 -0
  100. package/dist/dev/icons/dist/react/minimal/captions-off.js +66 -0
  101. package/dist/dev/icons/dist/react/minimal/captions-off.js.map +1 -0
  102. package/dist/dev/icons/dist/react/minimal/captions-on.js +19 -0
  103. package/dist/dev/icons/dist/react/minimal/captions-on.js.map +1 -0
  104. package/dist/dev/icons/dist/react/minimal/fullscreen-enter.js +29 -0
  105. package/dist/dev/icons/dist/react/minimal/fullscreen-enter.js.map +1 -0
  106. package/dist/dev/icons/dist/react/minimal/fullscreen-exit.js +29 -0
  107. package/dist/dev/icons/dist/react/minimal/fullscreen-exit.js.map +1 -0
  108. package/dist/dev/icons/dist/react/minimal/pause.js +30 -0
  109. package/dist/dev/icons/dist/react/minimal/pause.js.map +1 -0
  110. package/dist/dev/icons/dist/react/minimal/pip.js +26 -0
  111. package/dist/dev/icons/dist/react/minimal/pip.js.map +1 -0
  112. package/dist/dev/icons/dist/react/minimal/play.js +19 -0
  113. package/dist/dev/icons/dist/react/minimal/play.js.map +1 -0
  114. package/dist/dev/icons/dist/react/minimal/restart.js +22 -0
  115. package/dist/dev/icons/dist/react/minimal/restart.js.map +1 -0
  116. package/dist/dev/icons/dist/react/minimal/seek.js +19 -0
  117. package/dist/dev/icons/dist/react/minimal/seek.js.map +1 -0
  118. package/dist/dev/icons/dist/react/minimal/spinner.js +149 -0
  119. package/dist/dev/icons/dist/react/minimal/spinner.js.map +1 -0
  120. package/dist/dev/icons/dist/react/minimal/volume-high.js +22 -0
  121. package/dist/dev/icons/dist/react/minimal/volume-high.js.map +1 -0
  122. package/dist/dev/icons/dist/react/minimal/volume-low.js +19 -0
  123. package/dist/dev/icons/dist/react/minimal/volume-low.js.map +1 -0
  124. package/dist/dev/icons/dist/react/minimal/volume-off.js +19 -0
  125. package/dist/dev/icons/dist/react/minimal/volume-off.js.map +1 -0
  126. package/dist/dev/index.js +32 -1
  127. package/dist/dev/index.js.map +1 -0
  128. package/dist/dev/presets/audio/index.d.ts +9 -1
  129. package/dist/dev/presets/audio/index.d.ts.map +1 -0
  130. package/dist/dev/presets/audio/index.js +8 -1
  131. package/dist/dev/presets/audio/index.js.map +1 -0
  132. package/dist/dev/presets/background/index.d.ts +9 -1
  133. package/dist/dev/presets/background/index.d.ts.map +1 -0
  134. package/dist/dev/presets/background/index.js +8 -1
  135. package/dist/dev/presets/background/index.js.map +1 -0
  136. package/dist/dev/presets/background/skin.css +20 -2
  137. package/dist/dev/presets/background/skin.d.ts.map +1 -1
  138. package/dist/dev/presets/background/skin.js +7 -2
  139. package/dist/dev/presets/background/skin.js.map +1 -1
  140. package/dist/dev/presets/video/index.d.ts +9 -1
  141. package/dist/dev/presets/video/index.d.ts.map +1 -0
  142. package/dist/dev/presets/video/index.js +8 -1
  143. package/dist/dev/presets/video/index.js.map +1 -0
  144. package/dist/dev/presets/video/minimal-skin.js +13 -1
  145. package/dist/dev/presets/video/minimal-skin.js.map +1 -1
  146. package/dist/dev/presets/video/minimal-skin.tailwind.js +13 -1
  147. package/dist/dev/presets/video/minimal-skin.tailwind.js.map +1 -1
  148. package/dist/dev/presets/video/skin.js +13 -1
  149. package/dist/dev/presets/video/skin.js.map +1 -1
  150. package/dist/dev/presets/video/skin.tailwind.js +13 -1
  151. package/dist/dev/presets/video/skin.tailwind.js.map +1 -1
  152. package/package.json +10 -20
@@ -0,0 +1,26 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/pip.js
4
+ const PipIcon = (props) => /* @__PURE__ */ jsxs("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: [/* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "M13 2a4 4 0 0 1 4 4v2.645a3.5 3.5 0 0 0-1-.145h-.5V6A2.5 2.5 0 0 0 13 3.5H4A2.5 2.5 0 0 0 1.5 6v6A2.5 2.5 0 0 0 4 14.5h2.5v.5c0 .347.05.683.145 1H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z"
14
+ }), /* @__PURE__ */ jsx("rect", {
15
+ width: 10,
16
+ height: 7,
17
+ x: 8,
18
+ y: 10,
19
+ fill: "currentColor",
20
+ rx: 2
21
+ })]
22
+ });
23
+
24
+ //#endregion
25
+ export { PipIcon as default };
26
+ //# sourceMappingURL=pip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pip.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/pip.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nconst PipIcon = (props) => /* @__PURE__ */ jsxs(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: [\n /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M13 2a4 4 0 0 1 4 4v2.645a3.5 3.5 0 0 0-1-.145h-.5V6A2.5 2.5 0 0 0 13 3.5H4A2.5 2.5 0 0 0 1.5 6v6A2.5 2.5 0 0 0 4 14.5h2.5v.5c0 .347.05.683.145 1H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\" }),\n /* @__PURE__ */ jsx(\"rect\", { width: 10, height: 7, x: 8, y: 10, fill: \"currentColor\", rx: 2 })\n] });\nexport default PipIcon;\n"],"mappings":";;;AACA,MAAM,WAAW,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU,CAC3J,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAsL,CAAC,EAC9N,oBAAI,QAAQ;EAAE,OAAO;EAAI,QAAQ;EAAG,GAAG;EAAG,GAAG;EAAI,MAAM;EAAgB,IAAI;EAAG,CAAC,CAChG;CAAE,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/play.js
4
+ const PlayIcon = (props) => /* @__PURE__ */ jsx("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: /* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "m13.473 10.476-6.845 4.256a1.697 1.697 0 0 1-2.364-.547 1.77 1.77 0 0 1-.264-.93v-8.51C4 3.78 4.768 3 5.714 3c.324 0 .64.093.914.268l6.845 4.255a1.763 1.763 0 0 1 0 2.953"
14
+ })
15
+ });
16
+
17
+ //#endregion
18
+ export { PlayIcon as default };
19
+ //# sourceMappingURL=play.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"play.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/play.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst PlayIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"m13.473 10.476-6.845 4.256a1.697 1.697 0 0 1-2.364-.547 1.77 1.77 0 0 1-.264-.93v-8.51C4 3.78 4.768 3 5.714 3c.324 0 .64.093.914.268l6.845 4.255a1.763 1.763 0 0 1 0 2.953\" }) });\nexport default PlayIcon;\n"],"mappings":";;;AACA,MAAM,YAAY,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAA8K,CAAC;CAAE,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/restart.js
4
+ const RestartIcon = (props) => /* @__PURE__ */ jsxs("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: [/* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "M9 17a8 8 0 0 1-8-8h1.5a6.5 6.5 0 1 0 1.43-4.07l1.643 1.643A.25.25 0 0 1 5.396 7H1.25A.25.25 0 0 1 1 6.75V2.604a.25.25 0 0 1 .427-.177l1.438 1.438A8 8 0 1 1 9 17"
14
+ }), /* @__PURE__ */ jsx("path", {
15
+ fill: "currentColor",
16
+ d: "m11.61 9.639-3.331 2.07a.826.826 0 0 1-1.15-.266.86.86 0 0 1-.129-.452V6.849C7 6.38 7.374 6 7.834 6c.158 0 .312.045.445.13l3.331 2.071a.858.858 0 0 1 0 1.438"
17
+ })]
18
+ });
19
+
20
+ //#endregion
21
+ export { RestartIcon as default };
22
+ //# sourceMappingURL=restart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"restart.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/restart.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nconst RestartIcon = (props) => /* @__PURE__ */ jsxs(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: [\n /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M9 17a8 8 0 0 1-8-8h1.5a6.5 6.5 0 1 0 1.43-4.07l1.643 1.643A.25.25 0 0 1 5.396 7H1.25A.25.25 0 0 1 1 6.75V2.604a.25.25 0 0 1 .427-.177l1.438 1.438A8 8 0 1 1 9 17\" }),\n /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"m11.61 9.639-3.331 2.07a.826.826 0 0 1-1.15-.266.86.86 0 0 1-.129-.452V6.849C7 6.38 7.374 6 7.834 6c.158 0 .312.045.445.13l3.331 2.071a.858.858 0 0 1 0 1.438\" })\n] });\nexport default RestartIcon;\n"],"mappings":";;;AACA,MAAM,eAAe,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU,CAC/J,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAqK,CAAC,EAC7M,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAiK,CAAC,CAC1N;CAAE,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/seek.js
4
+ const SeekIcon = (props) => /* @__PURE__ */ jsx("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: /* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "M1 9c0 2.21.895 4.21 2.343 5.657l1.06-1.06a6.5 6.5 0 1 1 9.665-8.665l-1.641 1.641a.25.25 0 0 0 .177.427h4.146a.25.25 0 0 0 .25-.25V2.604a.25.25 0 0 0-.427-.177l-1.438 1.438A8 8 0 0 0 1 9"
14
+ })
15
+ });
16
+
17
+ //#endregion
18
+ export { SeekIcon as default };
19
+ //# sourceMappingURL=seek.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/seek.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst SeekIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M1 9c0 2.21.895 4.21 2.343 5.657l1.06-1.06a6.5 6.5 0 1 1 9.665-8.665l-1.641 1.641a.25.25 0 0 0 .177.427h4.146a.25.25 0 0 0 .25-.25V2.604a.25.25 0 0 0-.427-.177l-1.438 1.438A8 8 0 0 0 1 9\" }) });\nexport default SeekIcon;\n"],"mappings":";;;AACA,MAAM,YAAY,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAA8L,CAAC;CAAE,CAAC"}
@@ -0,0 +1,149 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/spinner.js
4
+ const SpinnerIcon = (props) => /* @__PURE__ */ jsxs("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "currentColor",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: [
12
+ /* @__PURE__ */ jsx("rect", {
13
+ width: 2,
14
+ height: 5,
15
+ x: 8,
16
+ y: .5,
17
+ opacity: .5,
18
+ rx: 1,
19
+ children: /* @__PURE__ */ jsx("animate", {
20
+ attributeName: "opacity",
21
+ begin: "0s",
22
+ calcMode: "linear",
23
+ dur: "1s",
24
+ repeatCount: "indefinite",
25
+ values: "1;0"
26
+ })
27
+ }),
28
+ /* @__PURE__ */ jsx("rect", {
29
+ width: 2,
30
+ height: 5,
31
+ x: 12.243,
32
+ y: 2.257,
33
+ opacity: .45,
34
+ rx: 1,
35
+ transform: "rotate(45 13.243 4.757)",
36
+ children: /* @__PURE__ */ jsx("animate", {
37
+ attributeName: "opacity",
38
+ begin: "0.125s",
39
+ calcMode: "linear",
40
+ dur: "1s",
41
+ repeatCount: "indefinite",
42
+ values: "1;0"
43
+ })
44
+ }),
45
+ /* @__PURE__ */ jsx("rect", {
46
+ width: 5,
47
+ height: 2,
48
+ x: 12.5,
49
+ y: 8,
50
+ opacity: .4,
51
+ rx: 1,
52
+ children: /* @__PURE__ */ jsx("animate", {
53
+ attributeName: "opacity",
54
+ begin: "0.25s",
55
+ calcMode: "linear",
56
+ dur: "1s",
57
+ repeatCount: "indefinite",
58
+ values: "1;0"
59
+ })
60
+ }),
61
+ /* @__PURE__ */ jsx("rect", {
62
+ width: 5,
63
+ height: 2,
64
+ x: 10.743,
65
+ y: 12.243,
66
+ opacity: .35,
67
+ rx: 1,
68
+ transform: "rotate(45 13.243 13.243)",
69
+ children: /* @__PURE__ */ jsx("animate", {
70
+ attributeName: "opacity",
71
+ begin: "0.375s",
72
+ calcMode: "linear",
73
+ dur: "1s",
74
+ repeatCount: "indefinite",
75
+ values: "1;0"
76
+ })
77
+ }),
78
+ /* @__PURE__ */ jsx("rect", {
79
+ width: 2,
80
+ height: 5,
81
+ x: 8,
82
+ y: 12.5,
83
+ opacity: .3,
84
+ rx: 1,
85
+ children: /* @__PURE__ */ jsx("animate", {
86
+ attributeName: "opacity",
87
+ begin: "0.5s",
88
+ calcMode: "linear",
89
+ dur: "1s",
90
+ repeatCount: "indefinite",
91
+ values: "1;0"
92
+ })
93
+ }),
94
+ /* @__PURE__ */ jsx("rect", {
95
+ width: 2,
96
+ height: 5,
97
+ x: 3.757,
98
+ y: 10.743,
99
+ opacity: .25,
100
+ rx: 1,
101
+ transform: "rotate(45 4.757 13.243)",
102
+ children: /* @__PURE__ */ jsx("animate", {
103
+ attributeName: "opacity",
104
+ begin: "0.625s",
105
+ calcMode: "linear",
106
+ dur: "1s",
107
+ repeatCount: "indefinite",
108
+ values: "1;0"
109
+ })
110
+ }),
111
+ /* @__PURE__ */ jsx("rect", {
112
+ width: 5,
113
+ height: 2,
114
+ x: .5,
115
+ y: 8,
116
+ opacity: .15,
117
+ rx: 1,
118
+ children: /* @__PURE__ */ jsx("animate", {
119
+ attributeName: "opacity",
120
+ begin: "0.75s",
121
+ calcMode: "linear",
122
+ dur: "1s",
123
+ repeatCount: "indefinite",
124
+ values: "1;0"
125
+ })
126
+ }),
127
+ /* @__PURE__ */ jsx("rect", {
128
+ width: 5,
129
+ height: 2,
130
+ x: 2.257,
131
+ y: 3.757,
132
+ opacity: .1,
133
+ rx: 1,
134
+ transform: "rotate(45 4.757 4.757)",
135
+ children: /* @__PURE__ */ jsx("animate", {
136
+ attributeName: "opacity",
137
+ begin: "0.875s",
138
+ calcMode: "linear",
139
+ dur: "1s",
140
+ repeatCount: "indefinite",
141
+ values: "1;0"
142
+ })
143
+ })
144
+ ]
145
+ });
146
+
147
+ //#endregion
148
+ export { SpinnerIcon as default };
149
+ //# sourceMappingURL=spinner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spinner.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/spinner.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nconst SpinnerIcon = (props) => /* @__PURE__ */ jsxs(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"currentColor\", viewBox: \"0 0 18 18\", ...props, children: [\n /* @__PURE__ */ jsx(\"rect\", { width: 2, height: 5, x: 8, y: 0.5, opacity: 0.5, rx: 1, children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 2, height: 5, x: 12.243, y: 2.257, opacity: 0.45, rx: 1, transform: \"rotate(45 13.243 4.757)\", children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.125s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 5, height: 2, x: 12.5, y: 8, opacity: 0.4, rx: 1, children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.25s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 5, height: 2, x: 10.743, y: 12.243, opacity: 0.35, rx: 1, transform: \"rotate(45 13.243 13.243)\", children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.375s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 2, height: 5, x: 8, y: 12.5, opacity: 0.3, rx: 1, children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.5s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 2, height: 5, x: 3.757, y: 10.743, opacity: 0.25, rx: 1, transform: \"rotate(45 4.757 13.243)\", children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.625s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 5, height: 2, x: 0.5, y: 8, opacity: 0.15, rx: 1, children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.75s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) }),\n /* @__PURE__ */ jsx(\"rect\", { width: 5, height: 2, x: 2.257, y: 3.757, opacity: 0.1, rx: 1, transform: \"rotate(45 4.757 4.757)\", children: /* @__PURE__ */ jsx(\"animate\", { attributeName: \"opacity\", begin: \"0.875s\", calcMode: \"linear\", dur: \"1s\", repeatCount: \"indefinite\", values: \"1;0\" }) })\n] });\nexport default SpinnerIcon;\n"],"mappings":";;;AACA,MAAM,eAAe,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAgB,SAAS;CAAa,GAAG;CAAO,UAAU;EACvK,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAG,GAAG;GAAK,SAAS;GAAK,IAAI;GAAG,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAM,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACrO,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAQ,GAAG;GAAO,SAAS;GAAM,IAAI;GAAG,WAAW;GAA2B,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAU,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACvR,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAM,GAAG;GAAG,SAAS;GAAK,IAAI;GAAG,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAS,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACzO,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAQ,GAAG;GAAQ,SAAS;GAAM,IAAI;GAAG,WAAW;GAA4B,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAU,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACzR,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAG,GAAG;GAAM,SAAS;GAAK,IAAI;GAAG,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAQ,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACxO,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAO,GAAG;GAAQ,SAAS;GAAM,IAAI;GAAG,WAAW;GAA2B,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAU,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACvR,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAK,GAAG;GAAG,SAAS;GAAM,IAAI;GAAG,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAS,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACzO,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAG,GAAG;GAAO,GAAG;GAAO,SAAS;GAAK,IAAI;GAAG,WAAW;GAA0B,UAA0B,oBAAI,WAAW;IAAE,eAAe;IAAW,OAAO;IAAU,UAAU;IAAU,KAAK;IAAM,aAAa;IAAc,QAAQ;IAAO,CAAC;GAAE,CAAC;EACrS;CAAE,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/volume-high.js
4
+ const VolumeHighIcon = (props) => /* @__PURE__ */ jsxs("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: [/* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "M15.6 3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4C15.4 5.9 16 7.4 16 9s-.6 3.1-1.8 4.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7"
14
+ }), /* @__PURE__ */ jsx("path", {
15
+ fill: "currentColor",
16
+ d: "M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402"
17
+ })]
18
+ });
19
+
20
+ //#endregion
21
+ export { VolumeHighIcon as default };
22
+ //# sourceMappingURL=volume-high.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"volume-high.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-high.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nconst VolumeHighIcon = (props) => /* @__PURE__ */ jsxs(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: [\n /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M15.6 3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4C15.4 5.9 16 7.4 16 9s-.6 3.1-1.8 4.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7\" }),\n /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\" })\n] });\nexport default VolumeHighIcon;\n"],"mappings":";;;AACA,MAAM,kBAAkB,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU,CAClK,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAmK,CAAC,EAC3M,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAya,CAAC,CACle;CAAE,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/volume-low.js
4
+ const VolumeLowIcon = (props) => /* @__PURE__ */ jsx("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: /* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402"
14
+ })
15
+ });
16
+
17
+ //#endregion
18
+ export { VolumeLowIcon as default };
19
+ //# sourceMappingURL=volume-low.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-low.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst VolumeLowIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752m10.568.59a.91.91 0 0 1 0-1.316.91.91 0 0 1 1.316 0c1.203 1.203 1.47 2.216 1.522 3.208q.012.255.011.51c0 1.16-.358 2.733-1.533 3.803a.7.7 0 0 1-.298.156c-.382.106-.873-.011-1.018-.156a.91.91 0 0 1 0-1.316c.57-.57.995-1.551.995-2.487 0-.944-.26-1.667-.995-2.402\" }) });\nexport default VolumeLowIcon;\n"],"mappings":";;;AACA,MAAM,iBAAiB,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAya,CAAC;CAAE,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+
3
+ //#region ../icons/dist/react/minimal/volume-off.js
4
+ const VolumeOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: 18,
7
+ height: 18,
8
+ fill: "none",
9
+ viewBox: "0 0 18 18",
10
+ ...props,
11
+ children: /* @__PURE__ */ jsx("path", {
12
+ fill: "currentColor",
13
+ d: "M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z"
14
+ })
15
+ });
16
+
17
+ //#endregion
18
+ export { VolumeOffIcon as default };
19
+ //# sourceMappingURL=volume-off.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-off.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nconst VolumeOffIcon = (props) => /* @__PURE__ */ jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"none\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { fill: \"currentColor\", d: \"M.714 6.008h3.072l4.071-3.857c.5-.376 1.143 0 1.143.601V15.28c0 .602-.643.903-1.143.602l-4.071-3.858H.714c-.428 0-.714-.3-.714-.752V6.76c0-.451.286-.752.714-.752M14.5 7.586l-1.768-1.768a1 1 0 1 0-1.414 1.414L13.085 9l-1.767 1.768a1 1 0 0 0 1.414 1.414l1.768-1.768 1.768 1.768a1 1 0 0 0 1.414-1.414L15.914 9l1.768-1.768a1 1 0 0 0-1.414-1.414z\" }) });\nexport default VolumeOffIcon;\n"],"mappings":";;;AACA,MAAM,iBAAiB,UAA0B,oBAAI,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ;EAAE,MAAM;EAAgB,GAAG;EAAyV,CAAC;CAAE,CAAC"}
package/dist/dev/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use client';
2
2
 
3
+ import { __exportAll, __reExport } from "./_virtual/_rolldown/runtime.js";
3
4
  import { Container, useMedia, useMediaRegistration, usePlayer, usePlayerContext } from "./player/context.js";
4
5
  import { createPlayer } from "./player/create-player.js";
5
6
  import { mergeProps } from "./utils/merge-props.js";
@@ -19,4 +20,34 @@ import { useSelector, useStore } from "@videojs/store/react";
19
20
 
20
21
  export * from "@videojs/core/dom"
21
22
 
22
- export { BufferingIndicator, Container, index_parts_exports as Controls, FullscreenButton, MuteButton, PiPButton, PlayButton, Poster, SeekButton, index_parts_exports$1 as Time, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useButton, useMedia, useMediaRegistration, usePlayer, usePlayerContext, useSelector, useStore };
23
+ //#region src/index.ts
24
+ var src_exports = /* @__PURE__ */ __exportAll({
25
+ BufferingIndicator: () => BufferingIndicator,
26
+ Container: () => Container,
27
+ Controls: () => index_parts_exports,
28
+ FullscreenButton: () => FullscreenButton,
29
+ MuteButton: () => MuteButton,
30
+ PiPButton: () => PiPButton,
31
+ PlayButton: () => PlayButton,
32
+ Poster: () => Poster,
33
+ SeekButton: () => SeekButton,
34
+ Time: () => index_parts_exports$1,
35
+ createPlayer: () => createPlayer,
36
+ createSelector: () => createSelector,
37
+ mergeProps: () => mergeProps,
38
+ renderElement: () => renderElement,
39
+ shallowEqual: () => shallowEqual,
40
+ useButton: () => useButton,
41
+ useMedia: () => useMedia,
42
+ useMediaRegistration: () => useMediaRegistration,
43
+ usePlayer: () => usePlayer,
44
+ usePlayerContext: () => usePlayerContext,
45
+ useSelector: () => useSelector,
46
+ useStore: () => useStore
47
+ });
48
+ import * as import__videojs_core_dom from "@videojs/core/dom";
49
+ __reExport(src_exports, import__videojs_core_dom);
50
+
51
+ //#endregion
52
+ export { BufferingIndicator, Container, index_parts_exports as Controls, FullscreenButton, MuteButton, PiPButton, PlayButton, Poster, SeekButton, index_parts_exports$1 as Time, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, src_exports, useButton, useMedia, useMediaRegistration, usePlayer, usePlayerContext, useSelector, useStore };
53
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["'use client';\n\n// Core\nexport * from '@videojs/core/dom';\n\n// Store\nexport type { Comparator, Selector } from '@videojs/store';\nexport { createSelector, shallowEqual } from '@videojs/store';\nexport { useSelector, useStore } from '@videojs/store/react';\n\n// Media primitives\nexport {\n Container,\n type ContainerProps,\n type PlayerContextValue,\n useMedia,\n useMediaRegistration,\n usePlayer,\n usePlayerContext,\n} from './player/context';\n\n// Player API\nexport {\n type CreatePlayerConfig,\n type CreatePlayerResult,\n createPlayer,\n type ProviderProps,\n} from './player/create-player';\n\n// UI\nexport { BufferingIndicator, type BufferingIndicatorProps } from './ui/buffering-indicator/buffering-indicator';\nexport { Controls } from './ui/controls';\nexport type { ControlsGroupProps } from './ui/controls/controls-group';\nexport type { ControlsRootProps } from './ui/controls/controls-root';\nexport { FullscreenButton, type FullscreenButtonProps } from './ui/fullscreen-button/fullscreen-button';\nexport { useButton } from './ui/hooks/use-button';\nexport { MuteButton, type MuteButtonProps } from './ui/mute-button/mute-button';\nexport { PiPButton, type PiPButtonProps } from './ui/pip-button/pip-button';\nexport { PlayButton, type PlayButtonProps } from './ui/play-button/play-button';\nexport { Poster, type PosterProps } from './ui/poster/poster';\nexport { SeekButton, type SeekButtonProps } from './ui/seek-button/seek-button';\nexport { Time } from './ui/time';\n\n// Utilities\nexport { mergeProps } from './utils/merge-props';\nexport type { HTMLProps, RenderFunction, RenderProp, UIComponentProps } from './utils/types';\nexport { renderElement } from './utils/use-render';\n"],"mappings":""}
@@ -1,4 +1,12 @@
1
+ import { ProviderProps } from "../../player/create-player.js";
2
+ import "../../index.js";
1
3
  import { Audio, AudioProps } from "../../media/audio.js";
2
4
  import { MinimalAudioSkin, MinimalAudioSkinProps } from "./minimal-skin.js";
3
5
  import { AudioSkin, AudioSkinProps } from "./skin.js";
4
- export { Audio, type AudioProps, AudioSkin, AudioSkinProps, MinimalAudioSkin, MinimalAudioSkinProps };
6
+ import * as react from "react";
7
+
8
+ //#region src/presets/audio/index.d.ts
9
+ declare const AudioProvider: react.FC<ProviderProps>;
10
+ //#endregion
11
+ export { Audio, type AudioProps, AudioProvider, AudioSkin, AudioSkinProps, MinimalAudioSkin, MinimalAudioSkinProps };
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/presets/audio/index.ts"],"mappings":";;;;;;;;cAEkB,aAAA,EAAa,KAAA,CAAA,EAAA,CAE7B,aAAA"}
@@ -1,5 +1,12 @@
1
+ import { createPlayer } from "../../player/create-player.js";
2
+ import { src_exports } from "../../index.js";
1
3
  import { Audio } from "../../media/audio.js";
2
4
  import { MinimalAudioSkin } from "./minimal-skin.js";
3
5
  import { AudioSkin } from "./skin.js";
4
6
 
5
- export { Audio, AudioSkin, MinimalAudioSkin };
7
+ //#region src/presets/audio/index.ts
8
+ const { Provider: AudioProvider } = createPlayer({ features: src_exports.features.audio });
9
+
10
+ //#endregion
11
+ export { Audio, AudioProvider, AudioSkin, MinimalAudioSkin };
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["features"],"sources":["../../../../src/presets/audio/index.ts"],"sourcesContent":["import { createPlayer, features } from '../..';\n\nconst { Provider: AudioProvider } = createPlayer({\n features: features.audio,\n});\n\nexport { AudioProvider };\nexport { Audio, type AudioProps } from '@/media/audio';\nexport * from './minimal-skin';\nexport * from './skin';\n"],"mappings":";;;;;;;AAEA,MAAM,EAAE,UAAU,kBAAkB,aAAa,EAC/C,UAAUA,qBAAS,OACpB,CAAC"}
@@ -1,3 +1,11 @@
1
+ import { ProviderProps } from "../../player/create-player.js";
2
+ import "../../index.js";
1
3
  import { BackgroundVideo, BackgroundVideoProps } from "../../media/background-video/index.js";
2
4
  import { BackgroundVideoSkin, BackgroundVideoSkinProps } from "./skin.js";
3
- export { BackgroundVideo, type BackgroundVideoProps, BackgroundVideoSkin, BackgroundVideoSkinProps };
5
+ import * as react from "react";
6
+
7
+ //#region src/presets/background/index.d.ts
8
+ declare const BackgroundVideoProvider: react.FC<ProviderProps>;
9
+ //#endregion
10
+ export { BackgroundVideo, type BackgroundVideoProps, BackgroundVideoProvider, BackgroundVideoSkin, BackgroundVideoSkinProps };
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/presets/background/index.ts"],"mappings":";;;;;;;cAEkB,uBAAA,EAAuB,KAAA,CAAA,EAAA,CAEvC,aAAA"}
@@ -1,4 +1,11 @@
1
+ import { createPlayer } from "../../player/create-player.js";
2
+ import { src_exports } from "../../index.js";
1
3
  import { BackgroundVideo } from "../../media/background-video/index.js";
2
4
  import { BackgroundVideoSkin } from "./skin.js";
3
5
 
4
- export { BackgroundVideo, BackgroundVideoSkin };
6
+ //#region src/presets/background/index.ts
7
+ const { Provider: BackgroundVideoProvider } = createPlayer({ features: src_exports.features.background });
8
+
9
+ //#endregion
10
+ export { BackgroundVideo, BackgroundVideoProvider, BackgroundVideoSkin };
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["features"],"sources":["../../../../src/presets/background/index.ts"],"sourcesContent":["import { createPlayer, features } from '../..';\n\nconst { Provider: BackgroundVideoProvider } = createPlayer({\n features: features.background,\n});\n\nexport { BackgroundVideoProvider };\nexport { BackgroundVideo, type BackgroundVideoProps } from '@/media/background-video';\nexport * from './skin';\n"],"mappings":";;;;;;AAEA,MAAM,EAAE,UAAU,4BAA4B,aAAa,EACzD,UAAUA,qBAAS,YACpB,CAAC"}
@@ -1,3 +1,21 @@
1
- .media-skin {
2
- color: var(--media-color, red);
1
+ .media-background-skin {
2
+ position: relative;
3
+ width: 100%;
4
+ height: 100%;
5
+ object-fit: cover;
6
+ }
7
+
8
+ .media-background-skin > video,
9
+ .media-background-skin > .media {
10
+ position: absolute;
11
+ inset: 0;
12
+ width: 100%;
13
+ height: 100%;
14
+ object-fit: inherit;
15
+ }
16
+
17
+ .media-background-skin > :where(img, picture) {
18
+ width: 100%;
19
+ height: 100%;
20
+ object-fit: inherit;
3
21
  }
@@ -1 +1 @@
1
- {"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"mappings":";;;;KAEY,wBAAA,GAA2B,aAAA;AAAA,iBAEvB,mBAAA,CAAoB,KAAA,EAAO,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
1
+ {"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"mappings":";;;;KAGY,wBAAA,GAA2B,aAAA;AAAA,iBAEvB,mBAAA,CAAoB,KAAA,EAAO,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1,9 +1,14 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import { cn } from "@videojs/utils/style";
2
3
 
3
4
  //#region src/presets/background/skin.tsx
4
5
  function BackgroundVideoSkin(props) {
5
- const { children } = props;
6
- return /* @__PURE__ */ jsx("div", { children });
6
+ const { children, className, ...rest } = props;
7
+ return /* @__PURE__ */ jsx("div", {
8
+ className: cn("media-background-skin", className),
9
+ ...rest,
10
+ children
11
+ });
7
12
  }
8
13
 
9
14
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"skin.js","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"sourcesContent":["import type { BaseSkinProps } from '../types';\n\nexport type BackgroundVideoSkinProps = BaseSkinProps;\n\nexport function BackgroundVideoSkin(props: BackgroundVideoSkinProps) {\n const { children } = props;\n return <div>{children}</div>;\n}\n"],"mappings":";;;AAIA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,aAAa;AACrB,QAAO,oBAAC,SAAK,WAAe"}
1
+ {"version":3,"file":"skin.js","names":[],"sources":["../../../../src/presets/background/skin.tsx"],"sourcesContent":["import { cn } from '@videojs/utils/style';\nimport type { BaseSkinProps } from '../types';\n\nexport type BackgroundVideoSkinProps = BaseSkinProps;\n\nexport function BackgroundVideoSkin(props: BackgroundVideoSkinProps) {\n const { children, className, ...rest } = props;\n return (\n <div className={cn('media-background-skin', className)} {...rest}>\n {children}\n </div>\n );\n}\n"],"mappings":";;;;AAKA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QACE,oBAAC;EAAI,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;EACzD;GACG"}
@@ -1,6 +1,14 @@
1
+ import { ProviderProps } from "../../player/create-player.js";
2
+ import "../../index.js";
1
3
  import { Video, VideoProps } from "../../media/video.js";
2
4
  import { MinimalVideoSkin, MinimalVideoSkinProps } from "./minimal-skin.js";
3
5
  import { MinimalVideoSkinTailwind } from "./minimal-skin.tailwind.js";
4
6
  import { VideoSkin, VideoSkinProps } from "./skin.js";
5
7
  import { VideoSkinTailwind } from "./skin.tailwind.js";
6
- export { MinimalVideoSkin, MinimalVideoSkinProps, MinimalVideoSkinTailwind, Video, type VideoProps, VideoSkin, VideoSkinProps, VideoSkinTailwind };
8
+ import * as react from "react";
9
+
10
+ //#region src/presets/video/index.d.ts
11
+ declare const VideoProvider: react.FC<ProviderProps>;
12
+ //#endregion
13
+ export { MinimalVideoSkin, MinimalVideoSkinProps, MinimalVideoSkinTailwind, Video, type VideoProps, VideoProvider, VideoSkin, VideoSkinProps, VideoSkinTailwind };
14
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/presets/video/index.ts"],"mappings":";;;;;;;;;;cAEkB,aAAA,EAAa,KAAA,CAAA,EAAA,CAE7B,aAAA"}
@@ -1,7 +1,14 @@
1
+ import { createPlayer } from "../../player/create-player.js";
2
+ import { src_exports } from "../../index.js";
1
3
  import { Video } from "../../media/video.js";
2
4
  import { MinimalVideoSkin } from "./minimal-skin.js";
3
5
  import { MinimalVideoSkinTailwind } from "./minimal-skin.tailwind.js";
4
6
  import { VideoSkin } from "./skin.js";
5
7
  import { VideoSkinTailwind } from "./skin.tailwind.js";
6
8
 
7
- export { MinimalVideoSkin, MinimalVideoSkinTailwind, Video, VideoSkin, VideoSkinTailwind };
9
+ //#region src/presets/video/index.ts
10
+ const { Provider: VideoProvider } = createPlayer({ features: src_exports.features.video });
11
+
12
+ //#endregion
13
+ export { MinimalVideoSkin, MinimalVideoSkinTailwind, Video, VideoProvider, VideoSkin, VideoSkinTailwind };
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["features"],"sources":["../../../../src/presets/video/index.ts"],"sourcesContent":["import { createPlayer, features } from '../..';\n\nconst { Provider: VideoProvider } = createPlayer({\n features: features.video,\n});\n\nexport { VideoProvider };\nexport { Video, type VideoProps } from '@/media/video';\nexport * from './minimal-skin';\nexport * from './minimal-skin.tailwind';\nexport * from './skin';\nexport * from './skin.tailwind';\n"],"mappings":";;;;;;;;;AAEA,MAAM,EAAE,UAAU,kBAAkB,aAAa,EAC/C,UAAUA,qBAAS,OACpB,CAAC"}
@@ -9,11 +9,23 @@ import { SeekButton } from "../../ui/seek-button/seek-button.js";
9
9
  import { Group } from "../../ui/time/time-group.js";
10
10
  import { Separator } from "../../ui/time/time-separator.js";
11
11
  import { Value } from "../../ui/time/time-value.js";
12
+ import CaptionsOffIcon from "../../icons/dist/react/minimal/captions-off.js";
13
+ import CaptionsOnIcon from "../../icons/dist/react/minimal/captions-on.js";
14
+ import FullscreenEnterIcon from "../../icons/dist/react/minimal/fullscreen-enter.js";
15
+ import FullscreenExitIcon from "../../icons/dist/react/minimal/fullscreen-exit.js";
16
+ import PauseIcon from "../../icons/dist/react/minimal/pause.js";
17
+ import PipIcon from "../../icons/dist/react/minimal/pip.js";
18
+ import PlayIcon from "../../icons/dist/react/minimal/play.js";
19
+ import RestartIcon from "../../icons/dist/react/minimal/restart.js";
20
+ import SeekIcon from "../../icons/dist/react/minimal/seek.js";
21
+ import SpinnerIcon from "../../icons/dist/react/minimal/spinner.js";
22
+ import VolumeHighIcon from "../../icons/dist/react/minimal/volume-high.js";
23
+ import VolumeLowIcon from "../../icons/dist/react/minimal/volume-low.js";
24
+ import VolumeOffIcon from "../../icons/dist/react/minimal/volume-off.js";
12
25
  import { CaptionsButton } from "../../ui/captions-button/captions-button.js";
13
26
  import { ErrorDialog } from "../../ui/error-dialog/error-dialog.js";
14
27
  import { forwardRef } from "react";
15
28
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
16
- import { CaptionsOffIcon, CaptionsOnIcon, FullscreenEnterIcon, FullscreenExitIcon, PauseIcon, PipIcon, PlayIcon, RestartIcon, SeekIcon, SpinnerIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon } from "@videojs/icons/react/minimal";
17
29
  import { cn } from "@videojs/utils/style";
18
30
 
19
31
  //#region src/presets/video/minimal-skin.tsx