@draftbit/core 47.0.1-17098e.2 → 47.0.1-2aab54.2

package/lib/commonjs/components/Button.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonSolid = exports.ButtonOutline = exports.Button = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _theming = require("../theming");
 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); }
@@ -22,9 +22,6 @@ function Base(_ref) {
     icon,
     title,
     onPress,
-    onLongPress,
-    activeOpacity,
-    disabledOpacity,
     loading,
     disabled,
     style,
@@ -63,36 +60,27 @@ function Base(_ref) {
   if (textAlign === "right") {
     buttonStyles.justifyContent = "flex-end";
   }
-  const getOpacity = (0, _react.useCallback)(pressed => {
-    if (disabled) {
-      return disabledOpacity;
-    } else {
-      if (pressed) return activeOpacity;else return 1;
-    }
-  }, [activeOpacity, disabled, disabledOpacity]);
-  const _style = (0, _react.useCallback)(_ref2 => {
-    let {
-      pressed
-    } = _ref2;
-    return [buttonStyles, {
-      opacity: getOpacity(pressed)
-    }];
-  }, [getOpacity, buttonStyles]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
-    onLongPress: onLongPress,
     disabled: disabled || loading,
-    style: (styles.base, _style)
-  }, props), loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [styles.base, {
+        opacity: pressed || disabled ? 0.75 : 1
+      }, buttonStyles];
+    }
+  }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     size: "small",
     color: color,
     style: styles.loading
-  }) : null, icon && !loading ? /*#__PURE__*/_react.default.createElement(Icon, {
+  }) : null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     color: color,
     style: styles.icon,
     size: CONSTANTS.icon
-  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: titleStyles
   }, title));
 }
@@ -102,7 +90,7 @@ const Solid = _ref3 => {
     theme,
     ...props
   } = _ref3;
