npm - @videojs/react - Versions diffs - 10.0.0-beta.31 → 10.0.0-beta.32 - Mend

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

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 (1552) hide show

package/dist/dev/skins/dist/default/default/tailwind/components/slider.js CHANGED Viewed

@@ -1,28 +1,28 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/slider.js
-const previewContent = cn("absolute left-1/2 max-w-(--max-size)", "-translate-x-1/2 translate-y-2 scale-80 opacity-0 blur-lg origin-bottom", "transition-[filter,opacity,scale] duration-150 ease-out", "group-data-pointing/slider:scale-100 group-data-pointing/slider:opacity-100", "group-data-pointing/slider:blur-none", "group-has-focus-visible/slider:scale-100 group-has-focus-visible/slider:opacity-100", "group-has-focus-visible/slider:blur-none");
+const previewContent = cn("absolute left-1/2 max-w-(--media-max-size)", "-translate-x-1/2 translate-y-2 scale-80 opacity-0 blur-lg origin-bottom", "transition-[filter,opacity,scale] duration-150 ease-out", "group-data-pointing/slider:scale-100 group-data-pointing/slider:opacity-100", "group-data-pointing/slider:blur-none", "group-has-focus-visible/slider:scale-100 group-has-focus-visible/slider:opacity-100", "group-has-focus-visible/slider:blur-none");
 const slider = {
-	root: cn("group/slider relative flex flex-1 items-center justify-center rounded-(--track-border-radius) outline-none cursor-pointer", "[--track-border-radius:99px]", "[--chapter-gap:calc(var(--spacing)*1)] [--chapter-inset-start:calc(var(--chapter-gap)/2)] [--chapter-inset-end:calc(var(--chapter-gap)/2)]", "data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-(--slider-width,100%) data-[orientation=horizontal]:h-(--slider-height,--spacing(8))", "data-[orientation=vertical]:w-(--slider-width,--spacing(8)) data-[orientation=vertical]:h-(--slider-height,--spacing(20))"),
-	track: cn("relative isolate overflow-hidden bg-current/20 rounded-(--track-border-radius) select-none", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1", "data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full"),
+	root: cn("group/slider relative flex flex-1 items-center justify-center rounded-(--media-track-border-radius) outline-none cursor-pointer", "[--media-track-border-radius:99px]", "[--media-track-transition-duration:100ms]", "[--media-chapter-gap:calc(var(--media-spacing)*1)] [--media-internal-chapter-inset-start:calc(var(--media-chapter-gap)/2)] [--media-internal-chapter-inset-end:calc(var(--media-chapter-gap)/2)]", "data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-(--media-slider-width,100%) data-[orientation=horizontal]:h-(--media-slider-height,--spacing(8))", "data-[orientation=vertical]:w-(--media-slider-width,--spacing(8)) data-[orientation=vertical]:h-(--media-slider-height,--spacing(20))"),
+	track: cn("relative isolate overflow-hidden bg-current/20 rounded-(--media-track-border-radius) select-none", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1", "data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full"),
 	chapters: cn("relative flex flex-1 items-center min-w-0 min-h-0 size-full rounded-[inherit]"),
 	chapter: {
-		base: cn("group/chapter absolute inset-0 flex items-center justify-center min-w-0 min-h-0", "first:[--chapter-inset-start:0px] last:[--chapter-inset-end:0px]", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start))]", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start)_0)]"),
-		track: cn("relative isolate overflow-hidden bg-current/20 rounded-(--track-border-radius) select-none", "motion-safe:transition-[height,width] motion-safe:duration-200 motion-safe:ease-out", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1", "group-data-highlighted/chapter:data-[orientation=horizontal]:h-1.75", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-inset-start))_round_var(--track-border-radius))]", "data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full", "group-data-highlighted/chapter:data-[orientation=vertical]:w-1.75", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-inset-start))_0_round_var(--track-border-radius))]")
+		base: cn("group/chapter absolute inset-0 flex items-center justify-center min-w-0 min-h-0", "first:[--media-internal-chapter-inset-start:0px] last:[--media-internal-chapter-inset-end:0px]", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start))]", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start)_0)]"),
+		track: cn("relative isolate overflow-hidden bg-current/20 rounded-(--media-track-border-radius) select-none", "motion-safe:transition-[height,width] motion-safe:duration-200 motion-safe:ease-out", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1", "group-data-highlighted/chapter:data-[orientation=horizontal]:h-1.75", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--media-internal-chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--media-internal-chapter-inset-start))_round_var(--media-track-border-radius))]", "data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full", "group-data-highlighted/chapter:data-[orientation=vertical]:w-1.75", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--media-internal-chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--media-internal-chapter-inset-start))_0_round_var(--media-track-border-radius))]")
 	},
 	fill: {
-		base: cn("absolute rounded-[inherit] pointer-events-none", "motion-safe:transition-[clip-path] motion-safe:duration-200 motion-safe:ease-out", "data-dragging:duration-0 data-seeking:duration-0"),
-		fill: cn("bg-(--accent-color)", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-fill))_0_0_round_var(--track-border-radius))]", "group-data-dragging/slider:data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-pointer))_0_0_round_var(--track-border-radius))]", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-fill))_0_0_0_round_var(--track-border-radius))]", "group-data-dragging/slider:data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-pointer))_0_0_0_round_var(--track-border-radius))]"),
-		buffer: cn("bg-current/20", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-buffer))_0_0_round_var(--track-border-radius))]", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-buffer))_0_0_0_round_var(--track-border-radius))]")
+		base: cn("absolute rounded-[inherit] pointer-events-none", "motion-safe:transition-[clip-path] motion-safe:duration-(--media-track-transition-duration) motion-safe:ease-out", "group-data-dragging/slider:duration-0"),
+		fill: cn("bg-(--media-internal-accent-color)", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-fill))_0_0_round_var(--media-track-border-radius))]", "group-data-dragging/slider:data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-pointer))_0_0_round_var(--media-track-border-radius))]", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-fill))_0_0_0_round_var(--media-track-border-radius))]", "group-data-dragging/slider:data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-pointer))_0_0_0_round_var(--media-track-border-radius))]"),
+		buffer: cn("bg-current/20", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-buffer))_0_0_round_var(--media-track-border-radius))]", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-buffer))_0_0_0_round_var(--media-track-border-radius))]")
 	},
 	thumb: {
-		base: cn("z-10 absolute size-2.5 -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "opacity-0 scale-80", "shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.35),0_1px_2px_-1px_oklch(0_0_0/0.35)]", "transition-none motion-safe:transition-[opacity,height,width,outline-offset,left,top,scale] duration-150 ease-out select-none", "data-dragging:duration-0 data-seeking:duration-0", "group-active/slider:size-3", "outline-4 outline-transparent -outline-offset-4", "hover:outline-current/15 hover:outline-offset-0", "focus-visible:outline-current/15 focus-visible:outline-offset-0", "after:absolute after:-inset-1 after:rounded-[inherit]", "after:shadow-[0_0_0_2px_currentColor] after:pointer-events-none", "after:transition-[opacity,scale] after:duration-150 after:ease-out", "after:opacity-0 after:scale-50", "focus-visible:after:opacity-100 focus-visible:after:scale-100", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)", "group-data-dragging/slider:data-[orientation=horizontal]:left-(--media-slider-pointer)", "data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]", "group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]"),
+		base: cn("z-10 absolute size-2.5 -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "opacity-0 scale-80", "shadow-[0_0_0_1px_var(--media-shadow-current-color,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.35),0_1px_2px_-1px_oklch(0_0_0/0.35)]", "transition-none motion-safe:transition-[opacity,height,width,outline-offset,left,top,scale] duration-(--media-track-transition-duration) ease-out select-none", "group-data-dragging/slider:transition-[opacity,outline-offset,scale]", "group-active/slider:size-3", "outline-4 outline-transparent -outline-offset-4", "hover:outline-current/15 hover:outline-offset-0", "focus-visible:outline-current/15 focus-visible:outline-offset-0", "after:absolute after:-inset-1 after:rounded-[inherit]", "after:shadow-[0_0_0_2px_currentColor] after:pointer-events-none", "after:transition-[opacity,scale] after:duration-150 after:ease-out", "after:opacity-0 after:scale-50", "focus-visible:after:opacity-100 focus-visible:after:scale-100", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)", "group-data-dragging/slider:data-[orientation=horizontal]:left-(--media-slider-pointer)", "data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]", "group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]"),
 		persistent: "opacity-100 scale-100",
 		interactive: cn("focus-visible:opacity-100", "pointer-fine:group-hover/slider:opacity-100 pointer-fine:group-hover/slider:scale-100")
 	},
