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

package/dist/default/i18n/use-lazy-translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-translations.js","names":[],"sources":["../../../src/i18n/use-lazy-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  findLocaleKeys,\n  getBrowserTranslations,\n  type Locale,\n  registerI18n,\n  shouldAttemptBrowserTranslation,\n} from '@videojs/core/i18n';\nimport { mergeLocaleOverlays } from '@videojs/utils/dom';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;\n\nexport function useLazyTranslations(resolvedLocale: Locale, loader: LocaleLoader): Partial<FlatTranslations> {\n  const [lazyLayer, setLazyLayer] = useState<Partial<FlatTranslations>>({});\n  const lazySeqRef = useRef(0);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: rerun when `resolvedLocale` changes even though the reset callback does not reference it.\n  useLayoutEffect(() => {\n    lazySeqRef.current += 1;\n    setLazyLayer({});\n  }, [resolvedLocale]);\n\n  useEffect(() => {\n    const seq = lazySeqRef.current;\n    const locale = resolvedLocale;\n\n    // Locale loading and browser translation are async; ignore stale results\n    // after locale changes or unmount.\n    void (async () => {\n      try {\n        const { merged, loadedTags } = await mergeLocaleOverlays(locale, loader, findLocaleKeys);\n        if (seq !== lazySeqRef.current) return;\n\n        if (shouldAttemptBrowserTranslation(locale, loadedTags, merged)) {\n          const browser = await getBrowserTranslations(locale);\n          if (seq !== lazySeqRef.current) return;\n          if (Object.keys(browser).length) registerI18n(locale, browser);\n        }\n\n        if (seq !== lazySeqRef.current) return;\n        setLazyLayer(merged);\n      } catch {\n        // Registry and prop translations still work if lazy loading fails.\n      }\n    })();\n\n    return () => {\n      if (lazySeqRef.current === seq) {\n        lazySeqRef.current += 1;\n      }\n    };\n  }, [resolvedLocale, loader]);\n\n  return lazyLayer;\n}\n"],"mappings":";;;;AAaA,SAAgB,oBAAoB,gBAAwB,QAAiD;CAC3G,MAAM,CAAC,WAAW,gBAAgB,SAAoC,CAAC,CAAC;CACxE,MAAM,aAAa,OAAO,CAAC;CAG3B,sBAAsB;EACpB,WAAW,WAAW;EACtB,aAAa,CAAC,CAAC;CACjB,GAAG,CAAC,cAAc,CAAC;CAEnB,gBAAgB;EACd,MAAM,MAAM,WAAW;EACvB,MAAM,SAAS;EAIf,CAAM,YAAY;GAChB,IAAI;IACF,MAAM,EAAE,QAAQ,eAAe,MAAM,oBAAoB,QAAQ,QAAQ,cAAc;IACvF,IAAI,QAAQ,WAAW,SAAS;IAEhC,IAAI,gCAAgC,QAAQ,YAAY,MAAM,GAAG;KAC/D,MAAM,UAAU,MAAM,uBAAuB,MAAM;KACnD,IAAI,QAAQ,WAAW,SAAS;KAChC,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,QAAQ,aAAa,QAAQ,OAAO;IAC/D;IAEA,IAAI,QAAQ,WAAW,SAAS;IAChC,aAAa,MAAM;GACrB,QAAQ,CAER;EACF,EAAA,CAAG;EAEH,aAAa;GACX,IAAI,WAAW,YAAY,KACzB,WAAW,WAAW;EAE1B;CACF,GAAG,CAAC,gBAAgB,MAAM,CAAC;CAE3B,OAAO;AACT"}
+{"version":3,"file":"use-lazy-translations.js","names":[],"sources":["../../../src/i18n/use-lazy-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  findLocaleKeys,\n  getBrowserTranslations,\n  type Locale,\n  registerI18n,\n  shouldAttemptBrowserTranslation,\n} from '@videojs/core/i18n';\nimport { mergeLocaleOverlays } from '@videojs/utils/dom';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;\n\nexport function useLazyTranslations(resolvedLocale: Locale, loader: LocaleLoader): Partial<FlatTranslations> {\n  const [lazyLayer, setLazyLayer] = useState<Partial<FlatTranslations>>({});\n  const lazySeqRef = useRef(0);\n\n  // rerun when `resolvedLocale` changes even though the reset callback does not reference it.\n  // oxlint-disable-next-line react/exhaustive-deps\n  useLayoutEffect(() => {\n    lazySeqRef.current += 1;\n    setLazyLayer({});\n  }, [resolvedLocale]);\n\n  useEffect(() => {\n    const seq = lazySeqRef.current;\n    const locale = resolvedLocale;\n\n    // Locale loading and browser translation are async; ignore stale results\n    // after locale changes or unmount.\n    void (async () => {\n      try {\n        const { merged, loadedTags } = await mergeLocaleOverlays(locale, loader, findLocaleKeys);\n\n        if (seq !== lazySeqRef.current) return;\n\n        if (shouldAttemptBrowserTranslation(locale, loadedTags, merged)) {\n          const browser = await getBrowserTranslations(locale);\n\n          if (seq !== lazySeqRef.current) return;\n\n          if (Object.keys(browser).length) registerI18n(locale, browser);\n        }\n\n        if (seq !== lazySeqRef.current) return;\n\n        setLazyLayer(merged);\n      } catch {\n        // Registry and prop translations still work if lazy loading fails.\n      }\n    })();\n\n    return () => {\n      if (lazySeqRef.current === seq) {\n        lazySeqRef.current += 1;\n      }\n    };\n  }, [resolvedLocale, loader]);\n\n  return lazyLayer;\n}\n"],"mappings":";;;;AAaA,SAAgB,oBAAoB,gBAAwB,QAAiD;CAC3G,MAAM,CAAC,WAAW,gBAAgB,SAAoC,CAAC,CAAC;CACxE,MAAM,aAAa,OAAO,CAAC;CAI3B,sBAAsB;EACpB,WAAW,WAAW;EACtB,aAAa,CAAC,CAAC;CACjB,GAAG,CAAC,cAAc,CAAC;CAEnB,gBAAgB;EACd,MAAM,MAAM,WAAW;EACvB,MAAM,SAAS;EAIf,CAAM,YAAY;GAChB,IAAI;IACF,MAAM,EAAE,QAAQ,eAAe,MAAM,oBAAoB,QAAQ,QAAQ,cAAc;IAEvF,IAAI,QAAQ,WAAW,SAAS;IAEhC,IAAI,gCAAgC,QAAQ,YAAY,MAAM,GAAG;KAC/D,MAAM,UAAU,MAAM,uBAAuB,MAAM;KAEnD,IAAI,QAAQ,WAAW,SAAS;KAEhC,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,QAAQ,aAAa,QAAQ,OAAO;IAC/D;IAEA,IAAI,QAAQ,WAAW,SAAS;IAEhC,aAAa,MAAM;GACrB,QAAQ,CAER;EACF,EAAA,CAAG;EAEH,aAAa;GACX,IAAI,WAAW,YAAY,KACzB,WAAW,WAAW;EAE1B;CACF,GAAG,CAAC,gBAAgB,MAAM,CAAC;CAE3B,OAAO;AACT"}

package/dist/default/i18n/use-locale-root-notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-locale-root-notifications.js","names":[],"sources":["../../../src/i18n/use-locale-root-notifications.ts"],"sourcesContent":["import type { Locale } from '@videojs/core/i18n';\nimport { useCallback, useEffect, useReducer, useRef } from 'react';\n\nexport function useLocaleRootNotifications(resolvedLocale: Locale, onActiveLocaleChange?: (locale: Locale) => void) {\n  const onActiveLocaleChangeRef = useRef(onActiveLocaleChange);\n  onActiveLocaleChangeRef.current = onActiveLocaleChange;\n\n  const childLocaleRootCountRef = useRef(0);\n  const [localeRootEpoch, invalidateLocaleRoots] = useReducer((epoch: number) => epoch + 1, 0);\n\n  const addLocaleRoot = useCallback(() => {\n    childLocaleRootCountRef.current += 1;\n    return () => {\n      childLocaleRootCountRef.current = Math.max(0, childLocaleRootCountRef.current - 1);\n      if (childLocaleRootCountRef.current === 0) {\n        invalidateLocaleRoots();\n      }\n    };\n  }, []);\n\n  // Nested lang roots report their own active locale while mounted. When the\n  // last one unmounts, notify the ancestor again with its now-effective locale.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: rerun when nested locale roots unmount even though notification reads refs.\n  useEffect(() => {\n    const id = setTimeout(() => {\n      if (childLocaleRootCountRef.current > 0) return;\n      onActiveLocaleChangeRef.current?.(resolvedLocale);\n    }, 0);\n    return () => clearTimeout(id);\n  }, [resolvedLocale, localeRootEpoch]);\n\n  return addLocaleRoot;\n}\n"],"mappings":";;AAGA,SAAgB,2BAA2B,gBAAwB,sBAAiD;CAClH,MAAM,0BAA0B,OAAO,oBAAoB;CAC3D,wBAAwB,UAAU;CAElC,MAAM,0BAA0B,OAAO,CAAC;CACxC,MAAM,CAAC,iBAAiB,yBAAyB,YAAY,UAAkB,QAAQ,GAAG,CAAC;CAE3F,MAAM,gBAAgB,kBAAkB;EACtC,wBAAwB,WAAW;EACnC,aAAa;GACX,wBAAwB,UAAU,KAAK,IAAI,GAAG,wBAAwB,UAAU,CAAC;GACjF,IAAI,wBAAwB,YAAY,GACtC,sBAAsB;EAE1B;CACF,GAAG,CAAC,CAAC;CAKL,gBAAgB;EACd,MAAM,KAAK,iBAAiB;GAC1B,IAAI,wBAAwB,UAAU,GAAG;GACzC,wBAAwB,UAAU,cAAc;EAClD,GAAG,CAAC;EACJ,aAAa,aAAa,EAAE;CAC9B,GAAG,CAAC,gBAAgB,eAAe,CAAC;CAEpC,OAAO;AACT"}
+{"version":3,"file":"use-locale-root-notifications.js","names":[],"sources":["../../../src/i18n/use-locale-root-notifications.ts"],"sourcesContent":["import type { Locale } from '@videojs/core/i18n';\nimport { useCallback, useEffect, useReducer, useRef } from 'react';\n\nexport function useLocaleRootNotifications(resolvedLocale: Locale, onActiveLocaleChange?: (locale: Locale) => void) {\n  const onActiveLocaleChangeRef = useRef(onActiveLocaleChange);\n\n  onActiveLocaleChangeRef.current = onActiveLocaleChange;\n\n  const childLocaleRootCountRef = useRef(0);\n  const [localeRootEpoch, invalidateLocaleRoots] = useReducer((epoch: number) => epoch + 1, 0);\n\n  const addLocaleRoot = useCallback(() => {\n    childLocaleRootCountRef.current += 1;\n    return () => {\n      childLocaleRootCountRef.current = Math.max(0, childLocaleRootCountRef.current - 1);\n\n      if (childLocaleRootCountRef.current === 0) {\n        invalidateLocaleRoots();\n      }\n    };\n  }, []);\n\n  // Nested lang roots report their own active locale while mounted. When the\n  // last one unmounts, notify the ancestor again with its now-effective locale.\n  // rerun when nested locale roots unmount even though notification reads refs.\n  // oxlint-disable-next-line react/exhaustive-deps\n  useEffect(() => {\n    const id = setTimeout(() => {\n      if (childLocaleRootCountRef.current > 0) return;\n\n      onActiveLocaleChangeRef.current?.(resolvedLocale);\n    }, 0);\n\n    return () => clearTimeout(id);\n  }, [resolvedLocale, localeRootEpoch]);\n\n  return addLocaleRoot;\n}\n"],"mappings":";;AAGA,SAAgB,2BAA2B,gBAAwB,sBAAiD;CAClH,MAAM,0BAA0B,OAAO,oBAAoB;CAE3D,wBAAwB,UAAU;CAElC,MAAM,0BAA0B,OAAO,CAAC;CACxC,MAAM,CAAC,iBAAiB,yBAAyB,YAAY,UAAkB,QAAQ,GAAG,CAAC;CAE3F,MAAM,gBAAgB,kBAAkB;EACtC,wBAAwB,WAAW;EACnC,aAAa;GACX,wBAAwB,UAAU,KAAK,IAAI,GAAG,wBAAwB,UAAU,CAAC;GAEjF,IAAI,wBAAwB,YAAY,GACtC,sBAAsB;EAE1B;CACF,GAAG,CAAC,CAAC;CAML,gBAAgB;EACd,MAAM,KAAK,iBAAiB;GAC1B,IAAI,wBAAwB,UAAU,GAAG;GAEzC,wBAAwB,UAAU,cAAc;EAClD,GAAG,CAAC;EAEJ,aAAa,aAAa,EAAE;CAC9B,GAAG,CAAC,gBAAgB,eAAe,CAAC;CAEpC,OAAO;AACT"}

package/dist/default/i18n/use-merged-translations.js

@@ -3,17 +3,19 @@ import { flattenTranslations, getI18nTranslations } from "@videojs/core/i18n";
 import { useMemo } from "react";
 //#region src/i18n/use-merged-translations.ts
 function useMergedTranslations(resolvedLocale, lazyLayer, translationsProp) {
+	const registryEpoch = useRegistryEpoch();
 	return useMemo(() => {
+		const registryLayer = getI18nTranslations(resolvedLocale);
 		return {
-			...getI18nTranslations(resolvedLocale),
 			...lazyLayer,
+			...registryLayer,
 			...flattenTranslations(translationsProp ?? {})
 		};
 	}, [
 		resolvedLocale,
 		lazyLayer,
 		translationsProp,
-		useRegistryEpoch()
+		registryEpoch
 	]);
 }
 //#endregion

package/dist/default/i18n/use-merged-translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-merged-translations.js","names":[],"sources":["../../../src/i18n/use-merged-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  flattenTranslations,\n  getI18nTranslations,\n  type Locale,\n  type Translations,\n} from '@videojs/core/i18n';\nimport { useMemo } from 'react';\n\nimport { useRegistryEpoch } from './use-registry-epoch';\n\nexport function useMergedTranslations(\n  resolvedLocale: Locale,\n  lazyLayer: Partial<FlatTranslations>,\n  translationsProp?: Partial<Translations>\n): FlatTranslations {\n  const registryEpoch = useRegistryEpoch();\n\n  return useMemo(() => {\n    void registryEpoch;\n    const registryLayer = getI18nTranslations(resolvedLocale);\n    return {\n      ...registryLayer,\n      ...lazyLayer,\n      ...flattenTranslations(translationsProp ?? {}),\n    } as FlatTranslations;\n  }, [resolvedLocale, lazyLayer, translationsProp, registryEpoch]);\n}\n"],"mappings":";;;;AAWA,SAAgB,sBACd,gBACA,WACA,kBACkB;CAGlB,OAAO,cAAc;EAGnB,OAAO;GACL,GAFoB,oBAAoB,cAEzB;GACf,GAAG;GACH,GAAG,oBAAoB,oBAAoB,CAAC,CAAC;EAC/C;CACF,GAAG;EAAC;EAAgB;EAAW;EAVT,iBAUuC;CAAC,CAAC;AACjE"}
+{"version":3,"file":"use-merged-translations.js","names":[],"sources":["../../../src/i18n/use-merged-translations.ts"],"sourcesContent":["import {\n  type FlatTranslations,\n  flattenTranslations,\n  getI18nTranslations,\n  type Locale,\n  type Translations,\n} from '@videojs/core/i18n';\nimport { useMemo } from 'react';\n\nimport { useRegistryEpoch } from './use-registry-epoch';\n\nexport function useMergedTranslations(\n  resolvedLocale: Locale,\n  lazyLayer: Partial<FlatTranslations>,\n  translationsProp?: Partial<Translations>\n): FlatTranslations {\n  const registryEpoch = useRegistryEpoch();\n\n  return useMemo(() => {\n    void registryEpoch;\n    const registryLayer = getI18nTranslations(resolvedLocale);\n\n    return {\n      ...lazyLayer,\n      ...registryLayer,\n      ...flattenTranslations(translationsProp ?? {}),\n    } as FlatTranslations;\n  }, [resolvedLocale, lazyLayer, translationsProp, registryEpoch]);\n}\n"],"mappings":";;;;AAWA,SAAgB,sBACd,gBACA,WACA,kBACkB;CAClB,MAAM,gBAAgB,iBAAiB;CAEvC,OAAO,cAAc;EAEnB,MAAM,gBAAgB,oBAAoB,cAAc;EAExD,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG,oBAAoB,oBAAoB,CAAC,CAAC;EAC/C;CACF,GAAG;EAAC;EAAgB;EAAW;EAAkB;CAAa,CAAC;AACjE"}

package/dist/default/icons/dist/react/default/airplay-enter.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/airplay-enter.js
-const AirPlayEnterIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const AirPlayEnterIcon = (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: "M14.5 2A3.5 3.5 0 0 1 18 5.5v5l-.005.18a3.5 3.5 0 0 1-3.027 3.288L13 12h1.5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v5A1.5 1.5 0 0 0 3.5 12H5l-1.968 1.967A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z" }), /* @__PURE__ */ jsx("path", { d: "M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z" })]
 });
