npm - @videojs/react - Versions diffs - 10.0.0-beta.25 → 10.0.0-beta.27 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/dist/default/skins/dist/default/default/tailwind/video.tailwind.js CHANGED Viewed

@@ -1,29 +1,32 @@
-import "../../shared/tailwind/icon-state.js";
+import { iconState } from "../../shared/tailwind/icon-state.js";
+import { container as container$1 } from "./components/container.js";
 import { controls as controls$1 } from "./components/controls.js";
 import { error as error$1 } from "./components/error.js";
 import { popup as popup$1 } from "./components/popup.js";
-import { root as root$1 } from "./components/root.js";
 import { slider as slider$1 } from "./components/slider.js";
 import { surface } from "./components/surface.js";
-import "./components/badge.js";
+import { time as time$1 } from "./components/time.js";
+import { badge } from "./components/badge.js";
 import { bufferingIndicator as bufferingIndicator$1 } from "./components/buffering.js";
-import "./components/button.js";
+import { button } from "./components/button.js";
 import { buttonGroup } from "./components/button-group.js";
-import "./components/icon.js";
+import { icon, iconFlipped } from "./components/icon.js";
 import { menu as menu$1 } from "./components/menu.js";
 import "./components/playback-rate.js";
 import "./components/seek.js";
-import { time as time$1 } from "./components/time.js";
-import { inputFeedback as inputFeedback$1 } from "./components/input-feedback.js";
+import { statusIndicator as statusIndicator$1 } from "./components/status-indicator.js";
 import { thumbnail as thumbnail$1 } from "./components/thumbnail.js";
-import "./components/overlay.js";
-import "./components/poster.js";
+import { volumeIndicator as volumeIndicator$1 } from "./components/volume-indicator.js";
+import { inputIndicatorOverlay } from "./components/input-indicator-overlay.js";
+import { overlay } from "./components/overlay.js";
+import { poster } from "./components/poster.js";
+import { seekIndicator } from "./components/seek-indicator.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/video.tailwind.js
-const root = (isShadowDOM) => cn(root$1, "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15", {
-	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
+const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "[&:fullscreen]:after:hidden", "after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--border-color)", {
+	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
 	"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]": !isShadowDOM
-}, "[--media-spring-timing-function:linear(0,0.034_1.5%,0.763_9.7%,1.066_13.9%,1.198_19.9%,1.184_21.8%,0.963_37.5%,0.997_50.9%,1)]", "[--media-video-border-radius:var(--media-border-radius,2rem)]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-error-dialog-transition-duration:350ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-error-dialog-transition-timing-function:var(--media-spring-timing-function)]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-surface-background-color:oklch(1_0_0/0.1)]", "[--media-surface-inner-border-color:oklch(1_0_0/0.05)]", "[--media-surface-outer-border-color:oklch(0_0_0/0.1)]", "[--media-surface-shadow-color:oklch(0_0_0/0.15)]", "[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-error-dialog-transition-timing-function:ease-out]", "[--media-tooltip-side-offset:0.75rem]", "[--media-tooltip-boundary-offset:0.5rem]", "[--media-popover-side-offset:0.5rem]", "[--media-popover-boundary-offset:0.5rem]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "contrast-more:[--media-surface-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]", "contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]", "contrast-more:[--media-surface-outer-border-color:transparent]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:-0.5rem]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:-5.5rem]", "@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3.5rem]", !isShadowDOM ? [
+}, "[--default-accent-color:oklch(1_0_0)]", "[--border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]", "[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--container-border-radius:var(--media-border-radius,1.75rem)]", "[--media-video-border-radius:var(--container-border-radius)]", "[--controls-transition-duration:100ms]", "[--controls-transition-timing-function:ease-out]", "[--error-dialog-transition-duration:350ms]", "[--error-dialog-transition-delay:100ms]", "[--error-dialog-transition-timing-function:ease-out]", "[--popup-transition-duration:100ms]", "[--popup-transition-timing-function:ease-out]", "[--surface-background-color:oklch(1_0_0/0.1)]", "[--surface-inner-border-color:oklch(1_0_0/0.1)]", "[--surface-outer-border-color:oklch(0_0_0/0.1)]", "[--surface-shadow-color:oklch(0_0_0/0.15)]", "[--surface-backdrop-filter:blur(16px)_saturate(1.5)]", "min-[1280px]:[&:fullscreen]:[--scale:1.25]", "min-[1536px]:[&:fullscreen]:[--scale:1.5]", "min-[1920px]:[&:fullscreen]:[--scale:1.75]", "motion-reduce:[--error-dialog-transition-duration:50ms]", "motion-reduce:[--error-dialog-transition-delay:0ms]", "motion-reduce:[--error-dialog-transition-timing-function:ease-out]", "motion-reduce:[--popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-background-color:oklch(0_0_0)]", "contrast-more:[--surface-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-inner-border-color:oklch(1_0_0/0.25)]", "contrast-more:[--surface-inner-border-color:oklch(1_0_0/0.25)]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-outer-border-color:transparent]", "contrast-more:[--surface-outer-border-color:transparent]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:50ms]", "[--media-caption-track-y:--spacing(-2)]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-14)]", !isShadowDOM ? [
 	"[&_video::-webkit-media-text-track-container]:transition-[translate]",
 	"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)",
 	"[&_video::-webkit-media-text-track-container]:ease-out",
@@ -41,52 +44,56 @@ const root = (isShadowDOM) => cn(root$1, "bg-black overflow-clip", "after:absolu
 	"before:opacity-0 before:[filter:blur(var(--media-poster-placeholder-blur,20px))]",
 	"before:transition-opacity before:duration-250",
 	"has-[img[data-visible]:not([data-loaded])]:before:opacity-100"
-] : [], "[&:fullscreen]:[--media-border-radius:0]", {
+] : [], "[&:fullscreen]:[--container-border-radius:0]", {
 	"[&:fullscreen_video]:object-contain": !isShadowDOM,
 	"[&:fullscreen_::slotted(video)]:object-contain": isShadowDOM
 });
