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

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

@@ -2,28 +2,33 @@ import { popup } from "./popup.js";
 import { surface } from "./surface.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/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(3)]", "[--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, surface, 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))]", "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(3)]", "[--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, surface, 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))]", "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(0_0_0/0.1)] shadow-[0_1px_0_0_oklch(1_0_0/0.075)]",
-	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/65 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/65 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/default/skins/dist/default/default/tailwind/components/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { surface } from \"./surface.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/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(3)]\", \"[--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, surface, 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))]\", \"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(0_0_0/0.1)] shadow-[0_1px_0_0_oklch(1_0_0/0.075)]\",\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/65 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":";;;;AAIA,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,uCAAuC,qFAAqF,gDAAgD;AAC9S,MAAM,QAAQ,GAAG,yBAAyB,+CAA+C,8CAA8C,oFAAoF,4DAA4D,4DAA4D,yDAAyD,oEAAoE,yEAAyE,wDAAwD,kDAAkD,iDAAiD,sEAAsE;AAC1vB,MAAM,gBAAgB,GAAG,MAAM,SAAS,SAAS,YAAY,2JAA2J,8EAA8E;AACtS,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/default/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { surface } from \"./surface.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/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(3)]\", \"[--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, surface, 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))]\", \"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(0_0_0/0.1)] shadow-[0_1px_0_0_oklch(1_0_0/0.075)]\",\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/65 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":";;;;AAIA,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,6CAA6C,uGAAuG,sDAAsD;AAC9V,MAAM,QAAQ,GAAG,yBAAyB,+CAA+C,8CAA8C,oFAAoF,4DAA4D,4DAA4D,yDAAyD,0EAA0E,+EAA+E,wDAAwD,kDAAkD,iDAAiD,sEAAsE;AACtwB,MAAM,gBAAgB,GAAG,MAAM,SAAS,SAAS,YAAY,iKAAiK,0FAA0F;AACxT,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/default/skins/dist/default/default/tailwind/components/popup.js

@@ -1,13 +1,14 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/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:0.5rem] m-0 border-0 text-inherit overflow-visible", "[transition:var(--popup-transition,var(--popup-base-transition))]", "data-starting-style:opacity-0 data-starting-style:blur-xs 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:0.5rem] 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:blur-xs 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 = "py-1 px-2.5 rounded-full text-(length:--media-font-size-base) whitespace-nowrap";
 const popup = {
 	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, "py-1 px-2.5 rounded-full text-(length:--font-size-base) whitespace-nowrap", "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)"),
+	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)"),
 	volume: "py-3 px-0 rounded-full",
-	tooltipShortcut: cn("min-w-[1.5em] p-[0.1em] bg-current/30 text-(length:--font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]")
+	tooltipShortcut: cn("min-w-[1.5em] p-[0.1em] bg-current/30 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/default/skins/dist/default/default/tailwind/components/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/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:0.5rem] m-0 border-0 text-inherit overflow-visible\", \"[transition:var(--popup-transition,var(--popup-base-transition))]\", \"data-starting-style:opacity-0 data-starting-style:blur-xs 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\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, \"py-1 px-2.5 rounded-full text-(length:--font-size-base) whitespace-nowrap\", \"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\tvolume: \"py-3 px-0 rounded-full\",\n\ttooltipShortcut: cn(\"min-w-[1.5em] p-[0.1em] bg-current/30 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,kFAAkF,qEAAqE,6MAA6M,qHAAqH,gGAAgG,2HAA2H,6KAA6K,6KAA6K,mDAAmD,gGAAgG,4GAA4G,oGAAoG,sGAAsG;AACv0D,MAAM,QAAQ;CACb,SAAS,GAAG,MAAM,oHAAoH,kHAAkH;CACxP,SAAS,GAAG,MAAM,6EAA6E,yDAAyD,oHAAoH,kHAAkH;CAC9X,QAAQ;CACR,iBAAiB,GAAG,sJAAsJ;AAC3K"}
+{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/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:0.5rem] 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:blur-xs 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 = \"py-1 px-2.5 rounded-full text-(length:--media-font-size-base) whitespace-nowrap\";\nconst popup = {\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\tvolume: \"py-3 px-0 rounded-full\",\n\ttooltipShortcut: cn(\"min-w-[1.5em] p-[0.1em] bg-current/30 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,wFAAwF,iFAAiF,yNAAyN,qHAAqH,sGAAsG,2HAA2H,qMAAqM,qMAAqM,mDAAmD,gGAAgG,4GAA4G,oGAAoG,sGAAsG;AACj9D,MAAM,UAAU;AAChB,MAAM,QAAQ;CACb,SAAS,GAAG,MAAM,oHAAoH,kHAAkH;CACxP,SAAS,GAAG,MAAM,SAAS,yDAAyD,oHAAoH,kHAAkH;CAC1T,QAAQ;CACR,iBAAiB,GAAG,4JAA4J;AACjL"}