+const ForwardRef = forwardRef(AirPlayEnterIcon);
 //#endregion
-export { AirPlayEnterIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=airplay-enter.js.map

package/dist/default/icons/dist/react/default/airplay-enter.js.map

@@ -1 +1 @@
-{"version":3,"file":"airplay-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/airplay-enter.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst AirPlayEnterIcon = (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: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v5l-.005.18a3.5 3.5 0 0 1-3.027 3.288L13 12h1.5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v5A1.5 1.5 0 0 0 3.5 12H5l-1.968 1.967A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\" }), /* @__PURE__ */ _jsx(\"path\", { d: \"M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z\" })]\n});\nexport default AirPlayEnterIcon;\n"],"mappings":";;AACA,MAAM,oBAAoB,UAA0B,qBAAM,OAAO;CAChE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,uOAAuO,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,6FAA6F,CAAC,CAAC;AAC1Z,CAAC"}
+{"version":3,"file":"airplay-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/airplay-enter.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst AirPlayEnterIcon = (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: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v5l-.005.18a3.5 3.5 0 0 1-3.027 3.288L13 12h1.5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v5A1.5 1.5 0 0 0 3.5 12H5l-1.968 1.967A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\" }), /* @__PURE__ */ _jsx(\"path\", { d: \"M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z\" })]\n});\nconst ForwardRef = forwardRef(AirPlayEnterIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,oBAAoB,OAAO,QAAwB,qBAAM,OAAO;CACrE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,uOAAuO,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,6FAA6F,CAAC,CAAC;AAC1Z,CAAC;AACD,MAAM,aAAa,WAAW,gBAAgB"}

