@videojs/react 10.0.0-beta.26 → 10.0.0-beta.28

package/dist/default/skins/dist/default/minimal/tailwind/components/root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/root.js"],"sourcesContent":["import { reset } from \"./reset.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/root.ts\nconst root = cn(reset, \"block relative isolate h-full w-full @container/media-root\", \"rounded-(--media-border-radius,0.75rem)\", \"font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased\", \"outline-2 outline-transparent -outline-offset-4\", \"transition-[outline-offset,outline-color] duration-100 ease-out\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"scrollbar-thin scrollbar-thumb-current/30\", \"[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-auto\", \"[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-thumb-current/80\", \"[--media-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]\", \"[--media-current-shadow-color-subtle:oklch(from_var(--media-current-shadow-color)_l_c_h/calc(alpha*0.4))]\", \"[--scale:1]\", \"[--font-size-base:calc(0.8125rem*var(--scale))]\", \"[--font-size-small:calc(0.6875rem*var(--scale))]\", \"[--font-size-medium:calc(0.9375rem*var(--scale))]\", \"[--font-size-tiny:calc(0.5625rem*var(--scale))]\", \"[--media-icon-size:calc(--spacing(4.5)*var(--scale))]\", \"[--spacing-proxy:var(--spacing)]\", \"[&>*]:[--spacing:calc(var(--spacing-proxy)*var(--scale))]\");\n//#endregion\nexport { root };\n\n//# sourceMappingURL=root.js.map"],"mappings":";;;AAGA,MAAM,OAAO,GAAG,OAAO,8DAA8D,2CAA2C,qIAAqI,mDAAmD,mEAAmE,gEAAgE,6CAA6C,4FAA4F,wGAAwG,iGAAiG,6GAA6G,eAAe,mDAAmD,oDAAoD,qDAAqD,mDAAmD,yDAAyD,oCAAoC,2DAA2D"}

package/dist/default/tailwind.css

@@ -1,42 +0,0 @@
-/* -------------------------------------------------------------------------- */
-/* Supporting @keyframes, @properties and @theme for Tailwind CSS             */
-/* -------------------------------------------------------------------------- */
-
-/* -------------------------------------------------------------------------- */
-/* Global @keyframes for all video skins (CSS & Tailwind)                     */
-/* -------------------------------------------------------------------------- */
-
-@keyframes media-shake {
-  0%,
-  100% {
-    translate: 0 0;
-  }
-  20% {
-    translate: -6px 0;
-  }
-  40% {
-    translate: 4px 0;
-  }
-  60% {
-    translate: -2px 0;
-  }
-  80% {
-    translate: 1px 0;
-  }
-}
-
-/* -------------------------------------------------------------------------- */
-/* Global @properties for all video skins (CSS & Tailwind)                    */
-/* -------------------------------------------------------------------------- */
-
-@property --media-progress-fill {
-  syntax: "<percentage>";
-  inherits: true;
-  initial-value: 0%;
-}
-
-
-@theme {
-  --animate-media-shake: media-shake 300ms ease-in-out;
-}
-

package/dist/default/ui/input-indicators/use-indicator-visibility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-indicator-visibility.js","names":[],"sources":["../../../../src/ui/input-indicators/use-indicator-visibility.ts"],"sourcesContent":["'use client';\n\nimport type { IndicatorVisibilityHandle } from '@videojs/core';\nimport { getIndicatorVisibilityCoordinator } from '@videojs/core/dom';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useContainer } from '../../player/context';\nimport { useLatestRef } from '../../utils/use-latest-ref';\n\nexport function useIndicatorVisibility(close: () => void): () => void {\n  const container = useContainer();\n  const closeRef = useLatestRef(close);\n  const coordinatorRef = useRef<ReturnType<typeof getIndicatorVisibilityCoordinator> | null>(null);\n  const [handle] = useState<IndicatorVisibilityHandle>(() => ({\n    close: () => closeRef.current(),\n  }));\n\n  useEffect(() => {\n    if (!container) return;\n\n    const coordinator = getIndicatorVisibilityCoordinator(container);\n    coordinatorRef.current = coordinator;\n\n    return coordinator.register(handle);\n  }, [container, handle]);\n\n  return useCallback(() => {\n    coordinatorRef.current?.show(handle);\n  }, [handle]);\n}\n"],"mappings":";;;;;;AASA,SAAgB,uBAAuB,OAA+B;CACpE,MAAM,YAAY,aAAa;CAC/B,MAAM,WAAW,aAAa,KAAK;CACnC,MAAM,iBAAiB,OAAoE,IAAI;CAC/F,MAAM,CAAC,UAAU,gBAA2C,EAC1D,aAAa,SAAS,QAAQ,EAChC,EAAE;CAEF,gBAAgB;EACd,IAAI,CAAC,WAAW;EAEhB,MAAM,cAAc,kCAAkC,SAAS;EAC/D,eAAe,UAAU;EAEzB,OAAO,YAAY,SAAS,MAAM;CACpC,GAAG,CAAC,WAAW,MAAM,CAAC;CAEtB,OAAO,kBAAkB;EACvB,eAAe,SAAS,KAAK,MAAM;CACrC,GAAG,CAAC,MAAM,CAAC;AACb"}

package/dist/default/ui/input-indicators/use-input-action-subscription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-input-action-subscription.js","names":[],"sources":["../../../../src/ui/input-indicators/use-input-action-subscription.ts"],"sourcesContent":["'use client';\n\nimport type { InputActionEvent, MediaSnapshot } from '@videojs/core';\nimport { getMediaSnapshot, subscribeToInputActions } from '@videojs/core/dom';\nimport { useEffect } from 'react';\n\nimport { useContainer, usePlayer } from '../../player/context';\nimport { useLatestRef } from '../../utils/use-latest-ref';\n\nexport function useInputActionSubscription(callback: (event: InputActionEvent, snapshot: MediaSnapshot) => void): void {\n  const container = useContainer();\n  const store = usePlayer();\n  const callbackRef = useLatestRef(callback);\n  const storeRef = useLatestRef(store);\n\n  useEffect(() => {\n    if (!container) return;\n\n    return subscribeToInputActions(container, (event) => {\n      callbackRef.current(event, getMediaSnapshot(storeRef.current));\n    });\n  }, [container]);\n}\n"],"mappings":";;;;;;AASA,SAAgB,2BAA2B,UAA4E;CACrH,MAAM,YAAY,aAAa;CAC/B,MAAM,QAAQ,UAAU;CACxB,MAAM,cAAc,aAAa,QAAQ;CACzC,MAAM,WAAW,aAAa,KAAK;CAEnC,gBAAgB;EACd,IAAI,CAAC,WAAW;EAEhB,OAAO,wBAAwB,YAAY,UAAU;GACnD,YAAY,QAAQ,OAAO,iBAAiB,SAAS,OAAO,CAAC;EAC/D,CAAC;CACH,GAAG,CAAC,SAAS,CAAC;AAChB"}