-const controls = cn(controls$1, surface, "absolute bottom-2 inset-x-2 flex-wrap", "[color:var(--media-color-primary,oklch(1_0_0))] z-10", "peer-data-open/error:hidden", "ease-(--media-controls-transition-timing-function) origin-bottom", "duration-(--media-controls-transition-duration)", "pointer-fine:will-change-[scale,filter,opacity]", "pointer-fine:transition-[scale,filter,opacity]", "pointer-coarse:will-change-[scale,opacity]", "pointer-coarse:transition-[scale,opacity]", "not-data-visible:pointer-events-none not-data-visible:opacity-0", "motion-safe:not-data-visible:scale-90", "pointer-fine:motion-safe:not-data-visible:blur-sm", "@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3 @2xl/media-root:flex-nowrap @2xl/media-root:gap-x-0.5 @2xl/media-root:p-1");
-const buttonGroupStart = cn(buttonGroup, "flex-1 @2xl/media-root:flex-none");
-const buttonGroupEnd = cn(buttonGroup, "flex-1 justify-end @2xl/media-root:flex-none");
+const controlsBase = cn(controls$1, surface, "text-white z-10", "peer-data-open/error:hidden!", "ease-(--controls-transition-timing-function)", "duration-[calc(var(--controls-transition-duration)/2)]", "pointer-fine:will-change-[filter,opacity,scale,translate]", "pointer-fine:transition-[filter,opacity,scale,translate]", "pointer-coarse:will-change-[opacity,scale,translate]", "pointer-coarse:transition-[opacity,scale,translate]", "@2xl/media-root:[--base-boundary-offset:3]");
+const controls = cn(controlsBase, "group/controls contents! after:hidden", "@lg/media-root:absolute @lg/media-root:flex!", "@lg/media-root:bottom-2 @lg/media-root:inset-x-2", "@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3", "@lg/media-root:after:block @lg/media-root:origin-bottom", "@lg/media-root:not-data-visible:pointer-events-none", "@lg/media-root:not-data-visible:opacity-0", "@lg/media-root:not-data-visible:duration-(--controls-transition-duration)", "@lg/media-root:motion-safe:not-data-visible:scale-95", "@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm", "@lg/media-root:motion-safe:not-data-visible:translate-y-1");
+const splitControls = cn(controlsBase, "absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]", "@lg/media-root:contents! @lg/media-root:after:hidden", "@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none", "@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0", "@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--controls-transition-duration)", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95", "@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm");
+const primaryControls = cn(splitControls, "bottom-2 inset-x-2 origin-bottom", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1");
+const secondaryControls = cn(splitControls, "top-2 right-2 origin-top @container-normal", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1");
+const buttonGroupStart = buttonGroup;
+const buttonGroupEnd = buttonGroup;
+const spacer = "grow";
 const time = {
 	...time$1,
-	group: cn(time$1.group, "grow-0 shrink-0 basis-full order-[-1] px-2.5", "@2xl/media-root:grow @2xl/media-root:shrink @2xl/media-root:basis-0 @2xl/media-root:order-[unset]")
+	group: cn(time$1.group, "px-3")
 };
 const thumbnail = {
 	...thumbnail$1,
-	root: cn(thumbnail$1.root, surface, "[--media-slider-thumbnail-max-width:11rem]", "[--media-slider-thumbnail-max-height:8rem]", "[--media-slider-thumbnail-padding:-1.125rem]", "[--media-slider-thumbnail-inset:calc((100cqi-100%)/2)]", "absolute [left:clamp(calc(var(--media-slider-thumbnail-max-width)/2+var(--media-slider-thumbnail-padding)-var(--media-slider-thumbnail-inset)),var(--media-slider-pointer),calc(100%-var(--media-slider-thumbnail-max-width)/2-var(--media-slider-thumbnail-padding)+var(--media-slider-thumbnail-inset)))] bottom-[calc(100%+1.2rem)] -translate-x-1/2", "opacity-0 scale-80 blur-sm origin-bottom", "transition-[scale,opacity,filter] duration-150", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none"),
-	image: cn(thumbnail$1.image, "max-w-(--media-slider-thumbnail-max-width)", "max-h-(--media-slider-thumbnail-max-height)")
+	root: cn(thumbnail$1.root, surface)
 };
 const slider = {
 	...slider$1,
-	track: cn(slider$1.track, "bg-white/20 ring-1 ring-black/5")
+	track: cn(slider$1.track, "bg-white/20")
 };
 const popup = {
 	...popup$1,
 	popover: cn(surface, popup$1.popover),
 	tooltip: cn(surface, popup$1.tooltip)
 };
-const menuOffsets = "[--media-popover-side-offset:0.5rem] [--media-popover-boundary-offset:0.5rem]";
 const menu = {
 	...menu$1,
-	root: cn(menu$1.root, menuOffsets),
-	settings: cn(menu$1.settings, menuOffsets)
+	root: menu$1.root,
+	settings: menu$1.settings
 };
 const bufferingIndicator = bufferingIndicator$1;
 const error = {
 	...error$1,
-	dialog: cn(error$1.dialog, surface, "text-shadow-2xs text-shadow-black/25"),
+	dialog: cn(error$1.dialog, surface, "w-full text-shadow-2xs text-shadow-black/25"),
 	content: cn(error$1.content, "text-shadow-inherit"),
-	title: cn(error$1.title, "text-base")
+	title: cn(error$1.title, "text-(length:--font-size-medium)")
+};
+const volumeIndicator = {
+	...volumeIndicator$1,
+	root: cn(volumeIndicator$1.root, surface)
 };
-const inputFeedback = {
-	...inputFeedback$1,
-	island: {
-		...inputFeedback$1.island,
-		base: cn(inputFeedback$1.island.base, surface)
-	}
+const statusIndicator = {
+	...statusIndicator$1,
+	root: cn(statusIndicator$1.root, surface)
 };
 //#endregion
-export { bufferingIndicator, buttonGroupEnd, buttonGroupStart, controls, error, inputFeedback, menu, popup, root, slider, thumbnail, time };
+export { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, error, icon, iconFlipped, iconState, inputIndicatorOverlay, menu, overlay, popup, poster, primaryControls, secondaryControls, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };
 //# sourceMappingURL=video.tailwind.js.map

package/dist/default/skins/dist/default/default/tailwind/video.tailwind.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { inputFeedback as inputFeedback$1 } from \"./components/input-feedback.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-spring-timing-function:linear(0,0.034_1.5%,0.763_9.7%,1.066_13.9%,1.198_19.9%,1.184_21.8%,0.963_37.5%,0.997_50.9%,1)]\", \"[--media-video-border-radius:var(--media-border-radius,2rem)]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:350ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:var(--media-spring-timing-function)]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-surface-background-color:oklch(1_0_0/0.1)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.05)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-tooltip-side-offset:0.75rem]\", \"[--media-tooltip-boundary-offset:0.5rem]\", \"[--media-popover-side-offset:0.5rem]\", \"[--media-popover-boundary-offset:0.5rem]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"contrast-more:[--media-surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-5.5rem]\", \"@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], !isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:opacity-0 before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\n\t\"before:transition-opacity before:duration-250\",\n\t\"has-[img[data-visible]:not([data-loaded])]:before:opacity-100\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, surface, \"absolute bottom-2 inset-x-2 flex-wrap\", \"[color:var(--media-color-primary,oklch(1_0_0))] z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function) origin-bottom\", \"duration-(--media-controls-transition-duration)\", \"pointer-fine:will-change-[scale,filter,opacity]\", \"pointer-fine:transition-[scale,filter,opacity]\", \"pointer-coarse:will-change-[scale,opacity]\", \"pointer-coarse:transition-[scale,opacity]\", \"not-data-visible:pointer-events-none not-data-visible:opacity-0\", \"motion-safe:not-data-visible:scale-90\", \"pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3 @2xl/media-root:flex-nowrap @2xl/media-root:gap-x-0.5 @2xl/media-root:p-1\");\nconst buttonGroupStart = cn(buttonGroup, \"flex-1 @2xl/media-root:flex-none\");\nconst buttonGroupEnd = cn(buttonGroup, \"flex-1 justify-end @2xl/media-root:flex-none\");\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"grow-0 shrink-0 basis-full order-[-1] px-2.5\", \"@2xl/media-root:grow @2xl/media-root:shrink @2xl/media-root:basis-0 @2xl/media-root:order-[unset]\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface, \"[--media-slider-thumbnail-max-width:11rem]\", \"[--media-slider-thumbnail-max-height:8rem]\", \"[--media-slider-thumbnail-padding:-1.125rem]\", \"[--media-slider-thumbnail-inset:calc((100cqi-100%)/2)]\", \"absolute [left:clamp(calc(var(--media-slider-thumbnail-max-width)/2+var(--media-slider-thumbnail-padding)-var(--media-slider-thumbnail-inset)),var(--media-slider-pointer),calc(100%-var(--media-slider-thumbnail-max-width)/2-var(--media-slider-thumbnail-padding)+var(--media-slider-thumbnail-inset)))] bottom-[calc(100%+1.2rem)] -translate-x-1/2\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none\"),\n\timage: cn(thumbnail$1.image, \"max-w-(--media-slider-thumbnail-max-width)\", \"max-h-(--media-slider-thumbnail-max-height)\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menuOffsets = \"[--media-popover-side-offset:0.5rem] [--media-popover-boundary-offset:0.5rem]\";\nconst menu = {\n\t...menu$1,\n\troot: cn(menu$1.root, menuOffsets),\n\tsettings: cn(menu$1.settings, menuOffsets)\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-base\")\n};\nconst inputFeedback = {\n\t...inputFeedback$1,\n\tisland: {\n\t\t...inputFeedback$1.island,\n\t\tbase: cn(inputFeedback$1.island.base, surface)\n\t}\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputFeedback, menu, overlay, playbackRate, popup, poster, root, seek, slider, thumbnail, time };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,0BAA0B,+EAA+E,4FAA4F;CAC7O,8RAA8R;CAC9R,wMAAwM,CAAC;CACzM,EAAE,kIAAkI,iEAAiE,gDAAgD,0DAA0D,oDAAoD,iDAAiD,yFAAyF,6CAA6C,uDAAuD,uDAAuD,0DAA0D,yDAAyD,oDAAoD,8DAA8D,iEAAiE,6DAA6D,4EAA4E,yCAAyC,4CAA4C,wCAAwC,4CAA4C,yDAAyD,iGAAiG,iEAAiE,wGAAwG,wEAAwE,kGAAkG,kEAAkE,uGAAuG,yGAAyG,uGAAuG,qCAAqC,sCAAsC,8EAA8E,yEAAyE,2FAA2F,CAAC,cAAc;CACl5E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,CAAC,cAAc;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,SAAS,yCAAyC,wDAAwD,+BAA+B,oEAAoE,mDAAmD,mDAAmD,kDAAkD,8CAA8C,6CAA6C,mEAAmE,yCAAyC,qDAAqD,+HAA+H;AAChwB,MAAM,mBAAmB,GAAG,aAAa,mCAAmC;AAC5E,MAAM,iBAAiB,GAAG,aAAa,+CAA+C;AACtF,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,gDAAgD,oGAAoG;CAC5K;AACD,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,SAAS,8CAA8C,8CAA8C,gDAAgD,0DAA0D,2VAA2V,4CAA4C,kDAAkD,8EAA8E,4EAA4E,2EAA2E;CACx4B,OAAO,GAAG,YAAY,OAAO,8CAA8C,8CAA8C;CACzH;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,kCAAkC;CAC5D;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,cAAc;AACpB,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,GAAG,OAAO,MAAM,YAAY;CAClC,UAAU,GAAG,OAAO,UAAU,YAAY;CAC1C;AACD,MAAM,qBAAqB;AAC3B,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,uCAAuC;CAC3E,SAAS,GAAG,QAAQ,SAAS,sBAAsB;CACnD,OAAO,GAAG,QAAQ,OAAO,YAAY;CACrC;AACD,MAAM,gBAAgB;CACrB,GAAG;CACH,QAAQ;EACP,GAAG,gBAAgB;EACnB,MAAM,GAAG,gBAAgB,OAAO,MAAM,QAAQ;EAC9C;CACD"}
1	+ {"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { container as container$1 } from \"./components/container.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { statusIndicator as statusIndicator$1 } from \"./components/status-indicator.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { volumeIndicator as volumeIndicator$1 } from \"./components/volume-indicator.js\";\nimport { inputIndicatorOverlay } from \"./components/input-indicator-overlay.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { seekIndicator } from \"./components/seek-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst container = (isShadowDOM) => cn(container$1, \"group/skin\", \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"[&:fullscreen]:after:hidden\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--border-color)\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--default-accent-color:oklch(1_0_0)]\", \"[--border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]\", \"[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--container-border-radius:var(--media-border-radius,1.75rem)]\", \"[--media-video-border-radius:var(--container-border-radius)]\", \"[--controls-transition-duration:100ms]\", \"[--controls-transition-timing-function:ease-out]\", \"[--error-dialog-transition-duration:350ms]\", \"[--error-dialog-transition-delay:100ms]\", \"[--error-dialog-transition-timing-function:ease-out]\", \"[--popup-transition-duration:100ms]\", \"[--popup-transition-timing-function:ease-out]\", \"[--surface-background-color:oklch(1_0_0/0.1)]\", \"[--surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"min-[1280px]:[&:fullscreen]:[--scale:1.25]\", \"min-[1536px]:[&:fullscreen]:[--scale:1.5]\", \"min-[1920px]:[&:fullscreen]:[--scale:1.75]\", \"motion-reduce:[--error-dialog-transition-duration:50ms]\", \"motion-reduce:[--error-dialog-transition-delay:0ms]\", \"motion-reduce:[--error-dialog-transition-timing-function:ease-out]\", \"motion-reduce:[--popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-outer-border-color:transparent]\", \"contrast-more:[--surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:50ms]\", \"[--media-caption-track-y:--spacing(-2)]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-14)]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], !isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:opacity-0 before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\n\t\"before:transition-opacity before:duration-250\",\n\t\"has-[img[data-visible]:not([data-loaded])]:before:opacity-100\"\n] : [], \"[&:fullscreen]:[--container-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controlsBase = cn(controls$1, surface, \"text-white z-10\", \"peer-data-open/error:hidden!\", \"ease-(--controls-transition-timing-function)\", \"duration-[calc(var(--controls-transition-duration)/2)]\", \"pointer-fine:will-change-[filter,opacity,scale,translate]\", \"pointer-fine:transition-[filter,opacity,scale,translate]\", \"pointer-coarse:will-change-[opacity,scale,translate]\", \"pointer-coarse:transition-[opacity,scale,translate]\", \"@2xl/media-root:[--base-boundary-offset:3]\");\nconst controls = cn(controlsBase, \"group/controls contents! after:hidden\", \"@lg/media-root:absolute @lg/media-root:flex!\", \"@lg/media-root:bottom-2 @lg/media-root:inset-x-2\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3\", \"@lg/media-root:after:block @lg/media-root:origin-bottom\", \"@lg/media-root:not-data-visible:pointer-events-none\", \"@lg/media-root:not-data-visible:opacity-0\", \"@lg/media-root:not-data-visible:duration-(--controls-transition-duration)\", \"@lg/media-root:motion-safe:not-data-visible:scale-95\", \"@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@lg/media-root:motion-safe:not-data-visible:translate-y-1\");\nconst splitControls = cn(controlsBase, \"absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]\", \"@lg/media-root:contents! @lg/media-root:after:hidden\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--controls-transition-duration)\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95\", \"@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm\");\nconst primaryControls = cn(splitControls, \"bottom-2 inset-x-2 origin-bottom\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1\");\nconst secondaryControls = cn(splitControls, \"top-2 right-2 origin-top @container-normal\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1\");\nconst buttonGroupStart = buttonGroup;\nconst buttonGroupEnd = buttonGroup;\nconst spacer = \"grow\";\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"px-3\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface)\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menu = {\n\t...menu$1,\n\troot: menu$1.root,\n\tsettings: menu$1.settings\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"w-full text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-(length:--font-size-medium)\")\n};\nconst volumeIndicator = {\n\t...volumeIndicator$1,\n\troot: cn(volumeIndicator$1.root, surface)\n};\nconst statusIndicator = {\n\t...statusIndicator$1,\n\troot: cn(statusIndicator$1.root, surface)\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputIndicatorOverlay, menu, overlay, playbackRate, popup, poster, primaryControls, secondaryControls, seek, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,aAAa,gBAAgB,GAAG,aAAa,cAAc,0BAA0B,+EAA+E,+BAA+B,iFAAiF;CACzR,4RAA4R;CAC5R,wMAAwM,CAAC;AAC1M,GAAG,yCAAyC,mEAAmE,8DAA8D,kEAAkE,gEAAgE,0CAA0C,oDAAoD,8CAA8C,2CAA2C,wDAAwD,uCAAuC,iDAAiD,iDAAiD,mDAAmD,mDAAmD,8CAA8C,wDAAwD,8CAA8C,6CAA6C,8CAA8C,2DAA2D,uDAAuD,sEAAsE,mDAAmD,2FAA2F,2DAA2D,kGAAkG,kEAAkE,4FAA4F,4DAA4D,iGAAiG,mGAAmG,iGAAiG,2CAA2C,sCAAsC,wEAAwE,gFAAgF,CAAC,cAAc;CACrtE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,CAAC,cAAc;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,gDAAgD;CACvD,uCAAuC,CAAC;CACxC,kDAAkD;AACnD,CAAC;AACD,MAAM,eAAe,GAAG,YAAY,SAAS,mBAAmB,gCAAgC,gDAAgD,0DAA0D,6DAA6D,4DAA4D,wDAAwD,uDAAuD,4CAA4C;AAC9d,MAAM,WAAW,GAAG,cAAc,yCAAyC,gDAAgD,oDAAoD,sDAAsD,2DAA2D,uDAAuD,6CAA6C,6EAA6E,wDAAwD,oEAAoE,2DAA2D;AACxoB,MAAM,gBAAgB,GAAG,cAAc,oFAAoF,wDAAwD,gFAAgF,sEAAsE,sGAAsG,iFAAiF,2FAA2F;AAC3lB,MAAM,kBAAkB,GAAG,eAAe,oCAAoC,oFAAoF;AAClK,MAAM,oBAAoB,GAAG,eAAe,8CAA8C,qFAAqF;AAC/K,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AACf,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,MAAM;AAC/B;AACA,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,OAAO;AACnC;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,aAAa;AACxC;AACA,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,OAAO;CACpC,SAAS,GAAG,SAAS,QAAQ,OAAO;AACrC;AACA,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,OAAO;CACb,UAAU,OAAO;AAClB;AACA,MAAM,qBAAqB;AAC3B,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,6CAA6C;CACjF,SAAS,GAAG,QAAQ,SAAS,qBAAqB;CAClD,OAAO,GAAG,QAAQ,OAAO,kCAAkC;AAC5D;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC"}

package/dist/default/skins/dist/default/minimal/tailwind/audio.tailwind.js CHANGED Viewed

@@ -1,30 +1,32 @@
+import { container as container$1 } from "./components/container.js";
 import { controls as controls$1 } from "./components/controls.js";
 import { error as error$1 } from "./components/error.js";
 import { popup as popup$1 } from "./components/popup.js";
-import { root as root$1 } from "./components/root.js";
 import { slider as slider$1 } from "./components/slider.js";
-import "../../shared/tailwind/icon-state.js";
+import { iconState } from "../../shared/tailwind/icon-state.js";
 import "./components/badge.js";
 import "./components/buffering.js";
-import "./components/button.js";
-import "./components/button-group.js";
-import "./components/icon.js";
-import "./components/menu.js";
-import "./components/playback-rate.js";
-import "./components/seek.js";
-import "./components/time.js";
+import { button } from "./components/button.js";
+import { buttonGroup } from "./components/button-group.js";
+import { icon, iconContainer, iconFlipped } from "./components/icon.js";
+import { menu } from "./components/menu.js";
+import { playbackRate } from "./components/playback-rate.js";
+import { seek } from "./components/seek.js";
+import { time } from "./components/time.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/audio.tailwind.js
-const root = cn(root$1, "[--media-controls-background-color:oklch(1_0_0)]", "[--media-controls-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-controls-border-color:oklch(0_0_0/0.1)]", "[--media-controls-text-color:var(--media-color-primary,oklch(0_0_0))]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-tooltip-background-color:oklch(1_0_0)]", "[--media-tooltip-border-color:oklch(0_0_0/0.1)]", "[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-tooltip-text-color:currentColor]", "[--media-tooltip-side-offset:0.75rem]", "[--media-tooltip-boundary-offset:0.75rem]", "[--media-popover-background-color:var(--media-tooltip-background-color)]", "[--media-popover-border-color:var(--media-tooltip-border-color)]", "[--media-popover-backdrop-filter:var(--media-tooltip-backdrop-filter)]", "[--media-popover-side-offset:var(--media-tooltip-side-offset)]", "[--media-popover-boundary-offset:var(--media-tooltip-boundary-offset)]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "dark:[--media-controls-background-color:oklch(0_0_0)]", "dark:[--media-controls-border-color:oklch(1_0_0/0.1)]", "dark:[--media-controls-text-color:var(--media-color-primary,oklch(1_0_0))]", "[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(1_0_0)]", "contrast-more:[--media-tooltip-background-color:oklch(1_0_0)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]", "dark:contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]");
-const controls = cn(controls$1, "p-1.5 gap-2", "rounded-(--media-border-radius,1rem)", "peer-data-open/error:**:invisible", "text-(--media-controls-text-color)", "ring-1 ring-(color:--media-controls-border-color)");
+const container = cn(container$1, "[--default-accent-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--controls-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]", "[--controls-backdrop-filter:blur(16px)_saturate(1.5)]", "[--controls-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.1))]", "[--controls-text-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--error-dialog-transition-duration:250ms]", "[--error-dialog-transition-delay:100ms]", "[--popup-transition-duration:100ms]", "[--popup-transition-timing-function:ease-out]", "[--popover-backdrop-filter:blur(16px)_saturate(1.5)]", "[--popover-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]", "[--popover-border-color:oklch(0_0_0/0.1)]", "[--tooltip-backdrop-filter:var(--popover-backdrop-filter)]", "[--tooltip-background-color:var(--popover-background-color)]", "[--tooltip-border-color:var(--popover-border-color)]", "[--tooltip-text-color:currentColor]", "motion-reduce:[--error-dialog-transition-duration:50ms]", "motion-reduce:[--error-dialog-transition-delay:0ms]", "motion-reduce:[--popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--tooltip-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]", "contrast-more:[--tooltip-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]");
+const controls = cn(controls$1, "p-1 gap-2", "rounded-(--media-border-radius,0.875rem)", "[--base-side-offset:2] [--base-boundary-offset:2]", "peer-data-open/error:**:invisible", "text-(--controls-text-color)", "ring-1 ring-(color:--controls-border-color)");
+const spacer = "grow";
 const playButton = {
 	wrapper: "group/play inline-flex relative",
+	/** `peer/play-buffering` on `bufferingRoot`; merge onto the play trigger after the peer in DOM. */
 	control: "peer-data-visible/play-buffering:[&>svg]:opacity-0",
 	bufferingRoot: cn("peer/play-buffering", "absolute inset-0 z-10 hidden place-content-center pointer-events-none text-inherit", "not-data-visible:[--media-spinner-animation:none]", "data-visible:grid")
 };
 const popup = {
 	...popup$1,
-	volume: cn(popup$1.popover, "p-0 pl-16", "bg-transparent bg-gradient-to-l from-(--media-controls-background-color) from-80% to-transparent")
+	volume: cn(popup$1.popover, "p-0 pr-2 pl-16 [--media-popover-side-offset:0rem]", "bg-transparent bg-gradient-to-l from-(--controls-background-color) from-80% to-transparent")
 };
 const slider = {
 	...slider$1,
@@ -32,10 +34,10 @@ const slider = {
 };
 const error = {
 	...error$1,
-	dialog: cn("absolute inset-0 z-20 flex items-center gap-4 rounded-full px-5 pr-2", "bg-(--media-controls-background-color)", "transition-[opacity,filter,scale] ease-out", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs group-data-starting-style/error:scale-95", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs group-data-ending-style/error:scale-95", "group-data-ending-style/error:delay-0"),
+	dialog: cn("absolute inset-0 z-20 flex items-center gap-4 rounded-full px-5 pr-2", "bg-(--controls-background-color)", "transition-[opacity,filter,scale] ease-out", "duration-(--error-dialog-transition-duration)", "delay-(--error-dialog-transition-delay)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs group-data-starting-style/error:scale-95", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs group-data-ending-style/error:scale-95", "group-data-ending-style/error:delay-0"),
 	content: "flex flex-1 items-center gap-2"
 };
 //#endregion
-export { controls, error, playButton, popup, root, slider };
+export { button, buttonGroup, container, controls, error, icon, iconContainer, iconFlipped, iconState, menu, playButton, playbackRate, popup, seek, slider, spacer, time };
 //# sourceMappingURL=audio.tailwind.js.map

package/dist/default/skins/dist/default/minimal/tailwind/audio.tailwind.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"audio.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/audio.tailwind.js"],"sourcesContent":["import { ~~controls~~ as ~~controls~~$1 } from \"./components/~~controls~~.js\";\nimport { ~~error~~ as ~~error~~$1 } from \"./components/~~error~~.js\";\nimport { ~~popup~~ as ~~popup~~$1 } from \"./components/~~popup~~.js\";\nimport { ~~root~~ as ~~root~~$1 } from \"./components/~~root~~.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/audio.tailwind.ts\nconst ~~root~~ = cn(~~root~~$1, \"[--~~media~~-controls-background-color:oklch(1_0_0)]\", \"[--~~media-~~controls-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--~~media-~~controls-border-color:oklch(0_0_0/0.1)]\", \"[--~~media-~~controls-text-color:~~var~~(~~--media-color-primary,~~oklch(0_0_0))]\", \"[--~~media-~~error-dialog-transition-duration:250ms]\", \"[--~~media-~~error-dialog-transition-delay:100ms]\", \"[--~~media-~~popup-transition-duration:100ms]\", \"[--~~media-~~popup-transition-timing-function:ease-out]\", \"[--~~media~~-~~tooltip-background-color:oklch(1_0_0)]\", \"[--media-tooltip-border-color:oklch(0_0_0/0.1)]\", \"[--media-tooltip-~~backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--~~media~~-~~tooltip~~-~~text-~~color:~~currentColor~~]\", \"[--~~media~~-~~tooltip~~-~~side-offset~~:0.~~75rem~~]\", \"[--~~media-~~tooltip-~~boundary~~-~~offset~~:~~0.75rem~~]\", \"[--~~media~~-~~popover-~~background-color:var(--~~media~~-~~tooltip-~~background-color)]\", \"[--~~media~~-~~popover-~~border-color:var(--~~media~~-~~tooltip-~~border-color)]\", \"[--~~media-popover-backdrop-filter:var(--media-~~tooltip-~~backdrop~~-~~filter)]\", \"[--media-popover-side-offset~~:~~var(--media-tooltip-side-offset)~~]\", \"~~[--media-popover-boundary-offset:var(--media-tooltip-boundary-offset)]\", \"~~motion-reduce:[--~~media-~~error-dialog-transition-duration:50ms]\", \"motion-reduce:[--~~media-~~error-dialog-transition-delay:0ms]\", \"motion-reduce:[--~~media-~~popup-transition-duration:0ms]\", \"~~dark:~~[~~--media-controls-background-color:oklch(0_0_0)]\", \"dark:[--media-controls-border-color:oklch(1_0_0/0.1)]\", \"dark:[--media-controls-text-color:var(--media-color-primary,oklch(1_0_0))]\", \"[~~@media(prefers-reduced-transparency:reduce)]:[--~~media-~~tooltip-background-color:~~oklch~~(~~1_0_0)]\", \"contrast-more:[--media-tooltip-background-color:~~oklch(1_0_0)~~]\"~~, ~~\"dark:[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:~~oklch(0_0_0)]\", \"~~dark:~~contrast-more:[--~~media-~~tooltip-background-color:oklch(0_0_0)]\");\nconst controls = cn(controls$1, \"p-1.5 gap-2\", \"rounded-(--media-border-radius,~~1rem~~)\", \"peer-data-open/error:**:invisible\", \"text-(--~~media-~~controls-text-color)\", \"ring-1 ring-(color:--~~media-~~controls-border-color)\");\nconst playButton = {\n\twrapper: \"group/play inline-flex relative\",\n\tcontrol: \"peer-data-visible/play-buffering:[&>svg]:opacity-0\",\n\tbufferingRoot: cn(\"peer/play-buffering\", \"absolute inset-0 z-10 hidden place-content-center pointer-events-none text-inherit\", \"not-data-visible:[--media-spinner-animation:none]\", \"data-visible:grid\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(popup$1.popover, \"p-0 pl-16\", \"bg-transparent bg-gradient-to-l from-(--~~media-~~controls-background-color) from-80% to-transparent\")\n};\nconst slider = {\n\t...slider$1,\n\tvalue: cn(slider$1.value, \"bottom-10\")\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(\"absolute inset-0 z-20 flex items-center gap-4 rounded-full px-5 pr-2\", \"bg-(--~~media-~~controls-background-color)\", \"transition-[opacity,filter,scale] ease-out\", \"duration-(--~~media-~~error-dialog-transition-duration)\", \"delay-(--~~media-~~error-dialog-transition-delay)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs group-data-starting-style/error:scale-95\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs group-data-ending-style/error:scale-95\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-1 items-center gap-2\"\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, menu, playButton, playbackRate, popup, ~~root,~~ seek, slider, time };\n\n//# sourceMappingURL=audio.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,~~OAAO~~,GAAG,~~QAAQ~~,~~oDAAoD,+DAA+D~~,~~oDAAoD~~,~~yEAAyE~~,~~oDAAoD~~,~~iDAAiD~~,~~6CAA6C~~,~~uDAAuD~~,~~mDAAmD~~,~~mDAAmD~~,~~8DAA8D~~,~~6CAA6C~~,~~yCAAyC~~,6CAA6C,~~4EAA4E~~,~~oEAAoE~~,~~0EAA0E~~,~~kEAAkE~~,~~0EAA0E~~,~~iEAAiE~~,~~6DAA6D~~,~~yDAAyD~~,~~yDAAyD,yDAAyD,8EAA8E,iGAAiG,iEAAiE,sGAAsG,qEAAqE~~;~~AAClyD~~,MAAM,WAAW,GAAG,YAAY,~~eAAe~~,~~wCAAwC~~,qCAAqC,~~sCAAsC~~,~~oDAAoD~~;~~AACtN~~,MAAM,aAAa;CAClB,SAAS~~;CACT~~,SAAS;CACT,eAAe,GAAG,uBAAuB,sFAAsF,qDAAqD,~~oBAAoB~~;~~CACxM~~;~~AACD~~,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,SAAS,~~aAAa~~,~~mGAAmG~~;~~CAC5I~~;~~AACD~~,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,~~YAAY~~;~~CACtC~~;~~AACD~~,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,wEAAwE,~~0CAA0C~~,8CAA8C,~~uDAAuD,~~iDAAiD,8HAA8H,wHAAwH,~~wCAAwC~~;~~CACjjB~~,SAAS;~~CACT~~"}
1	+ {"version":3,"file":"audio.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/audio.tailwind.js"],"sourcesContent":["import { container as container$1 } from \"./components/container.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time } from \"./components/time.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/audio.tailwind.ts\nconst container = cn(container$1, \"[--default-accent-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--controls-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\", \"[--controls-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--controls-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.1))]\", \"[--controls-text-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--error-dialog-transition-duration:250ms]\", \"[--error-dialog-transition-delay:100ms]\", \"[--popup-transition-duration:100ms]\", \"[--popup-transition-timing-function:ease-out]\", \"[--popover-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--popover-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\", \"[--popover-border-color:oklch(0_0_0/0.1)]\", \"[--tooltip-backdrop-filter:var(--popover-backdrop-filter)]\", \"[--tooltip-background-color:var(--popover-background-color)]\", \"[--tooltip-border-color:var(--popover-border-color)]\", \"[--tooltip-text-color:currentColor]\", \"motion-reduce:[--error-dialog-transition-duration:50ms]\", \"motion-reduce:[--error-dialog-transition-delay:0ms]\", \"motion-reduce:[--popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--tooltip-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\", \"contrast-more:[--tooltip-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\");\nconst controls = cn(controls$1, \"p-1 gap-2\", \"rounded-(--media-border-radius,0.875rem)\", \"[--base-side-offset:2] [--base-boundary-offset:2]\", \"peer-data-open/error::invisible\", \"text-(--controls-text-color)\", \"ring-1 ring-(color:--controls-border-color)\");\nconst spacer = \"grow\";\nconst playButton = {\n\twrapper: \"group/play inline-flex relative\",\n\t/ `peer/play-buffering` on `bufferingRoot`; merge onto the play trigger after the peer in DOM. */\n\tcontrol: \"peer-data-visible/play-buffering:[&>svg]:opacity-0\",\n\tbufferingRoot: cn(\"peer/play-buffering\", \"absolute inset-0 z-10 hidden place-content-center pointer-events-none text-inherit\", \"not-data-visible:[--media-spinner-animation:none]\", \"data-visible:grid\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(popup$1.popover, \"p-0 pr-2 pl-16 [--media-popover-side-offset:0rem]\", \"bg-transparent bg-gradient-to-l from-(--controls-background-color) from-80% to-transparent\")\n};\nconst slider = {\n\t...slider$1,\n\tvalue: cn(slider$1.value, \"bottom-10\")\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(\"absolute inset-0 z-20 flex items-center gap-4 rounded-full px-5 pr-2\", \"bg-(--controls-background-color)\", \"transition-[opacity,filter,scale] ease-out\", \"duration-(--error-dialog-transition-duration)\", \"delay-(--error-dialog-transition-delay)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs group-data-starting-style/error:scale-95\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs group-data-ending-style/error:scale-95\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-1 items-center gap-2\"\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, container, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, menu, playButton, playbackRate, popup, seek, slider, spacer, time };\n\n//# sourceMappingURL=audio.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAY,GAAG,aAAa,kEAAkE,8DAA8D,uEAAuE,yDAAyD,2EAA2E,iEAAiE,8CAA8C,2CAA2C,uCAAuC,iDAAiD,wDAAwD,sEAAsE,6CAA6C,8DAA8D,gEAAgE,wDAAwD,uCAAuC,2DAA2D,uDAAuD,mDAAmD,oHAAoH,kFAAkF;AACl1C,MAAM,WAAW,GAAG,YAAY,aAAa,4CAA4C,qDAAqD,qCAAqC,gCAAgC,6CAA6C;AAChQ,MAAM,SAAS;AACf,MAAM,aAAa;CAClB,SAAS;;CAET,SAAS;CACT,eAAe,GAAG,uBAAuB,sFAAsF,qDAAqD,mBAAmB;AACxM;AACA,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,SAAS,qDAAqD,4FAA4F;AAC9K;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,WAAW;AACtC;AACA,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,wEAAwE,oCAAoC,8CAA8C,iDAAiD,2CAA2C,8HAA8H,wHAAwH,uCAAuC;CAC9hB,SAAS;AACV"}

package/dist/default/skins/dist/default/minimal/tailwind/components/badge.js CHANGED Viewed

@@ -1,5 +1,5 @@
 //#region ../skins/dist/default/minimal/tailwind/components/badge.js
-const badge = "rounded-full bg-current/10 px-1.5 py-0.5 text-[0.6875rem] font-medium leading-none text-current/70";
+const badge = "rounded-[--spacing(1)] bg-current/10 px-1.5 py-1 text-(length:--font-size-small) font-medium leading-none text-current/70";
 //#endregion
 export { badge };

package/dist/default/skins/dist/default/minimal/tailwind/components/badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/badge.js"],"sourcesContent":["//#region src/minimal/tailwind/components/badge.ts\nconst badge = \"rounded-~~full~~ bg-current/10 px-1.5 py-~~0.5~~ text-~~[0.6875rem]~~ font-medium leading-none text-current/70\";\n//#endregion\nexport { badge };\n\n//# sourceMappingURL=badge.js.map"],"mappings":";AACA,MAAM,QAAQ"}
1	+ {"version":3,"file":"badge.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/badge.js"],"sourcesContent":["//#region src/minimal/tailwind/components/badge.ts\nconst badge = \"rounded-[--spacing(1)] bg-current/10 px-1.5 py-1 text-(length:--font-size-small) font-medium leading-none text-current/70\";\n//#endregion\nexport { badge };\n\n//# sourceMappingURL=badge.js.map"],"mappings":";AACA,MAAM,QAAQ"}

package/dist/default/skins/dist/default/minimal/tailwind/components/buffering.js CHANGED Viewed

@@ -1,5 +1,5 @@
 //#region ../skins/dist/default/minimal/tailwind/components/buffering.js
-const bufferingIndicator = "peer/buffering absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:grid";
+const bufferingIndicator = "peer/buffering absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] motion-reduce:[--media-spinner-animation:none] data-visible:grid";
 //#endregion
 export { bufferingIndicator };

package/dist/default/skins/dist/default/minimal/tailwind/components/buffering.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buffering.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/buffering.js"],"sourcesContent":["//#region src/minimal/tailwind/components/buffering.ts\nconst bufferingIndicator = \"peer/buffering absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] data-visible:grid\";\n//#endregion\nexport { bufferingIndicator };\n\n//# sourceMappingURL=buffering.js.map"],"mappings":";AACA,MAAM,qBAAqB"}
1	+ {"version":3,"file":"buffering.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/buffering.js"],"sourcesContent":["//#region src/minimal/tailwind/components/buffering.ts\nconst bufferingIndicator = \"peer/buffering absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white not-data-visible:[--media-spinner-animation:none] motion-reduce:[--media-spinner-animation:none] data-visible:grid\";\n//#endregion\nexport { bufferingIndicator };\n\n//# sourceMappingURL=buffering.js.map"],"mappings":";AACA,MAAM,qBAAqB"}

package/dist/default/skins/dist/default/minimal/tailwind/components/button-group.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/button-group.js
-const buttonGroup = cn("flex items-center gap-[0.075rem]", "@2xl/media-root:gap-0.5");
+const buttonGroup = "flex items-center gap-px";
 //#endregion
 export { buttonGroup };

package/dist/default/skins/dist/default/minimal/tailwind/components/button-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/button-group.js"],"sourcesContent":["~~import { cn } from \"@videojs/utils/style\";\n~~//#region src/minimal/tailwind/components/button-group.ts\nconst buttonGroup = ~~cn(~~\"flex items-center gap-~~[0.075rem]~~\"~~, \"@2xl/media-root:gap-0.5\")~~;\n//#endregion\nexport { buttonGroup };\n\n//# sourceMappingURL=button-group.js.map"],"mappings":"~~;;AAEA~~,MAAM,cAAc~~,GAAG,oCAAoC,0BAA0B~~"}
1	+ {"version":3,"file":"button-group.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/button-group.js"],"sourcesContent":["//#region src/minimal/tailwind/components/button-group.ts\nconst buttonGroup = \"flex items-center gap-px\";\n//#endregion\nexport { buttonGroup };\n\n//# sourceMappingURL=button-group.js.map"],"mappings":";AACA,MAAM,cAAc"}