package/dist/default/icons/dist/react/default/airplay-exit.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/airplay-exit.js
-const AirPlayExitIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const AirPlayExitIcon = (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("style", { children: "@keyframes media-icon-airplay-triangle{0%{translate:0 0}to{translate:0-2px}}@keyframes media-icon-airplay-fill{0%{opacity:0}to{opacity:.2}}@media (prefers-reduced-motion:reduce){:root{--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}" }),
@@ -21,7 +23,8 @@ const AirPlayExitIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		})
 	]
 });
+const ForwardRef = forwardRef(AirPlayExitIcon);
 //#endregion
-export { AirPlayExitIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=airplay-exit.js.map

package/dist/default/icons/dist/react/default/airplay-exit.js.map

@@ -1 +1 @@
-{"version":3,"file":"airplay-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/airplay-exit.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst AirPlayExitIcon = (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(\"style\", { children: \"@keyframes media-icon-airplay-triangle{0%{translate:0 0}to{translate:0-2px}}@keyframes media-icon-airplay-fill{0%{opacity:0}to{opacity:.2}}@media (prefers-reduced-motion:reduce){:root{--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v5a3.5 3.5 0 0 1-3.032 3.468L9.354 8.354a.5.5 0 0 0-.708 0l-5.615 5.614A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\",\n\t\t\tstyle: { animation: \"var(--media-icon-airplay-fill-animation, media-icon-airplay-fill 1s ease-in-out infinite alternate)\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v5l-.005.18a3.5 3.5 0 0 1-3.027 3.288L13 12h1.5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v5A1.5 1.5 0 0 0 3.5 12H5l-1.968 1.967A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z\",\n\t\t\tstyle: { animation: \"var(--media-icon-airplay-triangle-animation, media-icon-airplay-triangle 1s ease-in-out infinite alternate)\" }\n\t\t})\n\t]\n});\nexport default AirPlayExitIcon;\n"],"mappings":";;AACA,MAAM,mBAAmB,UAA0B,qBAAM,OAAO;CAC/D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,SAAS,EAAE,UAAU,kRAAkR,CAAC;EAC7S,oBAAK,QAAQ;GAC5B,GAAG;GACH,OAAO,EAAE,WAAW,sGAAsG;EAC3H,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,uOAAuO,CAAC;EAC1P,oBAAK,QAAQ;GAC5B,GAAG;GACH,OAAO,EAAE,WAAW,8GAA8G;EACnI,CAAC;CACF;AACD,CAAC"}
+{"version":3,"file":"airplay-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/airplay-exit.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst AirPlayExitIcon = (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(\"style\", { children: \"@keyframes media-icon-airplay-triangle{0%{translate:0 0}to{translate:0-2px}}@keyframes media-icon-airplay-fill{0%{opacity:0}to{opacity:.2}}@media (prefers-reduced-motion:reduce){:root{--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v5a3.5 3.5 0 0 1-3.032 3.468L9.354 8.354a.5.5 0 0 0-.708 0l-5.615 5.614A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\",\n\t\t\tstyle: { animation: \"var(--media-icon-airplay-fill-animation, media-icon-airplay-fill 1s ease-in-out infinite alternate)\" }\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v5l-.005.18a3.5 3.5 0 0 1-3.027 3.288L13 12h1.5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v5A1.5 1.5 0 0 0 3.5 12H5l-1.968 1.967A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z\",\n\t\t\tstyle: { animation: \"var(--media-icon-airplay-triangle-animation, media-icon-airplay-triangle 1s ease-in-out infinite alternate)\" }\n\t\t})\n\t]\n});\nconst ForwardRef = forwardRef(AirPlayExitIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,mBAAmB,OAAO,QAAwB,qBAAM,OAAO;CACpE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU;EACO,oBAAK,SAAS,EAAE,UAAU,kRAAkR,CAAC;EAC7S,oBAAK,QAAQ;GAC5B,GAAG;GACH,OAAO,EAAE,WAAW,sGAAsG;EAC3H,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,uOAAuO,CAAC;EAC1P,oBAAK,QAAQ;GAC5B,GAAG;GACH,OAAO,EAAE,WAAW,8GAA8G;EACnI,CAAC;CACF;AACD,CAAC;AACD,MAAM,aAAa,WAAW,eAAe"}

