import { iconState } from "../../shared/tailwind/icon-state.js";
import { tooltipState } from "../../shared/tailwind/tooltip-state.js";
import { bufferingIndicator as bufferingIndicator$1 } from "./components/buffering.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 { slider as slider$1 } from "./components/slider.js";
import { surface as surface$1 } from "./components/surface.js";
import { button } from "./components/button.js";
import { icon, iconContainer, iconFlipped } from "./components/icon.js";
import { playbackRate } from "./components/playback-rate.js";
import { root } from "./components/root.js";
import { seek } from "./components/seek.js";
import { time } from "./components/time.js";
import { cn } from "@videojs/utils/style";

//#region ../skins/dist/default/default/tailwind/audio.tailwind.js
const surface = cn(surface$1, "bg-white/50 dark:bg-black/40", "backdrop-brightness-98 backdrop-saturate-120 backdrop-blur", "ring-white/5 shadow-black/15", "after:ring-black/5");
const controls = cn(controls$1, surface, "dark:text-white");
const slider = {
	...slider$1,
	track: cn(slider$1.track, "bg-black/10", "dark:bg-white/20 dark:shadow-[0_0_0_1px_oklch(0_0_0/0.05)]")
};
const popup = {
	...popup$1,
	popover: cn(surface, popup$1.popover),
	tooltip: cn(surface, popup$1.tooltip)
};
const bufferingIndicator = {
	...bufferingIndicator$1,
	container: cn(bufferingIndicator$1.container, surface)
};
const error = {
	...error$1,
	dialog: cn(error$1.dialog, surface)
};

//#endregion
export { controls, popup, slider };
//# sourceMappingURL=audio.tailwind.js.map