import { cnb } from "cnbuilder";
import { bem } from "../utils/bem.js";
/**
 * @since 6.0.0 Uses `as const satisfies TransitionTimeout`
 */ export const DEFAULT_SHEET_TIMEOUT = {
    enter: 200,
    exit: 150
};
/**
 * @since 6.0.0 Uses `as const satisfies CSSTransitionClassNames`
 */ export const DEFAULT_SHEET_CLASSNAMES = {
    appear: "rmd-sheet--offscreen",
    appearActive: "rmd-sheet--enter rmd-sheet--visible",
    enter: "rmd-sheet--offscreen",
    enterActive: "rmd-sheet--enter rmd-sheet--visible",
    exit: "rmd-sheet--exit",
    exitActive: "rmd-sheet--offscreen",
    exitDone: "rmd-sheet--offscreen rmd-sheet--hidden"
};
const styles = bem("rmd-sheet");
/** @since 6.0.0 */ export function sheet(options) {
    const { position = "left", horizontalSize = "media", verticalSize = "recommended", offscreen = false, raised = true, className } = options;
    const horizontal = position === "left" || position === "right";
    return cnb(styles({
        horizontal,
        vertical: !horizontal,
        raised,
        offscreen,
        [position]: true,
        "media-width": horizontal && horizontalSize === "media",
        "touch-width": horizontal && horizontalSize === "touch",
        "static-width": horizontal && horizontalSize === "static",
        "viewport-height": !horizontal && verticalSize === "none",
        "touchable-height": !horizontal && verticalSize === "touch",
        "recommended-height": !horizontal && verticalSize === "recommended"
    }), className);
}

//# sourceMappingURL=styles.js.map