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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 //#region ../skins/dist/default/minimal/tailwind/components/button-group.js
-const buttonGroup = "flex items-center gap-px";
+const buttonGroup = "flex items-center gap-px [&:dir(rtl)]:flex-row-reverse";
 //#endregion
 export { buttonGroup };
 

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/button-group.js"],"sourcesContent":["//#region src/minimal/tailwind/components/button-group.ts\nconst buttonGroup = \"flex items-center gap-px\";\n//#endregion\nexport { buttonGroup };\n\n//# sourceMappingURL=button-group.js.map"],"mappings":";AACA,MAAM,cAAc"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/button-group.js"],"sourcesContent":["//#region src/minimal/tailwind/components/button-group.ts\nconst buttonGroup = \"flex items-center gap-px [&:dir(rtl)]:flex-row-reverse\";\n//#endregion\nexport { buttonGroup };\n\n//# sourceMappingURL=button-group.js.map"],"mappings":";AACA,MAAM,cAAc"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/button.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls-backdrop.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/controls-backdrop.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/controls-backdrop.ts\nconst controlsBackdrop = cn(\"pointer-events-none absolute inset-0 z-10 rounded-[inherit]\", \"bg-linear-to-t from-black/70 via-black/50 via-[--spacing(30)] to-transparent\", \"transition-opacity duration-(--media-controls-transition-duration) ease-out not-data-visible:opacity-0\");\n//#endregion\nexport { controlsBackdrop };\n\n//# sourceMappingURL=controls-backdrop.js.map"],"mappings":";;AAEA,MAAM,mBAAmB,GAAG,+DAA+D,gFAAgF,wGAAwG"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/controls.js

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

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

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

package/dist/dev/skins/dist/default/minimal/tailwind/components/dialog.js

@@ -0,0 +1,15 @@
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/dialog.js
+const dialog = {
+	root: "group/dialog hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none",
+	backdrop: cn("absolute inset-0 z-10 pointer-events-none bg-black/20 backdrop-blur-lg backdrop-saturate-120 opacity-100 not-data-open:hidden", "transition-opacity", "duration-(--media-dialog-transition-duration)", "delay-(--media-dialog-transition-delay)", "ease-(--media-dialog-transition-timing-function)", "data-starting-style:opacity-0 data-ending-style:opacity-0 data-ending-style:delay-0"),
+	popup: cn("flex absolute top-1/2 left-1/2 z-20 max-w-64", "-translate-x-1/2 -translate-y-1/2 flex-col gap-3 p-4 text-white outline-none", "text-shadow-2xs text-shadow-black/50", "transition-[opacity,scale]", "duration-(--media-dialog-transition-duration)", "delay-(--media-dialog-transition-delay)", "ease-(--media-dialog-transition-timing-function)", "data-starting-style:scale-95 data-starting-style:opacity-0", "data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:delay-0", "group-data-starting-style/dialog:scale-95 group-data-starting-style/dialog:opacity-0", "group-data-ending-style/dialog:scale-95 group-data-ending-style/dialog:opacity-0 group-data-ending-style/dialog:delay-0", "motion-reduce:scale-100 motion-reduce:transition-opacity"),
+	content: "flex flex-col gap-2 py-1.5",
+	title: "font-semibold leading-tight",
+	description: "opacity-70 wrap-anywhere",
+	actions: "flex gap-2 *:flex-1"
+};
+//#endregion
+export { dialog };
+
+//# sourceMappingURL=dialog.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/dialog.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/dialog.ts\nconst dialog = {\n\troot: \"group/dialog hidden data-[open]:flex absolute inset-0 z-20 items-center justify-center outline-none\",\n\tbackdrop: cn(\"absolute inset-0 z-10 pointer-events-none bg-black/20 backdrop-blur-lg backdrop-saturate-120 opacity-100 not-data-open:hidden\", \"transition-opacity\", \"duration-(--media-dialog-transition-duration)\", \"delay-(--media-dialog-transition-delay)\", \"ease-(--media-dialog-transition-timing-function)\", \"data-starting-style:opacity-0 data-ending-style:opacity-0 data-ending-style:delay-0\"),\n\tpopup: cn(\"flex absolute top-1/2 left-1/2 z-20 max-w-64\", \"-translate-x-1/2 -translate-y-1/2 flex-col gap-3 p-4 text-white outline-none\", \"text-shadow-2xs text-shadow-black/50\", \"transition-[opacity,scale]\", \"duration-(--media-dialog-transition-duration)\", \"delay-(--media-dialog-transition-delay)\", \"ease-(--media-dialog-transition-timing-function)\", \"data-starting-style:scale-95 data-starting-style:opacity-0\", \"data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:delay-0\", \"group-data-starting-style/dialog:scale-95 group-data-starting-style/dialog:opacity-0\", \"group-data-ending-style/dialog:scale-95 group-data-ending-style/dialog:opacity-0 group-data-ending-style/dialog:delay-0\", \"motion-reduce:scale-100 motion-reduce:transition-opacity\"),\n\tcontent: \"flex flex-col gap-2 py-1.5\",\n\ttitle: \"font-semibold leading-tight\",\n\tdescription: \"opacity-70 wrap-anywhere\",\n\tactions: \"flex gap-2 *:flex-1\"\n};\n//#endregion\nexport { dialog };\n\n//# sourceMappingURL=dialog.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM;CACN,UAAU,GAAG,iIAAiI,sBAAsB,iDAAiD,2CAA2C,oDAAoD,qFAAqF;CACzY,OAAO,GAAG,gDAAgD,gFAAgF,wCAAwC,8BAA8B,iDAAiD,2CAA2C,oDAAoD,8DAA8D,oFAAoF,wFAAwF,2HAA2H,0DAA0D;CAC/vB,SAAS;CACT,OAAO;CACP,aAAa;CACb,SAAS;AACV"}

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

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