package/dist/default/icons/dist/react/default/captions-off.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/captions-off.js
-const CaptionsOffIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const CaptionsOffIcon = (props, ref) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "none",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: [
 		/* @__PURE__ */ jsx("rect", {
@@ -65,7 +67,8 @@ const CaptionsOffIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		})
 	]
 });
+const ForwardRef = forwardRef(CaptionsOffIcon);
 //#endregion
-export { CaptionsOffIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=captions-off.js.map

package/dist/default/icons/dist/react/default/captions-off.js.map

@@ -1 +1 @@
-{"version":3,"file":"captions-off.js","names":[],"sources":["../../../../../../../icons/dist/react/default/captions-off.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CaptionsOffIcon = (props) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 16,\n\t\t\theight: 12,\n\t\t\tx: 1,\n\t\t\ty: 3,\n\t\t\tstroke: \"currentColor\",\n\t\t\tstrokeWidth: 2,\n\t\t\trx: 3\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 3,\n\t\t\theight: 2,\n\t\t\tx: 3,\n\t\t\ty: 8,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 2,\n\t\t\theight: 2,\n\t\t\tx: 13,\n\t\t\ty: 8,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 4,\n\t\t\theight: 2,\n\t\t\tx: 11,\n\t\t\ty: 11,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 5,\n\t\t\theight: 2,\n\t\t\tx: 7,\n\t\t\ty: 8,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 7,\n\t\t\theight: 2,\n\t\t\tx: 3,\n\t\t\ty: 11,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t})\n\t]\n});\nexport default CaptionsOffIcon;\n"],"mappings":";;AACA,MAAM,mBAAmB,UAA0B,qBAAM,OAAO;CAC/D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,QAAQ;GACR,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;CACF;AACD,CAAC"}
+{"version":3,"file":"captions-off.js","names":[],"sources":["../../../../../../../icons/dist/react/default/captions-off.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CaptionsOffIcon = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\tref,\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 16,\n\t\t\theight: 12,\n\t\t\tx: 1,\n\t\t\ty: 3,\n\t\t\tstroke: \"currentColor\",\n\t\t\tstrokeWidth: 2,\n\t\t\trx: 3\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 3,\n\t\t\theight: 2,\n\t\t\tx: 3,\n\t\t\ty: 8,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 2,\n\t\t\theight: 2,\n\t\t\tx: 13,\n\t\t\ty: 8,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 4,\n\t\t\theight: 2,\n\t\t\tx: 11,\n\t\t\ty: 11,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 5,\n\t\t\theight: 2,\n\t\t\tx: 7,\n\t\t\ty: 8,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 7,\n\t\t\theight: 2,\n\t\t\tx: 3,\n\t\t\ty: 11,\n\t\t\tfill: \"currentColor\",\n\t\t\tfillOpacity: .5,\n\t\t\trx: 1\n\t\t})\n\t]\n});\nconst ForwardRef = forwardRef(CaptionsOffIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,mBAAmB,OAAO,QAAwB,qBAAM,OAAO;CACpE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,QAAQ;GACR,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,MAAM;GACN,aAAa;GACb,IAAI;EACL,CAAC;CACF;AACD,CAAC;AACD,MAAM,aAAa,WAAW,eAAe"}

package/dist/default/icons/dist/react/default/captions-on.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/captions-on.js
-const CaptionsOnIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const CaptionsOnIcon = (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: "M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM4 11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2zm8 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM4 8a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zm4 0a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2zm6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2" })
 });
+const ForwardRef = forwardRef(CaptionsOnIcon);
 //#endregion
-export { CaptionsOnIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=captions-on.js.map

package/dist/default/icons/dist/react/default/captions-on.js.map

@@ -1 +1 @@
-{"version":3,"file":"captions-on.js","names":[],"sources":["../../../../../../../icons/dist/react/default/captions-on.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst CaptionsOnIcon = (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: \"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM4 11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2zm8 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM4 8a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zm4 0a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2zm6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2\" })\n});\nexport default CaptionsOnIcon;\n"],"mappings":";;AACA,MAAM,kBAAkB,UAA0B,oBAAK,OAAO;CAC7D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,oPAAoP,CAAC;AAClS,CAAC"}
+{"version":3,"file":"captions-on.js","names":[],"sources":["../../../../../../../icons/dist/react/default/captions-on.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst CaptionsOnIcon = (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: \"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM4 11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2zm8 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zM4 8a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zm4 0a1 1 0 0 0 0 2h3a1 1 0 1 0 0-2zm6 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2\" })\n});\nconst ForwardRef = forwardRef(CaptionsOnIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,kBAAkB,OAAO,QAAwB,oBAAK,OAAO;CAClE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,oPAAoP,CAAC;AAClS,CAAC;AACD,MAAM,aAAa,WAAW,cAAc"}

package/dist/default/icons/dist/react/default/cast-enter.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/cast-enter.js
-const CastEnterIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const CastEnterIcon = (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: "M14.5 2A3.5 3.5 0 0 1 18 5.5v7l-.005.18a3.5 3.5 0 0 1-3.315 3.315L14.5 16h-7c0-.693-.096-1.363-.271-2H14.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v3.271A7.5 7.5 0 0 0 0 8.5v-3A3.5 3.5 0 0 1 3.5 2zM0 12a4 4 0 0 1 4 4H2.5A2.5 2.5 0 0 0 0 13.5z" }), /* @__PURE__ */ jsx("path", { d: "M0 9.5A6.5 6.5 0 0 1 6.5 16H5a5 5 0 0 0-5-5zm0 5A1.5 1.5 0 0 1 1.5 16h-1a.5.5 0 0 1-.5-.5z" })]
 });
+const ForwardRef = forwardRef(CastEnterIcon);
 //#endregion
