"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get PaginationActions () {
        return PaginationActions;
    },
    get PaginationActionsLeft () {
        return PaginationActionsLeft;
    },
    get PaginationButton () {
        return PaginationButton;
    },
    get PaginationButtonGroup () {
        return PaginationButtonGroup;
    },
    get PaginationHelperText () {
        return PaginationHelperText;
    },
    get PaginationPages () {
        return PaginationPages;
    },
    get PaginationRoot () {
        return PaginationRoot;
    },
    get PaginationSection () {
        return PaginationSection;
    },
    get PaginationShorter () {
        return PaginationShorter;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _engines = require("../../engines");
const _mixins = require("../../mixins");
const _Button = require("../Button");
const _ButtonGroup = require("../ButtonGroup");
const _Paginationtokens = require("./Pagination.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedButtonConfig = (0, _engines.mergeConfig)(_Button.buttonConfig);
const Button = (0, _engines.component)(mergedButtonConfig);
const mergedButtonGroupConfig = (0, _engines.mergeConfig)(_ButtonGroup.buttonGroupConfig);
const ButtonGroup = (0, _engines.component)(mergedButtonGroupConfig);
const PaginationRoot = _styledcomponents.default.div.withConfig({
    displayName: "Pagination.styles__PaginationRoot",
    componentId: "sc-119c2bc5-0"
})([
    `display:flex;color:var(`,
    `);&.`,
    `{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.`,
    `{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}`
], _Paginationtokens.tokens.paginationColor, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType);
const PaginationPages = _styledcomponents.default.div.withConfig({
    displayName: "Pagination.styles__PaginationPages",
    componentId: "sc-119c2bc5-1"
})([
    `display:flex;align-items:center;gap:0.25rem;flex-shrink:0;`
]);
const PaginationActions = _styledcomponents.default.div.withConfig({
    displayName: "Pagination.styles__PaginationActions",
    componentId: "sc-119c2bc5-2"
})([
    `display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(`,
    `);flex-shrink:1;flex-direction:row;&.`,
    `{width:100%;flex-wrap:wrap;&.`,
    `{flex-direction:row-reverse;}&.`,
    `{flex-direction:row;}}`
], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.withHasPerPageSelect, _Paginationtokens.classes.withHasQuickJump);
const PaginationSection = _styledcomponents.default.div.withConfig({
    displayName: "Pagination.styles__PaginationSection",
    componentId: "sc-119c2bc5-3"
})([
    `display:flex;gap:0.125rem;`
]);
const PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConfig({
    displayName: "Pagination.styles__PaginationButtonGroup",
    componentId: "sc-119c2bc5-4"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:0;`
], _ButtonGroup.buttonGroupTokens.buttonColor, _Paginationtokens.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Paginationtokens.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Paginationtokens.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Paginationtokens.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Paginationtokens.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Paginationtokens.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Paginationtokens.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Paginationtokens.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Paginationtokens.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Paginationtokens.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Paginationtokens.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonPadding);
const PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
    displayName: "Pagination.styles__PaginationButton",
    componentId: "sc-119c2bc5-5"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);&.`,
    `{`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);cursor:default;}&.`,
    `{`,
    `:var(`,
    `,var(`,
    `));`,
    `:var(`,
    `,var(`,
    `));}`,
    ``
], _Button.buttonTokens.buttonColor, _Paginationtokens.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Paginationtokens.tokens.buttonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Paginationtokens.tokens.buttonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _Paginationtokens.tokens.paginationFontFamily, _Button.buttonTokens.buttonFontSize, _Paginationtokens.tokens.paginationFontSize, _Button.buttonTokens.buttonFontStyle, _Paginationtokens.tokens.paginationFontStyle, _Button.buttonTokens.buttonFontWeight, _Paginationtokens.tokens.paginationFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Paginationtokens.tokens.paginationLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Paginationtokens.tokens.paginationLineHeight, _Button.buttonTokens.buttonWidth, _Paginationtokens.tokens.buttonWidth, _Button.buttonTokens.buttonHeight, _Paginationtokens.tokens.buttonHeight, _Button.buttonTokens.buttonRadius, _Paginationtokens.tokens.buttonRadius, _Button.buttonTokens.buttonDisabledOpacity, _Paginationtokens.tokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _Paginationtokens.tokens.buttonFocusColor, _Paginationtokens.classes.paginationPageButtonActive, _Button.buttonTokens.buttonColor, _Paginationtokens.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColor, _Paginationtokens.tokens.paginationCurrentButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Paginationtokens.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.paginationCurrentButtonBackgroundColor, _Button.buttonTokens.buttonColorActive, _Paginationtokens.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.paginationCurrentButtonBackgroundColor, _Paginationtokens.classes.buttonDisabled, _Button.buttonTokens.buttonColor, _Paginationtokens.tokens.paginationDisabledButtonColor, _Paginationtokens.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Paginationtokens.tokens.paginationDisabledButtonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, (0, _mixins.addFocus)({
    outlineOffset: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: 'var(--plasma_private-btn-br)',
    outlineColor: `var(${_Paginationtokens.tokens.buttonFocusColor})`
}));
const PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withConfig({
    displayName: "Pagination.styles__PaginationShorter",
    componentId: "sc-119c2bc5-6"
})([
    ``,
    `:var(`,
    `);`,
    `:0;`
], _Button.buttonTokens.buttonWidth, _Paginationtokens.tokens.buttonWidthShorter, _Button.buttonTokens.buttonPadding);
const PaginationActionsLeft = _styledcomponents.default.div.withConfig({
    displayName: "Pagination.styles__PaginationActionsLeft",
    componentId: "sc-119c2bc5-7"
})([
    `display:flex;align-items:center;flex-wrap:wrap;gap:var(`,
    `);.`,
    ` &{min-width:0;flex-wrap:nowrap;flex-shrink:1;}`
], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.defaultType);
const PaginationHelperText = _styledcomponents.default.div.withConfig({
    displayName: "Pagination.styles__PaginationHelperText",
    componentId: "sc-119c2bc5-8"
})([
    `color:var(`,
    `);&.`,
    `{min-width:0;`,
    ` flex-shrink:1;}&.`,
    `{`,
    `}`
], _Paginationtokens.tokens.paginationHelperTextColor, _Paginationtokens.classes.defaultType, (0, _mixins.applyEllipsis)(), _Paginationtokens.classes.ellipsisText, (0, _mixins.applyEllipsis)());