package/dist/dev/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(--shadow-current-color)]\", \"transition-[opacity,scale] duration-150 ease-out\");\nconst iconHidden = \"hidden opacity-0\";\nconst iconFlipped = \"[scale:-1_1]\";\nconst iconContainer = \"relative grid\";\n//#endregion\nexport { icon, iconContainer, iconFlipped, iconHidden };\n\n//# sourceMappingURL=icon.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,kDAAkD,qDAAqD,kDAAkD;AAEzK,MAAM,cAAc;AACpB,MAAM,gBAAgB"}
+{"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-shadow-current-color)]\", \"transition-[opacity,scale] duration-150 ease-out\");\nconst iconHidden = \"hidden opacity-0\";\nconst iconFlipped = \"[scale:-1_1]\";\nconst iconContainer = \"relative grid\";\n//#endregion\nexport { icon, iconContainer, iconFlipped, iconHidden };\n\n//# sourceMappingURL=icon.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,kDAAkD,2DAA2D,kDAAkD;AAE/K,MAAM,cAAc;AACpB,MAAM,gBAAgB"}

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

@@ -1,10 +1,11 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/input-indicator.js
-const topIndicatorRoot = cn("group/input-indicator", "absolute top-0 inset-x-0", "pt-3 pb-32", "flex justify-center", "text-inherit font-medium", "origin-top pointer-events-none", "duration-100 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-400", "data-starting-style:ease-in", "data-ending-style:duration-400", "data-ending-style:ease-in", "[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_--spacing(12),oklch(0_0_0/0))]", "text-shadow-2xs text-shadow-(color:--shadow-current-color)", "pointer-fine:will-change-[translate,filter,opacity]", "pointer-fine:transition-[translate,filter,opacity]", "pointer-coarse:will-change-[translate,opacity]", "pointer-coarse:transition-[translate,opacity]", "pointer-fine:motion-safe:data-starting-style:blur-sm", "pointer-fine:motion-safe:data-ending-style:blur-sm", "motion-safe:data-ending-style:-translate-y-full");
-const topIndicatorContent = cn("flex justify-between items-center gap-2 px-2.5 py-1", "*:last:ml-auto", "[@media(prefers-reduced-transparency:reduce)]:bg-(--controls-background-color)", "[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]", "contrast-more:bg-(--controls-background-color) contrast-more:rounded-[--spacing(2)]");
-const topIndicatorIcon = cn("hidden shrink-0", "drop-shadow-[0_1px_0_var(--shadow-current-color)]");
+const inputIndicator = cn("absolute inset-0 pointer-events-none", "grid grid-cols-3 items-center justify-items-center overflow-hidden", "rounded-[inherit]", "text-white");
+const topIndicatorRoot = cn("group/input-indicator", "absolute top-0 inset-x-0", "pt-3 pb-32", "flex justify-center", "text-inherit font-medium", "origin-top pointer-events-none", "duration-100 ease-out", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:duration-400", "data-starting-style:ease-in", "data-ending-style:duration-400", "data-ending-style:ease-in", "[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_--spacing(12),oklch(0_0_0/0))]", "text-shadow-2xs text-shadow-(color:--media-shadow-current-color)", "pointer-fine:will-change-[translate,filter,opacity]", "pointer-fine:transition-[translate,filter,opacity]", "pointer-coarse:will-change-[translate,opacity]", "pointer-coarse:transition-[translate,opacity]", "pointer-fine:motion-safe:data-starting-style:blur-sm", "pointer-fine:motion-safe:data-ending-style:blur-sm", "motion-safe:data-ending-style:-translate-y-full");
+const topIndicatorContent = cn("flex justify-between items-center gap-2 px-2.5 py-1", "*:last:ml-auto", "[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)", "[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]", "contrast-more:bg-(--media-controls-background-color) contrast-more:rounded-[--spacing(2)]");
+const topIndicatorIcon = cn("hidden shrink-0", "drop-shadow-[0_1px_0_var(--media-shadow-current-color)]");
 const centeredIndicatorRoot = cn("group/input-indicator", "col-start-2 row-start-1", "grid place-content-center text-center p-4");
 //#endregion
-export { centeredIndicatorRoot, topIndicatorContent, topIndicatorIcon, topIndicatorRoot };
+export { centeredIndicatorRoot, inputIndicator, topIndicatorContent, topIndicatorIcon, topIndicatorRoot };
 
 //# sourceMappingURL=input-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-indicator.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-indicator.ts\nconst topIndicatorRoot = cn(\"group/input-indicator\", \"absolute top-0 inset-x-0\", \"pt-3 pb-32\", \"flex justify-center\", \"text-inherit font-medium\", \"origin-top pointer-events-none\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-400\", \"data-starting-style:ease-in\", \"data-ending-style:duration-400\", \"data-ending-style:ease-in\", \"[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_--spacing(12),oklch(0_0_0/0))]\", \"text-shadow-2xs text-shadow-(color:--shadow-current-color)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"motion-safe:data-ending-style:-translate-y-full\");\nconst topIndicatorContent = cn(\"flex justify-between items-center gap-2 px-2.5 py-1\", \"*:last:ml-auto\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--controls-background-color)\", \"[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]\", \"contrast-more:bg-(--controls-background-color) contrast-more:rounded-[--spacing(2)]\");\nconst topIndicatorIcon = cn(\"hidden shrink-0\", \"drop-shadow-[0_1px_0_var(--shadow-current-color)]\");\nconst centeredIndicatorRoot = cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\");\n//#endregion\nexport { centeredIndicatorRoot, topIndicatorContent, topIndicatorIcon, topIndicatorRoot };\n\n//# sourceMappingURL=input-indicator.js.map"],"mappings":";;AAEA,MAAM,mBAAmB,GAAG,yBAAyB,4BAA4B,cAAc,uBAAuB,4BAA4B,kCAAkC,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,iHAAiH,8DAA8D,uDAAuD,sDAAsD,kDAAkD,iDAAiD,wDAAwD,sDAAsD,iDAAiD;AAC76B,MAAM,sBAAsB,GAAG,uDAAuD,kBAAkB,kFAAkF,wEAAwE,qFAAqF;AACvV,MAAM,mBAAmB,GAAG,mBAAmB,mDAAmD;AAClG,MAAM,wBAAwB,GAAG,yBAAyB,2BAA2B,2CAA2C"}
