(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "tslib", "styled-components", "../variables"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.Margin = exports.Padding = exports.BorderRadius = exports.MEDIA = void 0;
    var tslib_1 = require("tslib");
    var styled_components_1 = require("styled-components");
    var style = (0, tslib_1.__importStar)(require("../variables"));
    exports.MEDIA = {
        mobile: function (p) {
            var args = [];
            for (var _i = 1; _i < arguments.length; _i++) {
                args[_i - 1] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.mobile, styled_components_1.css.apply(void 0, (0, tslib_1.__spreadArray)([p], (0, tslib_1.__read)(args), false)));
        },
        tablet: function (p) {
            var args = [];
            for (var _i = 1; _i < arguments.length; _i++) {
                args[_i - 1] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.tablet, styled_components_1.css.apply(void 0, (0, tslib_1.__spreadArray)([p], (0, tslib_1.__read)(args), false)));
        },
        desktopM: function (p) {
            var args = [];
            for (var _i = 1; _i < arguments.length; _i++) {
                args[_i - 1] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.desktopM, styled_components_1.css.apply(void 0, (0, tslib_1.__spreadArray)([p], (0, tslib_1.__read)(args), false)));
        },
        desktopL: function (p) {
            var args = [];
            for (var _i = 1; _i < arguments.length; _i++) {
                args[_i - 1] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.desktopL, styled_components_1.css.apply(void 0, (0, tslib_1.__spreadArray)([p], (0, tslib_1.__read)(args), false)));
        },
        desktopXl: function (p) {
            var args = [];
            for (var _i = 1; _i < arguments.length; _i++) {
                args[_i - 1] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = (0, tslib_1.__makeTemplateObject)(["\n    @media (", ") {\n      ", "\n    }\n  "], ["\n    @media (", ") {\n      ", "\n    }\n  "])), style.MEDIA.desktopXL, styled_components_1.css.apply(void 0, (0, tslib_1.__spreadArray)([p], (0, tslib_1.__read)(args), false)));
        }
    };
    exports.BorderRadius = {
        roundBorder: function () {
            var borderRadius = [];
            for (var _i = 0; _i < arguments.length; _i++) {
                borderRadius[_i] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = (0, tslib_1.__makeTemplateObject)(["\n    border-radius: ", ";\n  "], ["\n    border-radius: ", ";\n  "])), borderRadius.join(" "));
        },
        roundBorderTop: function (borderRadius) { return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = (0, tslib_1.__makeTemplateObject)(["\n    border-radius: ", " ", " 0 0;\n  "], ["\n    border-radius: ", " ", " 0 0;\n  "])), borderRadius, borderRadius); },
        roundBorderBottom: function (borderRadius) { return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = (0, tslib_1.__makeTemplateObject)(["\n    border-radius: 0 0 ", " ", ";\n  "], ["\n    border-radius: 0 0 ", " ", ";\n  "])), borderRadius, borderRadius); }
    };
    exports.Padding = {
        allSide: function () {
            var steps = [];
            for (var _i = 0; _i < arguments.length; _i++) {
                steps[_i] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = (0, tslib_1.__makeTemplateObject)(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), steps.map(function (step) { return step * style.SUPER_PIXEL + "px"; }).join(" "));
        },
        top: function (step) { return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = (0, tslib_1.__makeTemplateObject)(["\n    padding-top: ", "px;\n  "], ["\n    padding-top: ", "px;\n  "])), step * style.SUPER_PIXEL); },
        bottom: function (step) { return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = (0, tslib_1.__makeTemplateObject)(["\n    padding-bottom: ", "px;\n  "], ["\n    padding-bottom: ", "px;\n  "])), step * style.SUPER_PIXEL); },
        right: function (step) { return (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = (0, tslib_1.__makeTemplateObject)(["\n    padding-right: ", "px;\n  "], ["\n    padding-right: ", "px;\n  "])), step * style.SUPER_PIXEL); },
        left: function (step) { return (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = (0, tslib_1.__makeTemplateObject)(["\n    padding-left: ", "px;\n  "], ["\n    padding-left: ", "px;\n  "])), step * style.SUPER_PIXEL); }
    };
    exports.Margin = {
        allSide: function () {
            var steps = [];
            for (var _i = 0; _i < arguments.length; _i++) {
                steps[_i] = arguments[_i];
            }
            return (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = (0, tslib_1.__makeTemplateObject)(["\n    margin: ", ";\n  "], ["\n    margin: ", ";\n  "])), steps.map(function (step) { return step * style.SUPER_PIXEL + "px"; }).join(" "));
        },
        top: function (step) { return (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = (0, tslib_1.__makeTemplateObject)(["\n    margin-top: ", "px;\n  "], ["\n    margin-top: ", "px;\n  "])), step * style.SUPER_PIXEL); },
        bottom: function (step) { return (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = (0, tslib_1.__makeTemplateObject)(["\n    margin-bottom: ", "px;\n  "], ["\n    margin-bottom: ", "px;\n  "])), step * style.SUPER_PIXEL); },
        right: function (step) { return (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = (0, tslib_1.__makeTemplateObject)(["\n    margin-right: ", "px;\n  "], ["\n    margin-right: ", "px;\n  "])), step * style.SUPER_PIXEL); },
        left: function (step) { return (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = (0, tslib_1.__makeTemplateObject)(["\n    margin-left: ", "px;\n  "], ["\n    margin-left: ", "px;\n  "])), step * style.SUPER_PIXEL); }
    };
    var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
});