-	preview: cn("[--max-size-factor:36]", "[--max-size:min(calc(var(--spacing)*var(--max-size-factor)),100cqi)]", "@2xl/media-root:[--max-size-factor:48]", "min-w-(--max-size) h-1", "before:absolute before:z-1 before:top-1/2 before:left-1/2 before:size-1 before:bg-current before:rounded-full before:pointer-events-none", "before:shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]", "before:-translate-1/2 before:opacity-0 before:scale-50", "before:transition-[opacity,scale] before:duration-200 before:ease-out", "data-pointing:not-data-dragging:before:opacity-100 data-pointing:not-data-dragging:before:scale-100"),
-	thumbnail: cn(previewContent, "[--thumbnail-max-width:var(--max-size)] [--thumbnail-max-height:var(--max-size)]", "[bottom:calc(100%+--spacing(9))]"),
-	value: cn(previewContent, "[bottom:calc(100%+--spacing(10.5))] flex flex-col items-center tabular-nums", "text-shadow-2xs text-shadow-(color:--shadow-current-color)"),
-	chapterTitle: "min-w-0 max-w-(--max-size) px-6 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden"
+	preview: cn("[--media-max-size-factor:36]", "[--media-max-size:min(calc(var(--media-spacing)*var(--media-max-size-factor)),100cqi)]", "@2xl/media-root:[--media-max-size-factor:48]", "min-w-(--media-max-size) h-1", "before:absolute before:z-1 before:top-1/2 before:left-1/2 before:size-1 before:bg-current before:rounded-full before:pointer-events-none", "before:shadow-[0_0_0_1px_var(--media-shadow-current-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]", "before:-translate-1/2 before:opacity-0 before:scale-50", "before:transition-[opacity,scale] before:duration-200 before:ease-out", "data-pointing:not-data-dragging:before:opacity-100 data-pointing:not-data-dragging:before:scale-100"),
+	thumbnail: cn(previewContent, "[--media-thumbnail-max-width:var(--media-max-size)] [--media-thumbnail-max-height:var(--media-max-size)]", "[bottom:calc(100%+--spacing(9))]"),
+	value: cn(previewContent, "[bottom:calc(100%+--spacing(10.5))] flex flex-col items-center tabular-nums"),
+	chapterTitle: "min-w-0 max-w-(--media-max-size) px-6 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden"
 };
 //#endregion
 export { slider };

