import gaps from "../styles/system/gaps";
import styled from "styled-components";
import { compose, flexbox, space, position, color, layout, overflow, border, } from "styled-system";
export const baseStyles = compose(flexbox, space, position, color, layout, overflow, gaps, border);
const proxyStyled = new Proxy(styled, {
    apply(target, thisArg, argumentsList) {
        return styled(target.apply(thisArg, argumentsList)(baseStyles));
    },
    get(target, property) {
        if (typeof target[property] === "function") {
            return styled(target[property].apply(styled, [baseStyles]));
        }
        return target[property];
    },
});
export default proxyStyled;
//# sourceMappingURL=styled.js.map