@videojs/react 10.0.0-beta.25 → 10.0.0-beta.27

package/dist/dev/icons/dist/react/minimal/speed.js.map

@@ -1 +1 @@
-{"version":3,"file":"speed.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/speed.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nconst SpeedIcon = (props) => /* @__PURE__ */ jsxs(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"currentColor\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: [\n  /* @__PURE__ */ jsx(\"path\", { d: \"M9 18q-.213 0-.424-.012h.85Q9.214 18 9 18M9 2a8 8 0 0 1 8 8c0 1.975-.719 3.78-1.905 5.175a.75.75 0 0 1-1.204.018l-1.509-1.971a.75.75 0 0 1 .596-1.206h2.202a6.5 6.5 0 1 0-12.36 0h2.209a.75.75 0 0 1 .595 1.206l-1.507 1.971a.75.75 0 0 1-1.133.07l-.003.004A8 8 0 0 1 9 2\" }),\n  /* @__PURE__ */ jsx(\"rect\", { width: 6, height: 1.5, x: 6, y: 14, fillOpacity: 0.5, rx: 0.75 }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"M8.504 5.217c.077-.578.915-.578.992 0l.399 2.996A1.998 1.998 0 0 1 9 12a2 2 0 0 1-.896-3.787z\" }),\n  /* @__PURE__ */ jsxs(\"g\", { fillOpacity: 0.5, children: [\n    /* @__PURE__ */ jsx(\"circle\", { cx: 4.75, cy: 9.75, r: 0.75 }),\n    /* @__PURE__ */ jsx(\"circle\", { cx: 13.25, cy: 9.75, r: 0.75 }),\n    /* @__PURE__ */ jsx(\"circle\", { cx: 6, cy: 6.75, r: 0.75 }),\n    /* @__PURE__ */ jsx(\"circle\", { cx: 12, cy: 6.75, r: 0.75 })\n  ] })\n] });\nexport default SpeedIcon;\n"],"mappings":";;AACA,MAAM,aAAa,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAgB,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU;EAC5L,oBAAI,QAAQ,EAAE,GAAG,8QAA8Q,CAAC;EAChS,oBAAI,QAAQ;GAAE,OAAO;GAAG,QAAQ;GAAK,GAAG;GAAG,GAAG;GAAI,aAAa;GAAK,IAAI;GAAM,CAAC;EAC/E,oBAAI,QAAQ,EAAE,GAAG,iGAAiG,CAAC;EACnH,qBAAK,KAAK;GAAE,aAAa;GAAK,UAAU;IACtC,oBAAI,UAAU;KAAE,IAAI;KAAM,IAAI;KAAM,GAAG;KAAM,CAAC;IAC9C,oBAAI,UAAU;KAAE,IAAI;KAAO,IAAI;KAAM,GAAG;KAAM,CAAC;IAC/C,oBAAI,UAAU;KAAE,IAAI;KAAG,IAAI;KAAM,GAAG;KAAM,CAAC;IAC3C,oBAAI,UAAU;KAAE,IAAI;KAAI,IAAI;KAAM,GAAG;KAAM,CAAC;IAC7D;GAAE,CAAC;EACL;CAAE,CAAC"}
+{"version":3,"file":"speed.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/speed.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SpeedIcon = (props) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M9 18q-.213 0-.424-.012h.85Q9.214 18 9 18M9 2a8 8 0 0 1 8 8c0 1.975-.719 3.78-1.905 5.175a.75.75 0 0 1-1.204.018l-1.509-1.971a.75.75 0 0 1 .596-1.206h2.202a6.5 6.5 0 1 0-12.36 0h2.209a.75.75 0 0 1 .595 1.206l-1.507 1.971a.75.75 0 0 1-1.133.07l-.003.004A8 8 0 0 1 9 2\" }),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 6,\n\t\t\theight: 1.5,\n\t\t\tx: 6,\n\t\t\ty: 14,\n\t\t\tfillOpacity: .5,\n\t\t\trx: .75\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M8.504 5.217c.077-.578.915-.578.992 0l.399 2.996A1.998 1.998 0 0 1 9 12a2 2 0 0 1-.896-3.787z\" }),\n\t\t/* @__PURE__ */ _jsxs(\"g\", {\n\t\t\tfillOpacity: .5,\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ _jsx(\"circle\", {\n\t\t\t\t\tcx: 4.75,\n\t\t\t\t\tcy: 9.75,\n\t\t\t\t\tr: .75\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"circle\", {\n\t\t\t\t\tcx: 13.25,\n\t\t\t\t\tcy: 9.75,\n\t\t\t\t\tr: .75\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"circle\", {\n\t\t\t\t\tcx: 6,\n\t\t\t\t\tcy: 6.75,\n\t\t\t\t\tr: .75\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"circle\", {\n\t\t\t\t\tcx: 12,\n\t\t\t\t\tcy: 6.75,\n\t\t\t\t\tr: .75\n\t\t\t\t})\n\t\t\t]\n\t\t})\n\t]\n});\nexport default SpeedIcon;\n"],"mappings":";;AACA,MAAM,aAAa,UAA0B,qBAAM,OAAO;CACzD,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ,EAAE,GAAG,6QAA6Q,CAAC;EAChS,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,gGAAgG,CAAC;EACnH,qBAAM,KAAK;GAC1B,aAAa;GACb,UAAU;IACO,oBAAK,UAAU;KAC9B,IAAI;KACJ,IAAI;KACJ,GAAG;IACJ,CAAC;IACe,oBAAK,UAAU;KAC9B,IAAI;KACJ,IAAI;KACJ,GAAG;IACJ,CAAC;IACe,oBAAK,UAAU;KAC9B,IAAI;KACJ,IAAI;KACJ,GAAG;IACJ,CAAC;IACe,oBAAK,UAAU;KAC9B,IAAI;KACJ,IAAI;KACJ,GAAG;IACJ,CAAC;GACF;EACD,CAAC;CACF;AACD,CAAC"}

package/dist/dev/icons/dist/react/minimal/spinner.js