-  return /*#__PURE__*/_react.default.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
     style: [{
       color: "#FFF",
       borderRadius: theme.roundness,
@@ -120,7 +108,7 @@ const Outline = _ref4 => {
     theme,
     ...props
   } = _ref4;
-  return /*#__PURE__*/_react.default.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
     style: [styles.outline, {
       borderRadius: theme.roundness,
       borderColor: theme.colors.primary,

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _theming = require("../../theming");
+var _Touchable = _interopRequireDefault(require("../Touchable"));
 var _hooks = require("../../hooks");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
@@ -58,7 +60,7 @@ const Checkbox = _ref => {
       onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
     }
   };
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {

package/lib/commonjs/components/Checkbox/CheckboxGroup.js

@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
 var _context = require("./context");
 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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 {
   Provider
 } = _context.checkboxGroupContext;
@@ -31,7 +30,23 @@ const CheckboxGroup = _ref => {
       alignItems: "center"
     });
   }
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [{
+      minHeight: 40
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      values,
+      onValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _containerStyle
+  }, children)));
+};
+var _default = CheckboxGroup;
+exports.default = _default;s({
     style: [{
       minHeight: 40
     }, style]

package/lib/commonjs/components/DeprecatedButton.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _color = _interopRequireDefault(require("color"));
+var _Config = _interopRequireDefault(require("./Config"));
+var _Touchable = _interopRequireDefault(require("./Touchable"));
+var _Elevation = _interopRequireDefault(require("./Elevation"));
+var _theming = require("../theming");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Button = _ref => {
+  let {
+    Icon,
+    icon,
+    disabled = false,
+    type = "solid",
+    loading = false,
+    labelColor,
+    color: colorOverride,
+    children,
+    onPress,
+    elevation = 0,
+    style,
+    theme: {
+      colors,
+      disabledOpacity,
+      roundness,
+      typography
+    },
+    ...rest
+  } = _ref;
+  let backgroundColor, borderColor, textColor, borderWidth;
+  const buttonColor = colorOverride || colors.primary;
+  if (type === "solid") {
+    backgroundColor = buttonColor;
+    if (disabled) {
+      textColor = (0, _color.default)(colors.surface).alpha(disabledOpacity).rgb().string();
+    } else {
+      textColor = labelColor || colors.surface;
+    }
+  } else {
+    backgroundColor = "transparent";
+    if (disabled) {
+      textColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
+    } else {
+      textColor = labelColor || buttonColor;
+    }
+  }
+  if (type === "outline") {
+    if (disabled) {
+      borderColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
+    } else {
+      borderColor = buttonColor;
+    }
+    borderWidth = _reactNative.StyleSheet.hairlineWidth;
+  } else {
+    borderColor = "transparent";
+    borderWidth = 0;
+  }
+  const buttonStyle = {
+    backgroundColor,
+    borderColor,
+    borderWidth,
+    borderRadius: roundness
+  };
+  const textStyle = {
+    textAlign: "center",
+    color: textColor,
+    marginVertical: 16,
+    marginHorizontal: 16
+  };
+  const iconStyle = [styles.icon, {
+    marginLeft: 16,
+    marginRight: -8,
+    width: _Config.default.buttonIconSize
+  }];
+  const {
+    margin,
+    marginEnd,
+    marginTop,
+    marginLeft,
+    marginRight,
+    marginBottom,
+    marginHorizontal,
+    marginVertical,
+    ...innerStyles
+  } = _reactNative.StyleSheet.flatten(style || {});
+  const margins = {
+    margin,
+    marginEnd,
+    marginTop,
+    marginLeft,
+    marginRight,
+    marginBottom,
+    marginHorizontal,
+    marginVertical
+  };
+  return /*#__PURE__*/React.createElement(_Elevation.default, {
+    style: {
+      elevation,
+      alignSelf: "stretch",
+      ...margins
+    }
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+    onPress: onPress,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
+    disabled: disabled || loading,
+    style: [styles.button, buttonStyle, innerStyles]
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.content
+  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: iconStyle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: _Config.default.buttonIconSize,
+    color: textColor
+  })) : null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    size: "small",
+    color: textColor,
+    style: iconStyle
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    style: [textStyle, typography.button]
+  }, children))));
+};
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: _Config.default.buttonIconSize
+  }
+});
+var _default = (0, _theming.withTheme)(Button);
+exports.default = _default;

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _theming = require("../theming");
-var _reactNative = require("react-native");
+var _Touchable = _interopRequireDefault(require("./Touchable"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 getWidth = numColumns => {
@@ -28,7 +28,7 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,
     style: [style, {

package/lib/commonjs/components/DeprecatedFAB.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _color = _interopRequireDefault(require("color"));
 var _Config = _interopRequireDefault(require("./Config"));
 var _Text = _interopRequireDefault(require("./Text"));
+var _Touchable = _interopRequireDefault(require("./Touchable"));
 var _Elevation = _interopRequireDefault(require("./Elevation"));
 var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -106,7 +107,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled

package/lib/commonjs/components/Picker/Picker.js

@@ -11,7 +11,8 @@ var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _picker = require("@react-native-picker/picker");
 var _theming = require("../../theming");
 var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-var _Button = require("../Button");
+var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
+var _Touchable = _interopRequireDefault(require("../Touchable"));
 var _utilities = require("../../utilities");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -206,7 +207,7 @@ const Picker = _ref => {
     /* marginsContainer */
     React.createElement(_reactNative.View, {
       style: [styles.marginsContainer, marginStyles]
-    }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    }, /*#__PURE__*/React.createElement(_Touchable.default, {
       disabled: disabled,
       onPress: togglePickerVisible,
       style: styles.touchableContainer
@@ -225,7 +226,7 @@ const Picker = _ref => {
       }]
     }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
       style: styles.iosSafeArea
-    }, /*#__PURE__*/React.createElement(_Button.Button, {
+    }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
       Icon: Icon,
       type: "text",
       onPress: togglePickerVisible,

package/lib/commonjs/components/Picker/PickerComponent.ios.js

@@ -11,7 +11,7 @@ var _lodash = _interopRequireDefault(require("lodash.omit"));
 var _picker = require("@react-native-picker/picker");
 var _theming = require("../../theming");
 var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-var _Button = require("../Button");
+var _DeprecatedButton = _interopRequireDefault(require("../DeprecatedButton"));
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _Touchable = _interopRequireDefault(require("../Touchable"));
 var _utilities = require("../../utilities");
@@ -99,7 +99,7 @@ const Picker = _ref => {
     }]
   }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
     style: styles.pickerContainer
-  }, /*#__PURE__*/React.createElement(_Button.Button, {
+  }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
     Icon: Icon,
     type: "text",
     onPress: toggleVisibility,

package/lib/commonjs/components/Touchable.js

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Touchable;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 function Touchable(_ref) {
   let {
     children,
     disabled,
     onPress,
-    onLongPress,
-    hitSlop,
-    delayLongPress,
-    activeOpacity,
-    disabledOpacity,
     style,
     ...props
   } = _ref;
-  const getOpacity = (0, _react.useCallback)(pressed => {
-    if (disabled) {
-      return disabledOpacity;
-    } else {
-      if (pressed) return activeOpacity;else return 1;
-    }
-  }, [activeOpacity, disabled, disabledOpacity]);
-  const _style = (0, _react.useCallback)(_ref2 => {
-    let {
-      pressed
-    } = _ref2;
-    return [style, {
-      opacity: getOpacity(pressed)
-    }];
-  }, [getOpacity, style]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
-    onLongPress: onLongPress,
     disabled: disabled,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
-    style: _style
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    }
   }, props), children);
 }

package/lib/commonjs/components/Touchable.web.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = _reactNative.TouchableOpacity;
+exports.default = _default;

package/lib/commonjs/index.js

@@ -33,12 +33,6 @@ Object.defineProperty(exports, "ActionSheetItem", {
     return _ActionSheet.ActionSheetItem;
   }
 });
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () {
-    return _CircleImage.default;
-  }
-});
 Object.defineProperty(exports, "AvatarEdit", {
   enumerable: true,
   get: function () {
@@ -105,12 +99,6 @@ Object.defineProperty(exports, "Carousel", {
     return _Carousel.default;
   }
 });
-Object.defineProperty(exports, "Center", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Center;
-  }
-});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () {
@@ -129,24 +117,12 @@ Object.defineProperty(exports, "CheckboxRow", {
     return _Checkbox.CheckboxRow;
   }
 });