package/dist/default/ui/input-indicators/use-input-indicator-root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-input-indicator-root.js","names":[],"sources":["../../../../src/ui/input-indicators/use-input-indicator-root.ts"],"sourcesContent":["'use client';\n\nimport type { IndicatorLifecycleState, InputActionEvent, MediaSnapshot } from '@videojs/core';\nimport type { State as StoreState } from '@videojs/store';\nimport { useState, useSyncExternalStore } from 'react';\n\nimport { useDestroy } from '../../utils/use-destroy';\nimport { useIndicatorVisibility } from './use-indicator-visibility';\nimport { useInputActionSubscription } from './use-input-action-subscription';\nimport { type RenderedIndicatorOptions, useRenderedIndicatorState } from './use-rendered-indicator-state';\n\ninterface InputIndicatorRootCore<IndicatorState extends IndicatorLifecycleState, Props> {\n  readonly state: StoreState<IndicatorState>;\n  setProps(props: Props): void;\n  destroy(): void;\n  close(): void;\n  processEvent(event: InputActionEvent, snapshot: MediaSnapshot): boolean;\n}\n\nexport function useInputIndicatorRoot<IndicatorState extends IndicatorLifecycleState, Props>(\n  createCore: () => InputIndicatorRootCore<IndicatorState, Props>,\n  props: Props,\n  options?: RenderedIndicatorOptions\n) {\n  const [core] = useState(createCore);\n  useDestroy(core);\n  core.setProps(props);\n  const showIndicator = useIndicatorVisibility(() => core.close());\n\n  useInputActionSubscription((event, snapshot) => {\n    if (core.processEvent(event, snapshot)) showIndicator();\n  });\n\n  const currentState = useSyncExternalStore(\n    (callback) => core.state.subscribe(callback),\n    () => core.state.current,\n    () => core.state.current\n  );\n\n  return useRenderedIndicatorState(currentState, options);\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,sBACd,YACA,OACA,SACA;CACA,MAAM,CAAC,QAAQ,SAAS,UAAU;CAClC,WAAW,IAAI;CACf,KAAK,SAAS,KAAK;CACnB,MAAM,gBAAgB,6BAA6B,KAAK,MAAM,CAAC;CAE/D,4BAA4B,OAAO,aAAa;EAC9C,IAAI,KAAK,aAAa,OAAO,QAAQ,GAAG,cAAc;CACxD,CAAC;CAQD,OAAO,0BANc,sBAClB,aAAa,KAAK,MAAM,UAAU,QAAQ,SACrC,KAAK,MAAM,eACX,KAAK,MAAM,OAGyB,GAAG,OAAO;AACxD"}

package/dist/default/ui/input-indicators/use-rendered-indicator-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-rendered-indicator-state.js","names":[],"sources":["../../../../src/ui/input-indicators/use-rendered-indicator-state.ts"],"sourcesContent":["'use client';\n\nimport { getRenderedIndicatorState, type IndicatorLifecycleState, isIndicatorPresent } from '@videojs/core';\nimport { createTransition } from '@videojs/core/dom';\nimport { useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { useDestroy } from '../../utils/use-destroy';\n\nexport interface RenderedIndicatorOptions {\n  replayOnUpdate?: boolean | undefined;\n}\n\nexport function useRenderedIndicatorState<State extends IndicatorLifecycleState>(\n  currentState: State,\n  options: RenderedIndicatorOptions = {}\n) {\n  const elementRef = useRef<HTMLElement>(null);\n  const currentStateRef = useRef(currentState);\n  const snapshotRef = useRef(currentState);\n  const [transition] = useState(() => createTransition());\n  useDestroy(transition);\n  currentStateRef.current = currentState;\n\n  const transitionState = useSyncExternalStore(\n    (callback) => transition.state.subscribe(callback),\n    () => transition.state.current,\n    () => transition.state.current\n  );\n\n  const { generation, open } = currentState;\n\n  useLayoutEffect(() => {\n    if (open) {\n      const nextState = currentStateRef.current;\n      if (nextState.generation !== generation) return;\n\n      snapshotRef.current = nextState;\n      const transitionState = transition.state.current;\n      if (!transitionState.active || options.replayOnUpdate !== false) {\n        void transition.open(elementRef.current);\n      } else if (transitionState.status === 'ending') {\n        transition.cancel();\n      }\n      return;\n    }\n\n    const { active, status } = transition.state.current;\n    if (active && status !== 'ending') {\n      void transition.close(elementRef.current);\n    }\n  }, [generation, open, options.replayOnUpdate, transition]);\n\n  return {\n    elementRef,\n    present: isIndicatorPresent(currentState, transitionState),\n    state: getRenderedIndicatorState(currentState, snapshotRef.current, transitionState),\n  };\n}\n"],"mappings":";;;;;;AAYA,SAAgB,0BACd,cACA,UAAoC,CAAC,GACrC;CACA,MAAM,aAAa,OAAoB,IAAI;CAC3C,MAAM,kBAAkB,OAAO,YAAY;CAC3C,MAAM,cAAc,OAAO,YAAY;CACvC,MAAM,CAAC,cAAc,eAAe,iBAAiB,CAAC;CACtD,WAAW,UAAU;CACrB,gBAAgB,UAAU;CAE1B,MAAM,kBAAkB,sBACrB,aAAa,WAAW,MAAM,UAAU,QAAQ,SAC3C,WAAW,MAAM,eACjB,WAAW,MAAM,OACzB;CAEA,MAAM,EAAE,YAAY,SAAS;CAE7B,sBAAsB;EACpB,IAAI,MAAM;GACR,MAAM,YAAY,gBAAgB;GAClC,IAAI,UAAU,eAAe,YAAY;GAEzC,YAAY,UAAU;GACtB,MAAM,kBAAkB,WAAW,MAAM;GACzC,IAAI,CAAC,gBAAgB,UAAU,QAAQ,mBAAmB,OACxD,WAAgB,KAAK,WAAW,OAAO;QAClC,IAAI,gBAAgB,WAAW,UACpC,WAAW,OAAO;GAEpB;EACF;EAEA,MAAM,EAAE,QAAQ,WAAW,WAAW,MAAM;EAC5C,IAAI,UAAU,WAAW,UACvB,WAAgB,MAAM,WAAW,OAAO;CAE5C,GAAG;EAAC;EAAY;EAAM,QAAQ;EAAgB;CAAU,CAAC;CAEzD,OAAO;EACL;EACA,SAAS,mBAAmB,cAAc,eAAe;EACzD,OAAO,0BAA0B,cAAc,YAAY,SAAS,eAAe;CACrF;AACF"}

package/dist/default/ui/menu/menu-back.js

@@ -1,34 +0,0 @@
-"use client";
-import { useTranslator } from "../../i18n/context.js";
-import { renderElement } from "../../utils/use-render.js";
-import { useSubMenuContext } from "./context.js";
-import { translateText } from "@videojs/core/i18n";
-import { forwardRef, useCallback } from "react";
-import { backText } from "@videojs/core/i18n/text/menu";
-//#region src/ui/menu/menu-back.tsx
-/** Button that navigates back to the parent menu view. Place at the top of a submenu Content. */
-const MenuBack = forwardRef(function MenuBack({ render, className, style, label = backText, onClick, ...elementProps }, forwardedRef) {
-	const t = useTranslator();
-	const parentMenu = useSubMenuContext()?.parentMenu ?? null;
-	const handleClick = useCallback((event) => {
-		onClick?.(event);
-		parentMenu?.pop();
-	}, [onClick, parentMenu]);
-	return renderElement("button", {
-		render,
-		className,
-		style
-	}, {
-		state: parentMenu?.state ?? {},
-		ref: forwardedRef,
-		props: [{
-			type: "button",
-			"aria-label": translateText(label, t),
-			onClick: handleClick
-		}, elementProps]
-	});
-});
-//#endregion
-export { MenuBack };
-
-//# sourceMappingURL=menu-back.js.map

package/dist/default/ui/menu/menu-back.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-back.js","names":[],"sources":["../../../../src/ui/menu/menu-back.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { type Text, translateText } from '@videojs/core/i18n';\nimport { backText } from '@videojs/core/i18n/text/menu';\nimport { forwardRef, useCallback } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useSubMenuContext } from './context';\n\nexport interface MenuBackProps extends UIComponentProps<'button', MenuState> {\n  /** Accessible label for the back button. */\n  label?: Text | string;\n}\n\n/** Button that navigates back to the parent menu view. Place at the top of a submenu Content. */\nexport const MenuBack = forwardRef<HTMLButtonElement, MenuBackProps>(function MenuBack(\n  { render, className, style, label = backText, onClick, ...elementProps },\n  forwardedRef\n) {\n  const t = useTranslator();\n  const subMenuCtx = useSubMenuContext();\n  const parentMenu = subMenuCtx?.parentMenu ?? null;\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      parentMenu?.pop();\n    },\n    [onClick, parentMenu]\n  );\n\n  return renderElement(\n    'button',\n    { render, className, style },\n    {\n      state: parentMenu?.state ?? ({} as MenuState),\n      ref: forwardedRef,\n      props: [\n        {\n          type: 'button' as const,\n          'aria-label': translateText(label, t),\n          onClick: handleClick,\n        },\n        elementProps,\n      ],\n    }\n  );\n});\n\nexport namespace MenuBack {\n  export type Props = MenuBackProps;\n  export type State = MenuState;\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAa,WAAW,WAA6C,SAAS,SAC5E,EAAE,QAAQ,WAAW,OAAO,QAAQ,UAAU,SAAS,GAAG,gBAC1D,cACA;CACA,MAAM,IAAI,cAAc;CAExB,MAAM,aADa,kBACS,CAAC,EAAE,cAAc;CAE7C,MAAM,cAAc,aACjB,UAA+C;EAC9C,UAAU,KAAK;EACf,YAAY,IAAI;CAClB,GACA,CAAC,SAAS,UAAU,CACtB;CAEA,OAAO,cACL,UACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE,OAAO,YAAY,SAAU,CAAC;EAC9B,KAAK;EACL,OAAO,CACL;GACE,MAAM;GACN,cAAc,cAAc,OAAO,CAAC;GACpC,SAAS;EACX,GACA,YACF;CACF,CACF;AACF,CAAC"}

package/dist/default/ui/menu/menu-item-setting-provider.js

@@ -1,77 +0,0 @@
-"use client";
-import { useTranslator } from "../../i18n/context.js";
-import { MenuItemSettingContextProvider } from "./context.js";
-import { useAudioTrackOptions } from "../audio-track/use-audio-track-options.js";
-import { useCaptionsOptions } from "../captions-radio-group/use-captions-options.js";
-import { usePlaybackRateOptions } from "../playback-rate/use-playback-rate-options.js";
-import { useQualityOptions } from "../quality/use-quality-options.js";
-import { translateText } from "@videojs/core/i18n";
-import { jsx } from "react/jsx-runtime";
-import { CAPTIONS_OFF_VALUE } from "@videojs/core";
-import { autoText, offText } from "@videojs/core/i18n/text/menu";
-//#region src/ui/menu/menu-item-setting-provider.tsx
-function PlaybackRateMenuItemSettingProvider({ children }) {
-	const playbackRate = usePlaybackRateOptions();
-	if (!playbackRate) return children;
-	const { state, options, value } = playbackRate;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "playback-rate",
-			label: options.find((option) => option.value === value)?.label ?? "",
-			availability: state.availability
-		},
-		children
-	});
-}
-function CaptionsMenuItemSettingProvider({ children }) {
-	const captions = useCaptionsOptions();
-	const t = useTranslator();
-	if (!captions) return children;
-	const { state, options, value } = captions;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "captions",
-			label: value === CAPTIONS_OFF_VALUE ? translateText(offText, t) : options.find((option) => option.value === value)?.label ?? translateText(offText, t),
-			availability: state.availability
-		},
-		children
-	});
-}
-function QualityMenuItemSettingProvider({ children }) {
-	const quality = useQualityOptions();
-	const t = useTranslator();
-	if (!quality) return children;
-	const { state, options, value } = quality;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "quality",
-			label: options.find((option) => option.value === value)?.label ?? translateText(autoText, t),
-			availability: state.availability
-		},
-		children
-	});
-}
-function AudioTrackMenuItemSettingProvider({ children }) {
-	const audioTrack = useAudioTrackOptions();
-	if (!audioTrack) return children;
-	const { state, options, value } = audioTrack;
-	return /* @__PURE__ */ jsx(MenuItemSettingContextProvider, {
-		value: {
-			type: "audio-track",
-			label: options.find((option) => option.value === value)?.label ?? "",
-			availability: state.availability
-		},
-		children
-	});
-}
-function MenuItemSettingProvider({ type, children }) {
-	if (type === "playback-rate") return /* @__PURE__ */ jsx(PlaybackRateMenuItemSettingProvider, { children });
-	if (type === "quality") return /* @__PURE__ */ jsx(QualityMenuItemSettingProvider, { children });
-	if (type === "audio-track") return /* @__PURE__ */ jsx(AudioTrackMenuItemSettingProvider, { children });
-	if (type === "captions") return /* @__PURE__ */ jsx(CaptionsMenuItemSettingProvider, { children });
-	return children;
-}
-//#endregion
-export { MenuItemSettingProvider };
-
-//# sourceMappingURL=menu-item-setting-provider.js.map

