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

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

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

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

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

package/dist/default/skins/dist/default/default/tailwind/components/seek.js

@@ -1,6 +1,6 @@
 //#region ../skins/dist/default/default/tailwind/components/seek.js
 const seek = {
-	label: "text-[10px] font-[480] tabular-nums",
+	label: "text-[10px] font-medium tracking-tighter tabular-nums",
 	labelForward: "absolute -right-px -bottom-0.75",
 	labelBackward: "absolute -left-px -bottom-0.75"
 };

package/dist/default/skins/dist/default/default/tailwind/components/seek.js.map

@@ -1 +1 @@
-{"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/seek.js"],"sourcesContent":["//#region src/default/tailwind/components/seek.ts\nconst seek = {\n\tlabel: \"text-[10px] font-[480] tabular-nums\",\n\tlabelForward: \"absolute -right-px -bottom-0.75\",\n\tlabelBackward: \"absolute -left-px -bottom-0.75\"\n};\n//#endregion\nexport { seek };\n\n//# sourceMappingURL=seek.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,OAAO;CACP,cAAc;CACd,eAAe;CACf"}
+{"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/seek.js"],"sourcesContent":["//#region src/default/tailwind/components/seek.ts\nconst seek = {\n\tlabel: \"text-[10px] font-medium tracking-tighter tabular-nums\",\n\tlabelForward: \"absolute -right-px -bottom-0.75\",\n\tlabelBackward: \"absolute -left-px -bottom-0.75\"\n};\n//#endregion\nexport { seek };\n\n//# sourceMappingURL=seek.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,OAAO;CACP,cAAc;CACd,eAAe;CACf"}

package/dist/default/skins/dist/default/default/tailwind/components/slider.js

