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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/menu.ts\nconst panelBase = cn(\"absolute inset-0 overflow-auto overscroll-none p-(--menu-padding) outline-none translate-none\", \"data-starting-style:overflow-hidden data-ending-style:overflow-hidden\", \"transition-[translate,filter] duration-(--menu-transition-duration) ease-in-out will-change-[translate,filter]\");\nconst rootView = cn(panelBase, \"group/menu-root-view\", \"data-[menu-view-state=inactive]:-translate-x-full data-[menu-view-state=inactive]:blur\");\nconst submenuPanel = cn(panelBase, \"z-10\", \"not-data-open:not-data-ending-style:-translate-x-full\", \"not-data-open:not-data-ending-style:transition-none\", \"data-starting-style:pointer-events-none data-ending-style:pointer-events-none\", \"data-starting-style:blur data-ending-style:blur\", \"data-starting-style:data-[direction=forward]:translate-x-full\", \"data-ending-style:data-[direction=forward]:-translate-x-full\", \"data-starting-style:data-[direction=back]:-translate-x-full\", \"data-ending-style:data-[direction=back]:translate-x-full\");\nconst itemBase = cn(\"flex cursor-pointer select-none items-center gap-1.5 rounded-(--menu-item-border-radius) py-1.5 px-2\", \"text-left\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"outline-2 -outline-offset-2 outline-transparent\", \"transition-colors duration-100 ease-out\", \"hover:bg-current/10 data-highlighted:bg-current/10\", \"supports-[top:anchor(top)]:hover:[anchor-name:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:hover:bg-transparent\", \"supports-[top:anchor(top)]:data-highlighted:[anchor-name:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:data-highlighted:bg-transparent\", \"focus-visible:outline-current focus-visible:outline-offset-2\");\nconst menuTokens = cn(\"[--menu-transition-duration:250ms] [--menu-max-height:14rem] [--menu-padding:0.5rem]\", \"[--menu-border-radius:1rem] [--menu-item-border-radius:calc(var(--menu-border-radius)_-_var(--menu-padding))]\", \"motion-reduce:[--menu-transition-duration:0ms]\");\nconst group = cn(\"flex flex-col gap-0.5\", \"supports-[top:anchor(top)]:before:absolute\", \"supports-[top:anchor(top)]:before:[position-anchor:--media-menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:[inset:anchor(inside)]\", \"supports-[top:anchor(top)]:before:pointer-events-none\", \"supports-[top:anchor(top)]:before:bg-current/10\", \"supports-[top:anchor(top)]:before:rounded-(--menu-item-border-radius)\", \"supports-[top:anchor(top)]:before:transition-[inset]\", \"supports-[top:anchor(top)]:before:duration-100\", \"supports-[top:anchor(top)]:before:ease-in-out\", \"group-data-[menu-view-state=inactive]/menu-root-view:before:hidden\");\nconst menuHostShell = cn(popup.popover, menuTokens, \"max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]\", \"bg-(--media-popover-background-color) [backdrop-filter:var(--media-popover-backdrop-filter)]\", \"shadow-[0_0_0_1px_var(--media-popover-border-color),0_4px_6px_-1px_oklch(0_0_0/0.1),0_2px_4px_-2px_oklch(0_0_0/0.1)]\", \"box-border rounded-(--menu-border-radius) p-(--menu-padding) overscroll-none\");\nconst menu = {\n\troot: cn(menuHostShell, \"overflow-auto!\"),\n\tsettings: cn(menuHostShell, \"[--media-popup-transition:var(--media-popup-base-transition),height_var(--media-popup-transition-timing-function)_var(--menu-transition-duration),width_var(--media-popup-transition-timing-function)_var(--menu-transition-duration)]\", \"data-starting-style:[--media-popup-transition:var(--media-popup-base-transition)] data-ending-style:[--media-popup-transition:var(--media-popup-base-transition)]\", \"min-w-48 w-(--media-menu-width) h-(--media-menu-height)\", \"!overflow-hidden\"),\n\tgroup,\n\titem: cn(itemBase, \"group/menu-item justify-between tabular-nums text-inherit\", \"data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\tseparator: \"my-1 border-b border-[oklch(1_0_0/0.1)]\",\n\ttier: \"pl-0.5 pt-px text-[0.5625rem] font-semibold leading-none text-current/70\",\n\tindicator: \"ml-auto -mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\",\n\ticon: \"shrink-0 text-current/50 drop-shadow-[0_1px_0_var(--media-current-shadow-color)]\",\n\trootView,\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-xs 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 hidden group-has-[[data-availability=available]]/settings:grid\",\n\tsettingsIcon: \"transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0\"\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":";;;AAGA,MAAM,YAAY,GAAG,iGAAiG,yEAAyE,iHAAiH;AAChT,MAAM,WAAW,GAAG,WAAW,wBAAwB,yFAAyF;AAChJ,MAAM,eAAe,GAAG,WAAW,QAAQ,yDAAyD,uDAAuD,iFAAiF,mDAAmD,iEAAiE,gEAAgE,+DAA+D,2DAA2D;AAC1hB,MAAM,WAAW,GAAG,wGAAwG,aAAa,oEAAoE,mDAAmD,2CAA2C,sDAAsD,qFAAqF,mDAAmD,gGAAgG,8DAA8D,+DAA+D;AACtsB,MAAM,aAAa,GAAG,wFAAwF,iHAAiH,iDAAiD;AAChR,MAAM,QAAQ,GAAG,yBAAyB,8CAA8C,0FAA0F,4DAA4D,yDAAyD,mDAAmD,yEAAyE,wDAAwD,kDAAkD,iDAAiD,qEAAqE;AACnoB,MAAM,gBAAgB,GAAG,MAAM,SAAS,YAAY,iJAAiJ,gGAAgG,wHAAwH,+EAA+E;AAC5e,MAAM,OAAO;CACZ,MAAM,GAAG,eAAe,iBAAiB;CACzC,UAAU,GAAG,eAAe,0OAA0O,qKAAqK,2DAA2D,mBAAmB;CACzf;CACA,MAAM,GAAG,UAAU,6DAA6D,iFAAiF,8FAA8F;CAC/P,WAAW;CACX,MAAM;CACN,WAAW;CACX,MAAM;CACN;CACA;CACA,MAAM,GAAG,UAAU,gBAAgB;CACnC,MAAM;CACN,WAAW;CACX,SAAS;CACT,eAAe;CACf,iBAAiB;CACjB,cAAc;CACd"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/menu.js"],"sourcesContent":["import { popup } from \"./popup.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/menu.ts\nconst submenuPanel = cn(\"absolute inset-x-0 top-0 [max-height:inherit] overflow-auto overscroll-none p-(--menu-padding) outline-none\", \"z-10\", \"translate-none transition-[translate,filter] duration-(--menu-transition-duration) ease-out will-change-[translate,filter]\", \"data-starting-style:pointer-events-none data-ending-style:pointer-events-none\", \"data-starting-style:overflow-hidden data-ending-style:overflow-hidden\", \"data-starting-style:translate-x-full data-ending-style:translate-x-full\", \"data-starting-style:blur data-ending-style:blur\");\nconst itemBase = cn(\"group/menu-item relative flex cursor-pointer select-none items-center gap-1.5 rounded-(--menu-item-border-radius) py-1.5 px-2\", \"text-left\", \"text-shadow-2xs text-shadow-(color:--shadow-current-color)\", \"outline-2 -outline-offset-2 outline-transparent\", \"transition-colors duration-100 ease-in-out\", \"supports-[top:anchor(top)]:duration-50\", \"supports-[top:anchor(top)]:hover:duration-200\", \"supports-[top:anchor(top)]:data-highlighted:duration-200\", \"hover:bg-(--accent-background-color) hover:text-(--accent-text-color)\", \"data-highlighted:bg-(--accent-background-color) data-highlighted:text-(--accent-text-color)\", \"focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2\");\nconst menuTokens = cn(\"[--menu-transition-duration:250ms]\", \"[--menu-max-height:--spacing(56)]\", \"[--menu-padding:--spacing(1)]\", \"[--menu-border-radius:--spacing(2.5)]\", \"[--menu-item-border-radius:calc(var(--menu-border-radius)_-_var(--menu-padding))]\", \"motion-reduce:[--menu-transition-duration:0ms]\");\nconst group = cn(\"flex flex-col gap-0.5\", \"[anchor-scope:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:absolute\", \"supports-[top:anchor(top)]:before:[position-anchor:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:before:[inset:anchor(inside)]\", \"supports-[top:anchor(top)]:before:[overflow-anchor:none]\", \"supports-[top:anchor(top)]:before:pointer-events-none\", \"supports-[top:anchor(top)]:before:bg-(--accent-background-color)\", \"supports-[top:anchor(top)]:before:rounded-(--menu-item-border-radius)\", \"supports-[top:anchor(top)]:before:transition-[inset]\", \"supports-[top:anchor(top)]:before:duration-100\", \"supports-[top:anchor(top)]:before:ease-in-out\", \"supports-[top:anchor(top)]:has-data-[highlighted=]:before:duration-0\");\nconst menuHostShell = cn(popup.popover, menuTokens, \"min-w-max max-w-(--media-popover-available-width,none) max-h-[min(var(--media-popover-available-height,var(--menu-max-height)),var(--menu-max-height))]\", \"bg-(--popover-background-color) [backdrop-filter:var(--popover-backdrop-filter)]\", \"shadow-[0_0_0_1px_var(--popover-border-color),0_4px_6px_-1px_oklch(0_0_0/0.1),0_2px_4px_-2px_oklch(0_0_0/0.1)]\", \"box-border rounded-(--menu-border-radius) p-(--menu-padding) overscroll-none\");\nconst menu = {\n\t/** Standalone menu popover host (audio playback rate, sandbox demos). */\n\troot: cn(menuHostShell, \"overflow-auto!\"),\n\t/** Settings menu host with nested submenu navigation. */\n\tsettings: cn(menuHostShell, \"[--popup-transition:var(--popup-base-transition),width_var(--popup-transition-timing-function)_var(--menu-transition-duration),height_var(--popup-transition-timing-function)_var(--menu-transition-duration)]\", \"data-starting-style:[--popup-transition:var(--popup-base-transition)]\", \"data-ending-style:[--popup-transition:var(--popup-base-transition)]\", \"min-w-48! w-(--media-menu-width) h-(--media-menu-height)\", \"[&>:not([data-submenu])]:translate-none [&>:not([data-submenu])]:transition-[translate,filter]\", \"[&>:not([data-submenu])]:duration-(--menu-transition-duration) [&>:not([data-submenu])]:ease-out\", \"[&>:not([data-submenu])]:will-change-[translate,filter]\", \"[&[data-submenu-expanded=true]>:not([data-submenu])]:-translate-x-full\", \"[&[data-submenu-expanded=true]>:not([data-submenu])]:blur\", \"[&[data-submenu-expanded]>:not([data-submenu])]:before:hidden\", \"overflow-hidden!\"),\n\tgroup,\n\titem: cn(itemBase, \"justify-between tabular-nums text-inherit\", \"supports-[top:anchor(top)]:data-highlighted:[anchor-name:--menu-item-highlight-anchor]\", \"supports-[top:anchor(top)]:data-highlighted:bg-transparent\", \"data-[availability=unavailable]:hidden data-[availability=unsupported]:hidden\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\tseparator: \"my-1 border-b border-[oklch(1_0_0/0.1)]\",\n\ttier: \"pl-0.5 pt-px text-(length:--font-size-tiny) font-semibold leading-none text-current/70\",\n\tindicator: \"ml-auto -mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\",\n\ticon: \"shrink-0 text-current/50 drop-shadow-[0_1px_0_var(--shadow-current-color)] group-hover/menu-item:text-inherit group-data-highlighted/menu-item:text-inherit\",\n\t/** Nested submenu panel. */\n\tsubmenuPanel,\n\tback: cn(itemBase, \"mb-0.5 w-full\"),\n\thint: \"ml-auto inline-flex min-w-0 items-center gap-1 pl-2 text-current/65\",\n\thintLabel: \"max-w-24 overflow-hidden text-ellipsis whitespace-nowrap\",\n\tchevron: \"size-3.5\",\n\tsettingsGroup: \"group/settings\",\n\tsettingsTrigger: \"group\",\n\tsettingsIcon: \"transition-transform duration-150 ease-in-out group-aria-expanded:rotate-90 motion-reduce:duration-0\"\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":";;;AAGA,MAAM,eAAe,GAAG,+GAA+G,QAAQ,8HAA8H,iFAAiF,yEAAyE,2EAA2E,iDAAiD;AACniB,MAAM,WAAW,GAAG,iIAAiI,aAAa,8DAA8D,mDAAmD,8CAA8C,0CAA0C,iDAAiD,4DAA4D,yEAAyE,+FAA+F,2EAA2E;AAC3sB,MAAM,aAAa,GAAG,sCAAsC,qCAAqC,iCAAiC,yCAAyC,qFAAqF,gDAAgD;AAChT,MAAM,QAAQ,GAAG,yBAAyB,+CAA+C,8CAA8C,oFAAoF,4DAA4D,4DAA4D,yDAAyD,oEAAoE,yEAAyE,wDAAwD,kDAAkD,iDAAiD,sEAAsE;AAC1vB,MAAM,gBAAgB,GAAG,MAAM,SAAS,YAAY,2JAA2J,oFAAoF,kHAAkH,8EAA8E;AACne,MAAM,OAAO;;CAEZ,MAAM,GAAG,eAAe,gBAAgB;;CAExC,UAAU,GAAG,eAAe,kNAAkN,yEAAyE,uEAAuE,4DAA4D,kGAAkG,oGAAoG,2DAA2D,0EAA0E,6DAA6D,iEAAiE,kBAAkB;CACr5B;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"}

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

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/overlay.js
-const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--media-controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-visible/buffering:bg-black/35", "peer-data-visible/buffering:opacity-100", "peer-data-visible/buffering:backdrop-blur-sm", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--media-error-dialog-transition-duration)", "peer-data-open/error:delay-(--media-error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-120");
+const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/70 via-black/50 via-[--spacing(30)] to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-visible/buffering:bg-black/35", "peer-data-visible/buffering:opacity-100", "peer-data-visible/buffering:backdrop-blur-sm", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--error-dialog-transition-duration)", "peer-data-open/error:delay-(--error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-120");
 //#endregion
 export { overlay };
 

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--media-controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/buffering:bg-black/35\", \"peer-data-visible/buffering:opacity-100\", \"peer-data-visible/buffering:backdrop-blur-sm\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--media-error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--media-error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-120\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,yEAAyE,4CAA4C,wCAAwC,mDAAmD,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,4EAA4E,sEAAsE,mFAAmF"}
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/overlay.ts\nconst overlay = cn(\"absolute inset-0 flex flex-col items-start\", \"pointer-events-none rounded-[inherit]\", \"opacity-0\", \"bg-linear-to-t from-black/70 via-black/50 via-[--spacing(30)] to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/buffering:bg-black/35\", \"peer-data-visible/buffering:opacity-100\", \"peer-data-visible/buffering:backdrop-blur-sm\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-120\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,gFAAgF,4CAA4C,wCAAwC,6CAA6C,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,sEAAsE,gEAAgE,kFAAkF"}