package/dist/default/skins/dist/default/minimal/tailwind/components/button.js CHANGED Viewed

@@ -1,11 +1,21 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/button.js
+const hideAtSmall = "@max-lg/media-root:hidden";
 const button = {
-	base: cn("flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0", "py-2 px-4 rounded-lg", "outline-2 outline-transparent -outline-offset-2", "transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out", "focus-visible:outline-current focus-visible:outline-offset-2", "active:scale-[0.98]", "disabled:cursor-not-allowed disabled:opacity-50 disabled:grayscale", "supports-[corner-shape:squircle]:rounded-[1rem]", "supports-[corner-shape:squircle]:[corner-shape:squircle]", "data-[availability=unavailable]:hidden", "data-[availability=unsupported]:hidden"),
-	primary: "bg-white text-black font-medium text-shadow-none",
-	subtle: cn("bg-transparent text-inherit text-shadow-inherit", "hover:bg-current/10", "focus-visible:bg-current/10", "aria-expanded:bg-current/10"),
-	icon: cn("grid w-[2.375rem] aspect-square p-0", "active:scale-90"),
-	live: cn("inline-flex items-center gap-1.5", "aspect-auto w-auto px-3 py-2", "text-xs font-semibold uppercase tracking-wider leading-none", "before:inline-block before:size-2 before:shrink-0 before:rounded-full", "before:bg-current/40 before:transition-colors before:duration-150 before:ease-out", "before:content-[\"\"]", "data-[live-edge]:before:bg-red-500")
+	base: cn("flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0 h-[--spacing(9.5)]", "py-2 px-4 rounded-[--spacing(2)]", "outline-2 outline-transparent -outline-offset-2", "transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out", "focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2", "not-aria-disabled:active:scale-[0.97]", "motion-reduce:scale-100 motion-reduce:transition-[background-color,outline-offset] motion-reduce:will-change-auto", "aria-disabled:cursor-not-allowed aria-disabled:opacity-50", "supports-[corner-shape:squircle]:rounded-[--spacing(4)]", "supports-[corner-shape:squircle]:[corner-shape:squircle]"),
+	primary: "bg-(--accent-color) text-(--accent-contrast-color) font-medium text-shadow-none",
+	subtle: cn("bg-transparent text-inherit text-shadow-inherit", "not-aria-disabled:hover:bg-(--accent-background-color) not-aria-disabled:hover:text-(--accent-text-color) not-aria-disabled:hover:no-underline", "not-aria-disabled:focus-visible:bg-(--accent-background-color) not-aria-disabled:focus-visible:text-(--accent-text-color)", "not-aria-disabled:aria-expanded:bg-(--accent-background-color) not-aria-disabled:aria-expanded:text-(--accent-text-color)"),
+	icon: cn("grid aspect-square p-0!", "not-aria-disabled:active:scale-[0.97]"),
+	seek: hideAtSmall,
+	cast: hideAtSmall,
+	airplay: hideAtSmall,
+	pip: hideAtSmall,
+	fullscreen: hideAtSmall,
+	/**
+	* Live variant: wide pill button with a status dot rendered via `::before`
+	* (gray → red at the live edge) and "LIVE" as the button's own text.
+	*/
+	live: cn("inline-flex items-center gap-1.5", "aspect-auto w-auto px-3 py-2", "text-(length:--font-size-small) font-semibold uppercase tracking-wider leading-none", "before:inline-block before:size-2 before:shrink-0 before:rounded-full", "before:bg-current/40 before:transition-colors before:duration-150 before:ease-out", "data-[live-edge]:before:bg-red-500")
 };
 //#endregion
 export { button };