package/dist/default/ui/menu/menu-item-setting-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-setting-provider.js","names":[],"sources":["../../../../src/ui/menu/menu-item-setting-provider.tsx"],"sourcesContent":["'use client';\n\nimport { CAPTIONS_OFF_VALUE } from '@videojs/core';\nimport { translateText } from '@videojs/core/i18n';\nimport { autoText, offText } from '@videojs/core/i18n/text/menu';\nimport type { ReactNode } from 'react';\n\nimport { useTranslator } from '../../i18n/context';\nimport { useAudioTrackOptions } from '../audio-track/use-audio-track-options';\nimport { useCaptionsOptions } from '../captions-radio-group/use-captions-options';\nimport { usePlaybackRateOptions } from '../playback-rate/use-playback-rate-options';\nimport { useQualityOptions } from '../quality/use-quality-options';\nimport { MenuItemSettingContextProvider } from './context';\nimport type { MenuItemSettingType } from './menu-item-type';\n\nexport interface MenuItemSettingProviderProps {\n  type: MenuItemSettingType;\n  children: ReactNode;\n}\n\nfunction PlaybackRateMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const playbackRate = usePlaybackRateOptions();\n  if (!playbackRate) return children;\n\n  const { state, options, value } = playbackRate;\n  const label = options.find((option) => option.value === value)?.label ?? '';\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'playback-rate', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nfunction CaptionsMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const captions = useCaptionsOptions();\n  const t = useTranslator();\n  if (!captions) return children;\n\n  const { state, options, value } = captions;\n  const label =\n    value === CAPTIONS_OFF_VALUE\n      ? translateText(offText, t)\n      : (options.find((option) => option.value === value)?.label ?? translateText(offText, t));\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'captions', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nfunction QualityMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const quality = useQualityOptions();\n  const t = useTranslator();\n  if (!quality) return children;\n\n  const { state, options, value } = quality;\n  const label = options.find((option) => option.value === value)?.label ?? translateText(autoText, t);\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'quality', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nfunction AudioTrackMenuItemSettingProvider({ children }: { children: ReactNode }): ReactNode {\n  const audioTrack = useAudioTrackOptions();\n  if (!audioTrack) return children;\n\n  const { state, options, value } = audioTrack;\n  const label = options.find((option) => option.value === value)?.label ?? '';\n\n  return (\n    <MenuItemSettingContextProvider value={{ type: 'audio-track', label, availability: state.availability }}>\n      {children}\n    </MenuItemSettingContextProvider>\n  );\n}\n\nexport function MenuItemSettingProvider({ type, children }: MenuItemSettingProviderProps): ReactNode {\n  if (type === 'playback-rate')\n    return <PlaybackRateMenuItemSettingProvider>{children}</PlaybackRateMenuItemSettingProvider>;\n  if (type === 'quality') return <QualityMenuItemSettingProvider>{children}</QualityMenuItemSettingProvider>;\n  if (type === 'audio-track') return <AudioTrackMenuItemSettingProvider>{children}</AudioTrackMenuItemSettingProvider>;\n  if (type === 'captions') return <CaptionsMenuItemSettingProvider>{children}</CaptionsMenuItemSettingProvider>;\n  return children;\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAS,oCAAoC,EAAE,YAAgD;CAC7F,MAAM,eAAe,uBAAuB;CAC5C,IAAI,CAAC,cAAc,OAAO;CAE1B,MAAM,EAAE,OAAO,SAAS,UAAU;CAGlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAiB,OAHpD,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS;GAGA,cAAc,MAAM;EAAa;EACrG;CAC6B,CAAA;AAEpC;AAEA,SAAS,gCAAgC,EAAE,YAAgD;CACzF,MAAM,WAAW,mBAAmB;CACpC,MAAM,IAAI,cAAc;CACxB,IAAI,CAAC,UAAU,OAAO;CAEtB,MAAM,EAAE,OAAO,SAAS,UAAU;CAMlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAY,OAL3D,UAAU,qBACN,cAAc,SAAS,CAAC,IACvB,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,cAAc,SAAS,CAAC;GAGtB,cAAc,MAAM;EAAa;EAChG;CAC6B,CAAA;AAEpC;AAEA,SAAS,+BAA+B,EAAE,YAAgD;CACxF,MAAM,UAAU,kBAAkB;CAClC,MAAM,IAAI,cAAc;CACxB,IAAI,CAAC,SAAS,OAAO;CAErB,MAAM,EAAE,OAAO,SAAS,UAAU;CAGlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAW,OAH9C,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,cAAc,UAAU,CAAC;GAG/B,cAAc,MAAM;EAAa;EAC/F;CAC6B,CAAA;AAEpC;AAEA,SAAS,kCAAkC,EAAE,YAAgD;CAC3F,MAAM,aAAa,qBAAqB;CACxC,IAAI,CAAC,YAAY,OAAO;CAExB,MAAM,EAAE,OAAO,SAAS,UAAU;CAGlC,OACE,oBAAC,gCAAD;EAAgC,OAAO;GAAE,MAAM;GAAe,OAHlD,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS;GAGF,cAAc,MAAM;EAAa;EACnG;CAC6B,CAAA;AAEpC;AAEA,SAAgB,wBAAwB,EAAE,MAAM,YAAqD;CACnG,IAAI,SAAS,iBACX,OAAO,oBAAC,qCAAD,EAAsC,SAA8C,CAAA;CAC7F,IAAI,SAAS,WAAW,OAAO,oBAAC,gCAAD,EAAiC,SAAyC,CAAA;CACzG,IAAI,SAAS,eAAe,OAAO,oBAAC,mCAAD,EAAoC,SAA4C,CAAA;CACnH,IAAI,SAAS,YAAY,OAAO,oBAAC,iCAAD,EAAkC,SAA0C,CAAA;CAC5G,OAAO;AACT"}

package/dist/default/ui/menu/menu-item-value.js

@@ -1,28 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuContext, useOptionalMenuItemSettingContext } from "./context.js";
-import { forwardRef } from "react";
-//#region src/ui/menu/menu-item-value.tsx
-/** Displays the current value for a settings menu item from `Menu.Item` or `Menu.Trigger` context. */
-const MenuItemValue = forwardRef(function MenuItemValue({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state, stateAttrMap } = useMenuContext();
-	const setting = useOptionalMenuItemSettingContext();
-	if (!setting) return null;
-	return renderElement("span", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		stateAttrMap,
-		ref: forwardedRef,
-		props: [{
-			"aria-live": "off",
-			children: setting.label
-		}, elementProps]
-	});
-});
-//#endregion
-export { MenuItemValue };
-
-//# sourceMappingURL=menu-item-value.js.map