package/dist/default/skins/dist/default/minimal/tailwind/components/playback-rate.js.map

@@ -1 +1 @@
-{"version":3,"file":"playback-rate.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/playback-rate.js"],"sourcesContent":["//#region src/minimal/tailwind/components/playback-rate.ts\nconst playbackRate = { button: `tabular-nums after:w-[4ch] after:content-[attr(data-rate)_'×'] data-[inline-rate-label]:after:content-none` };\n//#endregion\nexport { playbackRate };\n\n//# sourceMappingURL=playback-rate.js.map"],"mappings":";AACA,MAAM,eAAe,EAAE,QAAQ,8GAA8G"}
+{"version":3,"file":"playback-rate.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/playback-rate.js"],"sourcesContent":["//#region src/minimal/tailwind/components/playback-rate.ts\nconst playbackRate = { button: `tabular-nums after:w-[4ch] after:content-[attr(data-rate)_'×'] data-[inline-rate-label]:after:content-none` };\n//#endregion\nexport { playbackRate };\n\n//# sourceMappingURL=playback-rate.js.map"],"mappings":";AACA,MAAM,eAAe,EAAE,QAAQ,6GAA6G"}

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

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

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

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

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

@@ -13,7 +13,7 @@ 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-(--media-video-border-radius)"
+	"[&_::slotted(img)]:rounded-(--container-border-radius)"
 ] : ["rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]", "[&[data-visible]:not([data-loaded])]:opacity-0"]);
 //#endregion
 export { poster };

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