package/dist/default/skins/dist/default/minimal/tailwind/components/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/button.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/button.ts\nconst button = {\n\tbase: cn(\"flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0\", \"py-2 px-4 rounded-lg\", \"outline-2 outline-transparent -outline-offset-2\", \"transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out\", \"focus-visible:outline-~~current~~ focus-visible:outline-offset-2\", \"active:scale-[0.98]\", \"disabled:cursor-not-allowed disabled:opacity-50 ~~disabled:grayscale~~\", \"supports-[corner-shape:squircle]:rounded-[~~1rem~~]\", \"supports-[corner-shape:squircle]:[corner-shape:squircle]\"~~, \"data-[availability=unavailable]:hidden\", \"data-[availability=unsupported]:hidden\"~~),\n\tprimary: \"bg-~~white~~ text-~~black~~ font-medium text-shadow-none\",\n\tsubtle: cn(\"bg-transparent text-inherit text-shadow-inherit\", \"hover:bg-~~current/10~~\", \"focus-visible:bg-~~current/10~~\", \"aria-expanded:bg-~~current/10~~\"),\n\ticon: cn(\"grid ~~w-[2.375rem]~~ aspect-square p-0\", \"active:scale-90\"),\n\tlive: cn(\"inline-flex items-center gap-1.5\", \"aspect-auto w-auto px-3 py-2\", \"text-xs font-semibold uppercase tracking-wider leading-none\", \"before:inline-block before:size-2 before:shrink-0 before:rounded-full\", \"before:bg-current/40 before:transition-colors before:duration-150 before:ease-out\", \"~~before:content-[\\\"\\\"]\", \"~~data-[live-edge]:before:bg-red-500\")\n};\n//#endregion\nexport { button };\n\n//# sourceMappingURL=button.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM,GAAG,~~2HAA2H~~,~~wBAAwB~~,mDAAmD,gGAAgG,~~gEAAgE~~,~~uBAAuB~~,~~sEAAsE~~,~~mDAAmD~~,~~4DAA4D~~,~~0CAA0C,yCAAyC~~;~~CAC9oB~~,SAAS;CACT,QAAQ,GAAG,mDAAmD,~~uBAAuB,+BAA+B~~,~~8BAA8B~~;~~CAClJ~~,MAAM,GAAG,uCAAuC,~~kBAAkB~~;~~CAClE~~,MAAM,GAAG,oCAAoC,gCAAgC~~,+DAA+D~~,yEAAyE,qFAAqF,~~yBAAyB,qCAAqC~~;~~CACxW~~"}
1	+ {"version":3,"file":"button.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/button.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/button.ts\nconst hideAtSmall = \"@max-lg/media-root:hidden\";\nconst button = {\n\tbase: cn(\"flex items-center justify-center shrink-0 border-none cursor-pointer select-none text-center touch-manipulation min-h-0 h-[--spacing(9.5)]\", \"py-2 px-4 rounded-[--spacing(2)]\", \"outline-2 outline-transparent -outline-offset-2\", \"transition-[background-color,outline-offset,scale] will-change-[scale] duration-150 ease-out\", \"focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2\", \"not-aria-disabled:active:scale-[0.97]\", \"motion-reduce:scale-100 motion-reduce:transition-[background-color,outline-offset] motion-reduce:will-change-auto\", \"aria-disabled:cursor-not-allowed aria-disabled:opacity-50\", \"supports-[corner-shape:squircle]:rounded-[--spacing(4)]\", \"supports-[corner-shape:squircle]:[corner-shape:squircle]\"),\n\tprimary: \"bg-(--accent-color) text-(--accent-contrast-color) font-medium text-shadow-none\",\n\tsubtle: cn(\"bg-transparent text-inherit text-shadow-inherit\", \"not-aria-disabled:hover:bg-(--accent-background-color) not-aria-disabled:hover:text-(--accent-text-color) not-aria-disabled:hover:no-underline\", \"not-aria-disabled:focus-visible:bg-(--accent-background-color) not-aria-disabled:focus-visible:text-(--accent-text-color)\", \"not-aria-disabled:aria-expanded:bg-(--accent-background-color) not-aria-disabled:aria-expanded:text-(--accent-text-color)\"),\n\ticon: cn(\"grid aspect-square p-0!\", \"not-aria-disabled:active:scale-[0.97]\"),\n\tseek: hideAtSmall,\n\tcast: hideAtSmall,\n\tairplay: hideAtSmall,\n\tpip: hideAtSmall,\n\tfullscreen: hideAtSmall,\n\t/*\n\t Live variant: wide pill button with a status dot rendered via `::before`\n\t* (gray → red at the live edge) and \"LIVE\" as the button's own text.\n\t*/\n\tlive: cn(\"inline-flex items-center gap-1.5\", \"aspect-auto w-auto px-3 py-2\", \"text-(length:--font-size-small) font-semibold uppercase tracking-wider leading-none\", \"before:inline-block before:size-2 before:shrink-0 before:rounded-full\", \"before:bg-current/40 before:transition-colors before:duration-150 before:ease-out\", \"data-[live-edge]:before:bg-red-500\")\n};\n//#endregion\nexport { button };\n\n//# sourceMappingURL=button.js.map"],"mappings":";;AAEA,MAAM,cAAc;AACpB,MAAM,SAAS;CACd,MAAM,GAAG,8IAA8I,oCAAoC,mDAAmD,gGAAgG,6EAA6E,yCAAyC,qHAAqH,6DAA6D,2DAA2D,0DAA0D;CAC3uB,SAAS;CACT,QAAQ,GAAG,mDAAmD,kJAAkJ,6HAA6H,2HAA2H;CACxc,MAAM,GAAG,2BAA2B,uCAAuC;CAC3E,MAAM;CACN,MAAM;CACN,SAAS;CACT,KAAK;CACL,YAAY;;;;;CAKZ,MAAM,GAAG,oCAAoC,gCAAgC,uFAAuF,yEAAyE,qFAAqF,oCAAoC;AACvW"}