package/dist/default/ui/menu/menu-item-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-value.js","names":[],"sources":["../../../../src/ui/menu/menu-item-value.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuContext, useOptionalMenuItemSettingContext } from './context';\n\nexport interface MenuItemValueProps extends UIComponentProps<'span', MenuState> {}\n\n/** Displays the current value for a settings menu item from `Menu.Item` or `Menu.Trigger` context. */\nexport const MenuItemValue = forwardRef<HTMLSpanElement, MenuItemValueProps>(function MenuItemValue(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state, stateAttrMap } = useMenuContext();\n  const setting = useOptionalMenuItemSettingContext();\n  if (!setting) return null;\n\n  return renderElement(\n    'span',\n    { render, className, style },\n    {\n      state,\n      stateAttrMap,\n      ref: forwardedRef,\n      props: [{ 'aria-live': 'off' as const, children: setting.label }, elementProps],\n    }\n  );\n});\n\nexport namespace MenuItemValue {\n  export type Props = MenuItemValueProps;\n}\n"],"mappings":";;;;;;AAYA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,OAAO,iBAAiB,eAAe;CAC/C,MAAM,UAAU,kCAAkC;CAClD,IAAI,CAAC,SAAS,OAAO;CAErB,OAAO,cACL,QACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA;EACA,KAAK;EACL,OAAO,CAAC;GAAE,aAAa;GAAgB,UAAU,QAAQ;EAAM,GAAG,YAAY;CAChF,CACF;AACF,CAAC"}

package/dist/default/ui/menu/menu-view.js

@@ -1,23 +0,0 @@
-"use client";
-import { renderElement } from "../../utils/use-render.js";
-import { useMenuContext } from "./context.js";
-import { getMenuRootViewAttrs } from "@videojs/core/dom";
-import { forwardRef } from "react";
-//#region src/ui/menu/menu-view.tsx
-/** Root menu view inside the menu viewport. */
-const MenuView = forwardRef(function MenuView({ render, className, style, ...elementProps }, forwardedRef) {
-	const { state } = useMenuContext();
-	return renderElement("div", {
-		render,
-		className,
-		style
-	}, {
-		state,
-		ref: [forwardedRef],
-		props: [getMenuRootViewAttrs(), elementProps]
-	});
-});
-//#endregion
-export { MenuView };
-
-//# sourceMappingURL=menu-view.js.map