@@ -1 +1 @@
-{"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\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-video-border-radius)\"\n] : [\"rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]\", \"[&[data-visible]:not([data-loaded])]:opacity-0\"]);\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,GAAG,CAAC,wHAAwH,iDAAiD,CAAC"}
+{"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\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] : [\"rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]\", \"[&[data-visible]:not([data-loaded])]:opacity-0\"]);\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;AACD,IAAI,CAAC,wHAAwH,gDAAgD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"reset.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/reset.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/reset.ts\nconst reset = cn(\"**:box-border\", \"[&_[hidden][hidden]]:hidden\", \"[&_button]:font-[inherit]\", \"motion-safe:[interpolate-size:allow-keywords]\");\n//#endregion\nexport { reset };\n\n//# sourceMappingURL=reset.js.map"],"mappings":";;AAEA,MAAM,QAAQ,GAAG,iBAAiB,+BAA+B,6BAA6B,gDAAgD"}
+{"version":3,"file":"reset.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/reset.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/reset.ts\nconst reset = cn(\"**:box-border\", \"[&_[hidden][hidden]]:hidden\", \"[&_button]:font-[inherit]\", \"motion-safe:[interpolate-size:allow-keywords]\");\n//#endregion\nexport { reset };\n\n//# sourceMappingURL=reset.js.map"],"mappings":";;AAEA,MAAM,QAAQ,GAAG,iBAAiB,+BAA+B,6BAA6B,+CAA+C"}

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