package/dist/default/skins/dist/default/minimal/tailwind/components/container.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { reset } from "./reset.js";
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/container.js
+const container = cn(reset, "block relative isolate h-full w-full @container/media-root", "rounded-(--container-border-radius)", "font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased", "[--accent-color:var(--media-accent-color,var(--default-accent-color))]", "[--accent-contrast-color:contrast-color(var(--accent-color))]", "[--accent-background-color:var(--media-accent-color,oklch(from_var(--default-accent-color)_l_c_h/calc(alpha*0.1)))]", "[--accent-text-color:var(--media-accent-text-color,contrast-color(var(--media-accent-color,oklch(0_0_0))))]", "[--container-border-radius:var(--media-border-radius,0.75rem)]", "outline-2 outline-transparent -outline-offset-4", "transition-[outline-offset,outline-color] duration-100 ease-out", "focus-visible:outline-(--focus-ring-color) 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", "[--shadow-current-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]", "[--shadow-subtle-current-color:oklch(from_var(--shadow-current-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 { container };
+//# sourceMappingURL=container.js.map

package/dist/default/skins/dist/default/minimal/tailwind/components/container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"container.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/container.js"],"sourcesContent":["import { reset } from \"./reset.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/container.ts\nconst container = cn(reset, \"block relative isolate h-full w-full @container/media-root\", \"rounded-(--container-border-radius)\", \"font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--font-size-base) leading-normal subpixel-antialiased\", \"[--accent-color:var(--media-accent-color,var(--default-accent-color))]\", \"[--accent-contrast-color:contrast-color(var(--accent-color))]\", \"[--accent-background-color:var(--media-accent-color,oklch(from_var(--default-accent-color)_l_c_h/calc(alpha*0.1)))]\", \"[--accent-text-color:var(--media-accent-text-color,contrast-color(var(--media-accent-color,oklch(0_0_0))))]\", \"[--container-border-radius:var(--media-border-radius,0.75rem)]\", \"outline-2 outline-transparent -outline-offset-4\", \"transition-[outline-offset,outline-color] duration-100 ease-out\", \"focus-visible:outline-(--focus-ring-color) 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\", \"[--shadow-current-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]\", \"[--shadow-subtle-current-color:oklch(from_var(--shadow-current-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 { container };\n\n//# sourceMappingURL=container.js.map"],"mappings":";;;AAGA,MAAM,YAAY,GAAG,OAAO,8DAA8D,uCAAuC,qIAAqI,0EAA0E,iEAAiE,uHAAuH,+GAA+G,kEAAkE,mDAAmD,mEAAmE,6EAA6E,6CAA6C,4FAA4F,wGAAwG,2FAA2F,iGAAiG,eAAe,mDAAmD,oDAAoD,qDAAqD,mDAAmD,yDAAyD,oCAAoC,2DAA2D"}

