import styled from "@emotion/styled";
import { addFocus, applyEllipsis } from "../../../../mixins";
import { cellTokens, cellConfig } from "../../../Cell";
import { component, mergeConfig } from "../../../../engines";
import { classes, tokens } from "../../DateTimePicker.tokens";
var mergedCellConfig = mergeConfig(cellConfig);
var Cell = component(mergedCellConfig);
export var ShortcutsWrapper = /*#__PURE__*/ styled("div", {
    target: "em5s8mh0",
    label: "ShortcutsWrapper"
})("order:", function(param) {
    var dateShortcutsPlacement = param.dateShortcutsPlacement;
    return dateShortcutsPlacement === 'left' ? 'unset' : '999';
}, ";display:flex;flex-direction:", function(param) {
    var dateShortcutsPlacement = param.dateShortcutsPlacement;
    return dateShortcutsPlacement === 'left' ? 'row-reverse' : 'row';
}, ";gap:var(", tokens.popoverGap, ");flex-shrink:", function(param) {
    var innerWidth = param.innerWidth;
    return innerWidth && innerWidth !== '0' ? '2' : '0';
}, ";overflow-y:hidden;height:", function(param) {
    var innerHeight = param.innerHeight;
    return innerHeight && innerHeight !== '0' ? "calc(".concat(innerHeight, " - var(").concat(tokens.popoverVerticalPadding, "))") : "var(".concat(tokens.calendarHeight, ")");
}, ";");
export var ShortcutList = /*#__PURE__*/ styled("ul", {
    target: "em5s8mh1",
    label: "ShortcutList"
})("width:", function(param) {
    var width = param.width;
    return width || 'fit-content';
}, ";list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}");
export var ShortcutItem = /*#__PURE__*/ styled("li", {
    target: "em5s8mh2",
    label: "ShortcutItem"
})("padding:var(", tokens.shortcutPadding, ");border-radius:var(", tokens.shortcutBorderRadius, ");&:hover:not(.", classes.shortcutItemDisabled, "){cursor:pointer;background:var(", tokens.shortcutBackgroundHover, ");}&.", classes.shortcutItemDisabled, "{opacity:", tokens.disabledOpacity, ";cursor:not-allowed;}:focus{outline:none;}", addFocus({
    outlineSize: '0.063rem',
    outlineOffset: '0.063rem',
    outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
    outlineRadius: "var(".concat(tokens.shortcutBorderRadius, ")"),
    hasTransition: false,
    customFocusRules: "\n                &.focus-visible:focus,\n                &[data-focus-visible-added] {\n                    &::before {\n                        z-index: 1;\n                        outline: none;\n                        box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                    }\n                }\n            ")
}), ";");
export var StyledCell = /*#__PURE__*/ styled(Cell, {
    target: "em5s8mh3",
    label: "StyledCell"
})(cellTokens.cellTitleColor, ":var(", tokens.shortcutColor, ");", cellTokens.cellPadding, ":var(", tokens.shortcutPadding, ");", cellTokens.cellPaddingContent, ":var(", tokens.shortcutPaddingContent, ");", cellTokens.cellPaddingLeftContent, ":var(", tokens.shortcutPaddingLeftContent, ");", cellTokens.cellPaddingRightContent, ":var(", tokens.shortcutPaddingRightContent, ");", cellTokens.cellGap, ":var(", tokens.shortcutGap, ");");
export var ShortcutTitleWrapper = /*#__PURE__*/ styled("div", {
    target: "em5s8mh4",
    label: "ShortcutTitleWrapper"
})("display:grid;");
export var ShortcutTitle = /*#__PURE__*/ styled("span", {
    target: "em5s8mh5",
    label: "ShortcutTitle"
})("font-family:var(", tokens.shortcutFontFamily, ");font-size:var(", tokens.shortcutFontSize, ");font-style:var(", tokens.shortcutFontStyle, ");font-weight:var(", tokens.shortcutFontWeight, ");letter-spacing:var(", tokens.shortcutLetterSpacing, ");line-height:var(", tokens.shortcutLineHeight, ");", applyEllipsis());