@@ -5,14 +5,16 @@ const slider = {
 	track: cn("relative isolate overflow-hidden rounded-[inherit] select-none", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1", "data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full"),
 	fill: {
 		base: "absolute rounded-[inherit] pointer-events-none",
-		fill: cn("bg-current", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:w-(--media-slider-fill)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:h-(--media-slider-fill)"),
+		fill: cn("bg-current", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:w-(--media-slider-fill)", "group-data-dragging/slider:data-[orientation=horizontal]:w-(--media-slider-pointer)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:h-(--media-slider-fill)", "group-data-dragging/slider:data-[orientation=vertical]:h-(--media-slider-pointer)"),
 		buffer: cn("bg-current/20 duration-250 ease-out", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)")
 	},
 	thumb: {
-		base: cn("z-10 absolute -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "shadow-[0_0_0_1px_var(--media-current-shadow-color-subtle,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]", "transition-[opacity,height,width,outline-offset] duration-150 ease-out select-none", "outline-4 outline-transparent -outline-offset-4", "hover:outline-current/25 hover:outline-offset-0", "focus-visible:outline-current/25 focus-visible:outline-offset-0", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)", "data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]"),
+		base: cn("z-10 absolute -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "shadow-[0_0_0_1px_var(--media-current-shadow-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-[opacity,height,width,outline-offset] duration-150 ease-out select-none", "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: "size-3",
 		interactive: cn("size-2.5", "opacity-0 focus-visible:opacity-100 group-hover/slider:opacity-100", "group-active/slider:size-3")
-	}
+	},
+	preview: cn("group/preview", "before:block before:min-w-1 before:h-1 before:bg-current before:rounded-full before:opacity-0 before:scale-50", "before:shadow-[0_0_0_1px_var(--media-current-shadow-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]", "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", "peer-has-[[role=img]:not([data-hidden])]/thumbnail:*:hidden"),
+	value: cn("absolute bottom-9 tabular-nums", "-translate-x-1/2 translate-y-2 scale-50 opacity-0 blur-lg", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)", "transition-[filter,opacity,scale,translate] duration-200 ease-out", "group-data-pointing/preview:translate-y-0 group-data-pointing/preview:scale-100", "group-data-pointing/preview:opacity-100 group-data-pointing/preview:blur-none")
 };
 //#endregion
 export { slider };

package/dist/default/skins/dist/default/default/tailwind/components/slider.js.map

@@ -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 slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-full outline-none cursor-pointer\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-8\", \"data-[orientation=vertical]:w-8 data-[orientation=vertical]:h-20\"),\n\ttrack: cn(\"relative isolate overflow-hidden rounded-[inherit] select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\"),\n\tfill: {\n\t\tbase: \"absolute rounded-[inherit] pointer-events-none\",\n\t\tfill: cn(\"bg-current\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:w-(--media-slider-fill)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:h-(--media-slider-fill)\"),\n\t\tbuffer: cn(\"bg-current/20 duration-250 ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--media-current-shadow-color-subtle,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]\", \"transition-[opacity,height,width,outline-offset] duration-150 ease-out select-none\", \"outline-4 outline-transparent -outline-offset-4\", \"hover:outline-current/25 hover:outline-offset-0\", \"focus-visible:outline-current/25 focus-visible:outline-offset-0\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]\"),\n\t\tpersistent: \"size-3\",\n\t\tinteractive: cn(\"size-2.5\", \"opacity-0 focus-visible:opacity-100 group-hover/slider:opacity-100\", \"group-active/slider:size-3\")\n\t}\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM,GAAG,0GAA0G,iHAAiH,mEAAmE;CACvS,OAAO,GAAG,kEAAkE,0EAA0E,qEAAqE;CAC3N,MAAM;EACL,MAAM;EACN,MAAM,GAAG,cAAc,gFAAgF,yDAAyD,8EAA8E,sDAAsD;EACpS,QAAQ,GAAG,uCAAuC,gFAAgF,4GAA4G,8EAA8E,wGAAwG;EACpa;CACD,OAAO;EACN,MAAM,GAAG,mDAAmD,2BAA2B,+IAA+I,sFAAsF,mDAAmD,mDAAmD,mEAAmE,kGAAkG,6GAA6G;EACprB,YAAY;EACZ,aAAa,GAAG,YAAY,sEAAsE,6BAA6B;EAC/H;CACD"}
+{"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 slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-full outline-none cursor-pointer\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-8\", \"data-[orientation=vertical]:w-8 data-[orientation=vertical]:h-20\"),\n\ttrack: cn(\"relative isolate overflow-hidden rounded-[inherit] select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\"),\n\tfill: {\n\t\tbase: \"absolute rounded-[inherit] pointer-events-none\",\n\t\tfill: cn(\"bg-current\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:w-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=horizontal]:w-(--media-slider-pointer)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:h-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=vertical]:h-(--media-slider-pointer)\"),\n\t\tbuffer: cn(\"bg-current/20 duration-250 ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--media-current-shadow-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-[opacity,height,width,outline-offset] duration-150 ease-out select-none\", \"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: \"size-3\",\n\t\tinteractive: cn(\"size-2.5\", \"opacity-0 focus-visible:opacity-100 group-hover/slider:opacity-100\", \"group-active/slider:size-3\")\n\t},\n\tpreview: cn(\"group/preview\", \"before:block before:min-w-1 before:h-1 before:bg-current before:rounded-full before:opacity-0 before:scale-50\", \"before:shadow-[0_0_0_1px_var(--media-current-shadow-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]\", \"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\", \"peer-has-[[role=img]:not([data-hidden])]/thumbnail:*:hidden\"),\n\tvalue: cn(\"absolute bottom-9 tabular-nums\", \"-translate-x-1/2 translate-y-2 scale-50 opacity-0 blur-lg\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"transition-[filter,opacity,scale,translate] duration-200 ease-out\", \"group-data-pointing/preview:translate-y-0 group-data-pointing/preview:scale-100\", \"group-data-pointing/preview:opacity-100 group-data-pointing/preview:blur-none\")\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM,GAAG,0GAA0G,iHAAiH,mEAAmE;CACvS,OAAO,GAAG,kEAAkE,0EAA0E,qEAAqE;CAC3N,MAAM;EACL,MAAM;EACN,MAAM,GAAG,cAAc,gFAAgF,yDAAyD,uFAAuF,8EAA8E,uDAAuD,oFAAoF;EAChd,QAAQ,GAAG,uCAAuC,gFAAgF,4GAA4G,8EAA8E,wGAAwG;EACpa;CACD,OAAO;EACN,MAAM,GAAG,mDAAmD,2BAA2B,wIAAwI,sFAAsF,mDAAmD,mDAAmD,mEAAmE,yDAAyD,mEAAmE,sEAAsE,kCAAkC,iEAAiE,kGAAkG,0FAA0F,8GAA8G,sGAAsG;EACnpC,YAAY;EACZ,aAAa,GAAG,YAAY,sEAAsE,6BAA6B;EAC/H;CACD,SAAS,GAAG,iBAAiB,iHAAiH,+GAA+G,yEAAyE,uGAAuG,8DAA8D;CAC3e,OAAO,GAAG,kCAAkC,6DAA6D,oEAAoE,qEAAqE,mFAAmF,gFAAgF;CACrZ"}

package/dist/default/skins/dist/default/default/tailwind/components/thumbnail.js

@@ -0,0 +1,12 @@
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/default/tailwind/components/thumbnail.js
+const thumbnail = {
+	root: cn("group/thumbnail peer/thumbnail pointer-events-none bg-black/90 rounded-xl"),
+	image: cn("block relative 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/80 after:via-black/30 after:to-black/0", "data-loading:opacity-0"),
+	time: "absolute bottom-2 inset-x-0 text-center tabular-nums",
+	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] group-has-[[role=img][data-loading]]/thumbnail:opacity-100")
+};
+//#endregion
+export { thumbnail };
+
+//# sourceMappingURL=thumbnail.js.map

package/dist/default/skins/dist/default/default/tailwind/components/thumbnail.js.map

@@ -0,0 +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 peer/thumbnail pointer-events-none bg-black/90 rounded-xl\"),\n\timage: cn(\"block relative 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/80 after:via-black/30 after:to-black/0\", \"data-loading:opacity-0\"),\n\ttime: \"absolute bottom-2 inset-x-0 text-center tabular-nums\",\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] 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,4EAA4E;CACrF,OAAO,GAAG,kDAAkD,4CAA4C,wDAAwD,gFAAgF,yBAAyB;CACzQ,MAAM;CACN,SAAS,GAAG,yEAAyE,4CAA4C,iJAAiJ;CAClR"}

package/dist/default/skins/dist/default/default/tailwind/components/time.js

@@ -2,7 +2,7 @@
 const time = {
 	group: "@container/media-time flex items-center flex-1 gap-3 px-2",
 	current: "hidden @2xs/media-time:block tabular-nums",
-	duration: "tabular-nums"
+	duration: "tabular-nums cursor-pointer rounded-sm outline-2 outline-transparent -outline-offset-2 transition-[outline-color,outline-offset] duration-100 ease-out focus-visible:outline-current focus-visible:outline-offset-2"
 };
 //#endregion
 export { time };

package/dist/default/skins/dist/default/default/tailwind/components/time.js.map

@@ -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-3 px-2\",\n\tcurrent: \"hidden @2xs/media-time:block tabular-nums\",\n\tduration: \"tabular-nums\"\n};\n//#endregion\nexport { time };\n\n//# sourceMappingURL=time.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,OAAO;CACP,SAAS;CACT,UAAU;CACV"}
+{"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-3 px-2\",\n\tcurrent: \"hidden @2xs/media-time:block tabular-nums\",\n\tduration: \"tabular-nums cursor-pointer rounded-sm outline-2 outline-transparent -outline-offset-2 transition-[outline-color,outline-offset] duration-100 ease-out focus-visible:outline-current 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;CACV"}

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

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

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

@@ -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 { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { 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 as time$1 } from \"./components/time.js\";\nimport { inputFeedback as inputFeedback$1 } from \"./components/input-feedback.js\";\nimport { preview as preview$1 } from \"./components/preview.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-spring-timing-function:linear(0,0.034_1.5%,0.763_9.7%,1.066_13.9%,1.198_19.9%,1.184_21.8%,0.963_37.5%,0.997_50.9%,1)]\", \"[--media-video-border-radius:var(--media-border-radius,2rem)]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:350ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:var(--media-spring-timing-function)]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-surface-background-color:oklch(1_0_0/0.1)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.05)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-tooltip-side-offset:0.75rem]\", \"[--media-tooltip-boundary-offset:0.5rem]\", \"[--media-popover-side-offset:0.5rem]\", \"[--media-popover-boundary-offset:0.5rem]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"contrast-more:[--media-surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-5.5rem]\", \"@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, surface, \"absolute bottom-2 inset-x-2 flex-wrap\", \"mx-auto max-w-4xl\", \"[color:var(--media-color-primary,oklch(1_0_0))] z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function) origin-bottom\", \"duration-(--media-controls-transition-duration)\", \"pointer-fine:will-change-[scale,filter,opacity]\", \"pointer-fine:transition-[scale,filter,opacity]\", \"pointer-coarse:will-change-[scale,opacity]\", \"pointer-coarse:transition-[scale,opacity]\", \"not-data-visible:pointer-events-none not-data-visible:opacity-0\", \"motion-safe:not-data-visible:scale-90\", \"pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3 @2xl/media-root:flex-nowrap @2xl/media-root:gap-x-0.5 @2xl/media-root:p-1\");\nconst buttonGroupStart = cn(buttonGroup, \"flex-1 @2xl/media-root:flex-none\");\nconst buttonGroupEnd = cn(buttonGroup, \"flex-1 justify-end @2xl/media-root:flex-none\");\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"grow-0 shrink-0 basis-full order-[-1] px-2.5\", \"@2xl/media-root:grow @2xl/media-root:shrink @2xl/media-root:basis-0 @2xl/media-root:order-[unset]\")\n};\nconst preview = {\n\t...preview$1,\n\troot: cn(\"[--media-preview-max-width:11rem] [--media-preview-padding:-1.125rem] [--media-preview-inset:calc((100cqi-100%)/2)]\", \"absolute [left:clamp(calc(var(--media-preview-max-width)/2+var(--media-preview-padding)-var(--media-preview-inset)),var(--media-slider-pointer),calc(100%-var(--media-preview-max-width)/2-var(--media-preview-padding)+var(--media-preview-inset)))] bottom-[calc(100%+1.2rem)] -translate-x-1/2\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"group-data-pointing/slider:opacity-100 group-data-pointing/slider:scale-100 group-data-pointing/slider:blur-none\", \"has-[[role=img][data-hidden]]:opacity-0 has-[[role=img][data-hidden]]:scale-80 has-[[role=img][data-hidden]]:blur-sm\", \"has-[[role=img][data-loading]]:max-h-24\", surface, preview$1.root),\n\tthumbnail: cn(preview$1.thumbnail, \"max-w-(--media-preview-max-width)\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst bufferingIndicator = {\n\t...bufferingIndicator$1,\n\tcontainer: cn(bufferingIndicator$1.container, surface)\n};\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-base\")\n};\nconst inputFeedback = {\n\t...inputFeedback$1,\n\tisland: {\n\t\t...inputFeedback$1.island,\n\t\tbase: cn(inputFeedback$1.island.base, surface)\n\t}\n};\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputFeedback, menu, overlay, playbackRate, popup, poster, preview, root, seek, slider, time };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,YAAY,+EAA+E,4FAA4F;CAC/N,8RAA8R;CAC9R,wMAAwM,CAAC;CACzM,EAAE,kIAAkI,iEAAiE,gDAAgD,0DAA0D,oDAAoD,iDAAiD,yFAAyF,6CAA6C,uDAAuD,uDAAuD,0DAA0D,yDAAyD,oDAAoD,8DAA8D,iEAAiE,6DAA6D,4EAA4E,yCAAyC,4CAA4C,wCAAwC,4CAA4C,yDAAyD,iGAAiG,iEAAiE,wGAAwG,wEAAwE,kGAAkG,kEAAkE,uGAAuG,yGAAyG,uGAAuG,qCAAqC,sCAAsC,8EAA8E,yEAAyE,2FAA2F,CAAC,cAAc;CACl5E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,SAAS,yCAAyC,qBAAqB,wDAAwD,+BAA+B,oEAAoE,mDAAmD,mDAAmD,kDAAkD,8CAA8C,6CAA6C,mEAAmE,yCAAyC,qDAAqD,+HAA+H;AACrxB,MAAM,mBAAmB,GAAG,aAAa,mCAAmC;AAC5E,MAAM,iBAAiB,GAAG,aAAa,+CAA+C;AACtF,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,gDAAgD,oGAAoG;CAC5K;AACD,MAAM,UAAU;CACf,GAAG;CACH,MAAM,GAAG,uHAAuH,qSAAqS,4CAA4C,kDAAkD,oHAAoH,wHAAwH,2CAA2C,SAAS,UAAU,KAAK;CAClzB,WAAW,GAAG,UAAU,WAAW,oCAAoC;CACvE;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,kCAAkC;CAC5D;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,qBAAqB;CAC1B,GAAG;CACH,WAAW,GAAG,qBAAqB,WAAW,QAAQ;CACtD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,uCAAuC;CAC3E,SAAS,GAAG,QAAQ,SAAS,sBAAsB;CACnD,OAAO,GAAG,QAAQ,OAAO,YAAY;CACrC;AACD,MAAM,gBAAgB;CACrB,GAAG;CACH,QAAQ;EACP,GAAG,gBAAgB;EACnB,MAAM,GAAG,gBAAgB,OAAO,MAAM,QAAQ;EAC9C;CACD"}
+{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { inputFeedback as inputFeedback$1 } from \"./components/input-feedback.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-spring-timing-function:linear(0,0.034_1.5%,0.763_9.7%,1.066_13.9%,1.198_19.9%,1.184_21.8%,0.963_37.5%,0.997_50.9%,1)]\", \"[--media-video-border-radius:var(--media-border-radius,2rem)]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:350ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:var(--media-spring-timing-function)]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-surface-background-color:oklch(1_0_0/0.1)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.05)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-tooltip-side-offset:0.75rem]\", \"[--media-tooltip-boundary-offset:0.5rem]\", \"[--media-popover-side-offset:0.5rem]\", \"[--media-popover-boundary-offset:0.5rem]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"contrast-more:[--media-surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-5.5rem]\", \"@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3.5rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], !isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:opacity-0 before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\n\t\"before:transition-opacity before:duration-250\",\n\t\"has-[img[data-visible]:not([data-loaded])]:before:opacity-100\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, surface, \"absolute bottom-2 inset-x-2 flex-wrap\", \"[color:var(--media-color-primary,oklch(1_0_0))] z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function) origin-bottom\", \"duration-(--media-controls-transition-duration)\", \"pointer-fine:will-change-[scale,filter,opacity]\", \"pointer-fine:transition-[scale,filter,opacity]\", \"pointer-coarse:will-change-[scale,opacity]\", \"pointer-coarse:transition-[scale,opacity]\", \"not-data-visible:pointer-events-none not-data-visible:opacity-0\", \"motion-safe:not-data-visible:scale-90\", \"pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3 @2xl/media-root:flex-nowrap @2xl/media-root:gap-x-0.5 @2xl/media-root:p-1\");\nconst buttonGroupStart = cn(buttonGroup, \"flex-1 @2xl/media-root:flex-none\");\nconst buttonGroupEnd = cn(buttonGroup, \"flex-1 justify-end @2xl/media-root:flex-none\");\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"grow-0 shrink-0 basis-full order-[-1] px-2.5\", \"@2xl/media-root:grow @2xl/media-root:shrink @2xl/media-root:basis-0 @2xl/media-root:order-[unset]\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface, \"[--media-slider-thumbnail-max-width:11rem]\", \"[--media-slider-thumbnail-max-height:8rem]\", \"[--media-slider-thumbnail-padding:-1.125rem]\", \"[--media-slider-thumbnail-inset:calc((100cqi-100%)/2)]\", \"absolute [left:clamp(calc(var(--media-slider-thumbnail-max-width)/2+var(--media-slider-thumbnail-padding)-var(--media-slider-thumbnail-inset)),var(--media-slider-pointer),calc(100%-var(--media-slider-thumbnail-max-width)/2-var(--media-slider-thumbnail-padding)+var(--media-slider-thumbnail-inset)))] bottom-[calc(100%+1.2rem)] -translate-x-1/2\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none\"),\n\timage: cn(thumbnail$1.image, \"max-w-(--media-slider-thumbnail-max-width)\", \"max-h-(--media-slider-thumbnail-max-height)\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menuOffsets = \"[--media-popover-side-offset:0.5rem] [--media-popover-boundary-offset:0.5rem]\";\nconst menu = {\n\t...menu$1,\n\troot: cn(menu$1.root, menuOffsets),\n\tsettings: cn(menu$1.settings, menuOffsets)\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-base\")\n};\nconst inputFeedback = {\n\t...inputFeedback$1,\n\tisland: {\n\t\t...inputFeedback$1.island,\n\t\tbase: cn(inputFeedback$1.island.base, surface)\n\t}\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputFeedback, menu, overlay, playbackRate, popup, poster, root, seek, slider, thumbnail, time };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,0BAA0B,+EAA+E,4FAA4F;CAC7O,8RAA8R;CAC9R,wMAAwM,CAAC;CACzM,EAAE,kIAAkI,iEAAiE,gDAAgD,0DAA0D,oDAAoD,iDAAiD,yFAAyF,6CAA6C,uDAAuD,uDAAuD,0DAA0D,yDAAyD,oDAAoD,8DAA8D,iEAAiE,6DAA6D,4EAA4E,yCAAyC,4CAA4C,wCAAwC,4CAA4C,yDAAyD,iGAAiG,iEAAiE,wGAAwG,wEAAwE,kGAAkG,kEAAkE,uGAAuG,yGAAyG,uGAAuG,qCAAqC,sCAAsC,8EAA8E,yEAAyE,2FAA2F,CAAC,cAAc;CACl5E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,CAAC,cAAc;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,SAAS,yCAAyC,wDAAwD,+BAA+B,oEAAoE,mDAAmD,mDAAmD,kDAAkD,8CAA8C,6CAA6C,mEAAmE,yCAAyC,qDAAqD,+HAA+H;AAChwB,MAAM,mBAAmB,GAAG,aAAa,mCAAmC;AAC5E,MAAM,iBAAiB,GAAG,aAAa,+CAA+C;AACtF,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,gDAAgD,oGAAoG;CAC5K;AACD,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,SAAS,8CAA8C,8CAA8C,gDAAgD,0DAA0D,2VAA2V,4CAA4C,kDAAkD,8EAA8E,4EAA4E,2EAA2E;CACx4B,OAAO,GAAG,YAAY,OAAO,8CAA8C,8CAA8C;CACzH;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,kCAAkC;CAC5D;AACD,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC,SAAS,GAAG,SAAS,QAAQ,QAAQ;CACrC;AACD,MAAM,cAAc;AACpB,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,GAAG,OAAO,MAAM,YAAY;CAClC,UAAU,GAAG,OAAO,UAAU,YAAY;CAC1C;AACD,MAAM,qBAAqB;AAC3B,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,uCAAuC;CAC3E,SAAS,GAAG,QAAQ,SAAS,sBAAsB;CACnD,OAAO,GAAG,QAAQ,OAAO,YAAY;CACrC;AACD,MAAM,gBAAgB;CACrB,GAAG;CACH,QAAQ;EACP,GAAG,gBAAgB;EACnB,MAAM,GAAG,gBAAgB,OAAO,MAAM,QAAQ;EAC9C;CACD"}

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

@@ -2,7 +2,9 @@ import { controls as controls$1 } from "./components/controls.js";
 import { error as error$1 } from "./components/error.js";
 import { popup as popup$1 } from "./components/popup.js";
 import { root as root$1 } from "./components/root.js";
+import { slider as slider$1 } from "./components/slider.js";
 import "../../shared/tailwind/icon-state.js";
+import "./components/badge.js";
 import "./components/buffering.js";
 import "./components/button.js";
 import "./components/button-group.js";
@@ -10,22 +12,30 @@ import "./components/icon.js";
 import "./components/menu.js";
 import "./components/playback-rate.js";
 import "./components/seek.js";
-import "./components/slider.js";
 import "./components/time.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/audio.tailwind.js
-const root = cn(root$1, "[--media-controls-background-color:oklch(1_0_0)]", "[--media-controls-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-controls-border-color:oklch(0_0_0/0.05)]", "[--media-controls-text-color:var(--media-color-primary,oklch(0_0_0))]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-tooltip-background-color:oklch(1_0_0/0.1)]", "[--media-tooltip-border-color:oklch(0_0_0/0.05)]", "[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-tooltip-text-color:currentColor]", "[--media-tooltip-side-offset:0.75rem]", "[--media-tooltip-boundary-offset:0.75rem]", "[--media-popover-side-offset:0.75rem]", "[--media-popover-boundary-offset:0.75rem]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "dark:[--media-controls-background-color:oklch(0_0_0)]", "dark:[--media-controls-border-color:oklch(1_0_0/0.1)]", "dark:[--media-controls-text-color:var(--media-color-primary,oklch(1_0_0))]", "[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(1_0_0)]", "contrast-more:[--media-tooltip-background-color:oklch(1_0_0)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]", "dark:contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]");
+const root = cn(root$1, "[--media-controls-background-color:oklch(1_0_0)]", "[--media-controls-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-controls-border-color:oklch(0_0_0/0.1)]", "[--media-controls-text-color:var(--media-color-primary,oklch(0_0_0))]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-tooltip-background-color:oklch(1_0_0)]", "[--media-tooltip-border-color:oklch(0_0_0/0.1)]", "[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-tooltip-text-color:currentColor]", "[--media-tooltip-side-offset:0.75rem]", "[--media-tooltip-boundary-offset:0.75rem]", "[--media-popover-background-color:var(--media-tooltip-background-color)]", "[--media-popover-border-color:var(--media-tooltip-border-color)]", "[--media-popover-backdrop-filter:var(--media-tooltip-backdrop-filter)]", "[--media-popover-side-offset:var(--media-tooltip-side-offset)]", "[--media-popover-boundary-offset:var(--media-tooltip-boundary-offset)]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "dark:[--media-controls-background-color:oklch(0_0_0)]", "dark:[--media-controls-border-color:oklch(1_0_0/0.1)]", "dark:[--media-controls-text-color:var(--media-color-primary,oklch(1_0_0))]", "[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(1_0_0)]", "contrast-more:[--media-tooltip-background-color:oklch(1_0_0)]", "dark:[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]", "dark:contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]");
 const controls = cn(controls$1, "p-1.5 gap-2", "rounded-(--media-border-radius,1rem)", "peer-data-open/error:**:invisible", "text-(--media-controls-text-color)", "ring-1 ring-(color:--media-controls-border-color)");
+const playButton = {
+	wrapper: "group/play inline-flex relative",
+	control: "peer-data-visible/play-buffering:[&>svg]:opacity-0",
+	bufferingRoot: cn("peer/play-buffering", "absolute inset-0 z-10 hidden place-content-center pointer-events-none text-inherit", "not-data-visible:[--media-spinner-animation:none]", "data-visible:grid")
+};
 const popup = {
 	...popup$1,
 	volume: cn(popup$1.popover, "p-0 pl-16", "bg-transparent bg-gradient-to-l from-(--media-controls-background-color) from-80% to-transparent")
 };
+const slider = {
+	...slider$1,
+	value: cn(slider$1.value, "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-(--media-controls-background-color)", "transition-[opacity,filter,scale] ease-out", "duration-(--media-error-dialog-transition-duration)", "delay-(--media-error-dialog-transition-delay)", "group-data-starting-style/error:opacity-0 group-data-starting-style/error:blur-xs group-data-starting-style/error:scale-95", "group-data-ending-style/error:opacity-0 group-data-ending-style/error:blur-xs group-data-ending-style/error:scale-95", "group-data-ending-style/error:delay-0"),
 	content: "flex flex-1 items-center gap-2"
 };
 //#endregion
-export { controls, error, popup, root };
+export { controls, error, playButton, popup, root, slider };
 
 //# sourceMappingURL=audio.tailwind.js.map

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

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

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

@@ -0,0 +1,6 @@
+//#region ../skins/dist/default/minimal/tailwind/components/badge.js
+const badge = "rounded-full bg-current/10 px-1.5 py-0.5 text-[0.6875rem] font-medium leading-none text-current/70";
+//#endregion
+export { badge };
+
+//# sourceMappingURL=badge.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -20,18 +20,18 @@ const inputFeedback = {
 		shownVolumeOff: "group-data-[level=off]/input-indicator:block",
 		shownCaptionsOn: "group-data-[status=captions-on]/input-indicator:block",
 		shownCaptionsOff: "group-data-[status=captions-off]/input-indicator:block",
-		shownFullscreenEnter: cn("group-data-[status=fullscreen]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=fullscreen]/input-indicator:animate-media-pop-in"),
-		shownFullscreenExit: cn("group-data-[status=exit-fullscreen]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-fullscreen]/input-indicator:animate-media-pop-in"),
-		shownPipEnter: cn("group-data-[status=pip]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pip]/input-indicator:animate-media-pop-in"),
-		shownPipExit: cn("group-data-[status=exit-pip]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-pip]/input-indicator:animate-media-pop-in"),
+		shownFullscreenEnter: "group-data-[status=fullscreen]/input-indicator:block",
+		shownFullscreenExit: "group-data-[status=exit-fullscreen]/input-indicator:block",
+		shownPipEnter: "group-data-[status=pip]/input-indicator:block",
+		shownPipExit: "group-data-[status=exit-pip]/input-indicator:block",
 		value: "ml-auto"
 	},
 	bubble: {
-		base: cn("group/input-indicator", "col-start-2 row-start-1", "flex flex-col items-center justify-center p-4", "transition-opacity duration-250 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-200", "data-starting-style:ease-in", "data-ending-style:duration-200", "data-ending-style:ease-in", "@2xl/media-root:p-8", "not-data-direction:[transition-property:opacity,scale]", "not-data-direction:duration-600", "not-data-direction:[transition-timing-function:ease-out,linear(0,0.12_1.5%,1.35_9.7%,2.2_13.9%,3_19.9%,2.7_21.8%,0.62_37.5%,0.96_50.9%,1)]", "motion-reduce:not-data-direction:transition-opacity", "motion-reduce:not-data-direction:duration-100", "motion-reduce:not-data-direction:ease-out", "not-data-direction:data-starting-style:scale-80", "not-data-direction:data-ending-style:scale-80", "not-data-direction:data-starting-style:duration-200", "not-data-direction:data-starting-style:ease-in", "not-data-direction:data-ending-style:duration-200", "not-data-direction:data-ending-style:ease-in", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
-		icon: "hidden w-9 h-9",
-		shownSeek: cn("group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:-scale-x-100", "group-not-data-starting-style/input-indicator:group-data-[direction=forward]/input-indicator:animate-media-slide-in-forward", "group-not-data-starting-style/input-indicator:group-data-[direction=backward]/input-indicator:animate-media-slide-in-backward", "motion-reduce:group-data-direction/input-indicator:animate-none"),
-		shownPause: cn("group-data-[status=pause]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pause]/input-indicator:animate-media-pop-in"),
-		shownPlay: cn("group-data-[status=play]/input-indicator:block", "motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=play]/input-indicator:animate-media-pop-in"),
+		base: cn("group/input-indicator", "col-start-2 row-start-1", "grid place-content-center text-center p-4", "data-direction:gap-1", "@2xl/media-root:data-direction:p-6", "not-data-direction:[transition-property:opacity,scale]", "not-data-direction:duration-200 not-data-direction:ease-out", "motion-reduce:not-data-direction:transition-opacity", "motion-reduce:not-data-direction:duration-50", "not-data-direction:data-starting-style:opacity-0", "not-data-direction:data-ending-style:opacity-0", "not-data-direction:data-starting-style:scale-[0.85]", "not-data-direction:data-ending-style:scale-[0.85]", "not-data-direction:data-ending-style:duration-100", "not-data-direction:data-ending-style:ease-in", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
+		icon: "hidden size-[calc(var(--media-icon-size)*2)]",
+		shownSeek: cn("group-data-direction/input-indicator:size-[calc(var(--media-icon-size)*1.5)]", "group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:[scale:-1_1]", "motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out", "motion-safe:group-data-starting-style/input-indicator:opacity-0", "motion-safe:group-data-ending-style/input-indicator:opacity-0", "motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]", "motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]"),
+		shownPause: "group-data-[status=pause]/input-indicator:block",
+		shownPlay: "group-data-[status=play]/input-indicator:block",
 		time: "tabular-nums"
 	}
 };

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

@@ -1 +1 @@
-{"version":3,"file":"input-feedback.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-feedback.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-feedback.ts\n/**\n* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:\n- \"@videojs/html/tailwind.css\" for HTML skins\n- \"@videojs/react/tailwind.css\" for React skins\n*/\nconst inputFeedback = {\n\troot: cn(\"absolute inset-x-0 top-0 bottom-14 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center overflow-hidden\", \"rounded-[inherit]\", \"@2xl/media-root:bottom-0\", \"[color:var(--media-color-primary,oklch(1_0_0))]\"),\n\tisland: {\n\t\tbase: cn(\"group/input-indicator\", \"absolute top-0 inset-x-0\", \"pt-3 pb-32\", \"flex justify-center\", \"text-inherit font-medium\", \"origin-top pointer-events-none\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-400\", \"data-starting-style:ease-in\", \"data-ending-style:duration-400\", \"data-ending-style:ease-in\", \"[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_3rem,oklch(0_0_0/0))]\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"motion-safe:data-ending-style:-translate-y-full\"),\n\t\tcontent: cn(\"flex justify-between items-center gap-2 px-2.5 py-1\", \"*:last:ml-auto\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)\", \"[@media(prefers-reduced-transparency:reduce)]:rounded-lg\", \"contrast-more:bg-(--media-controls-background-color) contrast-more:rounded-lg\"),\n\t\tvolume: cn(\"*:data-feedback-island-content:w-[min(80%,14rem)]\"),\n\t\tvolumeProgress: cn(\"[--media-progress-fill:var(--media-volume-fill)]\", \"w-full h-0.75 rounded-full\", \"[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_100%)]\", \"shadow-[0_1px_0_var(--media-current-shadow-color-subtle)]\"),\n\t\tshownVolume: cn(\"data-open:duration-100\", \"data-min:*:data-feedback-island-content:animate-media-shake\", \"data-max:*:data-feedback-island-content:animate-media-shake\", \"motion-reduce:data-min:*:data-feedback-island-content:animate-none\", \"motion-reduce:data-max:*:data-feedback-island-content:animate-none\"),\n\t\tshownStatus: cn(\"data-open:duration-100\"),\n\t\ticon: cn(\"hidden shrink-0\", \"drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\"),\n\t\tshownVolumeHigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tshownVolumeLow: \"group-data-[level=low]/input-indicator:block\",\n\t\tshownVolumeOff: \"group-data-[level=off]/input-indicator:block\",\n\t\tshownCaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tshownCaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tshownFullscreenEnter: cn(\"group-data-[status=fullscreen]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=fullscreen]/input-indicator:animate-media-pop-in\"),\n\t\tshownFullscreenExit: cn(\"group-data-[status=exit-fullscreen]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-fullscreen]/input-indicator:animate-media-pop-in\"),\n\t\tshownPipEnter: cn(\"group-data-[status=pip]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pip]/input-indicator:animate-media-pop-in\"),\n\t\tshownPipExit: cn(\"group-data-[status=exit-pip]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=exit-pip]/input-indicator:animate-media-pop-in\"),\n\t\tvalue: \"ml-auto\"\n\t},\n\tbubble: {\n\t\tbase: cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"flex flex-col items-center justify-center p-4\", \"transition-opacity duration-250 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-200\", \"data-starting-style:ease-in\", \"data-ending-style:duration-200\", \"data-ending-style:ease-in\", \"@2xl/media-root:p-8\", \"not-data-direction:[transition-property:opacity,scale]\", \"not-data-direction:duration-600\", \"not-data-direction:[transition-timing-function:ease-out,linear(0,0.12_1.5%,1.35_9.7%,2.2_13.9%,3_19.9%,2.7_21.8%,0.62_37.5%,0.96_50.9%,1)]\", \"motion-reduce:not-data-direction:transition-opacity\", \"motion-reduce:not-data-direction:duration-100\", \"motion-reduce:not-data-direction:ease-out\", \"not-data-direction:data-starting-style:scale-80\", \"not-data-direction:data-ending-style:scale-80\", \"not-data-direction:data-starting-style:duration-200\", \"not-data-direction:data-starting-style:ease-in\", \"not-data-direction:data-ending-style:duration-200\", \"not-data-direction:data-ending-style:ease-in\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\t\ticon: \"hidden w-9 h-9\",\n\t\tshownSeek: cn(\"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:-scale-x-100\", \"group-not-data-starting-style/input-indicator:group-data-[direction=forward]/input-indicator:animate-media-slide-in-forward\", \"group-not-data-starting-style/input-indicator:group-data-[direction=backward]/input-indicator:animate-media-slide-in-backward\", \"motion-reduce:group-data-direction/input-indicator:animate-none\"),\n\t\tshownPause: cn(\"group-data-[status=pause]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=pause]/input-indicator:animate-media-pop-in\"),\n\t\tshownPlay: cn(\"group-data-[status=play]/input-indicator:block\", \"motion-safe:group-not-data-starting-style/input-indicator:group-data-[status=play]/input-indicator:animate-media-pop-in\"),\n\t\ttime: \"tabular-nums\"\n\t}\n};\n//#endregion\nexport { inputFeedback };\n\n//# sourceMappingURL=input-feedback.js.map"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;CACrB,MAAM,GAAG,0DAA0D,sEAAsE,qBAAqB,4BAA4B,kDAAkD;CAC5O,QAAQ;EACP,MAAM,GAAG,yBAAyB,4BAA4B,cAAc,uBAAuB,4BAA4B,kCAAkC,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,wGAAwG,oEAAoE,uDAAuD,sDAAsD,kDAAkD,iDAAiD,wDAAwD,sDAAsD,kDAAkD;EACx5B,SAAS,GAAG,uDAAuD,kBAAkB,wFAAwF,4DAA4D,gFAAgF;EACzT,QAAQ,GAAG,oDAAoD;EAC/D,gBAAgB,GAAG,oDAAoD,8BAA8B,8MAA8M,4DAA4D;EAC/W,aAAa,GAAG,0BAA0B,+DAA+D,+DAA+D,sEAAsE,qEAAqE;EACnT,aAAa,GAAG,yBAAyB;EACzC,MAAM,GAAG,mBAAmB,0DAA0D;EACtF,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB,GAAG,wDAAwD,gIAAgI;EACjN,qBAAqB,GAAG,6DAA6D,qIAAqI;EAC1N,eAAe,GAAG,iDAAiD,yHAAyH;EAC5L,cAAc,GAAG,sDAAsD,8HAA8H;EACrM,OAAO;EACP;CACD,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,iDAAiD,4CAA4C,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,uBAAuB,0DAA0D,mCAAmC,8IAA8I,uDAAuD,iDAAiD,6CAA6C,mDAAmD,iDAAiD,uDAAuD,kDAAkD,qDAAqD,gDAAgD,sFAAsF,iFAAiF;EAC5sC,MAAM;EACN,WAAW,GAAG,8CAA8C,gEAAgE,+HAA+H,iIAAiI,kEAAkE;EAC9b,YAAY,GAAG,mDAAmD,2HAA2H;EAC7L,WAAW,GAAG,kDAAkD,0HAA0H;EAC1L,MAAM;EACN;CACD"}
+{"version":3,"file":"input-feedback.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-feedback.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-feedback.ts\n/**\n* NOTE: tailwind.css is required to support the `@property --media-progress-fill` registration and animation keyframes. You should import from either:\n- \"@videojs/html/tailwind.css\" for HTML skins\n- \"@videojs/react/tailwind.css\" for React skins\n*/\nconst inputFeedback = {\n\troot: cn(\"absolute inset-x-0 top-0 bottom-14 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center overflow-hidden\", \"rounded-[inherit]\", \"@2xl/media-root:bottom-0\", \"[color:var(--media-color-primary,oklch(1_0_0))]\"),\n\tisland: {\n\t\tbase: cn(\"group/input-indicator\", \"absolute top-0 inset-x-0\", \"pt-3 pb-32\", \"flex justify-center\", \"text-inherit font-medium\", \"origin-top pointer-events-none\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-400\", \"data-starting-style:ease-in\", \"data-ending-style:duration-400\", \"data-ending-style:ease-in\", \"[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_3rem,oklch(0_0_0/0))]\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"motion-safe:data-ending-style:-translate-y-full\"),\n\t\tcontent: cn(\"flex justify-between items-center gap-2 px-2.5 py-1\", \"*:last:ml-auto\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)\", \"[@media(prefers-reduced-transparency:reduce)]:rounded-lg\", \"contrast-more:bg-(--media-controls-background-color) contrast-more:rounded-lg\"),\n\t\tvolume: cn(\"*:data-feedback-island-content:w-[min(80%,14rem)]\"),\n\t\tvolumeProgress: cn(\"[--media-progress-fill:var(--media-volume-fill)]\", \"w-full h-0.75 rounded-full\", \"[background-image:linear-gradient(to_right,currentColor_0%,currentColor_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_var(--media-progress-fill),oklch(from_currentColor_l_c_h/0.2)_100%)]\", \"shadow-[0_1px_0_var(--media-current-shadow-color-subtle)]\"),\n\t\tshownVolume: cn(\"data-open:duration-100\", \"data-min:*:data-feedback-island-content:animate-media-shake\", \"data-max:*:data-feedback-island-content:animate-media-shake\", \"motion-reduce:data-min:*:data-feedback-island-content:animate-none\", \"motion-reduce:data-max:*:data-feedback-island-content:animate-none\"),\n\t\tshownStatus: cn(\"data-open:duration-100\"),\n\t\ticon: cn(\"hidden shrink-0\", \"drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\"),\n\t\tshownVolumeHigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tshownVolumeLow: \"group-data-[level=low]/input-indicator:block\",\n\t\tshownVolumeOff: \"group-data-[level=off]/input-indicator:block\",\n\t\tshownCaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tshownCaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tshownFullscreenEnter: \"group-data-[status=fullscreen]/input-indicator:block\",\n\t\tshownFullscreenExit: \"group-data-[status=exit-fullscreen]/input-indicator:block\",\n\t\tshownPipEnter: \"group-data-[status=pip]/input-indicator:block\",\n\t\tshownPipExit: \"group-data-[status=exit-pip]/input-indicator:block\",\n\t\tvalue: \"ml-auto\"\n\t},\n\tbubble: {\n\t\tbase: cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\", \"data-direction:gap-1\", \"@2xl/media-root:data-direction:p-6\", \"not-data-direction:[transition-property:opacity,scale]\", \"not-data-direction:duration-200 not-data-direction:ease-out\", \"motion-reduce:not-data-direction:transition-opacity\", \"motion-reduce:not-data-direction:duration-50\", \"not-data-direction:data-starting-style:opacity-0\", \"not-data-direction:data-ending-style:opacity-0\", \"not-data-direction:data-starting-style:scale-[0.85]\", \"not-data-direction:data-ending-style:scale-[0.85]\", \"not-data-direction:data-ending-style:duration-100\", \"not-data-direction:data-ending-style:ease-in\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\t\ticon: \"hidden size-[calc(var(--media-icon-size)*2)]\",\n\t\tshownSeek: cn(\"group-data-direction/input-indicator:size-[calc(var(--media-icon-size)*1.5)]\", \"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:[scale:-1_1]\", \"motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out\", \"motion-safe:group-data-starting-style/input-indicator:opacity-0\", \"motion-safe:group-data-ending-style/input-indicator:opacity-0\", \"motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]\", \"motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]\"),\n\t\tshownPause: \"group-data-[status=pause]/input-indicator:block\",\n\t\tshownPlay: \"group-data-[status=play]/input-indicator:block\",\n\t\ttime: \"tabular-nums\"\n\t}\n};\n//#endregion\nexport { inputFeedback };\n\n//# sourceMappingURL=input-feedback.js.map"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB;CACrB,MAAM,GAAG,0DAA0D,sEAAsE,qBAAqB,4BAA4B,kDAAkD;CAC5O,QAAQ;EACP,MAAM,GAAG,yBAAyB,4BAA4B,cAAc,uBAAuB,4BAA4B,kCAAkC,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,wGAAwG,oEAAoE,uDAAuD,sDAAsD,kDAAkD,iDAAiD,wDAAwD,sDAAsD,kDAAkD;EACx5B,SAAS,GAAG,uDAAuD,kBAAkB,wFAAwF,4DAA4D,gFAAgF;EACzT,QAAQ,GAAG,oDAAoD;EAC/D,gBAAgB,GAAG,oDAAoD,8BAA8B,8MAA8M,4DAA4D;EAC/W,aAAa,GAAG,0BAA0B,+DAA+D,+DAA+D,sEAAsE,qEAAqE;EACnT,aAAa,GAAG,yBAAyB;EACzC,MAAM,GAAG,mBAAmB,0DAA0D;EACtF,iBAAiB;EACjB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,eAAe;EACf,cAAc;EACd,OAAO;EACP;CACD,QAAQ;EACP,MAAM,GAAG,yBAAyB,2BAA2B,6CAA6C,wBAAwB,sCAAsC,0DAA0D,+DAA+D,uDAAuD,gDAAgD,oDAAoD,kDAAkD,uDAAuD,qDAAqD,qDAAqD,gDAAgD,sFAAsF,iFAAiF;EACt2B,MAAM;EACN,WAAW,GAAG,gFAAgF,8CAA8C,gEAAgE,+FAA+F,mEAAmE,iEAAiE,2HAA2H,0HAA0H;EACpqB,YAAY;EACZ,WAAW;EACX,MAAM;EACN;CACD"}

package/dist/default/skins/dist/default/minimal/tailwind/components/menu.js

@@ -1,10 +1,31 @@
+import { popup } from "./popup.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/menu.js
+const panelBase = cn("absolute inset-0 overflow-auto overscroll-none p-(--menu-padding) outline-none translate-none", "data-starting-style:overflow-hidden data-ending-style:overflow-hidden", "transition-[translate,filter] duration-(--menu-transition-duration) ease-in-out will-change-[translate,filter]");
+const rootView = cn(panelBase, "group/menu-root-view", "data-[menu-view-state=inactive]:-translate-x-full data-[menu-view-state=inactive]:blur");
+const submenuPanel = cn(panelBase, "z-10", "not-data-open:not-data-ending-style:-translate-x-full", "not-data-open:not-data-ending-style:transition-none", "data-starting-style:pointer-events-none data-ending-style:pointer-events-none", "data-starting-style:blur data-ending-style:blur", "data-starting-style:data-[direction=forward]:translate-x-full", "data-ending-style:data-[direction=forward]:-translate-x-full", "data-starting-style:data-[direction=back]:-translate-x-full", "data-ending-style:data-[direction=back]:translate-x-full");
+const itemBase = cn("flex cursor-pointer select-none items-center gap-1.5 rounded-(--menu-item-border-radius) py-1.5 px-2", "text-left", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)", "outline-2 -outline-offset-2 outline-transparent", "transition-colors duration-100 ease-out", "hover:bg-current/10 data-highlighted:bg-current/10", "supports-[top:anchor(top)]:hover:[anchor-name:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:hover:bg-transparent", "supports-[top:anchor(top)]:data-highlighted:[anchor-name:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:data-highlighted:bg-transparent", "focus-visible:outline-current focus-visible:outline-offset-2");
+const menuTokens = cn("[--menu-transition-duration:250ms] [--menu-max-height:14rem] [--menu-padding:0.5rem]", "[--menu-border-radius:1rem] [--menu-item-border-radius:calc(var(--menu-border-radius)_-_var(--menu-padding))]", "motion-reduce:[--menu-transition-duration:0ms]");
+const group = cn("flex flex-col gap-0.5", "supports-[top:anchor(top)]:before:absolute", "supports-[top:anchor(top)]:before:[position-anchor:--media-menu-item-highlight-anchor]", "supports-[top:anchor(top)]:before:[inset:anchor(inside)]", "supports-[top:anchor(top)]:before:pointer-events-none", "supports-[top:anchor(top)]:before:bg-current/10", "supports-[top:anchor(top)]:before:rounded-(--menu-item-border-radius)", "supports-[top:anchor(top)]:before:transition-[inset]", "supports-[top:anchor(top)]:before:duration-100", "supports-[top:anchor(top)]:before:ease-in-out", "group-data-[menu-view-state=inactive]/menu-root-view:before:hidden");
+const menuHostShell = cn(popup.popover, menuTokens, "max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]", "bg-(--media-popover-background-color) [backdrop-filter:var(--media-popover-backdrop-filter)]", "shadow-[0_0_0_1px_var(--media-popover-border-color),0_4px_6px_-1px_oklch(0_0_0/0.1),0_2px_4px_-2px_oklch(0_0_0/0.1)]", "box-border rounded-(--menu-border-radius) p-(--menu-padding) overscroll-none");
 const menu = {
-	root: cn("box-border min-w-[min(6rem,var(--media-popover-available-width,6rem))]", "max-w-(--media-popover-available-width) max-h-(--media-popover-available-height)", "bg-(--media-tooltip-background-color) p-1 !overflow-auto overscroll-none rounded-xl", "[backdrop-filter:var(--media-tooltip-backdrop-filter)]", "ring-1 ring-(color:--media-tooltip-border-color) shadow-md shadow-black/10", "before:hidden"),
-	group: "flex flex-col gap-0.5",
-	item: cn("group/menu-item flex min-h-8 cursor-pointer items-center justify-between gap-2 rounded-lg px-2.5", "tabular-nums text-inherit outline-2 -outline-offset-2 outline-transparent", "hover:bg-current/10 data-highlighted:bg-current/10", "focus-visible:outline-current focus-visible:outline-offset-2", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"),
-	indicator: "-mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100"
+	root: cn(menuHostShell, "overflow-auto!"),
+	settings: cn(menuHostShell, "[--media-popup-transition:var(--media-popup-base-transition),height_var(--media-popup-transition-timing-function)_var(--menu-transition-duration),width_var(--media-popup-transition-timing-function)_var(--menu-transition-duration)]", "data-starting-style:[--media-popup-transition:var(--media-popup-base-transition)] data-ending-style:[--media-popup-transition:var(--media-popup-base-transition)]", "min-w-48 w-(--media-menu-width) h-(--media-menu-height)", "!overflow-hidden"),
+	group,
+	item: cn(itemBase, "group/menu-item justify-between tabular-nums text-inherit", "data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden", "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"),
+	separator: "my-1 border-b border-[oklch(1_0_0/0.1)]",
+	tier: "pl-0.5 pt-px text-[0.5625rem] font-semibold leading-none text-current/70",
+	indicator: "ml-auto -mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100",
+	icon: "shrink-0 text-current/50 drop-shadow-[0_1px_0_var(--media-current-shadow-color)]",
+	rootView,
+	submenuPanel,
+	back: cn(itemBase, "mb-0.5 w-full"),
+	hint: "ml-auto inline-flex min-w-0 items-center gap-1 pl-2 text-xs text-current/65",
+	hintLabel: "max-w-24 overflow-hidden text-ellipsis whitespace-nowrap",
+	chevron: "size-3.5",
+	settingsGroup: "group/settings",
+	settingsTrigger: "group hidden group-has-[[data-availability=available]]/settings:grid",
+	settingsIcon: "transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0"
 };
 //#endregion
 export { menu };