package/dist/default/skins/dist/default/minimal/tailwind/components/controls.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/controls.js
-const controls = cn("peer/controls", "@container/media-controls", "flex items-center", "bg-(--media-controls-background-color)", "[backdrop-filter:var(--media-controls-backdrop-filter)]", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)");
+const controls = cn("peer/controls", "@container/media-controls", "[--media-popover-side-offset:calc(var(--spacing)*(var(--base-side-offset,0)+var(--controls-padding,1)))]", "[--media-tooltip-side-offset:var(--media-popover-side-offset)]", "[--media-popover-boundary-offset:calc(var(--spacing)*(var(--base-boundary-offset,0)+var(--controls-padding,1)))]", "[--media-tooltip-boundary-offset:var(--media-popover-boundary-offset)]", "[padding:calc(var(--spacing)*var(--controls-padding,1))] flex items-center", "bg-(--controls-background-color)", "[backdrop-filter:var(--controls-backdrop-filter)]", "text-shadow-2xs text-shadow-(color:--shadow-current-color)");
 //#endregion
 export { controls };

package/dist/default/skins/dist/default/minimal/tailwind/components/controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controls.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/controls.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/controls.ts\nconst controls = cn(\"peer/controls\", \"@container/media-controls\", \"flex items-center\", \"bg-(--~~media-~~controls-background-color)\", \"[backdrop-filter:var(--~~media-~~controls-backdrop-filter)]\", \"text-shadow-2xs text-shadow-(color:--~~media~~-current-~~shadow-~~color)\");\n//#endregion\nexport { controls };\n\n//# sourceMappingURL=controls.js.map"],"mappings":";;AAEA,MAAM,WAAW,GAAG,iBAAiB,6BAA6B,~~qBAAqB~~,~~0CAA0C~~,~~2DAA2D~~,~~mEAAmE~~"}
1	+ {"version":3,"file":"controls.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/controls.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/controls.ts\nconst controls = cn(\"peer/controls\", \"@container/media-controls\", \"[--media-popover-side-offset:calc(var(--spacing)(var(--base-side-offset,0)+var(--controls-padding,1)))]\", \"[--media-tooltip-side-offset:var(--media-popover-side-offset)]\", \"[--media-popover-boundary-offset:calc(var(--spacing)(var(--base-boundary-offset,0)+var(--controls-padding,1)))]\", \"[--media-tooltip-boundary-offset:var(--media-popover-boundary-offset)]\", \"[padding:calc(var(--spacing)*var(--controls-padding,1))] flex items-center\", \"bg-(--controls-background-color)\", \"[backdrop-filter:var(--controls-backdrop-filter)]\", \"text-shadow-2xs text-shadow-(color:--shadow-current-color)\");\n//#endregion\nexport { controls };\n\n//# sourceMappingURL=controls.js.map"],"mappings":";;AAEA,MAAM,WAAW,GAAG,iBAAiB,6BAA6B,4GAA4G,kEAAkE,oHAAoH,0EAA0E,8EAA8E,oCAAoC,qDAAqD,4DAA4D"}