package/dist/default/skins/dist/default/default/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/default/skins/dist/default/default/tailwind/components/poster.js.map

@@ -1 +1 @@
-{"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/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/default/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { iconState } from "../../shared/tailwind/icon-state.js";
 import { container as container$1 } from "./components/container.js";
 import { controls as controls$1 } from "./components/controls.js";
-import { error as error$1 } from "./components/error.js";
+import { dialog as dialog$1 } from "./components/dialog.js";
 import { popup as popup$1 } from "./components/popup.js";
 import { slider as slider$1 } from "./components/slider.js";
 import { surface } from "./components/surface.js";
@@ -14,19 +14,19 @@ import { icon, iconFlipped } from "./components/icon.js";
 import { menu as menu$1 } from "./components/menu.js";
 import "./components/playback-rate.js";
 import "./components/seek.js";
+import { inputIndicator } from "./components/input-indicator.js";
 import { statusIndicator as statusIndicator$1 } from "./components/status-indicator.js";
 import { thumbnail as thumbnail$1 } from "./components/thumbnail.js";
 import { volumeIndicator as volumeIndicator$1 } from "./components/volume-indicator.js";
-import { inputIndicatorOverlay } from "./components/input-indicator-overlay.js";
-import { overlay } from "./components/overlay.js";
+import { controlsBackdrop } from "./components/controls-backdrop.js";
 import { poster } from "./components/poster.js";
 import { seekIndicator } from "./components/seek-indicator.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/video.tailwind.js
-const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "[&:fullscreen]:after:hidden", "after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--border-color)", {
-	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
+const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overflow-clip", "[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:bg-black/35", "[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:opacity-100", "[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:backdrop-blur-sm", "[&:has(.media-error[data-open])_.media-controls]:hidden!", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "[&:fullscreen]:after:hidden", "after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--media-border-color)", {
+	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
 	"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]": !isShadowDOM
-}, "[--default-accent-color:oklch(1_0_0)]", "[--border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]", "[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "**:[--focus-ring-color:oklch(1_0_0)]", "[--container-border-radius:var(--media-border-radius,1.75rem)]", "[--media-video-border-radius:var(--container-border-radius)]", "[--controls-transition-duration:100ms]", "[--controls-transition-timing-function:ease-out]", "[--error-dialog-transition-duration:350ms]", "[--error-dialog-transition-delay:100ms]", "[--error-dialog-transition-timing-function:ease-out]", "[--popup-transition-duration:100ms]", "[--popup-transition-timing-function:ease-out]", "[--surface-background-color:oklch(1_0_0/0.1)]", "[--surface-inner-border-color:oklch(1_0_0/0.1)]", "[--surface-outer-border-color:oklch(0_0_0/0.1)]", "[--surface-shadow-color:oklch(0_0_0/0.15)]", "[--surface-backdrop-filter:blur(16px)_saturate(1.5)]", "min-[1280px]:[&:fullscreen]:[--scale:1.25]", "min-[1536px]:[&:fullscreen]:[--scale:1.5]", "min-[1920px]:[&:fullscreen]:[--scale:1.75]", "motion-reduce:[--error-dialog-transition-duration:50ms]", "motion-reduce:[--error-dialog-transition-delay:0ms]", "motion-reduce:[--error-dialog-transition-timing-function:ease-out]", "motion-reduce:[--popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-background-color:oklch(0_0_0)]", "contrast-more:[--surface-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-inner-border-color:oklch(1_0_0/0.25)]", "contrast-more:[--surface-inner-border-color:oklch(1_0_0/0.25)]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-outer-border-color:transparent]", "contrast-more:[--surface-outer-border-color:transparent]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:50ms]", "[--media-caption-track-y:--spacing(-2)]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-14)]", !isShadowDOM ? [
+}, "[--media-default-accent-color:oklch(1_0_0)]", "[--media-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]", "[--media-focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "**:[--media-focus-ring-color:oklch(1_0_0)]", "[--media-container-border-radius:var(--media-border-radius,1.75rem)]", "[--media-video-border-radius:var(--media-container-border-radius)]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-dialog-transition-duration:350ms]", "[--media-dialog-transition-delay:100ms]", "[--media-dialog-transition-timing-function:ease-out]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-surface-background-color:oklch(1_0_0/0.1)]", "[--media-surface-inner-border-color:oklch(1_0_0/0.1)]", "[--media-surface-outer-border-color:oklch(0_0_0/0.1)]", "[--media-surface-shadow-color:oklch(0_0_0/0.15)]", "[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]", "min-[1280px]:[&:fullscreen]:[--media-scale:1.25]", "min-[1536px]:[&:fullscreen]:[--media-scale:1.5]", "min-[1920px]:[&:fullscreen]:[--media-scale:1.75]", "motion-reduce:[--media-dialog-transition-duration:50ms]", "motion-reduce:[--media-dialog-transition-delay:0ms]", "motion-reduce:[--media-dialog-transition-timing-function:ease-out]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "contrast-more:[--media-surface-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]", "contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]", "contrast-more:[--media-surface-outer-border-color:transparent]", "pointer-fine:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:300ms]", "pointer-coarse:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:--spacing(-2)]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[.media-controls[data-visible]]:[--media-caption-track-y:--spacing(-14)]", !isShadowDOM ? [
 	"[&_video::-webkit-media-text-track-container]:transition-[translate]",
 	"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)",
 	"[&_video::-webkit-media-text-track-container]:ease-out",
@@ -35,13 +35,13 @@ const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overf
 	"[&_video::-webkit-media-text-track-container]:scale-98",
 	"[&_video::-webkit-media-text-track-container]:z-1",
 	"[&_video::-webkit-media-text-track-container]:font-[inherit]"
-] : [], "[&:fullscreen]:[--container-border-radius:0]", {
+] : [], "[&:fullscreen]:[--media-container-border-radius:0]", {
 	"[&:fullscreen_video]:object-contain": !isShadowDOM,
 	"[&:fullscreen_::slotted(video)]:object-contain": isShadowDOM
 });