@@ -0,0 +1,12 @@
+import { centeredIndicatorRoot } from "./input-indicator.js";
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/seek-indicator.js
+const seekIndicator = {
+	root: cn(centeredIndicatorRoot, "gap-1", "@2xl/media-root:p-6", "data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start", "data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end"),
+	icon: cn("hidden size-[calc(var(--media-icon-size)*1.5)]", "group-data-direction/input-indicator:block", "group-data-[direction=backward]/input-indicator:[scale:-1_1]", "motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out", "motion-safe:group-data-starting-style/input-indicator:opacity-0", "motion-safe:group-data-ending-style/input-indicator:opacity-0", "motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]", "motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]"),
+	value: "tabular-nums"
+};
+//#endregion
+export { seekIndicator };
+
+//# sourceMappingURL=seek-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seek-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/seek-indicator.js"],"sourcesContent":["import { centeredIndicatorRoot } from \"./input-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/seek-indicator.ts\nconst seekIndicator = {\n\troot: cn(centeredIndicatorRoot, \"gap-1\", \"@2xl/media-root:p-6\", \"data-[direction=backward]:col-start-1 data-[direction=backward]:justify-self-start\", \"data-[direction=forward]:col-start-3 data-[direction=forward]:justify-self-end\"),\n\ticon: cn(\"hidden size-[calc(var(--media-icon-size)*1.5)]\", \"group-data-direction/input-indicator:block\", \"group-data-[direction=backward]/input-indicator:[scale:-1_1]\", \"motion-safe:transition-[translate,opacity] motion-safe:duration-200 motion-safe:ease-in-out\", \"motion-safe:group-data-starting-style/input-indicator:opacity-0\", \"motion-safe:group-data-ending-style/input-indicator:opacity-0\", \"motion-safe:group-data-[direction=forward]/input-indicator:group-data-starting-style/input-indicator:[translate:-60%_0]\", \"motion-safe:group-data-[direction=backward]/input-indicator:group-data-starting-style/input-indicator:[translate:60%_0]\"),\n\tvalue: \"tabular-nums\"\n};\n//#endregion\nexport { seekIndicator };\n\n//# sourceMappingURL=seek-indicator.js.map"],"mappings":";;;AAGA,MAAM,gBAAgB;CACrB,MAAM,GAAG,uBAAuB,SAAS,uBAAuB,sFAAsF,gFAAgF;CACtO,MAAM,GAAG,kDAAkD,8CAA8C,gEAAgE,+FAA+F,mEAAmE,iEAAiE,2HAA2H,yHAAyH;CAChoB,OAAO;AACR"}

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

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

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

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

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

