@spothero/ui 17.1.0-beta.5 → 17.1.1

package/dist/components/Button/Button.styles.js

@@ -1,33 +1,13 @@
 "use strict";
 
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.variants = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var baseStyle = {
+const baseStyle = {
   px: 8,
   py: 3,
   fontSize: 'base',
@@ -49,44 +29,47 @@ var baseStyle = {
   '& svg': {
     display: 'block'
   }
-}; // TODO: We need an active styling
-
-var disabledButtonHoverStyle = {
+};
+// TODO: We need an active styling
+const disabledButtonHoverStyle = {
   _disabled: {
     bg: 'gray.medium',
     borderColor: 'gray.medium',
     color: 'gray.dark'
   }
 };
-var destructiveButtonStyles = {
+const destructiveButtonStyles = {
   bg: 'white',
   borderColor: 'red.default',
   color: 'red.default',
-  _hover: _objectSpread({
+  _hover: {
     borderColor: 'red.800',
-    color: 'red.800'
-  }, disabledButtonHoverStyle)
+    color: 'red.800',
+    ...disabledButtonHoverStyle
+  }
 };
-var variants = {
+const variants = {
   primary: {
     bg: 'primary.default',
     borderColor: 'primary.default',
     color: 'white',
-    _hover: _objectSpread({
+    _hover: {
       bg: 'primary.600',
       borderColor: 'primary.600',
-      color: 'white'
-    }, disabledButtonHoverStyle)
+      color: 'white',
+      ...disabledButtonHoverStyle
+    }
   },
   primaryOnDark: {
     bg: 'yellow.default',
     borderColor: 'yellow.default',
     color: 'black',
-    _hover: _objectSpread({
+    _hover: {
       bg: 'yellow.500',
       borderColor: 'yellow.500',
-      color: 'black'
-    }, disabledButtonHoverStyle),
+      color: 'black',
+      ...disabledButtonHoverStyle
+    },
     _focus: {
       boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.7)'
     }
@@ -95,20 +78,22 @@ var variants = {
     bg: 'white',
     borderColor: 'gray.medium',
     color: 'primary.default',
-    _hover: _objectSpread({
+    _hover: {
       borderColor: 'primary.600',
-      color: 'primary.600'
-    }, disabledButtonHoverStyle)
+      color: 'primary.600',
+      ...disabledButtonHoverStyle
+    }
   },
   secondaryOnDark: {
     bg: 'none',
     borderColor: 'white',
     color: 'white',
-    _hover: _objectSpread({
+    _hover: {
       bg: 'white',
       borderColor: 'white',
-      color: 'black'
-    }, disabledButtonHoverStyle),
+      color: 'black',
+      ...disabledButtonHoverStyle
+    },
     _focus: {
       boxShadow: '0 0 0 3px rgba(255, 255, 255, 0.7)'
     }
@@ -156,18 +141,20 @@ var variants = {
       }
     }
   },
-  destructive: _objectSpread({}, destructiveButtonStyles),
-  destructiveOnDark: _objectSpread({}, destructiveButtonStyles)
+  destructive: {
+    ...destructiveButtonStyles
+  },
+  destructiveOnDark: {
+    ...destructiveButtonStyles
+  }
 };
 exports.variants = variants;
-var defaultProps = {
+const defaultProps = {
   size: null
 };
-
 var _default = (0, _merge.default)(_theme.default.components.Button, {
-  variants: variants,
-  baseStyle: baseStyle,
-  defaultProps: defaultProps
+  variants,
+  baseStyle,
+  defaultProps
 });
-
 exports.default = _default;

package/dist/components/Button/button-props.js

@@ -1,90 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Button = require("./Button.styles");
-
-var props = {
+const props = {
   /**
    * Alters the underlying html tag
    */
   as: _propTypes.default.string,
-
   /**
    * If `true`, the button will render as an anchor.
    */
   asAnchor: _propTypes.default.bool,
-
   /**
    * If `true`, and an anchor button, target="_blank" and rel="noopener noreferrer" will be set on the anchor
    * "isExternal" is used to maintain parity with the Link component.
    */
   isExternal: _propTypes.default.bool,
-
   /**
    * If `true`, the button will show a spinner.
    */
   isLoading: _propTypes.default.bool,
-
   /**
    * If `true`, the button will be styled in its active state.
    */
   isActive: _propTypes.default.bool,
-
   /**
    * If `true`, the button will be disabled.
    */
   isDisabled: _propTypes.default.bool,
-
   /**
    * The label to show in the button when `isLoading` is true
    * If no text is passed, it only shows the spinner
    */
   loadingText: _propTypes.default.string,
-
   /**
    * If `true`, the button will take up the full width of its container.
    */
   isFullWidth: _propTypes.default.bool,
-
   /**
    * The html button type to use.
    */
   type: _propTypes.default.oneOf(['button', 'reset', 'submit']),
-
   /**
    * If added, the button will show an icon before the button's label.
    * @type PropTypes.node
    */
   leftIcon: _propTypes.default.node,
-
   /**
    * If added, the button will show an icon after the button's label.
    * @type PropTypes.node
    */
   rightIcon: _propTypes.default.node,
-
   /**
    * The space between the button icon and label.
    * @type SystemProps["marginRight"]
    */
   iconSpacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * Replace the spinner component when `isLoading` is set to `true`
    * @type PropTypes.node
    */
   spinner: _propTypes.default.node,
-  variant: _propTypes.default.oneOf((0, _keys.default)(_Button.variants))
+  variant: _propTypes.default.oneOf(Object.keys(_Button.variants))
 };
 var _default = props;
 exports.default = _default;

package/dist/components/Button/index.js

@@ -1,23 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.default;
   }
 });
 Object.defineProperty(exports, "ButtonGroup", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _react.ButtonGroup;
   }
 });
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 var _react = require("@chakra-ui/react");

