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

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/menu.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/menu.ts\nconst menu = {\n\troot: cn(\"box-border min-w-[min(6rem,var(--media-popover-available-width,6rem))]\", \"max-w-(--media-popover-available-width) max-h-(--media-popover-available-height)\", \"bg-(--media-tooltip-background-color) p-1 !overflow-auto overscroll-none rounded-xl\", \"[backdrop-filter:var(--media-tooltip-backdrop-filter)]\", \"ring-1 ring-(color:--media-tooltip-border-color) shadow-md shadow-black/10\", \"before:hidden\"),\n\tgroup: \"flex flex-col gap-0.5\",\n\titem: cn(\"group/menu-item flex min-h-8 cursor-pointer items-center justify-between gap-2 rounded-lg px-2.5\", \"tabular-nums text-inherit outline-2 -outline-offset-2 outline-transparent\", \"hover:bg-current/10 data-highlighted:bg-current/10\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\"),\n\tindicator: \"-mr-1 shrink-0 opacity-0 group-aria-checked/menu-item:opacity-100\"\n};\n//#endregion\nexport { menu };\n\n//# sourceMappingURL=menu.js.map"],"mappings":";;AAEA,MAAM,OAAO;CACZ,MAAM,GAAG,0EAA0E,oFAAoF,uFAAuF,0DAA0D,8EAA8E,gBAAgB;CACtZ,OAAO;CACP,MAAM,GAAG,oGAAoG,6EAA6E,sDAAsD,gEAAgE,8FAA8F;CAC9Y,WAAW;CACX"}
+{"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"}

package/dist/dev/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-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-[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");
 //#endregion
 export { overlay };
 

package/dist/dev/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-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,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-[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"}

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

@@ -1,10 +1,11 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/popup.js
-const base = cn("m-0 border-0 text-inherit overflow-visible", "transition-[transform,scale,opacity,filter]", "duration-(--media-popup-transition-duration)", "ease-(--media-popup-transition-timing-function)", "data-starting-style:opacity-0 data-starting-style:scale-50 data-starting-style:blur-sm", "data-ending-style:opacity-0 data-ending-style:scale-50 data-ending-style:blur-sm", "data-instant:duration-0", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "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)]", "[--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 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", "bg-(--media-tooltip-background-color) [backdrop-filter:var(--media-tooltip-backdrop-filter)]", "ring-1 ring-(color:--media-tooltip-border-color) shadow-md shadow-black/10", "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)")
+	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")
 };
 //#endregion
 export { popup };

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

@@ -1 +1 @@
-{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/popup.ts\nconst base = cn(\"m-0 border-0 text-inherit overflow-visible\", \"transition-[transform,scale,opacity,filter]\", \"duration-(--media-popup-transition-duration)\", \"ease-(--media-popup-transition-timing-function)\", \"data-starting-style:opacity-0 data-starting-style:scale-50 data-starting-style:blur-sm\", \"data-ending-style:opacity-0 data-ending-style:scale-50 data-ending-style:blur-sm\", \"data-instant:duration-0\", \"data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left\", \"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\", \"bg-(--media-tooltip-background-color) [backdrop-filter:var(--media-tooltip-backdrop-filter)]\", \"ring-1 ring-(color:--media-tooltip-border-color) shadow-md shadow-black/10\", \"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};\n//#endregion\nexport { popup };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,8CAA8C,+CAA+C,gDAAgD,mDAAmD,0FAA0F,oFAAoF,2BAA2B,2HAA2H,mDAAmD,gGAAgG,4GAA4G,oGAAoG,uGAAuG;AAC99B,MAAM,QAAQ;CACb;CACA,SAAS,GAAG,MAAM,oHAAoH,mHAAmH;CACzP,SAAS,GAAG,MAAM,yDAAyD,gGAAgG,8EAA8E,qCAAqC,oHAAoH,mHAAmH;CACrgB"}
+{"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"}

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

@@ -1,6 +1,12 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/minimal/tailwind/components/poster.js
 const poster = (isShadowDOM) => cn("absolute inset-0 w-full h-full pointer-events-none", "transition-opacity duration-250", "not-data-visible:opacity-0", isShadowDOM ? [
+	"before:absolute before:inset-0 before:pointer-events-none",
+	"before:[background-image:var(--media-poster-placeholder,none)]",
+	"before:bg-no-repeat",
+	"before:[background-position:var(--media-object-position,center)]",
+	"before:[background-size:var(--media-object-fit,contain)]",
+	"before:[filter:blur(var(--media-poster-placeholder-blur,20px))]",
 	"[&_::slotted(img)]:absolute",
 	"[&_::slotted(img)]:inset-0",
 	"[&_::slotted(img)]:w-full",
@@ -8,7 +14,7 @@ const poster = (isShadowDOM) => cn("absolute inset-0 w-full h-full pointer-event
 	"[&_::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)"
-] : "rounded-[inherit] [object-fit:var(--media-object-fit,contain)] [object-position:var(--media-object-position,center)]");
+] : ["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/dev/skins/dist/default/minimal/tailwind/components/poster.js.map

@@ -1 +1 @@
-{"version":3,"file":"poster.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/poster.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/components/poster.ts\nconst poster = (isShadowDOM) => cn(\"absolute inset-0 w-full h-full pointer-events-none\", \"transition-opacity duration-250\", \"not-data-visible:opacity-0\", isShadowDOM ? [\n\t\"[&_::slotted(img)]:absolute\",\n\t\"[&_::slotted(img)]:inset-0\",\n\t\"[&_::slotted(img)]:w-full\",\n\t\"[&_::slotted(img)]:h-full\",\n\t\"[&_::slotted(img)]:[object-fit:var(--media-object-fit,contain)]\",\n\t\"[&_::slotted(img)]:[object-position:var(--media-object-position,center)]\",\n\t\"[&_::slotted(img)]:rounded-(--media-video-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,GAAG,uHAAuH"}
+{"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"}

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

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

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

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

package/dist/dev/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-[480] tabular-nums",
+	label: "text-[10px] font-medium tracking-tighter tabular-nums",
 	labelForward: "absolute -right-px -bottom-0.75",
 	labelBackward: "absolute -left-px -bottom-0.75"
 };

package/dist/dev/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-[480] tabular-nums\",\n\tlabelForward: \"absolute -right-px -bottom-0.75\",\n\tlabelBackward: \"absolute -left-px -bottom-0.75\"\n};\n//#endregion\nexport { seek };\n\n//# sourceMappingURL=seek.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,OAAO;CACP,cAAc;CACd,eAAe;CACf"}
+{"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../../../skins/dist/default/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"}

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

@@ -5,13 +5,15 @@ const slider = {
 	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"),
 	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)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:h-(--media-slider-fill,0)"),
+		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)")
 	},
 	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-subtle,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]", "transition-[opacity,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)", "data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill,0))]"),