-export { CastEnterIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=cast-enter.js.map

package/dist/default/icons/dist/react/default/cast-enter.js.map

@@ -1 +1 @@
-{"version":3,"file":"cast-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/cast-enter.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CastEnterIcon = (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: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v7l-.005.18a3.5 3.5 0 0 1-3.315 3.315L14.5 16h-7c0-.693-.096-1.363-.271-2H14.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v3.271A7.5 7.5 0 0 0 0 8.5v-3A3.5 3.5 0 0 1 3.5 2zM0 12a4 4 0 0 1 4 4H2.5A2.5 2.5 0 0 0 0 13.5z\" }), /* @__PURE__ */ _jsx(\"path\", { d: \"M0 9.5A6.5 6.5 0 0 1 6.5 16H5a5 5 0 0 0-5-5zm0 5A1.5 1.5 0 0 1 1.5 16h-1a.5.5 0 0 1-.5-.5z\" })]\n});\nexport default CastEnterIcon;\n"],"mappings":";;AACA,MAAM,iBAAiB,UAA0B,qBAAM,OAAO;CAC7D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,kRAAkR,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,6FAA6F,CAAC,CAAC;AACrc,CAAC"}
+{"version":3,"file":"cast-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/cast-enter.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CastEnterIcon = (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: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v7l-.005.18a3.5 3.5 0 0 1-3.315 3.315L14.5 16h-7c0-.693-.096-1.363-.271-2H14.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v3.271A7.5 7.5 0 0 0 0 8.5v-3A3.5 3.5 0 0 1 3.5 2zM0 12a4 4 0 0 1 4 4H2.5A2.5 2.5 0 0 0 0 13.5z\" }), /* @__PURE__ */ _jsx(\"path\", { d: \"M0 9.5A6.5 6.5 0 0 1 6.5 16H5a5 5 0 0 0-5-5zm0 5A1.5 1.5 0 0 1 1.5 16h-1a.5.5 0 0 1-.5-.5z\" })]\n});\nconst ForwardRef = forwardRef(CastEnterIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,iBAAiB,OAAO,QAAwB,qBAAM,OAAO;CAClE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,kRAAkR,CAAC,GAAmB,oBAAK,QAAQ,EAAE,GAAG,6FAA6F,CAAC,CAAC;AACrc,CAAC;AACD,MAAM,aAAa,WAAW,aAAa"}

package/dist/default/icons/dist/react/default/cast-exit.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/cast-exit.js
-const CastExitIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const CastExitIcon = (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: "M14.5 2A3.5 3.5 0 0 1 18 5.5v7a3.5 3.5 0 0 1-3.5 3.5h-7c0-.693-.096-1.363-.271-2H14.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v3.271A7.5 7.5 0 0 0 0 8.5v-3A3.5 3.5 0 0 1 3.5 2z" }),
@@ -14,7 +16,8 @@ const CastExitIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		/* @__PURE__ */ jsx("path", { d: "M0 9.5A6.5 6.5 0 0 1 6.5 16H5a5 5 0 0 0-5-5zm0 5A1.5 1.5 0 0 1 1.5 16h-1a.5.5 0 0 1-.5-.5z" })
 	]
 });
+const ForwardRef = forwardRef(CastExitIcon);
 //#endregion
-export { CastExitIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=cast-exit.js.map

package/dist/default/icons/dist/react/default/cast-exit.js.map

@@ -1 +1 @@
-{"version":3,"file":"cast-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/cast-exit.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CastExitIcon = (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: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v7a3.5 3.5 0 0 1-3.5 3.5h-7c0-.693-.096-1.363-.271-2H14.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v3.271A7.5 7.5 0 0 0 0 8.5v-3A3.5 3.5 0 0 1 3.5 2z\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M13.5 5.5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H6.634A7.53 7.53 0 0 0 3.5 9.366V6.5a1 1 0 0 1 1-1zM0 12a4 4 0 0 1 4 4H2.5A2.5 2.5 0 0 0 0 13.5z\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M0 9.5A6.5 6.5 0 0 1 6.5 16H5a5 5 0 0 0-5-5zm0 5A1.5 1.5 0 0 1 1.5 16h-1a.5.5 0 0 1-.5-.5z\" })\n\t]\n});\nexport default CastExitIcon;\n"],"mappings":";;AACA,MAAM,gBAAgB,UAA0B,qBAAM,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ,EAAE,GAAG,gNAAgN,CAAC;EACnO,oBAAK,QAAQ,EAAE,GAAG,0IAA0I,CAAC;EAC7J,oBAAK,QAAQ,EAAE,GAAG,6FAA6F,CAAC;CACjI;AACD,CAAC"}
+{"version":3,"file":"cast-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/cast-exit.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst CastExitIcon = (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: \"M14.5 2A3.5 3.5 0 0 1 18 5.5v7a3.5 3.5 0 0 1-3.5 3.5h-7c0-.693-.096-1.363-.271-2H14.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 14.5 4h-11A1.5 1.5 0 0 0 2 5.5v3.271A7.5 7.5 0 0 0 0 8.5v-3A3.5 3.5 0 0 1 3.5 2z\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M13.5 5.5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H6.634A7.53 7.53 0 0 0 3.5 9.366V6.5a1 1 0 0 1 1-1zM0 12a4 4 0 0 1 4 4H2.5A2.5 2.5 0 0 0 0 13.5z\" }),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M0 9.5A6.5 6.5 0 0 1 6.5 16H5a5 5 0 0 0-5-5zm0 5A1.5 1.5 0 0 1 1.5 16h-1a.5.5 0 0 1-.5-.5z\" })\n\t]\n});\nconst ForwardRef = forwardRef(CastExitIcon);\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;EACO,oBAAK,QAAQ,EAAE,GAAG,gNAAgN,CAAC;EACnO,oBAAK,QAAQ,EAAE,GAAG,0IAA0I,CAAC;EAC7J,oBAAK,QAAQ,EAAE,GAAG,6FAA6F,CAAC;CACjI;AACD,CAAC;AACD,MAAM,aAAa,WAAW,YAAY"}

package/dist/default/icons/dist/react/default/check.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/check.js
-const CheckIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const CheckIcon = (props, ref) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "none",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: /* @__PURE__ */ jsx("path", {
 		stroke: "currentColor",
@@ -16,7 +18,8 @@ const CheckIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		d: "M4 10.455 6.5 13 14 5"
 	})
 });
+const ForwardRef = forwardRef(CheckIcon);
 //#endregion