package/dist/default/ui/menu/menu-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-view.js","names":[],"sources":["../../../../src/ui/menu/menu-view.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuState } from '@videojs/core';\nimport { getMenuRootViewAttrs } from '@videojs/core/dom';\nimport { forwardRef } from 'react';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { renderElement } from '../../utils/use-render';\nimport { useMenuContext } from './context';\n\nexport interface MenuViewProps extends UIComponentProps<'div', MenuState> {}\n\n/** Root menu view inside the menu viewport. */\nexport const MenuView = forwardRef<HTMLDivElement, MenuViewProps>(function MenuView(\n  { render, className, style, ...elementProps },\n  forwardedRef\n) {\n  const { state } = useMenuContext();\n\n  return renderElement(\n    'div',\n    { render, className, style },\n    {\n      state,\n      ref: [forwardedRef],\n      props: [getMenuRootViewAttrs(), elementProps],\n    }\n  );\n});\n\nexport namespace MenuView {\n  export type Props = MenuViewProps;\n  export type State = MenuState;\n}\n"],"mappings":";;;;;;;AAaA,MAAa,WAAW,WAA0C,SAAS,SACzE,EAAE,QAAQ,WAAW,OAAO,GAAG,gBAC/B,cACA;CACA,MAAM,EAAE,UAAU,eAAe;CAEjC,OAAO,cACL,OACA;EAAE;EAAQ;EAAW;CAAM,GAC3B;EACE;EACA,KAAK,CAAC,YAAY;EAClB,OAAO,CAAC,qBAAqB,GAAG,YAAY;CAC9C,CACF;AACF,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/mux-audio/media.tsx"],"mappings":";;;;UAaiB,sBACP,KAAK,oBAAoB,yBAAyB,sBAAsB,gBAC9E,QAAQ,gBACR,QAAQ;EACV,WAAW;;cAKA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/mux-audio/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { hlsMediaDefaultProps } from '@videojs/media/dom/hls-js';\nimport type { MuxMediaProps } from '@videojs/media/dom/mux';\nimport { MuxMedia, muxMediaDefaultProps } from '@videojs/media/dom/mux';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps | keyof MuxMediaProps>,\n    Partial<HlsMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxAudioDefaultProps: HlsMediaProps & MuxMediaProps = { ...hlsMediaDefaultProps, ...muxMediaDefaultProps };\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxAudioDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,uBAAsD;CAAE,GAAG;CAAsB,GAAG;AAAqB;AAE/G,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,QAAQ;CAKvC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/mux-video/media.tsx"],"mappings":";;;;UAaiB,sBACP,KAAK,oBAAoB,yBAAyB,sBAAsB,gBAC9E,QAAQ,gBACR,QAAQ;EACV,WAAW;;cAKA,0BAAQ,0BAAA,gCAAA,cAAA;kBAcJ;OACH,QAAQ"}

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

@@ -1,56 +0,0 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAttachMedia } from "../../utils/use-attach-media.js";
-import { useMediaInstance } from "../../utils/use-media-instance.js";
-import { useSyncProps } from "../../utils/use-sync-props.js";
-import { forwardRef, useCallback, useSyncExternalStore } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { StreamTypes, hlsMediaDefaultProps } from "@videojs/media/dom/hls-js";
-import { MuxMedia, muxMediaDefaultProps } from "@videojs/media/dom/mux";
-//#region src/media/mux-video/media.tsx
-const muxVideoDefaultProps = {
-	...hlsMediaDefaultProps,
-	...muxMediaDefaultProps
-};
-const MuxVideo = forwardRef(function MuxVideo({ children, ...props }, ref) {
-	const media = useMediaInstance(MuxMedia);
-	return /* @__PURE__ */ jsxs("video", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, muxVideoDefaultProps),
-		children: [/* @__PURE__ */ jsx(MuxStoryboard, { media }), children]
-	});
-});
-function MuxStoryboard({ media }) {
-	const subscribe = useCallback((onChange) => {
-		let cancelled = false;
-		let scheduled = false;
-		const notify = () => {
-			if (scheduled) return;
-			scheduled = true;
-			queueMicrotask(() => {
-				scheduled = false;
-				if (!cancelled) onChange();
-			});
-		};
-		media.addEventListener("streamtypechange", notify);
-		media.addEventListener("sourcechange", notify);
-		return () => {
-			cancelled = true;
-			media.removeEventListener("streamtypechange", notify);
-			media.removeEventListener("sourcechange", notify);
-		};
-	}, [media]);
-	const getSnapshot = () => media.streamType === StreamTypes.LIVE ? "" : media.storyboard;
-	const src = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-	if (!src) return null;
-	return /* @__PURE__ */ jsx("track", {
-		kind: "metadata",
-		label: "thumbnails",
-		src,
-		default: true
-	});
-}
-//#endregion
-export { MuxVideo };
-
-//# sourceMappingURL=media.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/mux-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { hlsMediaDefaultProps, StreamTypes } from '@videojs/media/dom/hls-js';\nimport type { MuxMediaProps } from '@videojs/media/dom/mux';\nimport { MuxMedia, muxMediaDefaultProps } from '@videojs/media/dom/mux';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef, useCallback, useSyncExternalStore } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface MuxVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps | keyof MuxMediaProps>,\n    Partial<HlsMediaProps>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxVideoDefaultProps: HlsMediaProps & MuxMediaProps = { ...hlsMediaDefaultProps, ...muxMediaDefaultProps };\n\nexport const MuxVideo = forwardRef<HTMLVideoElement, MuxVideoProps>(function MuxVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxVideoDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      <MuxStoryboard media={media} />\n      {children}\n    </video>\n  );\n});\n\nexport namespace MuxVideo {\n  export type Props = MuxVideoProps;\n}\n\n// Renders the storyboard track in its own component so media changes don't re-render the whole media component.\nfunction MuxStoryboard({ media }: { media: MuxMedia }) {\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      // `useSyncProps` writes `src` / `source` during render and those setters\n      // dispatch `sourcechange` synchronously. Defer (and coalesce) notifications\n      // so we never schedule an update while another component is rendering.\n      let cancelled = false;\n      let scheduled = false;\n      const notify = () => {\n        if (scheduled) return;\n        scheduled = true;\n        queueMicrotask(() => {\n          scheduled = false;\n          if (!cancelled) onChange();\n        });\n      };\n      media.addEventListener('streamtypechange', notify);\n      media.addEventListener('sourcechange', notify);\n      return () => {\n        cancelled = true;\n        media.removeEventListener('streamtypechange', notify);\n        media.removeEventListener('sourcechange', notify);\n      };\n    },\n    [media]\n  );\n\n  // The stream type is detected at runtime and live streams have no storyboard.\n  const getSnapshot = () => (media.streamType === StreamTypes.LIVE ? '' : media.storyboard);\n  const src = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  if (!src) return null;\n  return <track kind=\"metadata\" label=\"thumbnails\" src={src} default />;\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,uBAAsD;CAAE,GAAG;CAAsB,GAAG;AAAqB;AAE/G,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,QAAQ;CAKvC,OACE,qBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAArC,UAAA,CACE,oBAAC,eAAD,EAAsB,MAAQ,CAAA,GAC7B,QACI;;AAEX,CAAC;AAOD,SAAS,cAAc,EAAE,SAA8B;CACrD,MAAM,YAAY,aACf,aAAyB;EAIxB,IAAI,YAAY;EAChB,IAAI,YAAY;EAChB,MAAM,eAAe;GACnB,IAAI,WAAW;GACf,YAAY;GACZ,qBAAqB;IACnB,YAAY;IACZ,IAAI,CAAC,WAAW,SAAS;GAC3B,CAAC;EACH;EACA,MAAM,iBAAiB,oBAAoB,MAAM;EACjD,MAAM,iBAAiB,gBAAgB,MAAM;EAC7C,aAAa;GACX,YAAY;GACZ,MAAM,oBAAoB,oBAAoB,MAAM;GACpD,MAAM,oBAAoB,gBAAgB,MAAM;EAClD;CACF,GACA,CAAC,KAAK,CACR;CAGA,MAAM,oBAAqB,MAAM,eAAe,YAAY,OAAO,KAAK,MAAM;CAC9E,MAAM,MAAM,qBAAqB,WAAW,aAAa,WAAW;CAEpE,IAAI,CAAC,KAAK,OAAO;CACjB,OAAO,oBAAC,SAAD;EAAO,MAAK;EAAW,OAAM;EAAkB;EAAK,SAAA;CAAS,CAAA;AACtE"}

package/dist/dev/media/simple-hls-audio-only/index.d.ts

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

package/dist/dev/media/simple-hls-audio-only/index.js

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

package/dist/dev/media/simple-hls-audio-only/media.d.ts