package/dist/default/skins/dist/default/minimal/tailwind/components/error.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/error.js
 const error = {
 	root: "peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none",
-	dialog: cn("flex flex-col gap-3 max-w-64 p-4 text-white", "text-shadow-2xs text-shadow-black/50", "transition-[opacity,scale,transform]", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "ease-(--media-error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50", "group-data-ending-style/error:delay-0"),
+	dialog: cn("flex flex-col gap-3 max-w-64 p-4 text-white", "text-shadow-2xs text-shadow-black/50", "transition-[opacity,scale,transform]", "duration-(--error-dialog-transition-duration)", "delay-(--error-dialog-transition-delay)", "ease-(--error-dialog-transition-timing-function)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-95", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-95", "motion-reduce:scale-100 motion-reduce:transition-opacity", "group-data-ending-style/error:delay-0"),
 	content: "flex flex-col gap-2 py-1.5",
 	title: "font-semibold leading-tight",
 	description: "opacity-70 wrap-anywhere",

package/dist/default/skins/dist/default/minimal/tailwind/components/error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-64 p-4 text-white\", \"text-shadow-2xs text-shadow-black/50\", \"transition-[opacity,scale,transform]\", \"duration-(--~~media-~~error-dialog-transition-duration)\", \"delay-(--~~media-~~error-dialog-transition-delay)\", \"ease-(--~~media-~~error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-50\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-50\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 py-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { error };\n\n//# sourceMappingURL=error.js.map"],"mappings":";;AAEA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,+CAA+C,wCAAwC,wCAAwC,~~uDAAuD,~~iDAAiD,~~0DAA0D~~,sFAAsF,kFAAkF,~~wCAAwC~~;~~CAC5f~~,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;~~CACT~~"}
1	+ {"version":3,"file":"error.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/error.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/error.ts\nconst error = {\n\troot: \"peer/error group/error hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tdialog: cn(\"flex flex-col gap-3 max-w-64 p-4 text-white\", \"text-shadow-2xs text-shadow-black/50\", \"transition-[opacity,scale,transform]\", \"duration-(--error-dialog-transition-duration)\", \"delay-(--error-dialog-transition-delay)\", \"ease-(--error-dialog-transition-timing-function)\", \"group-data-starting-style/error:opacity-0 group-data-starting-style/error:scale-95\", \"group-data-ending-style/error:opacity-0 group-data-ending-style/error:scale-95\", \"motion-reduce:scale-100 motion-reduce:transition-opacity\", \"group-data-ending-style/error:delay-0\"),\n\tcontent: \"flex flex-col gap-2 py-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { error };\n\n//# sourceMappingURL=error.js.map"],"mappings":";;AAEA,MAAM,QAAQ;CACb,MAAM;CACN,QAAQ,GAAG,+CAA+C,wCAAwC,wCAAwC,iDAAiD,2CAA2C,oDAAoD,sFAAsF,kFAAkF,4DAA4D,uCAAuC;CACriB,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;AACV"}