package/dist/dev/skins/dist/default/default/tailwind/components/slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/slider.ts\nconst previewContent = cn(\"absolute left-1/2 max-w-(--max-size)\", \"-translate-x-1/2 translate-y-2 scale-80 opacity-0 blur-lg origin-bottom\", \"transition-[filter,opacity,scale] duration-150 ease-out\", \"group-data-pointing/slider:scale-100 group-data-pointing/slider:opacity-100\", \"group-data-pointing/slider:blur-none\", \"group-has-focus-visible/slider:scale-100 group-has-focus-visible/slider:opacity-100\", \"group-has-focus-visible/slider:blur-none\");\nconst slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-(--track-border-radius) outline-none cursor-pointer\", \"[--track-border-radius:99px]\", \"[--chapter-gap:calc(var(--spacing)1)] [--chapter-inset-start:calc(var(--chapter-gap)/2)] [--chapter-inset-end:calc(var(--chapter-gap)/2)]\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-(--slider-width,100%) data-[orientation=horizontal]:h-(--slider-height,--spacing(8))\", \"data-[orientation=vertical]:w-(--slider-width,--spacing(8)) data-[orientation=vertical]:h-(--slider-height,--spacing(20))\"),\n\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-(--track-border-radius) select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\"),\n\tchapters: cn(\"relative flex flex-1 items-center min-w-0 min-h-0 size-full rounded-[inherit]\"),\n\tchapter: {\n\t\tbase: cn(\"group/chapter absolute inset-0 flex items-center justify-center min-w-0 min-h-0\", \"first:[--chapter-inset-start:0px] last:[--chapter-inset-end:0px]\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start))]\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start)_0)]\"),\n\t\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-(--track-border-radius) select-none\", \"motion-safe:transition-[height,width] motion-safe:duration-200 motion-safe:ease-out\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"group-data-highlighted/chapter:data-[orientation=horizontal]:h-1.75\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-inset-start))_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\", \"group-data-highlighted/chapter:data-[orientation=vertical]:w-1.75\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-inset-start))_0_round_var(--track-border-radius))]\")\n\t},\n\tfill: {\n\t\tbase: cn(\"absolute rounded-[inherit] pointer-events-none\", \"motion-safe:transition-[clip-path] motion-safe:duration-~~200~~ motion-safe:ease-out\", \"data-dragging:duration-0 ~~data-seeking:duration-0~~\"),\n\t\tfill: cn(\"bg-(--accent-color)\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-fill))_0_0_round_var(--track-border-radius))]\", \"group-data-dragging/slider:data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-pointer))_0_0_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-fill))_0_0_0_round_var(--track-border-radius))]\", \"group-data-dragging/slider:data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-pointer))_0_0_0_round_var(--track-border-radius))]\"),\n\t\tbuffer: cn(\"bg-current/20\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-buffer))_0_0_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-buffer))_0_0_0_round_var(--track-border-radius))]\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute size-2.5 -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"opacity-0 scale-80\", \"shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.35),0_1px_2px_-1px_oklch(0_0_0/0.35)]\", \"transition-none motion-safe:transition-[opacity,height,width,outline-offset,left,top,scale] duration-~~150~~ ease-out select-none\", \"data-dragging:~~duration~~-~~0 data~~-~~seeking:duration-0~~\", \"group-active/slider:size-3\", \"outline-4 outline-transparent -outline-offset-4\", \"hover:outline-current/15 hover:outline-offset-0\", \"focus-visible:outline-current/15 focus-visible:outline-offset-0\", \"after:absolute after:-inset-1 after:rounded-[inherit]\", \"after:shadow-[0_0_0_2px_currentColor] after:pointer-events-none\", \"after:transition-[opacity,scale] after:duration-150 after:ease-out\", \"after:opacity-0 after:scale-50\", \"focus-visible:after:opacity-100 focus-visible:after:scale-100\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=horizontal]:left-(--media-slider-pointer)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]\", \"group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]\"),\n\t\tpersistent: \"opacity-100 scale-100\",\n\t\tinteractive: cn(\"focus-visible:opacity-100\", \"pointer-fine:group-hover/slider:opacity-100 pointer-fine:group-hover/slider:scale-100\")\n\t},\n\tpreview: cn(\"[--max-size-factor:36]\", \"[--max-size:min(calc(var(--spacing)var(--max-size-factor)),100cqi)]\", \"@2xl/media-root:[--max-size-factor:48]\", \"min-w-(--max-size) h-1\", \"before:absolute before:z-1 before:top-1/2 before:left-1/2 before:size-1 before:bg-current before:rounded-full before:pointer-events-none\", \"before:shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]\", \"before:-translate-1/2 before:opacity-0 before:scale-50\", \"before:transition-[opacity,scale] before:duration-200 before:ease-out\", \"data-pointing:not-data-dragging:before:opacity-100 data-pointing:not-data-dragging:before:scale-100\"),\n\tthumbnail: cn(previewContent, \"[--thumbnail-max-width:var(--max-size)] [--thumbnail-max-height:var(--max-size)]\", \"[bottom:calc(100%+--spacing(9))]\"),\n\tvalue: cn(previewContent, \"[bottom:calc(100%+--spacing(10.5))] flex flex-col items-center tabular-nums\"~~, \"text-shadow-2xs text-shadow-(color:--shadow-current-color~~)~~\")~~,\n\tchapterTitle: \"min-w-0 max-w-(--max-size) px-6 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden\"\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,iBAAiB,GAAG,~~wCAAwC~~,2EAA2E,2DAA2D,+EAA+E,wCAAwC,uFAAuF,0CAA0C;~~AAChc~~,MAAM,SAAS;CACd,MAAM,GAAG,~~6HAA6H~~,~~gCAAgC~~,~~8IAA8I,+JAA+J~~,~~2HAA2H~~;~~CAC9kB~~,OAAO,GAAG,~~8FAA8F~~,0EAA0E,oEAAoE;~~CACtP~~,UAAU,GAAG,+EAA+E;CAC5F,SAAS;EACR,MAAM,GAAG,mFAAmF,~~oEAAoE~~,qIAAqI,iIAAiI;~~EACta~~,OAAO,GAAG,~~8FAA8F~~,uFAAuF,0EAA0E,uEAAuE,~~gOAAgO~~,sEAAsE,qEAAqE,~~4NAA4N~~;~~CACx5B~~;CACA,MAAM;EACL,MAAM,GAAG,kDAAkD,~~oFAAoF~~,~~kDAAkD~~;~~EACjM~~,MAAM,GAAG,~~uBAAuB~~,qHAAqH~~,+HAA+H~~,~~6JAA6J~~,iHAAiH,~~6HAA6H,yJAAyJ~~;~~EACxzB~~,QAAQ,GAAG,iBAAiB,qHAAqH,~~iIAAiI~~,iHAAiH,~~6HAA6H~~;~~CACjgB~~;CACA,OAAO;EACN,MAAM,GAAG,4DAA4D,2BAA2B,sBAAsB,~~kIAAkI~~,~~iIAAiI~~,~~oDAAoD~~,8BAA8B,mDAAmD,mDAAmD,mEAAmE,yDAAyD,mEAAmE,sEAAsE,kCAAkC,iEAAiE,kGAAkG,0FAA0F,8GAA8G,qGAAqG;~~EACxyC~~,YAAY;EACZ,aAAa,GAAG,6BAA6B,uFAAuF;CACrI;CACA,SAAS,GAAG,~~0BAA0B~~,~~wEAAwE~~,~~0CAA0C~~,~~0BAA0B~~,4IAA4I,~~yGAAyG,~~0DAA0D,yEAAyE,qGAAqG;~~CAC/oB~~,WAAW,GAAG,gBAAgB,~~oFAAoF~~,kCAAkC;~~CACpJ~~,OAAO,GAAG,gBAAgB~~,+EAA+E~~,~~4DAA4D~~;~~CACrK~~,cAAc;AACf"}
1	+ {"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/slider.ts\nconst previewContent = cn(\"absolute left-1/2 max-w-(--media-max-size)\", \"-translate-x-1/2 translate-y-2 scale-80 opacity-0 blur-lg origin-bottom\", \"transition-[filter,opacity,scale] duration-150 ease-out\", \"group-data-pointing/slider:scale-100 group-data-pointing/slider:opacity-100\", \"group-data-pointing/slider:blur-none\", \"group-has-focus-visible/slider:scale-100 group-has-focus-visible/slider:opacity-100\", \"group-has-focus-visible/slider:blur-none\");\nconst slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-(--media-track-border-radius) outline-none cursor-pointer\", \"[--media-track-border-radius:99px]\", \"[--media-track-transition-duration:100ms]\", \"[--media-chapter-gap:calc(var(--media-spacing)1)] [--media-internal-chapter-inset-start:calc(var(--media-chapter-gap)/2)] [--media-internal-chapter-inset-end:calc(var(--media-chapter-gap)/2)]\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-(--media-slider-width,100%) data-[orientation=horizontal]:h-(--media-slider-height,--spacing(8))\", \"data-[orientation=vertical]:w-(--media-slider-width,--spacing(8)) data-[orientation=vertical]:h-(--media-slider-height,--spacing(20))\"),\n\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-(--media-track-border-radius) select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\"),\n\tchapters: cn(\"relative flex flex-1 items-center min-w-0 min-h-0 size-full rounded-[inherit]\"),\n\tchapter: {\n\t\tbase: cn(\"group/chapter absolute inset-0 flex items-center justify-center min-w-0 min-h-0\", \"first:[--media-internal-chapter-inset-start:0px] last:[--media-internal-chapter-inset-end:0px]\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start))]\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start)_0)]\"),\n\t\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-(--media-track-border-radius) select-none\", \"motion-safe:transition-[height,width] motion-safe:duration-200 motion-safe:ease-out\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"group-data-highlighted/chapter:data-[orientation=horizontal]:h-1.75\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--media-internal-chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--media-internal-chapter-inset-start))_round_var(--media-track-border-radius))]\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\", \"group-data-highlighted/chapter:data-[orientation=vertical]:w-1.75\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--media-internal-chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--media-internal-chapter-inset-start))_0_round_var(--media-track-border-radius))]\")\n\t},\n\tfill: {\n\t\tbase: cn(\"absolute rounded-[inherit] pointer-events-none\", \"motion-safe:transition-[clip-path] motion-safe:duration-(--media-track-transition-duration) motion-safe:ease-out\", \"group-data-dragging/slider:duration-0\"),\n\t\tfill: cn(\"bg-(--media-internal-accent-color)\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-fill))_0_0_round_var(--media-track-border-radius))]\", \"group-data-dragging/slider:data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-pointer))_0_0_round_var(--media-track-border-radius))]\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-fill))_0_0_0_round_var(--media-track-border-radius))]\", \"group-data-dragging/slider:data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-pointer))_0_0_0_round_var(--media-track-border-radius))]\"),\n\t\tbuffer: cn(\"bg-current/20\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-buffer))_0_0_round_var(--media-track-border-radius))]\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-buffer))_0_0_0_round_var(--media-track-border-radius))]\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute size-2.5 -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"opacity-0 scale-80\", \"shadow-[0_0_0_1px_var(--media-shadow-current-color,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.35),0_1px_2px_-1px_oklch(0_0_0/0.35)]\", \"transition-none motion-safe:transition-[opacity,height,width,outline-offset,left,top,scale] duration-(--media-track-transition-duration) ease-out select-none\", \"group-data-dragging/slider:transition-[opacity,outline-offset,scale]\", \"group-active/slider:size-3\", \"outline-4 outline-transparent -outline-offset-4\", \"hover:outline-current/15 hover:outline-offset-0\", \"focus-visible:outline-current/15 focus-visible:outline-offset-0\", \"after:absolute after:-inset-1 after:rounded-[inherit]\", \"after:shadow-[0_0_0_2px_currentColor] after:pointer-events-none\", \"after:transition-[opacity,scale] after:duration-150 after:ease-out\", \"after:opacity-0 after:scale-50\", \"focus-visible:after:opacity-100 focus-visible:after:scale-100\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=horizontal]:left-(--media-slider-pointer)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]\", \"group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]\"),\n\t\tpersistent: \"opacity-100 scale-100\",\n\t\tinteractive: cn(\"focus-visible:opacity-100\", \"pointer-fine:group-hover/slider:opacity-100 pointer-fine:group-hover/slider:scale-100\")\n\t},\n\tpreview: cn(\"[--media-max-size-factor:36]\", \"[--media-max-size:min(calc(var(--media-spacing)var(--media-max-size-factor)),100cqi)]\", \"@2xl/media-root:[--media-max-size-factor:48]\", \"min-w-(--media-max-size) h-1\", \"before:absolute before:z-1 before:top-1/2 before:left-1/2 before:size-1 before:bg-current before:rounded-full before:pointer-events-none\", \"before:shadow-[0_0_0_1px_var(--media-shadow-current-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]\", \"before:-translate-1/2 before:opacity-0 before:scale-50\", \"before:transition-[opacity,scale] before:duration-200 before:ease-out\", \"data-pointing:not-data-dragging:before:opacity-100 data-pointing:not-data-dragging:before:scale-100\"),\n\tthumbnail: cn(previewContent, \"[--media-thumbnail-max-width:var(--media-max-size)] [--media-thumbnail-max-height:var(--media-max-size)]\", \"[bottom:calc(100%+--spacing(9))]\"),\n\tvalue: cn(previewContent, \"[bottom:calc(100%+--spacing(10.5))] flex flex-col items-center tabular-nums\"),\n\tchapterTitle: \"min-w-0 max-w-(--media-max-size) px-6 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden\"\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,iBAAiB,GAAG,8CAA8C,2EAA2E,2DAA2D,+EAA+E,wCAAwC,uFAAuF,0CAA0C;AACtc,MAAM,SAAS;CACd,MAAM,GAAG,mIAAmI,sCAAsC,6CAA6C,oMAAoM,2KAA2K,uIAAuI;CACrtB,OAAO,GAAG,oGAAoG,0EAA0E,oEAAoE;CAC5P,UAAU,GAAG,+EAA+E;CAC5F,SAAS;EACR,MAAM,GAAG,mFAAmF,kGAAkG,qIAAqI,iIAAiI;EACpc,OAAO,GAAG,oGAAoG,uFAAuF,0EAA0E,uEAAuE,oQAAoQ,sEAAsE,qEAAqE,gQAAgQ;CACt+B;CACA,MAAM;EACL,MAAM,GAAG,kDAAkD,oHAAoH,uCAAuC;EACtN,MAAM,GAAG,sCAAsC,qHAAqH,qIAAqI,mKAAmK,iHAAiH,mIAAmI,+JAA+J;EAC/1B,QAAQ,GAAG,iBAAiB,qHAAqH,uIAAuI,iHAAiH,mIAAmI;CAC7gB;CACA,OAAO;EACN,MAAM,GAAG,4DAA4D,2BAA2B,sBAAsB,wIAAwI,iKAAiK,wEAAwE,8BAA8B,mDAAmD,mDAAmD,mEAAmE,yDAAyD,mEAAmE,sEAAsE,kCAAkC,iEAAiE,kGAAkG,0FAA0F,8GAA8G,qGAAqG;EACl2C,YAAY;EACZ,aAAa,GAAG,6BAA6B,uFAAuF;CACrI;CACA,SAAS,GAAG,gCAAgC,0FAA0F,gDAAgD,gCAAgC,4IAA4I,+GAA+G,0DAA0D,yEAAyE,qGAAqG;CACzrB,WAAW,GAAG,gBAAgB,4GAA4G,kCAAkC;CAC5K,OAAO,GAAG,gBAAgB,6EAA6E;CACvG,cAAc;AACf"}

