curls/dist/cjs/Box/Box.js

💪 Responsive, expressive UI primitives for React written with Style Hooks and Emotion

'use strict'

exports.__esModule = true
exports.Box = exports.BasicBox = exports.useBox = exports.useBasicBox = void 0

var _core = require('@style-hooks/core')

var _createComponent = _interopRequireDefault(require('../createComponent'))

var flexStyles = _interopRequireWildcard(require('../Flex/styles'))

var styles = _interopRequireWildcard(require('./styles'))

function _interopRequireWildcard(obj) {
  if (obj && obj.__esModule) {
    return obj
  } else {
    var newObj = {}
    if (obj != null) {
      for (var key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
          var desc =
            Object.defineProperty && Object.getOwnPropertyDescriptor
              ? Object.getOwnPropertyDescriptor(obj, key)
              : {}
          if (desc.get || desc.set) {
            Object.defineProperty(newObj, key, desc)
          } else {
            newObj[key] = obj[key]
          }
        }
      }
    }
    newObj.default = obj
    return newObj
  }
}

function _interopRequireDefault(obj) {
  return obj && obj.__esModule ? obj : {default: obj}
}

function _extends() {
  _extends =
    Object.assign ||
    function(target) {
      for (var i = 1; i < arguments.length; i++) {
        var source = arguments[i]
        for (var key in source) {
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key]
          }
        }
      }
      return target
    }
  return _extends.apply(this, arguments)
}

const useBasicBox = (0, _core.createStyleHook)('box', styles),
  useBox = (0, _core.createStyleHook)('box', _extends({}, flexStyles, styles))
exports.useBox = useBox
exports.useBasicBox = useBasicBox
const BasicBox = (0, _createComponent.default)('div', useBasicBox),
  Box = (0, _createComponent.default)('div', useBox)
exports.Box = Box
exports.BasicBox = BasicBox

if (process.env.NODE_ENV !== 'production') {
  const propTypes = require('./propTypes').default,
    flexPropTypes = require('../Flex/propTypes').default

  BasicBox.displayName = 'BasicBox'
  BasicBox.propTypes = _extends({}, propTypes)
  Box.displayName = 'Box'
  Box.propTypes = _extends({}, flexPropTypes, propTypes)
}