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";
const mergedCellConfig = mergeConfig(cellConfig);
const Cell = component(mergedCellConfig);
export const ShortcutsWrapper = /*#__PURE__*/ styled("div", {
    target: "emvkuzk0",
    label: "ShortcutsWrapper"
})("order:", ({ dateShortcutsPlacement })=>dateShortcutsPlacement === 'left' ? 'unset' : '999', ";display:flex;flex-direction:", ({ dateShortcutsPlacement })=>dateShortcutsPlacement === 'left' ? 'row-reverse' : 'row', ";gap:var(", tokens.popoverGap, ");flex-shrink:", ({ innerWidth })=>innerWidth && innerWidth !== '0' ? '2' : '0', ";overflow-y:hidden;height:", ({ innerHeight })=>innerHeight && innerHeight !== '0' ? `calc(${innerHeight} - var(${tokens.popoverVerticalPadding}))` : `var(${tokens.calendarHeight})`, ";");
export const ShortcutList = /*#__PURE__*/ styled("ul", {
    target: "emvkuzk1",
    label: "ShortcutList"
})("width:", ({ width })=>width || 'fit-content', ";list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}");
export const ShortcutItem = /*#__PURE__*/ styled("li", {
    target: "emvkuzk2",
    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(${tokens.outlineFocusColor})`,
    outlineRadius: `var(${tokens.shortcutBorderRadius})`,
    hasTransition: false
}), ";");
export const StyledCell = /*#__PURE__*/ styled(Cell, {
    target: "emvkuzk3",
    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 const ShortcutTitleWrapper = /*#__PURE__*/ styled("div", {
    target: "emvkuzk4",
    label: "ShortcutTitleWrapper"
})("display:grid;");
export const ShortcutTitle = /*#__PURE__*/ styled("span", {
    target: "emvkuzk5",
    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());