package/dist/dev/skins/dist/default/default/tailwind/components/surface.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/surface.js
-const surface = cn("bg-(--surface-background-color)", "[backdrop-filter:var(--surface-backdrop-filter)]", "[box-shadow:0_0_0_1px_var(--surface-outer-border-color),0_1px_3px_0_var(--surface-shadow-color),0_1px_2px_-1px_var(--surface-shadow-color)]", "after:absolute after:inset-0 after:[box-shadow:inset_0_1px_0_0_var(--surface-inner-border-color),inset_0_0_0_1px_oklch(from_var(--surface-inner-border-color)_l_c_h/calc(alpha*0.5))] after:rounded-[inherit] after:pointer-events-none after:z-10");
+const surface = cn("bg-(--media-surface-background-color)", "[backdrop-filter:var(--media-surface-backdrop-filter)]", "[box-shadow:0_0_0_1px_var(--media-surface-outer-border-color),0_1px_3px_0_var(--media-surface-shadow-color),0_1px_2px_-1px_var(--media-surface-shadow-color)]", "after:absolute after:inset-0 after:[box-shadow:inset_0_1px_0_0_var(--media-surface-inner-border-color),inset_0_0_0_1px_oklch(from_var(--media-surface-inner-border-color)_l_c_h/calc(alpha*0.5))] after:rounded-[inherit] after:pointer-events-none after:z-10");
 //#endregion
 export { surface };

package/dist/dev/skins/dist/default/default/tailwind/components/surface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"surface.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/surface.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/surface.ts\nconst surface = cn(\"bg-(--surface-background-color)\", \"[backdrop-filter:var(--surface-backdrop-filter)]\", \"[box-shadow:0_0_0_1px_var(--surface-outer-border-color),0_1px_3px_0_var(--surface-shadow-color),0_1px_2px_-1px_var(--surface-shadow-color)]\", \"after:absolute after:inset-0 after:[box-shadow:inset_0_1px_0_0_var(--surface-inner-border-color),inset_0_0_0_1px_oklch(from_var(--surface-inner-border-color)_l_c_h/calc(alpha*0.5))] after:rounded-[inherit] after:pointer-events-none after:z-10\");\n//#endregion\nexport { surface };\n\n//# sourceMappingURL=surface.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,~~mCAAmC~~,~~oDAAoD,+IAA+I~~,~~oPAAoP~~"}
1	+ {"version":3,"file":"surface.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/surface.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/surface.ts\nconst surface = cn(\"bg-(--media-surface-background-color)\", \"[backdrop-filter:var(--media-surface-backdrop-filter)]\", \"[box-shadow:0_0_0_1px_var(--media-surface-outer-border-color),0_1px_3px_0_var(--media-surface-shadow-color),0_1px_2px_-1px_var(--media-surface-shadow-color)]\", \"after:absolute after:inset-0 after:[box-shadow:inset_0_1px_0_0_var(--media-surface-inner-border-color),inset_0_0_0_1px_oklch(from_var(--media-surface-inner-border-color)_l_c_h/calc(alpha*0.5))] after:rounded-[inherit] after:pointer-events-none after:z-10\");\n//#endregion\nexport { surface };\n\n//# sourceMappingURL=surface.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,yCAAyC,0DAA0D,iKAAiK,gQAAgQ"}