@@ -12,7 +12,7 @@ const SpinnerIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 	viewBox: "0 0 18 18",
 	...props,
 	children: [
-		/* @__PURE__ */ jsx("style", { children: "@keyframes media-spinner-fade{0%{opacity:1}to{opacity:0}}.media-spinner__segment{animation:var(--media-spinner-animation, media-spinner-fade 1s linear infinite);animation-delay:var(--media-spinner-delay)}" }),
+		/* @__PURE__ */ jsx("style", { children: "@keyframes media-spinner-fade{0%{opacity:1}to{opacity:0}}.media-spinner__segment{animation:var(--media-spinner-animation, media-spinner-fade 1s steps(8, end) infinite);animation-delay:var(--media-spinner-delay)}@media (prefers-reduced-motion:reduce){.media-spinner__segment{animation:none}}" }),
 		/* @__PURE__ */ jsx("path", {
 			d: "M9 1.5v3",
 			className: "media-spinner__segment",

package/dist/dev/icons/dist/react/minimal/spinner.js.map

@@ -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: \"none\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeWidth: 2, \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: [\n  /* @__PURE__ */ jsx(\"style\", { children: \"@keyframes media-spinner-fade{0%{opacity:1}to{opacity:0}}.media-spinner__segment{animation:var(--media-spinner-animation, media-spinner-fade 1s linear infinite);animation-delay:var(--media-spinner-delay)}\" }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"M9 1.5v3\", className: \"media-spinner__segment\", opacity: 0.5, style: {\n    \"--media-spinner-delay\": \"0s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"m14.5 3.5-2 2\", className: \"media-spinner__segment\", opacity: 0.45, style: {\n    \"--media-spinner-delay\": \"0.125s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"M16.5 9h-3\", className: \"media-spinner__segment\", opacity: 0.4, style: {\n    \"--media-spinner-delay\": \"0.25s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"m14.5 14.5-2-2\", className: \"media-spinner__segment\", opacity: 0.35, style: {\n    \"--media-spinner-delay\": \"0.375s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"M9 16.5v-3\", className: \"media-spinner__segment\", opacity: 0.3, style: {\n    \"--media-spinner-delay\": \"0.5s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"m3.5 14.5 2-2\", className: \"media-spinner__segment\", opacity: 0.25, style: {\n    \"--media-spinner-delay\": \"0.625s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"M1.5 9h3\", className: \"media-spinner__segment\", opacity: 0.15, style: {\n    \"--media-spinner-delay\": \"0.75s\"\n  } }),\n  /* @__PURE__ */ jsx(\"path\", { d: \"m3.5 3.5 2 2\", className: \"media-spinner__segment\", opacity: 0.1, style: {\n    \"--media-spinner-delay\": \"0.875s\"\n  } })\n] });\nexport default SpinnerIcon;\n"],"mappings":";;AACA,MAAM,eAAe,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAQ,QAAQ;CAAgB,eAAe;CAAS,aAAa;CAAG,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU;EACtP,oBAAI,SAAS,EAAE,UAAU,gNAAgN,CAAC;EAC1O,oBAAI,QAAQ;GAAE,GAAG;GAAY,WAAW;GAA0B,SAAS;GAAK,OAAO,EACrG,yBAAyB,MAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAiB,WAAW;GAA0B,SAAS;GAAM,OAAO,EAC3G,yBAAyB,UAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAc,WAAW;GAA0B,SAAS;GAAK,OAAO,EACvG,yBAAyB,SAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAkB,WAAW;GAA0B,SAAS;GAAM,OAAO,EAC5G,yBAAyB,UAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAc,WAAW;GAA0B,SAAS;GAAK,OAAO,EACvG,yBAAyB,QAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAiB,WAAW;GAA0B,SAAS;GAAM,OAAO,EAC3G,yBAAyB,UAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAY,WAAW;GAA0B,SAAS;GAAM,OAAO,EACtG,yBAAyB,SAC1B;GAAE,CAAC;EACY,oBAAI,QAAQ;GAAE,GAAG;GAAgB,WAAW;GAA0B,SAAS;GAAK,OAAO,EACzG,yBAAyB,UAC1B;GAAE,CAAC;EACL;CAAE,CAAC"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/spinner.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SpinnerIcon = (props) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\tstroke: \"currentColor\",\n\tstrokeLinecap: \"round\",\n\tstrokeWidth: 2,\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"style\", { children: \"@keyframes media-spinner-fade{0%{opacity:1}to{opacity:0}}.media-spinner__segment{animation:var(--media-spinner-animation, media-spinner-fade 1s steps(8, end) infinite);animation-delay:var(--media-spinner-delay)}@media (prefers-reduced-motion:reduce){.media-spinner__segment{animation:none}}\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M9 1.5v3\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .5,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"m14.5 3.5-2 2\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .45,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.125s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M16.5 9h-3\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .4,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.25s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"m14.5 14.5-2-2\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .35,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.375s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M9 16.5v-3\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .3,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.5s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"m3.5 14.5 2-2\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .25,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.625s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M1.5 9h3\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .15,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.75s\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"m3.5 3.5 2 2\",\n\t\t\tclassName: \"media-spinner__segment\",\n\t\t\topacity: .1,\n\t\t\tstyle: { \"--media-spinner-delay\": \"0.875s\" }\n\t\t})\n\t]\n});\nexport default SpinnerIcon;\n"],"mappings":";;AACA,MAAM,eAAe,UAA0B,qBAAM,OAAO;CAC3D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,eAAe;CACf,aAAa;CACb,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,SAAS,EAAE,UAAU,qSAAqS,CAAC;EAChU,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,KAAK;EACxC,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,SAAS;EAC5C,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,QAAQ;EAC3C,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,SAAS;EAC5C,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,OAAO;EAC1C,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,SAAS;EAC5C,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,QAAQ;EAC3C,CAAC;EACe,oBAAK,QAAQ;GAC5B,GAAG;GACH,WAAW;GACX,SAAS;GACT,OAAO,EAAE,yBAAyB,SAAS;EAC5C,CAAC;CACF;AACD,CAAC"}

package/dist/dev/icons/dist/react/minimal/switches.js.map

@@ -1 +1 @@
-{"version":3,"file":"switches.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/switches.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nconst SwitchesIcon = (props) => /* @__PURE__ */ jsxs(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 18, height: 18, fill: \"currentColor\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: [\n  /* @__PURE__ */ jsx(\"path\", { d: \"M12.5 9.5a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zm-2 1.5a2 2 0 1 0 0 4h2a2 2 0 1 0 0-4z\" }),\n  /* @__PURE__ */ jsx(\"path\", { fillOpacity: 0.5, d: \"M12.5 1.5a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zM5.5 3a2 2 0 1 0 0 4h2a2 2 0 1 0 0-4z\" })\n] });\nexport default SwitchesIcon;\n"],"mappings":";;AACA,MAAM,gBAAgB,UAA0B,qBAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAI,QAAQ;CAAI,MAAM;CAAgB,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU,CAC/L,oBAAI,QAAQ,EAAE,GAAG,2FAA2F,CAAC,EAC7G,oBAAI,QAAQ;EAAE,aAAa;EAAK,GAAG;EAA0F,CAAC,CAC/I;CAAE,CAAC"}
+{"version":3,"file":"switches.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/switches.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SwitchesIcon = (props) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: [/* @__PURE__ */ _jsx(\"path\", { d: \"M12.5 9.5a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zm-2 1.5a2 2 0 1 0 0 4h2a2 2 0 1 0 0-4z\" }), /* @__PURE__ */ _jsx(\"path\", {\n\t\tfillOpacity: .5,\n\t\td: \"M12.5 1.5a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zM5.5 3a2 2 0 1 0 0 4h2a2 2 0 1 0 0-4z\"\n\t})]\n});\nexport default SwitchesIcon;\n"],"mappings":";;AACA,MAAM,gBAAgB,UAA0B,qBAAM,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,0FAA0F,CAAC,GAAmB,oBAAK,QAAQ;EACvK,aAAa;EACb,GAAG;CACJ,CAAC,CAAC;AACH,CAAC"}