package/dist/components/Button/stories/button.js

@@ -1,33 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
-
 var _react2 = require("@chakra-ui/react");
-
 var _check = _interopRequireDefault(require("@spothero/icons/check"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _buttonProps = _interopRequireDefault(require("../button-props"));
-
-var ButtonTemplate = function ButtonTemplate(props, _ref) {
-  var _context;
-
-  var hasDarkBackground = _ref.hasDarkBackground;
-  var variant = (0, _concat.default)(_context = "".concat(props.variant)).call(_context, hasDarkBackground ? 'OnDark' : '');
+const ButtonTemplate = (props, _ref) => {
+  let {
+    hasDarkBackground
+  } = _ref;
+  const variant = `${props.variant}${hasDarkBackground ? 'OnDark' : ''}`;
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_react2.Box, {
     mb: 4
   }, /*#__PURE__*/_react.default.createElement(_react2.Text, {
@@ -54,6 +43,5 @@ var ButtonTemplate = function ButtonTemplate(props, _ref) {
     mb: 4
   }), "As Anchor"))));
 };
-
 var _default = ButtonTemplate;
 exports.default = _default;

package/dist/components/Button/stories/index.stories.js

@@ -1,38 +1,15 @@
 "use strict";
 
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Tertiary = exports.Secondary = exports.Primary = exports.Overview = exports.Destructive = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _overview = _interopRequireDefault(require("./overview"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-
 var _createControl = require("storybook/utils/create-control");
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = {
   title: 'v2/Button',
   component: {
@@ -43,26 +20,25 @@ var _default = {
     removeBaseHtmlClass: true,
     chakraLink: 'https://chakra-ui.com/docs/form/button'
   },
-  argTypes: _objectSpread(_objectSpread({}, (0, _disableArgs.default)('children')), {}, {
+  argTypes: {
+    ...(0, _disableArgs.default)('children'),
     onClick: {
       action: 'clicked'
     }
-  })
+  }
 };
 exports.default = _default;
-
-var Overview = _overview.default.bind({});
-
+const Overview = _overview.default.bind({});
 exports.Overview = Overview;
-
-var Primary = _button.default.bind({});
-
+const Primary = _button.default.bind({});
 exports.Primary = Primary;
-Primary.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs.default)('variant')), {}, {
+Primary.argTypes = {
+  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
+  ...(0, _disableArgs.default)('variant'),
   onClick: {
     action: 'clicked'
   }
-});
+};
 Primary.args = {
   children: 'Primary',
   variant: 'primary',
@@ -71,15 +47,15 @@ Primary.args = {
   loadingText: 'Loading',
   isFullWidth: false
 };
-
-var Secondary = _button.default.bind({});
-
+const Secondary = _button.default.bind({});
 exports.Secondary = Secondary;
-Secondary.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs.default)('variant')), {}, {
+Secondary.argTypes = {
+  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
+  ...(0, _disableArgs.default)('variant'),
   onClick: {
     action: 'clicked'
   }
-});
+};
 Secondary.args = {
   children: 'Secondary',
   variant: 'secondary',
@@ -88,15 +64,15 @@ Secondary.args = {
   loadingText: 'Loading',
   isFullWidth: false
 };
-
-var Tertiary = _button.default.bind({});
-
+const Tertiary = _button.default.bind({});
 exports.Tertiary = Tertiary;
-Tertiary.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs.default)('variant')), {}, {
+Tertiary.argTypes = {
+  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
+  ...(0, _disableArgs.default)('variant'),
   onClick: {
     action: 'clicked'
   }
-});
+};
 Tertiary.args = {
   children: 'tertiary',
   variant: 'tertiary',
@@ -105,15 +81,15 @@ Tertiary.args = {
   loadingText: 'Loading',
   isFullWidth: false
 };
-
-var Destructive = _button.default.bind({});
-
+const Destructive = _button.default.bind({});
 exports.Destructive = Destructive;
-Destructive.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs.default)('variant')), {}, {
+Destructive.argTypes = {
+  ...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
+  ...(0, _disableArgs.default)('variant'),
   onClick: {
     action: 'clicked'
   }
-});
+};
 Destructive.args = {
   children: 'destructive',
   variant: 'destructive',

package/dist/components/Button/stories/overview.js

@@ -1,96 +1,68 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
-
 var _react2 = require("@chakra-ui/react");
-
 var _check = _interopRequireDefault(require("@spothero/icons/check"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Button2 = require("../Button.styles");
-
 var _Text = _interopRequireDefault(require("../../Text/Text"));
-
-var variationsArray = function variationsArray(_ref) {
-  var _context;
-
-  var baseVariantName = _ref.baseVariantName,
-      hasDarkBackground = _ref.hasDarkBackground;
-  var variant = (0, _concat.default)(_context = "".concat(baseVariantName)).call(_context, hasDarkBackground ? 'OnDark' : '');
+const variationsArray = _ref => {
+  let {
+    baseVariantName,
+    hasDarkBackground
+  } = _ref;
+  const variant = `${baseVariantName}${hasDarkBackground ? 'OnDark' : ''}`;
   return [{
-    variant: variant,
+    variant,
     children: variant
   }, {
-    variant: variant,
-    children: "".concat(variant, " isDisabled"),
+    variant,
+    children: `${variant} isDisabled`,
     isDisabled: true
   }, {
-    variant: variant,
-    children: "".concat(variant, " isLoading"),
+    variant,
+    children: `${variant} isLoading`,
     isLoading: true,
     loadingText: 'loading (optional)'
   }, {
-    variant: variant,
-    children: "leftIcon",
+    variant,
+    children: `leftIcon`,
     leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
       width: "1rem"
     })
   }, {
-    variant: variant,
-    children: "".concat(variant, " asAnchor"),
+    variant,
+    children: `${variant} asAnchor`,
     asAnchor: true,
     href: '#'
   }];
 };
-
-var OverviewTemplate = function OverviewTemplate(args, _ref2) {
-  var _context2, _context3;
-
-  var hasDarkBackground = _ref2.hasDarkBackground;
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, null, (0, _map.default)(_context2 = (0, _filter.default)(_context3 = (0, _keys.default)(_Button2.variants)).call(_context3, function (name) {
-    return !/ondark/i.test(name);
-  })).call(_context2, function (baseVariantName, index) {
-    var _context4;
-
-    return /*#__PURE__*/_react.default.createElement(_react2.Box, {
-      key: index,
-      mb: 4
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-      mb: "2",
-      color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-    }, (0, _capitalize.default)(baseVariantName), ":"), /*#__PURE__*/_react.default.createElement(_react2.Box, null, (0, _map.default)(_context4 = variationsArray({
-      baseVariantName: baseVariantName,
-      hasDarkBackground: hasDarkBackground
-    })).call(_context4, function (props, key) {
-      return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-        key: key
-      }, props, {
-        mr: 4,
-        mb: 4
-      }));
-    })));
-  }));
+const OverviewTemplate = (args, _ref2) => {
+  let {
+    hasDarkBackground
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_react2.Box, null, Object.keys(_Button2.variants).filter(name => !/ondark/i.test(name)).map((baseVariantName, index) => /*#__PURE__*/_react.default.createElement(_react2.Box, {
+    key: index,
+    mb: 4
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    mb: "2",
+    color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
+  }, (0, _capitalize.default)(baseVariantName), ":"), /*#__PURE__*/_react.default.createElement(_react2.Box, null, variationsArray({
+    baseVariantName,
+    hasDarkBackground
+  }).map((props, key) => /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+    key: key
+  }, props, {
+    mr: 4,
+    mb: 4
+  })))))));
 };
-
 var _default = OverviewTemplate;
 exports.default = _default;

package/dist/components/Card/Card.js

@@ -1,38 +1,23 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@chakra-ui/react");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Card = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _extends2.default)({
-    position: "relative",
-    padding: 4,
-    bgColor: "background.white",
-    borderRadius: "lg",
-    boxShadow: "md"
-  }, props, {
-    ref: ref
-  }));
-});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Card = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _extends2.default)({
+  position: "relative",
+  padding: 4,
+  bgColor: "background.white",
+  borderRadius: "lg",
+  boxShadow: "md"
+}, props, {
+  ref: ref
+})));
 var _default = Card;
 exports.default = _default;