+		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")
-	}
+	},
+	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")
 };
 //#endregion
 export { slider };

package/dist/dev/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)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:h-(--media-slider-fill,0)\"),\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-subtle,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]\", \"transition-[opacity,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)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill,0))]\"),\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};\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,8EAA8E,wDAAwD;EACxS,QAAQ,GAAG,uCAAuC,gFAAgF,8GAA8G,8EAA8E,wGAAwG;EACta;CACD,OAAO;EACN,MAAM,GAAG,0DAA0D,2BAA2B,+IAA+I,+EAA+E,mDAAmD,gEAAgE,oGAAoG,+GAA+G;EACloB,aAAa,GAAG,oCAAoC,+DAA+D,4EAA4E;EAC/L;CACD"}
+{"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"}

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

@@ -0,0 +1,13 @@
+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")
+};
+//#endregion
+export { thumbnail };
+
+//# sourceMappingURL=thumbnail.js.map

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

@@ -0,0 +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"}

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

@@ -2,7 +2,7 @@ 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", "@2xl/media-root:inline"),
+	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"),
 	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")

package/dist/dev/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\", \"@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,uBAAuB,yBAAyB;CAC5D,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-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"}

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

@@ -2,17 +2,18 @@ import { controls as controls$1 } from "./components/controls.js";
 import { error as error$1 } from "./components/error.js";
 import { popup as popup$1 } from "./components/popup.js";
 import { root as root$1 } from "./components/root.js";
+import { slider as slider$1 } from "./components/slider.js";
 import "../../shared/tailwind/icon-state.js";
+import "./components/badge.js";
 import "./components/buffering.js";
 import "./components/button.js";
 import { buttonGroup } from "./components/button-group.js";
 import "./components/icon.js";
-import "./components/menu.js";
+import { menu as menu$1 } from "./components/menu.js";
 import "./components/playback-rate.js";
 import "./components/seek.js";
-import { slider as slider$1 } from "./components/slider.js";
 import { time as time$1 } from "./components/time.js";
-import { preview as preview$1 } from "./components/preview.js";
+import { thumbnail as thumbnail$1 } from "./components/thumbnail.js";
 import "./components/input-feedback.js";
 import "./components/overlay.js";
 import "./components/poster.js";
@@ -21,7 +22,7 @@ import { cn } from "@videojs/utils/style";
 const root = (isShadowDOM) => cn(root$1, "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "after:inset-0 after:ring-1 after:ring-inset after:ring-black/15 dark:after:ring-white/15", {
 	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,cover)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
 	"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]": !isShadowDOM
-}, "[--media-video-border-radius:var(--media-border-radius,0.75rem)]", "[--media-controls-background-color:transparent]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-error-dialog-transition-duration:150ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-error-dialog-transition-timing-function:ease-out]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-tooltip-background-color:oklch(1_0_0/0.1)]", "[--media-tooltip-border-color:transparent]", "[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-tooltip-text-color:currentColor]", "[--media-tooltip-side-offset:0.5rem]", "[--media-tooltip-boundary-offset:0.5rem]", "[--media-popover-side-offset:1.5rem]", "[--media-popover-boundary-offset:0.5rem]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--media-controls-background-color:oklch(0_0_0)]", "contrast-more:[--media-controls-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]", "contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]", "@2xl/media-root:*:[--media-popover-side-offset:0.5rem]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:-0.5rem]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:-5rem]", "@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3rem]", !isShadowDOM ? [
+}, "[--media-video-border-radius:var(--media-border-radius,0.75rem)]", "[--media-controls-background-color:transparent]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-error-dialog-transition-duration:150ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-error-dialog-transition-timing-function:ease-out]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-tooltip-background-color:oklch(0_0_0/0.5)]", "[--media-tooltip-border-color:oklch(1_0_0/0.1)]", "[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]", "[--media-tooltip-text-color:currentColor]", "[--media-tooltip-side-offset:0.5rem]", "[--media-tooltip-boundary-offset:0.5rem]", "[--media-popover-background-color:var(--media-tooltip-background-color)]", "[--media-popover-border-color:var(--media-tooltip-border-color)]", "[--media-popover-backdrop-filter:var(--media-tooltip-backdrop-filter)]", "[--media-popover-side-offset:1.5rem]", "[--media-popover-boundary-offset:var(--media-tooltip-boundary-offset)]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--media-controls-background-color:oklch(0_0_0)]", "contrast-more:[--media-controls-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]", "contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]", "@2xl/media-root:*:[--media-popover-side-offset:0.5rem]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:-0.5rem]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:-5rem]", "@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3rem]", !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",
@@ -30,11 +31,20 @@ const root = (isShadowDOM) => cn(root$1, "bg-black overflow-clip", "after:absolu
 	"[&_video::-webkit-media-text-track-container]:scale-98",
 	"[&_video::-webkit-media-text-track-container]:z-1",
 	"[&_video::-webkit-media-text-track-container]:font-[inherit]"
+] : [], !isShadowDOM ? [
+	"before:absolute before:inset-0 before:pointer-events-none",
+	"before:[background-image:var(--media-poster-placeholder,none)]",
+	"before:bg-no-repeat",
+	"before:[background-position:var(--media-object-position,center)]",
+	"before:[background-size:var(--media-object-fit,contain)]",
+	"before:opacity-0 before:[filter:blur(var(--media-poster-placeholder-blur,20px))]",
+	"before:transition-opacity before:duration-250",
+	"has-[img[data-visible]:not([data-loaded])]:before:opacity-100"
 ] : [], "[&:fullscreen]:[--media-border-radius:0]", {
 	"[&:fullscreen_video]:object-contain": !isShadowDOM,
 	"[&:fullscreen_::slotted(video)]:object-contain": isShadowDOM
 });