package/dist/dev/skins/dist/default/default/tailwind/components/thumbnail.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/thumbnail.js
 const thumbnail = {
-	root: cn("group/thumbnail pointer-events-none bg-black/90 rounded-[--spacing(3)]", "has-data-loading:w-(--thumbnail-max-width) has-data-loading:max-w-full", "has-data-loading:aspect-video has-data-loading:overflow-hidden"),
-	image: cn("relative block max-w-(--thumbnail-max-width) max-h-(--thumbnail-max-height) overflow-clip rounded-[inherit]", "transition-opacity duration-150 ease-out", "after:absolute after:inset-0 after:rounded-[inherit]", "after:bg-linear-to-t after:from-black/50 after:via-black/10 after:to-black/0", "data-loading:opacity-0"),
+	root: cn("group/thumbnail pointer-events-none bg-black/90 rounded-[--spacing(3)]", "has-data-loading:w-(--media-thumbnail-max-width) has-data-loading:max-w-full", "has-data-loading:aspect-video has-data-loading:overflow-hidden"),
+	image: cn("relative block max-w-(--media-thumbnail-max-width) max-h-(--media-thumbnail-max-height) overflow-clip rounded-[inherit]", "transition-opacity duration-150 ease-out", "after:absolute after:inset-0 after:rounded-[inherit]", "after:bg-linear-to-t after:from-black/50 after:via-black/10 after:to-black/0", "data-loading:opacity-0"),
 	spinner: cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0", "transition-opacity duration-150 ease-out", "group-not-has-[[role=img][data-loading]]/thumbnail:[--media-spinner-animation:none] motion-reduce:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/thumbnail:opacity-100")
 };
 //#endregion

package/dist/dev/skins/dist/default/default/tailwind/components/thumbnail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thumbnail.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/thumbnail.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/thumbnail.ts\nconst thumbnail = {\n\troot: cn(\"group/thumbnail pointer-events-none bg-black/90 rounded-[--spacing(3)]\", \"has-data-loading:w-(--thumbnail-max-width) has-data-loading:max-w-full\", \"has-data-loading:aspect-video has-data-loading:overflow-hidden\"),\n\timage: cn(\"relative block max-w-(--thumbnail-max-width) max-h-(--thumbnail-max-height) overflow-clip rounded-[inherit]\", \"transition-opacity duration-150 ease-out\", \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:bg-linear-to-t after:from-black/50 after:via-black/10 after:to-black/0\", \"data-loading:opacity-0\"),\n\tspinner: cn(\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0\", \"transition-opacity duration-150 ease-out\", \"group-not-has-[[role=img][data-loading]]/thumbnail:[--media-spinner-animation:none] motion-reduce:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/thumbnail:opacity-100\")\n};\n//#endregion\nexport { thumbnail };\n\n//# sourceMappingURL=thumbnail.js.map"],"mappings":";;AAEA,MAAM,YAAY;CACjB,MAAM,GAAG,0EAA0E,~~0EAA0E~~,gEAAgE;~~CAC7N~~,OAAO,GAAG~~,+GAA+G~~,4CAA4C,wDAAwD,gFAAgF,wBAAwB;~~CACrU~~,SAAS,GAAG,yEAAyE,4CAA4C,+LAA+L;AACjU"}
1	+ {"version":3,"file":"thumbnail.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/thumbnail.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/thumbnail.ts\nconst thumbnail = {\n\troot: cn(\"group/thumbnail pointer-events-none bg-black/90 rounded-[--spacing(3)]\", \"has-data-loading:w-(--media-thumbnail-max-width) has-data-loading:max-w-full\", \"has-data-loading:aspect-video has-data-loading:overflow-hidden\"),\n\timage: cn(\"relative block max-w-(--media-thumbnail-max-width) max-h-(--media-thumbnail-max-height) overflow-clip rounded-[inherit]\", \"transition-opacity duration-150 ease-out\", \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:bg-linear-to-t after:from-black/50 after:via-black/10 after:to-black/0\", \"data-loading:opacity-0\"),\n\tspinner: cn(\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0\", \"transition-opacity duration-150 ease-out\", \"group-not-has-[[role=img][data-loading]]/thumbnail:[--media-spinner-animation:none] motion-reduce:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/thumbnail:opacity-100\")\n};\n//#endregion\nexport { thumbnail };\n\n//# sourceMappingURL=thumbnail.js.map"],"mappings":";;AAEA,MAAM,YAAY;CACjB,MAAM,GAAG,0EAA0E,gFAAgF,gEAAgE;CACnO,OAAO,GAAG,2HAA2H,4CAA4C,wDAAwD,gFAAgF,wBAAwB;CACjV,SAAS,GAAG,yEAAyE,4CAA4C,+LAA+L;AACjU"}

package/dist/dev/skins/dist/default/default/tailwind/components/time.js CHANGED Viewed

@@ -2,7 +2,7 @@
 const time = {
 	group: "@container/media-time flex items-center flex-1 gap-2.5 [&:dir(rtl)]:flex-row-reverse @max-[16rem]/media-time:[&>*:last-child]:hidden",
 	current: "tabular-nums",
-	duration: "tabular-nums cursor-pointer rounded-[--spacing(1)] outline-2 outline-transparent -outline-offset-2 transition-[outline-color,outline-offset] duration-100 ease-out focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2"
+	duration: "tabular-nums cursor-pointer rounded-[--spacing(1)] outline-2 outline-transparent -outline-offset-2 transition-[outline-color,outline-offset] duration-100 ease-out focus-visible:outline-(--media-focus-ring-color) focus-visible:outline-offset-2"
 };
 //#endregion
 export { time };

package/dist/dev/skins/dist/default/default/tailwind/components/time.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/time.js"],"sourcesContent":["//#region src/default/tailwind/components/time.ts\nconst time = {\n\tgroup: \"@container/media-time flex items-center flex-1 gap-2.5 [&:dir(rtl)]:flex-row-reverse @max-[16rem]/media-time:[&>*:last-child]:hidden\",\n\tcurrent: \"tabular-nums\",\n\tduration: \"tabular-nums cursor-pointer rounded-[--spacing(1)] outline-2 outline-transparent -outline-offset-2 transition-[outline-color,outline-offset] duration-100 ease-out focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2\"\n};\n//#endregion\nexport { time };\n\n//# sourceMappingURL=time.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,OAAO;CACP,SAAS;CACT,UAAU;AACX"}
1	+ {"version":3,"file":"time.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/time.js"],"sourcesContent":["//#region src/default/tailwind/components/time.ts\nconst time = {\n\tgroup: \"@container/media-time flex items-center flex-1 gap-2.5 [&:dir(rtl)]:flex-row-reverse @max-[16rem]/media-time:[&>*:last-child]:hidden\",\n\tcurrent: \"tabular-nums\",\n\tduration: \"tabular-nums cursor-pointer rounded-[--spacing(1)] outline-2 outline-transparent -outline-offset-2 transition-[outline-color,outline-offset] duration-100 ease-out focus-visible:outline-(--media-focus-ring-color) focus-visible:outline-offset-2\"\n};\n//#endregion\nexport { time };\n\n//# sourceMappingURL=time.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,OAAO;CACP,SAAS;CACT,UAAU;AACX"}

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

@@ -1,7 +1,7 @@
 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 { dialog as dialog$1 } from "./components/dialog.js";
 import { popup as popup$1 } from "./components/popup.js";
 import { slider as slider$1 } from "./components/slider.js";
 import { surface } from "./components/surface.js";
@@ -14,19 +14,19 @@ 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 { inputIndicator } from "./components/input-indicator.js";
 import { statusIndicator as statusIndicator$1 } from "./components/status-indicator.js";
 import { thumbnail as thumbnail$1 } from "./components/thumbnail.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 { controlsBackdrop } from "./components/controls-backdrop.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 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,