+{"version":3,"file":"input-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/input-indicator.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/input-indicator.ts\nconst inputIndicator = cn(\"absolute inset-0 pointer-events-none\", \"grid grid-cols-3 items-center justify-items-center overflow-hidden\", \"rounded-[inherit]\", \"text-white\");\nconst topIndicatorRoot = cn(\"group/input-indicator\", \"absolute top-0 inset-x-0\", \"pt-3 pb-32\", \"flex justify-center\", \"text-inherit font-medium\", \"origin-top pointer-events-none\", \"duration-100 ease-out\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:duration-400\", \"data-starting-style:ease-in\", \"data-ending-style:duration-400\", \"data-ending-style:ease-in\", \"[background-image:linear-gradient(to_bottom,oklch(0_0_0/0.35),oklch(0_0_0/0.2)_--spacing(12),oklch(0_0_0/0))]\", \"text-shadow-2xs text-shadow-(color:--media-shadow-current-color)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"pointer-fine:motion-safe:data-starting-style:blur-sm\", \"pointer-fine:motion-safe:data-ending-style:blur-sm\", \"motion-safe:data-ending-style:-translate-y-full\");\nconst topIndicatorContent = cn(\"flex justify-between items-center gap-2 px-2.5 py-1\", \"*:last:ml-auto\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)\", \"[@media(prefers-reduced-transparency:reduce)]:rounded-[--spacing(2)]\", \"contrast-more:bg-(--media-controls-background-color) contrast-more:rounded-[--spacing(2)]\");\nconst topIndicatorIcon = cn(\"hidden shrink-0\", \"drop-shadow-[0_1px_0_var(--media-shadow-current-color)]\");\nconst centeredIndicatorRoot = cn(\"group/input-indicator\", \"col-start-2 row-start-1\", \"grid place-content-center text-center p-4\");\n//#endregion\nexport { centeredIndicatorRoot, inputIndicator, topIndicatorContent, topIndicatorIcon, topIndicatorRoot };\n\n//# sourceMappingURL=input-indicator.js.map"],"mappings":";;AAEA,MAAM,iBAAiB,GAAG,wCAAwC,sEAAsE,qBAAqB,YAAY;AACzK,MAAM,mBAAmB,GAAG,yBAAyB,4BAA4B,cAAc,uBAAuB,4BAA4B,kCAAkC,yBAAyB,iCAAiC,+BAA+B,oCAAoC,+BAA+B,kCAAkC,6BAA6B,iHAAiH,oEAAoE,uDAAuD,sDAAsD,kDAAkD,iDAAiD,wDAAwD,sDAAsD,iDAAiD;AACn7B,MAAM,sBAAsB,GAAG,uDAAuD,kBAAkB,wFAAwF,wEAAwE,2FAA2F;AACnW,MAAM,mBAAmB,GAAG,mBAAmB,yDAAyD;AACxG,MAAM,wBAAwB,GAAG,yBAAyB,2BAA2B,2CAA2C"}

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

@@ -1,28 +1,33 @@
 import { popup } from "./popup.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/menu.js