-const controls = cn(controls$1, "absolute bottom-1 inset-x-1", "p-1 gap-x-2 flex-wrap rounded-xl", "mx-auto max-w-4xl", "text-white z-10", "peer-data-open/error:hidden", "ease-(--media-controls-transition-timing-function)", "duration-(--media-controls-transition-duration)", "pointer-fine:will-change-[translate,filter,opacity]", "pointer-fine:transition-[translate,filter,opacity]", "pointer-coarse:will-change-[translate,opacity]", "pointer-coarse:transition-[translate,opacity]", "not-data-visible:opacity-0 not-data-visible:pointer-events-none", "motion-safe:not-data-visible:translate-y-full", "pointer-fine:motion-safe:not-data-visible:blur-sm", "@2xl/media-root:flex-nowrap @2xl/media-root:bottom-2 @2xl/media-root:inset-x-2", "@2xl/media-root:*:[--media-popover-side-offset:0rem]");
+const controls = cn(controls$1, "absolute bottom-1 inset-x-1", "p-1 gap-x-2 flex-wrap rounded-xl", "text-white z-10", "peer-data-open/error:hidden", "ease-(--media-controls-transition-timing-function)", "duration-(--media-controls-transition-duration)", "pointer-fine:will-change-[translate,filter,opacity]", "pointer-fine:transition-[translate,filter,opacity]", "pointer-coarse:will-change-[translate,opacity]", "pointer-coarse:transition-[translate,opacity]", "not-data-visible:opacity-0 not-data-visible:pointer-events-none", "motion-safe:not-data-visible:translate-y-full", "pointer-fine:motion-safe:not-data-visible:blur-sm", "@2xl/media-root:flex-nowrap @2xl/media-root:bottom-2 @2xl/media-root:inset-x-2", "@2xl/media-root:*:[--media-popover-side-offset:0rem]");
 const buttonGroupStart = cn(buttonGroup, "flex-1 @2xl/media-root:flex-none");
 const buttonGroupEnd = cn(buttonGroup, "flex-1 justify-end @2xl/media-root:flex-none");
 const time = {
@@ -47,11 +57,11 @@ const error = {
 	dialog: cn(error$1.dialog, "pointer-events-auto"),
 	title: cn(error$1.title, "text-lg")
 };
-const preview = {
-	...preview$1,
-	root: cn("[--media-preview-max-width:11rem] [--media-preview-padding:-0.5rem] [--media-preview-inset:calc(100cqi-100%)]", "absolute [left:clamp(calc(var(--media-preview-max-width)/2+var(--media-preview-padding)),var(--media-slider-pointer),calc(100%-var(--media-preview-max-width)/2-var(--media-preview-padding)+var(--media-preview-inset)))] bottom-full -translate-x-1/2", "@2xl/media-root:bottom-[calc(100%+0.25rem)] @2xl/media-root:[left:var(--media-slider-pointer)]", "opacity-0 scale-80 blur-sm origin-bottom", "transition-[scale,opacity,filter] duration-150", "group-data-pointing/slider:opacity-100 group-data-pointing/slider:scale-100 group-data-pointing/slider:blur-none", "has-[[role=img][data-hidden]]:opacity-0 has-[[role=img][data-hidden]]:scale-80 has-[[role=img][data-hidden]]:blur-sm", "has-[[role=img][data-loading]]:max-h-24", preview$1.root),
-	thumbnailWrapper: cn(preview$1.thumbnailWrapper, "after:absolute after:inset-0 after:rounded-[inherit]", "after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20"),
-	thumbnail: cn(preview$1.thumbnail, "max-w-(--media-preview-max-width)")
+const thumbnail = {
+	...thumbnail$1,
+	root: cn(thumbnail$1.root, "[--media-slider-thumbnail-max-width:11rem]", "[--media-slider-thumbnail-max-height:8rem]", "[--media-slider-thumbnail-padding:-0.5rem]", "[--media-slider-thumbnail-inset:calc(100cqi-100%)]", "absolute [left:clamp(calc(var(--media-slider-thumbnail-max-width)/2+var(--media-slider-thumbnail-padding)),var(--media-slider-pointer),calc(100%-var(--media-slider-thumbnail-max-width)/2-var(--media-slider-thumbnail-padding)+var(--media-slider-thumbnail-inset)))] bottom-full -translate-x-1/2", "@2xl/media-root:[left:var(--media-slider-pointer)]", "opacity-0 scale-80 blur-sm origin-bottom", "transition-[scale,opacity,filter] duration-150", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none"),
+	imageWrapper: cn(thumbnail$1.imageWrapper, "after:absolute after:inset-0 after:rounded-[inherit]", "after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20"),
+	image: cn(thumbnail$1.image, "max-w-(--media-slider-thumbnail-max-width)", "max-h-(--media-slider-thumbnail-max-height)")
 };
 const slider = {
 	...slider$1,
@@ -61,7 +71,13 @@ const popup = {
 	...popup$1,
 	volume: cn(popup$1.popover, "py-3 px-0 bg-transparent rounded-xl", "[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)", "contrast-more:bg-(--media-controls-background-color)")
 };
+const menuOffsets = cn("[--media-popover-side-offset:1.5rem] [--media-popover-boundary-offset:0.5rem]", "@2xl/media-root:[--media-popover-side-offset:0.5rem]");
+const menu = {
+	...menu$1,
+	root: cn(menu$1.root, menuOffsets),
+	settings: cn(menu$1.settings, menuOffsets)
+};
 //#endregion
-export { buttonGroupEnd, buttonGroupStart, controls, error, popup, preview, root, slider, time };
+export { buttonGroupEnd, buttonGroupStart, controls, error, menu, popup, root, slider, thumbnail, time };
 
 //# sourceMappingURL=video.tailwind.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { preview as preview$1 } from \"./components/preview.js\";\nimport { inputFeedback } from \"./components/input-feedback.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,cover)] [&_::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-video-border-radius:var(--media-border-radius,0.75rem)]\", \"[--media-controls-background-color:transparent]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:150ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-tooltip-background-color:oklch(1_0_0/0.1)]\", \"[--media-tooltip-border-color:transparent]\", \"[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--media-tooltip-text-color:currentColor]\", \"[--media-tooltip-side-offset:0.5rem]\", \"[--media-tooltip-boundary-offset:0.5rem]\", \"[--media-popover-side-offset:1.5rem]\", \"[--media-popover-boundary-offset:0.5rem]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-controls-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-controls-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]\", \"@2xl/media-root:*:[--media-popover-side-offset:0.5rem]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-5rem]\", \"@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, \"absolute bottom-1 inset-x-1\", \"p-1 gap-x-2 flex-wrap rounded-xl\", \"mx-auto max-w-4xl\", \"text-white z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function)\", \"duration-(--media-controls-transition-duration)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"not-data-visible:opacity-0 not-data-visible:pointer-events-none\", \"motion-safe:not-data-visible:translate-y-full\", \"pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@2xl/media-root:flex-nowrap @2xl/media-root:bottom-2 @2xl/media-root:inset-x-2\", \"@2xl/media-root:*:[--media-popover-side-offset:0rem]\");\nconst buttonGroupStart = cn(buttonGroup, \"flex-1 @2xl/media-root:flex-none\");\nconst buttonGroupEnd = cn(buttonGroup, \"flex-1 justify-end @2xl/media-root:flex-none\");\nconst time = {\n\t...time$1,\n\tcontrols: cn(time$1.controls, \"grow-0 shrink-0 basis-full order-[-1] px-2.5\", \"@2xl/media-root:grow @2xl/media-root:shrink @2xl/media-root:basis-0 @2xl/media-root:order-[unset]\")\n};\nconst error = {\n\t...error$1,\n\troot: cn(error$1.root, \"pointer-events-none outline-none\"),\n\tdialog: cn(error$1.dialog, \"pointer-events-auto\"),\n\ttitle: cn(error$1.title, \"text-lg\")\n};\nconst preview = {\n\t...preview$1,\n\troot: cn(\"[--media-preview-max-width:11rem] [--media-preview-padding:-0.5rem] [--media-preview-inset:calc(100cqi-100%)]\", \"absolute [left:clamp(calc(var(--media-preview-max-width)/2+var(--media-preview-padding)),var(--media-slider-pointer),calc(100%-var(--media-preview-max-width)/2-var(--media-preview-padding)+var(--media-preview-inset)))] bottom-full -translate-x-1/2\", \"@2xl/media-root:bottom-[calc(100%+0.25rem)] @2xl/media-root:[left:var(--media-slider-pointer)]\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"group-data-pointing/slider:opacity-100 group-data-pointing/slider:scale-100 group-data-pointing/slider:blur-none\", \"has-[[role=img][data-hidden]]:opacity-0 has-[[role=img][data-hidden]]:scale-80 has-[[role=img][data-hidden]]:blur-sm\", \"has-[[role=img][data-loading]]:max-h-24\", preview$1.root),\n\tthumbnailWrapper: cn(preview$1.thumbnailWrapper, \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20\"),\n\tthumbnail: cn(preview$1.thumbnail, \"max-w-(--media-preview-max-width)\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(popup$1.popover, \"py-3 px-0 bg-transparent rounded-xl\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)\", \"contrast-more:bg-(--media-controls-background-color)\")\n};\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputFeedback, menu, overlay, playbackRate, popup, poster, preview, root, seek, slider, time };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,0BAA0B,+EAA+E,4FAA4F;CAC7O,4RAA4R;CAC5R,wMAAwM,CAAC;CACzM,EAAE,oEAAoE,mDAAmD,gDAAgD,0DAA0D,oDAAoD,iDAAiD,8DAA8D,6CAA6C,uDAAuD,uDAAuD,8CAA8C,8DAA8D,6CAA6C,wCAAwC,4CAA4C,wCAAwC,4CAA4C,iEAAiE,6DAA6D,yDAAyD,kGAAkG,kEAAkE,iGAAiG,iEAAiE,0DAA0D,uGAAuG,yGAAyG,uGAAuG,qCAAqC,sCAAsC,8EAA8E,uEAAuE,yFAAyF,CAAC,cAAc;CACxhE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,+BAA+B,oCAAoC,qBAAqB,mBAAmB,+BAA+B,sDAAsD,mDAAmD,uDAAuD,sDAAsD,kDAAkD,iDAAiD,mEAAmE,iDAAiD,qDAAqD,kFAAkF,uDAAuD;AACrxB,MAAM,mBAAmB,GAAG,aAAa,mCAAmC;AAC5E,MAAM,iBAAiB,GAAG,aAAa,+CAA+C;AACtF,MAAM,OAAO;CACZ,GAAG;CACH,UAAU,GAAG,OAAO,UAAU,gDAAgD,oGAAoG;CAClL;AACD,MAAM,QAAQ;CACb,GAAG;CACH,MAAM,GAAG,QAAQ,MAAM,mCAAmC;CAC1D,QAAQ,GAAG,QAAQ,QAAQ,sBAAsB;CACjD,OAAO,GAAG,QAAQ,OAAO,UAAU;CACnC;AACD,MAAM,UAAU;CACf,GAAG;CACH,MAAM,GAAG,iHAAiH,2PAA2P,kGAAkG,4CAA4C,kDAAkD,oHAAoH,wHAAwH,2CAA2C,UAAU,KAAK;CAC31B,kBAAkB,GAAG,UAAU,kBAAkB,wDAAwD,wEAAwE;CACjL,WAAW,GAAG,UAAU,WAAW,oCAAoC;CACvE;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,sBAAsB;CAChD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,SAAS,uCAAuC,wFAAwF,uDAAuD;CAClN"}
+{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { inputFeedback } from \"./components/input-feedback.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,cover)] [&_::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-video-border-radius:var(--media-border-radius,0.75rem)]\", \"[--media-controls-background-color:transparent]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:150ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-tooltip-background-color:oklch(0_0_0/0.5)]\", \"[--media-tooltip-border-color:oklch(1_0_0/0.1)]\", \"[--media-tooltip-backdrop-filter:blur(16px)_saturate(1.5)]\", \"[--media-tooltip-text-color:currentColor]\", \"[--media-tooltip-side-offset:0.5rem]\", \"[--media-tooltip-boundary-offset:0.5rem]\", \"[--media-popover-background-color:var(--media-tooltip-background-color)]\", \"[--media-popover-border-color:var(--media-tooltip-border-color)]\", \"[--media-popover-backdrop-filter:var(--media-tooltip-backdrop-filter)]\", \"[--media-popover-side-offset:1.5rem]\", \"[--media-popover-boundary-offset:var(--media-tooltip-boundary-offset)]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-controls-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-controls-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-tooltip-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-tooltip-background-color:oklch(0_0_0)]\", \"@2xl/media-root:*:[--media-popover-side-offset:0.5rem]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-5rem]\", \"@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:-3rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], !isShadowDOM ? [\n\t\"before:absolute before:inset-0 before:pointer-events-none\",\n\t\"before:[background-image:var(--media-poster-placeholder,none)]\",\n\t\"before:bg-no-repeat\",\n\t\"before:[background-position:var(--media-object-position,center)]\",\n\t\"before:[background-size:var(--media-object-fit,contain)]\",\n\t\"before:opacity-0 before:[filter:blur(var(--media-poster-placeholder-blur,20px))]\",\n\t\"before:transition-opacity before:duration-250\",\n\t\"has-[img[data-visible]:not([data-loaded])]:before:opacity-100\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, \"absolute bottom-1 inset-x-1\", \"p-1 gap-x-2 flex-wrap rounded-xl\", \"text-white z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function)\", \"duration-(--media-controls-transition-duration)\", \"pointer-fine:will-change-[translate,filter,opacity]\", \"pointer-fine:transition-[translate,filter,opacity]\", \"pointer-coarse:will-change-[translate,opacity]\", \"pointer-coarse:transition-[translate,opacity]\", \"not-data-visible:opacity-0 not-data-visible:pointer-events-none\", \"motion-safe:not-data-visible:translate-y-full\", \"pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@2xl/media-root:flex-nowrap @2xl/media-root:bottom-2 @2xl/media-root:inset-x-2\", \"@2xl/media-root:*:[--media-popover-side-offset:0rem]\");\nconst buttonGroupStart = cn(buttonGroup, \"flex-1 @2xl/media-root:flex-none\");\nconst buttonGroupEnd = cn(buttonGroup, \"flex-1 justify-end @2xl/media-root:flex-none\");\nconst time = {\n\t...time$1,\n\tcontrols: cn(time$1.controls, \"grow-0 shrink-0 basis-full order-[-1] px-2.5\", \"@2xl/media-root:grow @2xl/media-root:shrink @2xl/media-root:basis-0 @2xl/media-root:order-[unset]\")\n};\nconst error = {\n\t...error$1,\n\troot: cn(error$1.root, \"pointer-events-none outline-none\"),\n\tdialog: cn(error$1.dialog, \"pointer-events-auto\"),\n\ttitle: cn(error$1.title, \"text-lg\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, \"[--media-slider-thumbnail-max-width:11rem]\", \"[--media-slider-thumbnail-max-height:8rem]\", \"[--media-slider-thumbnail-padding:-0.5rem]\", \"[--media-slider-thumbnail-inset:calc(100cqi-100%)]\", \"absolute [left:clamp(calc(var(--media-slider-thumbnail-max-width)/2+var(--media-slider-thumbnail-padding)),var(--media-slider-pointer),calc(100%-var(--media-slider-thumbnail-max-width)/2-var(--media-slider-thumbnail-padding)+var(--media-slider-thumbnail-inset)))] bottom-full -translate-x-1/2\", \"@2xl/media-root:[left:var(--media-slider-pointer)]\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none\"),\n\timageWrapper: cn(thumbnail$1.imageWrapper, \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20\"),\n\timage: cn(thumbnail$1.image, \"max-w-(--media-slider-thumbnail-max-width)\", \"max-h-(--media-slider-thumbnail-max-height)\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(popup$1.popover, \"py-3 px-0 bg-transparent rounded-xl\", \"[@media(prefers-reduced-transparency:reduce)]:bg-(--media-controls-background-color)\", \"contrast-more:bg-(--media-controls-background-color)\")\n};\nconst menuOffsets = cn(\"[--media-popover-side-offset:1.5rem] [--media-popover-boundary-offset:0.5rem]\", \"@2xl/media-root:[--media-popover-side-offset:0.5rem]\");\nconst menu = {\n\t...menu$1,\n\troot: cn(menu$1.root, menuOffsets),\n\tsettings: cn(menu$1.settings, menuOffsets)\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputFeedback, menu, overlay, playbackRate, popup, poster, root, seek, slider, thumbnail, time };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,0BAA0B,+EAA+E,4FAA4F;CAC7O,4RAA4R;CAC5R,wMAAwM,CAAC;CACzM,EAAE,oEAAoE,mDAAmD,gDAAgD,0DAA0D,oDAAoD,iDAAiD,8DAA8D,6CAA6C,uDAAuD,uDAAuD,mDAAmD,8DAA8D,6CAA6C,wCAAwC,4CAA4C,4EAA4E,oEAAoE,0EAA0E,wCAAwC,0EAA0E,iEAAiE,6DAA6D,yDAAyD,kGAAkG,kEAAkE,iGAAiG,iEAAiE,0DAA0D,uGAAuG,yGAAyG,uGAAuG,qCAAqC,sCAAsC,8EAA8E,uEAAuE,yFAAyF,CAAC,cAAc;CACrxE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,CAAC,cAAc;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,+BAA+B,oCAAoC,mBAAmB,+BAA+B,sDAAsD,mDAAmD,uDAAuD,sDAAsD,kDAAkD,iDAAiD,mEAAmE,iDAAiD,qDAAqD,kFAAkF,uDAAuD;AAChwB,MAAM,mBAAmB,GAAG,aAAa,mCAAmC;AAC5E,MAAM,iBAAiB,GAAG,aAAa,+CAA+C;AACtF,MAAM,OAAO;CACZ,GAAG;CACH,UAAU,GAAG,OAAO,UAAU,gDAAgD,oGAAoG;CAClL;AACD,MAAM,QAAQ;CACb,GAAG;CACH,MAAM,GAAG,QAAQ,MAAM,mCAAmC;CAC1D,QAAQ,GAAG,QAAQ,QAAQ,sBAAsB;CACjD,OAAO,GAAG,QAAQ,OAAO,UAAU;CACnC;AACD,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,8CAA8C,8CAA8C,8CAA8C,sDAAsD,wSAAwS,sDAAsD,4CAA4C,kDAAkD,8EAA8E,4EAA4E,2EAA2E;CAC53B,cAAc,GAAG,YAAY,cAAc,wDAAwD,wEAAwE;CAC3K,OAAO,GAAG,YAAY,OAAO,8CAA8C,8CAA8C;CACzH;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,sBAAsB;CAChD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,SAAS,uCAAuC,wFAAwF,uDAAuD;CAClN;AACD,MAAM,cAAc,GAAG,iFAAiF,uDAAuD;AAC/J,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,GAAG,OAAO,MAAM,YAAY;CAClC,UAAU,GAAG,OAAO,UAAU,YAAY;CAC1C"}

package/dist/dev/skins/dist/default/shared/tailwind/icon-state.js

@@ -3,8 +3,14 @@ const iconState = {
 	play: {
 		button: "group",
 		restart: "hidden opacity-0 group-data-ended:block group-data-ended:opacity-100",
-		play: "hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100",
-		pause: "hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100"
+		play: [
+			"hidden opacity-0",
+			"group-not-data-ended:group-data-paused:block",
+			"group-not-data-ended:group-data-paused:opacity-100",
+			"group-not-data-ended:group-not-data-started:block",
+			"group-not-data-ended:group-not-data-started:opacity-100"
+		].join(" "),
+		pause: "hidden opacity-0 group-data-started:group-not-data-paused:group-not-data-ended:block group-data-started:group-not-data-paused:group-not-data-ended:opacity-100"
 	},
 	mute: {
 		button: "group",
@@ -31,6 +37,15 @@ const iconState = {
 		button: "group",
 		enter: "hidden opacity-0 group-not-data-[cast-state=connected]:block group-not-data-[cast-state=connected]:opacity-100",
 		exit: "hidden opacity-0 group-data-[cast-state=connected]:block group-data-[cast-state=connected]:opacity-100"
+	},
+	airplay: {
+		button: [
+			"group",
+			"not-data-[airplay-state=connected]:[--media-icon--airplay__fill-animation:none]",
+			"not-data-[airplay-state=connected]:[--media-icon--airplay__triangle-animation:none]"
+		].join(" "),
+		enter: "hidden opacity-0 group-not-data-[airplay-state=connected]:block group-not-data-[airplay-state=connected]:opacity-100",
+		exit: "hidden opacity-0 group-data-[airplay-state=connected]:block group-data-[airplay-state=connected]:opacity-100"
 	}
 };
 //#endregion

package/dist/dev/skins/dist/default/shared/tailwind/icon-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-state.js","names":[],"sources":["../../../../../../../../skins/dist/default/shared/tailwind/icon-state.js"],"sourcesContent":["//#region src/shared/tailwind/icon-state.ts\nconst iconState = {\n\tplay: {\n\t\tbutton: \"group\",\n\t\trestart: \"hidden opacity-0 group-data-ended:block group-data-ended:opacity-100\",\n\t\tplay: \"hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100\",\n\t\tpause: \"hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100\"\n\t},\n\tmute: {\n\t\tbutton: \"group\",\n\t\tvolumeOff: \"hidden opacity-0 group-data-muted:block group-data-muted:opacity-100\",\n\t\tvolumeLow: \"hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100\",\n\t\tvolumeHigh: \"hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100\"\n\t},\n\tfullscreen: {\n\t\tbutton: \"group\",\n\t\tenter: \"hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100\"\n\t},\n\tcaptions: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-active:block group-data-active:opacity-100\"\n\t},\n\tpip: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-pip:block group-not-data-pip:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-pip:block group-data-pip:opacity-100\"\n\t},\n\tcast: {\n\t\tbutton: \"group\",\n\t\tenter: \"hidden opacity-0 group-not-data-[cast-state=connected]:block group-not-data-[cast-state=connected]:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-[cast-state=connected]:block group-data-[cast-state=connected]:opacity-100\"\n\t}\n};\n//#endregion\nexport { iconState };\n\n//# sourceMappingURL=icon-state.js.map"],"mappings":";AACA,MAAM,YAAY;CACjB,MAAM;EACL,QAAQ;EACR,SAAS;EACT,MAAM;EACN,OAAO;EACP;CACD,MAAM;EACL,QAAQ;EACR,WAAW;EACX,WAAW;EACX,YAAY;EACZ;CACD,YAAY;EACX,QAAQ;EACR,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD,KAAK;EACJ,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD,MAAM;EACL,QAAQ;EACR,OAAO;EACP,MAAM;EACN;CACD"}
+{"version":3,"file":"icon-state.js","names":[],"sources":["../../../../../../../../skins/dist/default/shared/tailwind/icon-state.js"],"sourcesContent":["//#region src/shared/tailwind/icon-state.ts\nconst iconState = {\n\tplay: {\n\t\tbutton: \"group\",\n\t\trestart: \"hidden opacity-0 group-data-ended:block group-data-ended:opacity-100\",\n\t\tplay: [\n\t\t\t\"hidden opacity-0\",\n\t\t\t\"group-not-data-ended:group-data-paused:block\",\n\t\t\t\"group-not-data-ended:group-data-paused:opacity-100\",\n\t\t\t\"group-not-data-ended:group-not-data-started:block\",\n\t\t\t\"group-not-data-ended:group-not-data-started:opacity-100\"\n\t\t].join(\" \"),\n\t\tpause: \"hidden opacity-0 group-data-started:group-not-data-paused:group-not-data-ended:block group-data-started:group-not-data-paused:group-not-data-ended:opacity-100\"\n\t},\n\tmute: {\n\t\tbutton: \"group\",\n\t\tvolumeOff: \"hidden opacity-0 group-data-muted:block group-data-muted:opacity-100\",\n\t\tvolumeLow: \"hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100\",\n\t\tvolumeHigh: \"hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100\"\n\t},\n\tfullscreen: {\n\t\tbutton: \"group\",\n\t\tenter: \"hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100\"\n\t},\n\tcaptions: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-active:block group-data-active:opacity-100\"\n\t},\n\tpip: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-pip:block group-not-data-pip:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-pip:block group-data-pip:opacity-100\"\n\t},\n\tcast: {\n\t\tbutton: \"group\",\n\t\tenter: \"hidden opacity-0 group-not-data-[cast-state=connected]:block group-not-data-[cast-state=connected]:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-[cast-state=connected]:block group-data-[cast-state=connected]:opacity-100\"\n\t},\n\tairplay: {\n\t\tbutton: [\n\t\t\t\"group\",\n\t\t\t\"not-data-[airplay-state=connected]:[--media-icon--airplay__fill-animation:none]\",\n\t\t\t\"not-data-[airplay-state=connected]:[--media-icon--airplay__triangle-animation:none]\"\n\t\t].join(\" \"),\n\t\tenter: \"hidden opacity-0 group-not-data-[airplay-state=connected]:block group-not-data-[airplay-state=connected]:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-[airplay-state=connected]:block group-data-[airplay-state=connected]:opacity-100\"\n\t}\n};\n//#endregion\nexport { iconState };\n\n//# sourceMappingURL=icon-state.js.map"],"mappings":";AACA,MAAM,YAAY;CACjB,MAAM;EACL,QAAQ;EACR,SAAS;EACT,MAAM;GACL;GACA;GACA;GACA;GACA;GACA,CAAC,KAAK,IAAI;EACX,OAAO;EACP;CACD,MAAM;EACL,QAAQ;EACR,WAAW;EACX,WAAW;EACX,YAAY;EACZ;CACD,YAAY;EACX,QAAQ;EACR,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD,KAAK;EACJ,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD,MAAM;EACL,QAAQ;EACR,OAAO;EACP,MAAM;EACN;CACD,SAAS;EACR,QAAQ;GACP;GACA;GACA;GACA,CAAC,KAAK,IAAI;EACX,OAAO;EACP,MAAM;EACN;CACD"}

package/dist/dev/tailwind.css

@@ -25,27 +25,6 @@
   }
 }
 
-@keyframes media-slide-in-forward {
-  from {
-    translate: -60% 0;
-    opacity: 0;
-  }
-}
-
-@keyframes media-slide-in-backward {
-  from {
-    translate: 60% 0;
-    opacity: 0;
-  }
-}
-
-@keyframes media-pop-in {
-  from {
-    scale: 0.8;
-    opacity: 0;
-  }
-}
-
 /* -------------------------------------------------------------------------- */
 /* Global @properties for all video skins (CSS & Tailwind)                    */
 /* -------------------------------------------------------------------------- */
@@ -59,8 +38,5 @@
 
 @theme {
   --animate-media-shake: media-shake 300ms ease-in-out;
-  --animate-media-slide-in-forward: media-slide-in-forward 300ms ease-in-out;
-  --animate-media-slide-in-backward: media-slide-in-backward 300ms ease-in-out;
-  --animate-media-pop-in: media-pop-in 250ms ease-out;
 }
 

package/dist/dev/ui/airplay-button/airplay-button.d.ts

@@ -0,0 +1,15 @@
+import { UIComponentProps } from "../../utils/types.js";
+import * as _$react from "react";
+import { AirPlayButtonCore } from "@videojs/core";
+
+//#region src/ui/airplay-button/airplay-button.d.ts
+interface AirPlayButtonProps extends UIComponentProps<'button', AirPlayButtonCore.State>, AirPlayButtonCore.Props {}
+/** A button that toggles AirPlay to a remote device. */
+declare const AirPlayButton: _$react.ForwardRefExoticComponent<AirPlayButtonProps & _$react.RefAttributes<HTMLButtonElement>>;
+declare namespace AirPlayButton {
+  type Props = AirPlayButtonProps;
+  type State = AirPlayButtonCore.State;
+}
+//#endregion
+export { AirPlayButton, AirPlayButtonProps };
+//# sourceMappingURL=airplay-button.d.ts.map

package/dist/dev/ui/airplay-button/airplay-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airplay-button.d.ts","names":[],"sources":["../../../../src/ui/airplay-button/airplay-button.tsx"],"mappings":";;;;;UAQiB,kBAAA,SACP,gBAAA,WAA2B,iBAAA,CAAkB,KAAA,GACnD,iBAAA,CAAkB,KAAA;;cAGT,aAAA,EAAa,OAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,kBAQT,aAAA;EAAA,KACH,KAAA,GAAQ,kBAAA;EAAA,KACR,KAAA,GAAQ,iBAAA,CAAkB,KAAA;AAAA"}

package/dist/dev/ui/airplay-button/airplay-button.js

@@ -0,0 +1,17 @@
+"use client";
+import { createMediaButton } from "../create-media-button.js";
+import { selectRemotePlayback } from "@videojs/core/dom";
+import { AirPlayButtonCore, AirPlayButtonDataAttrs } from "@videojs/core";
+//#region src/ui/airplay-button/airplay-button.tsx
+/** A button that toggles AirPlay to a remote device. */
+const AirPlayButton = createMediaButton({
+	displayName: "AirPlayButton",
+	core: AirPlayButtonCore,
+	stateAttrMap: AirPlayButtonDataAttrs,
+	selector: selectRemotePlayback,
+	action: (core, state) => core.toggle(state)
+});
+//#endregion
+export { AirPlayButton };
+
+//# sourceMappingURL=airplay-button.js.map

package/dist/dev/ui/airplay-button/airplay-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"airplay-button.js","names":[],"sources":["../../../../src/ui/airplay-button/airplay-button.tsx"],"sourcesContent":["'use client';\n\nimport { AirPlayButtonCore, AirPlayButtonDataAttrs } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\n\nimport type { UIComponentProps } from '../../utils/types';\nimport { createMediaButton } from '../create-media-button';\n\nexport interface AirPlayButtonProps\n  extends UIComponentProps<'button', AirPlayButtonCore.State>,\n    AirPlayButtonCore.Props {}\n\n/** A button that toggles AirPlay to a remote device. */\nexport const AirPlayButton = createMediaButton<AirPlayButtonCore, AirPlayButtonProps>({\n  displayName: 'AirPlayButton',\n  core: AirPlayButtonCore,\n  stateAttrMap: AirPlayButtonDataAttrs,\n  selector: selectRemotePlayback,\n  action: (core, state) => core.toggle(state),\n});\n\nexport namespace AirPlayButton {\n  export type Props = AirPlayButtonProps;\n  export type State = AirPlayButtonCore.State;\n}\n"],"mappings":";;;;;;AAaA,MAAa,gBAAgB,kBAAyD;CACpF,aAAa;CACb,MAAM;CACN,cAAc;CACd,UAAU;CACV,SAAS,MAAM,UAAU,KAAK,OAAO,MAAM;CAC5C,CAAC"}

package/dist/dev/ui/airplay-button/index.d.ts

@@ -0,0 +1,2 @@
+import { AirPlayButton, AirPlayButtonProps } from "./airplay-button.js";
+export { AirPlayButton, AirPlayButtonProps };

package/dist/dev/ui/airplay-button/index.js

@@ -0,0 +1,2 @@
+import { AirPlayButton } from "./airplay-button.js";
+export { AirPlayButton };

package/dist/dev/ui/alert-dialog/alert-dialog-close.js

@@ -1,6 +1,6 @@
 "use client";
-import { useAlertDialogContext } from "./context.js";
 import { renderElement } from "../../utils/use-render.js";
+import { useAlertDialogContext } from "./context.js";
 import { forwardRef, useCallback } from "react";
 //#region src/ui/alert-dialog/alert-dialog-close.tsx
 const AlertDialogClose = forwardRef(function AlertDialogClose({ render, className, style, disabled, ...elementProps }, forwardedRef) {

package/dist/dev/ui/alert-dialog/alert-dialog-popup.js

@@ -1,7 +1,7 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useAlertDialogContext } from "./context.js";
 import { renderElement } from "../../utils/use-render.js";
+import { useAlertDialogContext } from "./context.js";
 import { forwardRef, useCallback } from "react";
 //#region src/ui/alert-dialog/alert-dialog-popup.tsx
 const AlertDialogPopup = forwardRef(function AlertDialogPopup({ render, className, style, ...elementProps }, forwardedRef) {