-Object.defineProperty(exports, "Circle", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Circle;
-  }
-});
 Object.defineProperty(exports, "CircleImage", {
   enumerable: true,
   get: function () {
     return _CircleImage.default;
   }
 });
-Object.defineProperty(exports, "Container", {
-  enumerable: true,
-  get: function () {
-    return _Container.default;
-  }
-});
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
@@ -165,12 +141,6 @@ Object.defineProperty(exports, "Divider", {
     return _Divider.default;
   }
 });
-Object.defineProperty(exports, "FAB", {
-  enumerable: true,
-  get: function () {
-    return _FAB.default;
-  }
-});
 Object.defineProperty(exports, "FieldSearchBarFull", {
   enumerable: true,
   get: function () {
@@ -267,12 +237,6 @@ Object.defineProperty(exports, "RadioButtonRow", {
     return _index.RadioButtonRow;
   }
 });
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Row;
-  }
-});
 Object.defineProperty(exports, "RowBodyIcon", {
   enumerable: true,
   get: function () {
@@ -309,24 +273,6 @@ Object.defineProperty(exports, "Slider", {
     return _Slider.default;
   }
 });
-Object.defineProperty(exports, "Spacer", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Spacer;
-  }
-});
-Object.defineProperty(exports, "Square", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Square;
-  }
-});
-Object.defineProperty(exports, "Stack", {
-  enumerable: true,
-  get: function () {
-    return _Layout.Stack;
-  }
-});
 Object.defineProperty(exports, "StarRating", {
   enumerable: true,
   get: function () {
@@ -415,50 +361,47 @@ var _Icon = require("./interfaces/Icon");
 var _theming = require("./theming");
 var _Provider = _interopRequireDefault(require("./Provider"));
 var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
-var _Text = require("./components/Text");
+var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
 var _Banner = _interopRequireDefault(require("./components/Banner"));
 var _Button = require("./components/Button");
-var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
-var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
-var _Card = _interopRequireDefault(require("./components/Card"));
-var _Carousel = _interopRequireDefault(require("./components/Carousel"));
-var _Checkbox = require("./components/Checkbox");
-var _Container = _interopRequireDefault(require("./components/Container"));
-var _Divider = _interopRequireDefault(require("./components/Divider"));
-var _FAB = _interopRequireDefault(require("./components/FAB"));
-var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
+var _Text = require("./components/Text");
 var _IconButton = _interopRequireDefault(require("./components/IconButton"));
-var _Image = _interopRequireDefault(require("./components/Image"));
-var _SVG = _interopRequireDefault(require("./components/SVG"));
+var _Touchable = _interopRequireDefault(require("./components/Touchable"));
+var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
+var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
-var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
+var _TextField = _interopRequireDefault(require("./components/TextField"));
+var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
+var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
+var _Checkbox = require("./components/Checkbox");
+var _index = require("./components/RadioButton/index");
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
 var _StarRating = _interopRequireDefault(require("./components/StarRating"));
-var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-var _TextField = _interopRequireDefault(require("./components/TextField"));
-var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
-var _Touchable = _interopRequireDefault(require("./components/Touchable"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
+var _Image = _interopRequireDefault(require("./components/Image"));
+var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
+var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
+var _Swiper = require("./components/Swiper");
 var _Accordion = require("./components/Accordion");
+var _Surface = _interopRequireDefault(require("./components/Surface"));
 var _ActionSheet = require("./components/ActionSheet");
-var _Swiper = require("./components/Swiper");
-var _Layout = require("./components/Layout");
-var _index = require("./components/RadioButton/index");
-var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
-var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
-var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
-var _CardInline = _interopRequireDefault(require("./components/CardInline"));
-var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Divider = _interopRequireDefault(require("./components/Divider"));
 var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
 var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
 var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
-var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
 var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
 var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
 var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
 var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
 var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
-var _Slider = _interopRequireDefault(require("./components/Slider"));
-var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _Card = _interopRequireDefault(require("./components/Card"));
+var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
+var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
+var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
+var _CardInline = _interopRequireDefault(require("./components/CardInline"));
 var _useAuthState = require("./components/useAuthState");
 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; }