@@ -1,13 +0,0 @@
-import { AudioHTMLAttributes, ReactNode } from "react";
-import { SimpleHlsAudioOnlyMediaProps } from "@videojs/spf/hls";
-//#region src/media/simple-hls-audio-only/media.d.ts
-interface SimpleHlsAudioOnlyProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof SimpleHlsAudioOnlyMediaProps>, Partial<SimpleHlsAudioOnlyMediaProps> {
-  children?: ReactNode;
-}
-declare const SimpleHlsAudioOnly: import("react").ForwardRefExoticComponent<SimpleHlsAudioOnlyProps & import("react").RefAttributes<HTMLAudioElement>>;
-declare namespace SimpleHlsAudioOnly {
-  type Props = SimpleHlsAudioOnlyProps;
-}
-//#endregion
-export { SimpleHlsAudioOnly, SimpleHlsAudioOnlyProps };
-//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/simple-hls-audio-only/media.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/simple-hls-audio-only/media.tsx"],"mappings":";;;UAYiB,gCACP,KAAK,oBAAoB,yBAAyB,+BACxD,QAAQ;EACV,WAAW;;cAGA,oCAAkB,0BAAA,0CAAA,cAAA;kBAgBd;OACH,QAAQ"}

package/dist/dev/media/simple-hls-audio-only/media.js

@@ -1,22 +0,0 @@
-"use client";
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAttachMedia } from "../../utils/use-attach-media.js";
-import { useMediaInstance } from "../../utils/use-media-instance.js";
-import { useSyncProps } from "../../utils/use-sync-props.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { SimpleHlsAudioOnlyMedia } from "@videojs/media/dom/simple-hls-audio-only";
-import { simpleHlsAudioOnlyMediaDefaultProps } from "@videojs/spf/hls";
-//#region src/media/simple-hls-audio-only/media.tsx
-const SimpleHlsAudioOnly = forwardRef(function SimpleHlsAudioOnly({ children, ...props }, ref) {
-	const media = useMediaInstance(SimpleHlsAudioOnlyMedia);
-	return /* @__PURE__ */ jsx("audio", {
-		ref: useComposedRefs(useAttachMedia(media), ref),
-		...useSyncProps(media, props, simpleHlsAudioOnlyMediaDefaultProps),
-		children
-	});
-});
-//#endregion
-export { SimpleHlsAudioOnly };
-
-//# sourceMappingURL=media.js.map