package/dist/dev/icons/dist/react/minimal/volume-high.js.map

@@ -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: \"currentColor\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: [\n  /* @__PURE__ */ jsx(\"path\", { 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\", { 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;CAAgB,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAAU,CACjM,oBAAI,QAAQ,EAAE,GAAG,mKAAmK,CAAC,EACrL,oBAAI,QAAQ,EAAE,GAAG,yaAAya,CAAC,CAC5c;CAAE,CAAC"}
+{"version":3,"file":"volume-high.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-high.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst VolumeHighIcon = (props) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: [/* @__PURE__ */ _jsx(\"path\", { 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\" }), /* @__PURE__ */ _jsx(\"path\", { 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,qBAAM,OAAO;CAC9D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,kKAAkK,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,waAAwa,CAAC,CAAC;AAChqB,CAAC"}

package/dist/dev/icons/dist/react/minimal/volume-low.js.map

@@ -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: \"currentColor\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { 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;CAAgB,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ,EAAE,GAAG,yaAAya,CAAC;CAAE,CAAC"}
+{"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-low.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst VolumeLowIcon = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", { 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 VolumeLowIcon;\n"],"mappings":";;AACA,MAAM,iBAAiB,UAA0B,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,waAAwa,CAAC;AACtd,CAAC"}

package/dist/dev/icons/dist/react/minimal/volume-off.js.map

@@ -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: \"currentColor\", \"aria-hidden\": \"true\", viewBox: \"0 0 18 18\", ...props, children: /* @__PURE__ */ jsx(\"path\", { 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;CAAgB,eAAe;CAAQ,SAAS;CAAa,GAAG;CAAO,UAA0B,oBAAI,QAAQ,EAAE,GAAG,yVAAyV,CAAC;CAAE,CAAC"}
+{"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-off.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst VolumeOffIcon = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"currentColor\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", { 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\" })\n});\nexport default VolumeOffIcon;\n"],"mappings":";;AACA,MAAM,iBAAiB,UAA0B,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,wVAAwV,CAAC;AACtY,CAAC"}

package/dist/dev/index.d.ts

