import { controls as controls$1 } from "./components/controls.js";
import { popup as popup$1 } from "./components/popup.js";
import { root as root$1 } from "./components/root.js";
import { iconState } from "../../shared/tailwind/icon-state.js";
import { tooltipState } from "../../shared/tailwind/tooltip-state.js";
import { bufferingIndicator } from "./components/buffering.js";
import { button } from "./components/button.js";
import { buttonGroup } from "./components/button-group.js";
import { icon, iconContainer, iconFlipped } from "./components/icon.js";
import { seek } from "./components/seek.js";
import { slider } from "./components/slider.js";
import { time } from "./components/time.js";
import { cn } from "@videojs/utils/style";

//#region ../skins/dist/default/minimal/tailwind/audio.tailwind.js
const root = cn(root$1, "[--media-controls-background-color:oklch(1_0_0)]", "[--media-controls-border-color:oklch(0_0_0/0.1)]", "[--media-controls-text-color:oklch(0_0_0)]", "dark:[--media-controls-background-color:oklch(0_0_0)]", "dark:[--media-controls-border-color:oklch(1_0_0/0.1)]", "dark:[--media-controls-text-color:oklch(1_0_0)]");
const controls = cn(controls$1, "gap-2 p-1.5", "rounded-(--media-border-radius,0.75rem)", "bg-(--media-controls-background-color)", "text-(--media-controls-text-color)", "backdrop-blur backdrop-brightness-[0.98] backdrop-saturate-[1.2]", "ring-1 ring-(color:--media-controls-border-color)");
const popup = {
	...popup$1,
	volume: cn("py-2 pr-0 pl-16", "bg-transparent bg-gradient-to-l from-(--media-controls-background-color) from-80% to-transparent", "[--media-popover-side-offset:0.75rem]")
};

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