@videojs/react 10.0.0-beta.31 → 10.0.0-beta.32

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

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/seek.js
-const SeekIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const SeekIcon = (props, ref) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: /* @__PURE__ */ jsx("path", { 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" })
 });
+const ForwardRef = forwardRef(SeekIcon);
 //#endregion
-export { SeekIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=seek.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/seek.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst SeekIcon = (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: \"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\" })\n});\nexport default SeekIcon;\n"],"mappings":";;AACA,MAAM,YAAY,UAA0B,oBAAK,OAAO;CACvD,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,6LAA6L,CAAC;AAC3O,CAAC"}
+{"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/seek.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SeekIcon = (props, ref) => /* @__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\tref,\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", { 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\" })\n});\nconst ForwardRef = forwardRef(SeekIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,YAAY,OAAO,QAAwB,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,6LAA6L,CAAC;AAC3O,CAAC;AACD,MAAM,aAAa,WAAW,QAAQ"}

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

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/speech.js
-const SpeechIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const SpeechIcon = (props, ref) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: [/* @__PURE__ */ jsx("path", {
 		fillOpacity: .2,
@@ -15,7 +17,8 @@ const SpeechIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		d: "M6 12.75a4.25 4.25 0 0 1 3.835 2.417c.008.016.005.017.006.009 0-.006.001-.003-.007.009a.2.2 0 0 1-.158.065H2.324a.2.2 0 0 1-.158-.065c-.009-.012-.007-.015-.006-.01 0 .01-.003.008.005-.008a4.25 4.25 0 0 1 3.521-2.405zm0-6a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Z"
 	}), /* @__PURE__ */ jsx("path", { d: "M14 2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-1.333L10.8 8.4A.5.5 0 0 1 10 8V6.73A2 2 0 0 1 9 5V4a2 2 0 0 1 2-2zm-2.75 1.5a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75z" })]
 });
+const ForwardRef = forwardRef(SpeechIcon);
 //#endregion