-const submenuPanel = cn("absolute inset-x-0 top-0 [max-height:inherit] overflow-auto overscroll-none p-(--menu-padding) outline-none", "z-10", "translate-none transition-[translate,filter] duration-(--menu-transition-duration) ease-out", "data-starting-style:pointer-events-none data-ending-style:pointer-events-none", "data-starting-style:overflow-hidden data-ending-style:overflow-hidden", "data-starting-style:translate-x-full data-ending-style:translate-x-full", "data-starting-style:blur data-ending-style:blur");
-const itemBase = cn("group/menu-item relative 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:--shadow-current-color)", "outline-2 -outline-offset-2 outline-transparent", "transition-colors duration-100 ease-in-out", "supports-[top:anchor(top)]:duration-50", "supports-[top:anchor(top)]:hover:duration-200", "supports-[top:anchor(top)]:data-highlighted:duration-200", "hover:bg-(--accent-background-color) hover:text-(--accent-text-color)", "data-highlighted:bg-(--accent-background-color) data-highlighted:text-(--accent-text-color)", "focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2");
-const menuTokens = cn("[--menu-transition-duration:250ms]", "[--menu-max-height:--spacing(56)]", "[--menu-padding:--spacing(1)]", "[--menu-border-radius:--spacing(2.5)]", "[--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", "[anchor-scope:--menu-item-highlight-anchor]", "supports-[top:anchor(top)]:before:absolute", "supports-[top:anchor(top)]:before:[position-anchor:--menu-item-highlight-anchor]", "supports-[top:anchor(top)]:before:[inset:anchor(inside)]", "supports-[top:anchor(top)]:before:[overflow-anchor:none]", "supports-[top:anchor(top)]:before:pointer-events-none", "supports-[top:anchor(top)]:before:bg-(--accent-background-color)", "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", "supports-[top:anchor(top)]:has-data-[highlighted=]:before:duration-0");
-const menuHostShell = cn(popup.popover, menuTokens, "min-w-max max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]", "bg-(--popover-background-color) [backdrop-filter:var(--popover-backdrop-filter)]", "shadow-[0_0_0_1px_var(--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 submenuPanel = cn("[--media-menu-content-enter-translate:100%] [&:dir(rtl)]:[--media-menu-content-enter-translate:-100%]", "absolute inset-x-0 top-0 [max-height:inherit] overflow-auto overscroll-none p-(--media-menu-padding) outline-none", "z-10", "translate-none transition-[translate,filter] duration-(--media-menu-transition-duration) ease-out", "data-starting-style:pointer-events-none data-ending-style:pointer-events-none", "data-starting-style:overflow-hidden data-ending-style:overflow-hidden", "data-starting-style:[translate:var(--media-menu-content-enter-translate)_0] data-ending-style:[translate:var(--media-menu-content-enter-translate)_0]", "data-starting-style:blur data-ending-style:blur");
+const itemBase = cn("group/menu-item relative flex cursor-pointer select-none items-center gap-1.5 rounded-(--media-menu-item-border-radius) py-1.5 px-2", "text-start whitespace-nowrap", "text-shadow-2xs text-shadow-(color:--media-shadow-current-color)", "outline-2 -outline-offset-2 outline-transparent", "transition-colors duration-100 ease-in-out", "supports-[top:anchor(top)]:duration-50", "supports-[top:anchor(top)]:hover:duration-200", "supports-[top:anchor(top)]:data-highlighted:duration-200", "hover:bg-(--media-accent-background-color) hover:text-(--media-internal-accent-text-color)", "data-highlighted:bg-(--media-accent-background-color) data-highlighted:text-(--media-internal-accent-text-color)", "focus-visible:outline-(--media-focus-ring-color) focus-visible:outline-offset-2");
+const menuTokens = cn("[--media-menu-transition-duration:250ms]", "[--media-menu-max-height:--spacing(56)]", "[--media-menu-padding:--spacing(1)]", "[--media-menu-border-radius:--spacing(2.5)]", "[--media-menu-item-border-radius:calc(var(--media-menu-border-radius)_-_var(--media-menu-padding))]", "motion-reduce:[--media-menu-transition-duration:0ms]");
+const group = cn("flex flex-col gap-0.5", "[anchor-scope:--menu-item-highlight-anchor]", "supports-[top:anchor(top)]:before:absolute", "supports-[top:anchor(top)]:before:[position-anchor:--menu-item-highlight-anchor]", "supports-[top:anchor(top)]:before:[inset:anchor(inside)]", "supports-[top:anchor(top)]:before:[overflow-anchor:none]", "supports-[top:anchor(top)]:before:pointer-events-none", "supports-[top:anchor(top)]:before:bg-(--media-accent-background-color)", "supports-[top:anchor(top)]:before:rounded-(--media-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", "supports-[top:anchor(top)]:has-data-[highlighted=]:before:duration-0");
+const menuHostShell = cn(popup.popover, menuTokens, "min-w-max max-w-(--media-menu-available-width,none) max-h-[min(var(--media-menu-available-height,var(--media-menu-max-height)),var(--media-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-(--media-menu-border-radius) p-(--media-menu-padding) overscroll-none");
 const menu = {
 	/** Standalone menu popover host (audio playback rate, sandbox demos). */
 	root: cn(menuHostShell, "overflow-auto!"),
+	/** Root menu Content. */
+	content: group,
 	/** Settings menu host with nested submenu navigation. */
-	settings: cn(menuHostShell, "[--popup-transition:var(--popup-base-transition),width_var(--popup-transition-timing-function)_var(--menu-transition-duration),height_var(--popup-transition-timing-function)_var(--menu-transition-duration)]", "data-starting-style:[--popup-transition:var(--popup-base-transition)]", "data-ending-style:[--popup-transition:var(--popup-base-transition)]", "min-w-48! w-(--media-menu-width) h-(--media-menu-height)", "[&>:not([data-submenu])]:translate-none [&>:not([data-submenu])]:transition-[translate,filter]", "[&>:not([data-submenu])]:duration-(--menu-transition-duration) [&>:not([data-submenu])]:ease-out", "[&[data-submenu-expanded=true]>:not([data-submenu])]:-translate-x-full", "[&[data-submenu-expanded=true]>:not([data-submenu])]:blur", "[&[data-submenu-expanded]>:not([data-submenu])]:before:hidden", "overflow-hidden!"),
+	settings: cn(menuHostShell, "group/menu-popup", "[--media-popup-transition:var(--media-popup-base-transition),width_var(--media-popup-transition-timing-function)_var(--media-menu-transition-duration),height_var(--media-popup-transition-timing-function)_var(--media-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-44! w-(--media-menu-width) h-(--media-menu-height)", "overflow-hidden!"),
+	/** Root settings Content that exits when a nested Content opens. */
+	settingsContent: cn(group, "translate-0 transition-[translate,filter] duration-(--media-menu-transition-duration) ease-out", "[--media-menu-content-exit-translate:-100%] [&:dir(rtl)]:[--media-menu-content-exit-translate:100%]", "data-[child-open]:[translate:var(--media-menu-content-exit-translate)_0]", "data-[child-open]:blur", "data-[child-open]:before:hidden", "group-has-[>_[data-submenu][data-ending-style]]/menu-popup:before:hidden"),
 	group,
 	item: cn(itemBase, "justify-between tabular-nums text-inherit", "supports-[top:anchor(top)]:data-highlighted:[anchor-name:--menu-item-highlight-anchor]", "supports-[top:anchor(top)]:data-highlighted:bg-transparent", "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-(length:--font-size-tiny) 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(--shadow-current-color)] group-hover/menu-item:text-inherit group-data-highlighted/menu-item:text-inherit",
+	tier: "ps-0.5 pt-px text-(length:--media-font-size-tiny) font-semibold leading-none text-current/70",
+	indicator: "ms-auto -me-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-shadow-current-color)] group-hover/menu-item:text-inherit group-data-highlighted/menu-item:text-inherit",
 	/** Nested submenu panel. */
 	submenuPanel,
 	back: cn(itemBase, "mb-0.5 w-full"),
-	hint: "ml-auto inline-flex min-w-0 items-center gap-1 pl-2 text-current/65",
+	hint: "ms-auto inline-flex min-w-0 items-center gap-1 ps-2 text-current/65",
 	hintLabel: "max-w-24 overflow-hidden text-ellipsis whitespace-nowrap",
-	chevron: "size-3.5",
+	chevron: "size-3.5 [&:dir(rtl)]:[scale:-1_1]",
+	backChevron: "[&:dir(rtl)]:[scale:1_1]",
 	settingsGroup: "group/settings",
 	settingsTrigger: "group",
 	settingsIcon: "transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0"

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/menu.ts\nconst submenuPanel = cn(\"absolute inset-x-0 top-0 [max-height:inherit] overflow-auto overscroll-none p-(--menu-padding) outline-none\", \"z-10\", \"translate-none transition-[translate,filter] duration-(--menu-transition-duration) ease-out\", \"data-starting-style:pointer-events-none data-ending-style:pointer-events-none\", \"data-starting-style:overflow-hidden data-ending-style:overflow-hidden\", \"data-starting-style:translate-x-full data-ending-style:translate-x-full\", \"data-starting-style:blur data-ending-style:blur\");\nconst itemBase = cn(\"group/menu-item relative 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:--shadow-current-color)\", \"outline-2 -outline-offset-2 outline-transparent\", \"transition-colors duration-100 ease-in-out\", \"supports-[top:anchor(top)]:duration-50\", \"supports-[top:anchor(top)]:hover:duration-200\", \"supports-[top:anchor(top)]:data-highlighted:duration-200\", \"hover:bg-(--accent-background-color) hover:text-(--accent-text-color)\", \"data-highlighted:bg-(--accent-background-color) data-highlighted:text-(--accent-text-color)\", \"focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2\");\nconst menuTokens = cn(\"[--menu-transition-duration:250ms]\", \"[--menu-max-height:--spacing(56)]\", \"[--menu-padding:--spacing(1)]\", \"[--menu-border-radius:--spacing(2.5)]\", \"[--menu-item-border-radius:calc(var(--menu-border-radius)_-_var(--menu-padding))]\", \"motion-reduce:[--menu-transition-duration:0ms]\");\nconst group = cn(\"flex flex-col gap-0.5\", \"[anchor-scope:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:absolute\", \"supports-[top:anchor(top)]:before:[position-anchor:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:[inset:anchor(inside)]\", \"supports-[top:anchor(top)]:before:[overflow-anchor:none]\", \"supports-[top:anchor(top)]:before:pointer-events-none\", \"supports-[top:anchor(top)]:before:bg-(--accent-background-color)\", \"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\", \"supports-[top:anchor(top)]:has-data-[highlighted=]:before:duration-0\");\nconst menuHostShell = cn(popup.popover, menuTokens, \"min-w-max max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]\", \"bg-(--popover-background-color) [backdrop-filter:var(--popover-backdrop-filter)]\", \"shadow-[0_0_0_1px_var(--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\");\nconst menu = {\n\t/** Standalone menu popover host (audio playback rate, sandbox demos). */\n\troot: cn(menuHostShell, \"overflow-auto!\"),\n\t/** Settings menu host with nested submenu navigation. */\n\tsettings: cn(menuHostShell, \"[--popup-transition:var(--popup-base-transition),width_var(--popup-transition-timing-function)_var(--menu-transition-duration),height_var(--popup-transition-timing-function)_var(--menu-transition-duration)]\", \"data-starting-style:[--popup-transition:var(--popup-base-transition)]\", \"data-ending-style:[--popup-transition:var(--popup-base-transition)]\", \"min-w-48! w-(--media-menu-width) h-(--media-menu-height)\", \"[&>:not([data-submenu])]:translate-none [&>:not([data-submenu])]:transition-[translate,filter]\", \"[&>:not([data-submenu])]:duration-(--menu-transition-duration) [&>:not([data-submenu])]:ease-out\", \"[&[data-submenu-expanded=true]>:not([data-submenu])]:-translate-x-full\", \"[&[data-submenu-expanded=true]>:not([data-submenu])]:blur\", \"[&[data-submenu-expanded]>:not([data-submenu])]:before:hidden\", \"overflow-hidden!\"),\n\tgroup,\n\titem: cn(itemBase, \"justify-between tabular-nums text-inherit\", \"supports-[top:anchor(top)]:data-highlighted:[anchor-name:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:data-highlighted:bg-transparent\", \"data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\tseparator: \"my-1 border-b border-[oklch(1_0_0/0.1)]\",\n\ttier: \"pl-0.5 pt-px text-(length:--font-size-tiny) font-semibold leading-none text-current/70\",\n\tindicator: \"ml-auto -mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\",\n\ticon: \"shrink-0 text-current/50 drop-shadow-[0_1px_0_var(--shadow-current-color)] group-hover/menu-item:text-inherit group-data-highlighted/menu-item:text-inherit\",\n\t/** Nested submenu panel. */\n\tsubmenuPanel,\n\tback: cn(itemBase, \"mb-0.5 w-full\"),\n\thint: \"ml-auto inline-flex min-w-0 items-center gap-1 pl-2 text-current/65\",\n\thintLabel: \"max-w-24 overflow-hidden text-ellipsis whitespace-nowrap\",\n\tchevron: \"size-3.5\",\n\tsettingsGroup: \"group/settings\",\n\tsettingsTrigger: \"group\",\n\tsettingsIcon: \"transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0\"\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":";;;AAGA,MAAM,eAAe,GAAG,+GAA+G,QAAQ,+FAA+F,iFAAiF,yEAAyE,2EAA2E,iDAAiD;AACpgB,MAAM,WAAW,GAAG,iIAAiI,aAAa,8DAA8D,mDAAmD,8CAA8C,0CAA0C,iDAAiD,4DAA4D,yEAAyE,+FAA+F,2EAA2E;AAC3sB,MAAM,aAAa,GAAG,sCAAsC,qCAAqC,iCAAiC,yCAAyC,qFAAqF,gDAAgD;AAChT,MAAM,QAAQ,GAAG,yBAAyB,+CAA+C,8CAA8C,oFAAoF,4DAA4D,4DAA4D,yDAAyD,oEAAoE,yEAAyE,wDAAwD,kDAAkD,iDAAiD,sEAAsE;AAC1vB,MAAM,gBAAgB,GAAG,MAAM,SAAS,YAAY,2JAA2J,oFAAoF,kHAAkH,8EAA8E;AACne,MAAM,OAAO;;CAEZ,MAAM,GAAG,eAAe,gBAAgB;;CAExC,UAAU,GAAG,eAAe,kNAAkN,yEAAyE,uEAAuE,4DAA4D,kGAAkG,oGAAoG,0EAA0E,6DAA6D,iEAAiE,kBAAkB;CAC11B;CACA,MAAM,GAAG,UAAU,6CAA6C,0FAA0F,8DAA8D,iFAAiF,6FAA6F;CACtY,WAAW;CACX,MAAM;CACN,WAAW;CACX,MAAM;;CAEN;CACA,MAAM,GAAG,UAAU,eAAe;CAClC,MAAM;CACN,WAAW;CACX,SAAS;CACT,eAAe;CACf,iBAAiB;CACjB,cAAc;AACf"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/menu.ts\nconst submenuPanel = cn(\"[--media-menu-content-enter-translate:100%] [&:dir(rtl)]:[--media-menu-content-enter-translate:-100%]\", \"absolute inset-x-0 top-0 [max-height:inherit] overflow-auto overscroll-none p-(--media-menu-padding) outline-none\", \"z-10\", \"translate-none transition-[translate,filter] duration-(--media-menu-transition-duration) ease-out\", \"data-starting-style:pointer-events-none data-ending-style:pointer-events-none\", \"data-starting-style:overflow-hidden data-ending-style:overflow-hidden\", \"data-starting-style:[translate:var(--media-menu-content-enter-translate)_0] data-ending-style:[translate:var(--media-menu-content-enter-translate)_0]\", \"data-starting-style:blur data-ending-style:blur\");\nconst itemBase = cn(\"group/menu-item relative flex cursor-pointer select-none items-center gap-1.5 rounded-(--media-menu-item-border-radius) py-1.5 px-2\", \"text-start whitespace-nowrap\", \"text-shadow-2xs text-shadow-(color:--media-shadow-current-color)\", \"outline-2 -outline-offset-2 outline-transparent\", \"transition-colors duration-100 ease-in-out\", \"supports-[top:anchor(top)]:duration-50\", \"supports-[top:anchor(top)]:hover:duration-200\", \"supports-[top:anchor(top)]:data-highlighted:duration-200\", \"hover:bg-(--media-accent-background-color) hover:text-(--media-internal-accent-text-color)\", \"data-highlighted:bg-(--media-accent-background-color) data-highlighted:text-(--media-internal-accent-text-color)\", \"focus-visible:outline-(--media-focus-ring-color) focus-visible:outline-offset-2\");\nconst menuTokens = cn(\"[--media-menu-transition-duration:250ms]\", \"[--media-menu-max-height:--spacing(56)]\", \"[--media-menu-padding:--spacing(1)]\", \"[--media-menu-border-radius:--spacing(2.5)]\", \"[--media-menu-item-border-radius:calc(var(--media-menu-border-radius)_-_var(--media-menu-padding))]\", \"motion-reduce:[--media-menu-transition-duration:0ms]\");\nconst group = cn(\"flex flex-col gap-0.5\", \"[anchor-scope:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:absolute\", \"supports-[top:anchor(top)]:before:[position-anchor:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:[inset:anchor(inside)]\", \"supports-[top:anchor(top)]:before:[overflow-anchor:none]\", \"supports-[top:anchor(top)]:before:pointer-events-none\", \"supports-[top:anchor(top)]:before:bg-(--media-accent-background-color)\", \"supports-[top:anchor(top)]:before:rounded-(--media-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\", \"supports-[top:anchor(top)]:has-data-[highlighted=]:before:duration-0\");\nconst menuHostShell = cn(popup.popover, menuTokens, \"min-w-max max-w-(--media-menu-available-width,none) max-h-[min(var(--media-menu-available-height,var(--media-menu-max-height)),var(--media-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-(--media-menu-border-radius) p-(--media-menu-padding) overscroll-none\");\nconst menu = {\n\t/** Standalone menu popover host (audio playback rate, sandbox demos). */\n\troot: cn(menuHostShell, \"overflow-auto!\"),\n\t/** Root menu Content. */\n\tcontent: group,\n\t/** Settings menu host with nested submenu navigation. */\n\tsettings: cn(menuHostShell, \"group/menu-popup\", \"[--media-popup-transition:var(--media-popup-base-transition),width_var(--media-popup-transition-timing-function)_var(--media-menu-transition-duration),height_var(--media-popup-transition-timing-function)_var(--media-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-44! w-(--media-menu-width) h-(--media-menu-height)\", \"overflow-hidden!\"),\n\t/** Root settings Content that exits when a nested Content opens. */\n\tsettingsContent: cn(group, \"translate-0 transition-[translate,filter] duration-(--media-menu-transition-duration) ease-out\", \"[--media-menu-content-exit-translate:-100%] [&:dir(rtl)]:[--media-menu-content-exit-translate:100%]\", \"data-[child-open]:[translate:var(--media-menu-content-exit-translate)_0]\", \"data-[child-open]:blur\", \"data-[child-open]:before:hidden\", \"group-has-[>_[data-submenu][data-ending-style]]/menu-popup:before:hidden\"),\n\tgroup,\n\titem: cn(itemBase, \"justify-between tabular-nums text-inherit\", \"supports-[top:anchor(top)]:data-highlighted:[anchor-name:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:data-highlighted:bg-transparent\", \"data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\tseparator: \"my-1 border-b border-[oklch(1_0_0/0.1)]\",\n\ttier: \"ps-0.5 pt-px text-(length:--media-font-size-tiny) font-semibold leading-none text-current/70\",\n\tindicator: \"ms-auto -me-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\",\n\ticon: \"shrink-0 text-current/50 drop-shadow-[0_1px_0_var(--media-shadow-current-color)] group-hover/menu-item:text-inherit group-data-highlighted/menu-item:text-inherit\",\n\t/** Nested submenu panel. */\n\tsubmenuPanel,\n\tback: cn(itemBase, \"mb-0.5 w-full\"),\n\thint: \"ms-auto inline-flex min-w-0 items-center gap-1 ps-2 text-current/65\",\n\thintLabel: \"max-w-24 overflow-hidden text-ellipsis whitespace-nowrap\",\n\tchevron: \"size-3.5 [&:dir(rtl)]:[scale:-1_1]\",\n\tbackChevron: \"[&:dir(rtl)]:[scale:1_1]\",\n\tsettingsGroup: \"group/settings\",\n\tsettingsTrigger: \"group\",\n\tsettingsIcon: \"transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0\"\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":";;;AAGA,MAAM,eAAe,GAAG,yGAAyG,qHAAqH,QAAQ,qGAAqG,iFAAiF,yEAAyE,yJAAyJ,iDAAiD;AACvsB,MAAM,WAAW,GAAG,uIAAuI,gCAAgC,oEAAoE,mDAAmD,8CAA8C,0CAA0C,iDAAiD,4DAA4D,8FAA8F,oHAAoH,iFAAiF;AAC1xB,MAAM,aAAa,GAAG,4CAA4C,2CAA2C,uCAAuC,+CAA+C,uGAAuG,sDAAsD;AAChW,MAAM,QAAQ,GAAG,yBAAyB,+CAA+C,8CAA8C,oFAAoF,4DAA4D,4DAA4D,yDAAyD,0EAA0E,+EAA+E,wDAAwD,kDAAkD,iDAAiD,sEAAsE;AACtwB,MAAM,gBAAgB,GAAG,MAAM,SAAS,YAAY,iKAAiK,gGAAgG,wHAAwH,0FAA0F;AACvgB,MAAM,OAAO;;CAEZ,MAAM,GAAG,eAAe,gBAAgB;;CAExC,SAAS;;CAET,UAAU,GAAG,eAAe,oBAAoB,sPAAsP,qFAAqF,mFAAmF,4DAA4D,kBAAkB;;CAE5hB,iBAAiB,GAAG,OAAO,kGAAkG,uGAAuG,4EAA4E,0BAA0B,mCAAmC,0EAA0E;CACvb;CACA,MAAM,GAAG,UAAU,6CAA6C,0FAA0F,8DAA8D,iFAAiF,6FAA6F;CACtY,WAAW;CACX,MAAM;CACN,WAAW;CACX,MAAM;;CAEN;CACA,MAAM,GAAG,UAAU,eAAe;CAClC,MAAM;CACN,WAAW;CACX,SAAS;CACT,aAAa;CACb,eAAe;CACf,iBAAiB;CACjB,cAAc;AACf"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/popup.js

@@ -1,13 +1,14 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/popup.js
-const base = cn("[--popup-base-transition:opacity_var(--popup-transition-timing-function)_var(--popup-transition-duration),filter_var(--popup-transition-timing-function)_var(--popup-transition-duration),transform_var(--popup-transition-timing-function)_var(--popup-transition-duration),scale_var(--popup-transition-timing-function)_var(--popup-transition-duration)]", "[--popup-translate-distance:--spacing(2)] m-0 border-0 text-inherit overflow-visible", "[transition:var(--popup-transition,var(--popup-base-transition))]", "data-starting-style:opacity-0 data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]", "data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none", "data-ending-style:[transition-duration:max(0ms,calc(var(--popup-transition-duration)-50ms))]", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)*-1)]", "data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)*-1)]", "before:absolute before:pointer-events-[inherit]", "data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full", "data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full", "data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full", "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full");
+const base = cn("[--media-popup-base-transition:opacity_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),filter_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),transform_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),scale_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration)]", "[--media-popup-translate-distance:--spacing(2)] m-0 border-0 text-inherit overflow-visible", "[transition:var(--media-popup-transition,var(--media-popup-base-transition))]", "data-starting-style:opacity-0 data-starting-style:scale-95 data-starting-style:[transform:translate(var(--media-popup-translate-x-distance,0),var(--media-popup-translate-y-distance,0))]", "data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none", "data-ending-style:[transition-duration:max(0ms,calc(var(--media-popup-transition-duration)-50ms))]", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "data-[side=top]:[--media-popup-translate-y-distance:var(--media-popup-translate-distance)] data-[side=bottom]:[--media-popup-translate-y-distance:calc(var(--media-popup-translate-distance)*-1)]", "data-[side=left]:[--media-popup-translate-x-distance:var(--media-popup-translate-distance)] data-[side=right]:[--media-popup-translate-x-distance:calc(var(--media-popup-translate-distance)*-1)]", "before:absolute before:pointer-events-[inherit]", "data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full", "data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full", "data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full", "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full");
+const tooltip = cn("px-2 py-1 rounded-[--spacing(2)] text-(length:--media-font-size-base) whitespace-nowrap", "bg-(--media-tooltip-background-color) [backdrop-filter:var(--media-tooltip-backdrop-filter)]", "ring-1 ring-(color:--media-tooltip-border-color) shadow-md shadow-black/20", "text-(--media-tooltip-text-color)");
 const popup = {
 	base,
 	popover: cn(base, "data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)", "data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)"),
-	tooltip: cn(base, "px-2 py-1 rounded-[--spacing(2)] text-(length:--font-size-base) whitespace-nowrap", "data-open:flex data-open:items-center data-open:gap-1", "bg-(--tooltip-background-color) [backdrop-filter:var(--tooltip-backdrop-filter)]", "ring-1 ring-(color:--tooltip-border-color) shadow-md shadow-black/20", "text-(--tooltip-text-color)", "data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)", "data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)"),
-	tooltipShortcut: cn("min-w-[1.5em] -mr-1 p-[0.1em] bg-current/15 text-(length:--font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]")
+	tooltip: cn(base, tooltip, "data-open:flex data-open:items-center data-open:gap-1", "data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)", "data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)"),
+	tooltipShortcut: cn("min-w-[1.5em] -mr-1 p-[0.1em] bg-current/15 text-(length:--media-font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]")
 };
 //#endregion