+const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overflow-clip", "[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:bg-black/35", "[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:opacity-100", "[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:backdrop-blur-sm", "[&:has(.media-error[data-open])_.media-controls]:hidden!", "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:--media-border-color)", {
+	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-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
-}, "[--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))]", "**:[--focus-ring-color: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 ? [
+}, "[--media-default-accent-color:oklch(1_0_0)]", "[--media-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]", "[--media-focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "**:[--media-focus-ring-color:oklch(1_0_0)]", "[--media-container-border-radius:var(--media-border-radius,1.75rem)]", "[--media-video-border-radius:var(--media-container-border-radius)]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-dialog-transition-duration:350ms]", "[--media-dialog-transition-delay:100ms]", "[--media-dialog-transition-timing-function:ease-out]", "[--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.1)]", "[--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)]", "min-[1280px]:[&:fullscreen]:[--media-scale:1.25]", "min-[1536px]:[&:fullscreen]:[--media-scale:1.5]", "min-[1920px]:[&:fullscreen]:[--media-scale:1.75]", "motion-reduce:[--media-dialog-transition-duration:50ms]", "motion-reduce:[--media-dialog-transition-delay:0ms]", "motion-reduce:[--media-dialog-transition-timing-function:ease-out]", "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-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:300ms]", "pointer-coarse:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:--spacing(-2)]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[.media-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",
@@ -35,13 +35,13 @@ const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overf
 	"[&_video::-webkit-media-text-track-container]:scale-98",
 	"[&_video::-webkit-media-text-track-container]:z-1",
 	"[&_video::-webkit-media-text-track-container]:font-[inherit]"
-] : [], "[&:fullscreen]:[--container-border-radius:0]", {
+] : [], "[&:fullscreen]:[--media-container-border-radius:0]", {
 	"[&:fullscreen_video]:object-contain": !isShadowDOM,
 	"[&:fullscreen_::slotted(video)]:object-contain": isShadowDOM
 });