package/dist/dev/media/simple-hls-audio-only/media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/simple-hls-audio-only/media.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsAudioOnlyMedia } from '@videojs/media/dom/simple-hls-audio-only';\nimport type { SimpleHlsAudioOnlyMediaProps } from '@videojs/spf/hls';\nimport { simpleHlsAudioOnlyMediaDefaultProps } from '@videojs/spf/hls';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface SimpleHlsAudioOnlyProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof SimpleHlsAudioOnlyMediaProps>,\n    Partial<SimpleHlsAudioOnlyMediaProps> {\n  children?: ReactNode;\n}\n\nexport const SimpleHlsAudioOnly = forwardRef<HTMLAudioElement, SimpleHlsAudioOnlyProps>(function SimpleHlsAudioOnly(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(SimpleHlsAudioOnlyMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, simpleHlsAudioOnlyMediaDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace SimpleHlsAudioOnly {\n  export type Props = SimpleHlsAudioOnlyProps;\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,qBAAqB,WAAsD,SAAS,mBAC/F,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,uBAAuB;CAKtD,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,mCAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/simple-hls-video/index.d.ts

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

package/dist/dev/media/simple-hls-video/index.js

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

package/dist/dev/media/simple-hls-video/media.d.ts

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

package/dist/dev/media/simple-hls-video/media.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/media.tsx"],"mappings":";;;UAYiB,4BACP,KAAK,oBAAoB,yBAAyB,sBACxD,QAAQ;EACV,WAAW;;cAGA,gCAAc,0BAAA,sCAAA,cAAA;kBAgBV;OACH,QAAQ"}

package/dist/dev/media/simple-hls-video/media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/simple-hls-video/media.tsx"],"sourcesContent":["'use client';\n\nimport { SimpleHlsMedia } from '@videojs/media/dom/simple-hls';\nimport type { SimpleHlsMediaProps } from '@videojs/spf/hls';\nimport { simpleHlsMediaDefaultProps } from '@videojs/spf/hls';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface SimpleHlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof SimpleHlsMediaProps>,\n    Partial<SimpleHlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const SimpleHlsVideo = forwardRef<HTMLVideoElement, SimpleHlsVideoProps>(function SimpleHlsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(SimpleHlsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, simpleHlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace SimpleHlsVideo {\n  export type Props = SimpleHlsVideoProps;\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,iBAAiB,WAAkD,SAAS,eACvF,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,cAAc;CAK7C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,0BAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/skins/dist/default/default/tailwind/components/input-feedback.js

@@ -1,40 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/default/tailwind/components/input-feedback.js
-/**
-* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:
-- "@videojs/html/tailwind.css" for HTML skins
-- "@videojs/react/tailwind.css" for React skins
-*/
-const inputFeedback = {
-	root: cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center", "[color:var(--media-color-primary,oklch(1_0_0))]"),
-	island: {
-		base: cn("group/input-indicator", "[--media-surface-background-color:oklch(0_0_0/0.25)]", "absolute top-3 rounded-full origin-top pointer-events-none", "text-inherit font-medium", "duration-100 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-250", "data-starting-style:ease-in", "data-ending-style:duration-250", "data-ending-style:ease-in", "pointer-coarse:will-change-[scale,translate,opacity]", "pointer-coarse:transition-[scale,translate,opacity]", "pointer-fine:motion-safe:will-change-[scale,translate,filter,opacity]", "pointer-fine:motion-safe:transition-[scale,translate,filter,opacity]", "pointer-fine:motion-safe:data-starting-style:blur-sm", "pointer-fine:motion-safe:data-starting-style:scale-90", "pointer-fine:motion-safe:data-ending-style:blur-sm", "pointer-fine:motion-safe:data-ending-style:scale-90", "motion-safe:data-ending-style:-translate-y-1/4", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "contrast-more:[--media-surface-background-color:oklch(0_0_0)]"),
-		content: cn("flex justify-between items-center gap-2 px-2.5 py-1 w-full", "**:mix-blend-difference"),
-		volume: cn("w-[min(80%,--spacing(48))]", "*:[--media-progress-fill:var(--media-volume-fill)]", "*:rounded-[inherit]", "*:[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),transparent_var(--media-progress-fill),transparent_100%)]", "*:[transition:--media-progress-fill_200ms_linear]"),
-		shownVolume: cn("data-open:duration-100", "data-min:animate-media-shake", "data-max:animate-media-shake", "motion-reduce:data-min:animate-none", "motion-reduce:data-max:animate-none"),
-		shownStatus: cn("data-open:duration-100"),
-		icon: cn("hidden shrink-0"),
-		shownVolumeHigh: "group-data-[level=high]/input-indicator:block",
-		shownVolumeLow: "group-data-[level=low]/input-indicator:block",
-		shownVolumeOff: "group-data-[level=off]/input-indicator:block",
-		shownCaptionsOn: "group-data-[status=captions-on]/input-indicator:block",
-		shownCaptionsOff: "group-data-[status=captions-off]/input-indicator:block",
-		shownFullscreenEnter: "group-data-[status=fullscreen]/input-indicator:block",
-		shownFullscreenExit: "group-data-[status=exit-fullscreen]/input-indicator:block",
-		shownPipEnter: "group-data-[status=pip]/input-indicator:block",
-		shownPipExit: "group-data-[status=exit-pip]/input-indicator:block",
-		value: "ml-auto"
-	},
-	bubble: {
-		base: cn("group/input-indicator", "col-start-2 row-start-1", "grid place-content-center text-center p-4", "data-direction:gap-1", "@2xl/media-root:data-direction:p-6", "not-data-direction:bg-black/35 not-data-direction:rounded-full not-data-direction:backdrop-blur-sm", "not-data-direction:[transition-property:opacity,scale]", "not-data-direction:duration-200 not-data-direction:ease-out", "motion-reduce:not-data-direction:transition-opacity", "motion-reduce:not-data-direction:duration-50", "not-data-direction:data-starting-style:opacity-0", "not-data-direction:data-ending-style:opacity-0", "not-data-direction:data-starting-style:scale-[0.85]", "not-data-direction:data-ending-style:scale-[0.85]", "not-data-direction:data-ending-style:duration-100", "not-data-direction:data-ending-style:ease-in", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
-		icon: "hidden size-[calc(var(--media-icon-size)*1.5)]",
-		shownSeek: cn("group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:[scale:-1_1]", "motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out", "motion-safe:group-data-starting-style/input-indicator:opacity-0", "motion-safe:group-data-ending-style/input-indicator:opacity-0", "motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]", "motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]"),
-		shownPause: "group-data-[status=pause]/input-indicator:block",
-		shownPlay: cn("group-data-[status=play]/input-indicator:block", "group-data-[status=play]/input-indicator:translate-x-px"),
-		time: "tabular-nums"
-	}
-};
-//#endregion
-export { inputFeedback };
-
-//# sourceMappingURL=input-feedback.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/input-feedback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-feedback.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/input-feedback.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/input-feedback.ts\n/**\n* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:\n- \"@videojs/html/tailwind.css\" for HTML skins\n- \"@videojs/react/tailwind.css\" for React skins\n*/\nconst inputFeedback = {\n\troot: cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center\", \"[color:var(--media-color-primary,oklch(1_0_0))]\"),\n\tisland: {\n\t\tbase: cn(\"group/input-indicator\", \"[--media-surface-background-color:oklch(0_0_0/0.25)]\", \"absolute top-3 rounded-full origin-top pointer-events-none\", \"text-inherit font-medium\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-250\", \"data-starting-style:ease-in\", \"data-ending-style:duration-250\", \"data-ending-style:ease-in\", \"pointer-coarse:will-change-[scale,translate,opacity]\", \"pointer-coarse:transition-[scale,translate,opacity]\", \"pointer-fine:motion-safe:will-change-[scale,translate,filter,opacity]\", \"pointer-fine:motion-safe:transition-[scale,translate,filter,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-starting-style:scale-90\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:scale-90\", \"motion-safe:data-ending-style:-translate-y-1/4\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\"),\n\t\tcontent: cn(\"flex justify-between items-center gap-2 px-2.5 py-1 w-full\", \"**:mix-blend-difference\"),\n\t\tvolume: cn(\"w-[min(80%,--spacing(48))]\", \"*:[--media-progress-fill:var(--media-volume-fill)]\", \"*:rounded-[inherit]\", \"*:[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),transparent_var(--media-progress-fill),transparent_100%)]\", \"*:[transition:--media-progress-fill_200ms_linear]\"),\n\t\tshownVolume: cn(\"data-open:duration-100\", \"data-min:animate-media-shake\", \"data-max:animate-media-shake\", \"motion-reduce:data-min:animate-none\", \"motion-reduce:data-max:animate-none\"),\n\t\tshownStatus: cn(\"data-open:duration-100\"),\n\t\ticon: cn(\"hidden shrink-0\"),\n\t\tshownVolumeHigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tshownVolumeLow: \"group-data-[level=low]/input-indicator:block\",\n\t\tshownVolumeOff: \"group-data-[level=off]/input-indicator:block\",\n\t\tshownCaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tshownCaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tshownFullscreenEnter: \"group-data-[status=fullscreen]/input-indicator:block\",\n\t\tshownFullscreenExit: \"group-data-[status=exit-fullscreen]/input-indicator:block\",\n\t\tshownPipEnter: \"group-data-[status=pip]/input-indicator:block\",\n\t\tshownPipExit: \"group-data-[status=exit-pip]/input-indicator:block\",\n\t\tvalue: \"ml-auto\"\n\t},\n\tbubble: {\n\t\tbase: cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\", \"data-direction:gap-1\", \"@2xl/media-root:data-direction:p-6\", \"not-data-direction:bg-black/35 not-data-direction:rounded-full not-data-direction:backdrop-blur-sm\", \"not-data-direction:[transition-property:opacity,scale]\", \"not-data-direction:duration-200 not-data-direction:ease-out\", \"motion-reduce:not-data-direction:transition-opacity\", \"motion-reduce:not-data-direction:duration-50\", \"not-data-direction:data-starting-style:opacity-0\", \"not-data-direction:data-ending-style:opacity-0\", \"not-data-direction:data-starting-style:scale-[0.85]\", \"not-data-direction:data-ending-style:scale-[0.85]\", \"not-data-direction:data-ending-style:duration-100\", \"not-data-direction:data-ending-style:ease-in\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\t\ticon: \"hidden size-[calc(var(--media-icon-size)*1.5)]\",\n\t\tshownSeek: cn(\"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:[scale:-1_1]\", \"motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out\", \"motion-safe:group-data-starting-style/input-indicator:opacity-0\", \"motion-safe:group-data-ending-style/input-indicator:opacity-0\", \"motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]\", \"motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]\"),\n\t\tshownPause: \"group-data-[status=pause]/input-indicator:block\",\n\t\tshownPlay: cn(\"group-data-[status=play]/input-indicator:block\", \"group-data-[status=play]/input-indicator:translate-x-px\"),\n\t\ttime: \"tabular-nums\"\n\t}\n};\n//#endregion\nexport { inputFeedback };\n\n//# sourceMappingURL=input-feedback.js.map"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;CACrB,MAAM,GAAG,wCAAwC,sDAAsD,iDAAiD;CACxJ,QAAQ;EACP,MAAM,GAAG,yBAAyB,wDAAwD,8DAA8D,4BAA4B,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,wDAAwD,uDAAuD,yEAAyE,wEAAwE,wDAAwD,yDAAyD,sDAAsD,uDAAuD,kDAAkD,iGAAiG,+DAA+D;EAC/jC,SAAS,GAAG,8DAA8D,yBAAyB;EACnG,QAAQ,GAAG,8BAA8B,sDAAsD,uBAAuB,kKAAkK,mDAAmD;EAC3U,aAAa,GAAG,0BAA0B,gCAAgC,gCAAgC,uCAAuC,qCAAqC;EACtL,aAAa,GAAG,wBAAwB;EACxC,MAAM,GAAG,iBAAiB;EAC1B,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,OAAO;CACR;CACA,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,6CAA6C,wBAAwB,sCAAsC,sGAAsG,0DAA0D,+DAA+D,uDAAuD,gDAAgD,oDAAoD,kDAAkD,uDAAuD,qDAAqD,qDAAqD,gDAAgD,sFAAsF,gFAAgF;EAC38B,MAAM;EACN,WAAW,GAAG,8CAA8C,gEAAgE,+FAA+F,mEAAmE,iEAAiE,2HAA2H,yHAAyH;EACnlB,YAAY;EACZ,WAAW,GAAG,kDAAkD,yDAAyD;EACzH,MAAM;CACP;AACD"}

package/dist/dev/skins/dist/default/default/tailwind/components/root.js

@@ -1,8 +0,0 @@
-import { reset } from "./reset.js";
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/default/tailwind/components/root.js
-const root = cn(reset, "block relative isolate h-full w-full @container/media-root", "rounded-(--media-border-radius,1.75rem)", "font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased", "outline-2 outline-transparent -outline-offset-4", "transition-[outline-offset,outline-color] duration-100 ease-out", "focus-visible:outline-current focus-visible:outline-offset-2", "scrollbar-thin scrollbar-thumb-current/30", "[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-auto", "[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-thumb-current/80", "[--media-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]", "[--media-current-shadow-color-subtle:oklch(from_var(--media-current-shadow-color)_l_c_h/calc(alpha*0.4))]", "[--scale:1]", "[--font-size-base:calc(0.8125rem*var(--scale))]", "[--font-size-small:calc(0.6875rem*var(--scale))]", "[--font-size-medium:calc(0.9375rem*var(--scale))]", "[--font-size-tiny:calc(0.5625rem*var(--scale))]", "[--media-icon-size:calc(--spacing(4.5)*var(--scale))]", "[--spacing-proxy:var(--spacing)]", "[&>*]:[--spacing:calc(var(--spacing-proxy)*var(--scale))]");
-//#endregion
-export { root };
-
-//# sourceMappingURL=root.js.map

package/dist/dev/skins/dist/default/default/tailwind/components/root.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/root.js"],"sourcesContent":["import { reset } from \"./reset.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/root.ts\nconst root = cn(reset, \"block relative isolate h-full w-full @container/media-root\", \"rounded-(--media-border-radius,1.75rem)\", \"font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased\", \"outline-2 outline-transparent -outline-offset-4\", \"transition-[outline-offset,outline-color] duration-100 ease-out\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"scrollbar-thin scrollbar-thumb-current/30\", \"[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-auto\", \"[@media_(prefers-reduced-transparency:reduce)_or_(prefers-contrast:more)]:scrollbar-thumb-current/80\", \"[--media-current-shadow-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]\", \"[--media-current-shadow-color-subtle:oklch(from_var(--media-current-shadow-color)_l_c_h/calc(alpha*0.4))]\", \"[--scale:1]\", \"[--font-size-base:calc(0.8125rem*var(--scale))]\", \"[--font-size-small:calc(0.6875rem*var(--scale))]\", \"[--font-size-medium:calc(0.9375rem*var(--scale))]\", \"[--font-size-tiny:calc(0.5625rem*var(--scale))]\", \"[--media-icon-size:calc(--spacing(4.5)*var(--scale))]\", \"[--spacing-proxy:var(--spacing)]\", \"[&>*]:[--spacing:calc(var(--spacing-proxy)*var(--scale))]\");\n//#endregion\nexport { root };\n\n//# sourceMappingURL=root.js.map"],"mappings":";;;AAGA,MAAM,OAAO,GAAG,OAAO,8DAA8D,2CAA2C,qIAAqI,mDAAmD,mEAAmE,gEAAgE,6CAA6C,4FAA4F,wGAAwG,iGAAiG,6GAA6G,eAAe,mDAAmD,oDAAoD,qDAAqD,mDAAmD,yDAAyD,oCAAoC,2DAA2D"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/input-feedback.js

@@ -1,41 +0,0 @@
-import { cn } from "@videojs/utils/style";
-//#region ../skins/dist/default/minimal/tailwind/components/input-feedback.js
-/**
-* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:
-- "@videojs/html/tailwind.css" for HTML skins
-- "@videojs/react/tailwind.css" for React skins
-*/
-const inputFeedback = {
-	root: cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center overflow-hidden", "rounded-[inherit]", "[color:var(--media-color-primary,oklch(1_0_0))]"),
-	island: {
-		base: cn("group/input-indicator", "absolute top-0 inset-x-0", "pt-3 pb-32", "flex justify-center", "text-inherit font-medium", "origin-top pointer-events-none", "duration-100 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-400", "data-starting-style:ease-in", "data-ending-style:duration-400", "data-ending-style:ease-in", "[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_--spacing(12),oklch(0_0_0/0))]", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)", "pointer-fine:will-change-[translate,filter,opacity]", "pointer-fine:transition-[translate,filter,opacity]", "pointer-coarse:will-change-[translate,opacity]", "pointer-coarse:transition-[translate,opacity]", "pointer-fine:motion-safe:data-starting-style:blur-sm", "pointer-fine:motion-safe:data-ending-style:blur-sm", "motion-safe:data-ending-style:-translate-y-full"),
-		content: cn("flex justify-between items-center gap-2 px-2.5 py-1", "*:last:ml-auto", "[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)", "[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]", "contrast-more:bg-(--media-controls-background-color) contrast-more:rounded-[--spacing(2)]"),
-		volume: cn("*:data-feedback-island-content:w-[min(80%,--spacing(56))]"),
-		volumeProgress: cn("[--media-progress-fill:var(--media-volume-fill)]", "w-full h-0.75 rounded-full", "[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_100%)]", "shadow-[0_1px_0_var(--media-current-shadow-color-subtle)]"),
-		shownVolume: cn("data-open:duration-100", "data-min:*:data-feedback-island-content:animate-media-shake", "data-max:*:data-feedback-island-content:animate-media-shake", "motion-reduce:data-min:*:data-feedback-island-content:animate-none", "motion-reduce:data-max:*:data-feedback-island-content:animate-none"),
-		shownStatus: cn("data-open:duration-100"),
-		icon: cn("hidden shrink-0", "drop-shadow-[0_1px_0_var(--media-current-shadow-color)]"),
-		shownVolumeHigh: "group-data-[level=high]/input-indicator:block",
-		shownVolumeLow: "group-data-[level=low]/input-indicator:block",
-		shownVolumeOff: "group-data-[level=off]/input-indicator:block",
-		shownCaptionsOn: "group-data-[status=captions-on]/input-indicator:block",
-		shownCaptionsOff: "group-data-[status=captions-off]/input-indicator:block",
-		shownFullscreenEnter: "group-data-[status=fullscreen]/input-indicator:block",
-		shownFullscreenExit: "group-data-[status=exit-fullscreen]/input-indicator:block",
-		shownPipEnter: "group-data-[status=pip]/input-indicator:block",
-		shownPipExit: "group-data-[status=exit-pip]/input-indicator:block",
-		value: "ml-auto"
-	},
-	bubble: {
-		base: cn("group/input-indicator", "col-start-2 row-start-1", "grid place-content-center text-center p-4", "data-direction:gap-1", "@2xl/media-root:data-direction:p-6", "not-data-direction:[transition-property:opacity,scale]", "not-data-direction:duration-200 not-data-direction:ease-out", "motion-reduce:not-data-direction:transition-opacity", "motion-reduce:not-data-direction:duration-50", "not-data-direction:data-starting-style:opacity-0", "not-data-direction:data-ending-style:opacity-0", "not-data-direction:data-starting-style:scale-[0.85]", "not-data-direction:data-ending-style:scale-[0.85]", "not-data-direction:data-ending-style:duration-100", "not-data-direction:data-ending-style:ease-in", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
-		icon: "hidden size-[calc(var(--media-icon-size)*2)]",
-		shownSeek: cn("group-data-direction/input-indicator:size-[calc(var(--media-icon-size)*1.5)]", "group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:[scale:-1_1]", "motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out", "motion-safe:group-data-starting-style/input-indicator:opacity-0", "motion-safe:group-data-ending-style/input-indicator:opacity-0", "motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]", "motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]"),
-		shownPause: "group-data-[status=pause]/input-indicator:block",
-		shownPlay: "group-data-[status=play]/input-indicator:block",
-		time: "tabular-nums"
-	}
-};
-//#endregion
-export { inputFeedback };
-
-//# sourceMappingURL=input-feedback.js.map