@@ -1,19 +1,27 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/slider.js
+const previewContent = cn("absolute [left:var(--preview-left,var(--media-slider-pointer))] max-w-(--max-width)", "-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/preview:scale-100 group-data-pointing/preview:opacity-100", "group-data-pointing/preview:blur-none", "group-data-interactive/preview:group-not-data-pointing/preview:group-not-data-dragging/preview:scale-100", "group-data-interactive/preview:group-not-data-pointing/preview:group-not-data-dragging/preview:opacity-100", "group-data-interactive/preview:group-not-data-pointing/preview:group-not-data-dragging/preview:blur-none");
 const slider = {
-	root: cn("group/slider relative flex flex-1 items-center justify-center rounded-full outline-none cursor-pointer", "data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-8", "data-[orientation=vertical]:w-8 data-[orientation=vertical]:h-[4.5rem]"),
-	track: cn("relative isolate overflow-hidden bg-current/20 rounded-[inherit] select-none", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-0.75", "data-[orientation=vertical]:w-0.75 data-[orientation=vertical]:h-full"),
+	root: cn("group/slider relative flex flex-1 items-center justify-center rounded-(--track-border-radius) outline-none cursor-pointer", "[--track-border-radius:calc(infinity*1px)]", "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-0.75", "data-[orientation=vertical]:w-0.75 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", "[--chapter-gap:calc(var(--spacing)*1)] [--chapter-inset-start:0.5] [--chapter-inset-end:0.5]", "first:[--chapter-inset-start:0] last:[--chapter-inset-end:0]", "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-0.75", "group-data-highlighted/chapter:data-[orientation=horizontal]:h-[--spacing(1.25)]", "data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--chapter-gap)*var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-gap)*var(--chapter-inset-start))_round_var(--track-border-radius))]", "data-[orientation=vertical]:w-0.75 data-[orientation=vertical]:h-full", "group-data-highlighted/chapter:data-[orientation=vertical]:w-[--spacing(1.25)]", "data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--chapter-gap)*var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-gap)*var(--chapter-inset-start))_0_round_var(--track-border-radius))]")
+	},
 	fill: {
-		base: "absolute rounded-[inherit] pointer-events-none",
-		fill: cn("bg-current", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:w-(--media-slider-fill,0)", "group-data-dragging/slider:data-[orientation=horizontal]:w-(--media-slider-pointer)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:h-(--media-slider-fill,0)", "group-data-dragging/slider:data-[orientation=vertical]:h-(--media-slider-pointer)"),
-		buffer: cn("bg-current/20 duration-250 ease-out", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer,0)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)")
+		base: cn("absolute rounded-[inherit] pointer-events-none", "motion-safe:duration-200 motion-safe:ease-linear", "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]:transition-[clip-path] 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]:transition-[clip-path] 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 motion-safe:duration-250 motion-safe:ease-out", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full", "data-[orientation=horizontal]:transition-[clip-path] 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]:transition-[clip-path] data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-buffer))_0_0_0_round_var(--track-border-radius))]")
 	},
 	thumb: {
-		base: cn("z-10 absolute size-3 -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "shadow-[0_0_0_1px_var(--media-current-shadow-color,oklch(0_0_0/0.15)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]", "transition-[opacity,scale,outline-offset] duration-150 ease-out select-none", "outline-2 outline-transparent -outline-offset-2", "focus-visible:outline-current focus-visible:outline-offset-2", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill,0)", "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,0))]", "group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]"),
-		interactive: cn("opacity-0 scale-70 origin-center", "group-hover/slider:opacity-100 group-hover/slider:scale-100", "group-focus-within/slider:opacity-100 group-focus-within/slider:scale-100")
+		base: cn("z-10 absolute size-3 -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.15)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]", "transition-[opacity,scale,outline-offset] motion-safe:transition-[opacity,scale,outline-offset,left,top] duration-150 ease-out select-none", "data-dragging:duration-0 data-seeking:duration-0", "outline-2 outline-transparent -outline-offset-2", "focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill,0)", "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,0))]", "group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]"),
+		interactive: cn("opacity-0 scale-70 origin-center", "pointer-fine:group-hover/slider:opacity-100 pointer-fine:group-hover/slider:scale-100", "group-focus-within/slider:opacity-100 group-focus-within/slider:scale-100")
 	},
-	preview: cn("group/preview", "before:block before:bg-current/35 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", "data-[orientation=horizontal]:before:min-w-px data-[orientation=horizontal]:before:h-5", "data-[orientation=vertical]:before:w-5 data-[orientation=vertical]:before:min-h-px", "peer-has-[[role=img]:not([data-hidden])]/thumbnail:*:hidden"),
-	value: cn("absolute bottom-6 tabular-nums", "-translate-x-1/2 translate-y-2 scale-50 opacity-0 blur-lg", "text-shadow-2xs text-shadow-(color:--media-current-shadow-color)", "transition-[filter,opacity,scale,translate] duration-200 ease-out", "group-data-pointing/preview:translate-y-0 group-data-pointing/preview:scale-100", "group-data-pointing/preview:opacity-100 group-data-pointing/preview:blur-none")
+	preview: cn("group/preview [--max-width:min(--spacing(48),100cqi)] [--max-height:--spacing(32)] min-w-full h-1", "before:absolute before:z-1 before:bg-current/35 before:pointer-events-none", "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", "data-[orientation=horizontal]:before:top-1/2 data-[orientation=horizontal]:before:left-(--media-slider-pointer)", "data-[orientation=horizontal]:before:w-px data-[orientation=horizontal]:before:h-5", "data-[orientation=vertical]:before:top-[calc(100%-var(--media-slider-pointer))] data-[orientation=vertical]:before:left-1/2", "data-[orientation=vertical]:before:w-5 data-[orientation=vertical]:before:h-px"),
+	thumbnail: cn(previewContent, "[--thumbnail-max-width:var(--max-width)] [bottom:calc(100%+--spacing(12))]"),
+	value: cn(previewContent, "[bottom:calc(100%+--spacing(5))] flex flex-row-reverse justify-center gap-2 px-3 tabular-nums", "text-shadow-2xs text-shadow-(color:--shadow-current-color)"),
+	chapterTitle: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden"
 };
 //#endregion
 export { slider };

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/slider.ts\nconst slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-full outline-none cursor-pointer\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-8\", \"data-[orientation=vertical]:w-8 data-[orientation=vertical]:h-[4.5rem]\"),\n\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-[inherit] select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-0.75\", \"data-[orientation=vertical]:w-0.75 data-[orientation=vertical]:h-full\"),\n\tfill: {\n\t\tbase: \"absolute rounded-[inherit] pointer-events-none\",\n\t\tfill: cn(\"bg-current\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:w-(--media-slider-fill,0)\", \"group-data-dragging/slider:data-[orientation=horizontal]:w-(--media-slider-pointer)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:h-(--media-slider-fill,0)\", \"group-data-dragging/slider:data-[orientation=vertical]:h-(--media-slider-pointer)\"),\n\t\tbuffer: cn(\"bg-current/20 duration-250 ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer,0)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute size-3 -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--media-current-shadow-color,oklch(0_0_0/0.15)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]\", \"transition-[opacity,scale,outline-offset] duration-150 ease-out select-none\", \"outline-2 outline-transparent -outline-offset-2\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill,0)\", \"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,0))]\", \"group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]\"),\n\t\tinteractive: cn(\"opacity-0 scale-70 origin-center\", \"group-hover/slider:opacity-100 group-hover/slider:scale-100\", \"group-focus-within/slider:opacity-100 group-focus-within/slider:scale-100\")\n\t},\n\tpreview: cn(\"group/preview\", \"before:block before:bg-current/35 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\", \"data-[orientation=horizontal]:before:min-w-px data-[orientation=horizontal]:before:h-5\", \"data-[orientation=vertical]:before:w-5 data-[orientation=vertical]:before:min-h-px\", \"peer-has-[[role=img]:not([data-hidden])]/thumbnail:*:hidden\"),\n\tvalue: cn(\"absolute bottom-6 tabular-nums\", \"-translate-x-1/2 translate-y-2 scale-50 opacity-0 blur-lg\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"transition-[filter,opacity,scale,translate] duration-200 ease-out\", \"group-data-pointing/preview:translate-y-0 group-data-pointing/preview:scale-100\", \"group-data-pointing/preview:opacity-100 group-data-pointing/preview:blur-none\")\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM,GAAG,0GAA0G,iHAAiH,yEAAyE;CAC7S,OAAO,GAAG,gFAAgF,6EAA6E,wEAAwE;CAC/O,MAAM;EACL,MAAM;EACN,MAAM,GAAG,cAAc,gFAAgF,2DAA2D,uFAAuF,8EAA8E,yDAAyD,oFAAoF;EACpd,QAAQ,GAAG,uCAAuC,gFAAgF,8GAA8G,8EAA8E,wGAAwG;EACta;CACD,OAAO;EACN,MAAM,GAAG,0DAA0D,2BAA2B,yIAAyI,+EAA+E,mDAAmD,gEAAgE,oGAAoG,0FAA0F,gHAAgH,sGAAsG;EAC7zB,aAAa,GAAG,oCAAoC,+DAA+D,4EAA4E;EAC/L;CACD,SAAS,GAAG,iBAAiB,sEAAsE,yEAAyE,uGAAuG,0FAA0F,sFAAsF,8DAA8D;CACjgB,OAAO,GAAG,kCAAkC,6DAA6D,oEAAoE,qEAAqE,mFAAmF,gFAAgF;CACrZ"}
+{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/slider.ts\nconst previewContent = cn(\"absolute [left:var(--preview-left,var(--media-slider-pointer))] max-w-(--max-width)\", \"-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/preview:scale-100 group-data-pointing/preview:opacity-100\", \"group-data-pointing/preview:blur-none\", \"group-data-interactive/preview:group-not-data-pointing/preview:group-not-data-dragging/preview:scale-100\", \"group-data-interactive/preview:group-not-data-pointing/preview:group-not-data-dragging/preview:opacity-100\", \"group-data-interactive/preview:group-not-data-pointing/preview:group-not-data-dragging/preview: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:calc(infinity*1px)]\", \"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-0.75\", \"data-[orientation=vertical]:w-0.75 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\", \"[--chapter-gap:calc(var(--spacing)*1)] [--chapter-inset-start:0.5] [--chapter-inset-end:0.5]\", \"first:[--chapter-inset-start:0] last:[--chapter-inset-end:0]\", \"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-0.75\", \"group-data-highlighted/chapter:data-[orientation=horizontal]:h-[--spacing(1.25)]\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--chapter-gap)*var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-gap)*var(--chapter-inset-start))_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:w-0.75 data-[orientation=vertical]:h-full\", \"group-data-highlighted/chapter:data-[orientation=vertical]:w-[--spacing(1.25)]\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--chapter-gap)*var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-gap)*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:duration-200 motion-safe:ease-linear\", \"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]:transition-[clip-path] 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]:transition-[clip-path] 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 motion-safe:duration-250 motion-safe:ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:transition-[clip-path] 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]:transition-[clip-path] 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-3 -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.15)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]\", \"transition-[opacity,scale,outline-offset] motion-safe:transition-[opacity,scale,outline-offset,left,top] duration-150 ease-out select-none\", \"data-dragging:duration-0 data-seeking:duration-0\", \"outline-2 outline-transparent -outline-offset-2\", \"focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill,0)\", \"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,0))]\", \"group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]\"),\n\t\tinteractive: cn(\"opacity-0 scale-70 origin-center\", \"pointer-fine:group-hover/slider:opacity-100 pointer-fine:group-hover/slider:scale-100\", \"group-focus-within/slider:opacity-100 group-focus-within/slider:scale-100\")\n\t},\n\tpreview: cn(\"group/preview [--max-width:min(--spacing(48),100cqi)] [--max-height:--spacing(32)] min-w-full h-1\", \"before:absolute before:z-1 before:bg-current/35 before:pointer-events-none\", \"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\", \"data-[orientation=horizontal]:before:top-1/2 data-[orientation=horizontal]:before:left-(--media-slider-pointer)\", \"data-[orientation=horizontal]:before:w-px data-[orientation=horizontal]:before:h-5\", \"data-[orientation=vertical]:before:top-[calc(100%-var(--media-slider-pointer))] data-[orientation=vertical]:before:left-1/2\", \"data-[orientation=vertical]:before:w-5 data-[orientation=vertical]:before:h-px\"),\n\tthumbnail: cn(previewContent, \"[--thumbnail-max-width:var(--max-width)] [bottom:calc(100%+--spacing(12))]\"),\n\tvalue: cn(previewContent, \"[bottom:calc(100%+--spacing(5))] flex flex-row-reverse justify-center gap-2 px-3 tabular-nums\", \"text-shadow-2xs text-shadow-(color:--shadow-current-color)\"),\n\tchapterTitle: \"min-w-0 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden\"\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,iBAAiB,GAAG,uFAAuF,2EAA2E,2DAA2D,iFAAiF,yCAAyC,4GAA4G,8GAA8G,0GAA0G;AACrrB,MAAM,SAAS;CACd,MAAM,GAAG,6HAA6H,8CAA8C,+JAA+J,2HAA2H;CAC9c,OAAO,GAAG,8FAA8F,6EAA6E,uEAAuE;CAC5P,UAAU,GAAG,+EAA+E;CAC5F,SAAS;EACR,MAAM,GAAG,mFAAmF,gGAAgG,gEAAgE,qIAAqI,iIAAiI;EAClgB,OAAO,GAAG,8FAA8F,uFAAuF,6EAA6E,oFAAoF,sQAAsQ,yEAAyE,kFAAkF,kQAAkQ;CACpgC;CACA,MAAM;EACL,MAAM,GAAG,kDAAkD,oDAAoD,kDAAkD;EACjK,MAAM,GAAG,uBAAuB,qHAAqH,oLAAoL,6JAA6J,iHAAiH,gLAAgL,yJAAyJ;EACh6B,QAAQ,GAAG,+DAA+D,qHAAqH,sLAAsL,iHAAiH,gLAAgL;CACvpB;CACA,OAAO;EACN,MAAM,GAAG,0DAA0D,2BAA2B,mIAAmI,8IAA8I,oDAAoD,mDAAmD,6EAA6E,oGAAoG,0FAA0F,gHAAgH,qGAAqG;EACt7B,aAAa,GAAG,oCAAoC,yFAAyF,2EAA2E;CACzN;CACA,SAAS,GAAG,qGAAqG,8EAA8E,0DAA0D,yEAAyE,uGAAuG,mHAAmH,sFAAsF,+HAA+H,gFAAgF;CACj0B,WAAW,GAAG,gBAAgB,4EAA4E;CAC1G,OAAO,GAAG,gBAAgB,iGAAiG,4DAA4D;CACvL,cAAc;AACf"}

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

@@ -0,0 +1,29 @@
+import { centeredIndicatorRoot, topIndicatorContent, topIndicatorIcon, topIndicatorRoot } from "./input-indicator.js";
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/status-indicator.js
+const statusIndicator = {
+	root: cn(topIndicatorRoot, "data-open:duration-100"),
+	content: topIndicatorContent,
+	value: "ml-auto",
+	icon: {
+		base: topIndicatorIcon,
+		captionsOn: "group-data-[status=captions-on]/input-indicator:block",
+		captionsOff: "group-data-[status=captions-off]/input-indicator:block",
+		fullscreenEnter: "group-data-[status=fullscreen]/input-indicator:block",
+		fullscreenExit: "group-data-[status=exit-fullscreen]/input-indicator:block",
+		pipEnter: "group-data-[status=pip]/input-indicator:block",
+		pipExit: "group-data-[status=exit-pip]/input-indicator:block"
+	},
+	playback: {
+		root: cn(centeredIndicatorRoot, "[transition-property:opacity,scale]", "duration-200 ease-out", "motion-reduce:transition-opacity", "motion-reduce:duration-50", "data-starting-style:opacity-0", "data-ending-style:opacity-0", "data-starting-style:scale-[0.85]", "data-ending-style:scale-[0.85]", "data-ending-style:duration-100", "data-ending-style:ease-in", "motion-reduce:data-starting-style:scale-100", "motion-reduce:data-ending-style:scale-100"),
+		icon: {
+			base: cn("col-start-1 row-start-1 size-[calc(var(--media-icon-size)*2)]", "opacity-0 scale-0", "[transition-property:opacity,scale] duration-150 ease-out", "motion-reduce:scale-100 motion-reduce:transition-opacity motion-reduce:duration-50"),
+			pause: "group-data-[status=pause]/input-indicator:opacity-100 group-data-[status=pause]/input-indicator:scale-100",
+			play: "group-data-[status=play]/input-indicator:opacity-100 group-data-[status=play]/input-indicator:scale-100"
+		}
+	}
+};
+//#endregion
+export { statusIndicator };
+
+//# sourceMappingURL=status-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/status-indicator.js"],"sourcesContent":["import { centeredIndicatorRoot, topIndicatorContent, topIndicatorIcon, topIndicatorRoot } from \"./input-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/status-indicator.ts\nconst statusIndicator = {\n\troot: cn(topIndicatorRoot, \"data-open:duration-100\"),\n\tcontent: topIndicatorContent,\n\tvalue: \"ml-auto\",\n\ticon: {\n\t\tbase: topIndicatorIcon,\n\t\tcaptionsOn: \"group-data-[status=captions-on]/input-indicator:block\",\n\t\tcaptionsOff: \"group-data-[status=captions-off]/input-indicator:block\",\n\t\tfullscreenEnter: \"group-data-[status=fullscreen]/input-indicator:block\",\n\t\tfullscreenExit: \"group-data-[status=exit-fullscreen]/input-indicator:block\",\n\t\tpipEnter: \"group-data-[status=pip]/input-indicator:block\",\n\t\tpipExit: \"group-data-[status=exit-pip]/input-indicator:block\"\n\t},\n\tplayback: {\n\t\troot: cn(centeredIndicatorRoot, \"[transition-property:opacity,scale]\", \"duration-200 ease-out\", \"motion-reduce:transition-opacity\", \"motion-reduce:duration-50\", \"data-starting-style:opacity-0\", \"data-ending-style:opacity-0\", \"data-starting-style:scale-[0.85]\", \"data-ending-style:scale-[0.85]\", \"data-ending-style:duration-100\", \"data-ending-style:ease-in\", \"motion-reduce:data-starting-style:scale-100\", \"motion-reduce:data-ending-style:scale-100\"),\n\t\ticon: {\n\t\t\tbase: cn(\"col-start-1 row-start-1 size-[calc(var(--media-icon-size)*2)]\", \"opacity-0 scale-0\", \"[transition-property:opacity,scale] duration-150 ease-out\", \"motion-reduce:scale-100 motion-reduce:transition-opacity motion-reduce:duration-50\"),\n\t\t\tpause: \"group-data-[status=pause]/input-indicator:opacity-100 group-data-[status=pause]/input-indicator:scale-100\",\n\t\t\tplay: \"group-data-[status=play]/input-indicator:opacity-100 group-data-[status=play]/input-indicator:scale-100\"\n\t\t}\n\t}\n};\n//#endregion\nexport { statusIndicator };\n\n//# sourceMappingURL=status-indicator.js.map"],"mappings":";;;AAGA,MAAM,kBAAkB;CACvB,MAAM,GAAG,kBAAkB,wBAAwB;CACnD,SAAS;CACT,OAAO;CACP,MAAM;EACL,MAAM;EACN,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,UAAU;EACV,SAAS;CACV;CACA,UAAU;EACT,MAAM,GAAG,uBAAuB,uCAAuC,yBAAyB,oCAAoC,6BAA6B,iCAAiC,+BAA+B,oCAAoC,kCAAkC,kCAAkC,6BAA6B,+CAA+C,2CAA2C;EAChc,MAAM;GACL,MAAM,GAAG,iEAAiE,qBAAqB,6DAA6D,oFAAoF;GAChP,OAAO;GACP,MAAM;EACP;CACD;AACD"}

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

@@ -1,11 +1,9 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/thumbnail.js
 const thumbnail = {
-	root: "group/thumbnail peer/thumbnail pointer-events-none",
-	imageWrapper: "relative rounded-lg bg-black/90",
-	image: cn("block rounded-[inherit] transition-opacity duration-150 ease-out", "data-loading:opacity-0"),
-	time: "mt-2 block text-center tabular-nums",
-	spinner: cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0", "transition-opacity duration-150 ease-out", "group-not-has-[[role=img][data-loading]]/thumbnail:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/thumbnail:opacity-100")
+	root: cn("group/thumbnail pointer-events-none bg-black/90 rounded-[--spacing(2)]", "after:absolute after:inset-0 after:rounded-[inherit]", "after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20", "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-(--max-height) overflow-clip rounded-[inherit]", "transition-opacity duration-150 ease-out 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
 export { thumbnail };

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

@@ -1 +1 @@
-{"version":3,"file":"thumbnail.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/thumbnail.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/thumbnail.ts\nconst thumbnail = {\n\troot: \"group/thumbnail peer/thumbnail pointer-events-none\",\n\timageWrapper: \"relative rounded-lg bg-black/90\",\n\timage: cn(\"block rounded-[inherit] transition-opacity duration-150 ease-out\", \"data-loading:opacity-0\"),\n\ttime: \"mt-2 block text-center tabular-nums\",\n\tspinner: cn(\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0\", \"transition-opacity duration-150 ease-out\", \"group-not-has-[[role=img][data-loading]]/thumbnail:[--media-spinner-animation:none] group-has-[[role=img][data-loading]]/thumbnail:opacity-100\")\n};\n//#endregion\nexport { thumbnail };\n\n//# sourceMappingURL=thumbnail.js.map"],"mappings":";;AAEA,MAAM,YAAY;CACjB,MAAM;CACN,cAAc;CACd,OAAO,GAAG,oEAAoE,yBAAyB;CACvG,MAAM;CACN,SAAS,GAAG,yEAAyE,4CAA4C,iJAAiJ;CAClR"}
+{"version":3,"file":"thumbnail.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/thumbnail.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/thumbnail.ts\nconst thumbnail = {\n\troot: cn(\"group/thumbnail pointer-events-none bg-black/90 rounded-[--spacing(2)]\", \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20\", \"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-(--max-height) overflow-clip rounded-[inherit]\", \"transition-opacity duration-150 ease-out 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,wDAAwD,yEAAyE,0EAA0E,gEAAgE;CAC9V,OAAO,GAAG,qGAAqG,iEAAiE;CAChL,SAAS,GAAG,yEAAyE,4CAA4C,+LAA+L;AACjU"}

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

@@ -2,10 +2,10 @@ import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/time.js
 const time = {
 	group: "flex items-center gap-1",
-	current: cn("hidden tabular-nums cursor-pointer rounded-sm outline-2 outline-transparent -outline-offset-2", "transition-[outline-color,outline-offset] duration-100 ease-out", "supports-[corner-shape:squircle]:rounded-4", "supports-[corner-shape:squircle]:[corner-shape:squircle]", "focus-visible:outline-current focus-visible:outline-offset-2", "@2xl/media-root:inline"),
+	current: cn("hidden tabular-nums cursor-pointer rounded-[--spacing(1)] outline-2 outline-transparent -outline-offset-2", "transition-[outline-color,outline-offset] duration-100 ease-out", "supports-[corner-shape:squircle]:rounded-[--spacing(4)]", "supports-[corner-shape:squircle]:[corner-shape:squircle]", "focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2", "@2xl/media-root:inline"),
 	separator: cn("hidden", "@2xl/media-root:inline @2xl/media-root:text-current/60"),
 	duration: cn("tabular-nums", "@2xl/media-root:text-current/60"),
-	controls: cn("@container flex flex-row-reverse items-center flex-1 gap-3", "@2xl/media-root:flex-row")
+	controls: cn("@container/media-time-controls flex flex-row-reverse items-center flex-1 gap-3", "@2xl/media-root:flex-row")
 };
 //#endregion
 export { time };

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

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/time.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/time.ts\nconst time = {\n\tgroup: \"flex items-center gap-1\",\n\tcurrent: cn(\"hidden tabular-nums cursor-pointer rounded-sm outline-2 outline-transparent -outline-offset-2\", \"transition-[outline-color,outline-offset] duration-100 ease-out\", \"supports-[corner-shape:squircle]:rounded-4\", \"supports-[corner-shape:squircle]:[corner-shape:squircle]\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"@2xl/media-root:inline\"),\n\tseparator: cn(\"hidden\", \"@2xl/media-root:inline @2xl/media-root:text-current/60\"),\n\tduration: cn(\"tabular-nums\", \"@2xl/media-root:text-current/60\"),\n\tcontrols: cn(\"@container flex flex-row-reverse items-center flex-1 gap-3\", \"@2xl/media-root:flex-row\")\n};\n//#endregion\nexport { time };\n\n//# sourceMappingURL=time.js.map"],"mappings":";;AAEA,MAAM,OAAO;CACZ,OAAO;CACP,SAAS,GAAG,iGAAiG,mEAAmE,8CAA8C,4DAA4D,gEAAgE,yBAAyB;CACnX,WAAW,GAAG,UAAU,yDAAyD;CACjF,UAAU,GAAG,gBAAgB,kCAAkC;CAC/D,UAAU,GAAG,8DAA8D,2BAA2B;CACtG"}
+{"version":3,"file":"time.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/time.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/time.ts\nconst time = {\n\tgroup: \"flex items-center gap-1\",\n\tcurrent: cn(\"hidden tabular-nums cursor-pointer rounded-[--spacing(1)] outline-2 outline-transparent -outline-offset-2\", \"transition-[outline-color,outline-offset] duration-100 ease-out\", \"supports-[corner-shape:squircle]:rounded-[--spacing(4)]\", \"supports-[corner-shape:squircle]:[corner-shape:squircle]\", \"focus-visible:outline-(--focus-ring-color) focus-visible:outline-offset-2\", \"@2xl/media-root:inline\"),\n\tseparator: cn(\"hidden\", \"@2xl/media-root:inline @2xl/media-root:text-current/60\"),\n\tduration: cn(\"tabular-nums\", \"@2xl/media-root:text-current/60\"),\n\tcontrols: cn(\"@container/media-time-controls flex flex-row-reverse items-center flex-1 gap-3\", \"@2xl/media-root:flex-row\")\n};\n//#endregion\nexport { time };\n\n//# sourceMappingURL=time.js.map"],"mappings":";;AAEA,MAAM,OAAO;CACZ,OAAO;CACP,SAAS,GAAG,6GAA6G,mEAAmE,2DAA2D,4DAA4D,6EAA6E,wBAAwB;CACxZ,WAAW,GAAG,UAAU,wDAAwD;CAChF,UAAU,GAAG,gBAAgB,iCAAiC;CAC9D,UAAU,GAAG,kFAAkF,0BAA0B;AAC1H"}

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