-export { popup };
+export { popup, tooltip };
 
 //# sourceMappingURL=popup.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/popup.ts\nconst base = cn(\"[--popup-base-transition:opacity_var(--popup-transition-timing-function)_var(--popup-transition-duration),filter_var(--popup-transition-timing-function)_var(--popup-transition-duration),transform_var(--popup-transition-timing-function)_var(--popup-transition-duration),scale_var(--popup-transition-timing-function)_var(--popup-transition-duration)]\", \"[--popup-translate-distance:--spacing(2)] m-0 border-0 text-inherit overflow-visible\", \"[transition:var(--popup-transition,var(--popup-base-transition))]\", \"data-starting-style:opacity-0 data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]\", \"data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none\", \"data-ending-style:[transition-duration:max(0ms,calc(var(--popup-transition-duration)-50ms))]\", \"data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left\", \"data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)*-1)]\", \"data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)*-1)]\", \"before:absolute before:pointer-events-[inherit]\", \"data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full\", \"data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full\", \"data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full\", \"data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full\");\nconst popup = {\n\tbase,\n\tpopover: cn(base, \"data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)\", \"data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)\"),\n\ttooltip: cn(base, \"px-2 py-1 rounded-[--spacing(2)] text-(length:--font-size-base) whitespace-nowrap\", \"data-open:flex data-open:items-center data-open:gap-1\", \"bg-(--tooltip-background-color) [backdrop-filter:var(--tooltip-backdrop-filter)]\", \"ring-1 ring-(color:--tooltip-border-color) shadow-md shadow-black/20\", \"text-(--tooltip-text-color)\", \"data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)\", \"data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)\"),\n\ttooltipShortcut: cn(\"min-w-[1.5em] -mr-1 p-[0.1em] bg-current/15 text-(length:--font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]\")\n};\n//#endregion\nexport { popup };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,gWAAgW,wFAAwF,qEAAqE,iLAAiL,qHAAqH,gGAAgG,2HAA2H,6KAA6K,6KAA6K,mDAAmD,gGAAgG,4GAA4G,oGAAoG,sGAAsG;AACjzD,MAAM,QAAQ;CACb;CACA,SAAS,GAAG,MAAM,oHAAoH,kHAAkH;CACxP,SAAS,GAAG,MAAM,qFAAqF,yDAAyD,oFAAoF,wEAAwE,+BAA+B,oHAAoH,kHAAkH;CACjkB,iBAAiB,GAAG,4JAA4J;AACjL"}