@@ -1,19 +1,31 @@
-import { Container, ContainerProps, PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
-import { CreatePlayerConfig, CreatePlayerResult, ProviderProps, createPlayer } from "./player/create-player.js";
+import { I18nContext, I18nContextValue, useLocale, useTranslator } from "./i18n/context.js";
+import { CreateI18nOptions, CreateI18nResult, I18nProvider, I18nProviderProps, createI18n } from "./i18n/create-i18n.js";
+import { FlatTranslations, Locale, TranslationParams, Translations, Translator, createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, onI18nRegistryChange, registerI18n } from "./i18n/index.js";
+import { Container, ContainerProps } from "./player/container.js";
+import { PlayerContextValue, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { CreatePlayerConfig, CreatePlayerResult, PlayerProps, createPlayer } from "./player/create-player.js";
 import { HTMLProps, RenderFunction, RenderProp, UIComponentProps } from "./utils/types.js";
 import { AirPlayButton, AirPlayButtonProps } from "./ui/airplay-button/airplay-button.js";
 import { AlertDialogContextValue, useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { index_parts_d_exports } from "./ui/alert-dialog/index.parts.js";
+import "./ui/alert-dialog/index.js";
 import { AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, useAudioTrackOptions } from "./ui/audio-track/use-audio-track-options.js";
+import "./ui/audio-track/index.js";
+import { AudioTrackRadioGroup, AudioTrackRadioGroupItemProps, AudioTrackRadioGroupItemState, AudioTrackRadioGroupProps } from "./ui/audio-track-radio-group/audio-track-radio-group.js";
+import "./ui/audio-track-radio-group/index.js";
 import { BufferingIndicator, BufferingIndicatorProps } from "./ui/buffering-indicator/buffering-indicator.js";
 import { CaptionsButton, CaptionsButtonProps } from "./ui/captions-button/captions-button.js";
 import { CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, useCaptionsOptions } from "./ui/captions-radio-group/use-captions-options.js";
+import { CaptionsRadioGroup, CaptionsRadioGroupItemProps, CaptionsRadioGroupItemState, CaptionsRadioGroupProps } from "./ui/captions-radio-group/captions-radio-group.js";
+import "./ui/captions-radio-group/index.js";
 import { CastButton, CastButtonProps } from "./ui/cast-button/cast-button.js";
 import { ControlsGroupProps } from "./ui/controls/controls-group.js";
 import { ControlsRootProps } from "./ui/controls/controls-root.js";
 import { index_parts_d_exports as index_parts_d_exports$1 } from "./ui/controls/index.parts.js";
+import "./ui/controls/index.js";
 import { ErrorDialogContextValue, useErrorDialogContext } from "./ui/error-dialog/context.js";
 import { index_parts_d_exports as index_parts_d_exports$2 } from "./ui/error-dialog/index.parts.js";
+import "./ui/error-dialog/index.js";
 import { FullscreenButton, FullscreenButtonProps } from "./ui/fullscreen-button/fullscreen-button.js";
 import { Gesture, GestureProps, MediaGesture, MediaGestureProps } from "./ui/gesture/gesture.js";
 import { UseDoubleTapGestureOptions, useDoubleTapGesture } from "./ui/gesture/use-doubletap-gesture.js";
@@ -26,19 +38,28 @@ import { useHotkeyShortcut } from "./ui/hotkey/use-hotkey-shortcut.js";
 import { LiveButton, LiveButtonProps } from "./ui/live-button/live-button.js";
 import { MenuContextValue, useMenuContext, useOptionalMenuContext } from "./ui/menu/context.js";
 import { index_parts_d_exports as index_parts_d_exports$3 } from "./ui/menu/index.parts.js";
+import "./ui/menu/index.js";
 import { MuteButton, MuteButtonProps } from "./ui/mute-button/mute-button.js";
 import { PiPButton, PiPButtonProps } from "./ui/pip-button/pip-button.js";
 import { PlayButton, PlayButtonProps } from "./ui/play-button/play-button.js";
 import { PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, usePlaybackRateOptions } from "./ui/playback-rate/use-playback-rate-options.js";
+import "./ui/playback-rate/index.js";
 import { PlaybackRateButton, PlaybackRateButtonProps } from "./ui/playback-rate-button/playback-rate-button.js";
+import { PlaybackRateRadioGroup, PlaybackRateRadioGroupItemProps, PlaybackRateRadioGroupItemState, PlaybackRateRadioGroupProps } from "./ui/playback-rate-radio-group/playback-rate-radio-group.js";
+import "./ui/playback-rate-radio-group/index.js";
 import { PopoverContextValue, usePopoverContext } from "./ui/popover/context.js";
 import { index_parts_d_exports as index_parts_d_exports$4 } from "./ui/popover/index.parts.js";
+import "./ui/popover/index.js";
 import { Poster, PosterProps } from "./ui/poster/poster.js";
 import { QualityOption, QualityOptionsProps, QualityOptionsResult, useQualityOptions } from "./ui/quality/use-quality-options.js";
+import "./ui/quality/index.js";
+import { QualityRadioGroup, QualityRadioGroupItemProps, QualityRadioGroupItemState, QualityRadioGroupProps } from "./ui/quality-radio-group/quality-radio-group.js";
+import "./ui/quality-radio-group/index.js";
 import { SeekButton, SeekButtonProps } from "./ui/seek-button/seek-button.js";
 import { SeekIndicatorRootProps } from "./ui/seek-indicator/seek-indicator-root.js";
 import { SeekIndicatorValueProps } from "./ui/seek-indicator/seek-indicator-value.js";
 import { index_parts_d_exports as index_parts_d_exports$5 } from "./ui/seek-indicator/index.parts.js";
+import "./ui/seek-indicator/index.js";
 import { SliderBufferProps } from "./ui/slider/slider-buffer.js";
 import { SliderFillProps } from "./ui/slider/slider-fill.js";
 import { SliderRootProps } from "./ui/slider/slider-root.js";
@@ -48,29 +69,47 @@ import { SliderThumbnailProps } from "./ui/slider/slider-thumbnail.js";
 import { SliderTrackProps } from "./ui/slider/slider-track.js";
 import { SliderValueProps } from "./ui/slider/slider-value.js";
 import { index_parts_d_exports as index_parts_d_exports$6 } from "./ui/slider/index.parts.js";
+import "./ui/slider/index.js";
 import { StatusAnnouncer, StatusAnnouncerProps } from "./ui/status-announcer/status-announcer.js";
 import { StatusIndicatorRootProps } from "./ui/status-indicator/status-indicator-root.js";
 import { StatusIndicatorValueProps } from "./ui/status-indicator/status-indicator-value.js";
 import { index_parts_d_exports as index_parts_d_exports$7 } from "./ui/status-indicator/index.parts.js";
+import "./ui/status-indicator/index.js";
 import { index_parts_d_exports as index_parts_d_exports$8 } from "./ui/time/index.parts.js";
+import "./ui/time/index.js";
+import { TimeSliderChapterTitleProps, TimeSliderChapterTitleState } from "./ui/time-slider/time-slider-chapters/time-slider-chapter-title.js";
+import { TimeSliderChapterState, TimeSliderChaptersProps, TimeSliderChaptersState } from "./ui/time-slider/time-slider-chapters/time-slider-chapters.js";
 import { index_parts_d_exports as index_parts_d_exports$9 } from "./ui/time-slider/index.parts.js";
+import "./ui/time-slider/index.js";
 import { TooltipContent, TooltipContextValue, useTooltipContext } from "./ui/tooltip/context.js";
 import { index_parts_d_exports as index_parts_d_exports$10 } from "./ui/tooltip/index.parts.js";
+import "./ui/tooltip/index.js";
 import { VolumeIndicatorFillProps } from "./ui/volume-indicator/volume-indicator-fill.js";
 import { VolumeIndicatorRootProps } from "./ui/volume-indicator/volume-indicator-root.js";
 import { VolumeIndicatorValueProps } from "./ui/volume-indicator/volume-indicator-value.js";
 import { index_parts_d_exports as index_parts_d_exports$11 } from "./ui/volume-indicator/index.parts.js";
+import "./ui/volume-indicator/index.js";
 import { index_parts_d_exports as index_parts_d_exports$12 } from "./ui/volume-slider/index.parts.js";
+import "./ui/volume-slider/index.js";
 import { mergeProps } from "./utils/merge-props.js";
 import { useAttachMedia } from "./utils/use-attach-media.js";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
 import { useDestroy } from "./utils/use-destroy.js";
 import { useLatestRef } from "./utils/use-latest-ref.js";
+import { useMediaComponent } from "./utils/use-media-component.js";
 import { useMediaInstance } from "./utils/use-media-instance.js";
 import { renderElement } from "./utils/use-render.js";
+import { NodeListLike, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable } from "@videojs/media";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 import { IndicatorStatus, InputAction, InputIndicatorLabels } from "@videojs/core";
 export * from "@videojs/core/dom";
-export * from "@videojs/core/media/predicate";
-export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, type AlertDialogContextValue, type AudioTrackOption, type AudioTrackOptionsProps, type AudioTrackOptionsResult, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type CaptionsOption, type CaptionsOptionsProps, type CaptionsOptionsResult, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, type ErrorDialogContextValue, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$3 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, type PlayerContextValue, index_parts_d_exports$4 as Popover, type PopoverContextValue, Poster, type PosterProps, type ProviderProps, type QualityOption, type QualityOptionsProps, type QualityOptionsResult, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$5 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$6 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$7 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, index_parts_d_exports$10 as Tooltip, type TooltipContent, type TooltipContextValue, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$11 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$12 as VolumeSlider, composeRefs, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };
+export * from "@videojs/media/dom";
+declare namespace index_d_exports {
+  export { AirPlayButton, AirPlayButtonProps, index_parts_d_exports as AlertDialog, AlertDialogContextValue, AudioTrackOption, AudioTrackOptionsProps, AudioTrackOptionsResult, AudioTrackRadioGroup, AudioTrackRadioGroupItemProps, AudioTrackRadioGroupItemState, AudioTrackRadioGroupProps, BufferingIndicator, BufferingIndicatorProps, CaptionsButton, CaptionsButtonProps, CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, CaptionsRadioGroup, CaptionsRadioGroupItemProps, CaptionsRadioGroupItemState, CaptionsRadioGroupProps, CastButton, CastButtonProps, Comparator, Container, ContainerProps, index_parts_d_exports$1 as Controls, ControlsGroupProps, ControlsRootProps, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, ErrorDialogContextValue, FlatTranslations, FullscreenButton, FullscreenButtonProps, Gesture, GestureProps, HTMLProps, Hotkey, HotkeyProps, I18nContext, I18nContextValue, I18nProvider, I18nProviderProps, IndicatorStatus, InputAction, InputIndicatorLabels, LiveButton, LiveButtonProps, Locale, MediaGesture, MediaGestureProps, MediaHotkey, MediaHotkeyProps, index_parts_d_exports$3 as Menu, MenuContextValue, MuteButton, MuteButtonProps, NodeListLike, PiPButton, PiPButtonProps, PlayButton, PlayButtonProps, PlaybackRateButton, PlaybackRateButtonProps, PlaybackRateOption, PlaybackRateOptionsProps, PlaybackRateOptionsResult, PlaybackRateRadioGroup, PlaybackRateRadioGroupItemProps, PlaybackRateRadioGroupItemState, PlaybackRateRadioGroupProps, PlayerContextValue, PlayerProps, index_parts_d_exports$4 as Popover, PopoverContextValue, Poster, PosterProps, QualityOption, QualityOptionsProps, QualityOptionsResult, QualityRadioGroup, QualityRadioGroupItemProps, QualityRadioGroupItemState, QualityRadioGroupProps, RenderFunction, RenderProp, SeekButton, SeekButtonProps, index_parts_d_exports$5 as SeekIndicator, SeekIndicatorRootProps, SeekIndicatorValueProps, Selector, index_parts_d_exports$6 as Slider, SliderBufferProps, SliderFillProps, SliderRootProps, SliderThumbProps, SliderThumbnailProps, SliderTrackProps, SliderValueProps, StatusAnnouncer, StatusAnnouncerProps, index_parts_d_exports$7 as StatusIndicator, StatusIndicatorRootProps, StatusIndicatorValueProps, Thumbnail, ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, TimeSliderChapterState, TimeSliderChapterTitleProps, TimeSliderChapterTitleState, TimeSliderChaptersProps, TimeSliderChaptersState, index_parts_d_exports$10 as Tooltip, TooltipContent, TooltipContextValue, TranslationParams, Translations, Translator, UIComponentProps, UseDoubleTapGestureOptions, UseHotkeyOptions, UseTapGestureOptions, index_parts_d_exports$11 as VolumeIndicator, VolumeIndicatorFillProps, VolumeIndicatorRootProps, VolumeIndicatorValueProps, index_parts_d_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+}
+import * as import__videojs_core_dom from "@videojs/core/dom";
+import * as import__videojs_media_dom from "@videojs/media/dom";
+//#endregion
+export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, type AlertDialogContextValue, type AudioTrackOption, type AudioTrackOptionsProps, type AudioTrackOptionsResult, AudioTrackRadioGroup, type AudioTrackRadioGroupItemProps, type AudioTrackRadioGroupItemState, type AudioTrackRadioGroupProps, BufferingIndicator, type BufferingIndicatorProps, CaptionsButton, type CaptionsButtonProps, type CaptionsOption, type CaptionsOptionsProps, type CaptionsOptionsResult, CaptionsRadioGroup, type CaptionsRadioGroupItemProps, type CaptionsRadioGroupItemState, type CaptionsRadioGroupProps, CastButton, type CastButtonProps, type Comparator, Container, type ContainerProps, index_parts_d_exports$1 as Controls, type ControlsGroupProps, type ControlsRootProps, type CreateI18nOptions, type CreateI18nResult, type CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as ErrorDialog, type ErrorDialogContextValue, type FlatTranslations, FullscreenButton, type FullscreenButtonProps, Gesture, type GestureProps, type HTMLProps, Hotkey, type HotkeyProps, I18nContext, type I18nContextValue, I18nProvider, type I18nProviderProps, type IndicatorStatus, type InputAction, type InputIndicatorLabels, LiveButton, type LiveButtonProps, type Locale, MediaGesture, type MediaGestureProps, MediaHotkey, type MediaHotkeyProps, index_parts_d_exports$3 as Menu, type MenuContextValue, MuteButton, type MuteButtonProps, type NodeListLike, PiPButton, type PiPButtonProps, PlayButton, type PlayButtonProps, PlaybackRateButton, type PlaybackRateButtonProps, type PlaybackRateOption, type PlaybackRateOptionsProps, type PlaybackRateOptionsResult, PlaybackRateRadioGroup, type PlaybackRateRadioGroupItemProps, type PlaybackRateRadioGroupItemState, type PlaybackRateRadioGroupProps, type PlayerContextValue, type PlayerProps, index_parts_d_exports$4 as Popover, type PopoverContextValue, Poster, type PosterProps, type QualityOption, type QualityOptionsProps, type QualityOptionsResult, QualityRadioGroup, type QualityRadioGroupItemProps, type QualityRadioGroupItemState, type QualityRadioGroupProps, type RenderFunction, type RenderProp, SeekButton, type SeekButtonProps, index_parts_d_exports$5 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$6 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$7 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, type TimeSliderChapterState, type TimeSliderChapterTitleProps, type TimeSliderChapterTitleState, type TimeSliderChaptersProps, type TimeSliderChaptersState, index_parts_d_exports$10 as Tooltip, type TooltipContent, type TooltipContextValue, type TranslationParams, type Translations, type Translator, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$11 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"mappings":""}

package/dist/dev/index.js

@@ -1,6 +1,10 @@
 "use client";
+import { I18nContext, useLocale, useTranslator } from "./i18n/context.js";
+import { I18nProvider, createI18n } from "./i18n/create-i18n.js";
+import { createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, onI18nRegistryChange, registerI18n } from "./i18n/index.js";
 import { composeRefs, useComposedRefs } from "./utils/use-composed-refs.js";
-import { Container, useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { useContainer, useContainerAttach, useMedia, useMediaAttach, useOptionalContainer, useOptionalPlayer, usePlayer, usePlayerContext } from "./player/context.js";
+import { Container } from "./player/container.js";
 import { useLatestRef } from "./utils/use-latest-ref.js";
 import { useDestroy } from "./utils/use-destroy.js";
 import { createPlayer } from "./player/create-player.js";
@@ -14,9 +18,11 @@ import { AirPlayButton } from "./ui/airplay-button/airplay-button.js";
 import { useAlertDialogContext } from "./ui/alert-dialog/context.js";
 import { index_parts_exports } from "./ui/alert-dialog/index.parts.js";
 import { useAudioTrackOptions } from "./ui/audio-track/use-audio-track-options.js";
+import { AudioTrackRadioGroup } from "./ui/audio-track-radio-group/audio-track-radio-group.js";
 import { BufferingIndicator } from "./ui/buffering-indicator/buffering-indicator.js";
 import { CaptionsButton } from "./ui/captions-button/captions-button.js";
 import { useCaptionsOptions } from "./ui/captions-radio-group/use-captions-options.js";
+import { CaptionsRadioGroup } from "./ui/captions-radio-group/captions-radio-group.js";
 import { CastButton } from "./ui/cast-button/cast-button.js";
 import { index_parts_exports as index_parts_exports$1 } from "./ui/controls/index.parts.js";
 import { useErrorDialogContext } from "./ui/error-dialog/context.js";
@@ -29,16 +35,18 @@ import { useSlider } from "./ui/hooks/use-slider.js";
 import { Hotkey, MediaHotkey } from "./ui/hotkey/hotkey.js";
 import { useHotkey } from "./ui/hotkey/use-hotkey.js";
 import { LiveButton } from "./ui/live-button/live-button.js";
-import { usePlaybackRateOptions } from "./ui/playback-rate/use-playback-rate-options.js";
-import { useQualityOptions } from "./ui/quality/use-quality-options.js";
 import { index_parts_exports as index_parts_exports$3 } from "./ui/menu/index.parts.js";
 import { MuteButton } from "./ui/mute-button/mute-button.js";
 import { PiPButton } from "./ui/pip-button/pip-button.js";
 import { PlayButton } from "./ui/play-button/play-button.js";
+import { usePlaybackRateOptions } from "./ui/playback-rate/use-playback-rate-options.js";
 import { PlaybackRateButton } from "./ui/playback-rate-button/playback-rate-button.js";
+import { PlaybackRateRadioGroup } from "./ui/playback-rate-radio-group/playback-rate-radio-group.js";
 import { usePopoverContext } from "./ui/popover/context.js";
 import { index_parts_exports as index_parts_exports$4 } from "./ui/popover/index.parts.js";
 import { Poster } from "./ui/poster/poster.js";
+import { useQualityOptions } from "./ui/quality/use-quality-options.js";
+import { QualityRadioGroup } from "./ui/quality-radio-group/quality-radio-group.js";
 import { SeekButton } from "./ui/seek-button/seek-button.js";
 import { index_parts_exports as index_parts_exports$5 } from "./ui/seek-indicator/index.parts.js";
 import { Thumbnail } from "./ui/thumbnail/thumbnail.js";
@@ -51,9 +59,11 @@ import { index_parts_exports as index_parts_exports$10 } from "./ui/tooltip/inde
 import { index_parts_exports as index_parts_exports$11 } from "./ui/volume-indicator/index.parts.js";
 import { index_parts_exports as index_parts_exports$12 } from "./ui/volume-slider/index.parts.js";
 import { useAttachMedia } from "./utils/use-attach-media.js";
+import { useMediaComponent } from "./utils/use-media-component.js";
 import { useMediaInstance } from "./utils/use-media-instance.js";
+import { hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable } from "@videojs/media";
 import { createSelector, shallowEqual } from "@videojs/store";
 import { useSelector, useStore } from "@videojs/store/react";
 export * from "@videojs/core/dom";
-export * from "@videojs/core/media/predicate";
-export { AirPlayButton, index_parts_exports as AlertDialog, BufferingIndicator, CaptionsButton, CastButton, Container, index_parts_exports$1 as Controls, index_parts_exports$2 as ErrorDialog, FullscreenButton, Gesture, Hotkey, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$3 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, index_parts_exports$4 as Popover, Poster, SeekButton, index_parts_exports$5 as SeekIndicator, index_parts_exports$6 as Slider, StatusAnnouncer, index_parts_exports$7 as StatusIndicator, Thumbnail, index_parts_exports$8 as Time, index_parts_exports$9 as TimeSlider, index_parts_exports$10 as Tooltip, index_parts_exports$11 as VolumeIndicator, index_parts_exports$12 as VolumeSlider, composeRefs, createPlayer, createSelector, mergeProps, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useMedia, useMediaAttach, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext };
+export * from "@videojs/media/dom";
+export { AirPlayButton, index_parts_exports as AlertDialog, AudioTrackRadioGroup, BufferingIndicator, CaptionsButton, CaptionsRadioGroup, CastButton, Container, index_parts_exports$1 as Controls, index_parts_exports$2 as ErrorDialog, FullscreenButton, Gesture, Hotkey, I18nContext, I18nProvider, LiveButton, MediaGesture, MediaHotkey, index_parts_exports$3 as Menu, MuteButton, PiPButton, PlayButton, PlaybackRateButton, PlaybackRateRadioGroup, index_parts_exports$4 as Popover, Poster, QualityRadioGroup, SeekButton, index_parts_exports$5 as SeekIndicator, index_parts_exports$6 as Slider, StatusAnnouncer, index_parts_exports$7 as StatusIndicator, Thumbnail, index_parts_exports$8 as Time, index_parts_exports$9 as TimeSlider, index_parts_exports$10 as Tooltip, index_parts_exports$11 as VolumeIndicator, index_parts_exports$12 as VolumeSlider, composeRefs, createI18n, createPlayer, createSelector, createTranslator, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mergeProps, onI18nRegistryChange, registerI18n, renderElement, shallowEqual, useAlertDialogContext, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDoubleTapGesture, useErrorDialogContext, useHotkey, useHotkeyShortcut, useLatestRef, useLocale, useMedia, useMediaAttach, useMediaComponent, useMediaInstance, useMenuContext, useOptionalContainer, useOptionalMenuContext, useOptionalPlayer, usePlaybackRateOptions, usePlayer, usePlayerContext, usePopoverContext, useQualityOptions, useSelector, useSlider, useStore, useTapGesture, useTooltipContext, useTranslator };

package/dist/dev/media/audio.d.ts

@@ -1,9 +1,7 @@
-import * as _$react from "react";
 import { AudioHTMLAttributes } from "react";
-
 //#region src/media/audio.d.ts
 interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}
-declare const Audio: _$react.ForwardRefExoticComponent<AudioProps & _$react.RefAttributes<HTMLAudioElement>>;
+declare const Audio: import("react").ForwardRefExoticComponent<AudioProps & import("react").RefAttributes<HTMLAudioElement>>;
 declare namespace Audio {
   type Props = AudioProps;
 }

package/dist/dev/media/audio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"audio.d.ts","names":[],"sources":["../../../src/media/audio.tsx"],"mappings":";;;;UAQiB,UAAA,SAAmB,mBAAA,CAAoB,gBAAA;AAAA,cAE3C,KAAA,EAAK,OAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,kBAWD,KAAA;EAAA,KACH,KAAA,GAAQ,UAAA;AAAA"}
+{"version":3,"file":"audio.d.ts","names":[],"sources":["../../../src/media/audio.tsx"],"mappings":";;UAQiB,mBAAmB,oBAAoB;cAE3C,uBAAK,0BAAA,6BAAA,cAAA;kBAWD;OACH,QAAQ"}

package/dist/dev/media/audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio.js","names":[],"sources":["../../../src/media/audio.tsx"],"sourcesContent":["'use client';\n\nimport type { AudioHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}\n\nexport const Audio = forwardRef<HTMLAudioElement, AudioProps>(function Audio({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <audio ref={composedRef} {...props}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace Audio {\n  export type Props = AudioProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;AAIxG,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KADnB,gBAAgB,CACiB;EAGvB,GAAI;EAC1B;EACK,CAAA;EAEV"}
+{"version":3,"file":"audio.js","names":[],"sources":["../../../src/media/audio.tsx"],"sourcesContent":["'use client';\n\nimport type { AudioHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\nexport interface AudioProps extends AudioHTMLAttributes<HTMLAudioElement> {}\n\nexport const Audio = forwardRef<HTMLAudioElement, AudioProps>(function Audio({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <audio ref={composedRef} {...props}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace Audio {\n  export type Props = AudioProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CAIxG,OACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KADnB,eAC+B,CAGxB;EAAG,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/background-video/index.d.ts

@@ -1,12 +1,2 @@
-import * as _$react from "react";
-import { VideoHTMLAttributes } from "react";
-
-//#region src/media/background-video/index.d.ts
-interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
-declare const BackgroundVideo: _$react.ForwardRefExoticComponent<BackgroundVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
-declare namespace BackgroundVideo {
-  type Props = BackgroundVideoProps;
-}
-//#endregion
-export { BackgroundVideo, BackgroundVideoProps };
-//# sourceMappingURL=index.d.ts.map
+import { BackgroundVideo, BackgroundVideoProps } from "./media.js";
+export { BackgroundVideo, BackgroundVideoProps };

package/dist/dev/media/background-video/index.js

@@ -1,26 +1,2 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useMediaAttach } from "../../player/context.js";
-import { forwardRef, useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/media/background-video/index.tsx
-const BackgroundVideo = forwardRef(function BackgroundVideo({ children, ...props }, ref) {
-	const setMedia = useMediaAttach();
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(ref, useCallback((el) => {
-			setMedia?.(el);
-		}, [setMedia])),
-		muted: true,
-		autoPlay: true,
-		loop: true,
-		playsInline: true,
-		disableRemotePlayback: true,
-		disablePictureInPicture: true,
-		...props,
-		children
-	});
-});
-//#endregion
+import { BackgroundVideo } from "./media.js";
 export { BackgroundVideo };
-
-//# sourceMappingURL=index.js.map

package/dist/dev/media/background-video/media.d.ts

@@ -0,0 +1,10 @@
+import { VideoHTMLAttributes } from "react";
+//#region src/media/background-video/media.d.ts
+interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}
+declare const BackgroundVideo: import("react").ForwardRefExoticComponent<BackgroundVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace BackgroundVideo {
+  type Props = BackgroundVideoProps;
+}
+//#endregion
+export { BackgroundVideo, BackgroundVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/background-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/background-video/media.tsx"],"mappings":";;UAQiB,6BAA6B,oBAAoB;cAErD,iCAAe,0BAAA,uCAAA,cAAA;kBAsBX;OACH,QAAQ"}

package/dist/dev/media/background-video/media.js

@@ -0,0 +1,26 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaAttach } from "../../player/context.js";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/media/background-video/media.tsx
+const BackgroundVideo = forwardRef(function BackgroundVideo({ children, ...props }, ref) {
+	const setMedia = useMediaAttach();
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(ref, useCallback((el) => {
+			setMedia?.(el);
+		}, [setMedia])),
+		muted: true,
+		autoPlay: true,
+		loop: true,
+		playsInline: true,
+		disableRemotePlayback: true,
+		disablePictureInPicture: true,
+		...props,
+		children
+	});
+});
+//#endregion
+export { BackgroundVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/background-video/{index.js.map → media.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/background-video/index.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const BackgroundVideo = forwardRef<HTMLVideoElement, BackgroundVideoProps>(function BackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} muted autoPlay loop playsInline disableRemotePlayback disablePictureInPicture {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace BackgroundVideo {\n  export type Props = BackgroundVideoProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,kBAAkB,WAAmD,SAAS,gBACzF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,gBAAgB;AAWjC,QACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KAPnB,aACd,OAAgC;AAC/B,cAAW,GAAG;KAEhB,CAAC,SAAS,CACX,CAEiD;EAGvB,OAAA;EAAM,UAAA;EAAS,MAAA;EAAK,aAAA;EAAY,uBAAA;EAAsB,yBAAA;EAAwB,GAAI;EACxG;EACK,CAAA;EAEV"}
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/background-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface BackgroundVideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\nexport const BackgroundVideo = forwardRef<HTMLVideoElement, BackgroundVideoProps>(function BackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const mediaRef = useCallback(\n    (el: HTMLVideoElement | null) => {\n      setMedia?.(el);\n    },\n    [setMedia]\n  );\n\n  const composedRef = useComposedRefs(ref, mediaRef);\n\n  return (\n    <video ref={composedRef} muted autoPlay loop playsInline disableRemotePlayback disablePictureInPicture {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace BackgroundVideo {\n  export type Props = BackgroundVideoProps;\n}\n"],"mappings":";;;;;;AAUA,MAAa,kBAAkB,WAAmD,SAAS,gBACzF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,WAAW,eAAe;CAWhC,OACE,oBAAC,SAAD;EAAO,KAHW,gBAAgB,KAPnB,aACd,OAAgC;GAC/B,WAAW,EAAE;EACf,GACA,CAAC,QAAQ,CAGqC,CAGxB;EAAG,OAAA;EAAM,UAAA;EAAS,MAAA;EAAK,aAAA;EAAY,uBAAA;EAAsB,yBAAA;EAAwB,GAAI;EACxG;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/cloudflare-video/index.d.ts

@@ -0,0 +1,2 @@
+import { CloudflareVideo, CloudflareVideoProps } from "./media.js";
+export { CloudflareVideo, CloudflareVideoProps };

package/dist/dev/media/cloudflare-video/index.js

@@ -0,0 +1,2 @@
+import { CloudflareVideo } from "./media.js";
+export { CloudflareVideo };

package/dist/dev/media/cloudflare-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { CloudflareMediaProps } from "@videojs/media/dom/cloudflare";
+//#region src/media/cloudflare-video/media.d.ts
+interface CloudflareVideoProps extends Partial<CloudflareMediaProps> {
+  children?: ReactNode;
+}
+declare const CloudflareVideo: import("react").ForwardRefExoticComponent<CloudflareVideoProps & import("react").RefAttributes<HTMLIFrameElement>>;
+declare namespace CloudflareVideo {
+  type Props = CloudflareVideoProps;
+}
+//#endregion
+export { CloudflareVideo, CloudflareVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/cloudflare-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/cloudflare-video/media.tsx"],"mappings":";;;UAWiB,6BAA6B,QAAQ;EACpD,WAAW;;cAGA,iCAAe,0BAAA,uCAAA,cAAA;kBA8CX;OACH,QAAQ"}

package/dist/dev/media/cloudflare-video/media.js

@@ -0,0 +1,38 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { CloudflareMedia, buildCloudflareIframeSrc, cloudflareMediaDefaultProps } from "@videojs/media/dom/cloudflare";
+//#region src/media/cloudflare-video/media.tsx
+const CloudflareVideo = forwardRef(function CloudflareVideo({ children, ...rawProps }, ref) {
+	const media = useMediaInstance(CloudflareMedia);
+	const props = { ...rawProps };
+	const composedRef = useComposedRefs(useAttachIframe(media), ref);
+	const [initialSrc] = useState(() => buildCloudflareIframeSrc(props.src || props.source?.src || "", {
+		...cloudflareMediaDefaultProps,
+		...props,
+		defaultMuted: !!(props.defaultMuted || props.muted)
+	}));
+	const iframeProps = useSyncProps(media, props, cloudflareMediaDefaultProps);
+	return /* @__PURE__ */ jsx("iframe", {
+		title: "Cloudflare Stream video player",
+		src: initialSrc || void 0,
+		"data-cross-origin-frame": true,
+		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
+		allowFullScreen: true,
+		frameBorder: 0,
+		width: "100%",
+		height: "100%",
+		referrerPolicy: props.source?.engine?.cloudflare?.referrerPolicy,
+		...iframeProps,
+		ref: composedRef,
+		children
+	});
+});
+//#endregion
+export { CloudflareVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/cloudflare-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/cloudflare-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { CloudflareMediaProps } from '@videojs/media/dom/cloudflare';\nimport { buildCloudflareIframeSrc, CloudflareMedia, cloudflareMediaDefaultProps } from '@videojs/media/dom/cloudflare';\nimport type { ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface CloudflareVideoProps extends Partial<CloudflareMediaProps> {\n  children?: ReactNode;\n}\n\nexport const CloudflareVideo = forwardRef<HTMLIFrameElement, CloudflareVideoProps>(function CloudflareVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(CloudflareMedia);\n  const props: Partial<CloudflareMediaProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildCloudflareIframeSrc(props.src || props.source?.src || '', {\n      ...cloudflareMediaDefaultProps,\n      ...props,\n      // The embed reads mute once, out of the URL it is rendered with, and either\n      // prop says to start muted. Leaving `muted` out of the URL would leave a\n      // muted autoplay blocked by the browser, since the embed comes up audible.\n      defaultMuted: !!(props.defaultMuted || props.muted),\n    })\n  );\n  const iframeProps = useSyncProps<CloudflareMediaProps, Record<string, unknown>>(\n    media,\n    props,\n    cloudflareMediaDefaultProps\n  );\n\n  return (\n    <iframe\n      title=\"Cloudflare Stream video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.cloudflare?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace CloudflareVideo {\n  export type Props = CloudflareVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,kBAAkB,WAAoD,SAAS,gBAC1F,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,QAAiE,EAAE,GAAG,SAAS;CAErF,MAAM,cAAc,gBADF,gBAAgB,KACU,GAAG,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,yBAAyB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAC7D,GAAG;EACH,GAAG;EAIH,cAAc,CAAC,EAAE,MAAM,gBAAgB,MAAM;CAC/C,CAAC,CACH;CACA,MAAM,cAAc,aAClB,OACA,OACA,2BACF;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,YAAY;EAClD,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/dev/media/dash-video/index.d.ts

@@ -1,15 +1,2 @@
-import * as _$react from "react";
-import { ReactNode, VideoHTMLAttributes } from "react";
-import { DashMediaProps } from "@videojs/core/dom/media/dash";
-
-//#region src/media/dash-video/index.d.ts
-interface DashVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>, Partial<DashMediaProps> {
-  children?: ReactNode;
-}
-declare const DashVideo: _$react.ForwardRefExoticComponent<DashVideoProps & _$react.RefAttributes<HTMLVideoElement>>;
-declare namespace DashVideo {
-  type Props = DashVideoProps;
-}
-//#endregion
-export { DashVideo, DashVideoProps };
-//# sourceMappingURL=index.d.ts.map
+import { DashVideo, DashVideoProps } from "./media.js";
+export { DashVideo, DashVideoProps };

package/dist/dev/media/dash-video/index.js

@@ -1,25 +1,2 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAttachMedia } from "../../utils/use-attach-media.js";
-import { useMediaInstance } from "../../utils/use-media-instance.js";
-import { useSyncProps } from "../../utils/use-sync-props.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { DashMedia, dashMediaDefaultProps } from "@videojs/core/dom/media/dash";
-import { GoogleCast } from "@videojs/core/dom/media/google-cast";
-import { addComponent } from "@videojs/core/dom/media/media-host";
-//#region src/media/dash-video/index.tsx
-const DashVideo = forwardRef(function DashVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(DashMedia, (media) => {
-		addComponent(media, new GoogleCast());
-	});
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, dashMediaDefaultProps),
-		children
-	});
-});
-//#endregion
+import { DashVideo } from "./media.js";
 export { DashVideo };
-
-//# sourceMappingURL=index.js.map

package/dist/dev/media/dash-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { DashMediaProps } from "@videojs/media/dom/dash";
+//#region src/media/dash-video/media.d.ts
+interface DashVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>, Partial<DashMediaProps> {
+  children?: ReactNode;
+}
+declare const DashVideo: import("react").ForwardRefExoticComponent<DashVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace DashVideo {
+  type Props = DashVideoProps;
+}
+//#endregion
+export { DashVideo, DashVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/dash-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/dash-video/media.tsx"],"mappings":";;;UAWiB,uBACP,KAAK,oBAAoB,yBAAyB,iBACxD,QAAQ;EACV,WAAW;;cAGA,2BAAS,0BAAA,iCAAA,cAAA;kBAaL;OACH,QAAQ"}