@@ -0,0 +1,19 @@
+import { topIndicatorContent, topIndicatorIcon, topIndicatorRoot } from "./input-indicator.js";
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/minimal/tailwind/components/volume-indicator.js
+const volumeIndicator = {
+	root: cn(topIndicatorRoot, "data-open:duration-100"),
+	content: cn(topIndicatorContent, "w-[min(80%,--spacing(56))]", "[transform:translateX(0)]", "motion-safe:group-[:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]/input-indicator:[transform:translateX(0.25px)]", "motion-safe:group-[:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]/input-indicator:[transition:transform_300ms_linear(0,-24_20%,16_40%,-8_60%,4_80%,1)]"),
+	progress: cn("relative w-full h-0.75 rounded-full bg-current/20", "before:absolute before:inset-y-0 before:left-0 before:w-(--media-volume-fill,0%) before:content-[\"\"]", "before:bg-(--accent-color) before:rounded-[inherit]", "before:transition-[width] before:duration-200 before:ease-linear", "shadow-[0_1px_0_var(--shadow-subtle-current-color)]"),
+	value: "ml-auto",
+	icon: {
+		base: topIndicatorIcon,
+		high: "group-data-[level=high]/input-indicator:block",
+		low: "group-data-[level=low]/input-indicator:block",
+		off: "group-data-[level=off]/input-indicator:block"
+	}
+};
+//#endregion
+export { volumeIndicator };
+
+//# sourceMappingURL=volume-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"volume-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/volume-indicator.js"],"sourcesContent":["import { topIndicatorContent, topIndicatorIcon, topIndicatorRoot } from \"./input-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/volume-indicator.ts\nconst volumeIndicator = {\n\troot: cn(topIndicatorRoot, \"data-open:duration-100\"),\n\tcontent: cn(topIndicatorContent, \"w-[min(80%,--spacing(56))]\", \"[transform:translateX(0)]\", \"motion-safe:group-[:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]/input-indicator:[transform:translateX(0.25px)]\", \"motion-safe:group-[:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]/input-indicator:[transition:transform_300ms_linear(0,-24_20%,16_40%,-8_60%,4_80%,1)]\"),\n\tprogress: cn(\"relative w-full h-0.75 rounded-full bg-current/20\", \"before:absolute before:inset-y-0 before:left-0 before:w-(--media-volume-fill,0%) before:content-[\\\"\\\"]\", \"before:bg-(--accent-color) before:rounded-[inherit]\", \"before:transition-[width] before:duration-200 before:ease-linear\", \"shadow-[0_1px_0_var(--shadow-subtle-current-color)]\"),\n\tvalue: \"ml-auto\",\n\ticon: {\n\t\tbase: topIndicatorIcon,\n\t\thigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tlow: \"group-data-[level=low]/input-indicator:block\",\n\t\toff: \"group-data-[level=off]/input-indicator:block\"\n\t}\n};\n//#endregion\nexport { volumeIndicator };\n\n//# sourceMappingURL=volume-indicator.js.map"],"mappings":";;;AAGA,MAAM,kBAAkB;CACvB,MAAM,GAAG,kBAAkB,wBAAwB;CACnD,SAAS,GAAG,qBAAqB,8BAA8B,6BAA6B,gJAAgJ,oLAAoL;CACha,UAAU,GAAG,qDAAqD,0GAA0G,uDAAuD,oEAAoE,qDAAqD;CAC5V,OAAO;CACP,MAAM;EACL,MAAM;EACN,MAAM;EACN,KAAK;EACL,KAAK;CACN;AACD"}