-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:transition-[filter,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 controlsBase = cn(controls$1, surface, "text-white z-10", "ease-(--media-controls-transition-timing-function)", "duration-[calc(var(--media-controls-transition-duration)/2)]", "pointer-fine:transition-[filter,opacity,scale,translate]", "pointer-coarse:transition-[opacity,scale,translate]", "@2xl/media-root:[--media-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-(--media-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-(--media-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, "z-20 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;
@@ -57,7 +57,8 @@ const thumbnail = {
 };
 const slider = {
 	...slider$1,
-	track: cn(slider$1.track, "bg-white/20")
+	track: cn(slider$1.track, "bg-white/20"),
+	value: cn(slider$1.value, "text-shadow-2xs text-shadow-(color:--media-shadow-current-color)")
 };
 const popup = {
 	...popup$1,
@@ -70,11 +71,11 @@ const menu = {
 	settings: menu$1.settings
 };
 const bufferingIndicator = bufferingIndicator$1;
-const error = {
-	...error$1,
-	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-(length:--font-size-medium)")
+const dialog = {
+	...dialog$1,
+	popup: cn(dialog$1.popup, surface, "w-full text-shadow-2xs text-shadow-black/25"),
+	content: cn(dialog$1.content, "text-shadow-inherit"),
+	title: cn(dialog$1.title, "text-(length:--media-font-size-medium)")
 };
 const volumeIndicator = {
 	...volumeIndicator$1,
@@ -85,6 +86,6 @@ const statusIndicator = {
 	root: cn(statusIndicator$1.root, surface)
 };
 //#endregion
-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 };
+export { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, controlsBackdrop, dialog, icon, iconFlipped, iconState, inputIndicator, menu, popup, poster, primaryControls, secondaryControls, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };
 //# sourceMappingURL=video.tailwind.js.map

package/dist/dev/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 { 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))]\", \"**:[--focus-ring-color: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] : [], \"[&: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:transition-[filter,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, \"z-20 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-2 @lg/media-root: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,wCAAwC,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;CAC7vE;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,4DAA4D,uDAAuD,4CAA4C;AACzW,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,yCAAyC,oFAAoF;AACvK,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,0BAA0B;AACnD;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"}
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 { dialog as dialog$1 } from \"./components/dialog.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 { inputIndicator } from \"./components/input-indicator.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 { controlsBackdrop } from \"./components/controls-backdrop.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\", \"[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:bg-black/35\", \"[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:opacity-100\", \"[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:backdrop-blur-sm\", \"[&:has(.media-error[data-open])_.media-controls]:hidden!\", \"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:--media-border-color)\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-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}, \"[--media-default-accent-color:oklch(1_0_0)]\", \"[--media-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]\", \"[--media-focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"**:[--media-focus-ring-color:oklch(1_0_0)]\", \"[--media-container-border-radius:var(--media-border-radius,1.75rem)]\", \"[--media-video-border-radius:var(--media-container-border-radius)]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-dialog-transition-duration:350ms]\", \"[--media-dialog-transition-delay:100ms]\", \"[--media-dialog-transition-timing-function:ease-out]\", \"[--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.1)]\", \"[--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)]\", \"min-[1280px]:[&:fullscreen]:[--media-scale:1.25]\", \"min-[1536px]:[&:fullscreen]:[--media-scale:1.5]\", \"min-[1920px]:[&:fullscreen]:[--media-scale:1.75]\", \"motion-reduce:[--media-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-dialog-transition-timing-function:ease-out]\", \"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-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:--spacing(-2)]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[.media-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] : [], \"[&:fullscreen]:[--media-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\", \"ease-(--media-controls-transition-timing-function)\", \"duration-[calc(var(--media-controls-transition-duration)/2)]\", \"pointer-fine:transition-[filter,opacity,scale,translate]\", \"pointer-coarse:transition-[opacity,scale,translate]\", \"@2xl/media-root:[--media-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-(--media-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-(--media-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, \"z-20 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-2 @lg/media-root: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\tvalue: cn(slider$1.value, \"text-shadow-2xs text-shadow-(color:--media-shadow-current-color)\")\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 dialog = {\n\t...dialog$1,\n\tpopup: cn(dialog$1.popup, surface, \"w-full text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(dialog$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(dialog$1.title, \"text-(length:--media-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, controlsBackdrop, dialog, icon, iconContainer, iconFlipped, iconHidden, iconState, inputIndicator, menu, 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,0FAA0F,0FAA0F,+FAA+F,4DAA4D,+EAA+E,+BAA+B,uFAAuF;CAC9mB,kSAAkS;CAClS,wMAAwM,CAAC;AAC1M,GAAG,+CAA+C,yEAAyE,oEAAoE,8CAA8C,wEAAwE,sEAAsE,gDAAgD,0DAA0D,8CAA8C,2CAA2C,wDAAwD,6CAA6C,uDAAuD,uDAAuD,yDAAyD,yDAAyD,oDAAoD,8DAA8D,oDAAoD,mDAAmD,oDAAoD,2DAA2D,uDAAuD,sEAAsE,yDAAyD,iGAAiG,iEAAiE,wGAAwG,wEAAwE,kGAAkG,kEAAkE,uGAAuG,yGAAyG,uGAAuG,2CAA2C,sCAAsC,8EAA8E,gFAAgF,CAAC,cAAc;CAC36E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,sDAAsD;CAC7D,uCAAuC,CAAC;CACxC,kDAAkD;AACnD,CAAC;AACD,MAAM,eAAe,GAAG,YAAY,SAAS,mBAAmB,sDAAsD,gEAAgE,4DAA4D,uDAAuD,kDAAkD;AAC3V,MAAM,WAAW,GAAG,cAAc,yCAAyC,gDAAgD,oDAAoD,sDAAsD,2DAA2D,uDAAuD,6CAA6C,mFAAmF,wDAAwD,oEAAoE,2DAA2D;AAC9oB,MAAM,gBAAgB,GAAG,cAAc,oFAAoF,wDAAwD,gFAAgF,sEAAsE,4GAA4G,iFAAiF,2FAA2F;AACjmB,MAAM,kBAAkB,GAAG,eAAe,yCAAyC,oFAAoF;AACvK,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,0BAA0B;AACnD;AACA,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,OAAO;AACnC;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,aAAa;CACvC,OAAO,GAAG,SAAS,OAAO,kEAAkE;AAC7F;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,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,SAAS,6CAA6C;CAChF,SAAS,GAAG,SAAS,SAAS,qBAAqB;CACnD,OAAO,GAAG,SAAS,OAAO,wCAAwC;AACnE;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/dev/skins/dist/default/minimal/tailwind/audio.tailwind.js CHANGED Viewed

@@ -1,7 +1,7 @@
 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 { dialog as dialog$1 } from "./components/dialog.js";
+import { popup as popup$1, tooltip } from "./components/popup.js";
 import { slider as slider$1 } from "./components/slider.js";
 import { iconState } from "../../shared/tailwind/icon-state.js";
 import "./components/badge.js";
@@ -15,8 +15,8 @@ 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 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 container = cn(container$1, "[&:has(.media-error[data-open])_.media-controls_*]:invisible", "[--media-default-accent-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--media-focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--media-controls-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]", "[--media-controls-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-controls-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.1))]", "[--media-controls-text-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "[--media-dialog-transition-duration:250ms]", "[--media-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-popover-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-popover-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]", "[--media-popover-border-color:oklch(0_0_0/0.1)]", "[--media-tooltip-backdrop-filter:var(--media-popover-backdrop-filter)]", "[--media-tooltip-background-color:var(--media-popover-background-color)]", "[--media-tooltip-border-color:var(--media-popover-border-color)]", "[--media-tooltip-text-color:currentColor]", "motion-reduce:[--media-dialog-transition-duration:50ms]", "motion-reduce:[--media-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]", "contrast-more:[--media-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)", "[--media-base-side-offset:2] [--media-base-boundary-offset:2]", "text-(--media-controls-text-color)", "ring-1 ring-(color:--media-controls-border-color)");
 const spacer = "grow";
 const playButton = {
 	wrapper: "group/play inline-flex relative",
@@ -26,18 +26,18 @@ const playButton = {
 };
 const popup = {
 	...popup$1,
-	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")
+	volume: cn(popup$1.popover, "p-0 pr-2 pl-16 [--media-popover-side-offset:0rem]", "bg-transparent bg-gradient-to-l from-(--media-controls-background-color) from-80% to-transparent")
 };
 const slider = {
 	...slider$1,
-	value: cn(slider$1.value, "bottom-10")
+	value: cn(slider$1.value, tooltip, "bottom-10")
 };
-const error = {
-	...error$1,
-	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"),
+const dialog = {
+	...dialog$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-dialog-transition-duration)", "delay-(--media-dialog-transition-delay)", "group-data-starting-style/dialog:opacity-0 group-data-starting-style/dialog:blur-xs group-data-starting-style/dialog:scale-95", "group-data-ending-style/dialog:opacity-0 group-data-ending-style/dialog:blur-xs group-data-ending-style/dialog:scale-95", "group-data-ending-style/dialog:delay-0"),
 	content: "flex flex-1 items-center gap-2"
 };
 //#endregion
-export { button, buttonGroup, container, controls, error, icon, iconContainer, iconFlipped, iconState, menu, playButton, playbackRate, popup, seek, slider, spacer, time };
+export { button, buttonGroup, container, controls, dialog, icon, iconContainer, iconFlipped, iconState, menu, playButton, playbackRate, popup, seek, slider, spacer, time };
 //# sourceMappingURL=audio.tailwind.js.map

package/dist/dev/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 { 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"}
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 { dialog as dialog$1 } from \"./components/dialog.js\";\nimport { popup as popup$1, tooltip } 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, \"[&:has(.media-error[data-open])_.media-controls_]:invisible\", \"[--media-default-accent-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--media-focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--media-controls-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\", \"[--media-controls-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--media-controls-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.1))]\", \"[--media-controls-text-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"[--media-dialog-transition-duration:250ms]\", \"[--media-dialog-transition-delay:100ms]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-popover-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--media-popover-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\", \"[--media-popover-border-color:oklch(0_0_0/0.1)]\", \"[--media-tooltip-backdrop-filter:var(--media-popover-backdrop-filter)]\", \"[--media-tooltip-background-color:var(--media-popover-background-color)]\", \"[--media-tooltip-border-color:var(--media-popover-border-color)]\", \"[--media-tooltip-text-color:currentColor]\", \"motion-reduce:[--media-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:light-dark(oklch(1_0_0),oklch(0_0_0))]\", \"contrast-more:[--media-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)\", \"[--media-base-side-offset:2] [--media-base-boundary-offset:2]\", \"text-(--media-controls-text-color)\", \"ring-1 ring-(color:--media-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-(--media-controls-background-color) from-80% to-transparent\")\n};\nconst slider = {\n\t...slider$1,\n\tvalue: cn(slider$1.value, tooltip, \"bottom-10\")\n};\nconst dialog = {\n\t...dialog$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-dialog-transition-duration)\", \"delay-(--media-dialog-transition-delay)\", \"group-data-starting-style/dialog:opacity-0 group-data-starting-style/dialog:blur-xs group-data-starting-style/dialog:scale-95\", \"group-data-ending-style/dialog:opacity-0 group-data-ending-style/dialog:blur-xs group-data-ending-style/dialog:scale-95\", \"group-data-ending-style/dialog:delay-0\"),\n\tcontent: \"flex flex-1 items-center gap-2\"\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, container, controls, dialog, 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,gEAAgE,wEAAwE,oEAAoE,6EAA6E,+DAA+D,iFAAiF,uEAAuE,8CAA8C,2CAA2C,6CAA6C,uDAAuD,8DAA8D,4EAA4E,mDAAmD,0EAA0E,4EAA4E,oEAAoE,6CAA6C,2DAA2D,uDAAuD,yDAAyD,0HAA0H,wFAAwF;AAChhD,MAAM,WAAW,GAAG,YAAY,aAAa,4CAA4C,iEAAiE,sCAAsC,mDAAmD;AACnP,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,kGAAkG;AACpL;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,SAAS,WAAW;AAC/C;AACA,MAAM,SAAS;CACd,GAAG;CACH,QAAQ,GAAG,wEAAwE,0CAA0C,8CAA8C,iDAAiD,2CAA2C,iIAAiI,2HAA2H,wCAAwC;CAC3iB,SAAS;AACV"}

package/dist/dev/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-[--spacing(1)] bg-current/10 px-1.5 py-1 text-(length:--font-size-small) font-medium leading-none text-current/70";
+const badge = "rounded-[--spacing(1)] bg-current/10 px-1.5 py-1 text-(length:--media-font-size-small) font-medium leading-none text-current/70";
 //#endregion
 export { badge };

package/dist/dev/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-[--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"}
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:--media-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/dev/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] motion-reduce:[--media-spinner-animation:none] data-visible:grid";
+const bufferingIndicator = "absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white before:absolute before:inset-0 before:bg-black/35 before:backdrop-blur-sm *:relative *:z-20 not-data-visible:[--media-spinner-animation:none] motion-reduce:[--media-spinner-animation:none] data-visible:grid";
 //#endregion
 export { bufferingIndicator };

package/dist/dev/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] motion-reduce:[--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 = \"absolute inset-0 z-10 hidden place-content-center pointer-events-none text-white before:absolute before:inset-0 before:bg-black/35 before:backdrop-blur-sm :relative :z-20 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/dev/skins/dist/default/minimal/tailwind/components/button.js CHANGED Viewed

@@ -2,9 +2,9 @@ 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 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] 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)"),
+	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-(--media-focus-ring-color) focus-visible:outline-offset-2", "not-aria-disabled:active:scale-[0.97]", "motion-reduce:scale-100 motion-reduce:transition-[background-color] 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-(--media-internal-accent-color) text-(--media-accent-contrast-color) font-medium text-shadow-none",
+	subtle: cn("bg-transparent text-inherit text-shadow-inherit", "not-aria-disabled:hover:bg-(--media-accent-background-color) not-aria-disabled:hover:text-(--media-internal-accent-text-color) not-aria-disabled:hover:no-underline", "not-aria-disabled:focus-visible:bg-(--media-accent-background-color) not-aria-disabled:focus-visible:text-(--media-internal-accent-text-color)", "not-aria-disabled:aria-expanded:bg-(--media-accent-background-color) not-aria-disabled:aria-expanded:text-(--media-internal-accent-text-color)"),
 	icon: cn("grid aspect-square p-0!", "not-aria-disabled:active:scale-[0.97]"),
 	seek: hideAtSmall,
 	cast: hideAtSmall,
@@ -12,10 +12,10 @@ const button = {
 	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 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")
+	live: cn("inline-flex items-center gap-1.5", "aspect-auto w-auto px-3 py-2", "text-(length:--media-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/dev/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 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] 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,sGAAsG,6DAA6D,2DAA2D,0DAA0D;~~CAC5tB~~,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~~"}
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-(--media-focus-ring-color) focus-visible:outline-offset-2\", \"not-aria-disabled:active:scale-[0.97]\", \"motion-reduce:scale-100 motion-reduce:transition-[background-color] 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-(--media-internal-accent-color) text-(--media-accent-contrast-color) font-medium text-shadow-none\",\n\tsubtle: cn(\"bg-transparent text-inherit text-shadow-inherit\", \"not-aria-disabled:hover:bg-(--media-accent-background-color) not-aria-disabled:hover:text-(--media-internal-accent-text-color) not-aria-disabled:hover:no-underline\", \"not-aria-disabled:focus-visible:bg-(--media-accent-background-color) not-aria-disabled:focus-visible:text-(--media-internal-accent-text-color)\", \"not-aria-disabled:aria-expanded:bg-(--media-accent-background-color) not-aria-disabled:aria-expanded:text-(--media-internal-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` (gray → red at the live edge) and \"LIVE\"\n\t* 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:--media-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,mFAAmF,yCAAyC,sGAAsG,6DAA6D,2DAA2D,0DAA0D;CACluB,SAAS;CACT,QAAQ,GAAG,mDAAmD,uKAAuK,kJAAkJ,gJAAgJ;CACvgB,MAAM,GAAG,2BAA2B,uCAAuC;CAC3E,MAAM;CACN,MAAM;CACN,SAAS;CACT,KAAK;CACL,YAAY;;;;;CAKZ,MAAM,GAAG,oCAAoC,gCAAgC,6FAA6F,yEAAyE,qFAAqF,oCAAoC;AAC7W"}

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

@@ -1,7 +1,7 @@
 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))]");