package/dist/default/skins/dist/default/minimal/tailwind/components/icon.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/icon.js
-const icon = cn("block [grid-area:1/1] size-(--media-icon-size)", "drop-shadow-[0_1px_0_var(--media-current-shadow-color)]", "transition-discrete transition-[display,opacity] duration-150 ease-out");
+const icon = cn("block [grid-area:1/1] size-(--media-icon-size)", "drop-shadow-[0_1px_0_var(--shadow-current-color)]", "transition-[opacity,scale] duration-150 ease-out");
 const iconFlipped = "[scale:-1_1]";
 const iconContainer = "relative grid";
 //#endregion

package/dist/default/skins/dist/default/minimal/tailwind/components/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/icon.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/icon.ts\nconst icon = cn(\"block [grid-area:1/1] size-(--media-icon-size)\", \"drop-shadow-[0_1px_0_var(--~~media~~-current-~~shadow-~~color)]\", \"transition-~~discrete transition-~~[~~display~~,~~opacity~~] duration-150 ease-out\");\nconst iconHidden = \"hidden opacity-0\";\nconst iconFlipped = \"[scale:-1_1]\";\nconst iconContainer = \"relative grid\";\n//#endregion\nexport { icon, iconContainer, iconFlipped, iconHidden };\n\n//# sourceMappingURL=icon.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,kDAAkD,~~2DAA2D~~,~~yEAAyE~~;~~AAEtM~~,MAAM,cAAc;AACpB,MAAM,gBAAgB"}
1	+ {"version":3,"file":"icon.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/icon.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/icon.ts\nconst icon = cn(\"block [grid-area:1/1] size-(--media-icon-size)\", \"drop-shadow-[0_1px_0_var(--shadow-current-color)]\", \"transition-[opacity,scale] duration-150 ease-out\");\nconst iconHidden = \"hidden opacity-0\";\nconst iconFlipped = \"[scale:-1_1]\";\nconst iconContainer = \"relative grid\";\n//#endregion\nexport { icon, iconContainer, iconFlipped, iconHidden };\n\n//# sourceMappingURL=icon.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,kDAAkD,qDAAqD,kDAAkD;AAEzK,MAAM,cAAc;AACpB,MAAM,gBAAgB"}

package/dist/default/skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js
+const inputIndicatorOverlay = cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center overflow-hidden", "rounded-[inherit]", "text-white");
+//#endregion
+export { inputIndicatorOverlay };
+//# sourceMappingURL=input-indicator-overlay.js.map

package/dist/default/skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input-indicator-overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-indicator-overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-indicator-overlay.ts\nconst inputIndicatorOverlay = cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center overflow-hidden\", \"rounded-[inherit]\", \"text-white\");\n//#endregion\nexport { inputIndicatorOverlay };\n\n//# sourceMappingURL=input-indicator-overlay.js.map"],"mappings":";;AAEA,MAAM,wBAAwB,GAAG,wCAAwC,sEAAsE,qBAAqB,YAAY"}

package/dist/default/skins/dist/default/minimal/tailwind/components/input-indicator.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/input-indicator.js
+const topIndicatorRoot = 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:--shadow-current-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");
+const topIndicatorContent = cn("flex justify-between items-center gap-2 px-2.5 py-1", "*:last:ml-auto", "[@media(prefers-reduced-transparency:reduce)]:bg-(--controls-background-color)", "[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]", "contrast-more:bg-(--controls-background-color) contrast-more:rounded-[--spacing(2)]");
+const topIndicatorIcon = cn("hidden shrink-0", "drop-shadow-[0_1px_0_var(--shadow-current-color)]");
+const centeredIndicatorRoot = cn("group/input-indicator", "col-start-2 row-start-1", "grid place-content-center text-center p-4");
+//#endregion
+export { centeredIndicatorRoot, topIndicatorContent, topIndicatorIcon, topIndicatorRoot };
+//# sourceMappingURL=input-indicator.js.map

package/dist/default/skins/dist/default/minimal/tailwind/components/input-indicator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-indicator.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-indicator.ts\nconst topIndicatorRoot = 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:--shadow-current-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\");\nconst topIndicatorContent = cn(\"flex justify-between items-center gap-2 px-2.5 py-1\", \"*:last:ml-auto\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--controls-background-color)\", \"[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]\", \"contrast-more:bg-(--controls-background-color) contrast-more:rounded-[--spacing(2)]\");\nconst topIndicatorIcon = cn(\"hidden shrink-0\", \"drop-shadow-[0_1px_0_var(--shadow-current-color)]\");\nconst centeredIndicatorRoot = cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\");\n//#endregion\nexport { centeredIndicatorRoot, topIndicatorContent, topIndicatorIcon, topIndicatorRoot };\n\n//# sourceMappingURL=input-indicator.js.map"],"mappings":";;AAEA,MAAM,mBAAmB,GAAG,yBAAyB,4BAA4B,cAAc,uBAAuB,4BAA4B,kCAAkC,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,iHAAiH,8DAA8D,uDAAuD,sDAAsD,kDAAkD,iDAAiD,wDAAwD,sDAAsD,iDAAiD;AAC76B,MAAM,sBAAsB,GAAG,uDAAuD,kBAAkB,kFAAkF,wEAAwE,qFAAqF;AACvV,MAAM,mBAAmB,GAAG,mBAAmB,mDAAmD;AAClG,MAAM,wBAAwB,GAAG,yBAAyB,2BAA2B,2CAA2C"}