-const controlsBase = cn(controls$1, surface, "text-white z-10", "peer-data-open/error:hidden!", "ease-(--controls-transition-timing-function)", "duration-[calc(var(--controls-transition-duration)/2)]", "pointer-fine:transition-[filter,opacity,scale,translate]", "pointer-coarse:transition-[opacity,scale,translate]", "@2xl/media-root:[--base-boundary-offset:3]");
-const controls = cn(controlsBase, "group/controls contents! after:hidden", "@lg/media-root:absolute @lg/media-root:flex!", "@lg/media-root:bottom-2 @lg/media-root:inset-x-2", "@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3", "@lg/media-root:after:block @lg/media-root:origin-bottom", "@lg/media-root:not-data-visible:pointer-events-none", "@lg/media-root:not-data-visible:opacity-0", "@lg/media-root:not-data-visible:duration-(--controls-transition-duration)", "@lg/media-root:motion-safe:not-data-visible:scale-95", "@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm", "@lg/media-root:motion-safe:not-data-visible:translate-y-1");
-const splitControls = cn(controlsBase, "absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]", "@lg/media-root:contents! @lg/media-root:after:hidden", "@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none", "@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0", "@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--controls-transition-duration)", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95", "@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm");
+const controlsBase = cn(controls$1, surface, "text-white z-10", "ease-(--media-controls-transition-timing-function)", "duration-[calc(var(--media-controls-transition-duration)/2)]", "pointer-fine:transition-[filter,opacity,scale,translate]", "pointer-coarse:transition-[opacity,scale,translate]", "@2xl/media-root:[--media-base-boundary-offset:3]");
+const controls = cn(controlsBase, "group/controls contents! after:hidden", "@lg/media-root:absolute @lg/media-root:flex!", "@lg/media-root:bottom-2 @lg/media-root:inset-x-2", "@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3", "@lg/media-root:after:block @lg/media-root:origin-bottom", "@lg/media-root:not-data-visible:pointer-events-none", "@lg/media-root:not-data-visible:opacity-0", "@lg/media-root:not-data-visible:duration-(--media-controls-transition-duration)", "@lg/media-root:motion-safe:not-data-visible:scale-95", "@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm", "@lg/media-root:motion-safe:not-data-visible:translate-y-1");
+const splitControls = cn(controlsBase, "absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]", "@lg/media-root:contents! @lg/media-root:after:hidden", "@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none", "@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0", "@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--media-controls-transition-duration)", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95", "@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm");
 const primaryControls = cn(splitControls, "z-20 bottom-2 inset-x-2 origin-bottom", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1");
 const secondaryControls = cn(splitControls, "top-2 right-2 origin-top @container-normal", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1");
 const buttonGroupStart = buttonGroup;
@@ -57,7 +57,8 @@ const thumbnail = {
 };
 const slider = {
 	...slider$1,
-	track: cn(slider$1.track, "bg-white/20")
+	track: cn(slider$1.track, "bg-white/20"),
+	value: cn(slider$1.value, "text-shadow-2xs text-shadow-(color:--media-shadow-current-color)")
 };
 const popup = {
 	...popup$1,
@@ -70,11 +71,11 @@ const menu = {
 	settings: menu$1.settings
 };
 const bufferingIndicator = bufferingIndicator$1;
-const error = {
-	...error$1,
-	dialog: cn(error$1.dialog, surface, "w-full text-shadow-2xs text-shadow-black/25"),
-	content: cn(error$1.content, "text-shadow-inherit"),
-	title: cn(error$1.title, "text-(length:--font-size-medium)")
+const dialog = {
+	...dialog$1,
+	popup: cn(dialog$1.popup, surface, "w-full text-shadow-2xs text-shadow-black/25"),
+	content: cn(dialog$1.content, "text-shadow-inherit"),
+	title: cn(dialog$1.title, "text-(length:--media-font-size-medium)")
 };
 const volumeIndicator = {
 	...volumeIndicator$1,
@@ -85,6 +86,6 @@ const statusIndicator = {
 	root: cn(statusIndicator$1.root, surface)
 };
 //#endregion
-export { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, error, icon, iconFlipped, iconState, inputIndicatorOverlay, menu, overlay, popup, poster, primaryControls, secondaryControls, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };
+export { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, controlsBackdrop, dialog, icon, iconFlipped, iconState, inputIndicator, menu, popup, poster, primaryControls, secondaryControls, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };
 
 //# sourceMappingURL=video.tailwind.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { container as container$1 } from \"./components/container.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { statusIndicator as statusIndicator$1 } from \"./components/status-indicator.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { volumeIndicator as volumeIndicator$1 } from \"./components/volume-indicator.js\";\nimport { inputIndicatorOverlay } from \"./components/input-indicator-overlay.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { seekIndicator } from \"./components/seek-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst container = (isShadowDOM) => cn(container$1, \"group/skin\", \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"[&:fullscreen]:after:hidden\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--border-color)\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--default-accent-color:oklch(1_0_0)]\", \"[--border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]\", \"[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"**:[--focus-ring-color:oklch(1_0_0)]\", \"[--container-border-radius:var(--media-border-radius,1.75rem)]\", \"[--media-video-border-radius:var(--container-border-radius)]\", \"[--controls-transition-duration:100ms]\", \"[--controls-transition-timing-function:ease-out]\", \"[--error-dialog-transition-duration:350ms]\", \"[--error-dialog-transition-delay:100ms]\", \"[--error-dialog-transition-timing-function:ease-out]\", \"[--popup-transition-duration:100ms]\", \"[--popup-transition-timing-function:ease-out]\", \"[--surface-background-color:oklch(1_0_0/0.1)]\", \"[--surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"min-[1280px]:[&:fullscreen]:[--scale:1.25]\", \"min-[1536px]:[&:fullscreen]:[--scale:1.5]\", \"min-[1920px]:[&:fullscreen]:[--scale:1.75]\", \"motion-reduce:[--error-dialog-transition-duration:50ms]\", \"motion-reduce:[--error-dialog-transition-delay:0ms]\", \"motion-reduce:[--error-dialog-transition-timing-function:ease-out]\", \"motion-reduce:[--popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-outer-border-color:transparent]\", \"contrast-more:[--surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:50ms]\", \"[--media-caption-track-y:--spacing(-2)]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-14)]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], \"[&:fullscreen]:[--container-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controlsBase = cn(controls$1, surface, \"text-white z-10\", \"peer-data-open/error:hidden!\", \"ease-(--controls-transition-timing-function)\", \"duration-[calc(var(--controls-transition-duration)/2)]\", \"pointer-fine:transition-[filter,opacity,scale,translate]\", \"pointer-coarse:transition-[opacity,scale,translate]\", \"@2xl/media-root:[--base-boundary-offset:3]\");\nconst controls = cn(controlsBase, \"group/controls contents! after:hidden\", \"@lg/media-root:absolute @lg/media-root:flex!\", \"@lg/media-root:bottom-2 @lg/media-root:inset-x-2\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3\", \"@lg/media-root:after:block @lg/media-root:origin-bottom\", \"@lg/media-root:not-data-visible:pointer-events-none\", \"@lg/media-root:not-data-visible:opacity-0\", \"@lg/media-root:not-data-visible:duration-(--controls-transition-duration)\", \"@lg/media-root:motion-safe:not-data-visible:scale-95\", \"@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@lg/media-root:motion-safe:not-data-visible:translate-y-1\");\nconst splitControls = cn(controlsBase, \"absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]\", \"@lg/media-root:contents! @lg/media-root:after:hidden\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--controls-transition-duration)\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95\", \"@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm\");\nconst primaryControls = cn(splitControls, \"z-20 bottom-2 inset-x-2 origin-bottom\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1\");\nconst secondaryControls = cn(splitControls, \"top-2 right-2 origin-top @container-normal\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1\");\nconst buttonGroupStart = buttonGroup;\nconst buttonGroupEnd = buttonGroup;\nconst spacer = \"grow\";\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"px-2 @lg/media-root:px-3\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface)\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menu = {\n\t...menu$1,\n\troot: menu$1.root,\n\tsettings: menu$1.settings\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"w-full text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-(length:--font-size-medium)\")\n};\nconst volumeIndicator = {\n\t...volumeIndicator$1,\n\troot: cn(volumeIndicator$1.root, surface)\n};\nconst statusIndicator = {\n\t...statusIndicator$1,\n\troot: cn(statusIndicator$1.root, surface)\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputIndicatorOverlay, menu, overlay, playbackRate, popup, poster, primaryControls, secondaryControls, seek, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,aAAa,gBAAgB,GAAG,aAAa,cAAc,0BAA0B,+EAA+E,+BAA+B,iFAAiF;CACzR,4RAA4R;CAC5R,wMAAwM,CAAC;AAC1M,GAAG,yCAAyC,mEAAmE,8DAA8D,wCAAwC,kEAAkE,gEAAgE,0CAA0C,oDAAoD,8CAA8C,2CAA2C,wDAAwD,uCAAuC,iDAAiD,iDAAiD,mDAAmD,mDAAmD,8CAA8C,wDAAwD,8CAA8C,6CAA6C,8CAA8C,2DAA2D,uDAAuD,sEAAsE,mDAAmD,2FAA2F,2DAA2D,kGAAkG,kEAAkE,4FAA4F,4DAA4D,iGAAiG,mGAAmG,iGAAiG,2CAA2C,sCAAsC,wEAAwE,gFAAgF,CAAC,cAAc;CAC7vE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,gDAAgD;CACvD,uCAAuC,CAAC;CACxC,kDAAkD;AACnD,CAAC;AACD,MAAM,eAAe,GAAG,YAAY,SAAS,mBAAmB,gCAAgC,gDAAgD,0DAA0D,4DAA4D,uDAAuD,4CAA4C;AACzW,MAAM,WAAW,GAAG,cAAc,yCAAyC,gDAAgD,oDAAoD,sDAAsD,2DAA2D,uDAAuD,6CAA6C,6EAA6E,wDAAwD,oEAAoE,2DAA2D;AACxoB,MAAM,gBAAgB,GAAG,cAAc,oFAAoF,wDAAwD,gFAAgF,sEAAsE,sGAAsG,iFAAiF,2FAA2F;AAC3lB,MAAM,kBAAkB,GAAG,eAAe,yCAAyC,oFAAoF;AACvK,MAAM,oBAAoB,GAAG,eAAe,8CAA8C,qFAAqF;AAC/K,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AACf,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,0BAA0B;AACnD;AACA,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,OAAO;AACnC;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,aAAa;AACxC;AACA,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,OAAO;CACpC,SAAS,GAAG,SAAS,QAAQ,OAAO;AACrC;AACA,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,OAAO;CACb,UAAU,OAAO;AAClB;AACA,MAAM,qBAAqB;AAC3B,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,6CAA6C;CACjF,SAAS,GAAG,QAAQ,SAAS,qBAAqB;CAClD,OAAO,GAAG,QAAQ,OAAO,kCAAkC;AAC5D;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC"}
+{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { container as container$1 } from \"./components/container.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { dialog as dialog$1 } from \"./components/dialog.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { inputIndicator } from \"./components/input-indicator.js\";\nimport { statusIndicator as statusIndicator$1 } from \"./components/status-indicator.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { volumeIndicator as volumeIndicator$1 } from \"./components/volume-indicator.js\";\nimport { controlsBackdrop } from \"./components/controls-backdrop.js\";\nimport { poster } from \"./components/poster.js\";\nimport { seekIndicator } from \"./components/seek-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst container = (isShadowDOM) => cn(container$1, \"group/skin\", \"bg-black overflow-clip\", \"[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:bg-black/35\", \"[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:opacity-100\", \"[&:has(.media-buffering-indicator[data-visible])_.media-controls-backdrop]:backdrop-blur-sm\", \"[&:has(.media-error[data-open])_.media-controls]:hidden!\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"[&:fullscreen]:after:hidden\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--media-border-color)\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-default-accent-color:oklch(1_0_0)]\", \"[--media-border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]\", \"[--media-focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"**:[--media-focus-ring-color:oklch(1_0_0)]\", \"[--media-container-border-radius:var(--media-border-radius,1.75rem)]\", \"[--media-video-border-radius:var(--media-container-border-radius)]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-dialog-transition-duration:350ms]\", \"[--media-dialog-transition-delay:100ms]\", \"[--media-dialog-transition-timing-function:ease-out]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-surface-background-color:oklch(1_0_0/0.1)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"min-[1280px]:[&:fullscreen]:[--media-scale:1.25]\", \"min-[1536px]:[&:fullscreen]:[--media-scale:1.5]\", \"min-[1920px]:[&:fullscreen]:[--media-scale:1.75]\", \"motion-reduce:[--media-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-dialog-transition-timing-function:ease-out]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"contrast-more:[--media-surface-outer-border-color:transparent]\", \"pointer-fine:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[.media-controls:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:--spacing(-2)]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[.media-controls[data-visible]]:[--media-caption-track-y:--spacing(-14)]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], \"[&:fullscreen]:[--media-container-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controlsBase = cn(controls$1, surface, \"text-white z-10\", \"ease-(--media-controls-transition-timing-function)\", \"duration-[calc(var(--media-controls-transition-duration)/2)]\", \"pointer-fine:transition-[filter,opacity,scale,translate]\", \"pointer-coarse:transition-[opacity,scale,translate]\", \"@2xl/media-root:[--media-base-boundary-offset:3]\");\nconst controls = cn(controlsBase, \"group/controls contents! after:hidden\", \"@lg/media-root:absolute @lg/media-root:flex!\", \"@lg/media-root:bottom-2 @lg/media-root:inset-x-2\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3\", \"@lg/media-root:after:block @lg/media-root:origin-bottom\", \"@lg/media-root:not-data-visible:pointer-events-none\", \"@lg/media-root:not-data-visible:opacity-0\", \"@lg/media-root:not-data-visible:duration-(--media-controls-transition-duration)\", \"@lg/media-root:motion-safe:not-data-visible:scale-95\", \"@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@lg/media-root:motion-safe:not-data-visible:translate-y-1\");\nconst splitControls = cn(controlsBase, \"absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]\", \"@lg/media-root:contents! @lg/media-root:after:hidden\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--media-controls-transition-duration)\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95\", \"@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm\");\nconst primaryControls = cn(splitControls, \"z-20 bottom-2 inset-x-2 origin-bottom\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1\");\nconst secondaryControls = cn(splitControls, \"top-2 right-2 origin-top @container-normal\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1\");\nconst buttonGroupStart = buttonGroup;\nconst buttonGroupEnd = buttonGroup;\nconst spacer = \"grow\";\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"px-2 @lg/media-root:px-3\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface)\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20\"),\n\tvalue: cn(slider$1.value, \"text-shadow-2xs text-shadow-(color:--media-shadow-current-color)\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menu = {\n\t...menu$1,\n\troot: menu$1.root,\n\tsettings: menu$1.settings\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst dialog = {\n\t...dialog$1,\n\tpopup: cn(dialog$1.popup, surface, \"w-full text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(dialog$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(dialog$1.title, \"text-(length:--media-font-size-medium)\")\n};\nconst volumeIndicator = {\n\t...volumeIndicator$1,\n\troot: cn(volumeIndicator$1.root, surface)\n};\nconst statusIndicator = {\n\t...statusIndicator$1,\n\troot: cn(statusIndicator$1.root, surface)\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, controlsBackdrop, dialog, icon, iconContainer, iconFlipped, iconHidden, iconState, inputIndicator, menu, playbackRate, popup, poster, primaryControls, secondaryControls, seek, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,aAAa,gBAAgB,GAAG,aAAa,cAAc,0BAA0B,0FAA0F,0FAA0F,+FAA+F,4DAA4D,+EAA+E,+BAA+B,uFAAuF;CAC9mB,kSAAkS;CAClS,wMAAwM,CAAC;AAC1M,GAAG,+CAA+C,yEAAyE,oEAAoE,8CAA8C,wEAAwE,sEAAsE,gDAAgD,0DAA0D,8CAA8C,2CAA2C,wDAAwD,6CAA6C,uDAAuD,uDAAuD,yDAAyD,yDAAyD,oDAAoD,8DAA8D,oDAAoD,mDAAmD,oDAAoD,2DAA2D,uDAAuD,sEAAsE,yDAAyD,iGAAiG,iEAAiE,wGAAwG,wEAAwE,kGAAkG,kEAAkE,uGAAuG,yGAAyG,uGAAuG,2CAA2C,sCAAsC,8EAA8E,gFAAgF,CAAC,cAAc;CAC36E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,sDAAsD;CAC7D,uCAAuC,CAAC;CACxC,kDAAkD;AACnD,CAAC;AACD,MAAM,eAAe,GAAG,YAAY,SAAS,mBAAmB,sDAAsD,gEAAgE,4DAA4D,uDAAuD,kDAAkD;AAC3V,MAAM,WAAW,GAAG,cAAc,yCAAyC,gDAAgD,oDAAoD,sDAAsD,2DAA2D,uDAAuD,6CAA6C,mFAAmF,wDAAwD,oEAAoE,2DAA2D;AAC9oB,MAAM,gBAAgB,GAAG,cAAc,oFAAoF,wDAAwD,gFAAgF,sEAAsE,4GAA4G,iFAAiF,2FAA2F;AACjmB,MAAM,kBAAkB,GAAG,eAAe,yCAAyC,oFAAoF;AACvK,MAAM,oBAAoB,GAAG,eAAe,8CAA8C,qFAAqF;AAC/K,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AACf,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,0BAA0B;AACnD;AACA,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,OAAO;AACnC;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,aAAa;CACvC,OAAO,GAAG,SAAS,OAAO,kEAAkE;AAC7F;AACA,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,OAAO;CACpC,SAAS,GAAG,SAAS,QAAQ,OAAO;AACrC;AACA,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,OAAO;CACb,UAAU,OAAO;AAClB;AACA,MAAM,qBAAqB;AAC3B,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,SAAS,6CAA6C;CAChF,SAAS,GAAG,SAAS,SAAS,qBAAqB;CACnD,OAAO,GAAG,SAAS,OAAO,wCAAwC;AACnE;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC"}