+const container = cn(reset, "block relative isolate h-full w-full @container/media-root", "rounded-(--media-container-border-radius)", "font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--media-font-size-base) leading-normal subpixel-antialiased", "[--media-internal-accent-color:var(--media-accent-color,var(--media-default-accent-color))]", "[--media-accent-contrast-color:contrast-color(var(--media-internal-accent-color))]", "[--media-accent-background-color:var(--media-accent-color,oklch(from_var(--media-default-accent-color)_l_c_h/calc(alpha*0.1)))]", "[--media-internal-accent-text-color:var(--media-accent-text-color,contrast-color(var(--media-accent-color,oklch(0_0_0))))]", "[--media-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-(--media-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", "[--media-shadow-current-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)*0.5),0.15))]", "[--media-shadow-subtle-current-color:oklch(from_var(--media-shadow-current-color)_l_c_h/calc(alpha*0.4))]", "[--media-scale:1]", "[--media-font-size-base:calc(0.8125rem*var(--media-scale))]", "[--media-font-size-small:calc(0.6875rem*var(--media-scale))]", "[--media-font-size-medium:calc(0.9375rem*var(--media-scale))]", "[--media-font-size-tiny:calc(0.5625rem*var(--media-scale))]", "[--media-spacing:calc(var(--media-scale-unit,16px)*var(--media-scale)/4)]", "[--spacing:var(--media-spacing)]", "[--media-icon-size:calc(var(--media-spacing)*4.5)]");
 //#endregion
 export { container };

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

	@@ -1 +1 @@
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(alpha0.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(alpha0.4))]\", \"[--scale:1]\", \"[--font-size-base:calc(0.8125remvar(--scale))]\", \"[--font-size-small:calc(0.6875remvar(--scale))]\", \"[--font-size-medium:calc(0.9375remvar(--scale))]\", \"[--font-size-tiny:calc(0.5625remvar(--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~~"}
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-(--media-container-border-radius)\", \"font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-(length:--media-font-size-base) leading-normal subpixel-antialiased\", \"[--media-internal-accent-color:var(--media-accent-color,var(--media-default-accent-color))]\", \"[--media-accent-contrast-color:contrast-color(var(--media-internal-accent-color))]\", \"[--media-accent-background-color:var(--media-accent-color,oklch(from_var(--media-default-accent-color)_l_c_h/calc(alpha0.1)))]\", \"[--media-internal-accent-text-color:var(--media-accent-text-color,contrast-color(var(--media-accent-color,oklch(0_0_0))))]\", \"[--media-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-(--media-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\", \"[--media-shadow-current-color:oklch(from_currentColor_0_0_0/clamp(0,calc((l-0.5)0.5),0.15))]\", \"[--media-shadow-subtle-current-color:oklch(from_var(--media-shadow-current-color)_l_c_h/calc(alpha0.4))]\", \"[--media-scale:1]\", \"[--media-font-size-base:calc(0.8125remvar(--media-scale))]\", \"[--media-font-size-small:calc(0.6875remvar(--media-scale))]\", \"[--media-font-size-medium:calc(0.9375remvar(--media-scale))]\", \"[--media-font-size-tiny:calc(0.5625remvar(--media-scale))]\", \"[--media-spacing:calc(var(--media-scale-unit,16px)var(--media-scale)/4)]\", \"[--spacing:var(--media-spacing)]\", \"[--media-icon-size:calc(var(--media-spacing)*4.5)]\");\n//#endregion\nexport { container };\n\n//# sourceMappingURL=container.js.map"],"mappings":";;;AAGA,MAAM,YAAY,GAAG,OAAO,8DAA8D,6CAA6C,2IAA2I,+FAA+F,sFAAsF,mIAAmI,8HAA8H,wEAAwE,mDAAmD,mEAAmE,mFAAmF,6CAA6C,4FAA4F,wGAAwG,iGAAiG,6GAA6G,qBAAqB,+DAA+D,gEAAgE,iEAAiE,+DAA+D,6EAA6E,oCAAoC,oDAAoD"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/controls-backdrop.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/controls-backdrop.js
+const controlsBackdrop = cn("pointer-events-none absolute inset-0 z-10 rounded-[inherit]", "bg-linear-to-t from-black/70 via-black/50 via-[--spacing(30)] to-transparent", "transition-opacity duration-(--media-controls-transition-duration) ease-out not-data-visible:opacity-0");
+//#endregion
+export { controlsBackdrop };
+//# sourceMappingURL=controls-backdrop.js.map