@videojs/react 10.0.0-beta.26 → 10.0.0-beta.28

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

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/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/50 via-black/30 via-25% 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-150");
+const overlay = cn("absolute inset-0 flex flex-col items-start", "pointer-events-none rounded-[inherit]", "opacity-0", "bg-linear-to-t from-black/50 via-black/30 via-25% to-transparent", "backdrop-blur-none backdrop-saturate-100", "transition-[opacity,backdrop-filter]", "duration-(--controls-transition-duration)", "ease-out", "peer-data-visible/controls:opacity-100", "peer-data-visible/buffering:bg-black/35", "peer-data-visible/buffering:opacity-100", "peer-data-visible/buffering:backdrop-blur-sm", "peer-data-open/error:opacity-100", "peer-data-open/error:duration-(--error-dialog-transition-duration)", "peer-data-open/error:delay-(--error-dialog-transition-delay)", "peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150");
 //#endregion
 export { overlay };
 

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/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/50 via-black/30 via-25% 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-150\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,oEAAoE,4CAA4C,wCAAwC,mDAAmD,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,4EAA4E,sEAAsE,kFAAkF"}
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/overlay.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/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/50 via-black/30 via-25% to-transparent\", \"backdrop-blur-none backdrop-saturate-100\", \"transition-[opacity,backdrop-filter]\", \"duration-(--controls-transition-duration)\", \"ease-out\", \"peer-data-visible/controls:opacity-100\", \"peer-data-visible/buffering:bg-black/35\", \"peer-data-visible/buffering:opacity-100\", \"peer-data-visible/buffering:backdrop-blur-sm\", \"peer-data-open/error:opacity-100\", \"peer-data-open/error:duration-(--error-dialog-transition-duration)\", \"peer-data-open/error:delay-(--error-dialog-transition-delay)\", \"peer-data-open/error:backdrop-blur-lg peer-data-open/error:backdrop-saturate-150\");\n//#endregion\nexport { overlay };\n\n//# sourceMappingURL=overlay.js.map"],"mappings":";;AAEA,MAAM,UAAU,GAAG,8CAA8C,yCAAyC,aAAa,oEAAoE,4CAA4C,wCAAwC,6CAA6C,YAAY,0CAA0C,2CAA2C,2CAA2C,gDAAgD,oCAAoC,sEAAsE,gEAAgE,kFAAkF"}

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