+{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/popup.ts\nconst base = cn(\"[--media-popup-base-transition:opacity_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),filter_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),transform_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),scale_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration)]\", \"[--media-popup-translate-distance:--spacing(2)] m-0 border-0 text-inherit overflow-visible\", \"[transition:var(--media-popup-transition,var(--media-popup-base-transition))]\", \"data-starting-style:opacity-0 data-starting-style:scale-95 data-starting-style:[transform:translate(var(--media-popup-translate-x-distance,0),var(--media-popup-translate-y-distance,0))]\", \"data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none\", \"data-ending-style:[transition-duration:max(0ms,calc(var(--media-popup-transition-duration)-50ms))]\", \"data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left\", \"data-[side=top]:[--media-popup-translate-y-distance:var(--media-popup-translate-distance)] data-[side=bottom]:[--media-popup-translate-y-distance:calc(var(--media-popup-translate-distance)*-1)]\", \"data-[side=left]:[--media-popup-translate-x-distance:var(--media-popup-translate-distance)] data-[side=right]:[--media-popup-translate-x-distance:calc(var(--media-popup-translate-distance)*-1)]\", \"before:absolute before:pointer-events-[inherit]\", \"data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full\", \"data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full\", \"data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full\", \"data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full\");\nconst tooltip = cn(\"px-2 py-1 rounded-[--spacing(2)] text-(length:--media-font-size-base) whitespace-nowrap\", \"bg-(--media-tooltip-background-color) [backdrop-filter:var(--media-tooltip-backdrop-filter)]\", \"ring-1 ring-(color:--media-tooltip-border-color) shadow-md shadow-black/20\", \"text-(--media-tooltip-text-color)\");\nconst popup = {\n\tbase,\n\tpopover: cn(base, \"data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)\", \"data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)\"),\n\ttooltip: cn(base, tooltip, \"data-open:flex data-open:items-center data-open:gap-1\", \"data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)\", \"data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)\"),\n\ttooltipShortcut: cn(\"min-w-[1.5em] -mr-1 p-[0.1em] bg-current/15 text-(length:--media-font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]\")\n};\n//#endregion\nexport { popup, tooltip };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,sZAAsZ,8FAA8F,iFAAiF,6LAA6L,qHAAqH,sGAAsG,2HAA2H,qMAAqM,qMAAqM,mDAAmD,gGAAgG,4GAA4G,oGAAoG,sGAAsG;AAC37D,MAAM,UAAU,GAAG,2FAA2F,gGAAgG,8EAA8E,mCAAmC;AAC/T,MAAM,QAAQ;CACb;CACA,SAAS,GAAG,MAAM,oHAAoH,kHAAkH;CACxP,SAAS,GAAG,MAAM,SAAS,yDAAyD,oHAAoH,kHAAkH;CAC1T,iBAAiB,GAAG,kKAAkK;AACvL"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/poster.js

@@ -7,14 +7,14 @@ const poster = (isShadowDOM) => cn("absolute inset-0 w-full h-full pointer-event
 	"[&_::slotted(img)]:h-full",
 	"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]",
 	"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]",
-	"[&_::slotted(img)]:rounded-(--container-border-radius)",
+	"[&_::slotted(img)]:rounded-(--media-container-border-radius)",
 	"[&_img]:absolute",
 	"[&_img]:inset-0",
 	"[&_img]:w-full",
 	"[&_img]:h-full",
 	"[&_img]:[object-fit:var(--media-object-fit,contain)]",
 	"[&_img]:[object-position:var(--media-object-position,center)]",
-	"[&_img]:rounded-(--container-border-radius)"
+	"[&_img]:rounded-(--media-container-border-radius)"
 ] : "rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]");
 //#endregion
 export { poster };

package/dist/dev/skins/dist/default/minimal/tailwind/components/poster.js.map

@@ -1 +1 @@
-{"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"[&_::slotted(img)]:absolute\",\n\t\"[&_::slotted(img)]:inset-0\",\n\t\"[&_::slotted(img)]:w-full\",\n\t\"[&_::slotted(img)]:h-full\",\n\t\"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_::slotted(img)]:rounded-(--container-border-radius)\",\n\t\"[&_img]:absolute\",\n\t\"[&_img]:inset-0\",\n\t\"[&_img]:w-full\",\n\t\"[&_img]:h-full\",\n\t\"[&_img]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_img]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_img]:rounded-(--container-border-radius)\"\n] : \"rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]\");\n//#endregion\nexport { poster };\n\n//# sourceMappingURL=poster.js.map"],"mappings":";;AAEA,MAAM,UAAU,gBAAgB,GAAG,sDAAsD,mCAAmC,8BAA8B,cAAc;CACvK;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,sHAAsH"}
+{"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"[&_::slotted(img)]:absolute\",\n\t\"[&_::slotted(img)]:inset-0\",\n\t\"[&_::slotted(img)]:w-full\",\n\t\"[&_::slotted(img)]:h-full\",\n\t\"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_::slotted(img)]:rounded-(--media-container-border-radius)\",\n\t\"[&_img]:absolute\",\n\t\"[&_img]:inset-0\",\n\t\"[&_img]:w-full\",\n\t\"[&_img]:h-full\",\n\t\"[&_img]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_img]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_img]:rounded-(--media-container-border-radius)\"\n] : \"rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]\");\n//#endregion\nexport { poster };\n\n//# sourceMappingURL=poster.js.map"],"mappings":";;AAEA,MAAM,UAAU,gBAAgB,GAAG,sDAAsD,mCAAmC,8BAA8B,cAAc;CACvK;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,sHAAsH"}