-export { CheckIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=check.js.map

package/dist/default/icons/dist/react/default/check.js.map

@@ -1 +1 @@
-{"version":3,"file":"check.js","names":[],"sources":["../../../../../../../icons/dist/react/default/check.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst CheckIcon = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\tstroke: \"currentColor\",\n\t\tstrokeLinecap: \"round\",\n\t\tstrokeLinejoin: \"round\",\n\t\tstrokeWidth: 2,\n\t\td: \"M4 10.455 6.5 13 14 5\"\n\t})\n});\nexport default CheckIcon;\n"],"mappings":";;AACA,MAAM,aAAa,UAA0B,oBAAK,OAAO;CACxD,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ;EACtC,QAAQ;EACR,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,GAAG;CACJ,CAAC;AACF,CAAC"}
+{"version":3,"file":"check.js","names":[],"sources":["../../../../../../../icons/dist/react/default/check.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst CheckIcon = (props, ref) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\tref,\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\tstroke: \"currentColor\",\n\t\tstrokeLinecap: \"round\",\n\t\tstrokeLinejoin: \"round\",\n\t\tstrokeWidth: 2,\n\t\td: \"M4 10.455 6.5 13 14 5\"\n\t})\n});\nconst ForwardRef = forwardRef(CheckIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,aAAa,OAAO,QAAwB,oBAAK,OAAO;CAC7D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ;EACtC,QAAQ;EACR,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,GAAG;CACJ,CAAC;AACF,CAAC;AACD,MAAM,aAAa,WAAW,SAAS"}

package/dist/default/icons/dist/react/default/chevron.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/chevron.js
-const ChevronIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const ChevronIcon = (props, ref) => /* @__PURE__ */ jsx("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 18,
 	height: 18,
 	fill: "none",
 	"aria-hidden": "true",
 	viewBox: "0 0 18 18",
+	ref,
 	...props,
 	children: /* @__PURE__ */ jsx("path", {
 		stroke: "currentColor",
@@ -15,7 +17,8 @@ const ChevronIcon = (props) => /* @__PURE__ */ jsx("svg", {
 		d: "m11.964 9.014-4.95-4.95m0 9.9 4.95-4.95"
 	})
 });
+const ForwardRef = forwardRef(ChevronIcon);
 //#endregion
-export { ChevronIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=chevron.js.map

package/dist/default/icons/dist/react/default/chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron.js","names":[],"sources":["../../../../../../../icons/dist/react/default/chevron.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst ChevronIcon = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\tstroke: \"currentColor\",\n\t\tstrokeLinecap: \"round\",\n\t\tstrokeWidth: 2,\n\t\td: \"m11.964 9.014-4.95-4.95m0 9.9 4.95-4.95\"\n\t})\n});\nexport default ChevronIcon;\n"],"mappings":";;AACA,MAAM,eAAe,UAA0B,oBAAK,OAAO;CAC1D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ;EACtC,QAAQ;EACR,eAAe;EACf,aAAa;EACb,GAAG;CACJ,CAAC;AACF,CAAC"}
+{"version":3,"file":"chevron.js","names":[],"sources":["../../../../../../../icons/dist/react/default/chevron.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst ChevronIcon = (props, ref) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 18,\n\theight: 18,\n\tfill: \"none\",\n\t\"aria-hidden\": \"true\",\n\tviewBox: \"0 0 18 18\",\n\tref,\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\tstroke: \"currentColor\",\n\t\tstrokeLinecap: \"round\",\n\t\tstrokeWidth: 2,\n\t\td: \"m11.964 9.014-4.95-4.95m0 9.9 4.95-4.95\"\n\t})\n});\nconst ForwardRef = forwardRef(ChevronIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,eAAe,OAAO,QAAwB,oBAAK,OAAO;CAC/D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ;EACtC,QAAQ;EACR,eAAe;EACf,aAAa;EACb,GAAG;CACJ,CAAC;AACF,CAAC;AACD,MAAM,aAAa,WAAW,WAAW"}

package/dist/default/icons/dist/react/default/fullscreen-enter.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/fullscreen-enter.js
-const FullscreenEnterIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const FullscreenEnterIcon = (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: "M9.57 3.617A1 1 0 0 0 8.646 3H4c-.552 0-1 .449-1 1v4.646a.996.996 0 0 0 1.001 1 1 1 0 0 0 .706-.293l4.647-4.647a1 1 0 0 0 .216-1.089m4.812 4.812a1 1 0 0 0-1.089.217l-4.647 4.647a.998.998 0 0 0 .708 1.706H14c.552 0 1-.449 1-1V9.353a1 1 0 0 0-.618-.924" })
 });
+const ForwardRef = forwardRef(FullscreenEnterIcon);
 //#endregion
-export { FullscreenEnterIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=fullscreen-enter.js.map

package/dist/default/icons/dist/react/default/fullscreen-enter.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/fullscreen-enter.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst FullscreenEnterIcon = (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: \"M9.57 3.617A1 1 0 0 0 8.646 3H4c-.552 0-1 .449-1 1v4.646a.996.996 0 0 0 1.001 1 1 1 0 0 0 .706-.293l4.647-4.647a1 1 0 0 0 .216-1.089m4.812 4.812a1 1 0 0 0-1.089.217l-4.647 4.647a.998.998 0 0 0 .708 1.706H14c.552 0 1-.449 1-1V9.353a1 1 0 0 0-.618-.924\" })\n});\nexport default FullscreenEnterIcon;\n"],"mappings":";;AACA,MAAM,uBAAuB,UAA0B,oBAAK,OAAO;CAClE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,6PAA6P,CAAC;AAC3S,CAAC"}
+{"version":3,"file":"fullscreen-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/fullscreen-enter.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst FullscreenEnterIcon = (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: \"M9.57 3.617A1 1 0 0 0 8.646 3H4c-.552 0-1 .449-1 1v4.646a.996.996 0 0 0 1.001 1 1 1 0 0 0 .706-.293l4.647-4.647a1 1 0 0 0 .216-1.089m4.812 4.812a1 1 0 0 0-1.089.217l-4.647 4.647a.998.998 0 0 0 .708 1.706H14c.552 0 1-.449 1-1V9.353a1 1 0 0 0-.618-.924\" })\n});\nconst ForwardRef = forwardRef(FullscreenEnterIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,uBAAuB,OAAO,QAAwB,oBAAK,OAAO;CACvE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,6PAA6P,CAAC;AAC3S,CAAC;AACD,MAAM,aAAa,WAAW,mBAAmB"}

package/dist/default/icons/dist/react/default/fullscreen-exit.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/fullscreen-exit.js
-const FullscreenExitIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const FullscreenExitIcon = (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: "M7.883 1.93a.99.99 0 0 0-1.09.217L2.146 6.793A.998.998 0 0 0 2.853 8.5H7.5c.551 0 1-.449 1-1V2.854a1 1 0 0 0-.617-.924m7.263 7.57H10.5c-.551 0-1 .449-1 1v4.646a.996.996 0 0 0 1.001 1.001 1 1 0 0 0 .706-.293l4.646-4.646a.998.998 0 0 0-.707-1.707z" })
 });
+const ForwardRef = forwardRef(FullscreenExitIcon);
 //#endregion
-export { FullscreenExitIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=fullscreen-exit.js.map

package/dist/default/icons/dist/react/default/fullscreen-exit.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/fullscreen-exit.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst FullscreenExitIcon = (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: \"M7.883 1.93a.99.99 0 0 0-1.09.217L2.146 6.793A.998.998 0 0 0 2.853 8.5H7.5c.551 0 1-.449 1-1V2.854a1 1 0 0 0-.617-.924m7.263 7.57H10.5c-.551 0-1 .449-1 1v4.646a.996.996 0 0 0 1.001 1.001 1 1 0 0 0 .706-.293l4.646-4.646a.998.998 0 0 0-.707-1.707z\" })\n});\nexport default FullscreenExitIcon;\n"],"mappings":";;AACA,MAAM,sBAAsB,UAA0B,oBAAK,OAAO;CACjE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,wPAAwP,CAAC;AACtS,CAAC"}
+{"version":3,"file":"fullscreen-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/fullscreen-exit.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst FullscreenExitIcon = (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: \"M7.883 1.93a.99.99 0 0 0-1.09.217L2.146 6.793A.998.998 0 0 0 2.853 8.5H7.5c.551 0 1-.449 1-1V2.854a1 1 0 0 0-.617-.924m7.263 7.57H10.5c-.551 0-1 .449-1 1v4.646a.996.996 0 0 0 1.001 1.001 1 1 0 0 0 .706-.293l4.646-4.646a.998.998 0 0 0-.707-1.707z\" })\n});\nconst ForwardRef = forwardRef(FullscreenExitIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,sBAAsB,OAAO,QAAwB,oBAAK,OAAO;CACtE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAA0B,oBAAK,QAAQ,EAAE,GAAG,wPAAwP,CAAC;AACtS,CAAC;AACD,MAAM,aAAa,WAAW,kBAAkB"}

package/dist/default/icons/dist/react/default/gear.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/gear.js
-const GearIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const GearIcon = (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: "M7.519 2.184c.357-1.578 2.605-1.579 2.962 0a1.518 1.518 0 0 0 2.292.949c1.368-.864 2.957.727 2.094 2.096-.56.886-.074 2.06.949 2.292 1.579.356 1.578 2.606 0 2.962a1.52 1.52 0 0 0-.95 2.293c.864 1.369-.725 2.96-2.093 2.095a1.52 1.52 0 0 0-2.292.95c-.357 1.578-2.606 1.578-2.962 0a1.52 1.52 0 0 0-2.292-.95c-1.368.864-2.957-.726-2.094-2.095a1.52 1.52 0 0 0-.949-2.293c-1.579-.356-1.579-2.606 0-2.962a1.52 1.52 0 0 0 .95-2.292c-.864-1.369.725-2.96 2.093-2.096.887.56 2.061.074 2.292-.95m1.48 3.474a3.343 3.343 0 1 0 .002 6.687 3.343 3.343 0 0 0-.002-6.687" })
 });