@@ -1,6 +1,6 @@
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/components/popup.js
-const base = cn("[--media-popup-base-transition:opacity_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),filter_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),transform_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration),scale_var(--media-popup-transition-timing-function)_var(--media-popup-transition-duration)]", "[--popup-translate-distance:0.5rem] m-0 border-0 text-inherit overflow-visible", "[transition:var(--media-popup-transition,var(--media-popup-base-transition))]", "data-starting-style:opacity-0 data-starting-style:blur-xs data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]", "data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none", "data-ending-style:[transition-duration:max(0ms,calc(var(--media-popup-transition-duration)-50ms))]", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)*-1)]", "data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)*-1)]", "before:absolute before:pointer-events-[inherit]", "data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full", "data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full", "data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full", "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full");
+const base = cn("[--popup-base-transition:opacity_var(--popup-transition-timing-function)_var(--popup-transition-duration),filter_var(--popup-transition-timing-function)_var(--popup-transition-duration),transform_var(--popup-transition-timing-function)_var(--popup-transition-duration),scale_var(--popup-transition-timing-function)_var(--popup-transition-duration)]", "[--popup-translate-distance:0.5rem] m-0 border-0 text-inherit overflow-visible", "[transition:var(--popup-transition,var(--popup-base-transition))]", "data-starting-style:opacity-0 data-starting-style:blur-xs data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]", "data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none", "data-ending-style:[transition-duration:max(0ms,calc(var(--popup-transition-duration)-50ms))]", "data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left", "data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)*-1)]", "data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)*-1)]", "before:absolute before:pointer-events-[inherit]", "data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full", "data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full", "data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full", "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full");
 const popup = {
 	popover: cn(base, "data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)", "data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)"),
 	tooltip: cn(base, "py-1 px-2.5 rounded-full text-(length:--font-size-base) whitespace-nowrap", "data-open:flex data-open:items-center data-open:gap-1", "data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)", "data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)"),

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

@@ -1 +1 @@
-{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/popup.ts\nconst base = cn(\"[--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\tpopover: cn(base, \"data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)\", \"data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)\"),\n\ttooltip: cn(base, \"py-1 px-2.5 rounded-full text-(length:--font-size-base) whitespace-nowrap\", \"data-open:flex data-open:items-center data-open:gap-1\", \"data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)\", \"data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)\"),\n\tvolume: \"py-3 px-0 rounded-full\",\n\ttooltipShortcut: cn(\"min-w-[1.5em] p-[0.1em] bg-current/30 text-(length:--font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]\")\n};\n//#endregion\nexport { popup };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,sZAAsZ,kFAAkF,iFAAiF,6MAA6M,qHAAqH,sGAAsG,2HAA2H,6KAA6K,6KAA6K,mDAAmD,gGAAgG,4GAA4G,oGAAoG,sGAAsG;AAC/4D,MAAM,QAAQ;CACb,SAAS,GAAG,MAAM,oHAAoH,kHAAkH;CACxP,SAAS,GAAG,MAAM,6EAA6E,yDAAyD,oHAAoH,kHAAkH;CAC9X,QAAQ;CACR,iBAAiB,GAAG,sJAAsJ;AAC3K"}
+{"version":3,"file":"popup.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/popup.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/popup.ts\nconst base = cn(\"[--popup-base-transition:opacity_var(--popup-transition-timing-function)_var(--popup-transition-duration),filter_var(--popup-transition-timing-function)_var(--popup-transition-duration),transform_var(--popup-transition-timing-function)_var(--popup-transition-duration),scale_var(--popup-transition-timing-function)_var(--popup-transition-duration)]\", \"[--popup-translate-distance:0.5rem] m-0 border-0 text-inherit overflow-visible\", \"[transition:var(--popup-transition,var(--popup-base-transition))]\", \"data-starting-style:opacity-0 data-starting-style:blur-xs data-starting-style:scale-95 data-starting-style:[transform:translate(var(--popup-translate-x-distance,0),var(--popup-translate-y-distance,0))]\", \"data-ending-style:opacity-0 data-ending-style:blur-xs data-ending-style:scale-95 data-ending-style:transform-none\", \"data-ending-style:[transition-duration:max(0ms,calc(var(--popup-transition-duration)-50ms))]\", \"data-[side=top]:origin-bottom data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left\", \"data-[side=top]:[--popup-translate-y-distance:var(--popup-translate-distance)] data-[side=bottom]:[--popup-translate-y-distance:calc(var(--popup-translate-distance)*-1)]\", \"data-[side=left]:[--popup-translate-x-distance:var(--popup-translate-distance)] data-[side=right]:[--popup-translate-x-distance:calc(var(--popup-translate-distance)*-1)]\", \"before:absolute before:pointer-events-[inherit]\", \"data-[side=top]:before:left-0 data-[side=top]:before:right-0 data-[side=top]:before:top-full\", \"data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:bottom-full\", \"data-[side=left]:before:top-0 data-[side=left]:before:bottom-0 data-[side=left]:before:left-full\", \"data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:right-full\");\nconst popup = {\n\tpopover: cn(base, \"data-[side=top]:before:h-(--media-popover-side-offset) data-[side=bottom]:before:h-(--media-popover-side-offset)\", \"data-[side=left]:before:w-(--media-popover-side-offset) data-[side=right]:before:w-(--media-popover-side-offset)\"),\n\ttooltip: cn(base, \"py-1 px-2.5 rounded-full text-(length:--font-size-base) whitespace-nowrap\", \"data-open:flex data-open:items-center data-open:gap-1\", \"data-[side=top]:before:h-(--media-tooltip-side-offset) data-[side=bottom]:before:h-(--media-tooltip-side-offset)\", \"data-[side=left]:before:w-(--media-tooltip-side-offset) data-[side=right]:before:w-(--media-tooltip-side-offset)\"),\n\tvolume: \"py-3 px-0 rounded-full\",\n\ttooltipShortcut: cn(\"min-w-[1.5em] p-[0.1em] bg-current/30 text-(length:--font-size-small) font-semibold font-[inherit] leading-[1.25] text-center rounded-[--spacing(1)]\")\n};\n//#endregion\nexport { popup };\n\n//# sourceMappingURL=popup.js.map"],"mappings":";;AAEA,MAAM,OAAO,GAAG,gWAAgW,kFAAkF,qEAAqE,6MAA6M,qHAAqH,gGAAgG,2HAA2H,6KAA6K,6KAA6K,mDAAmD,gGAAgG,4GAA4G,oGAAoG,sGAAsG;AACv0D,MAAM,QAAQ;CACb,SAAS,GAAG,MAAM,oHAAoH,kHAAkH;CACxP,SAAS,GAAG,MAAM,6EAA6E,yDAAyD,oHAAoH,kHAAkH;CAC9X,QAAQ;CACR,iBAAiB,GAAG,sJAAsJ;AAC3K"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/slider.ts\nconst 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-(--slider-width,100%) data-[orientation=horizontal]:h-(--slider-height,--spacing(8))\", \"data-[orientation=vertical]:w-(--slider-width,--spacing(8)) data-[orientation=vertical]:h-(--slider-height,--spacing(20))\"),\n\ttrack: cn(\"relative isolate overflow-hidden rounded-[inherit] select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\"),\n\tfill: {\n\t\tbase: \"absolute rounded-[inherit] pointer-events-none\",\n\t\tfill: cn(\"bg-current\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:w-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=horizontal]:w-(--media-slider-pointer)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:h-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=vertical]:h-(--media-slider-pointer)\"),\n\t\tbuffer: cn(\"bg-current/20 duration-250 ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--media-current-shadow-color,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.35),0_1px_2px_-1px_oklch(0_0_0/0.35)]\", \"transition-[opacity,height,width,outline-offset] duration-150 ease-out select-none\", \"outline-4 outline-transparent -outline-offset-4\", \"hover:outline-current/15 hover:outline-offset-0\", \"focus-visible:outline-current/15 focus-visible:outline-offset-0\", \"after:absolute after:-inset-1 after:rounded-[inherit]\", \"after:shadow-[0_0_0_2px_currentColor] after:pointer-events-none\", \"after:transition-[opacity,scale] after:duration-150 after:ease-out\", \"after:opacity-0 after:scale-50\", \"focus-visible:after:opacity-100 focus-visible:after:scale-100\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=horizontal]:left-(--media-slider-pointer)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]\", \"group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]\"),\n\t\tpersistent: \"size-3\",\n\t\tinteractive: cn(\"size-2.5\", \"opacity-0 focus-visible:opacity-100 group-hover/slider:opacity-100\", \"group-active/slider:size-3 group-focus-within/slider:size-3\")\n\t},\n\tpreview: cn(\"group/preview\", \"before:block before:min-w-1 before:h-1 before:bg-current before:rounded-full before:opacity-0 before:scale-50\", \"before:shadow-[0_0_0_1px_var(--media-current-shadow-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]\", \"before:transition-[opacity,scale] before:duration-200 before:ease-out\", \"data-pointing:not-data-dragging:before:opacity-100 data-pointing:not-data-dragging:before:scale-100\", \"peer-has-[[role=img]:not([data-hidden])]/thumbnail:*:hidden\"),\n\tvalue: cn(\"absolute bottom-9 tabular-nums\", \"-translate-x-1/2 translate-y-2 scale-50 opacity-0 blur-lg\", \"text-shadow-2xs text-shadow-(color:--media-current-shadow-color)\", \"transition-[filter,opacity,scale,translate] duration-200 ease-out\", \"group-data-pointing/preview:translate-y-0 group-data-pointing/preview:scale-100\", \"group-data-pointing/preview:opacity-100 group-data-pointing/preview:blur-none\")\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,SAAS;CACd,MAAM,GAAG,0GAA0G,+JAA+J,2HAA2H;CAC7Y,OAAO,GAAG,kEAAkE,0EAA0E,oEAAoE;CAC1N,MAAM;EACL,MAAM;EACN,MAAM,GAAG,cAAc,gFAAgF,yDAAyD,uFAAuF,8EAA8E,uDAAuD,mFAAmF;EAC/c,QAAQ,GAAG,uCAAuC,gFAAgF,4GAA4G,8EAA8E,uGAAuG;CACpa;CACA,OAAO;EACN,MAAM,GAAG,mDAAmD,2BAA2B,wIAAwI,sFAAsF,mDAAmD,mDAAmD,mEAAmE,yDAAyD,mEAAmE,sEAAsE,kCAAkC,iEAAiE,kGAAkG,0FAA0F,8GAA8G,qGAAqG;EAClpC,YAAY;EACZ,aAAa,GAAG,YAAY,sEAAsE,6DAA6D;CAChK;CACA,SAAS,GAAG,iBAAiB,iHAAiH,+GAA+G,yEAAyE,uGAAuG,6DAA6D;CAC1e,OAAO,GAAG,kCAAkC,6DAA6D,oEAAoE,qEAAqE,mFAAmF,+EAA+E;AACrZ"}
+{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/slider.ts\nconst previewContent = cn(\"absolute left-1/2 max-w-(--max-width)\", \"-translate-x-1/2 translate-y-2 scale-80 opacity-0 blur-lg origin-bottom\", \"transition-[filter,opacity,scale] duration-150 ease-out\", \"group-data-pointing/slider:scale-100 group-data-pointing/slider:opacity-100\", \"group-data-pointing/slider:blur-none\", \"group-has-focus-visible/slider:scale-100 group-has-focus-visible/slider:opacity-100\", \"group-has-focus-visible/slider:blur-none\");\nconst slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-(--track-border-radius) outline-none cursor-pointer\", \"[--track-border-radius:99px]\", \"[--chapter-gap:calc(var(--spacing)*1)] [--chapter-inset-start:calc(var(--chapter-gap)/2)] [--chapter-inset-end:calc(var(--chapter-gap)/2)]\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-(--slider-width,100%) data-[orientation=horizontal]:h-(--slider-height,--spacing(8))\", \"data-[orientation=vertical]:w-(--slider-width,--spacing(8)) data-[orientation=vertical]:h-(--slider-height,--spacing(20))\"),\n\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-(--track-border-radius) select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\"),\n\tchapters: cn(\"relative flex flex-1 items-center min-w-0 min-h-0 size-full rounded-[inherit]\"),\n\tchapter: {\n\t\tbase: cn(\"group/chapter absolute inset-0 flex items-center justify-center min-w-0 min-h-0\", \"first:[--chapter-inset-start:0px] last:[--chapter-inset-end:0px]\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start))]\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end))_0_var(--media-slider-chapter-start)_0)]\"),\n\t\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-(--track-border-radius) select-none\", \"motion-safe:transition-[height,width] motion-safe:duration-200 motion-safe:ease-out\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-1\", \"group-data-highlighted/chapter:data-[orientation=horizontal]:h-1.75\", \"data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-chapter-end)+var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-inset-start))_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full\", \"group-data-highlighted/chapter:data-[orientation=vertical]:w-1.75\", \"data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-chapter-end)+var(--chapter-inset-end))_0_calc(var(--media-slider-chapter-start)+var(--chapter-inset-start))_0_round_var(--track-border-radius))]\")\n\t},\n\tfill: {\n\t\tbase: cn(\"absolute rounded-[inherit] pointer-events-none\", \"motion-safe:duration-200 motion-safe:ease-linear\", \"data-dragging:duration-0 data-seeking:duration-0\"),\n\t\tfill: cn(\"bg-(--accent-color)\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:transition-[clip-path] data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-fill))_0_0_round_var(--track-border-radius))]\", \"group-data-dragging/slider:data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-pointer))_0_0_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full\", \"data-[orientation=vertical]:transition-[clip-path] data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-fill))_0_0_0_round_var(--track-border-radius))]\", \"group-data-dragging/slider:data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-pointer))_0_0_0_round_var(--track-border-radius))]\"),\n\t\tbuffer: cn(\"bg-current/20 motion-safe:duration-250 motion-safe:ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0 data-[orientation=horizontal]:w-full\", \"data-[orientation=horizontal]:transition-[clip-path] data-[orientation=horizontal]:[clip-path:inset(0_calc(100%-var(--media-slider-buffer))_0_0_round_var(--track-border-radius))]\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0 data-[orientation=vertical]:h-full\", \"data-[orientation=vertical]:transition-[clip-path] data-[orientation=vertical]:[clip-path:inset(calc(100%-var(--media-slider-buffer))_0_0_0_round_var(--track-border-radius))]\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.35),0_1px_2px_-1px_oklch(0_0_0/0.35)]\", \"transition-[opacity,height,width,outline-offset] motion-safe:transition-[opacity,height,width,outline-offset,left,top] duration-150 ease-out select-none\", \"data-dragging:duration-0 data-seeking:duration-0\", \"outline-4 outline-transparent -outline-offset-4\", \"hover:outline-current/15 hover:outline-offset-0\", \"focus-visible:outline-current/15 focus-visible:outline-offset-0\", \"after:absolute after:-inset-1 after:rounded-[inherit]\", \"after:shadow-[0_0_0_2px_currentColor] after:pointer-events-none\", \"after:transition-[opacity,scale] after:duration-150 after:ease-out\", \"after:opacity-0 after:scale-50\", \"focus-visible:after:opacity-100 focus-visible:after:scale-100\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill)\", \"group-data-dragging/slider:data-[orientation=horizontal]:left-(--media-slider-pointer)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill))]\", \"group-data-dragging/slider:data-[orientation=vertical]:top-[calc(100%-var(--media-slider-pointer))]\"),\n\t\tpersistent: \"size-3\",\n\t\tinteractive: cn(\"size-2.5\", \"opacity-0 focus-visible:opacity-100 pointer-fine:group-hover/slider:opacity-100\", \"group-active/slider:size-3 group-focus-within/slider:size-3\")\n\t},\n\tpreview: cn(\"[--max-width:min(--spacing(48),100cqi)] [--max-height:--spacing(32)] min-w-(--max-width) h-1\", \"before:absolute before:z-1 before:top-1/2 before:left-1/2 before:size-1 before:bg-current before:rounded-full before:pointer-events-none\", \"before:shadow-[0_0_0_1px_var(--shadow-current-color,oklch(0_0_0/0.15)),0_1px_2px_0_oklch(0_0_0/0.35)]\", \"before:-translate-1/2 before:opacity-0 before:scale-50\", \"before:transition-[opacity,scale] before:duration-200 before:ease-out\", \"data-pointing:not-data-dragging:before:opacity-100 data-pointing:not-data-dragging:before:scale-100\"),\n\tthumbnail: cn(previewContent, \"[--thumbnail-max-width:var(--max-width)] [bottom:calc(100%+--spacing(9))]\"),\n\tvalue: cn(previewContent, \"[bottom:calc(100%+--spacing(10.5))] flex flex-col items-center tabular-nums\", \"text-shadow-2xs text-shadow-(color:--shadow-current-color)\"),\n\tchapterTitle: \"min-w-0 max-w-(--max-width) px-6 overflow-hidden text-ellipsis whitespace-nowrap empty:hidden\"\n};\n//#endregion\nexport { slider };\n\n//# sourceMappingURL=slider.js.map"],"mappings":";;AAEA,MAAM,iBAAiB,GAAG,yCAAyC,2EAA2E,2DAA2D,+EAA+E,wCAAwC,uFAAuF,0CAA0C;AACjc,MAAM,SAAS;CACd,MAAM,GAAG,6HAA6H,gCAAgC,8IAA8I,+JAA+J,2HAA2H;CAC9kB,OAAO,GAAG,8FAA8F,0EAA0E,oEAAoE;CACtP,UAAU,GAAG,+EAA+E;CAC5F,SAAS;EACR,MAAM,GAAG,mFAAmF,oEAAoE,qIAAqI,iIAAiI;EACta,OAAO,GAAG,8FAA8F,uFAAuF,0EAA0E,uEAAuE,gOAAgO,sEAAsE,qEAAqE,4NAA4N;CACx5B;CACA,MAAM;EACL,MAAM,GAAG,kDAAkD,oDAAoD,kDAAkD;EACjK,MAAM,GAAG,uBAAuB,qHAAqH,oLAAoL,6JAA6J,iHAAiH,gLAAgL,yJAAyJ;EACh6B,QAAQ,GAAG,+DAA+D,qHAAqH,sLAAsL,iHAAiH,gLAAgL;CACvpB;CACA,OAAO;EACN,MAAM,GAAG,mDAAmD,2BAA2B,kIAAkI,4JAA4J,oDAAoD,mDAAmD,mDAAmD,mEAAmE,yDAAyD,mEAAmE,sEAAsE,kCAAkC,iEAAiE,kGAAkG,0FAA0F,8GAA8G,qGAAqG;EACtwC,YAAY;EACZ,aAAa,GAAG,YAAY,mFAAmF,6DAA6D;CAC7K;CACA,SAAS,GAAG,gGAAgG,4IAA4I,yGAAyG,0DAA0D,yEAAyE,qGAAqG;CACzkB,WAAW,GAAG,gBAAgB,2EAA2E;CACzG,OAAO,GAAG,gBAAgB,+EAA+E,4DAA4D;CACrK,cAAc;AACf"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { topIndicatorContent, topIndicatorRoot } from "./input-indicator.js";
+import { cn } from "@videojs/utils/style";
+//#region ../skins/dist/default/default/tailwind/components/volume-indicator.js
+const volumeIndicator = {
+	root: cn(topIndicatorRoot, "w-[min(80%,--spacing(48))]", "data-open:duration-100", "[transform:translateX(0)]", "motion-safe:[&:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]:[transform:translateX(0.25px)]", "motion-safe:[&:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]:[transition:transform_300ms_linear(0,-24_20%,16_40%,-8_60%,4_80%,1)]"),
+	content: cn(topIndicatorContent, "rounded-[inherit]", "bg-left bg-no-repeat", "[background-image:linear-gradient(currentColor,currentColor)]", "[background-size:var(--media-volume-fill,0%)_100%]", "transition-[background-size] duration-200 ease-linear"),
+	value: "ml-auto",
+	icon: {
+		base: "hidden shrink-0",
+		high: "group-data-[level=high]/input-indicator:block",
+		low: "group-data-[level=low]/input-indicator:block",
+		off: "group-data-[level=off]/input-indicator:block"
+	}
+};
+//#endregion
+export { volumeIndicator };
+
+//# sourceMappingURL=volume-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"volume-indicator.js","names":[],"sources":["../../../../../../../../../skins/dist/default/default/tailwind/components/volume-indicator.js"],"sourcesContent":["import { topIndicatorContent, topIndicatorRoot } from \"./input-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/components/volume-indicator.ts\nconst volumeIndicator = {\n\troot: cn(topIndicatorRoot, \"w-[min(80%,--spacing(48))]\", \"data-open:duration-100\", \"[transform:translateX(0)]\", \"motion-safe:[&:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]:[transform:translateX(0.25px)]\", \"motion-safe:[&:is([data-min],[data-max]):not([data-starting-style],[data-ending-style])]:[transition:transform_300ms_linear(0,-24_20%,16_40%,-8_60%,4_80%,1)]\"),\n\tcontent: cn(topIndicatorContent, \"rounded-[inherit]\", \"bg-left bg-no-repeat\", \"[background-image:linear-gradient(currentColor,currentColor)]\", \"[background-size:var(--media-volume-fill,0%)_100%]\", \"transition-[background-size] duration-200 ease-linear\"),\n\tvalue: \"ml-auto\",\n\ticon: {\n\t\tbase: \"hidden shrink-0\",\n\t\thigh: \"group-data-[level=high]/input-indicator:block\",\n\t\tlow: \"group-data-[level=low]/input-indicator:block\",\n\t\toff: \"group-data-[level=off]/input-indicator:block\"\n\t}\n};\n//#endregion\nexport { volumeIndicator };\n\n//# sourceMappingURL=volume-indicator.js.map"],"mappings":";;;AAGA,MAAM,kBAAkB;CACvB,MAAM,GAAG,kBAAkB,8BAA8B,0BAA0B,6BAA6B,2HAA2H,+JAA+J;CAC1Y,SAAS,GAAG,qBAAqB,qBAAqB,wBAAwB,iEAAiE,sDAAsD,uDAAuD;CAC5P,OAAO;CACP,MAAM;EACL,MAAM;EACN,MAAM;EACN,KAAK;EACL,KAAK;CACN;AACD"}

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

@@ -1,8 +1,8 @@
 import { iconState } from "../../shared/tailwind/icon-state.js";
+import { container as container$1 } from "./components/container.js";
 import { controls as controls$1 } from "./components/controls.js";
 import { error as error$1 } from "./components/error.js";
 import { popup as popup$1 } from "./components/popup.js";
-import { root as root$1 } from "./components/root.js";
 import { slider as slider$1 } from "./components/slider.js";
 import { surface } from "./components/surface.js";
 import { time as time$1 } from "./components/time.js";
@@ -14,16 +14,19 @@ import { icon, iconFlipped } from "./components/icon.js";
 import { menu as menu$1 } from "./components/menu.js";
 import "./components/playback-rate.js";
 import "./components/seek.js";
-import { inputFeedback as inputFeedback$1 } from "./components/input-feedback.js";
+import { statusIndicator as statusIndicator$1 } from "./components/status-indicator.js";
 import { thumbnail as thumbnail$1 } from "./components/thumbnail.js";
+import { volumeIndicator as volumeIndicator$1 } from "./components/volume-indicator.js";
+import { inputIndicatorOverlay } from "./components/input-indicator-overlay.js";
 import { overlay } from "./components/overlay.js";
 import { poster } from "./components/poster.js";
+import { seekIndicator } from "./components/seek-indicator.js";
 import { cn } from "@videojs/utils/style";
 //#region ../skins/dist/default/default/tailwind/video.tailwind.js
-const root = (isShadowDOM) => cn(root$1, "group/skin", "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "[&:fullscreen]:after:hidden", "after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15", {
-	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
+const container = (isShadowDOM) => cn(container$1, "group/skin", "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "[&:fullscreen]:after:hidden", "after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--border-color)", {
+	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
 	"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]": !isShadowDOM
-}, "[--media-spring-timing-function:linear(0,0.034_1.5%,0.763_9.7%,1.066_13.9%,1.198_19.9%,1.184_21.8%,0.963_37.5%,0.997_50.9%,1)]", "[--media-video-border-radius:var(--media-border-radius,1.75rem)]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-error-dialog-transition-duration:350ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-error-dialog-transition-timing-function:var(--media-spring-timing-function)]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "[--media-surface-background-color:oklch(1_0_0/0.1)]", "[--media-surface-inner-border-color:oklch(1_0_0/0.1)]", "[--media-surface-outer-border-color:oklch(0_0_0/0.1)]", "[--media-surface-shadow-color:oklch(0_0_0/0.15)]", "[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]", "min-[1280px]:[&:fullscreen]:[--scale:1.25]", "min-[1536px]:[&:fullscreen]:[--scale:1.5]", "min-[1920px]:[&:fullscreen]:[--scale:1.75]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-error-dialog-transition-timing-function:ease-out]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]", "contrast-more:[--media-surface-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]", "contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]", "[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]", "contrast-more:[--media-surface-outer-border-color:transparent]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:--spacing(-2)]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-22)]", "@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:--spacing(-14)]", !isShadowDOM ? [
+}, "[--default-accent-color:oklch(1_0_0)]", "[--border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]", "[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]", "**:[--focus-ring-color:oklch(1_0_0)]", "[--container-border-radius:var(--media-border-radius,1.75rem)]", "[--media-video-border-radius:var(--container-border-radius)]", "[--controls-transition-duration:100ms]", "[--controls-transition-timing-function:ease-out]", "[--error-dialog-transition-duration:350ms]", "[--error-dialog-transition-delay:100ms]", "[--error-dialog-transition-timing-function:ease-out]", "[--popup-transition-duration:100ms]", "[--popup-transition-timing-function:ease-out]", "[--surface-background-color:oklch(1_0_0/0.1)]", "[--surface-inner-border-color:oklch(1_0_0/0.1)]", "[--surface-outer-border-color:oklch(0_0_0/0.1)]", "[--surface-shadow-color:oklch(0_0_0/0.15)]", "[--surface-backdrop-filter:blur(16px)_saturate(1.5)]", "min-[1280px]:[&:fullscreen]:[--scale:1.25]", "min-[1536px]:[&:fullscreen]:[--scale:1.5]", "min-[1920px]:[&:fullscreen]:[--scale:1.75]", "motion-reduce:[--error-dialog-transition-duration:50ms]", "motion-reduce:[--error-dialog-transition-delay:0ms]", "motion-reduce:[--error-dialog-transition-timing-function:ease-out]", "motion-reduce:[--popup-transition-duration:0ms]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-background-color:oklch(0_0_0)]", "contrast-more:[--surface-background-color:oklch(0_0_0)]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-inner-border-color:oklch(1_0_0/0.25)]", "contrast-more:[--surface-inner-border-color:oklch(1_0_0/0.25)]", "[@media(prefers-reduced-transparency:reduce)]:[--surface-outer-border-color:transparent]", "contrast-more:[--surface-outer-border-color:transparent]", "pointer-fine:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:300ms]", "pointer-coarse:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:50ms]", "[--media-caption-track-y:--spacing(-2)]", "[--media-caption-track-delay:25ms]", "[--media-caption-track-duration:var(--controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-14)]", !isShadowDOM ? [
 	"[&_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",
@@ -41,13 +44,13 @@ const root = (isShadowDOM) => cn(root$1, "group/skin", "bg-black overflow-clip",
 	"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]:[--container-border-radius:0]", {
 	"[&:fullscreen_video]:object-contain": !isShadowDOM,
 	"[&:fullscreen_::slotted(video)]:object-contain": isShadowDOM
 });
-const controlsBase = cn(controls$1, surface, "[color:var(--media-color-primary,oklch(1_0_0))] z-10", "peer-data-open/error:hidden!", "ease-(--media-controls-transition-timing-function)", "duration-[calc(var(--media-controls-transition-duration)/2)]", "pointer-fine:will-change-[filter,opacity,scale,translate]", "pointer-fine:transition-[filter,opacity,scale,translate]", "pointer-coarse:will-change-[opacity,scale,translate]", "pointer-coarse:transition-[opacity,scale,translate]", "@2xl/media-root:[--base-boundary-offset:3]");
-const controls = cn(controlsBase, "group/controls contents! after:hidden", "@lg/media-root:absolute @lg/media-root:flex!", "@lg/media-root:bottom-2 @lg/media-root:inset-x-2", "@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3", "@lg/media-root:after:block @lg/media-root:origin-bottom", "@lg/media-root:not-data-visible:pointer-events-none", "@lg/media-root:not-data-visible:opacity-0", "@lg/media-root:not-data-visible:duration-(--media-controls-transition-duration)", "@lg/media-root:motion-safe:not-data-visible:scale-95", "@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm", "@lg/media-root:motion-safe:not-data-visible:translate-y-1");
-const splitControls = cn(controlsBase, "absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]", "@lg/media-root:contents! @lg/media-root:after:hidden", "@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none", "@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0", "@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--media-controls-transition-duration)", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95", "@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm");
+const controlsBase = cn(controls$1, surface, "text-white z-10", "peer-data-open/error:hidden!", "ease-(--controls-transition-timing-function)", "duration-[calc(var(--controls-transition-duration)/2)]", "pointer-fine:will-change-[filter,opacity,scale,translate]", "pointer-fine:transition-[filter,opacity,scale,translate]", "pointer-coarse:will-change-[opacity,scale,translate]", "pointer-coarse:transition-[opacity,scale,translate]", "@2xl/media-root:[--base-boundary-offset:3]");
+const controls = cn(controlsBase, "group/controls contents! after:hidden", "@lg/media-root:absolute @lg/media-root:flex!", "@lg/media-root:bottom-2 @lg/media-root:inset-x-2", "@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3", "@lg/media-root:after:block @lg/media-root:origin-bottom", "@lg/media-root:not-data-visible:pointer-events-none", "@lg/media-root:not-data-visible:opacity-0", "@lg/media-root:not-data-visible:duration-(--controls-transition-duration)", "@lg/media-root:motion-safe:not-data-visible:scale-95", "@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm", "@lg/media-root:motion-safe:not-data-visible:translate-y-1");
+const splitControls = cn(controlsBase, "absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]", "@lg/media-root:contents! @lg/media-root:after:hidden", "@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none", "@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0", "@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--controls-transition-duration)", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95", "@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm");
 const primaryControls = cn(splitControls, "bottom-2 inset-x-2 origin-bottom", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1");
 const secondaryControls = cn(splitControls, "top-2 right-2 origin-top @container-normal", "@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1");
 const buttonGroupStart = buttonGroup;
@@ -59,12 +62,11 @@ const time = {
 };
 const thumbnail = {
 	...thumbnail$1,
-	root: cn(thumbnail$1.root, surface, "[--max-width:--spacing(44)]", "[--max-height:--spacing(32)]", "[--padding:--spacing(-4.5)]", "[--inset:calc((100cqi-100%)/2)]", "absolute [left:clamp(calc(var(--max-width)/2+var(--padding)-var(--inset)),var(--media-slider-pointer),calc(100%-var(--max-width)/2-var(--padding)+var(--inset)))] [bottom:calc(100%+--spacing(4.8))] -translate-x-1/2", "opacity-0 scale-80 blur-sm origin-bottom", "transition-[scale,opacity,filter] duration-150", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100", "has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none"),
-	image: cn(thumbnail$1.image, "max-w-(--max-width)", "max-h-(--max-height)")
+	root: cn(thumbnail$1.root, surface)
 };
 const slider = {
 	...slider$1,
-	track: cn(slider$1.track, "bg-white/20 ring-1 ring-black/5")
+	track: cn(slider$1.track, "bg-white/20")
 };
 const popup = {
 	...popup$1,
@@ -83,14 +85,15 @@ const error = {
 	content: cn(error$1.content, "text-shadow-inherit"),
 	title: cn(error$1.title, "text-(length:--font-size-medium)")
 };
-const inputFeedback = {
-	...inputFeedback$1,
-	island: {
-		...inputFeedback$1.island,
-		base: cn(inputFeedback$1.island.base, surface)
-	}
+const volumeIndicator = {
+	...volumeIndicator$1,
+	root: cn(volumeIndicator$1.root, surface)
+};
+const statusIndicator = {
+	...statusIndicator$1,
+	root: cn(statusIndicator$1.root, surface)
 };
 //#endregion
-export { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconFlipped, iconState, inputFeedback, menu, overlay, popup, poster, primaryControls, root, secondaryControls, slider, spacer, thumbnail, time };
+export { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, error, icon, iconFlipped, iconState, inputIndicatorOverlay, menu, overlay, popup, poster, primaryControls, secondaryControls, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };
 
 //# sourceMappingURL=video.tailwind.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { inputFeedback as inputFeedback$1 } from \"./components/input-feedback.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"group/skin\", \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"[&:fullscreen]:after:hidden\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-spring-timing-function:linear(0,0.034_1.5%,0.763_9.7%,1.066_13.9%,1.198_19.9%,1.184_21.8%,0.963_37.5%,0.997_50.9%,1)]\", \"[--media-video-border-radius:var(--media-border-radius,1.75rem)]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:350ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:var(--media-spring-timing-function)]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"[--media-surface-background-color:oklch(1_0_0/0.1)]\", \"[--media-surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--media-surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--media-surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--media-surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"min-[1280px]:[&:fullscreen]:[--scale:1.25]\", \"min-[1536px]:[&:fullscreen]:[--scale:1.5]\", \"min-[1920px]:[&:fullscreen]:[--scale:1.75]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-error-dialog-transition-timing-function:ease-out]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--media-surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--media-surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--media-surface-outer-border-color:transparent]\", \"contrast-more:[--media-surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:--spacing(-2)]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-22)]\", \"@2xl/media-root:has-[[data-controls][data-visible]]:*:[--media-caption-track-y:--spacing(-14)]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], !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 controlsBase = cn(controls$1, surface, \"[color:var(--media-color-primary,oklch(1_0_0))] z-10\", \"peer-data-open/error:hidden!\", \"ease-(--media-controls-transition-timing-function)\", \"duration-[calc(var(--media-controls-transition-duration)/2)]\", \"pointer-fine:will-change-[filter,opacity,scale,translate]\", \"pointer-fine:transition-[filter,opacity,scale,translate]\", \"pointer-coarse:will-change-[opacity,scale,translate]\", \"pointer-coarse:transition-[opacity,scale,translate]\", \"@2xl/media-root:[--base-boundary-offset:3]\");\nconst controls = cn(controlsBase, \"group/controls contents! after:hidden\", \"@lg/media-root:absolute @lg/media-root:flex!\", \"@lg/media-root:bottom-2 @lg/media-root:inset-x-2\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3\", \"@lg/media-root:after:block @lg/media-root:origin-bottom\", \"@lg/media-root:not-data-visible:pointer-events-none\", \"@lg/media-root:not-data-visible:opacity-0\", \"@lg/media-root:not-data-visible:duration-(--media-controls-transition-duration)\", \"@lg/media-root:motion-safe:not-data-visible:scale-95\", \"@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@lg/media-root:motion-safe:not-data-visible:translate-y-1\");\nconst splitControls = cn(controlsBase, \"absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]\", \"@lg/media-root:contents! @lg/media-root:after:hidden\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--media-controls-transition-duration)\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95\", \"@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm\");\nconst primaryControls = cn(splitControls, \"bottom-2 inset-x-2 origin-bottom\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1\");\nconst secondaryControls = cn(splitControls, \"top-2 right-2 origin-top @container-normal\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1\");\nconst buttonGroupStart = buttonGroup;\nconst buttonGroupEnd = buttonGroup;\nconst spacer = \"grow\";\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"px-3\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface, \"[--max-width:--spacing(44)]\", \"[--max-height:--spacing(32)]\", \"[--padding:--spacing(-4.5)]\", \"[--inset:calc((100cqi-100%)/2)]\", \"absolute [left:clamp(calc(var(--max-width)/2+var(--padding)-var(--inset)),var(--media-slider-pointer),calc(100%-var(--max-width)/2-var(--padding)+var(--inset)))] [bottom:calc(100%+--spacing(4.8))] -translate-x-1/2\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:opacity-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:scale-100\", \"has-[[role=img]:not([data-hidden])]:group-data-pointing/slider:blur-none\"),\n\timage: cn(thumbnail$1.image, \"max-w-(--max-width)\", \"max-h-(--max-height)\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20 ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menu = {\n\t...menu$1,\n\troot: menu$1.root,\n\tsettings: menu$1.settings\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"w-full text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-(length:--font-size-medium)\")\n};\nconst inputFeedback = {\n\t...inputFeedback$1,\n\tisland: {\n\t\t...inputFeedback$1.island,\n\t\tbase: cn(inputFeedback$1.island.base, surface)\n\t}\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputFeedback, menu, overlay, playbackRate, popup, poster, primaryControls, root, secondaryControls, seek, slider, spacer, thumbnail, time };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,cAAc,0BAA0B,+EAA+E,+BAA+B,4FAA4F;CAC1R,8RAA8R;CAC9R,wMAAwM,CAAC;AAC1M,GAAG,kIAAkI,oEAAoE,gDAAgD,0DAA0D,oDAAoD,iDAAiD,yFAAyF,6CAA6C,uDAAuD,uDAAuD,yDAAyD,yDAAyD,oDAAoD,8DAA8D,8CAA8C,6CAA6C,8CAA8C,iEAAiE,6DAA6D,4EAA4E,yDAAyD,iGAAiG,iEAAiE,wGAAwG,wEAAwE,kGAAkG,kEAAkE,uGAAuG,yGAAyG,uGAAuG,2CAA2C,sCAAsC,8EAA8E,gFAAgF,kGAAkG,CAAC,cAAc;CACx4E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,CAAC,cAAc;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;AACnD,CAAC;AACD,MAAM,eAAe,GAAG,YAAY,SAAS,wDAAwD,gCAAgC,sDAAsD,gEAAgE,6DAA6D,4DAA4D,wDAAwD,uDAAuD,4CAA4C;AAC/gB,MAAM,WAAW,GAAG,cAAc,yCAAyC,gDAAgD,oDAAoD,sDAAsD,2DAA2D,uDAAuD,6CAA6C,mFAAmF,wDAAwD,oEAAoE,2DAA2D;AAC9oB,MAAM,gBAAgB,GAAG,cAAc,oFAAoF,wDAAwD,gFAAgF,sEAAsE,4GAA4G,iFAAiF,2FAA2F;AACjmB,MAAM,kBAAkB,GAAG,eAAe,oCAAoC,oFAAoF;AAClK,MAAM,oBAAoB,GAAG,eAAe,8CAA8C,qFAAqF;AAC/K,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AACf,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,MAAM;AAC/B;AACA,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,SAAS,+BAA+B,gCAAgC,+BAA+B,mCAAmC,yNAAyN,4CAA4C,kDAAkD,8EAA8E,4EAA4E,0EAA0E;CAChsB,OAAO,GAAG,YAAY,OAAO,uBAAuB,sBAAsB;AAC3E;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,iCAAiC;AAC5D;AACA,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,OAAO;CACpC,SAAS,GAAG,SAAS,QAAQ,OAAO;AACrC;AACA,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,OAAO;CACb,UAAU,OAAO;AAClB;AACA,MAAM,qBAAqB;AAC3B,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,6CAA6C;CACjF,SAAS,GAAG,QAAQ,SAAS,qBAAqB;CAClD,OAAO,GAAG,QAAQ,OAAO,kCAAkC;AAC5D;AACA,MAAM,gBAAgB;CACrB,GAAG;CACH,QAAQ;EACP,GAAG,gBAAgB;EACnB,MAAM,GAAG,gBAAgB,OAAO,MAAM,OAAO;CAC9C;AACD"}
+{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/default/tailwind/video.tailwind.js"],"sourcesContent":["import { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { container as container$1 } from \"./components/container.js\";\nimport { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { surface } from \"./components/surface.js\";\nimport { time as time$1 } from \"./components/time.js\";\nimport { badge } from \"./components/badge.js\";\nimport { bufferingIndicator as bufferingIndicator$1 } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { menu as menu$1 } from \"./components/menu.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { seek } from \"./components/seek.js\";\nimport { statusIndicator as statusIndicator$1 } from \"./components/status-indicator.js\";\nimport { thumbnail as thumbnail$1 } from \"./components/thumbnail.js\";\nimport { volumeIndicator as volumeIndicator$1 } from \"./components/volume-indicator.js\";\nimport { inputIndicatorOverlay } from \"./components/input-indicator-overlay.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { poster } from \"./components/poster.js\";\nimport { seekIndicator } from \"./components/seek-indicator.js\";\nimport { cn } from \"@videojs/utils/style\";\n//#region src/default/tailwind/video.tailwind.ts\nconst container = (isShadowDOM) => cn(container$1, \"group/skin\", \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"[&:fullscreen]:after:hidden\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-(color:--border-color)\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--container-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,contain)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--default-accent-color:oklch(1_0_0)]\", \"[--border-color:light-dark(oklch(0_0_0/0.1),oklch(1_0_0/0.15))]\", \"[--focus-ring-color:light-dark(oklch(0_0_0),oklch(1_0_0))]\", \"**:[--focus-ring-color:oklch(1_0_0)]\", \"[--container-border-radius:var(--media-border-radius,1.75rem)]\", \"[--media-video-border-radius:var(--container-border-radius)]\", \"[--controls-transition-duration:100ms]\", \"[--controls-transition-timing-function:ease-out]\", \"[--error-dialog-transition-duration:350ms]\", \"[--error-dialog-transition-delay:100ms]\", \"[--error-dialog-transition-timing-function:ease-out]\", \"[--popup-transition-duration:100ms]\", \"[--popup-transition-timing-function:ease-out]\", \"[--surface-background-color:oklch(1_0_0/0.1)]\", \"[--surface-inner-border-color:oklch(1_0_0/0.1)]\", \"[--surface-outer-border-color:oklch(0_0_0/0.1)]\", \"[--surface-shadow-color:oklch(0_0_0/0.15)]\", \"[--surface-backdrop-filter:blur(16px)_saturate(1.5)]\", \"min-[1280px]:[&:fullscreen]:[--scale:1.25]\", \"min-[1536px]:[&:fullscreen]:[--scale:1.5]\", \"min-[1920px]:[&:fullscreen]:[--scale:1.75]\", \"motion-reduce:[--error-dialog-transition-duration:50ms]\", \"motion-reduce:[--error-dialog-transition-delay:0ms]\", \"motion-reduce:[--error-dialog-transition-timing-function:ease-out]\", \"motion-reduce:[--popup-transition-duration:0ms]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-background-color:oklch(0_0_0)]\", \"contrast-more:[--surface-background-color:oklch(0_0_0)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-inner-border-color:oklch(1_0_0/0.25)]\", \"contrast-more:[--surface-inner-border-color:oklch(1_0_0/0.25)]\", \"[@media(prefers-reduced-transparency:reduce)]:[--surface-outer-border-color:transparent]\", \"contrast-more:[--surface-outer-border-color:transparent]\", \"pointer-fine:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:300ms]\", \"pointer-coarse:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--controls-transition-duration:50ms]\", \"[--media-caption-track-y:--spacing(-2)]\", \"[--media-caption-track-delay:25ms]\", \"[--media-caption-track-duration:var(--controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:--spacing(-14)]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], !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]:[--container-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controlsBase = cn(controls$1, surface, \"text-white z-10\", \"peer-data-open/error:hidden!\", \"ease-(--controls-transition-timing-function)\", \"duration-[calc(var(--controls-transition-duration)/2)]\", \"pointer-fine:will-change-[filter,opacity,scale,translate]\", \"pointer-fine:transition-[filter,opacity,scale,translate]\", \"pointer-coarse:will-change-[opacity,scale,translate]\", \"pointer-coarse:transition-[opacity,scale,translate]\", \"@2xl/media-root:[--base-boundary-offset:3]\");\nconst controls = cn(controlsBase, \"group/controls contents! after:hidden\", \"@lg/media-root:absolute @lg/media-root:flex!\", \"@lg/media-root:bottom-2 @lg/media-root:inset-x-2\", \"@2xl/media-root:bottom-3 @2xl/media-root:inset-x-3\", \"@lg/media-root:after:block @lg/media-root:origin-bottom\", \"@lg/media-root:not-data-visible:pointer-events-none\", \"@lg/media-root:not-data-visible:opacity-0\", \"@lg/media-root:not-data-visible:duration-(--controls-transition-duration)\", \"@lg/media-root:motion-safe:not-data-visible:scale-95\", \"@lg/media-root:pointer-fine:motion-safe:not-data-visible:blur-sm\", \"@lg/media-root:motion-safe:not-data-visible:translate-y-1\");\nconst splitControls = cn(controlsBase, \"absolute @max-lg/media-root:duration-[inherit] @max-lg/media-root:ease-[inherit]\", \"@lg/media-root:contents! @lg/media-root:after:hidden\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:pointer-events-none\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:opacity-0\", \"@max-lg/media-root:group-[:not([data-visible])]/controls:duration-(--controls-transition-duration)\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:scale-95\", \"@max-lg/media-root:pointer-fine:motion-safe:group-[:not([data-visible])]/controls:blur-sm\");\nconst primaryControls = cn(splitControls, \"bottom-2 inset-x-2 origin-bottom\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:translate-y-1\");\nconst secondaryControls = cn(splitControls, \"top-2 right-2 origin-top @container-normal\", \"@max-lg/media-root:motion-safe:group-[:not([data-visible])]/controls:-translate-y-1\");\nconst buttonGroupStart = buttonGroup;\nconst buttonGroupEnd = buttonGroup;\nconst spacer = \"grow\";\nconst time = {\n\t...time$1,\n\tgroup: cn(time$1.group, \"px-3\")\n};\nconst thumbnail = {\n\t...thumbnail$1,\n\troot: cn(thumbnail$1.root, surface)\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"bg-white/20\")\n};\nconst popup = {\n\t...popup$1,\n\tpopover: cn(surface, popup$1.popover),\n\ttooltip: cn(surface, popup$1.tooltip)\n};\nconst menu = {\n\t...menu$1,\n\troot: menu$1.root,\n\tsettings: menu$1.settings\n};\nconst bufferingIndicator = bufferingIndicator$1;\nconst error = {\n\t...error$1,\n\tdialog: cn(error$1.dialog, surface, \"w-full text-shadow-2xs text-shadow-black/25\"),\n\tcontent: cn(error$1.content, \"text-shadow-inherit\"),\n\ttitle: cn(error$1.title, \"text-(length:--font-size-medium)\")\n};\nconst volumeIndicator = {\n\t...volumeIndicator$1,\n\troot: cn(volumeIndicator$1.root, surface)\n};\nconst statusIndicator = {\n\t...statusIndicator$1,\n\troot: cn(statusIndicator$1.root, surface)\n};\n//#endregion\nexport { badge, bufferingIndicator, button, buttonGroup, buttonGroupEnd, buttonGroupStart, container, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, inputIndicatorOverlay, menu, overlay, playbackRate, popup, poster, primaryControls, secondaryControls, seek, seekIndicator, slider, spacer, statusIndicator, thumbnail, time, volumeIndicator };\n\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,aAAa,gBAAgB,GAAG,aAAa,cAAc,0BAA0B,+EAA+E,+BAA+B,iFAAiF;CACzR,4RAA4R;CAC5R,wMAAwM,CAAC;AAC1M,GAAG,yCAAyC,mEAAmE,8DAA8D,wCAAwC,kEAAkE,gEAAgE,0CAA0C,oDAAoD,8CAA8C,2CAA2C,wDAAwD,uCAAuC,iDAAiD,iDAAiD,mDAAmD,mDAAmD,8CAA8C,wDAAwD,8CAA8C,6CAA6C,8CAA8C,2DAA2D,uDAAuD,sEAAsE,mDAAmD,2FAA2F,2DAA2D,kGAAkG,kEAAkE,4FAA4F,4DAA4D,iGAAiG,mGAAmG,iGAAiG,2CAA2C,sCAAsC,wEAAwE,gFAAgF,CAAC,cAAc;CAC7vE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,CAAC,cAAc;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD,IAAI,CAAC,GAAG,gDAAgD;CACvD,uCAAuC,CAAC;CACxC,kDAAkD;AACnD,CAAC;AACD,MAAM,eAAe,GAAG,YAAY,SAAS,mBAAmB,gCAAgC,gDAAgD,0DAA0D,6DAA6D,4DAA4D,wDAAwD,uDAAuD,4CAA4C;AAC9d,MAAM,WAAW,GAAG,cAAc,yCAAyC,gDAAgD,oDAAoD,sDAAsD,2DAA2D,uDAAuD,6CAA6C,6EAA6E,wDAAwD,oEAAoE,2DAA2D;AACxoB,MAAM,gBAAgB,GAAG,cAAc,oFAAoF,wDAAwD,gFAAgF,sEAAsE,sGAAsG,iFAAiF,2FAA2F;AAC3lB,MAAM,kBAAkB,GAAG,eAAe,oCAAoC,oFAAoF;AAClK,MAAM,oBAAoB,GAAG,eAAe,8CAA8C,qFAAqF;AAC/K,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,SAAS;AACf,MAAM,OAAO;CACZ,GAAG;CACH,OAAO,GAAG,OAAO,OAAO,MAAM;AAC/B;AACA,MAAM,YAAY;CACjB,GAAG;CACH,MAAM,GAAG,YAAY,MAAM,OAAO;AACnC;AACA,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,aAAa;AACxC;AACA,MAAM,QAAQ;CACb,GAAG;CACH,SAAS,GAAG,SAAS,QAAQ,OAAO;CACpC,SAAS,GAAG,SAAS,QAAQ,OAAO;AACrC;AACA,MAAM,OAAO;CACZ,GAAG;CACH,MAAM,OAAO;CACb,UAAU,OAAO;AAClB;AACA,MAAM,qBAAqB;AAC3B,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,QAAQ,SAAS,6CAA6C;CACjF,SAAS,GAAG,QAAQ,SAAS,qBAAqB;CAClD,OAAO,GAAG,QAAQ,OAAO,kCAAkC;AAC5D;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC;AACA,MAAM,kBAAkB;CACvB,GAAG;CACH,MAAM,GAAG,kBAAkB,MAAM,OAAO;AACzC"}