text: function _defineProperty(obj, key, value) {
    if (key in obj) {
      Object.defineProperty(obj, key, {
        value: value,
        enumerable: true,
        configurable: true,
        writable: true
      });
    } else {
      obj[key] = value;
    }
  
    return obj;
  }
  
  function ownKeys(object, enumerableOnly) {
    var keys = Object.keys(object);
  
    if (Object.getOwnPropertySymbols) {
      var symbols = Object.getOwnPropertySymbols(object);
      if (enumerableOnly) symbols = symbols.filter(function (sym) {
        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
      });
      keys.push.apply(keys, symbols);
    }
  
    return keys;
  }
  
  function _objectSpread2(target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i] != null ? arguments[i] : {};
  
      if (i % 2) {
        ownKeys(Object(source), true).forEach(function (key) {
          _defineProperty(target, key, source[key]);
        });
      } else if (Object.getOwnPropertyDescriptors) {
        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
      } else {
        ownKeys(Object(source)).forEach(function (key) {
          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
        });
      }
    }
  
    return target;
  }
  
  // Based on https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
  // and https://tailwindcss.com/components
  var borderWidths = {
    px: '1px',
    '0': '0',
    '2': '2px',
    '4': '4px',
    '8': '8px'
  };
  var breakpoints = ['640px', '768px', '1024px', '1280px'];
  var baseColors = {
    transparent: 'transparent',
    black: '#000',
    white: '#fff',
    gray: [null, '#f7fafc', '#edf2f7', '#e2e8f0', '#cbd5e0', '#a0aec0', '#718096', '#4a5568', '#2d3748', '#1a202c'],
    red: [null, '#fff5f5', '#fed7d7', '#feb2b2', '#fc8181', '#f56565', '#e53e3e', '#c53030', '#9b2c2c', '#742a2a'],
    orange: [null, '#fffaf0', '#feebc8', '#fbd38d', '#f6ad55', '#ed8936', '#dd6b20', '#c05621', '#9c4221', '#7b341e'],
    yellow: [null, '#fffff0', '#fefcbf', '#faf089', '#f6e05e', '#ecc94b', '#d69e2e', '#b7791f', '#975a16', '#744210'],
    green: [null, '#f0fff4', '#c6f6d5', '#9ae6b4', '#68d391', '#48bb78', '#38a169', '#2f855a', '#276749', '#22543d'],
    teal: [null, '#e6fffa', '#b2f5ea', '#81e6d9', '#4fd1c5', '#38b2ac', '#319795', '#2c7a7b', '#285e61', '#234e52'],
    blue: [null, '#ebf8ff', '#bee3f8', '#90cdf4', '#63b3ed', '#4299e1', '#3182ce', '#2b6cb0', '#2c5282', '#2a4365'],
    indigo: [null, '#ebf4ff', '#c3dafe', '#a3bffa', '#7f9cf5', '#667eea', '#5a67d8', '#4c51bf', '#434190', '#3c366b'],
    purple: [null, '#faf5ff', '#e9d8fd', '#d6bcfa', '#b794f4', '#9f7aea', '#805ad5', '#6b46c1', '#553c9a', '#44337a'],
    pink: [null, '#fff5f7', '#fed7e2', '#fbb6ce', '#f687b3', '#ed64a6', '#d53f8c', '#b83280', '#97266d', '#702459']
  };
  var commonButtonStyles = {
    py: 2,
    px: 3,
    cursor: "pointer",
    fontSize: "100%",
    lineHeight: "inherit"
  };
  var buttons = {
    simple: _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "primary",
      border: "none",
      color: "white",
      fontWeight: "bold",
      borderRadius: "default",
      '&:hover': {
        backgroundColor: "primaryHover"
      }
    }),
    pill: _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "primary",
      border: "none",
      color: "white",
      fontWeight: "bold",
      borderRadius: "full",
      '&:hover': {
        backgroundColor: "primaryHover"
      }
    }),
    outline: _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "transparent",
      borderWidth: "1px",
      borderStyle: "solid",
      borderColor: "primary",
      color: "primary",
      fontWeight: "semibold",
      borderRadius: "default",
      '&:hover': {
        backgroundColor: "primary",
        color: "white",
        borderColor: "transparent"
      }
    }),
    bordered: _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "primary",
      borderWidth: "1px",
      borderStyle: "solid",
      borderColor: "primaryHover",
      color: "white",
      fontWeight: "bold",
      borderRadius: "default",
      '&:hover': {
        backgroundColor: "primaryHover"
      }
    }),
    disabled: _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "primary",
      border: "none",
      opacity: 0.5,
      cursor: "not-allowed",
      color: "white",
      fontWeight: "bold",
      borderRadius: "default"
    }),
    '3D': _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "primary",
      border: "none",
      borderBottomWidth: "4px",
      borderBottomStyle: "solid",
      borderBottomColor: "primaryHover",
      color: "white",
      fontWeight: "bold",
      borderRadius: "default",
      transition: "transform 0.3s ease-in-out",
      '&:hover': {
        transform: "translateY(-1px)"
      }
    }),
    elevated: _objectSpread2({}, commonButtonStyles, {
      backgroundColor: "white",
      borderWidth: "1px",
      borderStyle: "solid",
      borderColor: "gray.4",
      color: "text",
      fontWeight: "bold",
      borderRadius: "default",
      boxShadow: "default",
      '&:hover': {
        backgroundColor: "gray.1"
      }
    })
  };
  var colors = _objectSpread2({}, baseColors, {
    grayDark: baseColors.gray[8],
    text: baseColors.gray[8],
    background: baseColors.white,
    primary: baseColors.blue[7],
    primaryHover: baseColors.blue[8],
    secondary: baseColors.gray[6],
    muted: baseColors.gray[3],
    success: baseColors.green[3],
    info: baseColors.blue[4],
    warning: baseColors.yellow[3],
    danger: baseColors.red[3],
    light: baseColors.gray[1],
    dark: baseColors.gray[8],
    textMuted: baseColors.gray[6]
  });
  var baseFonts = {
    sans: '-apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
    serif: 'Georgia, Cambria, "Times New Roman", Times, serif',
    mono: 'Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'
  };
  var fonts = _objectSpread2({}, baseFonts, {
    body: baseFonts.sans,
    heading: 'inherit',
    monospace: baseFonts.mono
  });
  var fontSizes = ['0.875rem', '1rem', '1.25rem', '1.5rem', '1.875rem', '2.25rem', '3rem', '4rem', '4.5rem'];
  var baseFontWeights = {
    hairline: '100',
    thin: '200',
    light: '300',
    normal: '400',
    medium: '500',
    semibold: '600',
    bold: '700',
    extrabold: '800',
    black: '900'
  };
  var fontWeights = _objectSpread2({}, baseFontWeights, {
    body: baseFontWeights.normal,
    heading: baseFontWeights.bold
  });
  var commonInputStyles = {
    py: 2,
    px: 3,
    fontSize: "100%",
    borderRadius: "default",
    appearance: "none",
    lineHeight: "tight"
  };
  var inputs = {
    shadow: _objectSpread2({}, commonInputStyles, {
      border: "none",
      color: "gray.7",
      boxShadow: "default",
      '&:focus': {
        outline: "none",
        boxShadow: "outline"
      }
    }),
    inline: _objectSpread2({}, commonInputStyles, {
      backgroundColor: "gray.2",
      borderWidth: "2px",
      borderStyle: "solid",
      borderColor: "gray.2",
      color: "gray.7",
      '&:focus': {
        outline: "none",
        borderColor: "primary",
        backgroundColor: "white"
      }
    }),
    underline: _objectSpread2({}, commonInputStyles, {
      backgroundColor: "transparent",
      border: "none",
      borderBottomWidth: "2px",
      borderBottomStyle: "solid",
      borderBottomColor: "primary",
      borderRadius: "0px",
      color: "gray.7",
      '&:focus': {
        outline: "none",
        borderColor: "primary",
        backgroundColor: "white"
      }
    })
  };
  var letterSpacings = {
    tighter: '-0.05em',
    tight: '-0.025em',
    normal: '0',
    wide: '0.025em',
    wider: '0.05em',
    widest: '0.1em'
  };
  var baseLineHeights = {
    none: '1',
    tight: '1.25',
    snug: '1.375',
    normal: '1.5',
    relaxed: '1.625',
    loose: '2'
  };
  var lineHeights = _objectSpread2({}, baseLineHeights, {
    body: baseLineHeights.relaxed,
    heading: baseLineHeights.tight
  });
  var radii = {
    none: '0',
    sm: '0.125rem',
    "default": '0.25rem',
    lg: '0.5rem',
    full: '9999px'
  };
  var sizes = {
    px: '1px',
    '0': '0',
    '1': '0.25rem',
    '2': '0.5rem',
    '3': '0.75rem',
    '4': '1rem',
    '5': '1.25rem',
    '6': '1.5rem',
    '8': '2rem',
    '10': '2.5rem',
    '12': '3rem',
    '16': '4rem',
    '20': '5rem',
    '24': '6rem',
    '32': '8rem',
    '40': '10rem',
    '48': '12rem',
    '56': '14rem',
    '64': '16rem',
    xs: '20rem',
    sm: '24rem',
    md: '28rem',
    lg: '32rem',
    xl: '36rem',
    '2xl': '42rem',
    '3xl': '48rem',
    '4xl': '56rem',
    '5xl': '64rem',
    '6xl': '72rem',
    '1/2': '50%',
    '1/3': '33.333333%',
    '2/3': '66.666667%',
    '1/4': '25%',
    '2/4': '50%',
    '3/4': '75%',
    '1/5': '20%',
    '2/5': '40%',
    '3/5': '60%',
    '4/5': '80%',
    '1/6': '16.666667%',
    '2/6': '33.333333%',
    '3/6': '50%',
    '4/6': '66.666667%',
    '5/6': '83.333333%',
    '1/12': '8.333333%',
    '2/12': '16.666667%',
    '3/12': '25%',
    '4/12': '33.333333%',
    '5/12': '41.666667%',
    '6/12': '50%',
    '7/12': '58.333333%',
    '8/12': '66.666667%',
    '9/12': '75%',
    '10/12': '83.333333%',
    '11/12': '91.666667%',
    full: '100%',
    screenHeight: '100vh',
    screenWidth: '100vw'
  };
  var shadows = {
    "default": '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
    '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
    inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
    outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
    none: 'none'
  };
  var space = [0, '0.25rem', '0.5rem', '1rem', '2rem', '4rem', '8rem', '16rem', '32rem'];
  var zIndices = {
    auto: 'auto',
    '0': '0',
    '10': '10',
    '20': '20',
    '30': '30',
    '40': '40',
    '50': '50'
  };
  var heading = {
    fontFamily: 'heading',
    fontWeight: 'heading',
    lineHeight: 'heading',
    m: 0,
    mb: 1
  };
  var styles = {
    root: {
      fontFamily: 'body',
      lineHeight: 'body',
      fontWeight: 'body'
    },
    a: {
      color: 'primary',
      textDecoration: 'none',
      ':hover': {
        textDecoration: 'underline'
      }
    },
    h1: _objectSpread2({}, heading, {
      fontSize: 6,
      mt: 2
    }),
    h2: _objectSpread2({}, heading, {
      fontSize: 5,
      mt: 2
    }),
    h3: _objectSpread2({}, heading, {
      fontSize: 4,
      mt: 3
    }),
    h4: _objectSpread2({}, heading, {
      fontSize: 3
    }),
    h5: _objectSpread2({}, heading, {
      fontSize: 2
    }),
    h6: _objectSpread2({}, heading, {
      fontSize: 1,
      mb: 2
    }),
    code: {},
    pre: {},
    hr: {
      bg: 'muted',
      border: 0,
      height: '1px',
      m: 3
    }
  };
  var tailwind = {
    borderWidths: borderWidths,
    breakpoints: breakpoints,
    colors: colors,
    fonts: fonts,
    fontSizes: fontSizes,
    fontWeights: fontWeights,
    letterSpacings: letterSpacings,
    lineHeights: lineHeights,
    sizes: sizes,
    shadows: shadows,
    space: space,
    radii: radii,
    zIndices: zIndices,
    styles: styles,
    buttons: buttons,
    inputs: inputs
  };
  
  export default tailwind;
  export { borderWidths, breakpoints, baseColors, buttons, colors, baseFonts, fonts, fontSizes, baseFontWeights, fontWeights, inputs, letterSpacings, baseLineHeights, lineHeights, radii, sizes, shadows, space, zIndices, styles, tailwind };
  //# sourceMappingURL=index.esm.js.map
  