+const ForwardRef = forwardRef(GearIcon);
 //#endregion
-export { GearIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=gear.js.map

package/dist/default/icons/dist/react/default/gear.js.map

@@ -1 +1 @@
-{"version":3,"file":"gear.js","names":[],"sources":["../../../../../../../icons/dist/react/default/gear.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst GearIcon = (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: \"M7.519 2.184c.357-1.578 2.605-1.579 2.962 0a1.518 1.518 0 0 0 2.292.949c1.368-.864 2.957.727 2.094 2.096-.56.886-.074 2.06.949 2.292 1.579.356 1.578 2.606 0 2.962a1.52 1.52 0 0 0-.95 2.293c.864 1.369-.725 2.96-2.093 2.095a1.52 1.52 0 0 0-2.292.95c-.357 1.578-2.606 1.578-2.962 0a1.52 1.52 0 0 0-2.292-.95c-1.368.864-2.957-.726-2.094-2.095a1.52 1.52 0 0 0-.949-2.293c-1.579-.356-1.579-2.606 0-2.962a1.52 1.52 0 0 0 .95-2.292c-.864-1.369.725-2.96 2.093-2.096.887.56 2.061.074 2.292-.95m1.48 3.474a3.343 3.343 0 1 0 .002 6.687 3.343 3.343 0 0 0-.002-6.687\" })\n});\nexport default GearIcon;\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,2iBAA2iB,CAAC;AACzlB,CAAC"}
+{"version":3,"file":"gear.js","names":[],"sources":["../../../../../../../icons/dist/react/default/gear.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst GearIcon = (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: \"M7.519 2.184c.357-1.578 2.605-1.579 2.962 0a1.518 1.518 0 0 0 2.292.949c1.368-.864 2.957.727 2.094 2.096-.56.886-.074 2.06.949 2.292 1.579.356 1.578 2.606 0 2.962a1.52 1.52 0 0 0-.95 2.293c.864 1.369-.725 2.96-2.093 2.095a1.52 1.52 0 0 0-2.292.95c-.357 1.578-2.606 1.578-2.962 0a1.52 1.52 0 0 0-2.292-.95c-1.368.864-2.957-.726-2.094-2.095a1.52 1.52 0 0 0-.949-2.293c-1.579-.356-1.579-2.606 0-2.962a1.52 1.52 0 0 0 .95-2.292c-.864-1.369.725-2.96 2.093-2.096.887.56 2.061.074 2.292-.95m1.48 3.474a3.343 3.343 0 1 0 .002 6.687 3.343 3.343 0 0 0-.002-6.687\" })\n});\nconst ForwardRef = forwardRef(GearIcon);\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,2iBAA2iB,CAAC;AACzlB,CAAC;AACD,MAAM,aAAa,WAAW,QAAQ"}

package/dist/default/icons/dist/react/default/pause.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/pause.js
-const PauseIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const PauseIcon = (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("rect", {
 		width: 5,
@@ -22,7 +24,8 @@ const PauseIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		rx: 1.75
 	})]
 });
+const ForwardRef = forwardRef(PauseIcon);
 //#endregion
-export { PauseIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=pause.js.map

package/dist/default/icons/dist/react/default/pause.js.map

@@ -1 +1 @@
-{"version":3,"file":"pause.js","names":[],"sources":["../../../../../../../icons/dist/react/default/pause.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PauseIcon = (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(\"rect\", {\n\t\twidth: 5,\n\t\theight: 14,\n\t\tx: 2,\n\t\ty: 2,\n\t\trx: 1.75\n\t}), /* @__PURE__ */ _jsx(\"rect\", {\n\t\twidth: 5,\n\t\theight: 14,\n\t\tx: 11,\n\t\ty: 2,\n\t\trx: 1.75\n\t})]\n});\nexport default PauseIcon;\n"],"mappings":";;AACA,MAAM,aAAa,UAA0B,qBAAM,OAAO;CACzD,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU,CAAiB,oBAAK,QAAQ;EACvC,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG;EACH,IAAI;CACL,CAAC,GAAmB,oBAAK,QAAQ;EAChC,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG;EACH,IAAI;CACL,CAAC,CAAC;AACH,CAAC"}
+{"version":3,"file":"pause.js","names":[],"sources":["../../../../../../../icons/dist/react/default/pause.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PauseIcon = (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(\"rect\", {\n\t\twidth: 5,\n\t\theight: 14,\n\t\tx: 2,\n\t\ty: 2,\n\t\trx: 1.75\n\t}), /* @__PURE__ */ _jsx(\"rect\", {\n\t\twidth: 5,\n\t\theight: 14,\n\t\tx: 11,\n\t\ty: 2,\n\t\trx: 1.75\n\t})]\n});\nconst ForwardRef = forwardRef(PauseIcon);\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,CAAiB,oBAAK,QAAQ;EACvC,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG;EACH,IAAI;CACL,CAAC,GAAmB,oBAAK,QAAQ;EAChC,OAAO;EACP,QAAQ;EACR,GAAG;EACH,GAAG;EACH,IAAI;CACL,CAAC,CAAC;AACH,CAAC;AACD,MAAM,aAAa,WAAW,SAAS"}

package/dist/default/icons/dist/react/default/pip-enter.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/pip-enter.js
-const PipEnterIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const PipEnterIcon = (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: "M13 2a4 4 0 0 1 4 4v2.036A3.5 3.5 0 0 0 16.5 8H15V6.273C15 5.018 13.96 4 12.679 4H4.32C3.04 4 2 5.018 2 6.273v5.454C2 12.982 3.04 14 4.321 14H6v1.5q0 .255.036.5H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z" }),
@@ -20,7 +22,8 @@ const PipEnterIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		/* @__PURE__ */ jsx("path", { d: "M7.129 5.547a.6.6 0 0 0-.656.13L3.677 8.473A.6.6 0 0 0 4.102 9.5h2.796c.332 0 .602-.27.602-.602V6.103a.6.6 0 0 0-.371-.556" })
 	]
 });
+const ForwardRef = forwardRef(PipEnterIcon);
 //#endregion