-export { SpeechIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=speech.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"speech.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/speech.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SpeechIcon = (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\", {\n\t\tfillOpacity: .2,\n\t\tstroke: \"currentColor\",\n\t\tstrokeWidth: 1.5,\n\t\td: \"M6 12.75a4.25 4.25 0 0 1 3.835 2.417c.008.016.005.017.006.009 0-.006.001-.003-.007.009a.2.2 0 0 1-.158.065H2.324a.2.2 0 0 1-.158-.065c-.009-.012-.007-.015-.006-.01 0 .01-.003.008.005-.008a4.25 4.25 0 0 1 3.521-2.405zm0-6a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Z\"\n\t}), /* @__PURE__ */ _jsx(\"path\", { d: \"M14 2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-1.333L10.8 8.4A.5.5 0 0 1 10 8V6.73A2 2 0 0 1 9 5V4a2 2 0 0 1 2-2zm-2.75 1.5a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75z\" })]\n});\nexport default SpeechIcon;\n"],"mappings":";;AACA,MAAM,cAAc,UAA0B,qBAAM,OAAO;CAC1D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ;EACvC,aAAa;EACb,QAAQ;EACR,aAAa;EACb,GAAG;CACJ,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,kNAAkN,CAAC,CAAC;AAC3P,CAAC"}
+{"version":3,"file":"speech.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/speech.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SpeechIcon = (props, ref) => /* @__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\tref,\n\t...props,\n\tchildren: [/* @__PURE__ */ _jsx(\"path\", {\n\t\tfillOpacity: .2,\n\t\tstroke: \"currentColor\",\n\t\tstrokeWidth: 1.5,\n\t\td: \"M6 12.75a4.25 4.25 0 0 1 3.835 2.417c.008.016.005.017.006.009 0-.006.001-.003-.007.009a.2.2 0 0 1-.158.065H2.324a.2.2 0 0 1-.158-.065c-.009-.012-.007-.015-.006-.01 0 .01-.003.008.005-.008a4.25 4.25 0 0 1 3.521-2.405zm0-6a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Z\"\n\t}), /* @__PURE__ */ _jsx(\"path\", { d: \"M14 2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-1.333L10.8 8.4A.5.5 0 0 1 10 8V6.73A2 2 0 0 1 9 5V4a2 2 0 0 1 2-2zm-2.75 1.5a.75.75 0 0 0-.75.75v.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75z\" })]\n});\nconst ForwardRef = forwardRef(SpeechIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,cAAc,OAAO,QAAwB,qBAAM,OAAO;CAC/D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ;EACvC,aAAa;EACb,QAAQ;EACR,aAAa;EACb,GAAG;CACJ,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,kNAAkN,CAAC,CAAC;AAC3P,CAAC;AACD,MAAM,aAAa,WAAW,UAAU"}

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

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/speed.js
-const SpeedIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const SpeedIcon = (props, ref) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: [
 		/* @__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" }),
@@ -46,7 +48,8 @@ const SpeedIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		})
 	]
 });
+const ForwardRef = forwardRef(SpeedIcon);
 //#endregion
-export { SpeedIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=speed.js.map

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 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"}
+{"version":3,"file":"speed.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/speed.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SpeedIcon = (props, ref) => /* @__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\tref,\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});\nconst ForwardRef = forwardRef(SpeedIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,aAAa,OAAO,QAAwB,qBAAM,OAAO;CAC9D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,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;AACD,MAAM,aAAa,WAAW,SAAS"}

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

@@ -1,6 +1,7 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/spinner.js
-const SpinnerIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const SpinnerIcon = (props, ref) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
@@ -10,6 +11,7 @@ const SpinnerIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 	strokeWidth: 2,
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...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 steps(8, end) infinite);animation-delay:var(--media-spinner-delay)}@media (prefers-reduced-motion:reduce){.media-spinner__segment{animation:none}}" }),
@@ -63,7 +65,8 @@ const SpinnerIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		})
 	]
 });
+const ForwardRef = forwardRef(SpinnerIcon);
 //#endregion
-export { SpinnerIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=spinner.js.map

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 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"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/spinner.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SpinnerIcon = (props, ref) => /* @__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\tref,\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});\nconst ForwardRef = forwardRef(SpinnerIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,eAAe,OAAO,QAAwB,qBAAM,OAAO;CAChE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,eAAe;CACf,aAAa;CACb,eAAe;CACf,SAAS;CACT;CACA,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;AACD,MAAM,aAAa,WAAW,WAAW"}

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

@@ -1,19 +1,22 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/switches.js
-const SwitchesIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const SwitchesIcon = (props, ref) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: [/* @__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", {
 		fillOpacity: .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"
 	})]
 });
+const ForwardRef = forwardRef(SwitchesIcon);
 //#endregion
-export { SwitchesIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=switches.js.map

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 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"}
+{"version":3,"file":"switches.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/switches.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SwitchesIcon = (props, ref) => /* @__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\tref,\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});\nconst ForwardRef = forwardRef(SwitchesIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,gBAAgB,OAAO,QAAwB,qBAAM,OAAO;CACjE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,0FAA0F,CAAC,GAAmB,oBAAK,QAAQ;EACvK,aAAa;EACb,GAAG;CACJ,CAAC,CAAC;AACH,CAAC;AACD,MAAM,aAAa,WAAW,YAAY"}

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

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/volume-high.js
-const VolumeHighIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const VolumeHighIcon = (props, ref) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: [/* @__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" })]
 });
+const ForwardRef = forwardRef(VolumeHighIcon);
 //#endregion
-export { VolumeHighIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=volume-high.js.map

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 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"}
+{"version":3,"file":"volume-high.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-high.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst VolumeHighIcon = (props, ref) => /* @__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\tref,\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});\nconst ForwardRef = forwardRef(VolumeHighIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,kBAAkB,OAAO,QAAwB,qBAAM,OAAO;CACnE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,kKAAkK,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,waAAwa,CAAC,CAAC;AAChqB,CAAC;AACD,MAAM,aAAa,WAAW,cAAc"}

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

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/volume-low.js
-const VolumeLowIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const VolumeLowIcon = (props, ref) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...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" })
 });
+const ForwardRef = forwardRef(VolumeLowIcon);
 //#endregion
-export { VolumeLowIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=volume-low.js.map

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 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"}
+{"version":3,"file":"volume-low.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-low.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst VolumeLowIcon = (props, ref) => /* @__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\tref,\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});\nconst ForwardRef = forwardRef(VolumeLowIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,iBAAiB,OAAO,QAAwB,oBAAK,OAAO;CACjE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,waAAwa,CAAC;AACtd,CAAC;AACD,MAAM,aAAa,WAAW,aAAa"}

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

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/minimal/volume-off.js
-const VolumeOffIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const VolumeOffIcon = (props, ref) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "currentColor",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...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" })
 });
+const ForwardRef = forwardRef(VolumeOffIcon);
 //#endregion
-export { VolumeOffIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=volume-off.js.map

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 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"}
+{"version":3,"file":"volume-off.js","names":[],"sources":["../../../../../../../icons/dist/react/minimal/volume-off.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst VolumeOffIcon = (props, ref) => /* @__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\tref,\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});\nconst ForwardRef = forwardRef(VolumeOffIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,iBAAiB,OAAO,QAAwB,oBAAK,OAAO;CACjE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,wVAAwV,CAAC;AACtY,CAAC;AACD,MAAM,aAAa,WAAW,aAAa"}

package/dist/dev/icons/index.js

@@ -1,26 +1,26 @@
-import AirPlayEnterIcon from "./dist/react/default/airplay-enter.js";
-import AirPlayExitIcon from "./dist/react/default/airplay-exit.js";
-import CaptionsOffIcon from "./dist/react/default/captions-off.js";
-import CaptionsOnIcon from "./dist/react/default/captions-on.js";
-import CastEnterIcon from "./dist/react/default/cast-enter.js";
-import CastExitIcon from "./dist/react/default/cast-exit.js";
-import CheckIcon from "./dist/react/default/check.js";
-import ChevronIcon from "./dist/react/default/chevron.js";
-import FullscreenEnterIcon from "./dist/react/default/fullscreen-enter.js";
-import FullscreenExitIcon from "./dist/react/default/fullscreen-exit.js";
-import GearIcon from "./dist/react/default/gear.js";
-import PauseIcon from "./dist/react/default/pause.js";
-import PipEnterIcon from "./dist/react/default/pip-enter.js";
-import PipExitIcon from "./dist/react/default/pip-exit.js";
-import PlayIcon from "./dist/react/default/play.js";
-import QualityIcon from "./dist/react/default/quality.js";
-import RestartIcon from "./dist/react/default/restart.js";
-import SeekIcon from "./dist/react/default/seek.js";
-import SpeechIcon from "./dist/react/default/speech.js";
-import SpeedIcon from "./dist/react/default/speed.js";
-import SpinnerIcon from "./dist/react/default/spinner.js";
-import SwitchesIcon from "./dist/react/default/switches.js";
-import VolumeHighIcon from "./dist/react/default/volume-high.js";
-import VolumeLowIcon from "./dist/react/default/volume-low.js";
-import VolumeOffIcon from "./dist/react/default/volume-off.js";
-export { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };
+import ForwardRef from "./dist/react/default/airplay-enter.js";
+import ForwardRef$1 from "./dist/react/default/airplay-exit.js";
+import ForwardRef$2 from "./dist/react/default/captions-off.js";
+import ForwardRef$3 from "./dist/react/default/captions-on.js";
+import ForwardRef$4 from "./dist/react/default/cast-enter.js";
+import ForwardRef$5 from "./dist/react/default/cast-exit.js";
+import ForwardRef$6 from "./dist/react/default/check.js";
+import ForwardRef$7 from "./dist/react/default/chevron.js";
+import ForwardRef$8 from "./dist/react/default/fullscreen-enter.js";
+import ForwardRef$9 from "./dist/react/default/fullscreen-exit.js";
+import ForwardRef$10 from "./dist/react/default/gear.js";
+import ForwardRef$11 from "./dist/react/default/pause.js";
+import ForwardRef$12 from "./dist/react/default/pip-enter.js";
+import ForwardRef$13 from "./dist/react/default/pip-exit.js";
+import ForwardRef$14 from "./dist/react/default/play.js";
+import ForwardRef$15 from "./dist/react/default/quality.js";
+import ForwardRef$16 from "./dist/react/default/restart.js";
+import ForwardRef$17 from "./dist/react/default/seek.js";
+import ForwardRef$18 from "./dist/react/default/speech.js";
+import ForwardRef$19 from "./dist/react/default/speed.js";
+import ForwardRef$20 from "./dist/react/default/spinner.js";
+import ForwardRef$21 from "./dist/react/default/switches.js";
+import ForwardRef$22 from "./dist/react/default/volume-high.js";
+import ForwardRef$23 from "./dist/react/default/volume-low.js";
+import ForwardRef$24 from "./dist/react/default/volume-off.js";
+export { ForwardRef as AirPlayEnterIcon, ForwardRef$1 as AirPlayExitIcon, ForwardRef$2 as CaptionsOffIcon, ForwardRef$3 as CaptionsOnIcon, ForwardRef$4 as CastEnterIcon, ForwardRef$5 as CastExitIcon, ForwardRef$6 as CheckIcon, ForwardRef$7 as ChevronIcon, ForwardRef$8 as FullscreenEnterIcon, ForwardRef$9 as FullscreenExitIcon, ForwardRef$10 as GearIcon, ForwardRef$11 as PauseIcon, ForwardRef$12 as PipEnterIcon, ForwardRef$13 as PipExitIcon, ForwardRef$14 as PlayIcon, ForwardRef$15 as QualityIcon, ForwardRef$16 as RestartIcon, ForwardRef$17 as SeekIcon, ForwardRef$18 as SpeechIcon, ForwardRef$19 as SpeedIcon, ForwardRef$20 as SpinnerIcon, ForwardRef$21 as SwitchesIcon, ForwardRef$22 as VolumeHighIcon, ForwardRef$23 as VolumeLowIcon, ForwardRef$24 as VolumeOffIcon };

package/dist/dev/icons/minimal/index.js

@@ -1,26 +1,26 @@
-import AirPlayEnterIcon from "../dist/react/minimal/airplay-enter.js";
-import AirPlayExitIcon from "../dist/react/minimal/airplay-exit.js";
-import CaptionsOffIcon from "../dist/react/minimal/captions-off.js";
-import CaptionsOnIcon from "../dist/react/minimal/captions-on.js";
-import CastEnterIcon from "../dist/react/minimal/cast-enter.js";
-import CastExitIcon from "../dist/react/minimal/cast-exit.js";
-import CheckIcon from "../dist/react/minimal/check.js";
-import ChevronIcon from "../dist/react/minimal/chevron.js";
-import FullscreenEnterIcon from "../dist/react/minimal/fullscreen-enter.js";
-import FullscreenExitIcon from "../dist/react/minimal/fullscreen-exit.js";
-import GearIcon from "../dist/react/minimal/gear.js";
-import PauseIcon from "../dist/react/minimal/pause.js";
-import PipEnterIcon from "../dist/react/minimal/pip-enter.js";
-import PipExitIcon from "../dist/react/minimal/pip-exit.js";
-import PlayIcon from "../dist/react/minimal/play.js";
-import QualityIcon from "../dist/react/minimal/quality.js";
-import RestartIcon from "../dist/react/minimal/restart.js";
-import SeekIcon from "../dist/react/minimal/seek.js";
-import SpeechIcon from "../dist/react/minimal/speech.js";
-import SpeedIcon from "../dist/react/minimal/speed.js";
-import SpinnerIcon from "../dist/react/minimal/spinner.js";
-import SwitchesIcon from "../dist/react/minimal/switches.js";
-import VolumeHighIcon from "../dist/react/minimal/volume-high.js";
-import VolumeLowIcon from "../dist/react/minimal/volume-low.js";
-import VolumeOffIcon from "../dist/react/minimal/volume-off.js";
-export { AirPlayEnterIcon, AirPlayExitIcon, CaptionsOffIcon, CaptionsOnIcon, CastEnterIcon, CastExitIcon, CheckIcon, ChevronIcon, FullscreenEnterIcon, FullscreenExitIcon, GearIcon, PauseIcon, PipEnterIcon, PipExitIcon, PlayIcon, QualityIcon, RestartIcon, SeekIcon, SpeechIcon, SpeedIcon, SpinnerIcon, SwitchesIcon, VolumeHighIcon, VolumeLowIcon, VolumeOffIcon };
+import ForwardRef from "../dist/react/minimal/airplay-enter.js";
+import ForwardRef$1 from "../dist/react/minimal/airplay-exit.js";
+import ForwardRef$2 from "../dist/react/minimal/captions-off.js";
+import ForwardRef$3 from "../dist/react/minimal/captions-on.js";
+import ForwardRef$4 from "../dist/react/minimal/cast-enter.js";
+import ForwardRef$5 from "../dist/react/minimal/cast-exit.js";
+import ForwardRef$6 from "../dist/react/minimal/check.js";
+import ForwardRef$7 from "../dist/react/minimal/chevron.js";
+import ForwardRef$8 from "../dist/react/minimal/fullscreen-enter.js";
+import ForwardRef$9 from "../dist/react/minimal/fullscreen-exit.js";
+import ForwardRef$10 from "../dist/react/minimal/gear.js";
+import ForwardRef$11 from "../dist/react/minimal/pause.js";
+import ForwardRef$12 from "../dist/react/minimal/pip-enter.js";
+import ForwardRef$13 from "../dist/react/minimal/pip-exit.js";
+import ForwardRef$14 from "../dist/react/minimal/play.js";
+import ForwardRef$15 from "../dist/react/minimal/quality.js";
+import ForwardRef$16 from "../dist/react/minimal/restart.js";
+import ForwardRef$17 from "../dist/react/minimal/seek.js";
+import ForwardRef$18 from "../dist/react/minimal/speech.js";
+import ForwardRef$19 from "../dist/react/minimal/speed.js";
+import ForwardRef$20 from "../dist/react/minimal/spinner.js";
+import ForwardRef$21 from "../dist/react/minimal/switches.js";
+import ForwardRef$22 from "../dist/react/minimal/volume-high.js";
+import ForwardRef$23 from "../dist/react/minimal/volume-low.js";
+import ForwardRef$24 from "../dist/react/minimal/volume-off.js";
+export { ForwardRef as AirPlayEnterIcon, ForwardRef$1 as AirPlayExitIcon, ForwardRef$2 as CaptionsOffIcon, ForwardRef$3 as CaptionsOnIcon, ForwardRef$4 as CastEnterIcon, ForwardRef$5 as CastExitIcon, ForwardRef$6 as CheckIcon, ForwardRef$7 as ChevronIcon, ForwardRef$8 as FullscreenEnterIcon, ForwardRef$9 as FullscreenExitIcon, ForwardRef$10 as GearIcon, ForwardRef$11 as PauseIcon, ForwardRef$12 as PipEnterIcon, ForwardRef$13 as PipExitIcon, ForwardRef$14 as PlayIcon, ForwardRef$15 as QualityIcon, ForwardRef$16 as RestartIcon, ForwardRef$17 as SeekIcon, ForwardRef$18 as SpeechIcon, ForwardRef$19 as SpeedIcon, ForwardRef$20 as SpinnerIcon, ForwardRef$21 as SwitchesIcon, ForwardRef$22 as VolumeHighIcon, ForwardRef$23 as VolumeLowIcon, ForwardRef$24 as VolumeOffIcon };

package/dist/dev/index.d.ts

@@ -7,7 +7,7 @@ import { PlayerContextValue, useContainer, useContainerAttach, useMedia, useMedi
 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 as index_parts_d_exports$2 } from "./ui/dialog/index.parts.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";
@@ -20,12 +20,15 @@ import { CaptionsOption, CaptionsOptionsProps, CaptionsOptionsResult, useCaption
 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 { ControlsContentProps } from "./ui/controls/controls-content.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 { DialogContextValue, useDialogContext } from "./ui/dialog/context.js";
+import "./ui/dialog/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 { index_parts_d_exports as index_parts_d_exports$3 } 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";
@@ -38,7 +41,7 @@ import { UseHotkeyOptions, useHotkey } from "./ui/hotkey/use-hotkey.js";
 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 { index_parts_d_exports as index_parts_d_exports$4 } 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";
@@ -49,7 +52,7 @@ import { PlaybackRateButton, PlaybackRateButtonProps } from "./ui/playback-rate-
 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 { index_parts_d_exports as index_parts_d_exports$5 } 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";
@@ -59,7 +62,7 @@ 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 { index_parts_d_exports as index_parts_d_exports$6 } 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";
@@ -69,29 +72,31 @@ import { Thumbnail, ThumbnailProps } from "./ui/thumbnail/thumbnail.js";
 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 { index_parts_d_exports as index_parts_d_exports$7 } 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 { index_parts_d_exports as index_parts_d_exports$8 } 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 { index_parts_d_exports as index_parts_d_exports$9 } 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 { index_parts_d_exports as index_parts_d_exports$10 } from "./ui/time-slider/index.parts.js";
 import "./ui/time-slider/index.js";
 import { Title, TitleProps } from "./ui/title/title.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 { index_parts_d_exports as index_parts_d_exports$11 } 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 { index_parts_d_exports as index_parts_d_exports$12 } 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 { index_parts_d_exports as index_parts_d_exports$13 } from "./ui/volume-popover/index.parts.js";
+import "./ui/volume-popover/index.js";
+import { index_parts_d_exports as index_parts_d_exports$14 } 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";
@@ -108,10 +113,10 @@ import { IndicatorStatus, InputAction, InputIndicatorLabels } from "@videojs/cor
 export * from "@videojs/core/dom";
 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, Text, TextProps, Thumbnail, ThumbnailProps, index_parts_d_exports$8 as Time, index_parts_d_exports$9 as TimeSlider, TimeSliderChapterState, TimeSliderChapterTitleProps, TimeSliderChapterTitleState, TimeSliderChaptersProps, TimeSliderChaptersState, Title, TitleProps, 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 };
+  export { AirPlayButton, AirPlayButtonProps, index_parts_d_exports as AlertDialog, 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, ControlsContentProps, ControlsGroupProps, ControlsRootProps, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, index_parts_d_exports$2 as Dialog, DialogContextValue, index_parts_d_exports$3 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$4 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$5 as Popover, PopoverContextValue, Poster, PosterProps, QualityOption, QualityOptionsProps, QualityOptionsResult, QualityRadioGroup, QualityRadioGroupItemProps, QualityRadioGroupItemState, QualityRadioGroupProps, RenderFunction, RenderProp, SeekButton, SeekButtonProps, index_parts_d_exports$6 as SeekIndicator, SeekIndicatorRootProps, SeekIndicatorValueProps, Selector, index_parts_d_exports$7 as Slider, SliderBufferProps, SliderFillProps, SliderRootProps, SliderThumbProps, SliderThumbnailProps, SliderTrackProps, SliderValueProps, StatusAnnouncer, StatusAnnouncerProps, index_parts_d_exports$8 as StatusIndicator, StatusIndicatorRootProps, StatusIndicatorValueProps, Text, TextProps, Thumbnail, ThumbnailProps, index_parts_d_exports$9 as Time, index_parts_d_exports$10 as TimeSlider, TimeSliderChapterState, TimeSliderChapterTitleProps, TimeSliderChapterTitleState, TimeSliderChaptersProps, TimeSliderChaptersState, Title, TitleProps, index_parts_d_exports$11 as Tooltip, TooltipContent, TooltipContextValue, TranslationParams, Translations, Translator, UIComponentProps, UseDoubleTapGestureOptions, UseHotkeyOptions, UseTapGestureOptions, index_parts_d_exports$12 as VolumeIndicator, VolumeIndicatorFillProps, VolumeIndicatorRootProps, VolumeIndicatorValueProps, index_parts_d_exports$13 as VolumePopover, index_parts_d_exports$14 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, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, 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, Text, type TextProps, 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, Title, type TitleProps, 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 };
+export { AirPlayButton, type AirPlayButtonProps, index_parts_d_exports as AlertDialog, 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 ControlsContentProps, type ControlsGroupProps, type ControlsRootProps, type CreateI18nOptions, type CreateI18nResult, type CreatePlayerConfig, type CreatePlayerResult, index_parts_d_exports$2 as Dialog, type DialogContextValue, index_parts_d_exports$3 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$4 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$5 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$6 as SeekIndicator, type SeekIndicatorRootProps, type SeekIndicatorValueProps, type Selector, index_parts_d_exports$7 as Slider, type SliderBufferProps, type SliderFillProps, type SliderRootProps, type SliderThumbProps, type SliderThumbnailProps, type SliderTrackProps, type SliderValueProps, StatusAnnouncer, type StatusAnnouncerProps, index_parts_d_exports$8 as StatusIndicator, type StatusIndicatorRootProps, type StatusIndicatorValueProps, Text, type TextProps, Thumbnail, type ThumbnailProps, index_parts_d_exports$9 as Time, index_parts_d_exports$10 as TimeSlider, type TimeSliderChapterState, type TimeSliderChapterTitleProps, type TimeSliderChapterTitleState, type TimeSliderChaptersProps, type TimeSliderChaptersState, Title, type TitleProps, index_parts_d_exports$11 as Tooltip, type TooltipContent, type TooltipContextValue, type TranslationParams, type Translations, type Translator, type UIComponentProps, type UseDoubleTapGestureOptions, type UseHotkeyOptions, type UseTapGestureOptions, index_parts_d_exports$12 as VolumeIndicator, type VolumeIndicatorFillProps, type VolumeIndicatorRootProps, type VolumeIndicatorValueProps, index_parts_d_exports$13 as VolumePopover, index_parts_d_exports$14 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, useAttachMedia, useAudioTrackOptions, useButton, useCaptionsOptions, useComposedRefs, useContainer, useContainerAttach, useDestroy, useDialogContext, 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