-export { PipEnterIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=pip-enter.js.map

package/dist/default/icons/dist/react/default/pip-enter.js.map

@@ -1 +1 @@
-{"version":3,"file":"pip-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/pip-enter.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PipEnterIcon = (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: \"M13 2a4 4 0 0 1 4 4v2.036A3.5 3.5 0 0 0 16.5 8H15V6.273C15 5.018 13.96 4 12.679 4H4.32C3.04 4 2 5.018 2 6.273v5.454C2 12.982 3.04 14 4.321 14H6v1.5q0 .255.036.5H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\" }),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 10,\n\t\t\theight: 7,\n\t\t\tx: 8,\n\t\t\ty: 10,\n\t\t\trx: 2\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M7.129 5.547a.6.6 0 0 0-.656.13L3.677 8.473A.6.6 0 0 0 4.102 9.5h2.796c.332 0 .602-.27.602-.602V6.103a.6.6 0 0 0-.371-.556\" })\n\t]\n});\nexport default PipEnterIcon;\n"],"mappings":";;AACA,MAAM,gBAAgB,UAA0B,qBAAM,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ,EAAE,GAAG,oMAAoM,CAAC;EACvN,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,6HAA6H,CAAC;CACjK;AACD,CAAC"}
+{"version":3,"file":"pip-enter.js","names":[],"sources":["../../../../../../../icons/dist/react/default/pip-enter.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PipEnterIcon = (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: \"M13 2a4 4 0 0 1 4 4v2.036A3.5 3.5 0 0 0 16.5 8H15V6.273C15 5.018 13.96 4 12.679 4H4.32C3.04 4 2 5.018 2 6.273v5.454C2 12.982 3.04 14 4.321 14H6v1.5q0 .255.036.5H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\" }),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 10,\n\t\t\theight: 7,\n\t\t\tx: 8,\n\t\t\ty: 10,\n\t\t\trx: 2\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M7.129 5.547a.6.6 0 0 0-.656.13L3.677 8.473A.6.6 0 0 0 4.102 9.5h2.796c.332 0 .602-.27.602-.602V6.103a.6.6 0 0 0-.371-.556\" })\n\t]\n});\nconst ForwardRef = forwardRef(PipEnterIcon);\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;EACO,oBAAK,QAAQ,EAAE,GAAG,oMAAoM,CAAC;EACvN,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,6HAA6H,CAAC;CACjK;AACD,CAAC;AACD,MAAM,aAAa,WAAW,YAAY"}

package/dist/default/icons/dist/react/default/pip-exit.js

@@ -1,12 +1,14 @@
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/pip-exit.js
-const PipExitIcon = (props) => /* @__PURE__ */ jsxs("svg", {
+const PipExitIcon = (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: "M13 2a4 4 0 0 1 4 4v2.036A3.5 3.5 0 0 0 16.5 8H15V6.273C15 5.018 13.96 4 12.679 4H4.32C3.04 4 2 5.018 2 6.273v5.454C2 12.982 3.04 14 4.321 14H6v1.5q0 .255.036.5H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z" }),
@@ -20,7 +22,8 @@ const PipExitIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		/* @__PURE__ */ jsx("path", { d: "M4.871 10.454a.6.6 0 0 0 .656-.131l2.796-2.796A.6.6 0 0 0 7.898 6.5H5.102a.603.603 0 0 0-.602.602v2.795a.6.6 0 0 0 .371.556" })
 	]
 });
+const ForwardRef = forwardRef(PipExitIcon);
 //#endregion
-export { PipExitIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=pip-exit.js.map

package/dist/default/icons/dist/react/default/pip-exit.js.map

@@ -1 +1 @@
-{"version":3,"file":"pip-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/pip-exit.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PipExitIcon = (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: \"M13 2a4 4 0 0 1 4 4v2.036A3.5 3.5 0 0 0 16.5 8H15V6.273C15 5.018 13.96 4 12.679 4H4.32C3.04 4 2 5.018 2 6.273v5.454C2 12.982 3.04 14 4.321 14H6v1.5q0 .255.036.5H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\" }),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 10,\n\t\t\theight: 7,\n\t\t\tx: 8,\n\t\t\ty: 10,\n\t\t\trx: 2\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M4.871 10.454a.6.6 0 0 0 .656-.131l2.796-2.796A.6.6 0 0 0 7.898 6.5H5.102a.603.603 0 0 0-.602.602v2.795a.6.6 0 0 0 .371.556\" })\n\t]\n});\nexport default PipExitIcon;\n"],"mappings":";;AACA,MAAM,eAAe,UAA0B,qBAAM,OAAO;CAC3D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ,EAAE,GAAG,oMAAoM,CAAC;EACvN,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,8HAA8H,CAAC;CAClK;AACD,CAAC"}
+{"version":3,"file":"pip-exit.js","names":[],"sources":["../../../../../../../icons/dist/react/default/pip-exit.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PipExitIcon = (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: \"M13 2a4 4 0 0 1 4 4v2.036A3.5 3.5 0 0 0 16.5 8H15V6.273C15 5.018 13.96 4 12.679 4H4.32C3.04 4 2 5.018 2 6.273v5.454C2 12.982 3.04 14 4.321 14H6v1.5q0 .255.036.5H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4z\" }),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 10,\n\t\t\theight: 7,\n\t\t\tx: 8,\n\t\t\ty: 10,\n\t\t\trx: 2\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M4.871 10.454a.6.6 0 0 0 .656-.131l2.796-2.796A.6.6 0 0 0 7.898 6.5H5.102a.603.603 0 0 0-.602.602v2.795a.6.6 0 0 0 .371.556\" })\n\t]\n});\nconst ForwardRef = forwardRef(PipExitIcon);\nexport default ForwardRef;\n"],"mappings":";;;AAEA,MAAM,eAAe,OAAO,QAAwB,qBAAM,OAAO;CAChE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,eAAe;CACf,SAAS;CACT;CACA,GAAG;CACH,UAAU;EACO,oBAAK,QAAQ,EAAE,GAAG,oMAAoM,CAAC;EACvN,oBAAK,QAAQ;GAC5B,OAAO;GACP,QAAQ;GACR,GAAG;GACH,GAAG;GACH,IAAI;EACL,CAAC;EACe,oBAAK,QAAQ,EAAE,GAAG,8HAA8H,CAAC;CAClK;AACD,CAAC;AACD,MAAM,aAAa,WAAW,WAAW"}

package/dist/default/icons/dist/react/default/play.js

@@ -1,16 +1,19 @@
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../icons/dist/react/default/play.js
-const PlayIcon = (props) => /* @__PURE__ */ jsx("svg", {
+const PlayIcon = (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: "m14.051 10.723-7.985 4.964a1.98 1.98 0 0 1-2.758-.638A2.06 2.06 0 0 1 3 13.964V4.036C3 2.91 3.895 2 5 2c.377 0 .747.109 1.066.313l7.985 4.964a2.057 2.057 0 0 1 .627 2.808c-.16.257-.373.475-.627.637" })
 });
+const ForwardRef = forwardRef(PlayIcon);
 //#endregion
-export { PlayIcon as default };
+export { ForwardRef as default };
 
 //# sourceMappingURL=play.js.map

package/dist/default/icons/dist/react/default/play.js.map

@@ -1 +1 @@
-{"version":3,"file":"play.js","names":[],"sources":["../../../../../../../icons/dist/react/default/play.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst PlayIcon = (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: \"m14.051 10.723-7.985 4.964a1.98 1.98 0 0 1-2.758-.638A2.06 2.06 0 0 1 3 13.964V4.036C3 2.91 3.895 2 5 2c.377 0 .747.109 1.066.313l7.985 4.964a2.057 2.057 0 0 1 .627 2.808c-.16.257-.373.475-.627.637\" })\n});\nexport default PlayIcon;\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,wMAAwM,CAAC;AACtP,CAAC"}
+{"version":3,"file":"play.js","names":[],"sources":["../../../../../../../icons/dist/react/default/play.js"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PlayIcon = (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: \"m14.051 10.723-7.985 4.964a1.98 1.98 0 0 1-2.758-.638A2.06 2.06 0 0 1 3 13.964V4.036C3 2.91 3.895 2 5 2c.377 0 .747.109 1.066.313l7.985 4.964a2.057 2.057 0 0 1 .627 2.808c-.16.257-.373.475-.627.637\" })\n});\nconst ForwardRef = forwardRef(PlayIcon);\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,wMAAwM,CAAC;AACtP,CAAC;AACD,MAAM,aAAa,WAAW,QAAQ"}